/*
TRC - New Jersey clean energy program
Theme Name: Basic
Description: NJCEP basic theme stylesheet.

colors
white:#FFFFFF
black:#00000;
dark-gray:#333333;
gray:#525252;
blue:#0B81BE;
dark-blue:#164A7D ;
orange:#F5AA22;
green:#0E864B;
red:#F44D52;
light-gray:#ADADAD;
pink:#FBEFF5;
light-yellow:#E7DA63 -- Used for highlighting rows in the grid
*/

/******************************************************** Fonts *******************************************************/

@font-face {
    font-family:roboto;
    font-weight: 300; /*Light*/
    src:url(../fonts/Roboto-Light.ttf);
}

@font-face {
    font-family:roboto;
    font-weight: 100; /*Thin*/
    src:url(../fonts/Roboto-Thin.ttf);
}

@font-face {
    font-family:open sans;
    font-weight:400; /*Normal or Regular*/
    src:url('../fonts/OpenSans-Regular.eot');
}

@font-face {
    font-family:open sans;
    font-weight: 700; /*Bold*/
    src:url('../fonts/OpenSans-Bold.eot');
}

@font-face {
    font-family:open sans;
    font-weight: 300; /*Light*/
    src:url('../fonts/OpenSans-Light.eot');
}

@font-face {
    font-family:open sans;
    font-weight: 600; /*Semi Bold*/
    src:url('../fonts/OpenSans-Semibold.eot');
}

h1 {
    font-size: 36px;
    font-weight: 300;
    font-family: roboto;
    color: #444;
}

h2 {
    font-size: 30px;
    font-weight: 300;
    font-family: roboto;
    color: #444;
}

h3 {
    font-size: 24px;
    font-weight: 300;
    font-family: roboto;
    color: #444;
}

h4 {
    font-size: 18px;
    font-weight: 300;
    font-family: roboto;
    color: #444;
}

h5 {
    font-size: 14px;
    font-weight: 300;
    font-family: roboto;
    color: #444;
}

h6 {
    font-size: 12px;
    font-weight: 300;
    font-family: roboto;
    color: #444;
}


/******************************************************** Body Tags *******************************************************/

body {
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    color: #525252;
    line-height: 24px;
    background-color: #FFFFFF;
}

body a {
    font-family: open sans;
    /* font-size: 14px; */
    font-weight: 400;
    color: #0b81be;
    line-height: 24px;
}

body a:hover {
    text-decoration: underline;
}

/*.container-fluid{padding-right:50px;padding-left:50px;margin-right:auto;margin-left:auto}*/

@media (min-width: 576px) {
.coreims-custom-container{
    width:500px;
}}

@media (min-width: 768px) {
.coreims-custom-container{
    width:700px;
}}

@media (min-width: 992px) {
.coreims-custom-container{
    width:900px;
}}

@media (min-width: 1200px) {
.coreims-custom-container{
    width:1100px;
}}

@media (min-width: 1400px) {
.coreims-custom-container{
    width:1300px;
}}

.content-area-min {
    width: 75%;
}

.content-area-max {
    width: 75%;
}

.content-area-full {
    width: 100%;
}

.waiting{
  cursor: wait !important;
}

/**************************************************** Global Elements ***************************************************/

.contentPlain {
	background-color: white !important;
}

#maincontent {
	/*
    margin-top: 150px;
    margin-bottom: 50px;
    */
    background-color: white;
}

.text-error {
    color: #FF0000;
    font-size: 14px;
}

.fa {
    margin: 10px;
}

.fa:focus {
    outline: none;
    border: 0;
}

.famar5 {
    margin: 5px;
}

.mar2per {
    margin: 2%;
}

.aside {
    width: 25%;
    height: 100%;
    min-height: 300px;
    margin: 20px 0 -15px 0;
    margin-left: -15px;
}

.fade-in-out {
  transition: 1s linear all;
  opacity: 1;
}

.fade-in-out.ng-hide {
  opacity: 0;
}

.leftnav-icon-bars-button{
  display: inline-block;
  vertical-align:middle;
}
.leftnav-icon-bar {
  margin-bottom:2px;
  display: block;
  width: 22px;
  height: 2px;
  background-color: #cccccc;
  border-radius: 1px;
}

.show_search{display:block;}
.hide_search{display:none;}

/**************************************************** Search Results Tables ***************************************************/


/****************************************************   Information Tables  ***************************************************/

.table-wrapper {
	/*overflow-y: auto;*/
}

.table-bordered {
	word-wrap: break-word;
	table-layout: fixed;
}

.table{
	position:relative;
}
.table th{
    color: #FFFFFF;
    font-weight: normal;
}
.table th {
    background-color: #0b81be;
}
.table td {
    color: #000000;
}

.table-gray th {
    background-color: #ADADAD !important;
}

.table-transparent th {
    background-color: rgba(0, 0, 0, 0) !important;
    color: #000000 !important;
}


/*
.table th .input{margin-top:0; margin-bottom:-4px;}
.table .input input[type='checkbox'] + label{width:10px;}
.table .input input[type='checkbox'] + label span{display:block; text-indent:-5000px;}
.table td .input input[type='checkbox'] + label:after{bottom:5px;}
.table tr:hover {
    cursor: pointer;
    background-color: #eeeeee;
}
*/
.numberAlign {
	text-align: right !important;
}

.centeredtext {
	text-align: center;
}

.leftedtext {
	text-align: left;
	vertical-align: middle !important;
}

.vamiddle {
	vertical-align: middle;
	margin: 0 !important;
}

.textLink {
	cursor: hand;
	color: #0b81be;
}

.textLink:focus {
    outline: none;
    border: 0;
}

.noData{background:#e8e8e6;font-size:14px;padding:10px;font-weight:600;margin-bottom:30px;}

.infoTable h2{font-family:roboto;font-size:20px;margin:0 0 15px 0;padding:0 0 10px;font-weight:400;}
.infoTable h3{font-family:roboto;font-size:14px;margin:0 0 15px 0;padding:0 0 10px;font-weight:600;}

.infoTable table{font-size:13px;}
.infoTable table thead th{font-weight:600; vertical-align:top !important;}
.infoTable table tbody span{display:block;}
.infoTable table tbody > tr > td > a, .infoTable table tbody > tr > td{font-size:13px !important;}
.infoTable table tbody > tr > td:first-child{font-weight:600;}
.infoTable table tbody > tr > td.normal{ font-weight:normal;}
.infoTable table a{font-weight:bold; font-size:12px;}
.infoTable table a.last{font-weight:normal;}
.infoTable table a:hover{ text-decoration:none;}
.infoTable .total{ background:#eee;}

.infoPopover .popover-title{ background-color: #525252; color:white;} .popover-content{ background-color: #525252; color:white;} .popover.bottom-right .arrow:after { border-bottom-color: #525252; } .popover{ background-color: #525252; color:white;} .popover.bottom .arrow:after { border-bottom-color: #525252; } .popover{ background-color: #525252; color:white;}
.drawAttention {color:red; font-weight: bold;}
.drawAttentionBlue {color:blue; font-weight: bold;}

.catchflowscroll {
	overflow-y: auto !important;
}

.catchflowscrollXY {
	overflow: auto !important;
}

/**************************************************** Bread-crumbs Bar ***************************************************/


/*#id_breadrum_home_link {
    margin-bottom: 15px;
}*/

#id_breadcrumbs_wrap > .navbar li a {
    margin-top: 7px;
}

#id_breadcrumbs_wrap .navbar-header {
    margin-left: -15px;
    padding-left: 20px;
    background-color: #0B81BE;
}

#id_breadcrumbs_wrap .navbar-header i {
    color: #FFFFFF;
    margin-top: 0px;
}

/* New Styles for breadcrumb */
.imsbreadcrumb {background:#2967BC; display:block; width:100%; overflow:hidden; margin-top:25px; margin-bottom:10px;}
.imsbreadcrumb .home_icon {float:left; color:#fff; background:#01B6EB url(../images/arrow_bg.png) no-repeat right; font-size:32px; padding:10px 20px 10px 10px; height:55px; margin:0 15px 0 0;}
.imsbreadcrumb .home_icon .fa-home {margin:initial;}
.imsbreadcrumb h1 {color:#fff; font-family:'Roboto', sans-serif; margin:0; line-height:54px; font-size:24px; font-weight:100;}

.imsbreadcrumb#id_breadcrumbs_wrap h1 ul{display:inline; padding:10px; margin:0;}
.imsbreadcrumb#id_breadcrumbs_wrap h1 li{display:inline;}
.imsbreadcrumb#id_breadcrumbs_wrap h1 li a{font-family:roboto; font-size:24px; font-weight:100; color:#fff; text-decoration:none;}
.imsbreadcrumb#id_breadcrumbs_wrap h1 li a:hover{text-decoration:underline;}
.imsbreadcrumb#id_breadcrumbs_wrap h1 li:last-child a{font-size:18px; cursor:text; text-decoration:none;}
@media screen and (max-width:1020px) {
  .imsbreadcrumb#id_breadcrumbs_wrap h1 li a {
    font-size:20px;
  }
  .imsbreadcrumb#id_breadcrumbs_wrap h1 li {
    font-size:20px;
  }
}
@media screen and (max-width:382px) {
  .imsbreadcrumb#id_breadcrumbs_wrap h1 li a {
    font-size:16px;
  }
  .imsbreadcrumb#id_breadcrumbs_wrap h1 li {
    font-size:16px;
  }
  .carousel-caption #pcontent {
	font-size: 14px !important;
	line-height: 20px !important;
  }
  .carousel-caption #hcontent {
  	font-size: 16px !important;
	line-height: 20px !important;
  }
  .carousel-caption {
	left: 10% !important;
  }
}

/******************************************************* Buttons *******************************************************/

* {
    border-radius: 0px;
}

/*
.btn:focus, .btn:active:focus, .btn.active:focus{outline:0 none;}

.btn {
    min-width: 80px;
}
*/

.btn-link {
    font-family: open sans;
    font-size: 14px;
    font-weight: bold;
    color: #2e79ba;
    background: transparent;
    padding: 10px;
}

.btn-blue {
    font-family: open sans;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: #16417d;
    padding: 10px;
}

.btn-blue .fa{
    margin:0 10px 0 0;
}

.btn-blue:hover {
    background: #2e79ba;
    color:#fff;
}

.btn-blue:focus, .btn-blue:active {
    background: #37a2ff;
    color:#fff;
}

.btn-blue:disabled, .btn-blue.disabled {
    background: #164a7d;
    background: rgba(22, 74, 125, 0.2);
}

.btn-normal {
    font-family: open sans;
    font-size: 14px;
    font-weight: bold;
    color: #808080;
    border: solid 1px #a0a0a0;
    padding: 10px;
}

.btn-normal:hover {
    color: #525252;
    border: solid 1px #717074;
    background: none;
}

.btn-normal:active {
    background: #606060;
}

.btn-normal:disabled {
    color: #d5d5d5;
    border: solid 1px #d7d7d7;
}

.btn-trans {
    font-family: open sans;
    font-size: 14px;
    font-weight: bold;
    color: #808080;
    border: solid 1px #a0a0a0;
    background: none;
    margin-right: 10px;
    padding: 10px;
}


/******************************************************* Navigation *******************************************************/

header .nav,
header .navbar {
    background-color: #FFFFFF;
}

#id_navbar_logo {
    margin: 10px 0px 10px 0px;
}

#id_navbar {
    margin: 20px 0px 0px 0px;
}

#id_navbar_helpdesk {
    padding-top: 6px;
}

.nav-btn-normal {
    font-family: open sans;
    font-size: 14px;
    font-weight: bold;
    color: #808080;
    border: solid 1px #a0a0a0;
    background: #FFFFFF;
    padding: 10px;
    margin-top: 4px;
}

.dropdown {
	margin-right: 10px;
}

.dropdown>div>.dropdown-menu>li>a {
    margin-top: 10px;
}

.dropdown>div>.dropdown-menu>li>a:hover {
    background-color: #164A7D;
    color: #FFFFFF;
}

.navbar-fixed-bottom li a {
    font-size: 12px;
}

#footerDiv {
	text-align: center;
	padding: 10px;
	font-size: 12px;
	color: #9d9d9d;
}

#footerDiv a {
	text-decoration: none;
	color: #9d9d9d;
}

#footerDiv a:hover {
	color: #FFF;
}

/******************************************************* Carousel *******************************************************/


.carousel-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
}

.carousel-control {
    width: 5%;
}

.carousel-inner {
    width: 100%;
    height: 100%;
}

.carousel-caption {
	text-align: left;
	padding-top: 5%;
	left: 15%;
}

.carousel-caption #hcontent {
    font-family: roboto;
    font-size: 32px;
    font-weight: normal;
    color: #FFFFFF;
	line-height: 30px;
}

.carousel-caption #pcontent {
    font-family: roboto;
	font-size: 16px;
    font-weight: regular;
    color: #FFFFFF;
	line-height: 30px;
}

.carousel-caption-top-left {
    top: 10%;
    width: 35%;
    min-width: 250px !important;
}

.carousel-caption-wrap {
    background-color: rgba(0, 0, 0, 0.8);
    padding: 5%;
    box-shadow: 0px 0px 5px 1px;
}

/******************************************************* Modal *******************************************************/

.modal-header {
	color: #FFFFFF;
    background-color: #0B81BE;
    border-radius: 5px 5px 0 0;
    border: none;
}

.modal-header h4 {
    color: #FFFFFF;
}

.modal-header .close {
    background-color: rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 36px;
    font-weight: lighter;
    opacity: 1;
    margin-top: -10px;
    border: 0;
    outline: none;
}

.modal-body,
.modal-footer {
    background-color: #FFFFFF;
}

.modal-col-padding {
    padding-right: 10%;
    padding-top: 15px;
}

.ims-modal-position {
	position: absolute;
	top: 50%;
	margin-top: -250px;
	margin-left: 20px;
	margin-right: 20px;
}

.ims-arm-modal-position {
	position: absolute;
	top: 38%;/*25%;*/
	margin-top: -250px;
	margin-left: 20px;
	margin-right: 20px;
}

/*************************************************** Login Modal */

/*.login-modal-content,
.success-modal-content,
.password-modal-content {
    width: 400px;
}*/

.login-modal-content .login-btn {
    width: 100%;
    background-color: #164A7D;
    font-weight: bold;
    margin-bottom: 15px;
    color: #ffffff;
}

.login-modal-content .forgot-pwd-span {
	margin-left: -2%;
    margin-top: 2%;
    float: left;
}

.login-modal-content .forgot-pwd-infomsg-icon {
	color: #0E864B;
}

.login-modal-content .forgot-pwd-errormsg-icon {
	color: #F44D52;
}




/********************************** Styles for QA checklist document responsive screen **********************************/
.checklist-document #id_table_wrap{background:#fbfbfb; border:solid 1px #d9d9d9; padding:0;margin:0;}
.checklist-document .table-noborder-full-right{width:100%;text-align: right;}
.checklist-document .title{border-bottom:solid 1px #c2c2c2; color:#0b81be; padding:0 0 15px 0; margin:15px 15px;}
.checklist-document section{margin:0 15px;}
.checklist-document section h4{font-weight:600;}
.checklist-document div h4{font-weight:600;}
.checklist-document .header h4 {font-family: open sans; font-size:18px; font-weight:normal; color:#9e9e9e;}
.checklist-document .formTemplateData{padding:0 0 20px 0; margin:0;}
.checklist-document .checklistInstanceData{padding:20px 0 0 0; margin:0; background:#fff; border-top:solid 1px #dbdbdb;}
.checklist-document .noteheader{font-weight:600; padding:0 0 15px 0;}
.checklist-document .seenote{background: #FBEFF5;}
.checklist-document .admininfo{font-size:12px; font-style:italic; color:#ADADAD;}
.checklist-document .buttons-container{padding:15px 0 15px 0; overflow:hidden;}
.checklist-document .buttons-container .btn-trans{margin:0;}

.checklist-document .panel-heading{background:#d9d9d9;}
.checklist-document .panel-body .panel-heading{background:#f6f6f6; border-bottom:solid 1px #ddd; overflow:hidden;}
.checklist-document .panel-body .panel .panel-default{border-radius:0;}
.checklist-document .panel-group .panel+.panel{margin-top:15px;}

.checklist-document .accordion-links {padding:0 5px 15px 0; }
.checklist-document .accordion-links a{line-height:12px; display:inline-block; margin:0 0 0 0; text-decoration:none;}
.checklist-document .accordion-links a:last-child{border-left:solid 2px #a6a6a6; padding:0 0 0 5px; margin:0 0 0 5px;}
.checklist-document .accordion-links .fa{margin:0; font-size:10px;}


/********************************** Generic styles for Left Tab menu (Programs/Applications) **********************************/
.tabs-container{padding:0; border:solid 1px #eee; overflow:hidden;}
.left-tabs{margin:0; padding:0 15px 0 0;}
.left-tabs ul{padding:0; margin:0;}
.left-tabs ul li{list-style:none; margin:0; background:#f5fafd; border-bottom:solid 1px #b1bbc5;}
.left-tabs ul li a{display:block; padding:2px; height:40px; font-size:14px; color:#525252; text-decoration:none;}
.left-tabs ul li a .fa-check-circle{font-size:18px; color:#00b7eb;}
.left-tabs ul li.active{background:#2966b9;}
.left-tabs ul li.active a{color:#fff;}
.left-tabs ul li.active a .fa-check-circle{color:#fff;}

.left-tabs ul li.backbtn {
    background: #0B81BE;
}

.tab-content{border-left:solid 1px #eee; box-sizing:border-box; padding:0 10px; min-height:625px;}
.tab-content .form-header{border-bottom:solid 1px #eee; overflow:hidden;}
.tab-content .form-header .title{margin:0 0 0 10px;}
.tab-content .form-header .title span{color:#adadad;}
.tab-content .form-header .title h3{margin-top:0; font-weight:bold; color:#444;}
.tab-content section{margin-bottom:40px;}
.tab-content label.text-muted{color:#9e9e9e;}
.tab-content .form-save-btns .btn{margin:0 0 0 10px;}

/********************************** Generic Styles for Tabs Control **********************************/
.tabs-control .nav-tabs > li > a{color:#555; padding:12px 35px; font-family:roboto; font-size:14px; border-radius:0; /* text-transform:uppercase; */ font-weight:500; margin:0; border:1px solid #ddd; border-bottom:none;}
.tabs-control .tab-content{border:1px solid #ddd;min-height:0px;border-top:0px;padding:15px 15px 30px 15px;}
.tabs-control .nav-tabs > li.active, .tabs-control .nav-tabs > li:hover{border-bottom: 3px solid #0b81be;}
.tabs-control .navigation{display:inline-block;}
.tabs-control .navigation li{display:inline-block; float:right; margin-left:10px;}
.tabs-control .navigation li:last-child{margin-right:0px;}
.tabs-control .navigation li.active:hover{margin-bottom:-1px;}
.tabs-control .navigation li a i{font-size: 16px;color: #CCC;}
.tabs-control .navigation li a{width:35px; height:35px; padding:5px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#FFF; border:1px solid #ddd;}
.tabs-control .navigation li a:hover{ background:#0b81be;}
.tabs-control .navigation li a i:hover{color:#FFF;}
.tabs-control .navigation .form-control{border-radius:0px;}

/********************************** Budget Tabs Styles for Tabs Control **********************************/
.bud-tabs-control .nav-tabs > li > a{color:#555; padding:12px 15px; font-family:roboto; font-size:14px; border-radius:0; /* text-transform:uppercase; */ font-weight:500; margin:0; border:1px solid #ddd; border-bottom:none;}
.bud-tabs-control .tab-content{border:1px solid #ddd;min-height:0px;border-top:0px;padding:15px 15px 30px 15px;}
.bud-tabs-control .nav-tabs > li.active, .tabs-control .nav-tabs > li:hover{border-bottom: 3px solid #0b81be;}
.bud-tabs-control .navigation{display:inline-block;}
.bud-tabs-control .navigation li{display:inline-block; float:right; margin-left:10px;}
.bud-tabs-control .navigation li:last-child{margin-right:0px;}
.bud-tabs-control .navigation li.active:hover{margin-bottom:-1px;}
.bud-tabs-control .navigation li a i{font-size: 16px;color: #CCC;}
.bud-tabs-control .navigation li a{width:35px; height:35px; padding:5px; display:flex; justify-content:center; align-items:center; border-radius:50%; background:#FFF; border:1px solid #ddd;}
.bud-tabs-control .navigation li a:hover{ background:#0b81be;}
.bud-tabs-control .navigation li a i:hover{color:#FFF;}
.bud-tabs-control .navigation .form-control{border-radius:0px;}

/********************************** Styles for Application Tab view screens ************************/
.application-tabs .tab-content .form-header .title h3{margin:15px 0 5px 0; font-weight:300; color:#444;}
.tab-content .form-header .title .graphtip{color:#fff;}
.tab-content .fa-warning{ color:#cccc00;}
.application-tabs .tab-content .form-header .title span{color:#444;}
.application-tabs .tab-content .form-header .title span.user-info{color:#fff;}
.application-tabs .tab-content .inner-content{padding:20px 10px 0;}
.application-tabs .left-tabs{height:auto;}

/********************************** Styles for General Info Tab ************************************/
.general-Info .greyText{font-size:16px;}
.general-Info .address{word-break:break-all;}
.general-Info .fa-warning{ color:#cccc00;}

/********************************** Styles for Program Summary Tab *********************************/
.Tablepanel{ display: none;}

.savings-summary h3{ margin: 0;font-size: 14px;font-weight: 600;margin:10px 0;}
.savings-summary .firstCol{border-right: 1px solid #fff;}
.savings-summary .fa{color:#0b81be !important;font-weight: 400 !important;margin: 0;font-size: 10px;}

/********************************** Styles for Invoice Tab *****************************************/
.invoice-contents .batch-row{background: #ADADAD;}

/********************************** Styles for Measures Tab ****************************************/
.measureContents .btn-blue{margin-top:30px;text-transform:uppercase;padding:5px 18px;border-radius:1px;}
.measureContents .onelinecontents { padding-right:5; padding-left:0; }

.measureContents .selectwidthauto { width:auto !important; display:inline-block; vertical-align:bottom; align:center;  }

.measureContents .fa-stack {outline: none; border: 0;}

.measureContents .fa-stack.enabled        .fa.fa-circle-thin { opacity:1.0; color: #164A7D; }
.measureContents .fa-stack.enabled        .fa.fa-circle { opacity:1.0; color: #164A7D; }
.measureContents .fa-stack.enabled  	  .fa.fa-angle-left { color: white; }
.measureContents .fa-stack.enabled  	  .fa.fa-angle-right { color: white; }

.measureContents .fa-stack.disabled       .fa.fa-circle-thin { opacity:1.0; color: #ADADAD; }
.measureContents .fa-stack.disabled       .fa.fa-circle { opacity:1.0; color: white;}
.measureContents .fa-stack.disabled  	  .fa.fa-angle-left { color: #ADADAD; }
.measureContents .fa-stack.disabled  	  .fa.fa-angle-right { color: #ADADAD; }

.measureContents .fa-stack.enabled:hover  .fa.fa-circle-thin { color: #0B81BE; }
.measureContents .fa-stack.enabled:hover  .fa.fa-circle { color: #0B81BE; }
.measureContents .fa-stack.enabled:hover  .fa.fa-angle-left { color: white; }
.measureContents .fa-stack.enabled:hover  .fa.fa-angle-right { color: white; }

.measureContents .form-group .has-error { color: red; }


/********************************** Styles for QA/QC Tab ********************************************/
.qaqcContents .fa{color:#0b81be !important;font-weight: 400 !important;margin:0 10px 0 0;font-size: 10px;}

/********************************** Styles for Associated Applications Tab **************************/


/********************************** Styles for Notes/Attachments Tab ************************************/
.notes-attachments .noteHeader{color:#ADADAD;font-size:12px;white-space:pre-wrap;}
.notes-attachments .noteContent{color:#00000;font-size:12px;white-space:pre-wrap;}
.notes-attachments .noteContent {outline: none; }

.notes-attachments .well {
    padding: 10px;
}
.notes-attachments textarea {
    width: 100%;
}
.notes-attachments .submit-wrapper {
    margin: 20px 0 20px 0;
}
.notes-attachments .well {
    margin-bottom: -5px;
    border-bottom: none;
    border: 1px solid #ccc;
    border-radius: 0px;
}
.notes-attachments .noteContent {
	word-wrap: break-word;
}

/******************************File Upload **********************************************/
.fileInfoItalic{font-size:12px; font-style:italic; color:#ADADAD;}

/********************************** Styles for Jobs/Cost Tab ****************************************/

/********************************** START: Styles for Invoice/InvoiceDetail page ********************************************/

.custom-disabled, .custom-disabled:hover, .custom-disabled:focus {border:none; box-shadow:none;}
.billing-details .upload-documents .custom-disabled, .billing-details .form-control[readonly]{background:none; padding:0;}
.billing-details .bill-info .form-group .custom-disabled{padding:0; height:20px;}
.billing-details .bill-info .form-group:first-child .custom-disabled{font-size:18px; font-weight:600;}
.billing-details .form-group label{color:#9e9e9e; font-weight:400; margin:0;}
.billing-details .form-group .btn-blue{color:#fff; font-weight:initial;}
/* .invoice-details .invoice-info ol, .billing-details .bill-info ol{padding:0 0 0 15px; font-size:16px;} */
.billing-details.invoice-details .review-note-wrap {margin-top:0;}
.invoice-details .filter-multi-select{margin-bottom:10px;}
.invoice-details ul{list-style:none; padding:0;}
.fileChooseSect{border: 1px solid #ddd; height: 100px;vertical-align: middle;padding-top: 5%;text-align: center;}
.fileChooseSectMou{border: 1px solid #ddd; height: 100px;vertical-align: middle;padding-top: 3%;text-align: center;}
.cursorPointer{cursor: pointer;}

.clmodalfooter {
	padding: 10px 0px;
	float: right;
}

.clapplistheadlines {
	font-weight: bold;
}

table.noBorder {
	border: 0 !important;
}

td.noBorder {
  	border: 0 !important;
}

.crtaddiv {
	padding-top: 1%;
    padding-left: 56%;
    padding-right: 25%;
    font-weight: bold;
}

.tadcellfooter {
	padding-right: 7%;
    font-size: 14px;
    color: #0b81be;
    font-weight: bold;
}

.totalscolor {
	color: #0b81be;
	font-size: 12px;
	font-weight: normal;
}

.tadcellfootertemplate {
    font-size: 14px;
    color: #0b81be;
    font-weight: normal;
}

.passicon {
	color: green;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 2em;
}

.failicon {
	color: red;
    text-shadow: 1px 1px 1px #ccc;
    font-size: 2em;
}

.plwarnicon {
	margin: 29% 0 0 29%;
    color: #F7CA18;
}

.plerroricon {
	margin: 29% 0 0 29%;
    color: #FF0000;
}

.plerrorhdr {
	background-color: #FF0000;
    text-align: center;
    font-weight: bold;
}

.plwarninghdr {
	background-color: #F7CA18;
    text-align: center;
    font-weight: bold;
}

.plspinnericon {
	margin: 29% 0 0 29%;
    color: #0B81BE;
}

.utplwarnicon {
	margin: 0;
    color: #F7CA18;
}

.utplerroricon {
	margin: 0;
    color: #FF0000 !important;
}

.utplspinnericon {
	margin: 0;
    color: #0B81BE;
}

.btplwarnicon {
	margin: 10% 0 0 25%;
    color: #F7CA18;
}

.btplerroricon {
	margin: 10% 0 0 25%;
    color: #FF0000;
}

.btplspinnericon {
	margin: 10% 0 0 25%;
    color: #0B81BE;
}


#plModalErrDiv .table th {
    background-color: #FF0000;
    font-weight: bold;
}

#plModalCallFailureDiv .table th {
    background-color: #FF0000;
    font-weight: bold;
}

#plModalWrnDiv .table th {
    background-color: #F7CA18;
    font-weight: bold;
}

#downloadImg {
	text-decoration: none;
}

.noDecorImg {
	text-decoration: none !important;
	outline: none !important;
}

.noStyles {
	text-decoration: none !important;
	outline: none !important;
	cursor: default !important;
}

.inlineradio {
	display:inline;
}

.paddingtop10 {
	padding-top: 10px;
}

.bsclInfoIcon {
	padding-top: 40%;
	margin-left: -40%;
}

.paddingbottom30 {
	padding-bottom: 30px;
}

.paddingbottom2Per {
	padding-bottom: 2%;
}

.padding1per {
	padding: 1%;
}

.padding2per {
	padding: 2%;
}

.paddingright25 {
	padding-right: 25px;
}

.paddingright5 {
	padding-right: 5px;
}

.paddingleft5 {
	padding-left: 5px;
}

.mtop1per {
	margin-top: 1%;
}

.mtop1perImportant {
	margin-top: 1% !important;
}

.mtop10per {
	margin-top: 10%;
}

.mtop2per {
	margin-top: 2%;
}

.mleft2per {
	margin-left: 2%;
}

.mbot1per {
	margin-bottom: 1%;
}

.mbot2per {
	margin-bottom: 2%;
}

.mbot4per {
	margin-bottom: 4%;
}

.padlr7per {
	padding: 0 7%;
}

.padtb7per {
	padding: 7% 0;
}

.fontwtbold {
	font-weight: bold !important;
}

.fontwtnormal {
	font-weight: normal !important;
}

.redbg {
	background-color: #F44D52;
}

.yellowbg {
	background-color: #E7DA63 !important;
}

.pgbr {
	page-break-after:always;
}

.nopgbr {
	page-break-before: avoid !important;
}

.linkdisabled {
  cursor: not-allowed;
  pointer-events: none;
  color: grey;
}

.spinnermargins {
	margin: 0 0 0 0%;
}

.spinnermarginswithintable {
	margin: 0 2% 0 -3% !important;
}

.lnhgt15 {
    line-height: 15px;
}

.mar2per {
	margin: 2%;
}

.width80per {
	width: 80% !important;
}

form .progress {
    line-height: 15px;
}
.progress {
    display: inline-block;
    /* width: 100px;
    border: 3px groove #CCC; */
}
.progress div {
    font-size: smaller;
    background: green;
    width: 0;
}

.mimicDisable {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

.tooltip.in{opacity:1!important;}

.addrow {
	margin: 7px 0 0 -5px;
    font-family: open sans;
    font-size: 13px;
    font-weight: 400;
}
/********************************** END: Styles for Invoice/InvoiceDetail page ********************************************/

/********************************** START: Styles for check detail page ********************************************/
.check-details .check-info .form-group .custom-disabled{padding:0; height:20px;}
.check-details .form-control[readonly]{background:none; padding:0;}
.check-details .form-group label{color:#9e9e9e; font-weight:400; margin:0;}
.check-details .form-group .btn-blue{color:#fff; font-weight:initial;}
.check-details .check-info .form-group .idcalss{font-size:18px; font-weight:600;}

.check-info .form-group .custom-disabled{padding:0; height:20px;}
.form-control[readonly]{background:none; padding:0;}
.form-group label{color:#9e9e9e; font-weight:400; margin:0;}

.check-info .form-group .idcalss{font-size:18px; font-weight:600;}
/************************************* END: Styles for check detail page ********************************************/


/********************************** Generic styles for Search Screens *******************************/

#id_table_wrap {border:1px solid #eee; padding:10px; margin:10px 15px 15px 15px;}

.content_border_wrap {border:1px solid #eee;}
.content_border_wrap_right {border-right:1px solid #eee;}

.class_table_wrap {border:1px solid #eee; padding:10px; position:relative;}

input[type=checkbox] + label {
    color: black;
}

/*input[type=checkbox]:checked + label {
    color: blue;
}*/

label, input[type=checkbox] + label, fieldset.form-group input[type=checkbox] + label{font-weight:400; color:#525252;}
.input input[type='checkbox'] + label:before{border:1px solid #555555;}
.input{margin-top:4px; margin-bottom:4px;}
.input input[type='checkbox'] + label{margin-bottom:0; padding-left:0;}
.input input[type='checkbox'] + label a, .input input[type='checkbox'] + label span{position:relative; left:10px; margin-right:25px;}
.input input[type='checkbox'] + label:before{width:16px !important; height:16px !important; border:solid 1px !important;}
.input input[type='checkbox'] + label:after{width:5px; height:11px; bottom:12px; left:6px;}

.SearchResults .bt-filter-wrapper{display:none;}
.SearchResults table th{font-size:12px; font-weight:600;}
.SearchResults table tbody > tr > td > a, .SearchResults table tbody > tr > td{font-size:12px !important;}
.SearchResults .search .form-control{border-right:0;}
.SearchResults .search .input-group-addon{background:none; padding:0; border-radius:0;}
.SearchResults .search .fa-search{margin:0 10px; color:#adadad;}
.SearchResults .list-wrapper{position:relative;}
.SearchResults .list-wrapper .advances-search{position:absolute; margin:15px 0 0 230px;}
.SearchResults .onelinecontents { padding-right:5; }

.Advanced-search-panel {border-bottom:solid 1px #eee; padding:0 10px; margin:0 -10px -10px;}
.Advanced-search-panel .header{border-bottom:solid 1px #c0c0c0; overflow:hidden; margin:0 0 20px 0;}
.Advanced-search-panel .header h4 > a {font-size:18px; color:#9e9e9e;}
.Advanced-search-panel .active span{ color: #FFF !important;}

.Advance-Search label, small{color:#9e9e9e;}
.Advance-Search h5{ font-family:roboto;color: #9e9e9e; font-weight: 400;margin-bottom:5px;}
.Advance-Search {margin-bottom:15px !important;}
.Advance-Search .brd-Btm{border-bottom:1px solid #c0c0c0;margin-bottom: 20px;}
.Advance-Search .searchInput{width:100%;}
.Advance-Search .searchInput input{width:100% !important;padding:7px;height: auto;}
.Advance-Search .default{ color: #ccc;margin-right:15px;}
.Advance-Search .input-group-addon{ background:none; border-radius:0;}
.Advance-Search .Dateinput{ border-right: none;}
.Advance-Search .fa{ margin: 0;}

.nopadding{padding:0px;}
.leftpadding10 {
	padding: 0 0 0 10px;
}
.boldfontwt{font-weight:bold;}
.applicationTable .dollarAmt{ padding:8px;border-bottom:1px solid #ccc;}
.applicationTable .last{ border:none;}
.applicationTable .fr{ float:right;}
.noDataFound{border: 1px solid #ccc;padding:8px;font-weight:bold;color: #FF0000;}


/* Font hack only for Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
    @font-face {
        font-family:open sans;
        font-weight:400; /*Normal or Regular*/
        src:url(../fonts/OpenSans-Regular.ttf);
    }

    @font-face {
        font-family:open sans;
        font-weight: 700; /*Bold*/
        src:url(../fonts/OpenSans-Bold.ttf);
    }

    @font-face {
        font-family:open sans;
        font-weight: 300; /*Light*/
        src:url(../fonts/OpenSans-Light.ttf);
    }

    @font-face {
        font-family:open sans;
        font-weight: 600; /*Semi Bold*/
        src:url(../fonts/OpenSans-Semibold.ttf);
    }
}

/* Font hack only for Mozilla */
@-moz-document url-prefix() {
    @font-face {
        font-family:open sans;
        font-weight:400; /*Normmal or Regular*/
        src:url(../fonts/OpenSans-Regular.ttf);
    }

    @font-face {
        font-family:open sans;
        font-weight: 700; /*Bold*/
        src:url(../fonts/OpenSans-Bold.ttf);
    }

    @font-face {
        font-family:open sans;
        font-weight: 300; /*Light*/
        src:url(../fonts/OpenSans-Light.ttf);
    }

    @font-face {
        font-family:open sans;
        font-weight: 600; /*Semi Bold*/
        src:url(../fonts/OpenSans-Semibold.ttf);
    }
}


.ui-select-match-text > span {
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
}

.armModalEvenRow {
	background-color: gray;
}

/********************************************START: ui-grid overrides****************************************************/

.ui-grid-header-cell, .ui-grid-cell-contents {
	white-space: normal;
	/*-ms-text-overflow: clip;
	-o-text-overflow: clip;
	text-overflow: clip;
	overflow: visible;*/
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.ui-grid-vertical-bar {
	height: auto !important;
}

.ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
  font-size:12px;
  height: 100% !important;
  overflow-y: auto;
}

/* .ui-grid-viewport { height: 100% !important; } */

.ui-grid-row, .ui-grid-cell {
  /* height: 210px !important; */
  /* height: auto !important; */
      border-bottom: solid 1px #d4d4d4;

}
.ui-grid-canvas {
	padding-top:0px;
}

.ui-grid-row div[role=row] {
  display: flex ;
  align-content: stretch;
  border-bottom: 1px solid !important;
  border-color: #ADADAD !important;
}

.ui-grid-top-panel {
  color: white;
  background:#0B81BE !important;
  font-weight: normal;
  /* height: 60px; */
}

.ui-grid-column-menu-button{
  display: none;
}

.ui-grid-pager-panel {
   height: 50px !important;
}

.ui-grid-selection-row-header-buttons {
	cursor: pointer;
	opacity: 1;
}

.ui-grid-tree-header-row {
	font-weight: normal !important;
}

.border0 {
	border: 0;
	outline: none;
}

.borderSP {
	border: 0 !important;
	outline: none;
}

.taddivs {
	color: white;
    background: #0B81BE !important;
    font-weight: bold;
}


#contractLinesResultsDiv .grid {
  width: 100%;
  height: auto;
}

#contractLinesResultsDiv .ui-grid {
	height: auto !important;
}

#contractLinesResultsDiv .ui-grid-render-container-body .ui-grid-viewport {
	height: auto;
}

#contractLinesResultsDiv .ui-grid-render-container-left .ui-grid-viewport {
	height: auto;
}

#contractLinesResultsDiv .ui-grid-row {
  height: 100% !important;
}

#contractLinesResultsDiv .ui-grid-canvas {
	height: auto;
}

#contractLinesResultsDiv .ui-grid-row > div {
  display: table-row;
}

#contractLinesResultsDiv .ui-grid-row > div .ui-grid-cell {
  display: table-cell;
  float: none;
  vertical-align: middle;
  height: auto !important;
}

#contractLinesResultsDiv .ui-grid-cell-contents {
  white-space: normal;
  text-overflow: inherit;
  word-break: break-word;
}

#qaClSearchResultsDiv .grid {
  width: 100%;
  height: auto;
}

#qaClSearchResultsDiv .ui-grid {
	height: auto !important;
}

#qaClSearchResultsDiv .ui-grid-render-container-body .ui-grid-viewport {
	height: auto;
}

#qaClSearchResultsDiv .ui-grid-render-container-left .ui-grid-viewport {
	height: auto;
}

#qaClSearchResultsDiv .ui-grid-contents-wrapper {
	height: auto;
	/* border-bottom: 1px solid gray; */
}

#qaClSearchResultsDiv .ui-grid-row {
  	height: auto;
}

#qaClSearchResultsDiv .ui-grid-canvas {
	height: auto;
}

#qaClSearchResultsDiv .ui-grid-row > div {
  display: table-row;
}

#qaClSearchResultsDiv .ui-grid-row > div .ui-grid-cell {
  display: table-cell;
  float: none;
  vertical-align: middle;
  height: auto !important;
 /*  height: 125px !important;
  overflow: auto; */
}

#qaClSearchResultsDiv .ui-grid-cell-contents {
  white-space: normal;
  text-overflow: inherit;
  word-break: break-word;
  /* height: 70px !important;
  overflow: auto; */
}

#qaClSearchResultsDiv .ui-grid-viewport .ui-grid-cell-contents {
  word-wrap: break-word;
  white-space: normal !important;
  font-size:12px;
  height: 125px !important;
  overflow-y: auto;
}

#qaClSearchResultsDiv .ui-grid-pager-panel {
	position: relative;
	top: 15px;
}

#qaClSearchResultsDiv .ui-grid-top-panel {
	height: 34px !important;
}

#utExpenseSearchResultsDiv .ui-grid-top-panel {
	height: 60px !important;
}

.utFASearch label, small {
    color: #9e9e9e;
}

.ui-grid-pager-control input {
	width: 70px;
}

#batchAppsResultsDiv .ui-grid-top-panel {
	height: 34px !important;
}

#batchAppsResultsDiv .ui-grid-pager-panel {
	position: relative;
	bottom: 43px;
}

#prApprovedSearchResultsDiv .ui-grid-top-panel {
	height: 60px !important;
}

.exportDiv{
	height: 30px;
	cursor: pointer;
}

/********************************************END: ui-grid overrides****************************************************/

/********************************** START: Styles for QA checklist search screen **********************************/

.checklist-search .hasdata .panel-heading {background:#525252; color: #FFFFFF;}
.checklist-search .hasnodata .panel-heading {background:#F44D52 !important; color: #FFFFFF;}
.checklist-search .panel-body .panel-heading{background:#f6f6f6; border-bottom:solid 1px #ddd; overflow:hidden;}
.checklist-search .panel-body .panel .panel-default{border-radius:0;}
.checklist-search .panel-group .panel+.panel{margin-top:15px;}

.checklist-search .accordion-links {padding:0 5px 15px 0; }
.checklist-search .accordion-links a{line-height:12px; display:inline-block; margin:0 0 0 0; text-decoration:none;}
.checklist-search .accordion-links a:last-child{border-left:solid 2px #a6a6a6; padding:0 0 0 5px; margin:0 0 0 5px;}
.checklist-search .accordion-links .fa{margin:0; font-size:10px;}

.checklist-search .table-wrapper {
	overflow-y: auto;
	font-size: 12px;
}

.checklist-search .onelinecontents { padding-right:5; padding-left:0; }

.checklist-search .panel-heading a {
    font-family: open sans;
    font-weight: 400;
    color: #FFFFFF !important;
    line-height: 24px;
}

/********************************** END: Styles for QA checklist search screen **********************************/

/********************************** START: Styles for Budgets & Expenses screen **********************************/
.baeborders{border-left:1px solid #eee; border-top:1px solid #eee; padding:10px;}
.budgets-expenses .hasdata .panel-heading {background:#525252; color: #FFFFFF;}
.budgets-expenses .hasnodata .panel-heading {background:#0b81be; color: #FFFFFF;}
/* .budgets-expenses .panel-body .panel-heading{background:#f6f6f6; border-bottom:solid 1px #ddd; overflow:hidden;} */
.budgets-expenses .panel-body .panel .panel-default{border-radius:0;}
.budgets-expenses .panel-group .panel+.panel{margin-top:15px;}
.budgets-expenses .panel-group .panel{margin-bottom:10px;border: none;}
.budgets-expenses .panel-body {padding: 0 0 0 15px;}

.budgets-expenses .accordion-links {padding:0 5px 15px 0; }
.budgets-expenses .accordion-links a{line-height:12px; display:inline-block; margin:0 0 0 0; text-decoration:none;}
.budgets-expenses .accordion-links a:last-child{border-left:solid 2px #a6a6a6; padding:0 0 0 5px; margin:0 0 0 5px;}
.budgets-expenses .accordion-links .fa{margin:0; font-size:10px;}

.budgets-expenses .table-wrapper {
	position: static;
	overflow-y: auto !important;
	font-size: 12px;
}

.no-wrap {
	white-space:nowrap;
}

.budgets-expenses .border0 {
	border: 0;
}

.budgets-expenses .catBg {
	background: #164A7D;
	padding: 10px;
}

.budgets-expenses .blBg {
	background: #ADADAD;
	padding: 10px;
}

.budgets-expenses .loadingSpinnerSpan {
	padding-left: 45%;
	color: #000;
}

.budgets-expenses .colorBlack {
	color: #000;
}

.budgets-expenses .tabsTabStyles {
	min-width: 700px;
	overflow: auto;
}

.budgets-expenses .panel-heading a {
    font-family: open sans;
    font-weight: 400;
    color: #FFFFFF !important;
    line-height: 24px;
}

.blCommentsModal .blCommentsDateSpan {
	color: #ADADAD;
    font-size: 12px;
    white-space: pre-wrap;
}

.blCommentsModal .blCommentsUName {
    font-weight: 700;
}

.blCommentsModal .blBorder {
	border-bottom: 1px #ADADAD solid;
}

.blMgmtDetailsModal .blBoldText {
    font-weight: 700;
}

.blEffDateHistoryListModal .has-error .form-control {
    border-width: 3px;
}

.angular-ui-tree-handle {
    background: #f8faff;
    border: 1px solid #dae2ea;
    color: #FFF;/* #7c9eb2; */
    padding: 5px;
    cursor: default;
    font-weight: normal;
}

.angular-ui-tree-handle:hover {
    color: #FFF;/* #438eb9; */
    background: #f4f6f7;
    border-color: #cccccc;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 2px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.angular-ui-tree-nodes .angular-ui-tree-nodes {
    padding-left: 50px;
}

.angular-ui-tree-node, .angular-ui-tree-placeholder {
	padding: 5px 0 0 0;
}

/*style the font-awesome check box*/
.budgets-expenses .fa {
    margin:5px;
}

.budgets-expenses .fa:hover {
  cursor:pointer;
}

.budgets-expenses .edittedData {
  background: #F5AA22;
}

.invoice-route .edittedData {
  background: #F5AA22;
}

.invoice-route .has-error .form-control {
    border-width: 3px;
}

.budgets-expenses .has-error .form-control {
    border-width: 3px;
}

.invoice-route .form-control {
    padding: 2px;
    font-size: 12px;
    height: 25px;
}

.budgets-expenses .form-control {
    padding: 2px;
    font-size: 12px;
    text-align: right;
    height: 25px;
}

.budgets-expenses .be-form-group {
    margin-bottom: 0px !important;
}

/********************************** END: Styles for Budgets & Expenses screen **********************************/

.selectize-control.multi > .selectize-input > input {
  margin: 0 !important;
  width: 100% !important;
}

/* .tooltip {
    position: fixed;
} */

/**Uncomment the below the remove the tab flickering issue on appDetail page**/
/* html { overflow-y: scroll !important; } */

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
}
@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }
    to {
        transform: scale(1) rotate(360deg);
    }
}
@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.pagnspandisp {
	float: right;
    padding-top: 2.5%;
}

.nomargin {
	margin: 0 !important;
}

.marleftminus10px {
	margin-left: -10px;
}

.pad30px {
	padding: 30px;
}

.reqValLabel{
    position: relative;
    vertical-align: middle;
}
.reqValLabel:after{
 	content:" *";
	color:#F44D52;
}

.sysCalValLabel{
    position: relative;
    vertical-align: middle;
}
.sysCalValLabel:after{
 	content:" **";
	color:#F44D52;
}

.assignToInfoLabel{
    position: relative;
    font-style: italic;
}
.assignToInfoLabel:before{
 	content:" **";
	color:#F44D52;
}
.assignToInfoLabelAfter{
    position: relative;
}
.assignToInfoLabelAfter:after{
 	content:" **";
	color:#F44D52;
}

.clInfoMsgsLabel{
    position: relative;
    vertical-align: middle;
}
.clInfoMsgsLabel:after{
 	content:" ***";
	color:#F44D52;
}

.clNaNInfoMsgsLabel{
    position: relative;
    vertical-align: middle;
}
.clNaNInfoMsgsLabel:after{
 	content:" ****";
	color:#F44D52;
}

.reqLabel{
    position: relative;
    vertical-align: middle;
}
.reqLabel:after{
 	content:" *";
	color:#F44D52;
}

.colorwhite {
	color: #FFF;
}

.bText {
    font-weight: 700;
}

.grayedOutBg {
	background-color: #ADADAD;
}

.redColor {
	color:#F44D52;
}

.redColorImprtant {
	color:#F44D52 !important;
}

.greenColor {
	color: #0E864B;
}

.blueColor {
	color: #0B81BE;
}

.decoruline {
	text-decoration: underline;
}
/********************************** START: Post login dash-board screen **********************************/

#postLogin .imscard {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    color:#fff;
}

#postLogin .HIGH {
    background-color: #F44D52;
}

#postLogin .HIGH:hover {
  	background-color: #f7777a;
  	color: white;
}

#postLogin .MEDIUM {
    background-color: #F5AA22;
}

#postLogin .MEDIUM:hover {
  	background-color: #f8c463;
}

#postLogin .LOW {
    background-color: #0E864B;
}

#postLogin .LOW:hover {
    background-color: #11aa5e;
}

#postLogin .hovercard {
    position: relative;
}

#postLogin .hovercard:hover {
  	cursor: pointer;
}

#postLogin .imscard-menu {
    background-color: #164A7D;
}

#postLogin .md-headline {
    font-size: 14px !important;
}

#postLogin md-card-title {
    padding: 14px 10px 0px 10px !important;
}

#postLogin md-card-title-text i {
	font-size:50px;
	padding:5px;
}

#postLogin .largetext {font-size: 42px;}

#postLogin md-card-content tr:hover {
	background-color: #0B81BE;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(66, 238, 244, 0.67);
	-moz-box-shadow:    0px 0px 30px 0px rgba(66, 238, 244, 0.67);
	box-shadow:         0px 0px 30px 0px rgba(66, 238, 244, 0.67);
}

#postLogin .imscard a {color:#fff;}
#postLogin .imscard a:hover{text-decoration:none;}
#postLogin i {outline : none;}

#postLogin #alerts {padding-top: 30px !important;}
#postLogin #menus {padding-top: 0px !important;}
#postLogin #imsmenucard {min-height: 175px !important;}

#postLogin md-content {background-color: #fff;}

.outlined {border:solid 1px #d9d9d9; padding:10px;}

.resetPwdStepsLbl {
	font-weight: bold;
	text-decoration: underline;
}

body    {overflow-y:scroll;}

/********************************** END: Post login dash-board screen **********************************/

/********************************** START: UserProfile screen **********************************/
.signPadding {
	padding: 13px 15px;
}

.upldPadding {
	padding: 0 15px 10px 15px;
}

.selHgt {
	height: 52px;
}
/********************************** END: UserProfile screen **********************************/
/********************************** START: Document screens **********************************/
.ViewDocDetails label, small{color:#9e9e9e;}
.botHorMargin {
	border-bottom:solid 1px #eee;
}
/********************************** END: Document screens **********************************/

/********************************** START: QA Auto Selection Rule management **********************************/
.ViewDocDetails label, small{color:#9e9e9e;}
.botHorMargin {
	border-bottom:solid 1px #eee;
}
.rulemgttablectnr .defaultcurser{
	cursor: default;
}
.actionbtns .rulebtn{
	padding: 5px;
}
.actionbtns .ruleterminate{
	margin-right: 5px;
    margin-left: 12px;
}
.resultpanel .ruleterminate {
	margin-right:10px;
}
.table-striped > tbody > tr.graytrBg {
	background-color: #ADADAD;
}
table tr.graytrBg td{
	color:black;
}
.rulemgttablectnr .disabletd{
    color: gray;
}
.form-inline .input-group>.form-control.width100px{
    width:100px;
}
.rulemgttablectnr .btn.btn-trans.cancelCloneBtn{
    font-size: 11px;
    padding: 2px;
    margin-right: 2px;
}
.rulemgttablectnr .btn.btn-blue.saveCloneBtn{
    font-size: 11px;
    padding: 2px;
}
.rulemgttablectnr input.ng-invalid{
    background-color: #F5AA22;
    border-width: 3px;
    color: black;
}
.rulemgttablectnr .help-block, .rulefrm .help-block{
    color: red;
}
.resultpanel .noDataFound .moveinlineright{
	display: inline;
	float: right;
}
.table-wrapper.catchflowscrollXY.rulemgttablectnr{
	width:100%;
}

/********************************** END: QA Auto Selection Rule management **********************************/
.widthActionBtns{
    width:56px;
}
.widthActionCloneBtns{
    width:89px;
}
.marginLeftminusfive{
    margin-left:-5px;
}
.resultpanel .text-right.actionbtns.moveinlineright{
	display: inline;
	float: right;
}
.marginbottom20px{
	margin-bottom:20px;
}
/********************************** START: Common style overrides **********************************/
.container, .container-fluid {
	word-wrap: break-word;
}

::-ms-clear {
   display: none;
}

::-ms-reveal {
   display: none;
}

#avgDaysStatsSearchResultsDiv, #id_status_table_wrap {
	font-size: 12px;
}

#selectionApprovalResultsId .table-bordered {
	table-layout: auto !important;
}

/* #id_status_table_wrap table thead { */
/*   display: block; */
/*   table-layout: auto !important; */
/* } */
/* #id_status_table_wrap table tbody { */
/*   display: block; */
/*   height: 200px; */
/*   overflow-y: scroll; */
/*   table-layout: auto !important; */
/* } */

/* .header-fixed { */
/* /*     width: 100%  */ */
/* /* 	table-layout: auto !important; */ */
/* } */

/* .header-fixed > thead, */
/* .header-fixed > tbody, */
/* .header-fixed > thead > tr, */
/* .header-fixed > tbody > tr, */
/* .header-fixed > thead > tr > th, */
/* .header-fixed > tbody > tr > td { */
/*     display: block; */
/* } */

/* .header-fixed > tbody > tr:after, */
/* .header-fixed > thead > tr:after { */
/*     content: ' '; */
/*     display: block; */
/*     visibility: hidden; */
/*     clear: both; */
/* } */

/* .header-fixed > tbody { */
/*     overflow-y: auto; */
/*     height: 250px; */
/* } */

/* .header-fixed > tbody > tr > td, */
/* .header-fixed > thead > tr > th { */
/* /*     width: 20%; */ */
/*     float: left; */
/* } */


/* .header-fixed table thead { */
/*   display: block; */
/* } */


/* .header-fixed{
  width: 100%;
  background-color: #f3f3f3;
  tbody{
    height:200px;
    overflow-y:auto;
    width: 100%;
    }
  thead,tbody,tr,td,th{
    display:block;
  }
  tbody{
    td{
      	float:left;
    }
  }
  thead {
    tr{
      th{
        float:left;
       background-color: #f39c12;
       border-color:#e67e22;
      }
    }
  }
} */

/* .header-fixed tbody {
  height: 300px;
  display: block;
  overflow-y: scroll;
} */

.freezeCols {
	position:absolute;
/* 	width:100px;  */
	left:0;
}
/********************************** END: Common style overrides ************************************/
/********************************** START: UI GRID Pinning ************************************/
#tbluigrid .grid {
  width: 100%;
  height: 550px;
}

#tbluigrid .ui-grid-column-menu-button {
	display:block !important;
}

#tbluigrid .ui-grid-menu-button {
  height: 66px;
  width: 26px;
}


#tbluigrid .ui-grid-filter-input{
	color:blue;
}
#tbluigrid .ui-grid-cell-contents.headerchk{
	padding-bottom:0px;
	margin:6px;
	/*height:29px;*/
}
#tbluigrid .ui-grid-cell-contents.cellchk{
	padding-bottom:0px
}
#tbluigrid .ui-grid-cell-contents.cellchk input{
	margin-top:0px
}
#tbluigrid .ui-grid-cell-contents.datacell{
	padding-bottom:0px;
}
#tbluigrid .ui-grid-cell-contents.actionheader{
	padding-bottom:0px;
	margin:6px;
}
#tbluigrid .ui-grid-header-cell, .ui-grid-cell-contents{
	text-align:center;
}
#tbluigrid .yellowbg .ui-grid-cell{
	background-color: #E7DA63 !important;
}
#tbluigrid .ui-grid-render-container-body .ui-grid-header-canvas{
	height:66px;
}
#tbluigrid .ui-grid-menu{
	overflow: overlay;
	height:250px;
}
.mbot5per{
	margin-bottom:5%;
}

#tbluigrid .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
	overflow: visible;
	max-height: 248px;
}
#reissueReleaseResults .nocontmenu .ui-grid-column-menu #menuitem-0, #reissueReleaseResults .nocontmenu .ui-grid-column-menu #menuitem-1{
	display:none;
}

.headingcolr{
	background-color:#2967BC;
	padding:5px;
	color: #fff;
}
.valignctr{
	vertical-align:middle;
}

.h4RedBold{
	color: #F44D52;
    padding: 5px;
    font-weight: bold;
    margin-bottom: auto;
}

.h4YellowBold{
	color: #F5AA22;
    padding: 5px;
    font-weight: bold;
    margin-bottom: auto;
}

.h4GreenBold{
	color: #0E864B;
    padding: 5px;
    font-weight: bold;
    margin-bottom: auto;
}

/* #checkNotEligibleDiv .ui-grid-top-panel {background: #F44D52 !important;} */

/********************************** END: UI GRID Pinning ************************************/


.padding-right-24px{
	padding-right:24px;
}
.align-input{
	display:inline;
	width:75%;
	background-color:white !important;
}
.width250px{
	width:250px;
}
.width20per{
	width:20%;
}
.width36per{
	width:36%;
}
.mtop30px{
	margin-top:30px;
}

.chksrch-show-hide.ng-hide-add {
  transform: rotateZ(0);
  transform-origin: right;
  transition: all 0.4s ease-in-out;
}

.chksrch-show-hide.ng-hide-add.ng-hide-add-active {
  transform: rotateY(90deg);
  transform-origin: left;
  transition: all 1s ease;
}

.chksrch-show-hide.ng-hide-remove {
  transform: rotateY(90deg);
  transform-origin: left;
  transition: all 1s ease;
}

.chksrch-show-hide.ng-hide-remove.ng-hide-remove-active {
  transform: rotateY(0);
}

.margin-0{
	margin:0px;
}

.showhide{
	position: relative;
  height: 100%;
  -webkit-transition: top linear 0.5s;
  transition: top linear 0.5s;
  top: 0;
}

.showhide.ng-hide {
	top: -40px;
}

#contractSrch .selectize-dropdown .active span {
    color: #495c68 !important;
}
.rightpaddingonly{
	padding: 0px 15px 0px 0px;
}
.ui-grid-cell-contents{
	color:black;
}
.ui-grid-header-cell-label{
	color:#fff;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
    background-color: #164a7d;
    color:#fff;
}

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
    background-color: #37a2ff;
    color:#fff;
}
.paddingleft18px{
	padding-left:18px;
}
.fa-trash:hover::before{
	color:red;
}
.fa-pencil:hover::before{
	color:darkgreen;
}
#createEditContractLineForm .nonumberspinners input[type=number]::-webkit-inner-spin-button,
#createEditContractLineForm .nonumberspinners input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.buttonspinner{
	width:64px;
	color:#fff;
}

.mou-expense-exceed{
	background: #F5AA22;
	border:solid 1px red;
}
#add-mou-container{
	border: 1px solid #eee;
    padding: 10px;
}
.padding0px{
	padding:0px;
}
.padding5px{
	padding:5px;
}
.marginrt10px {
	margin-right: 10px;
}
.div-disabled{
	pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
.editbtnsmoucont .btn-default{
	font-family: open sans;
    font-size: 14px;
    font-weight: bold;
}
.padding-6px-top-bottom{
	padding-bottom:6px;
	padding-top:6px;
}
.editmode-ctnr{
	border: 1px solid #eee;
    padding: 10px;
    margin-bottom:10px;
}
.topmargin50px{
	margin-top:50px;
}
#primaryContract_r.noboxshawo{
	box-shadow:none;
}
.check-details .form-group.has-error label{
	color:#a94442;
}
.no-margin{
	margin:-1px !important;
}

.faIconDisabled { cursor: not-allowed !important; }

#bsDetailId .ui-grid-top-panel {
	background:#E7DA63 !important;
}

#bsDetailId .ui-grid-header-cell-label{
	color:#000 !important;
}

#bsDetailAppListId .ui-grid-top-panel {
	background:#E7DA63 !important;
}

#bsDetailAppListId .ui-grid-header-cell-label{
	color:#000 !important;
}

#bsAppChargeSummDivId th {
	background:#E7DA63 !important;
	color:#000 !important;
	font-size: 14px;
}
.colorblk {
	color: #00000 !important;
}

#bsDetailAppListId .ui-grid-filter-input{
	color:blue;
}

#bsDetailAppListId .ui-grid-column-menu-button {
	display:block !important;
}

#bsDetailAppListId .ui-grid-filter-container {
	bottom: 0;
    position: absolute;
}

#bsDetailMilestonesAppListId .ui-grid-render-container-body .ui-grid-header-canvas {
    height: 66px;
}

#bsDetailPaInspectionsAppListId .ui-grid-render-container-body .ui-grid-header-canvas {
    height: 80px;
}

#bsDetailPmInspectionsAppListId .ui-grid-render-container-body .ui-grid-header-canvas {
    height: 66px;
}

#bsDetailIncentivesAppListId .ui-grid-render-container-body .ui-grid-header-canvas {
    height: 80px;
}

#autoSelectionApprovalResultsId .ui-grid-render-container-body .ui-grid-header-canvas {
    height: 89px;
}

#autoSelectionApprovalResultsId .ui-grid-filter-input{
	color:blue;
}

.disabled {
  cursor: not-allowed !important;
}

#invoiceReleaseResultsId .ui-grid-filter-input{
	color:blue;
	bottom: 1px;
}

#invoiceReleaseResultsId .grid .ui-grid-header-cell {
    height: 80px;
}

#invoiceReleaseResultsId .ui-grid-render-container-body .ui-grid-header-canvas {
    height: 100px;
}

.brkWord {
	word-wrap: break-word;
}

#exclPymtLstContainer ul {
    text-align: left;
}

#heldPaymentsResultsId .ui-grid-filter-input{
	color:blue;
	bottom: 1px;
}

#heldPaymentsResultsId .grid .ui-grid-header-cell {
    height: 80px;
}

#heldPaymentsResultsId .ui-grid-render-container-body .ui-grid-header-canvas {
    height: 100px;
}