*{margin:0; padding:0; box-sizing:border-box; font-family: 'Open Sans', sans-serif; font-size:16px; /*color:#466177;*/ color:#000;}
h1, h2, h3, h4, h5, h6{ font-family: 'Open Sans', sans-serif; font-size: 21px; font-weight: 600; }
.btn, th, td, textarea{font-family: 'Open Sans', sans-serif !important; }
.fL{float:left;}
.fR{float:right;}
.clr{clear:both;}

a:foucs, input:focus{outline:0;}
body {background:#ddd url('https://www.toptal.com/designers/subtlepatterns/patterns/pw_maze_white.png') repeat;}

.logoimg{max-width:200px;}
input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="file"]):not([type="submit"]), select, textarea	{border: 1px solid #ccc; border-radius: 3px; padding: 6px 5px; box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1); width:100%; }
input[type="text"], select{width:100%; padding: 3px 5px !important; min-height:35px;}
.greenTxt{color:#0e6dbb;}
body a:hover{color:#0e6dbb; text-decoration:none; cursor:pointer;}
a{text-decoration:none;}
.comnBtn { cursor:pointer; background: #0e6dbb!important; width: 100px; color: #fff !important; border: 1px solid !important; font-weight: 600!important; padding: 5px !important; font-family: 'Open Sans', sans-serif !important; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; }
.whiteBtn { background: white !important; color: #0e6dbb !important; }
.btnDiv{padding:15px 0 0;}
::-webkit-file-upload-button{-webkit-appearance:none; appearance:none; -moz-appearance:none; background:#0e6dbb; border:1px solid #0e6dbb; color:#fff; font-family: 'Open Sans', sans-serif;}
input[type="file"] { border: 1px solid #ccc; width: 200px; }
.greenBtn:hover{background:#2993ea !important; }
.whiteBtn:hover { background: #2993ea !important; color: #fff !important; }

.caretRight { display: block; padding-left: 13px; position: relative; margin-top: 6px; text-decoration:underline;}
.caretRight:before { content: ''; position: absolute; border-left: 7px solid; border-top: 6px solid transparent; border-bottom: 7px solid transparent; border-radius: 3px; left: 0; top: 3px; }
body a:hover{color: #238fe6;}
.btn.btnStyle { background: #0e6dbb; border: 1px solid #0e6dbb; color: #fff; font-weight: 500; font-size: 13px; padding: 5px 20px !important; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; }
.btn.btnStyle:hover{background: #289dfc;}
.titleStyle b{font-size:21px}
input:focus, button:focus{outline:0; }
/*.lineStyle{ border-bottom: 1px solid rgb(226, 226, 226); padding-bottom: 5px;}*/
.psgSpace { padding-bottom: 20px; }


.multiBtnDiv > input, .multiBtnDiv > button { margin-right: 15px; }



/******** Buttons Style ********/
.btn.btnStyle, .comnBtn, .darkgreenBtn, input{-webkit-appearance:none; appearance:none; -moz-appearance:none;}
select.picklist{-webkit-appearance:none; appearance:none; -moz-appearance:none;}
.backbtnDiv{padding:0 0 10px;}
.backbtnDiv > a{display:inline-block;}
.darkgreenBtn, .btn.darkgreenBtn{background:#fff;}

/******** Error Messages Style ********/
.messageStyle { text-align:left;border: 1px solid #ccc; padding:10px; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.22); display: inline-block; max-width: 400px; border-left: 3px solid; position: relative; margin:0 0 15px; transition: all 0.2s ease; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; background:#fff;


}

.infoStyle:before { content: 'i'; width: 20px; height: 20px; background: #0e6dbb; position: absolute; border-radius: 100%; left: 10px; text-align: center; font-weight: 600; font-family: -webkit-body; line-height: 19px; color: #fff; }
.messageStyle.infoStyle{border-left:3px solid #0e6dbb;padding-left:35px;}

.messageStyle.warningStyle{border-left: 3px solid #ec8e00; padding-left:42px;}
.warningStyle:before { content: ''; border-bottom: 19px solid #ec8e00; border-right: 13px solid transparent; border-left: 13px solid transparent; position: absolute; border-radius: 2px; left: 10px; text-align: center; font-weight: 800; display: block; }
.warningStyle:after { content: '!'; color: #fff; font-weight: 600; position: absolute; left: 21px; top: 12px; font-weight: 800; }

.messageStyle.errStyle { border-left: 3px solid #d63c3c; padding-left: 35px; }
.errStyle:before { content: '+'; background: #d63c3c; position: absolute; border-radius: 100%; left: 10px; text-align: center; font-weight: 600; width: 20px; height: 20px; color: #fff; font-size: 20px; line-height: 20px; transform: rotate(45deg); }


.message { background: #fff; border-radius: 3px; display: inline-block; padding: 8px 10px; margin: 0 0 15px;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.18); border: 1px solid #ccc; }
.message h4 { font-size: 15px; }
.message.errorM3 { border-left: 3px solid #d63c3c; }
.message.infoM3 { border-left: 3px solid #39f; }
.message.warningM4{border-left: 3px solid #ec8e00;}
.erroInputStyle { border-color: #d63c3c!important; }




/******** Header Style ********/
.header { background: no-repeat center; padding-bottom:250px; background-position:0;}
.container{ width: 100%; max-width: 95%;   margin: 0 auto; padding: 20px 0; }


.inputNstyle {background:transparent;  border: 0 none; text-align: right; color: black; width: 81px; }
.searchInput { position: relative; border: 1px solid #ccc; background: #fff; border-radius: 3px; min-width: 490px; padding-right: 30px; margin-left: 45px; margin-top: 9px; width:100%; }
.searchInput input { text-align: left; border: 0 none!important; width: 100%!important; box-shadow: 0 0 0 transparent!important; padding: 0 30px 0 11px!important; }
.searchInput:after{display: block; content: ''; width: 14px; height: 14px; position: absolute; right: 9px; top: 8px; z-index: 9; background-size: 13px!important;}
sup{font-size:10px;} 
.inputNstyle.serchIcon{min-height:32px;}

.searchInput input::-webkit-input-placeholder { color: #d1d8de; }
.searchInput input::-moz-placeholder { color: #d1d8de; }
.searchInput input:-ms-input-placeholder { color: #d1d8de;}
.searchInput input:-moz-placeholder {color: #d1d8de;}
.menuPopup{position:relative;}

.navList > li.mobileList{display:none;}

.bgGreen{margin-bottom: 0; background-color:#333;}
ul.searchList { background: #fff; display: block; position: absolute; box-shadow: 1px 1px 3px rgba(0,0,0,0.4); width: 100%;   border-radius: 3px; padding: 5px 0; margin-top: 3px; z-index:99; margin-left:45px;}
ul.searchList > li { display: block; margin: 0; padding:0;}
ul.searchList > li > a { display: block; padding: 5px 15px; font-size: 12px;}
ul.searchList > li > a:hover { background: #edf5fc; }
.dropdownStyle .dropdownMenu { display: none; margin-top: 4px; position: absolute; background: #fff; width: 100%; max-width: 200px; box-shadow: 1px 1px 3px rgba(0,0,0,0.4); border-radius: 3px; padding: 5px 0; }

.dropdownStyle .dropdownMenu > li { display: block; margin: 0; padding: 0; }
.dropdownStyle .dropdownMenu > li > a { display: block; padding: 5px 16px; }
.selectedVal { padding-right: 20px; position: relative; }
.selectedVal:after { content: ''; border: 5px solid transparent; border-top: 6px solid #0e6dbb; position: absolute; right: 6px; top: 8px; border-radius:2px; }

.navBar > .container { padding: 0; }
.navBar { border-top: 1px solid #999; border-bottom: 1px solid #999; background-color: #ccc; }
.navList > li{display:table-cell; padding-left: 18px; color:#3b5f34;  }
.navBar .navList > li { padding: 5px 15px; text-align: center; position: relative; vertical-align:middle; border-right:1px solid #999; margin-left:0;}
 
.verticalLine{padding: 0 15px; font-size: 24px; font-weight: 300;}

.navBar .navList > li:after { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 0%; content: '.'; color: transparent; background: #0e6dbb; height: 2px; transition: all .3s; }
.navBar .navList > li:hover:after { width: 100%; }
.navBar .navList > li.activeTab:after { width: 100%; }

.stickNow .navBar { position: fixed; width: 100%; top: 0;  /*z-index: 99;*/ z-index: 101;  transition: top 0s;}

.text-rightLog{text-align:right;}
.logasUser{ display: block;}
.navList li.mobileLink{display:none !important; }





 
/*******************RESPONSIVE NAV *******************/
.navBar{overflow: hidden;  padding-right: 100px; position:relative; }
.navBar > .container{overflow:hidden;}
.navBar .navList > li > a {white-space: nowrap;}
.navBar button.moreBtn { background: none; position: absolute; right: 10px; top: 0; border: 0 none; line-height: 28px; text-transform: lowercase; }
.navBar.showMore { background: #222; position: absolute; z-index: 99; width: 100%; }
.navBar.showMore .container { max-width: 100%; }
.showMore .fL{width: 100%;}
.showMore ul.navList li { display: block; border-right: 0 none; text-align: left;}
.showMore ul.navList li.activeTab { background: #3a3a3a; border-left: 2px solid #fff; }
.showMore ul.navList > li > a { color: #eee !important; }
button.moreBtn {color: #fff;  padding: 1px 15px;}
.stickNow .navBar.showMore { position: fixed; z-index: 999; }

/******** Color Box Style ********/
.boxStyle { padding: 0 0 20px; margin-left: -15px;}
.boxStyle > .tableLayout{    table-layout: fixed;}
.boxStyle .tableCell { padding-left: 15px; text-align:center; }
.boxStyle .bgGradient{  border-radius:5px;margin-top:2px; }
.grnClr{background: #0e6dbb;}
.oliveClr{background:#949a14;}
.bgGradient > label { font-size: 8px; padding: 10px 5px; display: block; color:#fff; }
.boxStyle div > p { padding: 15px; min-height: 50px; border-radius: 5px; color: #fff; font-size: 25px; text-decoration: underline; font-weight: 600; }
.container.boxCont{padding:0;}
.colrLinkstyle{color: #fff; font-size: 25px; text-decoration: underline; font-weight: 600;}
.bgBlack {display:none;}



/******** Body Style ********/
.tableLayout{display:table; width:100%;}
.tableRow{display:table-row;}
.tableCell{display:table-cell;}
/*.blocks { padding-bottom: 55px; } */ /* MATT CHANGE 10/14 */
.blocks { margin-bottom:25px;  border-radius:5px; box-shadow: 0 0 1px rgb(212, 212, 212)}
.titleStyle { padding-bottom: 0; display: block; font-size: 21px; font-weight: 600; color:#00325f; text-align:left;}
.tableLayout.headTable { width: 100%; margin-bottom: 20px; border-spacing: 0;  }
.txtRight{text-align:right;}    
.cellSize { width: 200px; vertical-align: top; padding-right: 25px; }

.labelStyle {padding-right:5px;}       
.bgGreen .header{background: none; padding: 20px 0; position:relative; border:none;} 



/******** Left Section Style ********/
.leftBlock {min-width: 175px;}
.smlBlcks{padding-bottom:20px;}
.leftBlock div >h2 { font-size: 18px; padding-bottom: 6px; display: inline-block; }
.bulletImg{width: 21px; vertical-align: middle; margin-right: 5px;}
.linkStyle { text-decoration: none; padding-bottom: 3px; display: block; }
.whiteBtn {  background: white; border: 1px solid; color: #0e6dbb; padding: 5px 8px; border:1px solid  #d6d6d6 !important; font-size:16px !important; height:35px; border-radius:3px; transition:all 0.4s ease; font-weight:500;}
.greenBtn { cursor:pointer;background: #0e6dbb !important; padding: 5px 8px !important; width: 100px; color: #fff !important; border: 1px solid #007ae0 !important; font-size:16px !important; height:35px; font-weight:500 !important; border-radius:3px;}
.btnComStyle{height:30px;}


/******** Home Page ********/
.comonList li{list-style: none;  padding-left: 20px; margin:0 0 5px;}
.bookStyle li{background:url(../images/PlanWell-Icon-Article.png) no-repeat center left; background-size: 11px; padding-left: 17px; }
.lightStyle li{background:url(../images/PlanWell-Icon-Lightbulb.png) no-repeat center left; background-size: 15px;}
.plan { background: #333; color: #fff; font-weight: 500; display: block; border-radius: 4px; padding: 5px; text-align: center; }
.month > h4 { color: #fff; display: block; font-weight: 500; font-size: 25px; padding: 5px 0; }
.month { background: #5d9acd; color: #fff; border-radius: 4px; margin: 5px 0; padding: 5px; text-align: center;}
.listStyle > li { list-style: none; margin: 0; padding: 5px 0;}
.grayShade, .grayShade > li{color:#999;}
.line { border-bottom: 1px solid #e4dfdf;  margin: 5px 0 7px; }
.tableCell.box { border: 1px solid #eae6e6; padding: 5px; border-radius: 3px; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08); }
.featureBox { padding: 15px; }
.inputBox .btn.lognBtn { padding: 12px !important; }




/******** Home/calendar Page ********/
.dateRng > select { max-width: 300px; }
 .CustomDateRange > input { max-width: 150px; }
.smlTable table { width: 100%; border-collapse: collapse; }
.smlTable table tr th, .smlTable table tr td { border-bottom: 1px solid #e4e4e4; padding: 6px; }
.smlTable table tr th { font-weight:600; text-transform:uppercase; }
td.hyperLink a { color: #0e6dbb !important; }
/*.fc-content > span { color: #fff !important; }*/



.floating-box { width: 48%; float: left; box-shadow: 0 0 3px rgba(0, 0, 0, 0.11); padding: 0;  margin-bottom: 60px; border-radius: 3px; position: relative; background:#fff;}
.floating-box:nth-child(even) { margin-left: 4%; }
.tableCap {    height: 50px;  font-size: 15px; padding: 15px 7px; background: #0e6dbb; color: #fff; font-weight: 500; text-align: center; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.54); border: 1px solid #0e6dbb; border-top-left-radius: 4px; border-top-right-radius: 4px; }
/*.boxDiv { -moz-column-width: 20em; -webkit-column-width: 20em; -moz-column-gap: 1em; -webkit-column-gap: 1em; border: 1px solid #eee; padding: 30px 12px 15px; background: #edf5fc; }*/
/* MATT CHANGE 10/14 */
/*
.dateRng { position: relative; background: #f3f3f3; padding: 15px;  margin-bottom:15px; border-bottom: 2px solid #e6e6e6; border-radius: 3px; }
*/
.dateRng { position: relative; background: #fff; padding: 15px;  margin-bottom:15px; border-radius: 5px; border: 1px solid #e2e2e2; }
.datBtnDiv { position: absolute; right: 0; bottom:0; padding: 15px; }
.CustomDateRange{padding-left: 13px;}
.smlTable{width: 100%; height: 400px; overflow:hidden; }
.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event{min-height:18px;}

/*button.fc-button { background: rgba(14, 109, 187, 0.79); color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); border-radius: 0; }
.fc-button-group .fc-button.fc-state-active { background: #0e6dbb; }
.fc-prev-button span,  .fc-next-button span{ color: #fff; }
button.fc-button:disabled { opacity: 0.6; cursor: not-allowed; }
.fc-time-grid-container.fc-scroller{height:auto !important;}
.fc-toolbar{background:#edf5fc; padding:10px 15px;}
.fc-event{background-color:#edf5fc; border:1px solid rgba(58, 135, 173, 0.25); }*/
.fc-time-grid-container.fc-scroller{ overflow:auto; }
.fc-day-grid-container.fc-scroller {  overflow:auto;}
/*.dateRng label{color:#fff;}*/
.dateRng > select{background-color:#fff;}
.dateDiv{padding:15px 7px;}

.recordBorder{border-spacing: 40px 20px;}



/******** Calendar style ********/

 button.fc-state-default { background: none; box-shadow: none; border: 0 none; text-shadow: none; color: #fff; text-transform: capitalize; }
.fc-toolbar { background: #0e6dbb; padding: 15px; color: #fff; margin: 0; }
.fc-unthemed .fc-today { background: #fff0d2; }
.fc-state-default.fc-corner-left { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.fc-state-default.fc-corner-right { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.fc-right button.fc-state-default:before{content: ''; width: 100%; height: 2px; background: #fff; position: absolute; top: 0; left: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0);}
.fc-right button.fc-state-default:hover:before {  transform: scale(1);}
button.fc-other-month { background: rgba(35, 27, 95, 0.04); }
button.fc-state-active:after { content: ''; background: #fff; width: 100%; height: 2px; position: absolute; top: 0px; left:0 }   
.fc-other-month { background: rgba(35, 27, 95, 0.03); }
.fc th{padding:8px;} 
.fc-event{border: 1px solid #c7c7c7; background-color: #f1f1f1;}
.fc .fc-toolbar > * > :first-child, .fc button .fc-icon {color:#fff;}


.fc-month-view{background:#fff;}
.fc-unthemed td.fc-today { background: #f2f2f1; }
.fc-toolbar{background: #303030;}
.fc-other-month {color: #dedede; }

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number{padding:5px;}

/******** ECourses Page ********/
input#submitBtn { background: #0e6dbb; color: #fff; text-decoration: none; padding: 10px; border-radius: 3px; display: inline-block; text-align: center; margin: 0 10px 15px; border: 1px solid; width: 250px; cursor: pointer; }
input#submitBtn:hover{background:#95c163 !important;}
select.filters {/* max-width: 200px;*/  }
a.lineLink{text-decoration:underline;}
.tickStyle li:after { content: ''; border-left: 2px solid white; border-bottom: 2px solid white; height: 3px; width: 6px; position: absolute; transform: rotate(-49deg); left: 5px; top: 6px; }
.tickStyle li:before { content: ''; background: #0e6dbb; width: 15px; height: 15px; position: absolute; left: 2px; border-radius: 100%; top: 3px; }
.tickStyle li { position: relative; }
.infoPsgStyle{padding:0 0 15px; margin-top:-5px;}
div#filter > .caret:before { top: 10px !important; }

/******** Schedule A Call Page ********/
.greenBox { border: 1px solid; color: #0e6dbb; padding: 9px; text-align: center; border-radius: 3px;font-size: 20px; font-weight: 600; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.08); }
.grayTxt { color: #b2b2b2; text-align: center; padding: 15px 0 30px; }
.linkBtnstyle { width: 250px; background: #0e6dbb; color: #fff; text-decoration: none; padding: 10px; border-radius: 3px; display: inline-block; text-align: center; margin: 0 10px 15px; }
.linkBtnstyle:hover {color:#fff; }


/******** Left Menu Section ********/
.popStyle {display:none;}

.picContainer{padding-bottom:10px;}
.infoListStyle li { margin: 0; list-style: none; padding-bottom: 10px; }
.infoListStyle li > a { font-size: 17px; font-weight: 600; }
.popStyle { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.48); top: 0; left: 0; z-index:99;}
.popBlock { position: absolute; background: white; padding: 25px 15px; border-radius: 3px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.33); top: 50%; left: 50%; width: 300px; margin-left: -150px; text-align: center; margin-top:-185px; }
.popImg { max-width: 200px; overflow: hidden; height: auto; }
.fileDiv input{padding: 0; box-shadow: none;}
.mobileList{display:none; }



/******** Book Time ********/
.inputLabel{padding-bottom: 3px; display: block; font-weight:600;}
.inputDiv { padding-bottom: 15px; }
.inputDiv select { padding: 5px; }
.inputDiv input{padding:6px !important;}
.btn.comnBtn { width: 200px; height:32px; font-size: 13px; }


/******** My Profile ********/
/* MATT CHANGE 10/14 */
/*
.sve-mode { font-size: 12px; }
*/
.sve-mode { font-size: 16px; }
div.sve-mode { border-bottom: 1px solid #ececec; padding: 5px 0; min-height:30px; }
.sve-mode > span{font-weight:600;}
.borderStyle{border-spacing:0 20px; table-layout:fixed;}
.rghtBorder { border-right: 15px solid transparent; }
.lftBorder{border-left:15px solid transparent;}
/*.btn.edit { background: url(../ImagesAndScript/images/pencil.png)no-repeat center; width: 30px; height: 30px; font-size:0;  background-position: center; border: 0 none; background-size: 18px; float: right; transition: all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition: all 0.4s ease; }*/
.btn.edit:hover { opacity: 0.8; background-position: 2px center; }
.btnsSection{text-align:center;}
.planSponsrDetailpg .btn.edit{z-index:3;}


.grayLabel { padding-bottom: 2px; display: block; color: #666; }
.caret{position:relative;}
.caret:before { content: ''; border: 4px solid transparent; border-top: 6px solid #0e6dbb; position: absolute; right: 10px; top: 15px; border-radius: 1px; }
/* MATT CHANGE 10/14 */
/*
.borderStyle.proTable{border-spacing: 15px;}
*/
.borderStyle.proTable{border-spacing: 15px; background-color:#fff; border-radius:0 0 5px 5px;}
/* MATT CHANGE 10/14 */
/*
.sve-mode span { max-width: 100%; overflow: hidden;  word-break: normal; }
*/
.sve-mode span { max-width: 100%; overflow: hidden;  word-break: normal; font-size:16px; }
.proTable .grayLabel { font-size: 13px; }





/****************************** Lookup Design *****************************/
.dateInput {  white-space: normal;}
span.lookupInput a img { display: none; }
span.lookupInput a { position: absolute; width: 0px; height: 00px; right: 7px; border: 0 none; display: block; top: 6px; background: url(https://cdn4.iconfinder.com/data/icons/miu/24/common-search-lookup-glyph-20.png)no-repeat center; background-size: 20px;}
.datePicker select { vertical-align: top; width: auto; padding: 2px !important; -webkit-appearance: initial !important; }
.lookupInput{position:relative;}

button.multiselect.dropdown-toggle.btn.btn-default span { color: #fff; font-weight: 500; }
button.multiselect.dropdown-toggle.btn.btn-default { background: #333; border: 1px solid #333; width: 100%; padding: 5px 10px; color: #fff; text-align: left; height: 32px; margin:0; }
ul.dropdown-menu li { list-style: none; margin: 0; padding: 4px 0; }

.verticalLine:before { content: ''; border-left: 1px solid #b9b9b9; height: 22px; position: absolute; }


/******** Help Page ********/
.answer { display: none; }

.answer {
    display: none;
    background: rgba(121, 167, 69, 0.86);
    padding: 15px;
    color: #fff;
}
.question:before {
    content: '+';
    position: absolute;
    left: 8px;
    border-radius: 50px;
    font-size: 20px;
    top: 50%;
    margin-top: -8px;
    line-height: 15px;
}

.question {
    padding: 15px 15px 15px 30px;
    border-bottom: 1px solid #d5ecbb;
    position: relative;
    margin-top: 15px;
    font-size: 15px;
    cursor:pointer;
    color:#0e6dbb;
    transition: all 0.4s ease-in-out;
}
.answer p.psgStyle {
    color: #fff;
    padding: 0 0 10px;
}
.question.active{
    background:#0e6dbb;
    color:#fff;
}
.question.active:before {
    content: '-';
    line-height: 8px;
    font-size: 34px;
    font-weight: 300;
}
ul.ansList > li > ul {
    padding-bottom: 20px;
}
ul.ansList li {
    color: #fff;
    position: relative;
    list-style: none;
    padding:5px;
}
ul.ansList > li > ul li {
    list-style-type: disc;
    padding: 5px;
}
ul.ansList > li:before {
    content: '?';
    position: absolute;
    font-size: 14px;
    left: -17px;
    font-weight: 600;
}


.popBlock.videoModal { width: 100%; max-width: 100%; background: none; margin-left: -50%; top: 20px; margin-top: 0; }
input.videoBtn { background: #3385ff url(../images/playIcon.svg)no-repeat; background-size: 22px; background-position: 12px center; text-transform: uppercase; padding: 8px 15px 8px 42px; }
input.tryBtn { background: none; border: 0 none; color: #fff; padding: 15px 0 0; font-size: 13px; text-shadow: 1px 1px 1px black; }

.borderStyle.tbleClass .tableCell:first-child { border-right: 15px solid transparent;}
.borderStyle.tbleClass .tableCell:nth-child(2) { border-left: 15px solid transparent;}
.borderStyle.tbleClass .tableCell span { position: relative; width:100%; }

.txtInput.reference input {float: left;}
.relatedLookup .txtInput.reference select {  width: 25%;  float: left; margin-right: 15px;}
.relatedLookup span.lookupInput { width: auto;    float: right;  width: 65% !important;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:0 none;}




/******** Footer Style ********/
/* MATT CHANGE 10/14 */
/*
.footer { background: #edf5fc; padding: 10px 10px 60px; }    
*/
.footer { background: #333; padding: 10px 10px 60px; }    
p.footerpsg { padding: 18px; }



/*******Spinner Style ********/
#assign-action-spinner-main {position: fixed;left: 0;top: 0;background-color:rgba(0,0,0,.6);height: 100%;width: 100%;z-index: 999;vertical-align: middle;}
#assign-action-spinner-content {position: absolute; top: 50%; left: 50%; z-index: 1000; background-color: #F5FCFF; height: 10px; border-radius: 1em; border: 1px solid #CEECFF; padding: 20px 40px 20px 40px; margin-left: -75px; margin-top: -25px; text-align: center;}
#assign-action-spinner-content img {margin-top: -10px;}




/******** Sign up page********/
.headbgImg{background:url(../images/pw-homepage-background-1.jpg)no-repeat; padding: 150px 0; background-size: cover; height:550px;}
.darkGreentxt{color:#0e6dbb;}
.darkgreenBtn, .btn.darkgreenBtn {background: #0e6dbb; color: #fff; border: 1px solid #0d74c7; padding: 6px 15px; border-radius: 3px; cursor:pointer; transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
/* MATT CHANGE 11/3 */
/*
.darkgreenBtn:hover, .btn.lognBtn:hover{background-color: #238fe6; color:#fff;}
*/
.darkgreenBtn:hover, .btn.lognBtn:hover{background-color: #238fe6; color:#fff;}
.btn.darkgreenBtn{font-weight: 500;}
.txtStyle{font-weight:600; }
.pgtitleStyle { display: block; color: #fff; font-size: 30px; font-weight: 600; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75); padding: 50px; }
.subTitle { font-size: 19px; color: #000; font-weight: 700; text-shadow: 1px 1px 3px rgba(241, 241, 241, 0.42); padding-bottom: 30px; display: block; }
.subTitle i{color:#000; font-size:19px; font-weight:bold;}
.bigBtn{padding:7px 40px; font-size:15px;}
.txtCenter { text-align: center; }
.iconTxt { display: block; font-size: 18px; font-weight: 600; padding: 10px; }
.tableStyle{table-layout:fixed;}
.gryline { width: 50px; border-bottom: 2px solid #ccc; margin: 0 auto; }
.gryTxt{color:#666;}
.iconBox { padding: 10px 15px; }
.iconStyle { width: 25px; }
.IconBlk { padding: 50px 0; }
.icnPsg { font-size: 15px; padding: 20px 15px 15px; font-weight: 500; }
.bgGray{background: url(../images/pw-homepage-grey-honeycomb-background.jpg);}
.centerBlk{text-align:center;}
.comnTitle{padding:15px;  display: block;}
.cmnPsg {   padding: 15px 0; line-height:28px;  }
.lineTxt{font-size: 16px; text-decoration:underline; color:#666;}
.smlHead { font-size: 15px; padding: 10px 0 5px; display: block; }
.bigCell { width: 400px; }
.linesmlCell { vertical-align: middle; text-align: center; width: 60px; }
.gryVertcline { background: #ccc; height: 50px; width:2px; margin: 0 auto;  }
.grypageLine { border-top: 2px solid #ccc; }
.popUpsignBx { position: absolute; top: 35px; right: 0; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.24); padding: 15px; min-width: 240px; }           .popUpsignBx:before { content: ''; border-bottom: 8px solid #fff; border-right: 7px solid transparent; border-left: 7px solid transparent; position: absolute; top: -8px; right: 6px; z-index: 9; }
.popUpsignBx:after { content: ''; border-bottom: 8px solid #ccc; border-right: 7px solid transparent; border-left: 7px solid transparent; position: absolute; top: -9px; right: 6px; }
.pop-post{position:relative;}
.inputBox{padding:0 0 10px;}
.inputBox > input{width:100%; padding: 5px !important;}
.btn.lognBtn { background: #0e6dbb; color: #fff; width: 100%; font-weight: 500; border: 1px solid #0d74c7; padding: 5px 10px; border-radius: 3px; cursor: pointer; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; }
.forgotLink > a{color:#666;}
.signupBox { max-width: 550px; margin: 0 auto; padding: 0 0 25px; }
.rghtSide { padding-left: 10px; }
.lftSide{padding-right:10px;}
.agreLabel{display:inline-block; text-align:left;}
.signupBox .inputBox > input { padding: 12px 10px !important; }
.inputBox > button { padding: 8px !important; }
#loginPopUp-blk { display: none; }
.termConditions{ list-style:none;}
.termConditions li { margin: 0; padding: 0 0 20px; font-size: 13px;text-indent: 26px; text-align: justify;}
.closeBtn { position: fixed; width: 15px; height: 15px; right: 40px; top: 30px; transform: rotate(45deg); }
.closeBtn:before { content: '+'; color: #fff; font-size: 47px; line-height: 0; font-weight: 500; font-family: initial; } 
.popBlock.termsPop { left: 10px; right: 10px; top: 100px; width: 100%; max-width: 750px; text-align: left; padding: 25px 45px; margin: 0 auto; height: 100%; max-height: 500px; overflow: auto; }



/******** MyCFPMeetings ********/
.casetableStyle tr td, .casetableStyle tr th { border-bottom: 1px solid #ccc; border-left:1px solid #ccc; padding: 5px; }
.casetableStyle { width: 100%; border-collapse: collapse;border: 1px solid #ccc;  }
.casetableStyle tr th{text-align:center;}
.casetableStyle tr:nth-child(odd) td { background: #ececec; }
.casetableStyle tr:nth-child(odd) td { background: rgba(181, 208, 152, 0.26); }
.casetableStyle tr td:first-child, .casetableStyle tr th:first-child { border-left: 0; }
.btnLink:hover { color: #fff; }
div#cases-table_length, div#cases-table_filter, div#cases-table_info, div#cases-table_paginate { display: none; }




/******** Forgot Password ********/
.bgDarkGreen { background: #238fe6; position: fixed; width: 100%; height: 100%; top: 0; left: 0;  z-index: -9;}
.smlContainer input, .smlContainer .btn.btnStyle { padding: 10px !important; }
a.cancelLink { display: block; padding: 10px; }

.userLabel:before { content: ''; width: 20px; height: 11px; background: #ccc; position: absolute; border-top-left-radius: 8px; border-top-right-radius: 8px; left: 12px; top: 9px; }
.userLabel:after { content: ''; width: 10px; height: 10px; background: #ccc; position: absolute; top: -2px; border-radius: 100%; left: 17px; }
.userLabel { position: relative; }
.userLabel  input{padding-left:40px !important;}

.smlContainer { max-width: 400px; margin: 100px auto 0; border: 1px solid #fff; padding: 20px 20px 0; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); background: #fff; }
.inputBox .btnStyle {  margin-bottom: 15px;}

.backLink:before { content: ''; border: 5px solid transparent; border-right: 6px solid; position: absolute; left: -15px; top: 5px; border-radius: 2px; }
.backLink {position:relative;}




/******** DataTable ********/
/*.tabldDiv { padding: 30px 0; }*/
.dataTables_length select{width:auto;}
table.dataTable.no-footer, table.dataTable thead th, table.dataTable thead td{border-bottom:0 none;}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{border-top:0 none;}
table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color: #ebebeb;}
.dataTables_filter input { width: auto !important;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{background-color:#0e6dbb; position:static; display: inline-block; margin-right: 10px; margin-left: 7px;}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { content: '-'; background-color: #0e6dbb; }
table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{padding-left:0;}

a.txtInput.combobox { position: absolute; right: 3px; top: -1px; }
.tableCell.rghtBorder > span{position:relative;}

.txtInput.reference > select { margin-right: 15px; max-width: 150px; }
.currentBalance{ display: none;}
.iconBtnStyle { width: 30px; height: 30px; font-size: 0; background: none; border: 0 none; cursor:pointer; transition: all 0.4s ease;}
#engagementsTable span#date{ display:none; }





/******** Chart Design********/
.metricsLink { margin-left: 10px; }
.errMsg { text-align: center; color: rgb(216, 29, 29);display:none;}



.chartBox { width: 48%; float: left; border: 1px solid #efefef; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.11); padding: 15px; height:400px; margin-bottom: 60px; border-radius: 3px; position: relative; }
.chartBox:nth-child(even) { margin-left: 4%; }
.chartBox:before { content: 'Types of Engagements '; text-transform: uppercase; background: #0e6dbb; position: absolute; width: 100%; height: 50px; left: 0; top: -40px; text-align: center; color: #fff; line-height: 50px; border: 1px solid #0e6dbb; border-top-left-radius: 3px; border-top-right-radius: 3px;  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.11); font-weight: 600; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.48);}
.chartBox.chartDiv:before{ margin-left: -30px; margin:50px 0 0;}
.chartBox.chStatus:before{ content: 'Participant Status Engagement'; }
.chartBox.chActions:before{ content: 'Participant Actions Engagement'; }
.chartBox.chObject:before{ content: 'Investment Objectives Engagement'; }
.chartBox.chInquiry:before{content: 'Plan Inquiries Engagement';}
.chartBox.chMethod:before{ content: 'Implementation Methods Engagement'; }
.chartBox.chWork:before{ content: 'Advisory Work Engagement'; }
.chartDiv{margin-top:65px;}
.backBtn.darkgreenBtn:before { content: ''; border: solid white; border-width: 0 0px 3px 3px; display: inline-block; padding: 3px; transform: rotate(45deg); }
.backBtn { color: #fff; text-decoration: none; }
.printBtn.darkgreenBtn { color: #fff; text-decoration: none; }
.chartContainer {width:100%; max-width:95%; margin: 0 auto;}
.chartHeadDiv{margin: 0 35px 40px;}
.chartContainer .tableLayout { table-layout: fixed; }
.chartBox.chfundAsset:before{content:'Fund Asset Category'; }
.chartBox.chFundTypes:before{content:'Fund Types';}
.chartBox.chShare:before{content:'Fund Share Class';}
.chartBox.chCurrentBalance:before{content:'Current Balance';}
.chartBox.chTypesOfActivities:before{ content: 'Types Of Activities'; }
.chartBox.chAudienceActivities:before{ content: 'Audience of Activities'; }
.chartBox.chMeetingFormatOfActivities:before{ content: 'Meeting Format Of Activities'; }
.chartBox.chTimeMetricsBreakdown:before{content: 'Time Metrics Breakdown';}
.chartBox.chPlanFlowMetricsBreakdown:before{ content: 'Plan Flow Metrics Breakdown'; }







/******** Spinner ********/

.spinBox{
    position: absolute; top: 50%; right: 35px; background-size: contain; background-repeat: no-repeat; margin-top: -7px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #0e6dbb;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}




.bgSpinner { background: rgba(0, 0, 0, 0.43); position: fixed; width: 100%; height: 100%; z-index: 9999999; top: 0; }
.spinStyle { position: absolute; top: 50%; left: 50%; margin-left: -20px; margin-top: -20px; }

.sk-circle { width: 50px; height: 50px; position: relative; background: rgba(255, 255, 255, 0.86); border-radius: 100px; box-shadow: 1px 1px 3px black; }
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding:5px;
}
.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #0e6dbb;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}




/******************************All Pages******************************/
.container.inContent{padding:30px 0 30px;}
.hyperLink{color:#0e6dbb; text-decoration:underline;}

table.comnTable { border-collapse: collapse; }
table.comnTable tr td { border-bottom: 1px solid #d8dde6; }
table.comnTable tr th { font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #d8dde6; }
table.comnTable thead { border-top: 1px solid #d8dde6;}
.dataTables_filter { padding: 0 0 15px; }

input[type="checkbox"]:checked{background:url({!$Resource.PeopleProcessPurposeImageAndScriptResources + '/ImagesAndScript/images/tick.png'});no-repeat center; background-size: 12px;}


p.gryTxt.icnPsg { line-height: 28px; }
.tableCell.lineVertical{background:#ccc; width:1px;}
h3.iconTxt > img { max-width: 30px; vertical-align: middle; }

ul.chckList > li { list-style: none; }


.extraFilters{position:absolute; right: 295px; z-index:99;}
.tabldDiv{position:relative;}
.extraFilters select, .extraFilters input { width: 200px;}
input.date{width:100px !important;margin-right: 8px;}
input.coInput{width:150px !important; margin-right: 8px;}
.mobileView{display:none;}

.sideDiv { position: absolute; right: 0; top: -67px; }
input[type="checkbox"]:disabled{ background: rgba(132, 131, 131, 0.18);  border: 1px solid #eee;  box-shadow: none;}

.section {  padding: 0px; margin-bottom: 55px; border-radius: 5px; }
.titleDiv { padding: 20px 0; }
.requiredAsteriskClass{color:red;}
.comboboxIcon{display:none;}

.comnpageTitle{background: #fff; padding: 15px 10px; margin-top: 0px; color: #6d6d6d; font-size: 25px; border-bottom: 2px solid #e6e6e6; position: relative; border-radius:5px 5px 0 0;}
.editBtnTitle{position: absolute; right: 0; z-index: 1; top: 11px;}
.deleteBtnTitle{position: absolute; right: 0; z-index: 1; top: 11px;margin-right:50px !important;}
.btnsSection.multiBtnDiv{position:relative;}

.tableSection { padding: 15px 15px 20px; background-color:#fff; border-radius:0 0 5px 5px; }
.editViewBtns { margin-bottom: 20px; }
.btmBtnDiv { padding: 15px 0 0; margin-top: -65px; border-top: 2px solid #eee; }
.editViewBtns .greenBtn, .editViewBtns .whiteBtn, .btmBtnDiv .greenBtn, .btmBtnDiv .whiteBtn{min-width:60px; width:auto;}
.btmBtnDiv { width: 100%; padding:15px 0 65px;}

.btmBtnDiv.adviserpageDiv{margin-top: -25px;}
.btmBtnDiv.btmMargin{margin-top: -25px;}
.backBtn.darkgreenBtn { background: #fff; color: #0e6dbb; font-weight: 600; position: relative; padding-left: 25px; border:1px solid #d6d6d6 !important;line-height:22px;}
.backBtn.darkgreenBtn:before { content: ''; border: solid #0e6dbb; border-width: 0 0px 2px 2px; display: inline-block; padding: 2px; transform: rotate(45deg); position: absolute; top: 15px; left: 13px; }
.hyperLink > .bold-text{ color: #0e6dbb; text-decoration: underline;}
table.comnTable.dataTable  tr td ul li { white-space: normal; }
table.comnTable.dataTable  tbody tr td { white-space: normal ; word-break: normal;}
.extraFilters > label { padding-right: 5px; }
.recordcount { display: inline-block; padding: 0px 6px; }
b.caret { display: none; }
span.multiselect-selected-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.dateRng > .titleStyle { padding-bottom: 15px;}
table.numberTable tr td:first-child, table.numberTable tr th {  background: #edf5fc !important ;}
table.numberTable tr th{padding:8px 10px;}
table.dataTable tfoot th, table.dataTable tfoot td { padding: 8px 10px; background: #edf5fc !important; font-weight: 600; }

.tableLayout.defltPgeTable{max-width: 800px; margin: 0 auto;}
.tableCell .smlTable {  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.11); background:#fff;}
.topBtnDiv{padding:0 0 15px;}
.smlTable table tr:nth-child(odd) td {  background: #f9f9f9;}
table.multiSelectPicklistTable tr td { line-height: 0;  height: 0;}
 .smlTable table tr td { word-wrap: break-word; }
/*.tableCell .smlTable{min-height: 187px;}*/
.cht-center{text-align: center; vertical-align: middle; height: 100%; line-height: 100px;}
.fundBtnsDiv { margin-right: 80px; margin-top: -3px; }










/*******************************Modal****************************/
.modal { display: none; position: fixed; z-index: 9001; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #fefefe; margin: auto; padding: 0; /*border: 1px solid #888; */width: 100%; max-width:500px; border-radius: 6px; position:relative; }

.modalHead { height: 60px; background: #f3f3f3; line-height: 60px; font-weight: 600; border-bottom: 2px solid #e6e6e6; border-top-left-radius: 6px; border-top-right-radius: 6px;padding: 0 20px; }
.close { color: #ffffff; float: right; font-size: 28px; font-weight: 500; position: absolute; top: -37px; right: 0; cursor:pointer; }
.modalFooter { background: #f3f3f3; border-top: 2px solid #e6e6e6; text-align: right; padding: 11px; height: 60px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.modalIncontent > p { position: relative; padding-left: 15px; padding-bottom: 10px; }
.modalIncontent > p:before { content: ''; background: #808080; width: 5px; height: 5px; position: absolute; left: 0; top: 6px; }
.modalIncontent { padding: 21px; }

/******************************Search Page******************************/

.searchTable table { width: 100%; border-collapse: collapse; }
.searchTable table tr td { padding: 7px; }
.searchTable table tr:nth-child(odd) td { background: rgba(237, 245, 252, 0.71); }
.searchTable table tr td:first-child { background: #0e6dbb; width: 35px; text-align: center; color: #fff; }
.searchTable table tr td { border: 1px solid #eee; padding: 7px;}
.serchTitle { background: #f3f3f3; padding: 15px 10px; margin-top: 40px; color: #6d6d6d; font-size: 25px; border-bottom: 2px solid #e6e6e6; padding-left: 70px; position: relative; }
.serchTitle:before { content: ''; background: #0e6dbb; width: 30px; height: 30px; position: absolute; left: 16px; border-radius: 3px; top: 19px; }
.searchTableDiv{padding:15px;}
.serchTitlePanel { color: #6d6d6d; border-radius: 3px; padding: 7px; padding-left: 45px; position: relative; font-size: 25px; margin-bottom: -25px; }




/******************************Pagination******************************/

.dataTables_wrapper .dataTables_paginate .paginate_button { border: 1px solid #d8dde6; padding: 5px; min-width: 30px; margin-left: 5px; margin-bottom:8px; color: #466177 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #b3b3b3 !important; border: 1px solid #d8dde6; box-shadow: none; background: #f9f9f9; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #000 !important; border: 1px solid #303030; background: #fff; font-weight: 600;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: #fff; color: #0e6dbb !important; border: 1px solid #0e6dbb;}
.dataTables_wrapper .dataTables_paginate{padding-top: 1em;}



/************************Metrics Table****************************/

.smlTable table tbody { display: block; max-height: 368px; overflow-y: auto; overflow-x: hidden; height: 100%; }
.smlTable table tbody tr, .smlTable table thead { display: table; width: 100%; table-layout: fixed; }

.smlTable ::-webkit-scrollbar {
    width: 6px;
    height:8px;
}

.smlTable ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; border-color:gray;
}

.smlTable ::-webkit-scrollbar-thumb {
    border-radius: 10px; background:#ccc;
}

.tableLayout.chartTble { border-spacing: 0 40px; }

.smlTable text { font-size: 13px;}







/******** Plan Sponser Detail Page********/
.currentBalance.inputCurrency, .lblcuurentBln { width:auto; display: inline-block; margin-right:5px; line-height:32px;}
.new_flexclass{display:flex; align-items: center;}



.navBg { background: #eff5fc; top:0 ; transition:all 0.4s ease!important; }
.stickNow .navBg { top: 41px; }
.scndNav > ul.navList.navTabList > li { line-height: normal; }


.subNavBar { top:0;  transition: top 1s; background-color:#999; }

.subNavList > li { display: table-cell; padding-left: 18px; color: #3b5f34; }
.scndNav .subNavList > li { padding: 5px 15px; text-align: center; position: relative; margin: 0; }
.scndNav .subNavList > li a { font-size:12px;}
.subNavBar > .container { padding: 0; }
.stickNow >.subNavBar { position: fixed; width: 100%; top: 30px; background: #999; z-index: 99; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);}

ul.subNavList > li a { color: #d2d2d2; }


ul.subNavList {overflow: hidden; margin-right: 85px; width: 100%;}
.scndNav .subNavList > li a { font-size: 13px; color: #eee; white-space: nowrap; }
.container.scndNav { display: flex; align-items: flex-start;}
button.show-moreLinks { background: none; border: 0 none; color: #fff; }
ul.subNavList.showSubnav > li { display: block; text-align: left; }


/*****************************Nav Bar Design********************************/

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
    width: 200px;
    height: 50px;
}


#back-to-top { position: fixed; bottom: 266px; right: 47px; z-index: 9999; font-size: 16px; width: 27px; height: 27px; text-align: center; line-height: 24px; background: rgba(0, 0, 0, 0.4); color: #fff; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; box-shadow: 0 0 3px rgba(0, 0, 0, 0.34); -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

 #back-to-top:hover { background: #4a4a4a;  }
#back-to-top.show { opacity: 1; -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}





/*********************HOME PAGE DESIGN*******************/
 .dashBoardTble .smlTable table tbody{max-height: 200px;}

.dashBoardTble {background: #eff2f6; border: 1px solid #aaa; border-radius: 5px;}
.dashBoardTble > .tableRow > .tableCell { border-right: 1px solid rgba(95, 116, 149, 0.11); border-bottom: 1px solid rgba(95, 116, 149, 0.11); padding: 10px; position: relative; vertical-align: top; }


.dashBoardTble .tableCell:after { content: ''; background: rgba(255, 255, 255, 0.66); position: absolute; width: 100%; height: 100%; top: 0; left: 0; display:none; }
.tbleTitle { background: #eff2f6; padding: 12px; border-bottom: 1px solid #ddd; margin: 0 0 15px; font-weight: 600; }

.dashBoardTble .smlTable table thead { background: #efefef; }
.dashBoardTble .tableCell .smlTable{box-shadow:none;}

.dashBoardTble .smlTable table tr th, .dashBoardTble .smlTable table tr td{border:0 none;}
  
.dropzone{border: 2px dashed #dadada !important;}
table.dataTable thead th, table.dataTable thead td{padding:8px 10px;}

.tableLayout.dashBoardTble .smlTable { height: auto; max-height: 200px; background: #fff; }







/********************************All new changes***********************************/

.darkGreentxt { color: #ffffff; }
.grayShade, .grayShade > li { color: #fff; }
.btn.lognBtn{font-size:16px;}
input[type="checkbox"]{background-color:#fff; width:20px; height:20px;}






ul.navList.navTabList > li a { color: #333; font-weight: 500; }
.navBar .navList > li:after{content:none;}
li.activeTab { background: #999; }

.navBar .navList > li:hover { background: #666; color:#fff;}
.navBar .navList > li a:hover, .navBar .navList > li:hover a { color:#fff;}
ul.navList.navTabList > li.activeTab a{color:#fff;}

.navBar .navList > li:before{border-left: 1px solid #000000;}

.tbleTitle{background: #dddddd;}
.tableLayout.dashBoardTble .smlTable{max-height:300px;}
.dashBoardTble{background:#fff; overflow: auto;}
.tableCap{background:#333; border: 1px solid #333; text-shadow:none;}


ul.navList.deskView li a {  color: #d2d2d2;}
ul.navList.deskView li a:hover{ color: #fff;}
.signupBox .darkGreentxt{color: #222222;}
input[type="date"]::-webkit-inner-spin-button {display: none;}
input[type="date"]::-webkit-calendar-picker-indicator {font-size:14px;}
.blackbackground { background: rgba(0, 0, 0, 0.57); padding: 100px;}
.blackbackground *{color:#fff;}
input.newBtnClass { text-align: center; border: 1px solid #a5a5a5; border-radius: 3px; padding: 15px; margin: 50px auto 0; display: block; min-width: 200px; background: rgba(0, 0, 0, 0.44); cursor: pointer; }

.fileUpBox { padding: 50px 0 0; text-align: left; }
.uploadTextarea{padding:20px 0 0; }

.tableCap .tableChkBox{display:inline-block; float:right;}
.smlTable table tr th, table.comnTable tr th { font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }




/************************CHECKBOX METRICS PAGE******************************/

.swipe-btn { position: relative; display: inline-block; width: 50px; height: 27px; vertical-align:middle; margin-top:-6px;} 
.swipe-btn input {display:none;} 
.slider-check { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; border-radius: 34px;  -webkit-transition: .4s; transition: .4s; } 
.slider-check:before { position: absolute; content: ""; height: 20px; width: 20px; left: 4px; bottom: 4px; background-color: white; border-radius: 50%;  -webkit-transition: .4s; transition: .4s; } 
input.printChkBox:checked + .slider-check { background-color: #2196F3; } 
input.printChkBox:focus + .slider-check { box-shadow: 0 0 1px #2196F3; } 
input.printChkBox:checked + .slider-check:before { -webkit-transform: translateX(21px); -ms-transform: translateX(21px); transform: translateX(21px); } 



/*****************************Changes on 25-1-18********************************/
.mrbtn{position: absolute; right: 0; margin: 4px 22px 0px 0px;display:none;}
.moreBtn{display:none;text-transform: capitalize !important;}

.currentBalance.inputCurrency, .lblcuurentBln{min-width:150px;}

@media screen and (max-width:1852px){
    .mrbtn{display:block;}
}

@media screen and (max-width:1264px){
    .moreBtn{display:block;}
}


/******** Responsive Style ********/
@media screen and (max-width:1150px){
    
    .dataTables_length, .dataTables_filter{padding: 0 0 60px; }
    .extraFilters.dateFields { top: 65px; right: unset; margin-right: 0; }
    .searchInput{max-width:300px; min-width:unset;}

}

@media screen and (max-width:1050px){
}

@media screen and (max-width:1000px){
    .container.inContent{padding:15px;}
    .container.boxCont{padding: 0 20px ;}
    .headbgImg{background-position:center;}
    
    
    /*.stickNow .navBar .navList > li { max-width: 100px; overflow: hidden; }
    .stickNow ul.navList.navTabList > li a {  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }*/
 }


@media screen and (max-width:900px){
    .bigCell{width:auto;}
    .header .fR {  width: 25%;}
}

@media screen and (max-width:850px){
    .floating-box{width:49% ; padding-bottom:15px;}
    .boxDiv {margin-left: -10px;}
    .fc-time-grid-container{height:100% !important;}
    .dateRng > select {  max-width: 200px;}
    .boxDiv.home-page{margin-left: 0;}
    .boxDiv.home-page > .floating-box:nth-child(even) { margin-left: 2%; }
    
}



@media screen and (max-width:768px){ 
    *{font-size:14px;}
    .navList > li > a, .navList > li > a > sup { color: #fff !important; }
    .serchIcon::-webkit-input-placeholder{color:#fff;}
    .serchIcon::-moz-placeholder  {color:#fff;}
    /*.serchIcon{color:#fff;}*/
    ul.searchList{max-width:100%;}
    .mobileView{display:block;}
    /******** Color Box Style ********/
    .boxStyle .tableCell { padding-bottom: 15px; max-width: 200px; }
    
    .navList.deskTopview{display:none !important;}
    
    /******** Header Style Menu  Button ********/
    .container.inContent {  padding-top: 150px !important;}
    .mobileList{display:block;}
    .mobileList li{list-style:none;}
    .navList{position: fixed; right: -300px; width: 300px; height: 100%; background: #222; top: 0; -webkit-transition: all 0.4s ease; transition: all 0.4s ease-in-out; z-index: 9999; overflow:auto;}
    ul.navList > li { display: block !important; border-bottom: 1px solid #4e4e4e; padding: 0; margin: 0; color: #fff; vertical-align:middle; }
    .navList > li > a { display: block; padding:15px; }
    .dropdownStyle .dropdownMenu > li > a{color:#fff;}
    .menuBtn:before { content: ''; position: absolute; border-top: 3px solid #0f6dbb; display: block; width: 20px; height: 3px; border-bottom: 3px solid #0f6dbb; top: 6px; }
    .menuBtn:after { content: ''; position: absolute; border-bottom: 3px solid #0f6dbb; width: 20px; height: 3px; display: block; border-radius: 1px; }
    .menuBtn{cursor:pointer; width: 30px; height: 30px; background: none; border:0 none; text-align: center; position: relative;}
    .showSidebar{-webkit-transition: all 0.4s ease; transition: all 0.4s ease; transform: translateX(-300px);}
    .searchInput{min-width: auto; width: 95%; margin: 0 auto; max-width:100%;}
    .noFloat{position: absolute; top: 85px; left: 0; width: 100%;}
    /*.container{max-width:100%;}*/
    li.activeTab { background: #999; border-left: 3px solid white; }
    li.mobileLink.user span{padding-left: 55px !important; position:relative; font-size:13px;}
    .user b{color:#fff; display:block;}
    
    .selectedVal:after { border-top: 6px solid #fff; }
    .dropdownStyle .dropdownMenu { display: none; width: 100%; margin: 0; box-shadow: none; max-width: 100%; position: static; padding: 0; background: none; }
    .dropdownStyle .dropdownMenu > li { display: block; margin: 0; padding: 5px; border-bottom: 0; }
    .dropdownStyle {padding:15px;}
    .selectedVal{color:#fff;}
    .darkgreenBtn{display: inline-block;}
    .header > .container{padding:0 20px;}
    .selectedVal{cursor:pointer;}
    .mobileList{display:block;}
    .clsBtnStyle { background: none; border: 0 none; color: #fff; font-size: 50px; font-weight: 100; transform: rotate(45deg); position: absolute; left: 10px; }
    .hideDiv{display:none;}
    
    .gryVertcline { transform: rotate(90deg);}
    .linesmlCell{width:100%;}
    
    .textCenter{text-align:center;}
    
    
    
    .header { position: fixed; width: 100%; max-width:100%; background:#ddd url('https://www.toptal.com/designers/subtlepatterns/patterns/pw_maze_white.png') repeat; background-size:auto !important; top: 0; z-index: 99; padding:20px 15px !important; height:135px;left:0; right:0; border-bottom: 1px solid #e8e8e8; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.04); }
	.bgBlack { position: fixed; background: rgba(0, 0, 0, 0.53); width: 100%; height: 100%; top: 0; left: 0; z-index:999 }

    .btnNoStyle { background: none; border: 0 none; padding: 15px; font-weight: 600; width: 100%; text-align: left; }               
    .defltPgeTable > .tableRow > .tableCell{display:block;} 
    .fixBoxStyle{margin-top:75px;}
    .popUpsignBx{width:100%; min-width:100%;}
    
    .errStyle:before{line-height:17px;}
    
    .container.inContent{padding: 50px 15px 30px;}
    .proTable .tableCell{display:block; padding-bottom:15px;}
    .rghtBorder, .lftBorder { padding: 0 0 20px; border: 0; }
    .proTable .tableRow { display: block; }
    .navList.smlNavlist{display:none;}
    .navList li.mobileLink{display:block !important;}
    .navBar .navList > li:before{display:none;}
    .navBar .navList > li{padding: 5px 0; text-align: left; border-right:1px solid black;}
    .floating-box:nth-child(odd), .chartBox:nth-child(even) { margin-left: 0;}
    .tableCell.planTransferDiv {  display: block !important;}
 	.CustomDateRange {   padding-left: 0;}
    span.CustomDateRange > label:first-child { padding-top: 10px; display: block; }
    
    
    .stickNow .navBar{position:static;}
    .stickNow .navBar .navList > li { line-height: normal; max-width:100%;}
    .container.inContent.planSponsrDetailpg { padding-top: 210px !important;}
    .stickNow .newTab{top:135px;}
     
     
    .subNavBar { position: fixed; top: 135px; width: 100%; border: 0 none; padding: 15px 20px; z-index:9; transition: 0s; background:#999;}
    button.newTbBtn { display: block; background: #fff; border: 1px solid #d6d6d6; color: #403f3f; font-weight: 600; padding: 6px 8px; position: relative; padding-right: 20px; height:100%;}
    button.newTbBtn:before { content: ''; border: 5px solid transparent; border-top: 7px solid #999999; border-radius: 3px; position: absolute; right: 7px; top: 12px; }
    .subNavList { position: fixed; left: 0; width: 100%; height: auto; background: #222; top: -100%; -webkit-transition: all 0.4s ease; transition: all 0.4s ease-in-out; z-index: 9999; overflow: auto; text-align: center; }
	ul.subNavList.openList { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; transform: translateY(0); top: 188px; }
    .floating-box:nth-child(even) { margin-left: 0; }
    
    
    .stickNow .fL.noFloat { width: 80%; position: static; }
    .stickNow .logoimg{display:none;}
    .stickNow .header{height:auto;}
    .stickNow >.subNavBar { width: auto; background: none; box-shadow: none; top: 20px; left: 10px; padding: 0; height: 32px; }
    ul.subNavList > li > a { color: #000; display: block; text-align: right; padding: 10px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.28); line-height: normal; font-size:13px; text-transform:uppercase;}
    .scndNav .subNavList > li{padding: 0; display: block; border-bottom: 1px solid #909090; box-shadow:inset 0 1px 1px #cccccc52;	}
    .stickNow .subNavList { top: -100%; }
    .darkBlackBg{position: fixed; background: rgba(0, 0, 0, 0.53); width: 100%; height: 100%; top: 0; left: 0; z-index: 9; display:none;}
    .tableLayout.dashBoardTble .tableCell { display: block; }
    .scndNav .subNavList > li a { font-size: 13px; border-bottom: 0 none; padding: 12px 15px; text-align: center; color:#eee; }
    .stickNow .subNavList.openList{top:75px;}
    .tbleTitle{margin-bottom:0;}
	
    .dataTables_length, .dataTables_filter{padding: 0 0 15px;}
    .extraFilters { position: static; width: 100%; text-align: left; padding-bottom: 15px; }
    .fc-month-button, .fc-agendaWeek-button {display:none; }
    
	ul.subNavList.showSubnav { top: 186px;  text-align: left;}
    .stickNow ul.subNavList.showSubnav {  top: 70px;}
    .header .fR {width:unset;}
     .logoimg{width:100%; max-width:150px;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
    html {
        -webkit-text-size-adjust: none;
    }
}


@media screen and (max-width:750px){
    
    .boxCont{display:none;}
    select.filters{max-width:100%;}
    #filter > .labelStyle{display:none;}
    .btn.btnStyle{width:100%;}
    .closeBtn:before{font-size:30px;}               
    
    /******** Header Style ********/
    .header{ background-size: cover;}
    
    
    
    
    /******** Body Style ********/
    .tableCell { display: block; }
    /*.tableLayout{border-spacing: 25px 0;}*/
    
    .cellSize { width: 100%; vertical-align: top; padding-right: 0; }
    img#user-photo-medium { max-width: 200px; display: block; }
    
    .rghtBorder, .lftBorder{ padding: 0 0 20px; border: 0; }
    .tableLayout.borderStyle { border-spacing: 0; padding: 15px 20px; }
    .rghtSide { padding-left: 0; }
    .lftSide{padding-right:0;}
    .popBlock .comnTitle {font-size:14px;}
    .popBlock.termsPop{top:35px;  height: 100%; max-height: 500px; overflow: auto; width:95%;}
    .closeBtn{top: 15px; right:5%;}
    embed{height:100%;  min-height: 400px; }
    
    .dateRng > select{max-width:100%;}
    .CustomDateRange.fR{float:none;}
    .CustomDateRange > input { max-width: 100%; }
    .dateLable { padding: 8px 0 0;  display: block;}
    .floating-box{width:100%; padding:0 0 0; margin:0 0 15px; }
    .extraFilters{text-align: left; padding: 0 0 10px; right: 0; width: 100%; top: 70px; position:static;}
    .extraTablediv .dataTables_filter input{padding: 0 0 65px;}
    .extraFilters select{width:100%;}
    
    .dataTables_filter label{  text-align: left; display: block; }
    
    
    .extraFilters.dateFields{margin-right: 0;}
    input.coInput, input.date{width:100% !important; margin:0 0 6px;}
    /*.multiFilterDiv .dataTables_length { padding: 0 0 167px; }*/
    .multiFilterDiv .dataTables_filter {padding: 0 0 15px;}
    .dataTables_wrapper .dataTables_filter{margin-bottom: 15px;}
    
    
    .chartBox{width:100%; margin:0 0 60px;}
    /*.chartDiv{margin-top:160px;}*/
    .dataTables_length, .dataTables_filter{padding:0;}
    .titleStyle{padding-bottom:10px; padding-right:85px;}
    
    
    .tableCap{height:auto;}
    .datBtnDiv{position:static; padding: 10px 0 0;}
    .chartContainer{padding:12px; max-width:100%; }
    .boxDiv { margin-left: 0;}
    .chartContainer.inContent { padding-top: 150px; }
    .recordBorder { border-spacing: 0 0; }
    .smlTable{margin-bottom: 30px;    height: auto;}
    .fc-center h2 {  font-size: 17px;  margin-top: 15px;}
   
    
    .extraFilters.dateFields input { width: 100% !important; margin-bottom: 8px; }
    
    #back-to-top{font-size: 15px; width: 25px; height: 25px; line-height: 21px;}
    .bannerTxt{background-size:initial;}
    .pgtitleStyle, .blackbackground{padding:15px;}
    .container.centerBlk .tableLayout, .container.centerBlk .tableRow{display:block;}
    .featureBox ul li { word-break: break-all; }
    
    .boxDiv.home-page > .floating-box:nth-child(even){margin:0;}
    
    /*************************Default Page Table***************************************/
    .dashBoardTble .smlTable table tr:last-child td{min-height:unset; }

    .dashBoardTble .smlTable.service-provider table tr:last-child td{border: 0 none; padding: 0; line-height:30px;}
    .tableLayout.dashBoardTble .smlTable{max-height:unset;	}
    .dashBoardTble .smlTable table tr th, .dashBoardTble .smlTable table tr td{display:block;  min-height: 51px; padding: 10px 10px 10px; border-bottom: 1px solid #f5f5f5;}
    
    .dashBoardTble .smlTable table thead{display:none;}
    .dashBoardTble .smlTable table tbody { max-height: 100%; }

    
    .service-provider table tr td:before, .plan-stats table tr td:before, .top-funds table tr td:before, .top-engagement table tr td:before, .btm-engagement table tr td:before, .top-activities table tr td:before{ content: ''; font-size: 11px; display: block; padding: 0 0 5px; text-transform: uppercase; color: #8c8282; }
    .service-provider table tr td:first-child:before{content:'Name';}
    .service-provider table tr td:nth-child(2):before{content:'Type';}
    .service-provider table tr td:nth-child(3):before{content:' # Plans';}
    .service-provider table tr td:last-child:before{content:'Total Comp.';}
    .service-provider table tr:last-child td:before{content:''; display:none;}
    
     .plan-stats table tr td:first-child:before{content:'Status';}
    .plan-stats table tr td:nth-child(2):before{content:'# of Plan';}
    .plan-stats table tr td:nth-child(3):before{content:'Total Assets';}
    .plan-stats table tr td:last-child:before{content:'Total Comp.';}
    
    .top-funds table tr td:first-child:before{content:'Ticker';}
    .top-funds table tr td:nth-child(2):before{content:'Fund Name';}
    .top-funds table tr td:last-child:before{content:'Total Assets';}
    
    .top-engagement table tr td:first-child:before, .btm-engagement table tr td:first-child:before{content:'Company Name';}
    .top-engagement table tr td:last-child:before, .btm-engagement table tr td:last-child:before{content:'Engagement Count';}
    
	.top-activities table tr td:first-child:before{content:'Subject';}
    .top-activities table tr td:nth-child(2):before{content:'Company Name';}
    .top-activities table tr td:last-child:before{content:'Due Date';}
    
    .tableCap{clear:both;}
    
    .fund-btn{margin-bottom:10px;}
    .fundBtnsDiv { margin-right: 0; margin-top: 0; }
    .fR.fundBtnsDiv { float: none; }
    .fundBtnsDiv > input { margin-top: 10px; }
    .modal-content{width:90%;}
    
    
    .floating-btns{bottom:10%;}
    #back-to-top{bottom:6%;}
    
}

@media screen and (max-width:650px){
    .dataTables_wrapper .dataTables_filter input { margin-left: 0; }
    .dataTables_filter input{width:100% !important;}
}

@media screen and (max-width:500px){
    
    .darkgreenBtn.btnLink{display:block; width:100%; text-align:center;}

    
}

@media screen and (max-width:350px){
    .navList{width: 250px;}
    .clsBtnStyle{font-size:35px;}
}

@media screen and (max-width:320px){
    .casetableStyle {max-width: 300px; overflow: auto; display: block;}
}




/*
::-webkit-scrollbar {
    width: 6px;
    height:8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px; border-color:gray;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
}

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);   background: lightgray;*/











 @media print{
    
    *{margin:0; padding:0; box-sizing:border-box; font-size:13px; font-family:Arial;}
    div.footer { display: none;  padding: 5px;  position: running(footer);}
    .chartBox { width:100%!important; float:noone!important; display:block!important; page-break-inside: avoid; margin:0 0 20px;  border:0 none; height:400px; text-aiign:center;}
    .chartBox:before{page-break-before: avoid; background: #eee; display:block; position:static; background:#ccc !important; text-shadow:none;}
    .navBar, .datBtnDiv, .darkgreenBtn, .noFloat, .fR {display:none; }
    #investmentOptionId { margin-top: 0; height:auto; overflow: inherit !important; padding:0 0 10px;}
    .chartBox.chCurrentBalance{height:auto;}
    .tableCell{display:block;}
    .tableCap { color: #000;  border: 1px solid #ccc; border-bottom:2px solid #ccc; text-shadow: none; font-weight: 600; text-transform: uppercase; background-color:#f3f3f3 !important; -webkit-print-color-adjust: exact; }
    .tableCell .smlTable { min-height: auto; height: 375px !important; page-break-after:always; }
    .smlTable table{margin-top:15px; }
    .footer{display:none;}
    .smlTable{border:1px solid #ccc; border-top:0 none; background:#eee; width:100%; text-align:left; height:auto;}
    .tableCell .smlTable.tableChart{min-height:100px; height:unset !important;}
    .dateRng .titleStyle{display:inline-block;}
    
    .pdfFr {float:right; width:50%; text-align:right;}
    .smlTable table tbody{max-height:auto; overflow:visible;}
    .smlTable.scrollTble{height:auto; overflow:visible; border:0 none;}
    table{border-collapse:collapse;}
    .tableCell .smlTable{box-shadow:none;}
    table tr {page-break-inside: avoid;}
    .tableCap .tableChkBox{display:none;}
    .tableCell.printCell{display:none;}
    table tr td{border-left:0 none; border-right:0 none; border-bottom:1px solid #ccc; border-top:0 none;}
    .dateRng .titleStyle {display:block;}
    select.picklist{width:200px;}
    .CustomDateRange .labelStyle{padding-left: 10px;}
    @page { 
        size: 8.27in 11.69in; margin:6em 0 4em;
    }
}
.dropdown-menu > li > a:focus { outline: 0; }

.smlTable table{table-layout:auto;}

/*******************INFO ICON******************/
span.info-tag { border: 1px solid #d0cfcf; width: 16px; height: 16px; display: inline-block; text-align: center; vertical-align: middle; font-family: -webkit-body; color: #6d6d6d; border-radius: 3px; margin-left: 5px; background: #efefef; font-size: 12px; line-height: 16px; }
.floating-btns { z-index: 99; bottom:317px; width: 40px; height: 40px; position: fixed; right: 40px; text-align: center; line-height: 30px; background: rgba(0, 0, 0, 0.4); color: #fff; cursor: pointer; border: 0; border-radius: 3px; text-decoration: none; transition: opacity 0.2s ease-out; }
.floating-btns:before { content: '...'; font-size: 20px; letter-spacing: 3px; font-weight: 800; text-align: center; padding-left: 5px; }
.floating-btns > .float-btn.show-btns { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; -webkit-transform: translateY(-370%) ; transform: translateY(-370%); visibility: visible; opacity: 1; }
.floating-btns > .float-btn { background: #0e6dbb ; width: 30px; height: 30px; border: 1px solid #0e6dbb ; font-size: 0; border-radius: 50px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-pack: center; align-items: center; visibility: hidden; opacity: 0; -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.48); box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.48); cursor: pointer; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; margin-bottom: 0; }
.floating-btns > .float-btn.edit-float{background: #0f6dbc url(https://www.materialui.co/materialIcons/content/create_white_192x192.png)no-repeat center; background-size: 19px;}
.float-btn.cancel-float:before { content: '+'; font-size: 30px; font-weight: 400; color: #fff; position: absolute; top: 2px; line-height: 23px; left: 6px; transform: rotate(45deg); }
.float-btn.cancel-float, .float-btn.save-float { position: relative; }
.float-btn.save-float:before { content: ''; border-bottom: 2px solid #fff; border-right: 2px solid #fff; width: 5px; height: 11px; position: absolute; transform: rotate(45deg); top: 6px; left: 12px; }
ul.comment-list > li { margin: 0; list-style: none; font-weight: normal; white-space: pre; max-height: 215px; overflow: auto; margin-bottom: 25px; line-height: 25px; }