/*:required {
/*background-color: #F7DFBE !important;
box-shadow: 0 0 5px rgb(247, 223, 190) !important;
border: 1px solid rgb(247, 223, 190) !important;
}
[required] {
box-shadow: 0 0 5px rgb(188, 9, 33) !important;
border: 1px solid #d5d5d5 !important;
}*/
div#view { background: white !important; position:relative; z-index:1; }
.btn-primary { color:white !important; }
._mCS_1 .mCSB_dragger .mCSB_dragger_bar { background-color: #fea223; }
.dropdown-menu { padding: 5px !important; margin: 0px !important; }
.dropdown-menu > li > a { padding: 8px 15px; border-bottom: 1px solid #E9E9E9; line-height: 12px; margin: 2px; }
.dropdown-menu>li>a.btn-primary:hover, .dropdown-menu>li>a.btn-primary :focus { color: #262626; text-decoration: none; background-color: #29343f; border-color: #29343f; }
.btn .caret { margin-left: 5px !important; }
a:hover { cursor: pointer; }
.hide { display: none !important; }
.readOnlyText { /*color: #CCC !important;*/ cursor: not-allowed; background-color: #eee; opacity: 1; }
.rightAlign { text-align: right; }
/* DropDown List*/
.Sdropdown { display: none; float: left; position: absolute; width: 378px; height: 244px; top: 23px; border: 1px solid #DED7D7; left: 2px; padding: 5px; background: #ffffff; overflow: hidden; z-index: 99999; }
.listing { display: block; overflow-y: scroll; width: 320px; height: 244px; }
/* DropDown List*/
/* DropDown Popup*/



.DropDownPopupPopup { /*height: 400px;*/ width: 800px; display: block; z-index: 999999999; position: fixed; top: 10%; left: 20%;/*background-color: #EEEEEE;*/ }
.DropDownPopup { /*height: 400px;*/ width: 800px; display: block; z-index: 99999999; position: fixed; top: 10%; left: 20%;/*background-color: #EEEEEE;*/ }
.DropDownPopupoverlay { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 5; width: 100%; height: 100%; }
.DropDownPopupoverlayPopup { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); z-index: 100000000; width: 100%; height: 100%; }
.odd { background: #FFFFFF; color: #404040; font-size:12px; }
.even { background: #FFFFFF; color:#404040; font-size:12px; }
.DropDownTable tr:nth-child(odd) {
background: #FFFFFF;
font-size:12px;
color: #404040;
}
.DropDownTable tr:nth-child(even) {
background: #FFFFFF;
color:#404040;
font-size:12px;
}
.table-hover > tbody > tr:hover{ background-color:#c9dde1}
.LinkDropdown { color: black !important; text-decoration: none !important; padding: 0px; }
.LinkDropdownHighLight { color: white !important; }
.LinkDropdownSelected { color: white !important; text-decoration: none !important; padding: 0px; }
.LinkDropdown:focus { outline: 0px; color: white !important; background-color: #42A2D1; float: left; width: 100%; margin: 0px; padding: 0px; border: none; }
.LinkDropdown:active { outline: 0px; color: white !important; background-color: #42A2D1; float: left; width: 100%; margin: 0px; padding: 0px; border: none; }
.tablesortheader { color: #504747 !important; }
.tablesortheader:active { outline: 0px; float: left; width: 100%; margin: 0px; padding: 0px; border: none; color: black !important; font-weight: bold; }
.tablesortheader:focus { outline: 0px; float: left; width: 100%; margin: 0px; padding: 0px; border: none; color: black !important; font-weight: bold; }
.dropdownSelected { color: white !important; background-color: #42A2D1 !important; outline: 0px;/*outline: 0px ; 
float : left ;
width : 100% ;
margin : 0px ;
padding : 0px ;
border : none ;*/ }
th a { color: black !important; text-decoration: none !important; outline: 0px !important; border: dotted 1px #e8eef4; }
th a:focus { color: black !important; text-decoration: none !important; outline: 5px !important; border: groove 1px #000000; }
th a :active { color: black !important; text-decoration: none !important; outline: 5px !important; border: groove 1px #000000; }
th img { border: none; }
/* DropDown Popup*/

.ProductDesc { cursor: pointer; font-weight: 600; }
/* Highlight Text Border */
input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; /*padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;*/ border: 1px solid #c7c7c7; }
input[type=submit]:focus, input[type=text]:focus, .form-control:focus, textarea:focus, select:focus, .custom-select:focus, .dropdown:focus, .ui-dform-ListDyanmicSearchSm:focus, .btn:focus, a:focus { /*box-shadow: 0 0 5px #acbbcd  !important; / *padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;*/ border: 1px solid #acbbcd !important; }
/* Highlight Text Border */

div#ui-datepicker-div { z-index: 999999 !important; }
.Highlighted { /*box-shadow: 0 0 5px rgb(182, 70, 69);
border: 1px solid rgba(81, 203, 238, 1);
background-color: white;*/ background-color: #E1F1C7; }
/*ul.panel-controls > li > a {
line-height: 15px;
}*/

.SmallButton { line-height: 15px; }
.ErrMsg { display: inline; position: fixed; z-index: 999999999999; left: 0px; top: 0px; width: 100%; text-align: center; }
/*Start : Angular JS Progress bar and grid*/
#loading-bar-spinner { top: 55px; left: 50%; z-index:9999999999999 !important; }
#loading-bar .bar { color: white; height: 5px !important; z-index:9999999999999 !important; }
.grid { width: auto; height: auto; min-height: 500px; }
.Smallgrid { width: auto; height: 300px; max-height: 300px; min-height: 0!important;}
.ui-grid-header-cell { height: 50px; max-height: 100px; }
.ui-grid-draggable-row { height: 30px; }
.ui-grid-draggable-row-over { position: relative; color: #AAA; }
.ui-grid-draggable-row-over:before { content: ""; display: block; position: absolute; left: 0; width: 100%; border-bottom: 1px dashed #AAA; }
.ui-grid-draggable-row-over--above:before { top: 0; }
.ui-grid-draggable-row-over--below:before { bottom: 0; }
/*div.ui-grid-cell-contents {
box-shadow: inset 0px 0px 3px 1px #ff5555;
}*/

.grid .ui-grid-row .blue { background-color: lightblue; }
.grid .ui-grid-row .pink { background-color: pink; }
div.ui-grid-cell-contents .CelValueRequired { background-color: lightblue; box-shadow: inset 0px 0px 3px 1px #ff5555; }
/*End : Angular JS Progress bar and grid*/
div#divActions { background-color: #e3eaf3; }
#view div#divActions { background-color: #e3eaf3; position: fixed; width: 100%; z-index: 999; }
form { padding-top: 61px; }
.modal-body form { padding-top: 0px; }
.Header-control { float: right; padding: 0px; margin: 0px; list-style: none; position: relative; }
.Header-control > li { float: left; text-transform:uppercase; }
ul.Header-control a { margin-right: 5px; }
.modal-body { padding: 0px; }
.red { color: red; }
.green { color: green; }
legend.legendDiv { height: 27px; border:0px; background: #aaa; border-radius:0 50px 50px 0; position:relative; }
span.legendSpan {/*border: 1px solid #656d78; background-color: rgb(51, 65, 78); /* width: 100px; */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#517a9e+0,3f5d80+100 */ background: rgb(81,122,158); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(81, 122, 158, 1) 0%, rgba(63, 93, 128, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(81, 122, 158, 1) 0%, rgba(63, 93, 128, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(81, 122, 158, 1) 0%, rgba(63, 93, 128, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#517a9e', endColorstr='#3f5d80', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 3px 60px 4px 10px; float: left; border-radius:0 50px 50px 0; color: white; font-size: 14px; height: 27px; position:relative; }
span.legendSpan:after { position:absolute; z-index:5; top:-5px; right:5px; content:"\f101"; font-family: "FontAwesome"; font-size: 25px; width: 20px; height: 20px; color: #ffffff; }
input[db_type*="int"] {
text-align: right;
}
input[db_type*="integer"] {
text-align: right;
}
input[db_type*="numeric"] {
text-align: right;
}
label.error2 { color: #b64645; margin-bottom: 0px; margin-top: 3px; font-size: 11px; font-weight: normal; width: 100%; }
/*.ui-dform-button { margin-left: 5px !important; }*/
.ModelBtnClose { float: right; text-align: center; border-radius: 0px 0px 0px 13px; padding: 0px 0px 0px 4px; }
/*File Start*/
.dFileUpload { height: 26px; }
.btn-file { width: 100%; text-align: left; padding-top: 0px; }
.dFileUploadBrowseClear { padding: 5px 5px 5px 5px; /* font-size: 14px; */ font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 0px 4px 0px 4px; left: -27px; /* right: 1px; */ position: inherit; }
.dFileUploadBrowse { padding: 5px 5px 5px 12px; /* font-size: 14px; */ font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px 0px 4px 0px; left: -23px; /* right: 5px; */ position: inherit; }
.file-progress { height: 5px; margin-bottom: 0px; top: -6px; position: relative; }
.file-clear { top: -7px; left: 5px; position: relative; }
/*File End*/


@media (min-width: 768px) {
.modal-xl {
width: 90%;
max-width: 1200px;
}
}
/*View Animate*/

.toggle { -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94); /* easeOutQuad */ -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);/* easeOutQuad */ }
.toggle.ng-enter { opacity: 0; transition-duration: 350ms; -webkit-transition-duration: 350ms; }
.toggle.ng-enter-active { opacity: 1; }
.toggle.ng-leave { opacity: 1; transition-duration: 350ms; -webkit-transition-duration: 350ms; }
.toggle.ng-leave-active { opacity: 0; }
.toggle.ng-hide-add { transition-duration: 350ms; -webkit-transition-duration: 350ms; opacity: 1; }
.toggle.ng-hide-add.ng-hide-add-active { opacity: 0; }
.toggle.ng-hide-remove { transition-duration: 350ms; -webkit-transition-duration: 350ms; display: block !important; opacity: 0; }
.toggle.ng-hide-remove.ng-hide-remove-active { opacity: 1; }
/*2nd type */

/*// Slide-in*/
#view.slide-in.ng-enter, #view.slide-in.ng-leave { position: absolute; left: 30px; right: 30px; transition: 0.5s all ease; -moz-transition: 0.5s all ease; -webkit-transition: 0.5s all ease; }
#view.slide-in.ng-enter { -webkit-animation: slideInRight 0.5s both ease; -moz-animation: slideInRight 0.5s both ease; animation: slideInRight 0.5s both ease; }
#view.slide-in.ng-leave { -webkit-animation: slideOutLeft 0.5s both ease; -moz-animation: slideOutLeft 0.5s both ease; animation: slideOutLeft 0.5s both ease; }
@keyframes slideOutLeft { to {
transform: translateX(-200%);
}
}
@-moz-keyframes slideOutLeft { to {
-moz-transform: translateX(-200%);
}
}
@-webkit-keyframes slideOutLeft { to {
-webkit-transform: translateX(-200%);
}
}
@keyframes slideInRight { from {
transform: translateX(200%);
}
to { transform: translateX(0); }
}
@-moz-keyframes slideInRight { from {
-moz-transform: translateX(200%);
}
to { -moz-transform: translateX(0); }
}
@-webkit-keyframes slideInRight { from {
-webkit-transform: translateX(200%);
}
to { -webkit-transform: translateX(0); }
}
/*// Fade-in*/
#view.fade-in { transition: 2s linear all; -webkit-transition: 2s linear all; }
#view.fade-in.ng-enter { opacity: 0; transition: 2s linear; }
#view.fade-in.ng-enter.ng-enter-active { opacity: 1; }
#view.fade-in.ng-leave { opacity: 1; }
#view.fade-in.ng-leave.ng-leave-active { opacity: 0; }
/*// Scale*/
#view.scale { transition: 2s linear all; -webkit-transition: 2s linear all; }
#view.scale.ng-enter, #view.scale.ng-leave { transition: 500ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; }
#view.scale.ng-enter.ng-enter-active, #view.scale.ng-leave { transform: scaleY(1); height: 30px; opacity: 1; }
#view.scale.ng-leave.ng-leave-active, #view.scale.ng-enter { transform: scaleY(0); height: 0px; opacity: 0; }
/*List Animate */

.animate-enter, .animate-leave { -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all; position: relative; display: block; }
.animate-leave.animate-leave-active, .animate-enter { -webkit-transform: rotateX(90deg) rotateZ(90deg); -moz-transform: rotateX(90deg) rotateZ(90deg); -ms-transform: rotateX(90deg) rotateZ(90deg); -o-transform: rotateX(90deg) rotateZ(90deg); transform: rotateX(90deg) rotateZ(90deg); opacity: 0; height: 0px; }
.animate-enter.animate-enter-active, .animate-leave { -webkit-transform: rotateX(0deg) rotateZ(0deg); -moz-transform: rotateX(0deg) rotateZ(0deg); -ms-transform: rotateX(0deg) rotateZ(0deg); -o-transform: rotateX(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateZ(0deg); opacity: 1; height: 30px; }
/*View Animate End*/

.search-box { border-radius: 50px; }
.search-box-icon { float: right; margin-right: 6px; margin-top: -20px; position: relative; z-index: 2; }
.page-not-found.center { padding: 70px; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: auto; margin-top: auto; }
/*custom css for security screen*/
.custom_pointer { cursor:pointer; text-decoration:none; }
.screen-list-body { width: 100%; float: left; padding-left: 5px; padding-top: 20px; }
.op-action-edit { height: 35px; border-left: 1px solid #ddd; }
.op-action-check { height: 35px; border-right: 1px solid #ddd; }
.op-repeat-div { width:100%; height:35px; border-top: 1px solid #ddd;/*border-bottom: 1px solid #ddd;*/ }
.op-module-div { height:35px; line-height:31px; }
.op-text span { /*padding: 8px;*/ padding-left:8px; padding-right:8px; line-height: 1.42857143; vertical-align: top; font-family: 'Open Sans', sans-serif; font-size: 12px; color: #656d78; }
.op-wrapper { margin-top: 5px; height: 200px; width: 100%; overflow-y: scroll; overflow-x: hidden; }
.op-repeat-div :hover { background-color:#acbbcd; }
.op-repeat-active { background-color:#acbbcd; }
.op-action-check .checkbox-inline { margin:11px 18px;}
/*End*/


/*added 19042017*/

.bottom-right-cr { position: absolute; top: 0px; right: 0px; cursor: pointer; text-decoration: none; }
.ui-custom-dropdown-btn { width: 100%; position: relative; /*background-color: #ffffff;*/ border: 0px; top:0px; background-color:#fdfdfd; height: 35px; padding: 0px; }
.gridSelectCustom { }
.gridSelectCustom .show { display: block !important; }
.gridSelectCustom .acol { display: inline-block; min-width: 12px; line-height:7px; }
.gridSelectCustom .checkboxLayer { background-color: #fff !important; position: absolute; z-index: 999; border: 1px solid #c7c7c7; border-radius: 2px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); min-width: 150px; width:100%; left:0px;/*display: none !important;*/ }
.show2 { display: block !important; }
.gridSelectCustom .helperContainer { border-bottom: 1px solid #ddd; padding: 8px 8px 0px 8px;min-height:15px; }
.gridSelectCustom .helperContainer input#readTxt{
    height:25px;
}
.gridSelectCustom .helperContainer a#refreshTxt{
    position: absolute; top: -11px; right: 2px;
}
.gridSelectCustom .inputFilter { border-radius: 2px; border: 1px solid #ccc; height: 26px; font-size: 14px; width: 100%; padding-left: 7px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ color: #888; margin: 0px 0px 8px 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); }
.gridSelectCustom .line { padding: 2px 0px 4px 0px; max-height: 30px; overflow: hidden; box-sizing: content-box; }
.gridSelectCustom .checkBoxContainer { display: block; padding: 8px 0; overflow: hidden;}
.gridSelectCustom .multiSelectItem { display: block; padding: 3px; color: #444; line-height:14px; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; border: 1px solid transparent; position: relative; min-width: 278px; /*min-height: 32px;*/ background-color:#ffffff !important; line-height: 1.42857143px; }
/* item labels focus on mouse hover */
.gridSelectCustom .multiSelectItem:hover, .gridSelectCustom .multiSelectGroup:hover, .gridSelectCustom .multiSelectItem span:hover, .gridSelectCustom .multiSelectGroup span:hover { /*background-image: linear-gradient( #c1c1c1, #999 ) !important;*/ background: #acbbcd !important; cursor: pointer; }
.gridSelectCustom .multiSelectItem:hover span label { color:#ffffff; }
/* item labels focus using keyboard */
.gridSelectCustom .multiSelectFocus { /*background-image: linear-gradient( #c1c1c1, #999 ) !important;   */ color: #fff !important; background: #4f99c6; cursor: pointer; border: 1px solid #ccc !important; }
/* change mouse pointer into the pointing finger */
/*.gridSelectCustom .multiSelectItem span:hover,
.gridSelectCustom .multiSelectGroup span:hover {
color: #fff !important;
background: #4f99c6 !important;
cursor: pointer;
border: 1px solid #ccc !important;
}*/
.gridSelectCustom .vertical { float: none; }
.grid-strip2 { background-color:transparent; }
.grid-strip1 { background-color: transparent; box-shadow:none!important; }
.ui-custom-dropdown-btn.lblText label { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #656d78; padding: 5px; margin:0px; line-height:23px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 100%; font-weight: inherit; }
.gridSelectCustom .lblText label { font-family: 'Open Sans', sans-serif; font-size: 12px; color: #656d78; padding: 5px; margin:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 100%; font-weight: inherit; }
/** CSS FOR IPPC USER MODAL*/
.User_rd-common-button { background-color: #4E8FA2 !important; border-color: #4E8FA2 !important; height: 30px !important; padding-top: 2px !important; }
.User_rd_modal_headr { padding-left: 5px; margin-top: -1px; border-radius: 3px; height: 40px; padding-top: 0px !important; border: 1px solid #c0d0e4; color: #666666;  background: #ffffff; float: left; width: 100%; box-sizing: border-box; }
.User_rd-modal-header-text { float: left; width: 80%; height:39px; line-height:37px; }
.User_rd-modal-header-text .fa-calendar{ color:#486c91}
.User_rd-modal-header-text .fa-stack { height:29px;}
.modal-title label { font-size:14px; line-height:39px; margin:0px; }
.User_rd-modal-header-close-btn { float: right; width: 60px; text-align: center; height:39px; }
.User_rd-modal-header-close-btn a { display: inline-block; height: 30px; line-height: 28px; padding-top: 5px; text-align: center; width: 30px; }
.User_rd-modal-header-close-btn a i { color:#ffffff; font-size:14px; }
.User_rd_modal_footer { padding: 2px 7px 2px 0px; border-top: 1px solid #e5e5e5; text-align: right; }
.prgLoder { position: fixed; background: #fff; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999999; }
.prgLoder .loderImgPrg { position: absolute; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); top: 50%; left: 50%; }
.prgLoder span { position: absolute; transform: translateX(-50%); left: 50%; bottom: 5%; padding: 0px 0px 0px 40px; width:100%; }
.btn-group.open .dropdown-toggle { box-shadow:none!important; }
a#PayBil, a#CancelBill { padding: 8px; color: #656d78!important; border-bottom: 1px solid #E9E9E9; line-height: 12px; background: #f9f9f9; margin: 2px; border: none; }
a#PayBil:hover, a#CancelBill:hover { background-color:#365ebf; /*-webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);background: #07b0f1; background: -moz-linear-gradient(top, #07b0f1 0%, #058cbf 100%); background: -webkit-linear-gradient(top, #07b0f1 0%, #058cbf 100%); background: linear-gradient(to bottom, #07b0f1 0%, #058cbf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#07b0f1', endColorstr='#058cbf', GradientType=0 );*/
color: #ffffff!important; }
.screen-list-body .op-action-check.op-module-div { text-align: center }
.screen-list-body .op-text span { line-height: 35px }
.customThemeGrid { width: 100%; vertical-align:middle; top:24px; padding:0 15px; }
.customThemeGrid #drpUserGroup { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #d5d5d5; border-radius: 3px; box-shadow: none; box-sizing: border-box; color: #888; height: 27px; line-height: 23px; padding: 0 0 0 8px; white-space: nowrap; width: 100%; }
.customThemeGrid .dataTables_filter label input { background: #f9f9f9 none repeat scroll 0 0; border: 1px solid #d5d5d5; border-radius: 3px; box-shadow: none; box-sizing: border-box; color: #888; height: 27px; line-height: 23px; padding: 0 0 0 8px; white-space: nowrap; width: 150px; }
.dataTable .selectBox { text-align:center; }
.dataTable .odd .selectBox a i, .dataTable .odd .deleteBox a i { color:#404040; line-height:14px; font-size:14px; text-align:center; }
.dataTable .even .selectBox a i, .dataTable .even .deleteBox a i { color:#404040; line-height:14px; font-size:14px; text-align:center; }

.ai-colorLegend { float:left; width:100%; background:#CCC; padding:10px; box-sizing: border-box; color:#3d3d3d; }
.ai-listingItemsLegend { float:left; width:100%; height:20px; line-height:15px; }
.ai-colorbox{ float:left; width:15px; height:15px; border-radius:3px;}
.ai-green{ background-color:green;}
.ai-orange{ background-color:orange;}
.ai-black{ background-color:black;}
.ai-autoColor{ background-color:red;}
.not-icon-wrapper { border: none; padding: 12px 2px;}
.not-icon-bell {
float: left;
    position: absolute;
    left: 6px;
}
.not-icon-success {
float: right;
    width: 10px;
    position: absolute;
    /* top: 14px; */
    right: 8px;
    display: inline-block;
    text-align: center;
    line-height:15px;
}
.not-modal-wrapper {
font-family: "Open Sans",sans-serif;
}

.bom-delete-btn{
    position: relative;
    top: 0;
    text-align: center;
    font-size: inherit;
    line-height: inherit;
}
.flwup-green-cell{
    /*background-color:#008000;*/
    background-color:#8BC34A;
    color: #1d2129;
    font-size: 12px;
    border-color: #ddd;
}
.flwup-red-cell{
    background-color:#dd4b39;
    color: #1d2129;
    font-size: 12px;
    border-color: #ddd;
}

.tna-critical-cell{
    /*background-color:#008000;*/
    background-color:#ff884d;
    color: #1d2129;
    font-size: 12px;
    border-color: #ddd;
}
.tna-holiday-cell{
    background-color:#ffb3b3;
    color: #1d2129;
    font-size: 12px;
    border-color: #ddd;
}