@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;}

.font-weight-bold{font-weight: bold;}

.color-pinky-red{color: #ff8f8e;}
.bg-top-error{background: #00121a;}

.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-lightgray{background: #607D8B;}
.border-bottom-1{border-bottom: 1px solid #ddd !important;border-radius: 0px !important;}

.position-relative{position:relative }

.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;}

.cursor-pointer{cursor: pointer;}

.disable-section{opacity: 0.5 !important;cursor:no-drop}

.navbar-brand{/*padding:5px 15px;height: 75px;*/letter-spacing: 1px;font-family: "NunitoSans-Bold";}
.navbar-default .navbar-brand{color: #fff;}
.navbar-nav{/*margin: 12px 0px;*/}
.navbar-default {/*background: #009688;background: #871010;*/ background:#026392;border:none;border-radius: 0px;}
.navbar-default .navbar-nav>li>a{color: #fff;font-size: 13px; font-family: "NunitoSans-Bold";}
.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: #004160;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: 8px 10px;font-size: 13px;font-family: "NunitoSans-Bold";}
.dropdown-menu>li>a:hover{background: #dbdbdb;}
.dropdown-menu{border:none;}
.dropdown-menu li a img{width:25px;padding-right: 10px;position: relative;top: -2px;}

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

.form-control{box-shadow:none;border-radius: 2px;height: 27px;background-color: #f9f9f9;transition: none;
/*text-transform: capitalize;*/}
.form-control:focus{box-shadow: none;background: #fffce5;}
.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.95 !important;border-radius: 2px;min-height: 27px;}
.btnFindInModal .fa-search, .btnFindInFadePopup .fa-search{font-size: 12px;}
.horizontal-labels .control-label{padding-top: 5px;}

.box-header{/*padding-bottom:8px;margin-bottom:20px;border-bottom: 1px solid #f4f4f4;*/ margin: 5px 0px;}
.box-header-divider{margin-top: 3px;/*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;
  /*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;height: 450px;}

.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;}

.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;border-left: 2px solid #607D8B;border-right: 2px solid #607D8B;border-bottom: 2px solid #607D8B;}
.sales-table-elements tr th, .sales-table-elements thead tr th, .table-relation thead tr th{
  background: #fff8bc;color: #f36161;}
.sales-table-elements tr td{padding: 0px 0px !important;}
.sales-table-elements tr td .form-control{border:none;padding: 1px 3px;font-size: 13px;height: 24px;}
.sales-table-elements tr td .form-control:focus{box-shadow: none;background: #f9e2e2;border-radius: 0px;}

.sales-table-elements-bg2{border:none;}
.sales-table-elements-bg2 tr th, .sales-table-elements-bg2 thead tr th{background: #ddf4ff !important;color: #171717 !important;}
.sales-table-elements-bg2 tr td{padding: 2px 8px !important;font-size: 13px;height: 20px;}
.sales-table-elements-bg2 tr td{text-align: right;color: #f36161;font-weight: bold;}
.sales-table-elements-bg2 tr td:first-child{text-align: left;}
.sales-table-elements-bg2 tr .tab-form-control-col{padding: 0px 0px !important;}
.sales-table-elements-bg2 tr .tab-form-control-col .tab-form-control{border: none;padding: 5px 8px;font-size: 13px;height: 28px;text-align: right;}

.delivery-table .tab-form-control-col{padding: 0px 0px !important;}
.delivery-table .tab-form-control{border: none;padding: 5px 8px;font-size: 13px;height: 28px;}
.delivery-table>tbody+tbody{border-top: 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);}

.dashboard-counter-box{text-align:center;background:#fff;box-shadow:0px 0px 5px #c5c5c5;border-radius: 5px;display:block;padding:15px 15px;margin:10px 0px 30px 0px;}

.dashboard-counter-box .icon{float:left;border-radius: 100%;background: #f5f5f5;padding: 10px 10px;border: 1px solid #ddd;}
.dashboard-counter-box .icon img{width:40px;}
.dashboard-counter-box .details{float:right;text-align:right;margin:3px 0px;}
.dashboard-counter-box .details h3{font-size:15px;color:#000;}
.dashboard-counter-box .details h1{font-size: 30px;margin-bottom:4px;color: #d9534f;}
.dashboard-counter-box hr{display: block; height: 1px;border: 0; border-top: 1px solid #d8d8d8;margin: 1em 0; padding: 0; }
.dashboard-counter-box h5{margin:0px 0px;color:#000;}


#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;}

.top-toolkit-strip{margin-bottom: 10px;background: #fdffdf;border-bottom: 1px solid #ddd;}
.toolkit-list{margin: 0px;padding: 0px;}
.toolkit-list li{list-style-type: none;/*margin: 3px 1px;border: 1px solid #dddfb0;*/display: inline-block;}
.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;}

.google-location-box{border: 1px solid #bde9ff;background: #e7f7ff;padding: 10px 10px;margin: 10px 0px;}

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

/*.convertFractionText{width:70% ;float:left;}
.convertFractionLabel{width: 30% ;float: right;display: inline-block;text-align: center;
    background: #bef0ff;:height 24px;padding: 5px 0px;font-size: 13px;}*/

.convertFractionText{opacity:1}
.convertFractionLabel{position:absolute;opacity:0;left: 2px;top:3px;border: none;padding: 1px 3px;font-size: 13px;height: 24px;}

.measurement-box{min-height: 260px;background: #fcfcfc;}
.trProducts{cursor: pointer;}
.trProducts:hover{background: #e7e7e7;}

.status-select-control{padding: 0px 12px;height: 20px;font-size: 13px;}

/* pic box */
.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;}


.company-details{background:#004160;font-size:11px;}
.company-details .company{color:#fff;}
.company-details .user{color: #ffca7c;}

.input-group .form-control:focus{background: #fffce5 !important;}


.bulk-order-switch .switch {position: absolute;display: inline-block;width: 40px;height: 19px;right: 17px;top: 67px;}
.bulk-order-switch .switch input {display:none;}
.bulk-order-switch .switch .slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;
  background-color: #ac2925;-webkit-transition: .4s;transition: .4s;}
.bulk-order-switch .switch .slider:before {position: absolute;content: "";height: 13px;width: 13px;left: 5px;bottom: 3px;background-color: white;-webkit-transition: .4s;transition: .4s;}
.bulk-order-switch .switch input:checked + .slider {background-color: #398439;}
.bulk-order-switch .switch input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
.bulk-order-switch .switch input:checked + .slider:before {-webkit-transform: translateX(18px);-ms-transform: translateX(18px);transform: translateX(18px);}
.bulk-order-switch .switch .slider.round {border-radius: 5px;}
.bulk-order-switch .switch .slider.round:before {border-radius: 50%;}

.company-details .switch {position: absolute;display: inline-block;width: 40px;height: 19px;left:0;top:0;}

#tableDefaultColumns>tbody>tr:nth-of-type(odd){background-color: #d9edf7 !important;}
#tableDataColumns>tbody>tr:nth-of-type(odd){background-color: #dff0d8 !important;}

.btn-select-diagram{border-radius: 0px;border: none;background: #717373;color: #fff;box-shadow: none;padding: 5px 10px;text-shadow: none;}
.btn-select-diagram:focus, .btn-select-diagram:hover, .btn-select-diagram:active, .btn-select-diagram:visited{background-color: #4c4e4e;color:#fff;}
.table-diagram tr td{vertical-align: middle !important;}
.table-diagram .trDiagram:hover{background: #e7e7e7;cursor:pointer;}
.table-diagram .tr-diagram-selected{background: #e7e7e7;}
.tr-diagram-selected .fa-check{color: #36943a;font-size: 23px;}



.unregistered-menu{margin:20px 0;padding: 0;text-align: center;}
.unregistered-menu li{list-style-type: none;display: inline;}
.unregistered-menu li a{display: inline;padding: 15px 10px;font-size:20px;color: #c54d44;}

.thankyou-registration {margin:20px 0px;}
.thankyou-registration .fa-smile-o{font-size:100px;color: #098e81;}
.thankyou-registration h3{line-height: 35px;}


.subscription-box{}
.subscription-box .blue-box{background: #004160;text-align: center;padding:30px 0px;}
.subscription-box .blue-box h4{color: #f0f0f0;font-size: 24px;padding: 0px 0px 10px 0px;}
.subscription-box .blue-box .chips{background: #d74e4c;color: #fff;display: inline;font-size: 12px;font-weight: bold;letter-spacing: 0.5px;border-radius: 5px;padding: 2px 5px;}
.subscription-box .blue-box .sub{margin-top:30px;color: #f0f0f0;font-size: 22px;}
.subscription-box .blue-box h1{color: #fbef41;}

.subscription-box .white-box{background: #fff;padding:20px 20px;}
.subscription-box .white-box .box{box-shadow:0px 0px 5px #ddd;padding: 20px 20px;margin-bottom: 20px;    background: #fcfcf7;border: 1px solid #e6e6e6;}