@font-face {
 font-family: "NunitoSans-Black";
 src: url('../fonts/web_fonts/NunitoSans-Black.ttf' ); 
 src: url('../fonts/web_fonts/NunitoSans-Black.ttf' ) format("truetype");
}

@font-face {
 font-family: "NunitoSans-Regular";
 src: url('../fonts/web_fonts/NunitoSans-Regular.ttf' ); 
 src: url('../fonts/web_fonts/NunitoSans-Regular.ttf' ) format("truetype");
}

@font-face {
 font-family: "NunitoSans-Bold";
 src: url('../fonts/web_fonts/NunitoSans-Bold.ttf' ); 
 src: url('../fonts/web_fonts/NunitoSans-Bold.ttf' ) format("truetype");
}

@font-face {
 font-family: "NunitoSans-SemiBold";
 src: url('../fonts/web_fonts/NunitoSans-SemiBold.ttf' ); 
 src: url('../fonts/web_fonts/NunitoSans-SemiBold.ttf' ) format("truetype");
}

@font-face {
 font-family: "NunitoSans-ExtraBold";
 src: url('../fonts/web_fonts/NunitoSans-ExtraBold.ttf' ); 
 src: url('../fonts/web_fonts/NunitoSans-ExtraBold.ttf' ) format("truetype");
}



body{font-family: "NunitoSans-Regular";font-size: 14px;background-color: #ecf0f5;}

h1,h2,h3,h4,h5,h6{font-family: "NunitoSans-SemiBold";}
h4,h5{font-size: 14px;}

hr{margin: 0px;}


.height-20{height: 20px !important;}
.height-400{height: 400px;}
.height-1000{height: 1000px;}

.border-primary{border-top:3px solid #245580;border-radius: 3px;}
.border-info{border-top:3px solid #28a4c9;border-radius: 3px;}
.border-success{border-top:3px solid #3e8f3e;border-radius: 3px;}
.border-warning{border-top:3px solid #e38d13;border-radius: 3px;}
.border-danger{border-top:3px solid #b92c28;border-radius: 3px;}

.bg-lightgreen{background: #7adc7e;}
.bg-lightbrown{background: #9f9e9e;}

.display-none-imp{display: none !important;}

.vertical-middle{vertical-align: middle !important;}

.loading_sec{width:100%;height:100%;background-color:rgba(255,255,255,0.8);position:fixed;top:0px;left:0px;z-index:2000;display: none;}
.loading_sec span{position:absolute;}
.loading_sec span .fa{color:#ffd851;}
#progress-files{display:none;font-size:20px;margin-left:-20px;color:#ffe939;}
.plz_wait{color:#fff;font-size:15px;margin-top:-10px;margin-bottom: 10px;text-align: center;}

#loading_sec_span2{position:static;display: block;text-align: center;margin-top: 200px;}

.cursor-pointer{cursor: pointer;}

.navbar-brand{/*padding:5px 15px;height: 75px;*/}
.navbar-default .navbar-brand{color: #fff;}
.navbar-nav{/*margin: 12px 0px;*/}
.navbar-default {/*background: #009688;background: #871010;*/ background:#607D8B;border:none;border-radius: 0px;}
.navbar-default .navbar-nav>li>a{color: #fff;font-size: 13px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fffcc0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a{background-image:none;background: #720a0a;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color: #49636f;color:#fff;}
.navbar-brand, .navbar-nav>li>a{text-shadow:none;}
.navbar-default .navbar-brand{color: #fffb90;}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{color: #fff;}
.nav>li>a{padding: 15px 8px;}
.navbar{margin-bottom:0px;}
.dropdown-menu>li>a{padding: 3px 10px;font-size: 13px;}
.dropdown-menu{border:none;}

.page-breadcrumb{margin-bottom: 20px;}

.form-control{box-shadow:none;border-radius: 2px;height: 27px;background-color: #fcfcfc;transition: none;/*text-transform: capitalize;*/border-color: #ccc;}
.form-control:focus{box-shadow: none;border:1px solid red;}

.fc-email{text-transform:lowercase !important;}
.fc-lowercase{text-transform:lowercase !important;}
.text-transform-none{text-transform: none;}
.form-horizontal .control-label{font-size: 13px;padding-top: 0px;font-family: "NunitoSans-SemiBold";}
input[type=text], input[type=number], textarea{-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;}
.form-group{margin-bottom: 5px;}
.select-control{padding: 3px 12px;}
.btn-group-sm>.btn, .btn-sm{line-height: 1.3;}


.btnFindInModal, .btnFindInFadePopup, .btnNavigateToMasters{line-height: 0.60 !important;border-radius: 2px;min-height: 26px;outline: 0;border-top: none;border-left: 1px solid #b9b9b9;}
.btnNavigateToMasters{border-right: none;}
.btnFindInFadePopup:hover, .btnNavigateToMasters:hover{border-color:#ccc;border-bottom:none;}
.btnFindInModal .fa-search, .btnFindInFadePopup .fa-search{font-size: 12px;}
.btnFindInFadePopup img, .btnNavigateToMasters img{width: 12px;}
.horizontal-labels .control-label{padding-top: 5px;}
.horizontal-labels .control-label span{color: #ff7a7a;position: relative;left: 2px;}

.divMasterInnerButtons{border:1px solid #ccc;background-color: #fcfcfc;height: 27px;border-radius: 2px;}
.divMasterInnerButtons .form-control{border:none !important;height: 24px;}
.textboxMasterInnerButtons{border-left:1px solid #ccc;}


.box-header{/*padding-bottom:8px;margin-bottom:20px;border-bottom: 1px solid #f4f4f4;*/ margin: 5px 0px;}
.box-header-divider{margin-top: 5px;margin-bottom: 5px;}
.box-header-divider2{margin-top: 5px;margin-bottom: 10px;}

.overflow-y{overflow-y:scroll;}
.table-data-overflow{height:400px;overflow-y:scroll;}
.table tr th,.table thead tr th,.table-relation thead tr th{background: #fffacd;}


.loader {border: 5px solid #f3f3f3;border-radius: 50%;border-top: 5px solid blue;border-right: 5px solid green;border-bottom: 5px solid red;border-left: 5px solid pink;width: 15px;
	  height: 15px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;
}

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

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

.report-table{margin-bottom: 0px;}
.report-table {border-collapse: collapse;background: white;table-layout: fixed;width: 100%;}
.report-table th, .report-table td {padding: 8px 16px;border: 1px solid #ddd;width: 180px;
  /*width: 230px;overflow: hidden;
  text-overflow: ellipsis;white-space: nowrap;*/}
.pane {background: #eee;}
.pane-hScroll {overflow: auto;width: 100%;}
.pane-vScroll {overflow-y: auto;overflow-x: hidden;/*min-height: 150px;*/height: 450px;}
/*#findInFadePopup .pane-vScroll{height: 450px;}*/
.report-column-filter-icon-box{display: block;text-align: center;padding-top: 3px;margin-top: 3px;}
.report-column-filter-icon-box span{display: inline-block;}
.report-tickmark{margin-right: 5px !important;}

.btn-table-sort-asc{color: #0aab18;margin-right:5px;display: block;cursor: pointer;}
.btn-table-sort-desc{color: #ff6262;margin-right:5px;display: block;cursor: pointer;}
select.input-sm{height:27px;}
.btnReportFilter{margin-right:5px;display: block;cursor: pointer;}
.btnReportFilter .fa, .btn-table-sort-desc .fa, .btn-table-sort-asc .fa{font-size: 14px;}
.btnReportFilter .fa{color: #607D8B;}

.pagination-box label{font-weight: normal;margin: 6px 5px;font-size: 12px;}
.pagination-box select.input-sm{width:65px;padding: 5px 5px;line-height: 17px;}
.pagination-box .form-control{width:65px;padding: 5px 5px;}
.pagination-box .pagination{margin:0px;margin-left:5px;}
.pagination-box .pagination>li>a, .pagination-box .pagination>li>span{padding: 5px 10px;border: 1px solid #ccc;    font-size: 12px;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 5px 8px;font-size: 13px;}

.header-right-top{position: absolute;top: -15px;right: 5px;background: #fff59c;padding: 2px 6px;color: #6b6b6b;}
.header-left-views{position: absolute;top: -5px;left: 15px;}
.header-left-views .fa{color: #ffb2b2;margin-right: 5px;cursor: pointer;}
.header-left-views .fa:hover{color: #000;}

.modal-header, .modal-footer{padding: 5px 15px;}
.table-report-setting tr td{font-size: 13px !important;padding:3px 5px !important;vertical-align: middle !important;}
.modal-content{border-radius: 0px;}
#modalReportSettings, #modalReportFilter, #modalReportFilterInner{background: rgba(0,0,0,0.8);}

/**/
.popover{border-radius: 0px;}
.popover-content .dropdown-submenu{position:relative;}
.popover-content .dropdown-submenu>.dropdown-menu{top:30px;left:-95%;max-width:180px;margin-top:-6px;margin-right:-1px;-webkit-border-radius:6px 6px 6px 6px;-moz-border-radius:6px 6px 6px 6px;border-radius:6px 6px 6px 6px;}
.popover-content .dropdown-submenu:hover>.dropdown-menu{display:block;}
.popover-content .dropdown-submenu>a:after{
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #939393;
    margin-top: 5px;
    margin-right: 0px;
}
.popover-content .dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.popover-content .dropdown-submenu.pull-left{/*float:none;*/ width: 100%;}
.popover-content .dropdown-submenu.pull-left>.dropdown-menu{/*left:96%;;margin-left:10px;*/left:0;}
.popover-content .dropdown-menu-right {margin-left:0;}

.popover-content{padding: 0px 0px;}
.popover-content .dropdown-menu{border-radius: 0px;border: none;margin-bottom: 0px !important;margin-top: 0px;box-shadow:none;}
.popover-content .dropdown-menu .sub{border-radius: 0px;border: 1px solid #ccc;}

.popover-content .item-list{/*border:1px solid #ddd;*/ }
.popover-content .item-list ul{margin: 0px;padding: 0px;padding: 10px 8px;margin-top: 10px;height:120px;overflow-y:scroll;border-left: 1px solid #e8e3ba;border-top: 1px solid #e8e3ba;border-bottom: 1px solid #e8e3ba;background: #fffacd;}
.popover-content .item-list ul li{list-style-type: none;display: block;padding: 2px 0px;border-bottom: 1px solid #eae5b8;}
.popover-content .item-list ul li span{font-size: 13px;position: relative;top: -2px;}
.popover-content .item-list ul li span .fa{float: right;cursor: pointer;color: #ff5454;position: relative;top:3px;}
.popover-content .btn-grp{margin:10px 5px 10px 5px;}
.popover-content .btn{width: 50px;}

.sales-table-elements{margin-bottom: 0px;}
.sales-table-elements tr th, .sales-table-elements thead tr th, .table-relation thead tr th{
  background: #fffacd;}
.sales-table-elements tr td{padding: 0px 0px !important;}
.sales-table-elements tr td .form-control{border:none;padding: 1px 3px;font-size: 12px;height: 24px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.sales-table-elements tr td .form-control:focus{box-shadow: none;}

.footer-fixed-logo img{opacity:0.7;position:fixed;right:20px;bottom:10%;}

.dashboard-box{border-radius: 4px;cursor: pointer;margin-bottom:20px;}
.dashboard-box h4{font-size: 17px;}
.dashboard-box .counter{padding: 20px 20px;}
.dashboard-box .fa{position: absolute;top: 10px;right: 30px;z-index: 0;font-size: 50px;color: rgba(0,0,0,0.15);transition: all .3s linear;}
.dashboard-box:hover>.fa{font-size: 75px;}
.dashboard-box a{position: relative;text-align: center;padding: 3px 0;color: #fff;color: rgba(255,255,255,0.8);display: block;z-index: 10;background: rgba(0,0,0,0.1);text-decoration: none;transition: all .3s linear;}
.dashboard-box a:hover{background: rgba(0,0,0,0.4);}


#findInFadePopup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:1049;display:none;}
#findInFadePopupDetails{position:fixed;top:0;right:0;width:80%;height:100%;background:#fff;border-top: 3px solid #e38d13;}
#findInFadePopupDetails .border-warning{border:none;}
#btnCloseFindInFadePopup{position: relative;top:10px;left:10px;}
#btnCloseFindInFadePopup .fa{color: #ff7a7a;font-size: 25px;cursor: pointer;}

/*typeahead*/
.typeahead,.tt-query,.tt-hint {}

.tt-menu {width: 100%;margin: 27px 0;padding: 8px 0;background-color: #fff;border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.tt-suggestion {padding: 6px 12px;}
.tt-suggestion:hover {cursor: pointer;color: #fff;background-color: #0097cf;}
.tt-suggestion.tt-cursor {color: #fff;background-color: #0097cf;}
.twitter-typeahead, .tt-hint, .tt-input, .tt-menu { width: 100%; }
.tt-hint {color: #999;}
.twitter-typeahead{display: block !important;}

/*.sales-table-elements .tt-menu{margin: 1px 0;}*/

.top-toolkit-strip{background: #fdffdf;border-bottom: 1px solid #ddd;}
.toolkit-list{margin: 0px;padding: 0px;}
.toolkit-list li{list-style-type: none;display: inline-block;position:relative;}
.toolkit-list li:first-child{/*border-left:1px solid #d7d9b9;*/}
.toolkit-list li a{display: inline-block;background: transparent;padding: 2px 3px;
  border-left: 1px solid transparent;border-right: 1px solid transparent;}
.toolkit-list li a:hover{
  display: inline-block;/*border-left: 1px solid #ddd;border-right: 1px solid #ddd;*/
  background-color: #fff59c;
  background-position: center center;
  background-repeat: no-repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 300, from(#fff59c), to(#e6dd8d));
  background: -webkit-radial-gradient(circle, #fff59c, #e6dd8d);
  background: -moz-radial-gradient(circle, #fff59c, #e6dd8d);
  background: -ms-radial-gradient(circle, #fff59c, #e6dd8d);
}
.toolkit-list li a img{width: 12px;}
.toolkit-dropdown{position:absolute;width: 250px;height:auto;background-color: #fff;left: 0;right: auto;top: 100%;z-index: 1000;box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.toolkit-dropdown ul{margin: 3px 0px;}
.toolkit-dropdown ul li{display: block;padding: 4px 10px;}
.toolkit-dropdown ul li:hover{background: #e8e8e8;}
.toolkit-dropdown ul li .form-control{width: 50px;height: 20px;padding: 5px 5px;font-size: 12px;margin: 0px 5px;}
.toolkit-dropdown ul li .switch{float: right;}

.top-instruction-strip{margin-bottom: 10px;background: #fbffc0;border-bottom: 1px solid #ddd;height: 12px;text-align: center;}
.instruction-list{margin: 0px;padding: 0px;}
.instruction-list li{list-style-type: none;display: inline-block;font-size: 11px;position: relative;top: -5px;}

.form-section-divider{border-bottom: 2px dotted #d3d3d3;padding-bottom:20px;margin-bottom:20px;}

.condensed-view-tabs>li>a{padding: 2px 10px;}
.condensed-tab-content>.tab-pane{padding: 5px 0px;}

.tooltip{z-index: 1047 !important;}


.switch {position: relative;display: inline-block;width: 50px;height: 21px;}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #f84944;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 15px;width: 15px;left: 4px;bottom: 3px;
  background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #419641;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.pic-box{border: 1px solid #ddd;margin: 5px 0px;text-align: center;background: #f7f7f7;width: 100%;height: 200px;overflow: hidden;position: relative;}
.pic-box img{height: 200px;overflow: hidden;}

.select2-container--default .select2-selection--multiple{background-color: #fcfcfc !important;border: 1px solid #ccc !important;border-radius: 2px !important;}
.select2-container .select2-selection--multiple{min-height: 27px !important;;}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color: rgba(255,255,255,0.7) !important;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered{margin: -5px 0px !important;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{font-size: 12px;margin-top: 8px !important;background-color: #3c8dbc !important;border-color: #367fa9 !important;color: #fff;}

.company-details{background:#4b626d;font-size:11px;text-align:center;}
.company-details .company{color:#fff;}
.company-details .user{color: #ffca7c;}

.active-tool{
    display: inline-block !important;
    background-color: #fff59c !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background: -webkit-gradient(radial, center center, 0, center center, 300, from(#fff59c), to(#e6dd8d)) !important;
    background: -webkit-radial-gradient(circle, #fff59c, #e6dd8d) !important;
    background: -moz-radial-gradient(circle, #fff59c, #e6dd8d) !important;
    background: -ms-radial-gradient(circle, #fff59c, #e6dd8d) !important;
}

.role-management-box{height:400px;overflow-x: scroll;/*border: 1px solid #ccc;*/}
.table-role-management tr td{text-align: center;padding: 1px 5px !important;vertical-align: middle !important;}
.table-role-management tr td input[type=checkbox]{display: inline-block;}
.table-role-management tr td small{display: block;font-size: 9px;}
.edit-bg{background: #fff59c;}
.delete-bg{background: #a9e4ff;}
.view-bg{background: #ffcfbf;}
.enable-bg{background: #ced5ff;}
.add-bg{background: #dcffb4;}
.download-bg{background: #f9d6ff;}
.page-bg{background: #ffffde;}

.rowReportDate label, .rowReportAdditionalFilters label{font-size:12px;font-weight:normal;padding-top:5px;}
/*.rowReportDate .form-control, .rowReportAdditionalFilters .form-control{width:auto;display: inline-block;border-radius: 0px;font-size:12px;}

.rowReportAdditionalFilters .input-group{display: inline-block;}
.rowReportAdditionalFilters .input-group .form-control{float: none;}
.rowReportAdditionalFilters .input-group .tt-menu{margin: 0px 0px !important;}*/


.vertical-check-group{border:1px solid #ddd;height:200px;overflow-y:scroll; }
.vertical-check-group .box{display:block;font-weight: normal;padding: 0px 10px;}
.vertical-check-group .box:hover{background: #fff59c;cursor: pointer;}
.vertical-check-group .box span{position: relative;top:0px;}

.status-lights .red{background: #c12e2a;width:10px;height:10px;display: inline-block;}
.status-lights .orange{background: #eb9316;width:10px;height:10px;display: inline-block;}
.status-lights .green{background: #419641;width:10px;height:10px;display: inline-block;}

.draggable-data-settings{/*margin-top: 10px;*/}
.draggable-data-settings .list-group-item-bg{padding: 5px 10px;}
.draggable-data-settings .list-group-item-bg{color: #000000;/*background-color: #ddd;*/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,dee3e5+51,f5f7f9+100 */
background: #f6f8f9; /* Old browsers */
background: -moz-linear-gradient(top, #f6f8f9 0%, #dee3e5 51%, #f5f7f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f6f8f9 0%,#dee3e5 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f6f8f9 0%,#dee3e5 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
}
.draggable-data-settings .list-group-item-bg .glyphicon{top:7px;}
.draggable-data-settings .list-group-item-bg label{position: absolute;top: 3px;font-weight: normal;font-size: 15px;}
.draggable-data-settings .list-group-item-bg .lblField{position: relative;top: 4px;}
.draggable-data-settings .list-group-item-bg .switch{position: absolute;top: 3px;left:20px;}
.draggable-data-settings .list-group-item-bg .text-box, .total-width-text-box{border: 1px solid #ccc;background-color: #fcfcfc;width: 100%;padding: 2px 5px;height: 27px;}



/*breadcrumb*/
.breadcrumb {padding: 0px;background: rgba(191, 203, 219, 0.7);list-style: none; overflow: hidden;margin-bottom: 10px;border-radius: 0px;}
.breadcrumb>li+li:before {padding: 0;}
.breadcrumb li { float: left; }
.breadcrumb li.active a {background: brown;background: #4ea64e;}
.breadcrumb li.completed a {background: brown;background: hsl(214, 12%, 66%);}
.breadcrumb li.active a:after {border-left: 30px solid #4ea64e ;}
.breadcrumb li.completed a:after {border-left: 30px solid hsl(214, 12%, 66%);} 
.breadcrumb li a {color: white;text-decoration: none; padding: 3px 0 3px 45px;position: relative; display: block;float: left;font-size: 11px;}
.breadcrumb li a:after { content: " "; display: block;width: 0; height: 0;border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-left: 30px solid hsla(214, 29%, 85%);position: absolute;top: 50%;margin-top: -50px; left: 100%;z-index: 2; } 
.breadcrumb li a:before { content: " "; display: block; width: 0; height: 0;border-top: 50px solid transparent; border-bottom: 50px solid transparent;border-left: 30px solid white;position: absolute;top: 50%;margin-top: -50px; margin-left: 1px;left: 100%;z-index: 1; } 
.breadcrumb li:first-child a {padding-left: 15px;}
.breadcrumb li a:hover { background: #607d8b; }
.breadcrumb li a:hover:after { border-left-color: #607d8b !important; }
/*end breadcrumb*/


/*.btn-datetime-switch{min-width: 50px;}
.btn-datetime-switch-clicked{background: #73d277;color: #fff;}*/

.rowReportDate .btn-group .btn+.btn, .rowReportDate .btn-group .btn+.btn-group, .rowReportDate .btn-group .btn-group+.btn, .rowReportDate .btn-group .btn-group+.btn-group{margin-left: 0px;}

#btnCRDateDaySelect, #btnCRDateMonthSelect, #btnCRDateYearSelect{background: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-left: none;border-right: none;}

#btnCRDateDaySelect:hover, #btnCRDateMonthSelect:hover, #btnCRDateYearSelect:hover{font-weight: bold;color: #cc2b2b;background: #fffacd;box-shadow: 0px 5px 10px #d8d8d8;}

/*
#btnCRDateDaySelect:focus, #btnCRDateMonthSelect:focus, #btnCRDateYearSelect:focus{font-weight: bold;color: #cc2b2b;background: #fffacd;box-shadow: 0px 5px 10px #d8d8d8;outline: 0;}*/

.btnCRDateModeSelected{font-weight: bold;color: #cc2b2b;background: #fffacd !important;box-shadow: 0px 5px 10px #d8d8d8;outline: 0;}

#btnCRDateDayPrev,#btnCRDateDayNext,#btnCRDateMonthPrev,#btnCRDateMonthNext,#btnCRDateYearPrev,#btnCRDateYearNext,#btnCRDateFromPrev,#btnCRDateFromNext,#btnCRDateToPrev,#btnCRDateToNext{background: #607D8B;color: #fff;}
#btnCRDateFromPrev,#btnCRDateFromNext,#btnCRDateToPrev,#btnCRDateToNext{background: #6e6e6e;color: #fff;}

#btnCRDateDayPrev:focus,#btnCRDateDayNext:focus,#btnCRDateMonthPrev:focus,#btnCRDateMonthNext:focus,#btnCRDateYearPrev:focus,#btnCRDateYearNext:focus,#btnCRDateFromPrev:focus,#btnCRDateFromNext:focus,#btnCRDateToPrev:focus,#btnCRDateToNext:focus{outline: 0;}



.cheque-blocks label{width: 39%;font-size: 12px;}
.cheque-blocks span{display: inline-block; text-align: center; min-width: 30px;}
.cheque-blocks .btn{min-width: 20px;font-size: 10px;padding: 3px 2px;}
.cheque-blocks .inner-bg1{background: #e4e4e4;padding: 10px 15px; /*min-height: 220px;*/}

.pic-cheque-box{position: relative;}
.pic-cheque-box span{position:absolute;z-index:99;color:#000;font-weight: bold;font-size:14;}
.pic-envelope-box{border: 1px dashed #b3b3b3;}
.pic-envelope-box span{font-weight:normal;}

.lbl-acc-payee{border-bottom: 1px solid;border-top: 1px solid;padding: 0px 20px;}
.ac-payee-check{margin: 0px !important;width: 15px;height: 15px;}
.ac-payee-check-note{display: inline-block;position: relative;top: -26px;left:22px;line-height: 12px;font-size: 9px;color: #d7504C;}



#modalChequeSettings .modal-lg{width:1250px;}


.popover {background: #000;color:#fff;}
.popover.bottom>.arrow:after{border-bottom-color: #000;}
.popover-content{padding: 5px 5px;font-size: 14px;}

.btn-cheque-info{float: left;width:10%;}
.picCheque{float: left;width:87%;margin-left: 3%;}


.divSidebarTools{position: fixed;right:-30px;top:40%;width:30px;z-index:2000;background: rgba(0,0,0,0.9);}
.divSidebarTools ul{margin:0px;padding:0px;}
.divSidebarTools ul li{list-style-type: none;border-bottom:1px solid #8a8a8a;}
.divSidebarTools ul li a{display: block;text-align: center;padding:5px 0px;font-weight: bold;color: #fbffc0;}
.divSidebarTools ul li a .fa{color: #fbffc0;}
.divSidebarTools ul li a:hover{background: rgba(0,0,0,1);}


.view-more-enquiry-modal-box {
  border: 1px solid #ddd;
  height: 300px;
  overflow-y: scroll;
  padding: 15px;
  /*background: #eee5dc;*/
  background: url(../images/whatsapp-bg.jpg) repeat center;
}
.view-more-enquiry-txtbox.form-control {
  border: 1px solid #ddd;
  border-top: 0;
  width: 100%;
  padding: 10px 10px;
  height: 70px;
  background: #fff8df;
}
.view-more-enquiry-modal-box .chat-session{
  display: flex;
  justify-content: flex-start;
}
.view-more-enquiry-modal-box .chat-details{
  position: relative;
  background: #ffffff;
  text-align: left;
  width: 60%;
  padding: 10px 10px;
  border-radius: 6px;
  left: 5px;
  top: 2px;
  margin-bottom: 30px;
  min-height: 80px;
}

.view-more-enquiry-modal-box .chat-details::before {
  content: '';
  position: absolute;
  visibility: visible;
  top: -1px;
  right: -10px;
  border-top: 10px solid #ccc;
}

.view-more-enquiry-modal-box .chat-details::after {
  content: '';
  position: absolute;
  visibility: visible;
  top: 0px;
  left: -8px;
  border: 10px solid transparent;
  border-top: 10px solid #ffffff;
  clear: both;
}
.view-more-enquiry-modal-box .chat-msg{
  font-weight: 600;
  padding-bottom: 20px;
}
.view-more-enquiry-modal-box .chat-time{
  position: absolute;
  right: 8px;
  bottom: 6px;
  font-size: 12px;
  color: #939393;
}
.view-more-enquiry-modal-box .reminder-date{
  font-size: 12px;
  color: #d35050;
  display: block;
  position: absolute;
  left: 8px;
  bottom: 6px;
}
.view-more-enquiry-modal-box .avatar{
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 15%;
}
.view-more-enquiry-modal-box .avatar img{
  border-radius: 100%;
  width: 40px;
  height: 40px;
}
.view-more-enquiry-modal-box .chat-person{
  font-size: 13px;
  display: block;
  font-weight: 600;
  margin-top: 5px;
  color: #fff;
  overflow: hidden;
 display: -webkit-box;
 -webkit-line-clamp: 2; 
         line-clamp: 2; 
 -webkit-box-orient: vertical;
}