input:-webkit-autofill, input:focus{-webkit-box-shadow: 0 0 0 30px white inset;}
body{font-family: "Roboto", sans-serif; overflow-y: scroll; min-height: 100vh;}
.textEllipsis{overflow: hidden; width: 250px; text-overflow: ellipsis; white-space: nowrap; display: block;}
a:hover, a:focus, a:visited{text-decoration: none;}
.btn.focus, .btn:focus, .btn:hover{color: #fff;}
.textEllipsis{  overflow: hidden;     width: 170px;     text-overflow: ellipsis;   white-space: nowrap;}
#_clipboardText{position:absolute;}
.posFixed{position: fixed; width: 100%; height: 100%; left: 0; top:0;}
.container .row{margin-right: -15px; margin-left: -15px; margin-bottom: 0; clear: both;}
.container{max-width: 1280px;     width: 95%;}
.container-fluid{margin-right: 5%; margin-left: 5%;}
#content{display: block; width: 100%; background: #fff; padding: 25px 20px; padding-bottom: 35px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;}

/* #modal_runjobs{

} */
.header-datetime{
  padding: 7px;
  line-height: 16px;
}
#header-time{
  font-size: 10px;
  text-align: center;
}
#header-date{
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.mr10{
  margin-right: 10px;
}
.dispnon{
  display: none;
}
#costing_policy_grid .title{
  color: #364171;
  font-size: .8rem;
  margin-bottom: 5px;
  font-weight: 700;
}
.jobtitle{
    font-size: 12px;
    font-weight: 600;
    padding: 5px;
    /* height: 40px; */
    text-transform: uppercase;
}
#modal_overWriteAmt{
  width: 75% !important ;

}
#modal_overWriteAmt label{
  transform: translateY(-140%);
}
#modal_overWriteAmt .modal-content > div {
    max-height: 911px;
    overflow: auto;
}
#modal_runjobs .modal-content .container {
    max-width: 1280px;
    width: 95%;
    overflow: auto;
    max-height: 265px;
    height: 250px;
    margin-bottom: 0px;
}

#modal_runjobs{
  max-height: 100%;
  width: 70%;
  /* height:80% ; */
}
.asondate.input-field label:not(.label-icon).active {
  font-size: .8rem;
  transform: translateY(-125%);
}
/* .asondate.input-field input{
  margin-bottom: -20px;
} */
.asondate.input-field{
  margin-top: -17px;
    min-height: 2px;
    cursor: pointer;

}
.selected{
  
    background: #2a5f94 !important;
    color: white;

}
.jobtitle .truncate{
        white-space: nowrap; 
        /* width: 95%;  */
        overflow: hidden;
        width: 60%;
    display: inline-block;
        text-overflow: ellipsis; 
  }
.hoverbtn{
margin-top: -3px;
  display: none;
      height: 25px;
    line-height: 20px;
/*    height: 25px;*/
}
.card .jobtitle .btn {
    padding: 0 1rem;
    font-size: 10px;
    font-weight: 900;
    height: 24px;
}
.card:hover .hoverbtn {
display: inline-block;

}
.pd5{
padding: 5px;
}
#modal_runjobs .card {
    background: #e4e4e4;
    border-radius: 5px;
}


.noData_wrap{position: relative; }
/*.noData{display: block; padding: 10px; text-align: center; color: #888;} */
.noData {display: block; padding: 4px; text-align: center; color: #888; } 
.noData i{color: #ccc; vertical-align: middle;} 
#addaction li a {overflow: hidden; width: 170px; text-overflow: ellipsis; white-space: nowrap;}

/*Table Layout*/
.gridblock{background: #fff;}
.tableLayout{overflow:hidden; overflow-x: scroll;  min-height: 55vh; transition: all ease-in 0.2s}
.form-body .tableLayout{min-height: initial;}
.tableLayout .header-row{border-bottom: 0;}
.tableLayout table{  white-space: nowrap; margin: 0; margin: 0 0 5px;}
.tableLayout th{font-size: 15px; background-color: #3a3e55; color: #efefef; border-radius: 0; font-weight: normal; padding: 13px 15px !important; text-shadow: 0 0 3px #000;}
.tableLayout th:first-child{width: 25px}
.tableLayout td{border-top:0 !important; padding: 7px 15px !important;}
.tableLayout .table-striped>tbody>tr:nth-of-type(odd){background-color: #f8fbfc;}
.tableLayout input[class^="cls-"]{margin-bottom: 0; border: solid 1px #ccc; height: initial; padding:5px 10px; box-sizing: border-box; min-width: 120px;}

/*row Action Btn*/
.rowActionBtn{padding:2px 25px; margin: 0 -15px; color:#000; display:inline-block;}
.rowActionBtn.active{color:#8BC34A;}
.rowAction{background-color: #fff; margin: 0; min-width: 100px; max-height: 650px; overflow-y: auto; display: none; position: absolute; transition: all ease-in 0.2s; z-index: 1; left: 50px; top:0;} 
.rowAction.active{display: block;} 
.rowAction.bottomAlign{top:initial; bottom: 0;} 
.rowAction li{clear: both; color: rgba(0,0,0,0.87); cursor: pointer; line-height: 1.5rem; width: 100%; text-align: left; text-transform: none;} 
.rowAction li>a{font-size: 16px; color: #222; display: block; line-height: 22px; padding: 10px 16px;} 
.rowAction li>a:hover{background-color: #eee}
.rowAction li .fa, .rowAction li .icon{padding-right: 5px; color:#1274c0;}

/*Webkit Scroll*/
.scroll-y{overflow: hidden; overflow-y: auto;}
.scroll-y::-webkit-scrollbar{width: 5px; height: 5px;}
.scroll-y::-webkit-scrollbar-track{border-radius: 50px; background: #fff;}
.scroll-y::-webkit-scrollbar-thumb{border-radius: 50px; background: #666;}
.scroll-y::-webkit-scrollbar-thumb:window-inactive{border-radius: 20px; background: #eee;}
.scroll-x{overflow: hidden; overflow-x: auto; white-space: nowrap;}
.scroll-x::-webkit-scrollbar-track{border-radius: 50px; background: #fff;}
.scroll-x::-webkit-scrollbar-track{border-radius: 50px; background: #fff;}
.scroll-x::-webkit-scrollbar-thumb{border-radius: 50px; background: #000;}
.scroll-x::-webkit-scrollbar-thumb:window-inactive{border-radius: 20px; background: #333;}

.height150{max-height:150px}
.height200{max-height:200px}
.height250{max-height:250px}
.height300{max-height:300px}
.height400{max-height:400px}
/*Heading*/
.mainhd{font-size: 24px; text-transform: capitalize; padding: 10px 0; margin: 0; margin: 0; color:#3f51b5;}
.subhd{padding:10px; color:#fff;}
.section_head{display: table; width: 100%; background: #dadada;  color: #222; font-size: 16px; padding: 10px; margin-bottom: 25px !important; position: relative;}
.btnRefresh{padding: 5px 10px; height: auto; min-height: initial; line-height: initial; font-size: 14px; margin-right: 10px; position: absolute; top: 6px; right: 0;}
.btnRefresh i{font-size: 17px}
.mTitle{font-size: 18px; margin: 0; padding: 15px 15px 15px 40px; background: #FFC107; color: #fff; position: relative;} 
.mTitle i{position: absolute; left: 15px;}
.btn-left-align{left:3px}

/*Form Container*/
.input-field{min-height: 66px;}
.form-container{width: 90%; margin: 0 auto}
.form-container.grey.lighten-4{background-color: transparent !important;}
.form-title{padding:20px 0; background-color: transparent !important; color: #383894;} 
.form-title h5{font-size:24px; margin: 0; padding:10px 0; color: #3f51b5;} 
.form-body{min-height: 400px; background-color: #fff !important; padding:15px 30px; margin-bottom:100px; overflow: hidden; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);} 
.form-container .breaker{height: 2px; background-color: #3d5afe; margin-top:20px; margin-bottom: 30px; clear: both;} 
.tabs.indigo{background-color: #25306d !important;}
.form-container .tab-conainer .tab-child{margin-top: 25px;} 
.form-container .tab-conainer .tabs .tab a.active{font-weight: 900; border-bottom: 5px solid #26a69a;} 
.form-container .tab-conainer .indicator{display: none;} 
.form-action{position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; margin: 0; padding: 30px 0 15px;background: rgba(238, 238, 238, 0.7); text-align: center; 
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(238,238,238,1) 100%);
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#eeeeee',GradientType=0 );
}
.form-action .btn-large{margin: 0 10px; width: 120px; height: 40px; line-height: 40px; padding: 0 15px;}
.form-action .btn-large i{margin-right: 5px;} 
.form-container .form-action .btn-large:hover{color:#fff;} 
.form-container .select-wrapper{margin-bottom: 35px;} 
.form-container .input-field-text{margin-top: 1rem; padding-top: 5px;} 
.row.container.note-container{margin-top: 20px;}

	

.tabs .tab.disabled a, .tabs .tab.disabled a:hover {color: rgba(255, 255, 255, 0.7) !important;}
.input-field.inline input, .input-field.inline .select-dropdown{margin: 0 0 20px 0;}
.input-field [type="checkbox"]+label, .input-field [type="radio"]+label{height: 3rem; margin: 0 0 21px 0; box-sizing: content-box;}
.input-field .longStr:not(.label-icon).active{-webkit-transform: translateY(-115%); transform: translateY(-115%);}
.caret{border:0;width: initial;}
.input-field.default-dropdown{margin-top: 0;}
.vertical-align{display: inline-flex;vertical-align: middle;align-items: center;}
.form-container .caption{font-size: 1rem;font-weight: 300; padding:25px 0; font-weight: 500;}
.pad-0{padding:0 !important;}
.redclr{color:red; padding-top: 15px; font-size: 13px;}
.top-0{margin-top: 0;}
.top-1{margin-top: -5px;}
.page-footer{margin-top: 150px;} 
.button-block{width: 100%; display: flex; flex-direction: row; justify-content: space-between; flex-grow: 1; margin: 0.5rem 0 1rem 0;} 
.button-block button{width: 100%; border-radius: 0;} 
.button-block button:first-child{border-top-left-radius: 4px; border-bottom-left-radius: 4px;} 
.button-block button:last-child{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}


.topLinks{height: 56px; line-height: 56px;}
.topLinks .dropdown-button:focus, .topLinks .dropdown-button:active{color:#fff;}
.mList{display: none; padding-bottom: 20px; background: white; color:#222; position: absolute; z-index: 999; width: 99%; left:0; top:64px;}
.mList .grid{width: 100%; height: 100%; overflow: hidden; overflow-y: auto;}
.mList .moduleList{float: left; width: 100%; padding-bottom: 10px;}
.mList .moduleName{color: #111; font-size: 18px; padding:10px; margin:0; cursor: default;}
.mList li{min-height: inherit; display: block; width: 100%; line-height: normal;}
.moduleList>li:hover{box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2)}
.moduleList>li:hover>a{background: #FFC107;}
.moduleList>li:hover .moduleName{color: #fff;}
.mList li a{color:#999; font-size: 12px; display: block}
.mList li a.active{color:#1274c0;}
.mList .fa, .mList .icon{height: auto; line-height: inherit;}
.mList .icon{float: left; margin-right: 10px;}
.viewList{padding: 0; float: left; width: 100%;}
.viewList a{padding: 8px 43px; background: transparent;transition: all ease-in 0.2s}
.viewList a:hover{background: transparent; color:#000;  font-weight: bold;}
.rightNav i{height: auto}
.rightNav>li>a:hover,.rightNav>li>a:focus{color: #fff}

.mList h5{margin: 0; padding: 5px 41px 0;}

body.mList-active{}
.mList-active #mList{display: block;}
.mList-active .mListAction{color: #fff; position: relative; z-index: 999}
.mList-active .mListAction i:before{content: "\f00d";}
.mList-active .view-overlay{display: block;}


/* Menu Option 2*/
.navList{position: relative; z-index: 1; color:#222; background-color: #fff; height: initial;/*position: absolute; z-index: 999; width: 100%; left:0; top:64px;*/}
.navList li a{color:#000;}
/*Module Name*/
.navList .moduleWrp{padding-left: 48px; line-height: 50px; width: 100%; height: 50px; background: #2d3fa4;  overflow: hidden; white-space: nowrap; overflow-x: auto;} 
.navList .moduleName{display: inline-block; float: none; transition: all ease-in 0.2s;}
.navList .moduleName>a{color:#fff; position: relative;}
.navList .moduleName.active>a{z-index: 999}
.navList .moduleName.active>a:before
{font-family: 'FontAwesome'; content: '\f0d8'; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); color: #fff; height: initial; line-height: initial;}
.navList .moduleName.active .viewWrp{display: block;}
/*View Name*/
.navList .viewWrp{line-height: 22px; display: none; position: absolute;  z-index: 999;  background: #fff; padding: 10px 0 0;} 
.navList .viewName{padding:10px; display: block; float: left;} 
.navList .viewName .fa, .navList .viewName .icon{width: 30px; float: left; font-size: 18px; text-align: center; height: 30px; line-height: inherit; position: absolute; left: 15px; top: 10px;}
.navList .viewName>a{font-size: 18px; color: #3f51b5; margin-bottom: 10px; padding: 0 0 0 25px;}
.navList .viewName>a:hover{background-color: transparent;}
/*Subview Name*/
.navList .subviewsWrp{display: block; float: none; float: left;/* padding: 0 0 20px 0*/} 
.navList .subViewName{display: block; float: none;  position: relative;}
.navList .subViewName a{padding:10px 25px; position: relative;}
.navList .subViewName .fa, .navList .subViewName .icon{width: 30px; float: left; font-size: 18px; text-align: center; height: 30px; line-height: inherit; position: absolute; left: 3px; top: 10px;}

body.navList-active .navList{position: relative; z-index: 999;}
body.navList-active .view-overlay{display: block;}

.navListSearch{height: initial; line-height: initial; margin: 10px; position: relative; z-index: 1000; width: 300px;}
.navListSearch input{background-color: #121836; border:0 !important; outline: solid 1px #2b3879; box-shadow: none !important;}
.navListSearch input:focus{background-color: #fff; outline: solid 1px #fff !important;}

.navTheme{position: relative; z-index: 999;}
.navTheme a:hover{color:#fff;}

.fixed-action-btn{bottom: 10px;}
/*Secondary Navigation*/
.sideNav-sub{transition: transform ease-in 0.2s; position: absolute; z-index: 2; height: 100vh; left: 0; right: 0; top:0; background: #fff; width: 250px; transform: translateX(-250px);}
.backToModule{border: 0; padding: 21px 20px; background: #17246d; color: #fff;}

body.sideNav-sub-active{position: fixed; left: 0; top: 0; width: 100%;}
.sideNav-sub-active .sideNav-sub{transform: translateX(0); z-index: 998;}
.sideNav-sub-active .slideToggle{color:#fff;}
.sideNav-sub-active .view-overlay{display: block;}

/*Overlay*/
.lean-overlay{position: fixed; top: 0; left: 0; right: 0; height: 100vh; background-color: rgba(0,0,0,0.7); z-index: 997; will-change: opacity; display: none;}
.view-overlay{position: fixed; top: 0; left: 0; right: 0; height: 100vh; background-color: rgba(0,0,0,0.7); z-index: 997; will-change: opacity; display: none;}
.mlist-overlay{position: fixed; top: 0; left: 0; right: 0; height: 100vh; background-color: rgba(255,255,255,0); z-index: 997; will-change: opacity; display: none;}
.view-slide li a{padding: 10px 25px; display: block; color:#222;}
.view-slide li a.active{color:#1274c0;}
.view-slide li a:hover{background: #eee;}
.view-slide li:last-child a{border:0;}
.slideToggle{color:#000; position: absolute; right: -50px; top: 76px; padding: 8px; cursor: pointer;}

/*Animation*/
.animated{-webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} 
.slideInLeft{-webkit-animation-name: slideInLeft; animation-name: slideInLeft;} 
.slideInLeft.anim-0{-webkit-animation-duration: 0.3s; animation-duration: 0.3s;} 
.slideInLeft.anim-1{-webkit-animation-duration: 0.4s; animation-duration: 0.4s;} 
.slideInLeft.anim-2{-webkit-animation-duration: 0.6s; animation-duration: 0.6s;} 
.slideInLeft.anim-3{-webkit-animation-duration: 0.8s; animation-duration:0.8s;} 
.slideInLeft.anim-4{-webkit-animation-duration: 0.9s; animation-duration: 0.9s;} 
.slideInLeft.anim-5{-webkit-animation-duration: 0.8s; animation-duration: 0.8s;}

@-webkit-keyframes slideInLeft{
  from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}
  to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

@keyframes slideInLeft{
  from{-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;}
  to{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}

/*modal*/
.modal{bottom: auto}
.modal-content{box-shadow: none; border: 0;}
.modal .modal-footer{text-align: center}
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat{margin:5px 10px; float: none;}
.modal .customTextarea{ border: solid 1px #ccc; margin-bottom: 0; padding: 15px; box-sizing: border-box; height: 150px;}

/* Material overide*/

[type="checkbox"].filled-in:checked+label:before{width: 6px; }
.input-field .switch{min-height: 66px;}
.sideNavAction{display: block; float: left; position: relative; z-index: 1; height: 56px; margin: 0 18px;} 
.sideNavAction:hover{color:#fff;} 
.sideNav-main{transition: transform ease-in 0.2s; width: 250px; }
.sideNav-main a.brand-logo{display: block; color: #fff; padding: 0; margin: 0; font-size: 22px;} 
.sideNav-main .userView{margin:0; padding:8px 15px;}

.sideNav-main li{position: relative; line-height: initial;}
.sideNav-main li>a{padding:0; display: table; line-height: initial; height: initial; min-height:48px; width: 100%;}
.sideNav-main li>a span{display: table-cell;vertical-align: middle; padding:0 20px 0 45px}
.sideNav-main li>a>i.material-icons.right{margin: 0}
.sideNav-main li>a>i.icon{font-size:18px; margin-right: 5px; color:#000;  position: absolute; left: 15px;}
.sideNav-main .collapsible-header{border-bottom: solid 1px #1f285a; padding-right: 25px; background:#141a49; color:#fff; position: relative;}
.sideNav-main .collapsible-header:hover{background:#283475; color:#fff;}
.sideNav-main .collapsible-header i{color:#fff;}
.sideNav-main .down_arrow{position: absolute; top: 0; right: 0; cursor: pointer;}
.sideNav-main .collapsible-header .down_arrow:before{content: "\f107";}
.sideNav-main .collapsible-header.active .down_arrow:before{content: "\f106";}

body.sideNav-main-active{position: fixed; left: 0; top: 0; width: 100%}
.sideNav-main-active .sideNav-main{transform: translateX(0%);}
.sideNav-main-active .view-overlay{display: block;}

.searchWrap{line-height: normal; padding:20px 0 0; float: left; width: 100%;}
.searchWrap .btn{height: 3rem; line-height: 3rem; width: 48%; padding:0 }
.searchWrap .btn:hover, .searchWrap .btn.active{color:#fff; background: #2bbbad}
.sideNav-main .searchNav{line-height: 3rem;}
.searchNav{position:relative; margin: 0 0 15px 0; color:#333;}
.searchNav i.material-icons{position: absolute; top: 0; right: 0; cursor: pointer; height: 3rem; background: #ffc107; border:solid 1px #ffc107; box-sizing: border-box; width: 45px; text-align: center; line-height: 3rem; color: #fff;} 
.searchNav .awesomplete{display: inline-block; position: relative; width: 100%;} 
.searchNav > input{width: 100%; margin: 0; padding: 0 55px 0 10px; border:0; box-sizing: border-box;}
.search-wrapper{border-radius:30px; width: 100%;}
.searchIcon {position: absolute; right: 25px; top: 2px; padding: 10px; cursor: pointer; } 
.searchIcon:hover{color:#ff6c00;} 
.filterBlock{padding-top: 10px; padding-bottom: 10px}
.actionblock{/* float: right;width: 30%;*/} 
.gridfilterblock{position: relative; margin: 0; float: right; width: 70%;}
.gridfilters i.material-icons{position: absolute; top: 0; right: 5px; cursor: pointer; padding: 10px;}
.gridfilters .search-wrapper input, .gridfilters .datepicker{border-radius:30px; margin: 0; padding: 0 60px 0 20px; box-sizing: border-box; background-color: #fff}
.div_actionbar{float: right}
.div_actionbar .btn-floating.btn-large{width:45px; height: 45px; line-height: 45px; margin-left: 10px; display:inline-block}
.div_actionbar .btn-floating.btn-large:first-child{margin-left: 0}
.div_actionbar .btn-floating.btn-large i{line-height: 45px;}
.div_actionbar .btn-floating.btn-large .fa{font-size: 18px}
.filterBlock .datepicker{background: #fff; border-radius: 20px; padding: 0 20px; margin:0; box-sizing: border-box;}
.div_actionbar .btn-floating.btn-large.filterLinkClose{display: none;}




/*Advanced Filter*/
.div_actionbar .btn-floating.btn-large.filterLink i{font-size: 16px;}

.filterPanel{background: #fff; opacity: 0; position: absolute; top: -3px; z-index: -1; right:0; transition: all ease-in 0.3s; transform: scale(0.5) translateY(-100px);  width: 350px; visibility: hidden; opacity: 0; right: 11px; transition: visibility 0s, opacity 0.2s linear, transform 0.4s;}
/*.filterPanel{transition: transform ease-in 0.2s; transform: translateX(100%);
 height: 100Vh; position: fixed; z-index: 999; right: 0; top:0; width: 350px;  background-color: #fff;}*/
.filterLink{position: relative;}
.filterCont{ padding:10px 20px 0; /*height:50vh;*/ overflow:hidden; overflow-y: auto; max-height: 80vh;}
.filterCont .input-field:last-child .select2, .filterCont .input-field:last-child input{margin-bottom: 0}
.filterCont .dateRange{ margin:0 -12px }
.filterCont .caption{color:#222; }
.filterCont .dateRange label{left: 15px; }
.filterCont .datepicker{border-radius: 0; margin: 0 0 20px 0; padding: 0}
.filterHd{padding: 15px 20px; margin:0; background: #eee; color:#222; font-size: 19px;}
.filterPanel .filterBtn{padding:8px 10px; text-align: right; width: 100%; clear: both; }
.filterPanel .filterBtn .btn{margin:0 5px; float: none;}
.filterPanel .filterBtn .btn i{font-size: 15px}

.div_actionbar .filterPanel.z-depth-1:nth-last-child(3) {
  right: 105px;
}

.div_actionbar .filterPanel.z-depth-1:nth-last-child(1) {
  right: 118px;
}
.div_actionbar .filterPanel.z-depth-1:nth-child(1) {
  right: 105px;
}
.div_actionbar .filterPanel.z-depth-1:nth-child(2) {
  right: 165px;
}
.div_actionbar .filterPanel.z-depth-1:nth-last-child(4) {
  right: 105px;
}
.div_actionbar .filterPanel.z-depth-1:nth-last-child(2) {
  right: 118px;
}
.div_actionbar .filterPanel.z-depth-1:nth-child(5) {
  right: 105px;
}

.formFilter-active .filterPanel{right:65px; opacity: 1; transform: scale(1) translate(0); z-index: 997;  visibility: visible; opacity: 1;}
 .formFilter-active .filterLink{ z-index: 999;}
.formFilter-active .filterLink .fa:before{content: "\f00d";} 
.formFilter-active .appfilter>.filterLink{ display: none;}
.formFilter-active .btn-floating.btn-large.filterLinkClose{ z-index: 999; display: inline-block;}
/* .formFilter-active .btn-floating.btn-large.filterLink{  display: none;} */

.formFilter-active .view-overlay{display: block; background-color: rgba(0,0,0,0.2);}

.mainHeader .button-collapse:hover{color:#fff;}
.dropdown-button:hover, .dropdown-button:focus, .dropdown-button:visited{color:#fff;}
.dropdown-content{min-width: 170px;}
.mainHeader .tabs i.material-icons{height: 48px;line-height: 48px;}
#userSetting{right: 0; left: initial !important;opacity: 1 !important;}
#userNotification{top:initial !important;}
.dropdown-messages .divider {     height: 1px;     margin: 9px 0;     overflow: hidden;     background-color: #e5e5e5; }
.clear_all { position: absolute;     width: 100%;     left: 0;     right: 0;     list-style: none outside none;     border-radius: 0px 0px 3px 3px;     background: white;     padding: 0px 10px 10px 10px;     border: medium none;     border-top: 0;     height: 50px; 	bottom: 10px; }
#right-sidebar .clear_all {     position: relative;     height: auto;     bottom: 0; }
.notification.show-count::after, .notificationpercent.show-count::after {     -webkit-transform: scale(1);     transform: scale(1);     opacity: 1; }
.notification, .notificationpercent { position: relative; }
.notification::after, .notificationpercent::after {     font-family: Arial;     font-size: 0.8em;     font-weight: 700;     position: absolute;     top: 8px;     z-index: 1;     right: 2px;     padding: 4px 7px;     color: white;     line-height: 100%;     border-radius: 5px;     background: #1ab394;     content: attr(data-count);     opacity: 0;     -webkit-transform: scale(0.5);     transform: scale(0.5);     transition: transform, opacity;     transition-duration: 0.3s;     transition-timing-function: ease-out; }
.dropdown-messages-box .msg_severity {color: white;     font-weight: 600; 	margin-left: 6px;     padding: 1px 5px;     border-radius: 3px;     position: relative;     line-height: 13px;     top: 5px; }
.dropdown-messages-box .low {     background: #3c763d; }
.dropdown-messages-box .medium {     background: #8a6d3b; }
.dropdown-messages-box .high {     background: #a94442; }
.dropdown-messages .dropdown-messages-box p {margin-bottom: 0px;}
.dropdown-messages li:last-child {   margin-right: 0; }
.dropdown-messages li h4{font-size:1em;margin:8px 0px 5px 0px;}
.progress-bar.progress-bar-warning:after {content: "";     position: absolute;     top: 0;     left: 0;     bottom: 0;     right: 0;     background-image: linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );     z-index: 1;     background-size: 50px 50px;     animation: move 2s linear infinite;     border-top-right-radius: 8px;     border-bottom-right-radius: 8px;     border-top-left-radius: 20px;     border-bottom-left-radius: 20px;     overflow: hidden; }
@keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.dropdown-messages-box .progress {margin: 0rem 0 1em 0;height:5px;    background-color: #dce6e5;}
.progress-bar-warning {
 display: block;   height: 100%;   border-top-right-radius: 8px;   border-bottom-right-radius: 8px;   border-top-left-radius: 20px;   border-bottom-left-radius: 20px;   background-color: rgb(43,194,83);   background-image: linear-gradient(     center bottom,     rgb(43,194,83) 37%,     rgb(84,240,84) 69%   );   box-shadow:     inset 0 2px 9px  rgba(255,255,255,0.3),     inset 0 -2px 6px rgba(0,0,0,0.4);   position: relative;   overflow: hidden;}
.progress-bar.progress-bar-warning > span:after, .progress-bar.progress-bar-warning {animation: move 2s linear infinite;}
.dropdown-messages li a {padding: 0;min-height: 0;    font-size: 12px;font-weight: 600;position:relative;top:-3px;}
.download_link .btn-success {padding: 0px 15px;    margin-bottom: 5px;    height: 30px;}
.download_link .btn-success a{background-color:transparent;}
.dropdown-messages .btn-xs {
    padding: 0px 5px;     font-size: 12px;     border-radius: 3px;      line-height: 15px;     height: 30px;     position: absolute;     right: 10px;     bottom: 0;}
.sidebar-panel .feed-element, .media-body, .sidebar-panel p {font-size: 12px;}
.media-body, .media-left, .media-right {     display: table-cell;     vertical-align: top; }
.media, .media-body {     overflow: hidden;     zoom: 1; }
.dropdown-messages li:last-child {     border: 0px; }
.dropdown-messages .dropdown-messages-box {     display: table-cell;     vertical-align: middle;     padding-bottom: 5px;}
.dropdown-messages li {     display: table; 	margin: 0px 0;     border-bottom: 1px solid #e5e5e5;     padding: 0px 7px 0px 7px; }
.dropdown-messages li a div {   white-space: normal; }
.dropdown-content.dropdown-messages { 	width: 310px; 	min-width: 0; 	width: 310px !important; 	min-width: 0; 	padding:10px 10px 4% 10px; 	clear: both; 	color: rgba(0,0,0,0.87); 	cursor: pointer; } 
.navbar-top-links .dropdown-messages {   margin-left: 5px; }
.input-field .prefix{top:10px;}
.dropdown-content li>a>i{margin-right:15px;}
.breadcrumb{background-color:transparent; padding-top:15px;}
.w48{width: 48%;  margin-left:0 !important;}
.w47{width: 47%;  margin-left:0 !important;}


/* Datepicker */
.picker__date-display{padding-bottom: 5px}
.picker__weekday-display{background-color: #32aca1; margin: 0}
.picker__month-display{font-size: 20px; display: inline-block;}
.picker__day-display{font-size: 50px; padding: 7px 20px; display: inline-block;}
.picker__year-display{font-size: 20px; display: inline-block;}
.datepicker[disabled] + .picker--focused.picker--opened {display:none;}

/* Login Page */
.loginWrp{position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index: 1; background: #141367}
#login-page{width: 350px; margin: 40px auto 20px; padding:30px 0; position: relative; z-index: 2; background: #fff}
.formContent{min-height:175px; margin: 20px 0 0 0;}
.login-form-text{text-transform: uppercase; letter-spacing: 2px; font-size: 0.8rem;}
.login-text{margin-top: -6px; margin-left: -6px !important;} .main-footer{position: relative; z-index: 2; color:#333; font-size: 12px;}
.errorDetails{color:#cc0000;}

/* Pre-loader */
.loader-wrapper{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1010; background: rgba(255,255,255,0.7);} 
.loader-content{position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%;}

/* pagination */
.pagination-container{padding: 10px 0 0; text-align: center;} 
.pagination-item{list-style-type: none; display: inline-block; border-right: 1px solid #d7dadb; border-radius: 50%;} 
.pagination-item:hover, .pagination-item.is-active{background-color: #fa4248; border-right: 1px solid #fff;} 
.pagination-item:hover .pagination-link, .pagination-item.is-active .pagination-link{color: #fff;} 
.pagination-item.first-number{border-left: 1px solid #d7dadb;}
.pagination-link{padding: 1.1em 1.6em; display: inline-block; text-decoration: none; color: #8b969c;}
.pagination-item-wide{list-style-type: none; display: inline-block;}
.pagination-link-wide:hover, .pagination-link-wide:focus{background-color: transparent;}
.pagination-link-wide.disable{color:#eee;}
.pagination-link-wide.disable:hover{color:#eee; cursor: default;}
.pagination-item-wide.first{margin: 0 1em 0 0;} 
.pagination-item-wide.last{margin: 0 0 0 1em;} 
.pagination-link-wide{text-decoration: none; color: #8b969c; background-color: transparent; outline: 0; border: 0} 
.pagination-link-wide:hover{color: #fa4248;  background-color: transparent;}

/*Autocomplete*/
.autocomplete-suggestions{line-height: initial; width: 100% !important; border: 1px solid #eaeaea; background: #fff; cursor: default; overflow: auto; 
box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);}
.autocomplete-suggestion{padding: 10px; white-space: nowrap; overflow: hidden;}
.autocomplete-selected{background: #dedede;}
.autocomplete-suggestions strong{font-weight: normal; color: #3399ff;}

/*Card Layout*/
.cardLayout .card{margin: .5rem 0 .5rem 0;}
.cardLayout .card-stacked{padding:0 }
.cardLayout .card-content{padding:18px 15px 0;} 
.cardLayout .card-action{padding:15px 15px;} 
.cardLayout .card-reveal{padding:15px;} 
.cardLayout .card-image{color:#edf5fc;padding: 15px 15px; background: #d645aa;} 
/*.cardLayout .card-image p{margin:0} */
.cardLayout .card-content p, .card-image.marginBtm p{margin:0 0 8px 0} 
.cardLayout .card-image i{width: 50px; margin: 0 auto; display: block; height: 50px; line-height:50px; font-size:25px; text-align: center; background: rgba(0,0,0,0.1); border-radius: 100%; color:#fff;}
.cardLayout .card-image h5{font-size: 18px}
.cardLayout .cardLink{position: absolute; right: 28px; bottom: 30px;}
.cardLayout .cardLink i{padding:0 3px; cursor: pointer;}
.cardLayout .card-title{padding-right: 15px; padding-bottom: 10px; font-size: 17px; line-height: 17px !important; }
.cardLayout .card-title i{position: absolute; right: 0px; top: 7px; font-size: 20px; color: #607d8b; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; text-align: center;}
.card-details{text-align: center; padding: 10px 0; border-top:solid 1px #eee; }
.card-details article{display: inline-block; padding:0 5px}
.card-details b{color:#999; font-size: 11px;}
.card-details span{ font-size: 15px; color:#333; }
.cardAction{position: absolute; right: 0; top:0; z-index: 1}
.cardAction a{color:#333; display: inline-block; padding: 10px 10px;}
.cardAction a.active{color:#ff6c00;}
.chartTitle{padding:0 50px;}

@media screen and (max-width:1024px){
  .card .card-title{font-size: 14px; font-weight: bold;}
  .card .card-action{padding-bottom: 40px;}
  .cardLayout .cardLink{right: 20px; bottom: 15px;}
  .cardLayout .card-image h5{font-size: 13px; font-weight: bold;} 
  .modal{width: 85%;} 
}

.cardWrp:nth-child(n+1) .card-image{background: #65a7f3;}
.cardWrp:nth-child(2n+1) .card-image{background: #7aa845;}
.cardWrp:nth-child(3n+1) .card-image{background: #e3a337;}
.cardWrp:nth-child(4n+1) .card-image{background: #d645aa;}
.cardWrp:nth-child(4n+1) .card-image{background: #f44336;}
.cardWrp:nth-child(5n+1) .card-image{background: #e91e63;}
.cardWrp:nth-child(6n+1) .card-image{background: #9c27b0;}
.cardWrp:nth-child(7n+1) .card-image{background: #673ab7;}
.cardWrp:nth-child(8n+1) .card-image{background: #3f51b5;}
.cardWrp:nth-child(9n+1) .card-image{background: #2196f3;}
.cardWrp:nth-child(10n+1) .card-image{background: #009688;}
.cardWrp:nth-child(11n+1) .card-image{background: #4caf50;}
.cardWrp:nth-child(12n+1) .card-image{background: #cddc39;}
.cardWrp:nth-child(13n+1) .card-image{background: #ffeb3b;}
.cardWrp:nth-child(14n+1) .card-image{background: #ff9800;}
.cardWrp:nth-child(15n+1) .card-image{background: #ff5722;}
.cardWrp:nth-child(16n+1) .card-image{background: #795548;}
.cardWrp:nth-child(17n+1) .card-image{background: #9e9e9e;}
.cardWrp:nth-child(18n+1) .card-image{background: #607d8b;}



/*Action links*/
.actionLink{background:#ffc107;  color:#fff;  text-align: center; display: block;  float: right;}
/*.actionLink.active{background: #e25b51; color:#fff; z-index: 998;}*/
.actionPanel{background: #fff; opacity: 0; position: absolute; top: -3px; z-index: -1; right:-3px; transition: all ease-in 0.3s; transform: scale(0.5) translateY(-100px);  width: 225px; visibility: hidden; opacity: 0; right: 11px; transition: visibility 0s, opacity 0.2s linear, transform 0.4s;}
.actionPanel ul{float: left; width: 100%; padding:0; margin: 0}
.actionPanel li{position: relative; float: left; width: 100%;}
.actionPanel li a{padding: 10px 10px 10px 50px; color: #000; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.actionPanel li a:hover{color:#1274c0; background-color: #eee}
.actionPanel li a .fa,
.actionPanel li a .icon{font-size:22px; text-align: center; width: 40px; height: 40px; line-height: 40px; position: absolute; left: 10px; top:0px;}
/*.actionPanel.active{opacity: 1; transform: scale(1) translate(0); z-index: 997;  visibility: visible; opacity: 1;}
*/

.actionLink-active .actionPanel{opacity: 1; transform: scale(1) translate(0); z-index: 997;  visibility: visible; opacity: 1;}
.actionLink-active .actionLink{background: #e25b51; color:#fff; z-index: 998;}
.actionLink-active .actionLink .fa:before{content: "\f00d";}
.actionLink-active .view-overlay{display: block;     background-color: rgba(0,0,0,0.2);}

/*font icon*/
.fa-INR:before{content: "\f156";} 
.fa-USD:before{content: "\f155";}

.icon-M0:before{content: "\e907";} 
.icon-M1:before{content: "\e909";} 
.icon-M2:before{content: "\e90d";} 
.icon-M3:before{content: "\e908";} 
.icon-M4:before{content: "\e901";} 
.icon-M5:before{content: "\e902";} 
.icon-M6:before{content: "\e905";} 
.icon-M7:before{content: "\e906";} 
.icon-M8:before{content: "\e90c";} 
.icon-M9:before{content: "\e90a";} 
.icon-M10:before{content: "\e90b";} 
.icon-M11:before{content: "\e903";} 
.icon-M12:before{content: "\e90f";}

.icon-graph:before{content: "\e908";}
.icon-account:before{content: "\e90c";}
.icon-flowchart:before{content: "\e909";}
.icon-setting:before{content: "\e907";}
.icon-folder:before{content: "\e90d";}
.icon-usersetting:before{content: "\e901";}
.icon-usergroup:before{content: "\e902";}
.icon-hands:before{content: "\e905";}
.icon-desktop:before{content: "\e906";}
.icon-timeline:before{content: "\e90a";}
.icon-report:before{content: "\e903";}
.icon-report2:before{content: "\e90f";}
.icon-perc:before{content: "\e916";}
.icon-value:before{content: "\e918";}
.icon-money:before{content: "\e912";}
.icon-card:before{content: "\e905";}
.icon-banking:before{ content: "\e90b";}


/*Media Queries*/
@media screen and (min-width:768px){   
  .padt-0{padding-top:0;}
  .padr-0{padding-right :0;}
  .padl-0{padding-left:0;}
  .navbar-right{margin-right:0;}
}

@media screen and (max-width:767px){
  .form-container{width: 100%}
  .form-container .form-btn{margin-right:5px;}
  .form-container .breaker{margin-top: 20px; margin-bottom: 35px;}
  .clearfix-mob{clear: both}
  .pad-responsive-0{padding: 0 !important;}
  .pagination-container{padding:10px 0 0;}
  .filterBlock{padding-top: 10px; padding-bottom: 10px;}
  .navList .viewName>a{white-space: nowrap;}

  .daterangepicker .calendar{float:none !important;}
  .mList{top:56px;}
  
  .rightNav i.right{margin-left: 0 !important}

    .card .card-title{font-size: 14px;
    font-weight: bold;
    white-space: normal;
    line-height: 17px !important;}
	#userNotification {
    left: 10px !important;}
	.dropdown-content.dropdown-messages {
    padding: 10px 10px 14% 10px;}
}

@media only screen and (max-width: 992px){

  .slideToggle{top: 7px; background-color: #3f51b5; color:#fff;}
  .sideNav-sub-active .slideToggle{background-color:transparent; }
  .sideNav-icon-active .mainhd{padding-left: 40px;}

  .form-container{width: 100%}
    .daterangepicker{width: 100%}

  nav .brand-logo{left: inherit; -webkit-transform: inherit; transform: inherit;} 
}

.switch label input[type=checkbox]:checked+.lever{background: #2196F3}
.switch label input[type=checkbox]:checked+.lever:after{background: #2196F3}
.switch label .lever{background: #ccc}


.highcharts-color-0{fill:#332089;}
.highcharts-color-1{fill:#41ac9a;}
.highcharts-color-2{fill:#ff9800;}
.highcharts-color-3{fill:#ffc107;}
.highcharts-color-4{fill:#e50551;}
.highcharts-data-label-connector{fill: none}


/*.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(0){fill:#332089;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(1){fill:#41ac9a;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(2){fill:#ff9800;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(3){fill:#ffc107;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(4){fill:#e50551;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(5){fill:#ff911d;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(6){fill:#003366;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(7){fill:#035d0e;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(8){fill:#96d363;}

*/

.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(1){fill:#b3e5fc;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(2){fill:#81d4fa;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(3){fill:#4fc3f7;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(4){fill:#29b6f6;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(5){fill:#03a9f4;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(6){fill:#039be5;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(7){fill:#0288d1;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(8){fill:#0277bd;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(9){fill:#01579b;}
.highcharts-column-series .highcharts-point.highcharts-color-0:nth-child(10){fill:#014174;}

/*Tost notification*/
#toast_notification{z-index: 1000; position: fixed; height: auto; width: 400px; max-width: 100vw; right: 10px; bottom: 10px;} 
.toastHolder{position: relative; width: 100%; margin: 0 auto; background-color: #ffffff; margin-top: 8px; padding: 12px 0px; border-bottom: 2px rgb(47, 64, 80) solid; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); display: none; border-radius: 2px;font-size: 15px}
.toastHolder i:hover{color: #333;}
.toastHolder i {position: absolute; right: 0.5em; top: 1px; color: #0c0c0c; font-size: 14px; cursor: pointer; font-family: "Arial Black"; transition: 0.5s; font-style: normal;} 
.toastHolder p{cursor: default;text-align:left;padding-left:10px;width:96%;display:block;}
.toastHolder p p {font-size: 12px; margin-bottom: 5px; }
#right-sidebar {  background-color: #fff; border-left: 1px solid #e7eaec; border-top: 1px solid #e7eaec; overflow: hidden; position: fixed; top: 60px; width: 260px !important; z-index: 1009; bottom: 0; right: -260px; } 
#right-sidebar.sidebar-open {right: 0;}
#right-sidebar.sidebar-open.sidebar-top {
  top: 0;
  border-top: none;
}
.sidebar-container ul.nav-tabs {
  border: none;
}
.sidebar-container ul.nav-tabs.navs-4 li {
  width: 25%;
}
.sidebar-container ul.nav-tabs.navs-3 li {
  width: 33.3333%;
}
.sidebar-container ul.nav-tabs.navs-2 li {
  width: 50%;
}
.sidebar-container ul.nav-tabs li {
  border: none;
}
.sidebar-container ul.nav-tabs li a {border: none; padding: 12px 10px; margin: 0; border-radius: 0; background: #2f4050; color: #fff; text-align: center; border-right: 1px solid #334556; } 
.sidebar-container ul.nav-tabs li.active a {
  border: none;
  background: #f9f9f9;
  color: #676a6c;
  font-weight: bold;
}
.sidebar-container .nav-tabs > li.active > a:hover,
.sidebar-container .nav-tabs > li.active > a:focus {
  border: none;
}
.sidebar-container ul.sidebar-list {
  margin: 0;
  padding: 0;
}
.sidebar-container ul.sidebar-list li {
  border-bottom: 1px solid #e7eaec;
  padding: 15px 20px;
  list-style: none;
  font-size: 12px;
}
.sidebar-container ul.sidebar-list li:last-child {
  border-bottom: 0px;
}
.sidebar-container .download_link {
    line-height: 26px;
}
.sidebar-container .sidebar-message:nth-child(2n+2) {
  background: #f9f9f9;
}
.sidebar-container ul.sidebar-list li a {
  text-decoration: none;
  color: inherit;
}
.sidebar-container .sidebar-content {
  padding: 15px 20px;
  font-size: 12px;
}
.sidebar-container .sidebar-title {
  background: #f9f9f9;
  padding: 20px;
  border-bottom: 1px solid #e7eaec;
}
.sidebar-container .sidebar-title h3 {
  margin-bottom: 3px;
  padding-left: 2px;
}
.sidebar-container .tab-content h4 {
  margin-bottom: 5px;
  font-size: 1.5em;
}
.sidebar-container .sidebar-message > a > .pull-left {
  margin-right: 10px;
}
.sidebar-container .sidebar-message > a {
  text-decoration: none;
  color: inherit;
}
.sidebar-container .sidebar-message {
  padding: 15px 20px;
}
.sidebar-container .sidebar-message .media-body {
  display: block;
  width: auto;
}
.sidebar-container .sidebar-message .message-avatar {
  height: 38px;
  width: 38px;
  border-radius: 50%;
}
.sidebar-container .setings-item {
  padding: 15px 20px;
  border-bottom: 1px solid #e7eaec;
}

/*class defined for editable grid*/
.cls-edittablegrid .input-field {
margin-top: 0rem !important;  
min-height:0px !important;
}

.cls-edittablegrid .input-field [type="checkbox"]+label, .input-field [type="radio"]+label{
height:0rem	!important;
}
.cls-edittablegrid tr>td
{
	vertical-align: middle !important;	
}
.cls-edittablegrid .input-field label{
	top:0px !important;
}
.cls-edittablegrid .select2{
	margin:0px !important;
}




@media only screen and (min-width: 601px){
  nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
      height: 45px;
      line-height: 45px;
  }
}
nav .brand-logo{font-size: 20px;  
/*  margin: 0 0 0 2%;*/
  padding: 0 15px;}
.sideNav-main a.brand-logo{font-size: 20px}

.tableLayout [type="checkbox"]:checked+label:after{border:solid 2px #26a69a; transform: none}
.tableLayout [type="checkbox"]:checked+label:before{top: 1px; left: 2px; width: 6px; height: 12px;}
.cls-row-select{background: #e5f9f7}

.add_info_wrapper .collapsible{border:0; box-shadow: none}
.add_info_wrapper .collapsible-body{padding: 10px 0 0 0; border:0; }
.add_info_wrapper .collapsible-header {font-size: 18px; border:0; background: #65719a; color:#fff; position: relative;}
.add_info_wrapper .collapsible-header i{margin-right: 10px;}
.add_info_wrapper .collapse-arrow {position: absolute;right: 0;}
.add_info_wrapper .collapse-arrow i{ font-size: 20px}
.add_info_wrapper .collapsible-header.active .collapse-arrow i:before{content: "\f139";}

/* class for form tables*/
.table-responsive{overflow:hidden; overflow-x: scroll;  min-height: 55vh; transition: all ease-in 0.2s}
.form-body .table-responsive{min-height: initial;}
.table-responsive .header-row{border-bottom: 0;}
.table-responsive table{  white-space: nowrap; margin: 0; margin: 0 0 5px;}
.table-responsive th{font-size: 15px; color: #3a3e55; border-radius: 0; font-weight: bold; padding: 13px 15px !important;}
.table-responsive th:first-child{width: 25px}
.table-responsive td{border-top:0 !important; padding: 7px 15px !important;}
.table-responsive .table-striped>tbody>tr:nth-of-type(odd){background-color: #f8fbfc;}
.table-responsive input[class^="cls-"]{margin-bottom: 0; border: solid 1px #ccc; height: initial; padding:5px 10px; box-sizing: border-box; min-width: 120px;}
.table-responsive [type="checkbox"]:checked+label:after{border:solid 2px #26a69a; transform: none}
.table-responsive [type="checkbox"]:checked+label:before{top: 1px; left: 2px; width: 6px; height: 12px;}
.table-responsive th, .table-responsive td{white-space: nowrap;}
.table-scroll {overflow-y: auto;max-height:300px}
/* MM */
.invalid{ border-bottom: 1px solid #F44336; box-shadow: 0 1px 0 0 #F44336; }
.password-policy p {
  margin-bottom: 10px;
  text-align: left;
  padding-left: 18px;
  color: #26a69a;
  font-weight: bold;
}
.policy-icon{
  padding-right: 5px;
  font-size: 12px;
  display: inline-block;
  min-width: 16px;
  vertical-align: top;
  padding-top: 5px;
}
.policy-text{
  padding: 4px 0;
  font-size: 13px;
  display: inline-block;
  width: calc(100% - 30px);
}
.policy{ color: #9e9e9e; }

.policy.applied .policy-icon { color: #26a69a; }
.policy.not-applied .policy-icon { color: #F44336; }
.pos-rel{ position: relative; }
.overflow-vis{ overflow: visible; }
.suggest-as-tooltip{
  position: absolute;
  right: -310px;
  top: -36px;
  max-width: 280px;
  padding: 16px 16px 8px;
  background-color: #f5f5f5;
  border-radius: 2px;
  border: 1px solid #c0c0c0; 
}

.suggest-as-tooltip:before {
  content: '';
  width: 20px;
  height: 20px;
  top: 50%;
  left: -10px;
  display: block;
  position: absolute;
  transform: rotate(45deg);
  background-color: #f5f5f5;
  z-index: 1;
  border: 1px solid #c0c0c0;
  border-right-color: #f5f5f5;
  border-top-color: #f5f5f5;
}

@media screen and (max-width: 991px){
  .suggest-as-tooltip{
    left: 0;
    width: 100%;
    max-width: initial;
    top: 280px;
  }
  .suggest-as-tooltip:before {
    top: -10px;
    left: 20px;
    border-top-color: #c0c0c0;
    border-bottom-color: #f5f5f5;
}
  
}

.tabs.indigo{border-radius: 10px 0px 10px 0;}
.form-container .tab-conainer .tabs .tab a.active{border-bottom: 5px solid #FF9800;     background-color: #060f42;}
.section_head.yellowBg, .section_head.blueBg{background: #FF9800; color: #fff;  padding: 10px 20px; border-radius: 10px 0px 10px 0;}
.section_head.blueBg{background: #2196f3;       color: #fff;}
.section_head.blueBg .btnRefresh{background: transparent; box-shadow: none}
input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"], input[type=search]:disabled, input[type=search][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]
{border-bottom: 1px solid rgba(0, 0, 0, 0.05)}

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea,
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple
{border-bottom-color:#ddd; }

input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--single .select2-selection__rendered
{color:#000; font-weight: 400;}

[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after{background-color: #E91E63;}
[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after{border-color:#E91E63;}

.input-field label{font-size: .8rem}
.input-field label, .input-field label.active, .select2-container+label{color:#364171;}
.select2-container--open+label, .select2-container--focus+label{color:#26a69a;}


input:not([type]):focus:not([readonly])+label, input[type=text]:focus:not([readonly])+label, input[type=password]:focus:not([readonly])+label, input[type=email]:focus:not([readonly])+label, input[type=url]:focus:not([readonly])+label, input[type=time]:focus:not([readonly])+label, input[type=date]:focus:not([readonly])+label, input[type=datetime]:focus:not([readonly])+label, input[type=datetime-local]:focus:not([readonly])+label, input[type=tel]:focus:not([readonly])+label, input[type=number]:focus:not([readonly])+label, input[type=search]:focus:not([readonly])+label, textarea.materialize-textarea:focus:not([readonly])+label {
    color: #e91e63;
}
input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]), .select2-container--default .select2-selection--multiple input:focus:not {
    border-bottom: 1px solid #e91e63;
    box-shadow: 0 1px 0 0 #e91e63;
}
.select2.select2-container.select2-container--default.select2-container--focus .select2-selection {
    border-bottom-color: #e91e63;
    box-shadow: 0 1px 0 0 #e91e63;
}
.select2-container--open+label, .select2-container--focus+label {
    color: #e91e63;
}

.select2-container--default.select2-container--disabled .select2-selection__rendered {
    color: #ddd;
}
.select2.select2-container.select2-container--default.select2-container--disabled.select2-container--focus .select2-selection {
    border-bottom-color: #ddd;
    box-shadow: none;
}

.select2-container--focus.select2-container--disabled+label {
    color: #364171;
}
.select2-container--default .select2-selection .select2-selection__clear{    font-weight: normal;
  font-size: 20px;
  padding: 0 10px;
  margin-right:0
}

/*.mandatory+.select2+label:after{content:' *'; color:#e51c23 ;}
input.mandatory:not([type])+label:after, input.mandatory[type=text]+label:after, input.mandatory[type=password]+label:after, input.mandatory[type=email]+label:after, input.mandatory[type=url]+label:after, input.mandatory[type=time]+label:after, input.mandatory[type=date]+label:after, input.mandatory[type=datetime]+label.mandatory:after, input.mandatory[type=datetime-local]+label:after, input.mandatory[type=tel]+label:after, input.mandatory[type=number]+label:after, input.mandatory[type=search]+label:after, textarea.mandatory.materialize-textarea+label:after
{content:' *'; color:#e51c23 ;}*/

.limitCat{border-bottom: solid 1px #25306D; box-shadow: 0 24px 108px -20px rgba(0,0,0,0.3);}
.limitCat .tabs{overflow: visible; text-align: center;	}
.limitCat .tabs .tab{border:solid 1px #fff; border-bottom: 0; color:#505050; border-radius: 10px 10px 0 0; padding: 0 20px; text-transform: capitalize;}
.limitCat .tabs .tab:hover{border-color:#fff;}
.limitCat .tabs .tab.active{border-color:#25306D; position: relative; top:1px; background: #f7f7f7}
.limitCat .tabs .indicator{display: none;}

.outOfTotalWrap{text-align: center; position: relative; margin: 20px 0;} 
.outOfTotalWrap .division{height: 1px; overflow: hidden; background-color: #e0e0e0; position: absolute; width: 100%; bottom: 21px}
.outOfTotalWrap .chip{position: relative; height: 33px; font-size: 16px; line-height: 33px; padding: 0 25px; border-radius: 25px; font-weight: bold; outline: solid 15px #fff; color:#fff;} 
/*.noRadius{white-space: nowrap; }
.noRadius td, .noRadius th{border-radius: 0; font-size: 13px; padding: 15px;}
.noRadius .input-field{min-height: auto;    margin: 0; min-width: 25px;}
.noRadius .input-field input, .noRadius .input-field .select2{margin: 0; height: auto;}
.noRadius .input-field [type="checkbox"]+label, .noRadius .input-field [type="radio"]+label{margin: 0; padding:0; top: 0; height: 20px;    left: -9px;}*/


.filterCard{    padding: 20px 0;
    display: table;
    width: 100%;}
.filterCard table{margin: 0 0 10px 0;}
.white-text [type="checkbox"]+label:before, .white-text [type="checkbox"]:not(.filled-in)+label:after{border-color:#fff;}
.white-text [type="checkbox"]:checked+label:before{border-top: 2px solid transparent;  border-left: 2px solid transparent;}

.btn.redBg{background: #FF5252 !important}


input[type="text"].editableField {border: 0; box-shadow: none; height: auto; margin: 0; text-align: center; transition: none; padding:7px 0; } 
input[type="text"].editableField:focus{border: 0; background: #607D8B; box-shadow: 0 0 5px rgba(0,0,0,0.2); color: #fff; }

.password-policy p {margin-bottom: 10px; text-align: left; padding-left: 18px; color: #26a69a; font-weight: bold; } 
.policy-icon{padding-right: 5px; font-size: 12px; display: inline-block; min-width: 16px; vertical-align: top; padding-top: 5px; } 
.policy-text{padding: 0 0 7px; font-size: 13px; display: inline-block; width: calc(100% - 30px); } 
.policy{ color: #9e9e9e; margin: 0 } 
.policy.applied .policy-icon { color: #26a69a; } 
.policy.not-applied .policy-icon { color: #F44336; } 
.pos-rel{ position: relative; } 
.overflow-vis{ overflow: visible; } 
.suggest-as-tooltip{position: absolute; right: -310px; top: 0; max-width: 280px; padding: 16px 16px 8px; background-color: #f5f5f5; border-radius: 2px; border: 1px solid #c0c0c0; } 
.suggest-as-tooltip:before {content: ''; width: 20px; height: 20px; top: 50%; left: -10px; display: block; position: absolute; transform: rotate(45deg); background-color: #f5f5f5; z-index: 1; border: 1px solid #c0c0c0; border-right-color: #f5f5f5; border-top-color: #f5f5f5; } 

@media screen and (max-width: 991px){
	.suggest-as-tooltip{left: 0; width: 100%; max-width: initial; top: 30px; position: relative; background: transparent; padding:0; border: 0 } 
	.suggest-as-tooltip:before {display: none } 
}


/*OMS*/
.round.btn{border-radius: 50px; font-size: 11px}
.form-title-right .input-field{margin: 0; min-height: auto}
.form-title-right .input-field .select2-container--default .select2-selection{background: transparent; margin-bottom: 0;}
.form-title-right .input-field input, .form-title-right .input-field .select2{margin-bottom: 0;}
.form-title-right .select2-container--default .select2-selection--multiple input:focus{border-bottom: 0 !important; box-shadow: 0 !important}

.simulation_link, .simulation_link:visited{background: #1b1464; color: #fff; transform: rotate(-90deg) translateY(-40%); position: fixed; right: 0; top: 40%; padding: 10px 20px; letter-spacing: 5px; text-transform: uppercase; font-size: 12px; border-radius: 10px 10px 0 0; text-align: center; transform-origin: 100% 50%;}
.simulation_link:hover, .simulation_link:focus{background: #ffca28; color: #fff;}

.simulation-screen {position: fixed; display: none; left: 0; right: 0; top:0; opacity:0; background-color: #fff; padding: 0; height: 100%; width:100%; margin: auto; overflow-y: auto; border-radius: 2px; transform: all ease-in 0.5s; /*z-index: 1003*/
}
.simulation_table .price1{
  font-size:14px;
  font-weight: 410;
}
.simulation_table .price2{
  font-size:14px;
  padding-top: 4px;
}
body.simulation-screen-active{position: fixed; left: 0; top: 0; width: 100%}
.simulation-screen-active .simulation-screen{
    z-index: 1003;
    display: block;
    opacity: 1;
    transform: scaleX(1);;
}
.simulation_grid{position: relative;}
.simulation_table{overflow: hidden; overflow-y:auto; height: 70vh}
.simulation_table tr>td{ transition: background-color 1000ms linear;}
.simulation_table tr.active>td{background-color: rgba(103, 214, 108, 0.41) !important}

.simulation_footer{
    /* margin-right: 50px;
    margin-left: 50px; */
    padding: 10px 0px;
    background-color: #f8a6a6;
    margin-top: 10px;
    color: #1a1a56; 
}
.simulation_footer span{
  color: #141454;
  font-size: 13px;
}
.simulation_footer span.label{
  color: #141454;
  font-size: 13px;
}
.simulation_footer span.sim-cash{
  padding-left: 40px;
}
.filter_wrap{display: inline-block;}
.simulation-header{padding: 10px 0}
.simulation-header h3{font-size: 20px; margin: 0; color:#3f7cb5; padding: 5px 0}
.closeSimulation{padding: 10px}
.borderTop{border-top:solid 1px #ccc; padding-top: 0}
.hasInputRow{border-bottom: solid 1px #2196F3;}
.pad0{padding: 0}
.noRadius .hasInputRow td{padding-bottom: 10px}
.hasInput input, .hasInput .select2{line-height: normal; height: auto; border:solid 1px #ddd; padding:5px 10px; box-sizing:border-box; }
.hasInputRow .select2-container--default .select2-selection--multiple, 
.hasInputRow .select2-container--default .select2-selection--single, 
.hasInputRow .select2-container--default.select2-container--focus .select2-selection--multiple
{
	line-height: normal; height: auto; min-height: auto
}

.hasInputRow .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: normal;}

.hasInputRow .select2-container--default .select2-selection--multiple, 
.hasInputRow .select2-container--default .select2-selection--single 
{
/*border: 0*/
} 
.hasInputRow .select2.select2-container.select2-container--default.select2-container--focus .select2-selection{
/*border: 0; box-shadow: none;*/
} 

.drillWrap .tabs{border: solid 1px #eee; border-radius: 50px; height: auto;}
.drillWrap .tabs .tab{height: auto; line-height: normal;}
.drillWrap .tabs .tab a{padding: 10px 0;  border-radius: 50px;}
.drillWrap .tabs .tab .active{background: #003471; color:#fff;}
.drillWrap .tabs .indicator{margin: 0 10px; border-radius: 50px;}

.drill-nav{display: block; opacity: 1; box-shadow: none; position: relative;}
.drill-nav li{display: inline-block; float: none; width: auto;}

/*
.noRadius td, .noRadius th{border-radius: 0; font-size: 13px; padding: 15px;}
.noRadius .input-field{min-height: auto;    margin: 0; min-width: 25px;}
.noRadius .input-field input, .noRadius .input-field .select2{margin: 0; height: auto;}
.noRadius .input-field [type="checkbox"]+label, .noRadius .input-field [type="radio"]+label{margin: 0; padding:0; top: 0; height: 20px;    left: -9px;}*/

.noRadius {width: 100%; white-space: nowrap; } 
.noRadius td, .noRadius th{border-radius: 0;}
.noRadius td{font-size: 14px;  border: solid 1px #f1f1f1;} 
.noRadius .input-field{min-height: auto;    margin: 0; min-width: 25px;}
.noRadius .input-field input, .noRadius .input-field .select2{margin: 0; height: auto;}
.noRadius.striped>tbody>tr:nth-child(odd) td{ border: solid 1px #e4e4e4;} 
.noRadius .input-field [type="checkbox"]+label, .noRadius .input-field [type="radio"]+label{margin: 0; padding:0; top: 0; height: 20px;    left: -9px;}

.noRadius th{z-index: 1; border-left: solid 1px rgba(0, 0, 0, 0.03); border-right: solid 1px rgba(0, 0, 0, 0.03);}
.tablesorter-filter-row td{position: relative;z-index: 1}

.noRadius td, .noRadius th {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 8px 10px; line-height: normal;} 
.omsWrap .collapsible-header{padding: 0}
.collapsible-header.active{ border-bottom: 0}
.collapsible-body-tr.active{}
.omsWrap .collapsible-tbl-header{display: none;}
.omsWrap .collapsible{border: 0; margin: 0}
.omsWrap .collapsible-header td{border-color:#eee;}
.omsWrap .fourthLevel td{border-color:#ddd;}
.omsWrap .collapsible-header .chip{line-height: 25px; height: auto;}
.omsWrap .collapsible-header i{float: none; width: auto; margin: 0; display: inline-block; line-height: normal; vertical-align: middle;} 
.collapsible-header.active{background-color: #fff !important}
.omsWrap .collapsible-body{padding:15px !important}
.noRadius h2{font-size: 15px; margin: 0; font-weight: 500; max-width: 200px;  overflow: hidden;     text-overflow: ellipsis;   white-space: nowrap;}
.noRadius h3{font-size: 14px; margin: 0; max-width: 200px;  overflow: hidden;     text-overflow: ellipsis;   white-space: nowrap;}
.noRadius .exData h3{padding-top: 10px; color: #5a5a5a;}
.noRadius .exData span{font-size:11px; color: #777;}
.omsWrap .thead_dtl td, .omsWrap .thead_dtl td{padding: 5px 20px}
.omsWrap .thead_dtl .spacer{padding: 0 20px}
.omsWrap .thead_dtl .chip{line-height: 23px;height: 23px; margin: 0}

.numFormat{font-size: 16px; font-weight: 300; color:#222; text-align: right; display: block;}
.numFormat.inline{display: inline-block}
.numFormat i{font-size: 12px; color:#666; font-style: normal}

.omsWrap .collapsible-header{display: table-row;}
.omsWrap .noRadius td.collapsible-body-td{padding: 0}
.omsWrap .scripName{font-size: 14px; color:#003d9c;  max-width: 300px; position: relative;    padding: 0 20px 0 0;}

.smTable{min-width: 310px; padding:5px 0 0 0;}
.smTable h2{font-size:15px; overflow: visible;}
@media screen and (max-width:767px){
  .simulation-header .btn{padding: 0 10px;}
  .simulation-header i.left{margin: 0}
  }

@media screen and (max-width:768px){
.form-title{padding: 10px 0}
.container{width: 100%;}
/*.form-body{padding: 10px}*/
.drillScroll .tabs{width: 100% !important; border-radius: 0; border: 0}
.drillScroll .tabs .tab{display: inline-block; float: none; width: auto; margin: 0 10px}
.drillScroll .tabs .tab a{ border-radius: 0; font-size: 12px;}
.drillScroll .tabs .tab a.active{background: transparent; color:#3f51b5;}
.drillScroll .tabs .indicator{margin: 0}

.form-title h5{font-size: 18px;}
.form-title-right .input-field .select2{margin: 0}
.btn-mobile{padding: 0 10px}
.drillScroll{border-bottom: solid 1px #eee;   margin: 0 0 10px 0;}
}
@media screen and (min-width:768px) and (max-width:1023px){
  .drillScroll{border-bottom: 0}
}


.sideNav-right{transition: transform ease-in 0.2s; width: 350px; right: 0; left: auto; transform: translateX(350px); } 
.sideNav-right .input-field{min-height: 60px; margin: 0}
body.sideNav-right-active{position: fixed; left: 0; top: 0; width: 100%}
.sideNav-right-active .sideNav-right.active{transform: translateX(0%);}
.v-overlay{position: fixed; top: 0; left: 0; right: 0; height: 100vh; background-color: rgba(0,0,0,0.7); z-index: 997; will-change: opacity; display: none;}
.sideNav-right-active .v-overlay{display: block;}

.sideNav-right-header{padding:10px 20px; font-size: 18px; font-weight: bold; background: #1f285a; color:#ffba00;}
.sideNav-right-sub-header{background: #40c4ff; padding:15px 20px}
.sideNav-right-sub-header td{padding:0}
.sideNav-right-sub-header h2{font-size: 15px; margin: 0; padding: 0 0 10px; color:#fff;}
.sideNav-right-sub-header h3{font-size: 15px; margin: 0; padding: 0; color:#000;}
.sideNav-right-body{padding:20px;}
.sideNav-right-footer .btn{border-radius: 50px; font-size: 11px}
.sideNav-right-table{background: #f1f1f1;  padding:20px 20px 0}
.sideNav-right-table th{font-size: 12px; color:#999; padding:0; font-weight: normal;}
.sideNav-right-table td{font-size: 18px; padding:0 0 20px 0; max-width: 150px;}
	

.filter_wrap{position: relative; display: inline-block;}
.filter_wrap .actionPanel{padding:15px 15px 30px; width: 400px;box-shadow: 0 0 10px rgba(0,0,0,0.5);text-align: left  }
.filter_wrap .actionPanel:before{content: ''; position: absolute; top: -10px; right: 25px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white;}
.filter-active .filter_wrap.active .actionPanel{opacity: 1; transform: scale(1) translate(0); z-index: 997;  visibility: visible; opacity: 1; top: 40px; right: 0;}

.showDivPanal{
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  background: #fff;
  position: absolute;
  z-index: 1005;
}
.showDivPanal .smTbl{padding: 5px 10px;}
.smTbl{position: relative;}
.smTbl table{border:0}
.smTbl .activator{position: absolute;  right: 0;top: 5px;}
.smTbl .activator i{font-size: 17px;}
.smTbl span{font-size: 12px;}
.smTbl h2{font-size: 12px; display: inline;}
.smTbl td{padding:5px 10px 5px 0 !important; border:0 !important }
.showInfo{padding: 10px;
  width:500px;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  background: #fff;
  position: absolute;
  z-index: 1005;
max-width: 500px;
}
.showInfo:before{content: ''; position: absolute; top: -10px; left: 10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white;}
.more-info-icon{display: inline-block; vertical-align: middle; margin: 0 5px 0 0; position: relative; top:-2px;}
.more-info-icon i{font-size: 20px}
.smTooltip{min-width: 200px; padding: 5px 10px; }
.smTooltip-hd{font-size: 16px;  color:#222}
.smTooltip-subd{font-size: 13px; color:#03a9f4}
.smTooltip-smtext{font-size: 11px; color: #FF5722;}
.smTooltip h3{font-size: 15px; background: #003471; color:#fff; padding: 10px 35px 10px 10px; margin:0; position: relative;}
.smTooltip p{ margin:0}
.smTooltip .cls{position: absolute;  right: 5px;  top: 10px;  color: #0000;}
.smTooltip .cls i{font-size: 15px;}
.divtooltip{background:#f7f7f7}
.divtooltip:before, .divtooltip:after {   
   content: '';
  width: 10px;
  height: 10px;
  top: -10px;
  left: 15px;
  display: block;
  position: absolute;
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f7f7f7;
} 
.divtooltip:before{border-bottom: 10px solid #dedede;
  top: -11px;
  left: 15px;}

.infoWrap{  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 20px;
  height: 17px;
  top: -2px;
}
.info-loader{background: url(../img/preloader.gif) no-repeat 50% 50%;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;}
.info-icon{position: absolute; left: 0; top: 0;}
.check-icon{position: absolute; left: 0; top: 0;}
.doneall-icon{position: absolute; left: 0; top: 0;}
.info-icon i{    font-size: 21px;     color: #c00;}
.check-icon i{    font-size: 21px;     color: dodgerblue;}
.doneall-icon i{    font-size: 21px;     color: #004d40;}
.tablesorter tr.buySecurity>td{background: #bdf5bf !important; border-color:#96de99 !important}
.tablesorter tr.sellSecurity>td{background:#fff0f0 !important; border-color:#fbcdcd !important}
.tablesorter tr.buySecurity  .hasInput input, .tablesorter tr.buySecurity  .hasInput .select2{border-color: #0082053b; background: #0480081f;}
.tablesorter tr.sellSecurity  .hasInput input, .tablesorter tr.sellSecurity  .hasInput .select2{border-color: rgba(255, 0, 0, 0.2); background: #ff00002b;}
.simulate-buttons[disabled]{
  color: black !important;
  background-color: beige !important;
}

/*work-collections*/
.notification-wrap{position: relative;}
.task-cat {
  padding: 2px 4px;
  color: #fff;
  font-weight: 300;
  font-size: 0.8rem;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
}
.collection{width: 350px !important; right: 0; left:auto !important;    top: 45px !important; }
.collection .collection-item.avatar i.circle {
  font-size: 18px;
  display: inline-block;
}
.collection .collection-item .row{margin-bottom: 0}
.collection .collection-item{min-height: 40px; padding:10px; position: relative}
.collection .collection-header {
  font-size: 12px;
  font-weight: 500;
  padding: 5px 0;
  display: block;
    line-height: 22px;
}
.collection .collection-item.avatar {
  height: auto;
      min-height: auto;
      padding-left:60px;
}
.collection .collection-item.avatar:last-child{border-bottom:0}
.collection .collection-item.avatar i.circle{
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 17px;
}
.collection p.collections-title {
  font-size: 12px;
  padding: 0 10px 0 23px;
  margin: 0;
  position: relative;
  cursor: auto;
}
.collection p.collections-content {
  font-size: 0.9rem;
  padding: 0;
  margin: 0;
  font-weight: 400;
}
.collection .collection-footer {
      clear: both;
    background: #f9f9f9;
}
.collection .collection-footer a{
  font-size: 13px;
  color:#ef7408;
}

.notification-count{    position: absolute;
    top:6px;
    right:-8px;	
    background: #de2f22;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 15px;
    }

.dropdown-content .notification-close{position: absolute;
    right: 7px;
    top: 0;
    padding: 0;
    color: #8e8e8e;
    cursor: pointer;
}

.dropdown-content .notification-close-row{position: absolute;
  right: 10px;
  top: 0;
  padding: 0;
  color: #8e8e8e;
  cursor: pointer;
}

.dropdown-content .notification-close-row i{font-size:16px; height: 40px; line-height: 40px;}
.collection .contLink{    display: inline-block;
  color: #000;
  position: absolute;
  left: -7px;
  padding: 1px 4px;
  line-height: inherit;}
.collection .contLink:hover{background: transparent; color:#1274c0}
.collection .contLink i{line-height: normal;  height: auto;}
/****************password policy*********************/

.password-policy p {margin-bottom: 10px; text-align: left; padding-left: 18px; color: #26a69a; font-weight: bold; } 
.policy-icon{padding-right: 5px; font-size: 12px; display: inline-block; min-width: 16px; vertical-align: top; padding-top: 5px; } 
.policy-text{padding: 0 0 7px; font-size: 13px; display: inline-block; width: calc(100% - 30px); } 
.policy{ color: #9e9e9e; margin: 0 } 
.policy.applied .policy-icon { color: #26a69a; } 
.policy.not-applied .policy-icon { color: #F44336; } 
.pos-rel{ position: relative; } 
.overflow-vis{ overflow: visible; } 
.suggest-as-tooltip{position: absolute; right: -310px; top: 0; max-width: 280px; padding: 16px 16px 8px; background-color: #f5f5f5; border-radius: 2px; border: 1px solid #c0c0c0; } .suggest-as-tooltip:before {content: ''; width: 20px; height: 20px; top: 50%; left: -10px; display: block; position: absolute; transform: rotate(45deg); background-color: #f5f5f5; z-index: 1; border: 1px solid #c0c0c0; border-right-color: #f5f5f5; border-top-color: #f5f5f5; } 

@media screen and (max-width: 991px){
	.suggest-as-tooltip{left: 0; width: 100%; max-width: initial; top: 30px; position: relative; background: transparent; padding:0; border: 0 } 
	.suggest-as-tooltip:before {display: none } 
}
/*@media screen and (max-width:767px){
  .form-body{padding: 0}
}*/
/****************password policy*********************/
.highlight-text-green{    background-color: #4ac368;   color: #fff;  font-weight: bold; border-radius: 0;     padding:5px 10px;} 

/****************limit msg***************************/
 .modal-header .close { 
    font-size: 24px;
	    color: white!important;
}

.modal-header, .headingstl, .close {
    background-color: #428bca;
        color: #fff !important;
		font-weight:bold;
    text-align: center; 
    padding: 5px 50px;  
}
 .panel-default>.panel-heading {
    color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #428bca;
    border-radius: 0px;
    border: 1px solid #428bca;
    cursor:  pointer;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    border: 1px solid #428bca;
    font-size: 12px;
    padding-bottom: 0px;
}
 
a{text-decoration:none!important}
 
	.exfilter{margin-top: 12px;}
	.modal-footer {
     padding:0px;  
    text-align: right;
     border-top: 0px solid #e5e5e5; 
}
.anchorfont{font-size:13px!important;}
 .containerfluid{
     padding-right: 0px;
    padding-left: 0px;
    margin-right: 5px;
    margin-left: 5px;
 }
 /*.btn{padding:4px;font-size: 12px;}*/
 .lDetails{ }
 .badge{background-color:red;margin-left: 8px;}
  strong{font-size: 12px;font-weight: bold!important;} 
  /*span*/
  .fnormal{font-size: 12px;font-weight: normal!important;}
  .right-arrow{margin-top: 22px;}
  .marginleft{margin-left:70px;}
  .count_Limit{border-bottom: 2px solid;}
  .pmargin{margin: 0px;}
  .Lmitheadfont{font-size:15px;}
  .Lmitheaderfont{font-size:15px;text-transform: uppercase;}

  
/************Start - Limit Configuration ************/
/*.limitCat{border-bottom: solid 1px #9c27b0; box-shadow: 0 24px 108px -20px rgba(0,0,0,0.3);}
.limitCat .tabs{overflow: visible; text-align: center;	}
.limitCat .tabs .tab{border:solid 1px #fff; border-bottom: 0; color:#505050; border-radius: 10px 10px 0 0; padding: 0 20px; text-transform: capitalize;}
.limitCat .tabs .tab:hover{border-color:#fff;}
.limitCat .tabs .tab.active{border-color:#9c27b0; position: relative; top:1px; background: #f7f7f7}
.limitCat .tabs .indicator{display: none;}

.outOfTotalWrap{text-align: center; position: relative;} 
.outOfTotalWrap .division{height: 1px; overflow: hidden; background-color: #e0e0e0; position: absolute; width: 100%; bottom: 21px}
.outOfTotalWrap .chip{position: relative; height: 33px; font-size: 16px; line-height: 33px; padding: 0 25px; border-radius: 25px; font-weight: bold; outline: solid 15px #fff; background-color: #7a138c; color:#fff;} 
.noRadius{white-space: nowrap; }
.noRadius td, .noRadius th{border-radius: 0; font-size: 13px; padding: 15px;}
.noRadius .input-field{min-height: auto;    margin: 0;}
.noRadius .input-field [type="checkbox"]+label, .noRadius .input-field [type="radio"]+label{margin: 0; top: 0;    height: 20px;}

.filterCard{padding: 20px 0}
.white-text [type="checkbox"]+label:before, .white-text [type="checkbox"]:not(.filled-in)+label:after{border-color:#fff;}
.btn.redBg{background: #FF5252 !important}


input[type="text"].editableField {border: 0; box-shadow: none; height: auto; margin: 0; text-align: center; transition: none; padding:7px 0; } 
input[type="text"].editableField:focus{border: 0; background: #607D8B; box-shadow: 0 0 5px rgba(0,0,0,0.2); color: #fff; }
*/


/************Card Layout ********************/
/************Start - Positions Grid  Card ******************** */
.texttrim{
  display: block;
  max-width:200px;
  white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis;
  padding-left: 0px!important;
  padding-right:0px!important; 
}
.text_trim{
  display: block;
  max-width:240px;
  white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis;
  padding-left: 0px!important;
  padding-right:0px!important; 
}
.btn-bluebg{
 background-color :#4f5ad9ba;
 color:#fff;
}
.text-color-red {
  display: block;
  color:red!important;
}
.text-default{color:#555555f2}
.text-trim{
  display: block;
  max-width:300px;
  white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis;
  padding-left: 0px!important;
  padding-right:0px!important; 
      } 
          td span.trim-text{
  display: block;
  max-width:160px;
  white-space: nowrap;
  overflow: hidden; 
  text-overflow: ellipsis;
  padding-left: 0px!important;
  padding-right:0px!important; 
      }
      .strong-txt1{font-weight: 700!important;
          opacity: 1 !important;
          font-size: 15px!important;}
          .text-info1{color: #337ab7!important;}
          .span-block{display:block;}
          .fnt-12{font-size: 12px;}
          .nogbgridblock{
              background:rgba(255,255,255,.15)!important;
          }
          .sm-padding{padding:1px;padding-left:7px;padding-right:7px }
          .btn{color:#fff!important}
         /* .tr-card {
              box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
              border-radius: 4px;
              transition: all 0.3s ease;
              -webkit-box-: 0 5px 8px -6px rgba(0,0,0,.2);
              -moz-box-: 0 5px 8px -6px rgba(0,0,0,.2);
            
          }*/
          .fnt-bold {
            font-weight: bold!important;
        }
        .td-w-dth{width: 17%!important;}
        .td-bg-color{background-color:rgba(248, 248, 248, 0)!important;}
          .card-border{
             background-color: #ffffff4a!important;
            padding-left: 15px!important;
            padding-right: 0px!important;
            border-left: 5px solid #337ab7;
            height: 250px;margin-left: -15px;
            padding-top: 3px;
          }
          .security-card-border{ 
            padding-right: 0px;
            margin-left: -15px;
            border-left: 5px solid #337ab7
           
          } .companies-card-border{ 
            padding-right: 0px;
            margin-left: -15px;
            border-left: 5px solid #337ab7
           
          }
         .txt-transform{ text-transform: capitalize;}
          .dealing-card-border{
            background-color: #ffffff4a!important; 
            padding-right: 0px;
            margin-left: -15px;
            border-left: 5px solid #337ab7
           
          }
          .dealing-action{margin-left: -5px;}
        
          .td-bg-style{left: -20px!important;background-color: #ffffff4a!important;}
            .security-card-text-trim {
            display: block;
            max-width: 170px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-left: 0px!important;
            padding-right: 0px!important;
        }
        .companies-card-text-trim {
          display: block;
          max-width: 150px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          padding-left: 0px!important;
          padding-right: 0px!important;
      }
      .tblpadd table{
        margin: 0 0 2px!important;
      }
        .position-td-width{width: 18%!important;}
        .dealing-td-width{width: 17%!important;}
        .dealing-card-text-trim {
          display: block;
          max-width: 140px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          padding-left: 0px!important;
          padding-right: 0px!important;
      }
.card-text-trim{
            display: block;
            max-width: 230px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            padding-left: 0px!important;
            padding-right: 0px!important;
}
.table_Layout td {
  border-top: 0 !important;
  padding: 7px 5px !important;
}
#chk_selectall+label:before, #chk_selectall:not(.filled-in)+label:before {
  border: 2px solid #ffffffbd;;
   
}
#chk_selectall:checked+label:before{
  top: 0px;
  left: 1px; 
  width: 7px;
  height: 14px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #ffffffbd;
  border-bottom: 2px solid #ffffffbd;
 }
.tableLayout #chk_selectall:checked+label:after {
  border: solid 2px #ffffffbd;
  transform: none;
}
 

.txt-trim{display: block;
  max-width: 130px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 0px!important;
  padding-right: 0px!important;}
       /* ::-webkit-scrollbar {
          width: 0px; 
      }*/
      .display-block{display: inline-block}
      .security-table-td-width{   
        background-color: rgba(255, 255, 255, 0.29);
        position: relative;
        left: 0px;
        width: 15%;
      }
      
    


    


         .cards-action{float: left;padding-right: 10px;}
          .tbl-td-padding td{padding-right: 0px!important;}
          
.lbl-border{
  border-bottom:1px solid #b99a9a;
  border-radius: 5px;
  font-size: 11px;  
  font-weight: bold;
  color:#111111bf;
}

          .tr-card {
            /* box-shadow: 0px 6px 31px 0px rgba(46,61,73,0.15); */
            /* border-radius: 4px; */
            border-bottom: 2px solid #33333312!important;;
            transition: all 0.3s ease!important;;
            -webkit-box-: 0 5px 8px -6px rgba(0,0,0,.2)!important;;
            -moz-box-: 0 5px 8px -6px rgba(0,0,0,.2)!important;;
        }
        .btn-adding{padding:3px;display:block;}
        .border-left{
              /*border-left: 5px solid #337ab7;*/
              height: 100px;
              margin-left: -5px;
          }
          .padlnr{
              padding-left: 6px!important;
              padding-right: 6px!important;
          }
         .pad-tnb{
          padding-top: 7px!important;
          padding-bottom:7px!important;
          }
          .xspadding{padding: 1px;
            padding-left: 0px;}
          .success-bg{
              color: #fff;
              background-color: #5cb85c!important;
              border-color: #4cae4c!important;
          }
          .txt-paddright{padding-right:25px!important;}
         .tbl_layout,.tbl-bg-color{ 
  background: #fff; 
          }
          .grey.lighten-3 {
              background-color: #eee !important;
              overflow: overlay!important;
          }
          .rowaction2{ box-shadow: 12px 15px 20px 0px rgba(46,61,73,0.15);
              border-radius: 4px;
              transition: all 0.3s ease;
              -webkit-box-: 0 5px 8px -6px rgba(0,0,0,.2);
              -moz-box-: 0 5px 8px -6px rgba(0,0,0,.2);}
              .default-btn{background-color:#337ab7ba;color:#fff}
              .success-btn{background-color:#26a69aba;color:#fff}
              td span.paddingbottom{padding-bottom: 3px}

              .lbl-style{
                  border-radius:3px;
  color: #fff;
  background-color:#337ab7;
  border-color: #d43f3a;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 11px;
}
 
hr {
  margin-top: 4px;
  margin-bottom: 4px;
  border: 0;
  border-top: 1px solid #eee;
}
.position-card-border{ 
            padding-left: 15px!important;
            padding-right: 0px!important; 
            height: 90px;
			margin-left: -15px;
            padding-top: 3px;
}
.position_card_border {
  padding-left: 15px!important;
  /* padding-right: 0px!important; */
  height: 90px;
  margin-left: -15px;
  padding-top: 3px;
}
.card-bg-color{background-color: rgba(248, 248, 248, 0)!important;}
.bg{
	    background: #fff!important;
} 

.slide-in{display: none;}
.deal-listing-slide-in{display: none;}
.toggle-card{
    float: right;
    border-radius: 4px;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
}
.xs-padding{
  padding: 1px;
  padding-left:0px;
  padding-right: 7px;
}
a{cursor: pointer;}
.marginLeft{    margin-left: 34px!important;}
 .lbl-txt-fnt-color{color: #828a96;
 /* text-shadow: 0px 0px 0.5px #444;*/
}
 .fnt-color{color: #444444;} 
 .td-card-layout{  
  padding-top: 10px;
  padding-bottom: 8px;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  border-radius: 2px;
}
.txt-transformation-upper{text-transform: uppercase;}
.tbl-margin-bottom{margin-bottom: 2px!important;}

/*.slide-out {
    
	 
}
.slide-out:active { display:none;}

.slide-in {
    position: absolute;
    right: -300%;
    width: 100%;  
    transition: 1s; 
}

.slide-out:hover .slide-in {
    transition: 1s;
    left: 0;
}*/
/************End - Card Layout********************/

/************End - Limit Configuration ********************/


/***************Live Dashboard******************/

.circle-tile {
  margin-bottom: 15px;
  text-align: center;
}
.circle-tile-heading {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  color: #FFFFFF;
  height: 80px;
  margin: 0 auto -40px;
  position: relative;
  transition: all 0.3s ease-in-out 0s;
  width: 80px;
}
.circle-tile-heading .fa {
  line-height: 80px;
}
.circle-tile-content {
  padding-top: 50px;
  /*-webkit-box-shadow:0 0px 70px #777;
  -moz-box-shadow: 0 0px 70px #777;
  box-shadow:0 0px 70px #777;*/
}
.circle-tile-number {
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  padding: 5px 0 15px;
}
.circle-tile-description {
  text-transform: uppercase;
  font-size: 16px;
}
.circle-tile-footer {
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.5);
  display: block;
  padding: 3px;
  transition: all 0.3s ease-in-out 0s;
} 
.tile-img {
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9);
}
 
/*tr:nth-child(3n+0) {
  background:pink;
}

 tr:nth-child(n+0) {
  background: #3f51b57a;
  border-radius: 0px
  
}

tbody tr:nth-child(even):hover{
 
  color: #fff;
}*/
 .mclass{margin-top: 14px;}

 
 /*cards css*/
.progress {
     
    margin-bottom: 3px;
    margin-top: 45px;
    padding: 0px;
    height: 4px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.strong {
    font-weight: 700;
    opacity: 1 !important;
    font-size: 25px;
}

.order-md-last {
    order: 13;
}

.order-md-0 {
    order: 0;
}

.order-md-1 {
    order: 1;
}

.order-md-2 {
    order: 2;
}

.order-md-3 {
    order: 3;
}

.order-md-4 {
    order: 4;
}

.order-md-5 {
    order: 5;
}

.order-md-6 {
    order: 6;
}

.order-md-7 {
    order: 7;
}

.order-md-8 {
    order: 8;
}

.order-md-9 {
    order: 9;
}

.order-md-10 {
    order: 10;
}

.order-md-11 {
    order: 11;
}

.order-md-12 {
    order: 12;
}

.offset-md-0 {
    margin-left: 0;
}

.offset-md-1 {
    margin-left: 8.33333333%;
}

.offset-md-2 {
    margin-left: 16.66666667%;
}

.offset-md-3 {
    margin-left: 25%;
}

.offset-md-4 {
    margin-left: 33.33333333%;
}

.offset-md-5 {
    margin-left: 41.66666667%;
}

.offset-md-6 {
    margin-left: 50%;
}

.offset-md-7 {
    margin-left: 58.33333333%;
}

.offset-md-8 {
    margin-left: 66.66666667%;
}

.offset-md-9 {
    margin-left: 75%;
}

.offset-md-10 {
    margin-left: 83.33333333%;
}

.offset-md-11 {
    margin-left: 91.66666667%;
}

/* App Drawer*/
div#appDrawerDropdown {
  width: 470px !important;
	max-height: 380px !important;
  opacity: 1 !important;
}
#appDrawerDropdown > div {
    display: inline-block;
    text-align: center;
/*    width: 25%;*/
    width: 112px;
    height: 120px;
    float: left;
/*	    border: 1px solid #f3f3f3;*/
}

#appDrawerDropdown a {
    color: rgba(0,0,0,0.7);
    line-height: 1.5;
    height: 100%;
    vertical-align: top;
	padding-top: 12px;
}		

#appDrawerDropdown .containIcon {
    border-radius: 100%;
    height: 60px !important;
    background: beige;
    width: 60px;
    display: inline-block;
    margin: auto;
    line-height: 60px !important;
	color: white;
}


#appDrawerDropdown .containIcon i{
	    line-height: 60px !important;
}

#appDrawerDropdown span {
    font-size: 12px;
    line-height: 1.2 !important;
    display: inline-block;
    margin-top: 5px;
}

#appDrawerDropdown .containIcon i.jobcenterNodredIcon {
    background-image: url(../img/node_red.svg);
    width: 66px;
    height: 35px;
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-32%, -35%);
    background-size: 40px;
}

@media screen 
  and (max-width: 390px) {
	  div#appDrawerDropdown {
		  width: 97% !important;
    	margin-left: 120px;
	  }
}


/* / App Drawer*/

.darkblue-bg{
  background: #25306D;
}

.orange-bg{
  background: #FF9800;
}

ul#dd_audit_table {
    width: auto !important;
    opacity: 1 !important;
}

/*Filter Input Text*/
  .filterContainer .filterText{
     border-radius: 30px;
    height: 22px;
    position: relative;
    background: #FFFFFF;
    padding: 0px 8px;
    border: 1px solid #8e8e8e;
    width: 230px;
    color: rgba(0,0,0,0.5);
    font-size: 12px;
    top: 2px;
  
}

 .filterTextContainer{
  display:inline-block;
}

.filterContainer{
  display:inline-block;
  position: absolute;
  width: 45vw;
  text-align: right;
  margin-right:30px;
  top: -5px;
}

.tooltips{
  display:inline-block;
  position:relative;
}
 .tooltips .tooltiptext{
   /* display:none; */
   display: none;
   width: 350px;
   padding: 10px;
    background: rgba(0,0,0,0.7);
    color: white;
   padding: 10px;
   text-align: left;
   
   position: absolute;
   z-index: 1;
   top: 150%;
   left: 50%;
   margin-left: -60px;
   
   box-shadow:  0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
   
 }

  .tooltips:hover .tooltiptext{
   display: block;
   /* top:10px;
   width: 50px; */
 }

/*Extra Filter Buttons*/
.filtOpt , .filtOptn{
  background: transparent;
  border: 1px solid #ffa726;
  color: #ffa726 !important;
  height: 22px;
  font-size: 12px;
  line-height: 1.85;
  padding: 0 9px;
  margin-left: 15px;
  border-radius: 10px;
  font-weight: bold;
}

.filtOpt:hover,  .filtOpt.filtActive, .filtOptn:hover{
  background:#ffa726;
  color:white !important;
}



#filterDropDown .fa-check{
  display:none;
  color: rgba(0,0,0,0.4);
  margin-left: 5px;
  font-size: 12px;
}

#filterDropDown .filtActive i.fa-check{
  display:inline-block;
}

.filtOpt a > i {  
  font-size : 12px;
  margin-left:5px;
}

 .tooltiptext div:first-child{
  color:#ffa726;
}


.filtOpt > a{
  text-decoration: none;
  color:inherit;
}

/* .filtOpt:hover{
  background:#ffa726;
  color:white !important;
} */

/* .filtOptn {
  background: transparent;
  border: 1px solid #ffa726;
  color: #ffa726 !important;
  height: 22px;
  font-size: 12px;
  line-height: 1.85;
  padding: 0 9px;
  margin-left: 15px;
  border-radius: 10px;
} */

.filtOptn  > i{
  font-size : 12px;
  margin-left:5px;
  text-decoration: none;
  color:inherit;

}



 .dropdownStyle{
  min-width:60px;
  padding:0 !important;
  min-height:10px !important;
}

.dropdownContent{
  opacity : 1;
  background : #fff;
  width:auto;
  height:200px;
  left:442px;
  display:block;
  position:absolute;
  overflow:scroll;
  top:35px;
}

.dropdownContent{
  width:auto !important;
  top :32px !important;
  
}

/* 
.dropdown-content li{
  width:200px;
} */

.dropContainer{
  display:inline-block;
}






.dropdown-content  li  a{
  text-decoration: none;
  color:inherit;
  /* padding:1px 3px !important; */
}
.dropdown-content  li  a div:first-child{
  font-size:14px !important;
  color: #ffa726 !important;
  font-weight: bold;
}
.dropdown-content  li  a div{
 
 
 font-size:13px;
 line-height:1.5em;
}


.div_actionbar .btn-floating.btn-large {
    width: 35px;
    height: 35px;
    line-height: 39px;
    margin-top: 6px;
}

.div_actionbar .btn-floating.btn-large i {
    line-height: 39px;
    font-size: 1.2rem;
}
.div_actionbar .btn-floating.btn-large.filterLink i {
    font-size: 14px;
}

ul#filterDropDown  {
    width: 250px !important;
    padding: 0 3px;
}

ul#filterDropDown li{
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}

#filterDropDown i.fa.fa-times {
    position: absolute;
    right: 10px;
    top: 20px;
}
div#mGrid,#mSort {
    column-width: 260px;
    column-gap: 15px;
}
.grid-item {
    background: #fefefe;
    padding: 8px;
    transition: opacity .4s ease-in-out;
    display: inline-block;
}

.grid-container {
  display: inline-grid;
  width: 100%;
  gap: 5px;
}

.grid-container .grid-item {
  background: none;
}

.grid-container .grow {
  background: #e3e5f9;
  display: inline-grid;
  grid-template-columns: 2.5fr [] repeat(3, 2fr) [bucket] 1.5fr repeat(5, 2fr);
  border-left: 7px solid;
  padding-left: 10px;
  padding: .8rem;
}

.grid-container .greenB {
  border-color: #16A085;
}

.grid-container .grid-item {
  padding: 0;
}

.allocations-tab {
  position: relative;
}

.allocations-tab button {
  position: absolute;
  right: 0;
  top: -35px;
}

.copyAllocationBtn {
  display: none;
  background: #2a5f94;
  border: none;
  color: #fff;
  padding: 5px 10px;
  border-radius: 4px;
}

#switch-tabs {
  border: none;
  margin-bottom: 20px;
}

#switch-tabs li {
  text-transform: none;
}

#switch-tabs li a {
  color: #2a5f94 !important;
  margin-right: 5px;
}

#switch-tabs.tabs li a.active {
  border-bottom: 2px solid #2a5f94 !important;
}

.tabs .tab a{
  padding : 0 15px;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
     top: 0 !important; 
}

.tableLayout tr:nth-child(2n) {
    background: white;
}

/* .select2-container--default.select2-container--disabled .select2-selection--multiple{
  background-color:none;
} */

.select2-container--default.select2-container--disabled .select2-selection--multiple{
  background-color:transparent;
  max-height: 40px;
    overflow-y: scroll;
}

/* for disabled fields in forms */
.input-field select:disabled ~ label, .input-field input:disabled ~ label {
  color:rgba(0, 0, 0, .28);
  border-bottom-color: #ddd;
}
/*for date picker adjust*/

/*
div#modal_saveHistoricalData  {
    overflow: visible !important;
    overflow-x: visible !important;
    overflow-y: visible !important;
}

div#modal_saveHistoricalData  .picker__holder {
    width: 100vw;
    height: 100vh;
    left: 50%;
    transform: translateX(-50%);
}
*/

.tabs .tab {
  width: auto !important;
}
.tabs .tab a{
  font-size: 12px !important;
}

/*  Mini loader */
.miniLoader {
  /*width: 300px;*/
  background: #070F63;
  color: white;
  padding: 20px;
  display: inline-block;
  border-radius: 5px;
  position: fixed;
  bottom: 20px;
  right: 14px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
  transition: 0.2s all ease-in;
  opacity: 0;
  transform: translateY(100%);
}
.miniLoader.show{
  opacity: 1;
  transform: translateY(0);
}
.miniLoader .fa{
  font-size: 20px;
  margin-right: 10px;
}

div#exposureSelectionGridContainer {
    height: 300px;
    overflow: auto;
}

#exposureSelectionGridContainer tr td:first-child{
  width: 10px;
}
.mainHeader nav.indigo{
  background-color: #061063 !important;
  position: relative;
  z-index: 3;
}

.fixedSideMenu {
  position: fixed;
  width: 40px;
  height: 100vh;
  background: #2B353E;
  z-index: 2;
  padding-top: 50px;
 
}

.mainHeader{
  position: relative;
    z-index: 998;
}
#fixedSideMenuList > li > a {
  display: block;
  text-align: center;
  padding: 10px;
  font-size: 18px;
  color: white;
}
#fixedSideMenuList > li > a:hover, #fixedSideMenuList > li > a.active  {
  background-color: #061063;
  color: white;

}
.fixedSideMenu .dropdown-content{
  left: 40px !important;
  min-width: unset !important;
  width: 190px !important;
  top: 0;
}
.fixedSideMenu .dropdown-content li{
  min-height: unset;
  border-bottom: 1px solid rgba(0,0,0,0.05);
}
.fixedSideMenu .dropdown-content a{
  padding: 5px 10px;
  font-size: 14px;
}

.fixedSideMenu .moduleNameFixed:hover .dropdown-content{
  display: block !important;
  opacity: 1 !important;
}
.moduleNameFixed{
  position: relative;
}
.fixedSideMenu .navTitle{
  padding: 5px 10px;
  font-weight: bold;
  background: #060f62;
  color: white;
}

/*Datepicker cancel button css*/
.daterangepicker .cancelBtn{background-color: #ccc;}

/* #container{
  padding-left: 40px;
} */


#task-notification{
  opacity: 1 !important;
}

#listdropdown button.btn-dropdown{
  background: #070f63 !important;
  color: white !important;
  padding: 5px 10px !important;
  border-radius: 5px !important;
}
#listdropdown #dropdown-list-menu li {
  width: 100%;
}
#listdropdown #dropdown-list-menu li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  background: #fff !important;
  white-space: nowrap;
  width: 100%;
}
#listdropdown #dropdown-list-menu li a:hover {
  color: white !important;
  background: orange !important;
}
#infiniteLoader.infiniteLoader{
  padding: 24px;
}

/* ==========================================================================
   ACCOUNTING HUB MODULES - CUSTOM STYLES
   (Standard Accounts, Client Accounts, Voucher Details, Voucher GL Mapping)
   ========================================================================== */

/* Accounting Module Wrappers */
.standardaccounts-wrapper,
.clientaccounts-wrapper,
.voucherdetails-wrapper,
.voucherglmapping-wrapper {
  padding: 16px 20px;
  background: #f8f9fa;
  min-height: calc(100vh - 80px);
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Modal and Drawer Animations */
@keyframes fadeInModal {
  from {
    opacity: 0;
    transform: scale(0.96) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes slideInDrawer {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}

/* Backdrop Filters */
#stdaccount-modal-overlay,
#clientaccount-wizard-overlay,
#voucherdetail-modal-overlay,
#voucherdetail-drawer-overlay,
#voucherglmapping-modal-overlay {
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* Top Toolbar Cards */
.stdaccounts-toolbar-card {
  box-sizing: border-box !important;
  width: 100% !important;
}

.stdaccounts-toolbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
}

.stdaccounts-toolbar-actions .stdaccounts-control-item,
.stdaccounts-toolbar-actions select,
.stdaccounts-toolbar-actions button {
  height: 36px !important;
  margin: 0 !important;
  vertical-align: middle !important;
  box-sizing: border-box !important;
}

/* Focus Rings */
#stdaccount-modal-card input:focus,
#stdaccount-modal-card select:focus,
#clientaccount-wizard-card input:focus,
#clientaccount-wizard-card select:focus,
#voucherdetail-modal-card input:focus,
#voucherdetail-modal-card select:focus,
#voucherglmapping-modal-card input:focus,
#voucherglmapping-modal-card select:focus,
#txt-stdaccount-search:focus,
#txt-clientaccount-search:focus,
#txt-voucherdetail-search:focus,
#txt-glmap-rule-search:focus,
#txt-voucher-search:focus,
#txt-vd-voucher-search:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.2) !important;
  outline: none !important;
}

/* Table Row Hover Transitions */
.stdaccount-row:hover,
.clientaccount-row:hover,
.voucherdetail-row:hover,
.glmapping-row:hover {
  background-color: #f1f5f9 !important;
}

.action-btn-group a:hover {
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 4px;
}

/* 10-Record Pagination Bar */
.stdaccount-pagination-bar button:not(:disabled):hover {
  background-color: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}

.stdaccount-pagination-bar button.active:hover {
  background-color: #303f9f !important;
  border-color: #303f9f !important;
}

/* Searchable Voucher Dropdown */
#btn-voucher-dropdown-trigger:hover,
#btn-vd-voucher-trigger:hover {
  border-color: #94a3b8 !important;
  background-color: #ffffff !important;
}

.voucher-menu-item:hover,
.vd-voucher-menu-item:hover {
  background-color: #f1f5f9 !important;
}

.voucher-menu-item.active,
.vd-voucher-menu-item.active {
  background-color: #e8eaf6 !important;
  border-left: 3px solid #3f51b5 !important;
}

/* Condition Builder & Action Buttons */
#btn-load-standard-preset:hover {
  background-color: #e0f2fe !important;
  border-color: #0284c7 !important;
}

#btn-add-condition-row:hover {
  background-color: #f1f5f9 !important;
  border-color: #94a3b8 !important;
}

.btn-remove-cond-row:hover {
  background-color: #fee2e2 !important;
  border-color: #ef4444 !important;
}

.btn-reorder-up:hover,
.btn-reorder-down:hover {
  color: #1a237e !important;
  transform: scale(1.15);
}

.btn-quick-map:hover {
  background-color: #e8eaf6 !important;
  border-color: #3f51b5 !important;
}

/* Shared Accounting Hub Table Styles */
.accounting-table-card {
  background: #ffffff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06) !important;
  margin-bottom: 16px !important;
}

.accounting-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 0 !important;
}

.accounting-table thead tr,
.accounting-header-row {
  background: #1e293b !important;
  color: #ffffff !important;
}

.accounting-table thead th,
.accounting-header-cell {
  background: #475569 !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 8px 12px !important;
  border: none !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.accounting-table tbody tr.data-row {
  border-bottom: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  transition: background-color 0.15s ease-in-out !important;
}

.accounting-table tbody tr.data-row:hover,
.voucherconfig-row:hover {
  background-color: #f1f5f9 !important;
}

.accounting-table tbody td {
  padding: 8px 12px !important;
  vertical-align: middle !important;
  font-size: 13px !important;
}

/* Action Button Group */
.action-btn-group {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.action-btn-group a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 4px !important;
  transition: background-color 0.15s ease, transform 0.1s ease !important;
}

.action-btn-group a:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
  transform: scale(1.08) !important;
}

/* Hierarchy Path Display */
.hierarchy-breadcrumb {
  font-size: 12px !important;
  color: #475569 !important;
  line-height: 1.4 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
}

.hierarchy-breadcrumb .sep {
  color: #94a3b8 !important;
  font-size: 11px !important;
}

.hierarchy-breadcrumb .leaf {
  color: #1a237e !important;
  font-weight: 600 !important;
}

/* Voucher Configuration Wrapper */
.voucherconfiguration-wrapper {
  padding: 16px 20px;
  background: #f8f9fa;
  min-height: calc(100vh - 80px);
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Coverage Cards Horizontal Scroll */
.coverage-cards-scroll {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 #f8fafc;
}

.coverage-cards-scroll::-webkit-scrollbar {
  height: 6px;
}

.coverage-cards-scroll::-webkit-scrollbar-track {
  background: #f8fafc;
  border-radius: 4px;
}

.coverage-cards-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

.coverage-cards-scroll::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

/* Custom Searchable Select Dropdown inside Accounting Modals */
.custom-select-wrapper {
  position: relative;
  width: 100%;
}
.custom-select-btn:hover {
  border-color: #94a3b8 !important;
  background-color: #f8fafc !important;
}
.custom-select-btn:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15) !important;
  outline: none !important;
}
.custom-select-option:hover {
  background-color: #f1f5f9 !important;
  color: #0f172a !important;
}
.condition-row input.cond-val {
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.condition-row input.cond-val:focus {
  border-color: #2563eb !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.15) !important;
  outline: none !important;
}
.condition-row select.cond-operator {
  height: 34px !important;
  line-height: 34px !important;
  padding: 0 8px !important;
  border-radius: 6px !important;
  border: 1px solid #cbd5e1 !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #334155 !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}
.condition-row select.cond-operator:focus {
  border-color: #2563eb !important;
  outline: none !important;
}