/*login1*/
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
body{
        background: #fff;
        width: 100%;
	    height: 100%;
	    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	    color: #555;
        height: auto;
}


body.loginpages:before{
		background: #faf7ff;
        width: 100%;
	    height: 100%;
	    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
	    color: #555;
        height: auto;
	
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.no-padding{
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: #000;
}
row {
    margin-left: -15px;
    margin-right: -15px;
}
.progress-wrapper{
width:85%;float:left;
}
.text-center .tile
{
	display: block;
    /* margin: auto; */
    min-height: 110px;
}
.chart-wrapper
{
	width: 50%;padding: 10px;
}
.chart-wrapper-lg
{
	width: 100%;padding: 10px;
}


  
@media(min-width: 992px){
    .wrapper-page1{
         max-width: 65%;
         margin:3.5% auto;
         margin-bottom: 0;
    }
    .form-wrapper{
        padding: 60px 160px 60px 100px;
    }
      .d-flex{
        display: flex;
    }
    .left{
        width: 40%;
    }
    .right{
        width: 60%;
    }
}
@media(max-width: 768px){
      .form-wrapper{
            padding: 30px;
    }
    .form-wrapper h3, .form-wrapper p{
        text-align: center;
    }
    .login-card{
        margin:0 10px;
    }
    .image-wrapper{
            padding: 30px;
    }
    .wrapper-page{
        margin:10px;
    }
}
      
.login-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    border-radius: 6px;
    overflow: hidden;
}
.login-card {
    border: none;
     box-shadow: 0 10px 25px -10px rgba(72, 29, 99, .3);
    margin-bottom: 30px;
}

.image-wrapper{
  
  background-size: cover;
  min-height: 100%;
  display: flex;
  padding: 100px 40px 110px;
  flex-direction: column;
  align-items: center;
  /* justify-content: space-between; */
}
.image-wrapper h3{
    color: #fff;
    font-size: 25px;
    padding-top:50px;
   	font-weight:700;
    text-align: center;
} 

.form-wrapper p{
    font-weight: 600;
    color: #353131;
    font-size: 14px;
    margin-bottom: 8px;
}
.form-wrapper h3{
	font-weight:700;
    font-size: 20px;
    margin-bottom: 30px;
    color: #333;
}
.login-btn{
    display: block;
    width: 100%;
    margin-top: 20px;
   /*  background: #039d8f; */
   
    background:rgba(57, 88, 118, 0.8);
   
   color: #fff;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.login-btn:hover{
	    background: rgba(58, 110, 161, 0.8);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}
.login-logo{
   /* width: 150px;*/
    width:80%;
     background-color: #fff;
    padding: 20px;
    /* border: 2px solid #039d8f; */
    box-shadow: -1px 4px 3px #33333324;
    border-radius: 8px;
    /* margin-left: 16px; */
    margin-top:70px;
}


/*menu csss*/
   .page-menu .btn {
    padding-top: 17px;
    padding-bottom: 17px;
    background: #31393f;
    border: 1px solid;

}
.page-menu .btn {
       padding: 0px 10px;
   border-radius: 4px;
    font-size: 22px;
    line-height: 32px;
    color: #fff;
        display: inline-block;
    margin: 05px 0;
    /*background: transparent;*/
}
.page-menu .btn:hover,.page-menu .btn:focus{
    
    color: #fff;
  
}
.page-menu .lnr-menu:before {
    content: "\e871";
    transition: all .2s ease-in;
}
.page-menu.open .lnr-menu:before {
    content: '\e870';
}
  .page-menu .dropdown-menu {
    padding: 40px;
    width: 400px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.page-menu .pm-item {
    padding: 14px 5px;
    width: 30.33%;
    background: #97cf50;

    margin: 4px;
    height: 100px;
    overflow: hidden;
        word-wrap: break-word;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #717171;
        color: #fff;
}
.page-menu .pm-item:hover, .page-menu .pm-item:focus {
    text-decoration: none;
    background: #E4910D;

    border-color: rgba(31, 97, 154, 0.3);
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
}
.page-menu.open > .dropdown-menu {
    display: flex;
    flex-direction: column;
}

.page-menu.open > .dropdown-menu .flex-wrapper{
    display: flex;
    width: 320px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.page-menu.open > .dropdown-menu p{
    margin-bottom: 5px;
}
.top10{
    top:10px!important;
}
.top25{
    top:25px!important;
}

/*dashboard1*/
 .dashboard{
	background:transparent radial-gradient(ellipse at center center , #09d6c3cc 0%, #039d8f 100%) repeat scroll 0% 0%;
 }
 .single-software {
    background: #fff;
    box-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.15);
    padding: 35px 20px 35px 20px;

    transition: all 0.3s ease-in-out;
}
.single-software {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    min-height: 170px;
    display: flex;
    align-items: center;
    height: 100%;
    /*text-align: center;*/
    cursor: pointer;
    margin-bottom: 35px;
}
.single-software .center-align{
    display: flex;
    /*align-items: center;*/
}
.arrow{
    position: absolute;
    right: 20px;
    bottom: 25px;
    width: 30px;
    height: 30px;
    background: #f0efff;
    border-radius: 50%;
    padding:5px;
}
.single-software p{
    font-size: 14px;
    font-weight: 600;
}
.no-padding{
    padding: 0;
}
 .single-software:hover {
    box-shadow: 0 30px 30px -5px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    -webkit-transform: translate(0px, -3px);
    -ms-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
}


.single-software h3{
    font-size: 20px;
    line-height: 1.29;
    font-weight: 600;
}
.main-area-wrapper{
    padding:60px 0;
}

.mb-1{
	margin-bottom: 5px;
}


.page-menu .fa-filter:before {
    content: "\f0b0";
    transition: all .2s ease-in;
}
.page-menu.open .fa-filter:before {
    content: '\f00d';
}
/*.footer{
    position: static;
}
*/


.container-fluid-header{
background: #31393f; box-shadow: 0 0 10px #0009;
}
.w-100{
	width:100%;
}
.btn1{
	display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}



.page-menu .pm-item.active{
    text-decoration: none;
    background: #E4910D;
    border-color: rgba(31, 97, 154, 0.3);
    -webkit-box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.1); 
}
       
/* style on 22 March 2019 */

.cust-widget .widget-title h5{
	color: #039D8F;
	font-weight: bold;
}

.sm-note{
	color:#fff;
	}

.main-content .table thead tr th{
	background-color:#f7c727;
	color: rgba(0,0,0,0.7);
}

.progress-bar-success{
	background-color:#3b83fa;
}
.main-content > .container-fluid-header.mb-2{
	margin-bottom:8px;
}
.text-white{
	color:#fff;
}

#itemGroupTable .progress-bar-grey {
    background-color: #4689f9;
}

#itemGroupTable .progress{
	background-color:#fff;
}
.dashboard-tiles a{
	color:#333;
}

#TestAnalysisTable tr td:first-child,#TestAnalysisTable tr td:nth-child(3),#TestAnalysisTable tr td:nth-child(5){
	font-weight:bold;
	background: #f6f6f6;
}
#condensedTestTable tr td:nth-child(1),#condensedTestTable tr td:nth-child(3),#condensedTestTable tr td:nth-child(5){
	background: #f6f6f6;
}
.analysis-report-table tr td:nth-child(1),.analysis-report-table tr td:nth-child(3),.analysis-report-table tr td:nth-child(5){
	background: #f6f6f6;
	font-weight:bold;
}
.stats-tiles{
	display:flex;
	justify-content: center;
	text-align:center;
	flex-wrap: wrap;
}
.tile{
	color:#fff;
	padding:20px;
	margin: 10px 15px;
	border-radius:4px;
	width: 180px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}

.tile h2{
	color:#fff;
	}
.tile-yellow{
	background:#F7C727;
	color:#333;
}
.tile-yellow h2{
	color:#333;
}
.tile-green{
	background:#4bb2c5;
}
.tile-blue{
	background:#3b83fa;
}
@media print{
.dashboard{
	    background: transparent;
	}

}

.widget.table{
	overflow-x:auto;
}



@media print { 
	  html {
        margin: 0;
        padding: 0;
    }
    body {
        /* font-size: 10px!important; */
        padding: 5px 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }
	* {
	    color: $fff;
	    background: transparent;
	}
/*	 table {
	  page-break-inside:auto 
	}
  	 tr    { 
  	 	page-break-inside:avoid; 
  	 	page-break-after:auto 
  	 }*/
   


     *, *:before, *:after {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
        
    }
    a, a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
    select {
        background: #fff !important;
    }
    .navbar {
        display: none;
    }
    .btn> .caret, .dropup> .btn> .caret {
        border-top-color: #000 !important;
    }
    .main-content .table thead tr th{
      -webkit-print-color-adjust: exact;
    }
   .text-center .tile{
    width:120px;
    
    }
    
    .text-center .tile h2{
    font-size:16px;
    }
    /* #itemAnalysisChart{
    width: 400px;;
    } */
    .progress-wrapper{
	width:85%;float:left;
}
.text-center .tile{
	    display: block;
    margin: auto;
   
}


 }

/* Added By Apoorv */

.background-gradient{
	/* background: rgba(232, 67, 147, 0.8); */ 
  background: rgba(59, 96, 131, 0.8);
  background: linear-gradient(161deg, rgba(59, 96, 131, 0.8) 14%, rgba(59, 96, 131, 0.8) 54%);
}

.project-name h3{
	color: #fff;
    font-size: 25px;
    font-weight: 900;
    text-align: center;
}

label {
    font-weight: 600;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.form-control {
    border-color: #ddd;
    border-radius: 2px;
    font-size: 13px;
    background-color: #fafafa;
    box-shadow: none;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

img {
    vertical-align: middle;
}

.form-horizontal .form-group {
    margin-left: -15px;
    margin-right: -15px;
}
.form-group {
    margin-bottom: 15px;
}
.row {
    margin-left: -15px;
    margin-right: -15px;
}

@media (min-width: 768px)
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

button {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, select {
    text-transform: none;
}
button {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

label {
    font-weight: 600;
}

div.alert:last-child {
    margin-bottom: 25px;
}
div.alert {
    margin-bottom: 5px;
    /* padding: 10px 35px 10px 16px; */
    padding: 5px 0px 0px 16px;
    border-radius: 3px;
    font-weight: 300;
    border: 1px solid red;
    /* background-color: #fe9797; */
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.logo-label {
    font-size: 18px;
    color: rgb(255, 255, 255);
    font-weight: 500;
    text-decoration: none;
}

#backgroundimg {
    overflow: hidden;
    height: 100vh;
    width: 100%;
    
    margin: 0;
    /* background: rgb(232,239,244); */
    /* background: -webkit-linear-gradient(top, rgba(232,239,244,1) 1%,rgba(183,190,206,1) 36%,rgba(91,106,119,1) 100%); */
    /* background: linear-gradient(to bottom, rgba(232,239,244,1) 1%,rgba(183,190,206,1) 36%,rgba(91,106,119,1) 100%); */
    background: url(../images/bg_loginpage.png) center center;
    background-repeat: no-repeat;
    background-size: cover;
}

div.alert .close {
    right: -35px;
    top: -11px;
    opacity: 0.5;
    padding: 8px 12px;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: rgb(0, 0, 0);
    text-shadow: rgb(255, 255, 255) 0px 1px 0px;
    opacity: 0.2;
}
h4 {
    font-size: 18px;
    line-height: 24px;
}

h4.alert-heading {
    color: red;
}