@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
body { background:#ececec;font-family: 'Roboto';}
a { color:#689a69}
a:hover { text-decoration:none; color:#008fd2}
:focus { outline:none !important}
ul, li { margin:0; padding:0; list-style:none} 
header { position:relative; -webkit-box-shadow: -1px 3px 4px 0px rgba(0,64,155,0.67); -moz-box-shadow: -1px 3px 4px 0px rgba(0,64,155,0.67); box-shadow: -1px 3px 4px 0px rgba(0,64,155,0.67);}
.nav-search { position:relative; margin-right:15px; margin-top:3px}
.nav-search input[type=text] { background:#f1f1f1; border-radius:35px; width:256px; height:40px; border:0; font-size:14px; color:#555; font-family: 'Open Sans', sans-serif; padding:5px 10px 5px 15px; position:relative}
.nav-search .search-icon { position:absolute; right:20px; z-index: 1; top: 7px;}
.nav-search input[type=text]:focus { outline:none}
.nav-search input[type=text]::-webkit-input-placeholder{opacity:0.5;}
.nav-search input[type=text]::-moz-placeholder{opacity:0.5;}
.nav-search input[type=text]:-ms-input-placeholder{opacity:0.5;}
.nav-search input[type=text]:-moz-placeholder{opacity:0.5;}

.header .user-image-square {float: right; width:200px; height:75px; margin-left: 10px; margin-top: -10px; border:2px solid #dadada}
.header .support-link i { font-size:30px; color:#777;}
.header .navbar-light .navbar-nav .nav-link.support-link { padding-left:10px}
.header .user-menu a i {font-size: 22px; color: #222; vertical-align: top; margin-top:3px; margin-left: 3px;} 
.header .navbar-nav li .nav-link.dashborad-link img { margin-top:2px}
.header .navbar-nav li.nav-item:last-child:after { content:''; background-color:#222; width:2px; height:30px; position:absolute; margin-left:10px; top:10px;}

.header .navbar-nav li a.dashboard-link-nav span { background:url(../../images/dashboard-icon.png) no-repeat top center; width:26px; height:26px; display:block; }
.header .navbar-nav li a:hover.dashboard-link-nav span { background:url(../../images/dashboard-icon-hv.png) no-repeat top center; }

.header .navbar-nav li a.support-link-nav span { background:url(../../images/support-icon.png) no-repeat top center; width:25px; height:30px; display:block; }
.header .navbar-nav li a:hover.support-link-nav span { background:url(../../images/support-icon-hv.png) no-repeat top center; }

.header .navbar-nav li a.user-link-nav span { background:url(../../images/user-icon.png) no-repeat top center; width:30px; height:30px; display:inline-block; }
.header .navbar-nav li a:hover.user-link-nav span { background:url(../../images/user-icon-hv.png) no-repeat top center; }


aside {/* background: #444;  */ position:relative; /* border-radius:0 0 25px 0;*/} /* Siderbar new */
/* aside:before { content:''; background:#008bce; position:absolute; top:64px; left:0; width:100%; height:25px; z-index:-1}*/
aside:after { content:''; background:#6b6b6b; position:absolute; bottom:0; left:0; width:100%; height:25px; z-index:-11; display: none;} /* Siderbar new */
.main { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important;}
.MainContainer { width:100%; /* min-height:100vh;*/ transition:all 0.3s; overflow:hidden;
  position: relative;  min-height: calc(100vh - 80px);  }

.ContentHeader  { width:100%; padding:20px 15px 0 20px; height:90px;
background: rgb(0,144,211);
background: -moz-linear-gradient(90deg, rgba(0,144,211,1) 0%, rgba(0,97,165,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,144,211,1) 0%, rgba(0,97,165,1) 100%);
background: linear-gradient(90deg, rgba(0,144,211,1) 0%, rgba(0,97,165,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0090d3",endColorstr="#0061a5",GradientType=1);}
.ContentHeader h1 { color:#fff; font-size:30px; font-weight:400; font-family: 'Roboto'; margin:0; padding:0}
.ContentHeader .breadcrumbs { background-color:transparent; margin:0; padding:0}
.ContentHeader .breadcrumbs li { display:inline; margin-right:18px;  line-height:15px}
.ContentHeader .breadcrumbs li a, .ContentHeader .breadcrumbs li.current {font-family: 'Roboto'; font-size:12px; color:#fff; letter-spacing:0.01em; position:relative}
.ContentHeader .breadcrumbs li a:after { content:''; position:absolute; top:3px; right:-13px; background:#fff; width:1px; height:10px }

.StaticValueBox { margin-top:-15px; padding:0 15px 0 20px; display:block}
.StaticValueBox .StaticBox { padding:10px 10px 12px 10px; border-radius:15px; min-height:128px}
.StaticValueBox .StaticBox .value { width:66%; display:inline-block; font-weight:400; font-family: 'Roboto';}
.StaticValueBox .StaticBox .value h3 { color:#fff; font-size:24px; margin-top:15px}
.StaticValueBox .StaticBox .value p { color:#fff; font-size:18px; margin:0 0 7px 0; padding:0; line-height:15px}
.StaticValueBox .StaticBox .value p:last-child { color:#fff; font-size:14px; letter-spacing:0.1em; line-height:16px;}
.StaticValueBox .StaticBox .icon { width:30%; display:inline-block; text-align:right; vertical-align:top; margin-top:30px  }

.StaticValueBox .StaticBox.BgEstimate{ background:#336598}
.StaticValueBox .StaticBox.BgOrder{ background:#878b8e}
.StaticValueBox .StaticBox.BgCustomer{ background:#689a69}
.StaticValueBox .StaticBox.BgManufacturer{ background:#6666ca}

.ContentArea {width:100%; padding:30px 15px 44px 20px; }
.Card {box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); margin-bottom: 2rem; position: relative; display: -ms-flexbox; display: flex;
    -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 0; border-radius:15px;  font-family: 'Roboto';}

.Card.CardNoSpace { background-color:transparent; border-radius:15px 15px 0 0}
.Card.CardNoSpace .CardBody { padding:0; }
.Card.CardNoSpace .CardBody .CommonTable { margin-bottom:0}
	
.Card .CardHeader { background:#444; padding:20px 22px; position:relative; border-top-left-radius:15px; border-top-right-radius:15px;}
.Card .CardHeader h3.CardTitle { float:left; color:#fff; font-size:20px; font-weight:400; padding:0 0 0 20px; margin:0; position:relative}
.Card .CardHeader .CardMoreLink { float:right}
.Card .CardHeader .CardMoreLink a { color:#fff; font-size:14px; position:relative;margin-right:0 /*margin-right:12px*/}
.Card .CardHeader .CardMoreLink a:hover { color:#008bce; text-decoration:none}
.Card .CardHeader .CardMoreLink a:after { content:''; background:url(../images/more-arrow.png) no-repeat left top; height:7px; width:9px; position:absolute; 
right:-14px; top:6px  }
.Card .CardHeader h3.CardTitle.BlueLine:before { content:''; background-color:#10a5ec; height:18px; width:3px; position:absolute; left:0; top:3px }
.Card .CardHeader h3.CardTitle.GreenLine:before { content:''; background-color:#329900; height:18px; width:3px; position:absolute; left:0; top:3px }
.Card .CardHeader h3.CardTitle.RedLine:before { content:''; background-color:#ff6766; height:18px; width:3px; position:absolute; left:0; top:3px }
.Card .CardBody {-ms-flex: 1 1 auto; flex: 1 1 auto;  padding:20px 22px;}
.Card .CardBody .CardListing { margin:0; padding:0; list-style:none}
.Card .CardBody .CardListing li { padding-bottom:16px; margin-bottom:16px; line-height:16px; border-bottom:1px solid #f0f0f0}
.Card .CardBody .CardListing li a {color:#555; font-size:14px; line-height:16px; font-weight:400;}
.Card .CardBody .CardListing li a:hover {color:#008bce; text-decoration:none}

.Card .CardBody .CardListing.BlueDisc li, .Card .CardBody .CardListing li.BlueDisc  { background:url(../../images/bluedisc-img.png) no-repeat left 4px; padding-left:18px} 
.Card .CardBody .CardListing.GreenDisc li, .Card .CardBody .CardListing li.GreenDisc  { background:url(../../images/greendisc-img.png) no-repeat left 4px; padding-left:18px} 
.Card .CardBody .CardListing.RedDisc li, .Card .CardBody .CardListing li.RedDisc  { background:url(../../images/reddisc-img.png) no-repeat left 4px; padding-left:18px} 
.Card .CardBody .CardListing.RedLine li, .Card .CardBody .CardListing li.RedLine { padding-left:18px;} 
.Card .CardBody .CardListing.RedLine li a, .Card .CardBody .CardListing li.RedLine a { position:relative} 
.Card .CardBody .CardListing.RedLine li a:before, .Card .CardBody .CardListing li.RedLine a:before { content:''; position:absolute; left:-18px; top:0; background-color:#ff6762; height:100%; width:3px }

.Card .CardBody.DashboardCard { height:460px} 
.MainDashboard .Card .CardBody.DashboardCard { height:auto; min-height:150px} 

/*.footer { background:#6b6b6b; width:100%; padding:10px 22px; margin-top:15px; font-family: 'Open Sans', sans-serif; position: absolute; bottom: 0; height: 44px;}*/
.footer { background:#6b6b6b; width:100%; padding:10px 22px 10px 305px; margin-top:15px; font-family: 'Open Sans', sans-serif; position: absolute; bottom: 0; height: 44px;} /*sidebar new*/
.sidebar-mini.sidebar-collapse .footer { padding-left: 5.8rem !important;} /* Sidebar new */
.footer .PoweredBy { display:inline-block; width:35%; color:#d1d1d1; font-size:14px }
.footer .Copyright { display:inline-block; width:45%; color:#d1d1d1; font-size:14px; text-align:left }
.footer .FtLinks { display: inline-block; width:21%; float:right; text-align:right; color:#d1d1d1; font-size:14px } /*sidebar new*/
.footer .FtLinks a {color:#d1d1d1; font-size:14px}
.footer .FtLinks a:hover {color:#fff; text-decoration:none}
@media (max-width:1400px){
.footer .PoweredBy, .footer .Copyright, .footer .FtLinks a {font-size:13px}	
}

@media (max-width:1200px){
.footer .Copyright { width:50%;}
.footer .FtLinks { width:30%}	
}
@media (max-width:992px){
.footer .FtLinks { width:50%}	
}
@media (max-width:992px){
.footer  {height: 70px;}
.footer .Copyright, .footer .FtLinks { width:100%; text-align:center}
}

.DashboardCardScroll {
	overflow: auto;
	position: relative;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 97%;
	height: 370px;
}


.DashboardCardScroll .mCSB_inside > .mCSB_container{margin-right:0 !important;}
.DashboardCardScroll .mCSB_scrollTools{width:4px !important}
.DashboardCardScroll .mCSB_scrollTools .mCSB_draggerRail {background-color: #fff; background-color: rgba(255,255,255,0) !important; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
.DashboardCardScroll .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #727272; background-color: rgba(114,114,114,0.4) !important; filter: alpha(opacity=40); -ms-filter: alpha(opacity=40);}


.MainDashboardFilter { list-style:none; text-align:right}
.MainDashboardFilter li { display:inline-block; margin-left:7px}
.MainDashboardFilter .DashboardSearch { position:relative; margin-top:3px}
.MainDashboardFilter .DashboardSearch input[type=text] { background:#fff; border-radius:35px; border:1px solid #689a69; width:256px; height:40px; font-size:14px; color:#555; font-family: 'Open Sans', sans-serif; padding:5px 10px 5px 15px; position:relative}
.MainDashboardFilter .DashboardSearch .search-icon { position:absolute; right:0; z-index: 1; top:-11px;}
.MainDashboardFilter .DashboardSearch input[type=text]:focus { outline:none}
.MainDashboardFilter .DashboardSearch input[type=text]::-webkit-input-placeholder{opacity:0.5;}
.MainDashboardFilter .DashboardSearch input[type=text]::-moz-placeholder{opacity:0.5;}
.MainDashboardFilter .DashboardSearch input[type=text]:-ms-input-placeholder{opacity:0.5;}
.MainDashboardFilter .DashboardSearch input[type=text]:-moz-placeholder{opacity:0.5;}

.btn-green, .search-category-btn { background-color:#689a69; border-radius:35px; border:0; padding:10px 30px; color:#fff; text-transform:uppercase; font-weight:400; font-size:14px; cursor:pointer; font-family: 'Roboto', sans-serif; }
.btn-green:hover, .search-category-btn:hover { background-color:#008fd2}
.search-category-btn.black:hover { background-color:#444 }

.btn-orange { background-color:#cf7d2c; border-radius:35px; border:0; padding:10px 30px; color:#fff; text-transform:uppercase; font-weight:400; font-size:14px; cursor:pointer; font-family: 'Roboto', sans-serif;}
.btn-orange:hover { background-color:#555}
:focus { outline:none !important; box-shadow: none !important; -webkit-box-shadow:none !important}

/*--------Custom Checkboxes-----------*/

/* The container */
.CheckboxContainer {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin:12px 12px 0 0;
  cursor: pointer;
  font-size: 14px;
  color:#777;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.CheckboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border:1px solid #d4d4d4;
  border-radius:3px
}

/* On mouse-over, add a grey background color */
.CheckboxContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.CheckboxContainer input:checked ~ .checkmark {
  background-color: #008fd1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.CheckboxContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.CheckboxContainer .checkmark:after {
  left:7px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#MDashTable { margin-top:20px}
/*#MDashTable.content {min-width: 100%; height: 900px; padding: 0; margin-bottom:10px; background:#fff; border:1px solid #d6d6d6}*/
#MDashTable.content {/*width:100%; max-width:100%; padding: 0; overflow: auto;position: relative;*/ margin-bottom:10px;background:#fff; 
  position: relative;
  padding-top: 0px;
  max-height: 1000px;
  overflow-y: auto;
}

#MDashTable.content .table .thead-dark th {border-color: #d6d6d6; background-color: #444;font-size:14px; font-weight:400; vertical-align:top;
  /* position: sticky; top: 0; position: -webkit-sticky;  z-index: 99;*/
}

#MDashTable.content .table .thead-dark th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#MDashTable.content .table .thead-dark th a:hover { text-decoration:underline}

#MDashTable.content .table-striped tbody tr:nth-of-type(odd) { background-color: #ccc;}
#MDashTable.content .table-bordered td, #MDashTable.content .table-bordered th { border: 1px solid #d6d6d6;}
#MDashTable.content .table th {padding: .85rem .99rem; white-space: nowrap;}
#MDashTable.content .table td {padding: .55rem .99rem; font-size:13px; white-space: nowrap; }
#MDashTable.content .table td a { color:rgb(0,64,128)}
#MDashTable.content .table td a:hover { color:#397b3a}
#MDashTable.content .mCSB_container_wrapper { margin-right:10px; margin-bottom:10px}
#MDashTable.content .mCSB_container_wrapper > .mCSB_container { padding-bottom:0}
#MDashTable.content .mCSB_scrollTools .mCSB_draggerRail {background-color: #dedede; background-color: rgba(222,222,222,0.5) !important; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
#MDashTable.content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.7) !important; filter: alpha(opacity=40); -ms-filter: alpha(opacity=40);}



.page-link {padding: 0.4rem .75rem; margin-left: 11px; border: 0;color: #689a69; border-radius: 50%;font-size: 14px;font-weight: 400; background:#e1e1e1}
.page-item:first-child .page-link {border-top-left-radius:50%; border-bottom-left-radius: 50%;}
.page-item:last-child .page-link { border-bottom-right-radius:50%;  border-top-right-radius: 50%;}
.page-item.active .page-link {background-color: #689a69;}
.page-link:focus, .page-link:hover {background-color: #689a69; border:0; color:#fff; box-shadow:none}
.page-link:focus { box-shadow:0}

.form-group { font-size:14px}
.col-form-label {text-align: right; font-size: 14px; color: #555;}
.required { color:#ec0000; font-size:14px;}
.form-control { font-size:14px}
option { line-height:20px; margin:4px 0 !important; font-size:14px}
textarea { resize:none}
.form-check { padding-left:0; margin-top: 6px; margin-bottom: 0;}
.form-check-input  { margin-top:8px;}
.form-control-file, .form-control-range { font-size:14px}
.btn-primary { background-color:#689a69; border-radius:35px; border:0; padding:10px 30px; color:#fff; text-transform:uppercase; font-weight:500; font-size:14px; }
.btn-primary:hover { background:#008fd2}
.btn-secondary { background-color:#555; border-radius:35px; border:0; padding:10px 30px; color:#fff; text-transform:uppercase; font-weight:500; font-size:14px; }
.btn-secondary:hover { background:#008fd2; color:#fff;}
.btn-sm { font-size:12px; padding: 8px 20px;}

.has-danger .form-control-danger { background-image:none }
.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label { font-size:12px;}
.has-danger .form-control-feedback { color:#ec0000}
.file {visibility: hidden; position: absolute;}
.form-control:focus, .btn-primary.focus, .btn-primary:focus { box-shadow:none}
.form-control:focus { border-color:rgba(0, 0, 0, .15);}
.my-3 { margin-top: 0 !important;}

.add-btn {padding:7px 15px; font-size:12px}
.add-btn-sm {padding:5px 10px; font-size:11px}
.remove-more i { font-size:20px; color:#555; margin-top:5px; margin-left:10px}


.m-t-15 { margin-top:15px; }
.m-t-25 { margin-top:25px; }
.m-b-10 { margin-bottom:10px; }
.p-lr-38 { padding:0 38px}
.p-l-38 { padding-left:38px}
.p-r-38 { padding-right:38px}
.font-14 { font-size:14px}

@media (min-width: 992px){
.p-r-lg-38 { padding-right:38px}
.text-center-right-lg { text-align:right !important}
}

.CustomerInfoLine { background:#008acd; font-size:14px; color:#fff; padding:10px 15px; letter-spacing:1px; margin-bottom:20px;}

/*#ManagePrdTable.content {width:100%; max-width:100%; overflow: auto; padding: 0; margin-bottom:10px; margin-top:20px; background:#fff; border:1px solid #d6d6d6}*/
#ManagePrdTable.content { margin-bottom:10px; margin-top:20px; background:#fff; border:1px solid #d6d6d6}
#ManagePrdTable.content .table { margin-bottom:0}
#ManagePrdTable.content .table .thead-dark th {border-color: #d6d6d6; background-color: #444; font-size:14px; font-weight:400; white-space:nowrap }
#ManagePrdTable.content .table .thead-dark th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable.content .table .thead-dark th a:hover { text-decoration:underline}
#ManagePrdTable.content .table-striped tbody tr:nth-of-type(odd) { background-color: #ccc;}
#ManagePrdTable.content .table-bordered td, #MDashTable.content .table-bordered th { border: 1px solid #d6d6d6;}
#ManagePrdTable.content .table th {padding: .85rem .99rem;}
#ManagePrdTable.content .table td {padding: .55rem .99rem; font-size:13px }
#ManagePrdTable.content .table td.operations-link {word-break:keep-all; white-space:nowrap}
#ManagePrdTable.content .table td.operations-link a { font-size:20px; color:#555; display:inline; }
#ManagePrdTable.content .table td.operations-link a:hover { color:#008fd2}

#ManagePrdTable.content .mCSB_container_wrapper { margin-right:10px; margin-bottom:10px}
#ManagePrdTable.content .mCSB_container_wrapper > .mCSB_container { padding-bottom:0}
#ManagePrdTable.content .mCSB_scrollTools .mCSB_draggerRail {background-color: #dedede; background-color: rgba(222,222,222,0.5) !important; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
#ManagePrdTable.content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.7) !important; filter: alpha(opacity=40); -ms-filter: alpha(opacity=40);}



#ManagePrdTable.sticky { margin-bottom:10px; margin-top:20px; background:#fff; border:1px solid #d6d6d6;
 position: relative;
  padding-top: 0px;
  max-height: 1050px;
  overflow-y: auto;
}
#ManagePrdTable.sticky .table { margin-bottom:0}
#ManagePrdTable.sticky .table .thead-dark th {border-color: #d6d6d6; background-color: #444; font-size:14px; font-weight:400; white-space:nowrap;
  position: sticky;
  top: 0;
  position: -webkit-sticky;
  z-index: 99;
 }
#ManagePrdTable.sticky .table .thead-dark th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable.sticky .table .thead-dark th a:hover { text-decoration:underline}
#ManagePrdTable.sticky .table-striped tbody tr:nth-of-type(odd) { background-color: #ccc;}
#ManagePrdTable.sticky .table-bordered td, #MDashTable.content .table-bordered th { border: 1px solid #d6d6d6;}
#ManagePrdTable.sticky .table th {padding: .85rem .99rem;}
#ManagePrdTable.sticky .table td {padding: .55rem .99rem; font-size:13px }
#ManagePrdTable.sticky .table td.operations-link {word-break:keep-all; white-space:nowrap}
#ManagePrdTable.sticky .table td.operations-link a { font-size:20px; color:#555; display:inline; }
#ManagePrdTable.sticky .table td.operations-link a:hover { color:#008fd2}

#ManagePrdTable.sticky .mCSB_container_wrapper { margin-right:10px; margin-bottom:10px}
#ManagePrdTable.sticky .mCSB_container_wrapper > .mCSB_container { padding-bottom:0}
#ManagePrdTable.sticky .mCSB_scrollTools .mCSB_draggerRail {background-color: #dedede; background-color: rgba(222,222,222,0.5) !important; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0);}
#ManagePrdTable.sticky .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.7) !important; filter: alpha(opacity=40); -ms-filter: alpha(opacity=40);}




#ManagePrdTable {width: 100%; padding: 0; margin-bottom:10px; background:#fff; border:1px solid #d6d6d6}
#ManagePrdTable .table { margin-bottom:0}
#ManagePrdTable .table .thead-dark th {border-color: #d6d6d6; background-color: #444; font-size:14px; font-weight:400; white-space:nowrap }
#ManagePrdTable .table .thead-dark th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable .table .thead-dark th a:hover { text-decoration:underline}
#ManagePrdTable .table-striped tbody tr:nth-of-type(odd) { background-color: #ccc;}
#ManagePrdTable .table-bordered td, #MDashTable.content .table-bordered th { border: 1px solid #d6d6d6;}
#ManagePrdTable .table th {padding: .85rem .99rem;}
#ManagePrdTable .table td {padding: .55rem .99rem; font-size:13px }
#ManagePrdTable .table td.operations-link {word-break:keep-all; white-space:nowrap}
#ManagePrdTable .table td.operations-link a { font-size:20px; color:#555; display:inline; }
#ManagePrdTable .table td.operations-link a:hover { color:#008fd2}


#InvoiceTable {width: 100%; padding: 0; margin-bottom:10px; background:#fff; border:1px solid #d6d6d6}
#InvoiceTable.content { width:100%; max-width:100%; padding: 0; overflow: auto;  position: relative;}
#InvoiceTable .table { margin-bottom:0}
#InvoiceTable .table .thead-dark th {border-color: #d6d6d6; background-color: #444; font-size:14px; font-weight:400; white-space:nowrap }
#InvoiceTable .table .thead-dark th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#InvoiceTable .table .thead-dark th a:hover { text-decoration:underline}
#InvoiceTable .table-striped tbody tr:nth-of-type(odd) { background-color: #f0f0f0;}
#InvoiceTable .table-bordered td, #InvoiceTable.content .table-bordered th { border: 1px solid #d6d6d6;}
#InvoiceTable .table th {padding: .85rem .99rem;}
#InvoiceTable .table td {padding: .55rem .99rem; font-size:13px }
#InvoiceTable .table td.operations-link {word-break:keep-all; white-space:nowrap}
#InvoiceTable .table td.operations-link a { font-size:20px; color:#555; display:inline; }
#InvoiceTable .table td.operations-link a:hover { color:#008fd2}
#InvoiceTable select.form-control:not([size]):not([multiple]) { height: calc(1.50rem + 2px);}
#InvoiceTable select.form-control { font-size: 12px;padding: .3rem .45rem;}
#InvoiceTable .table .thead-light th {color: #000; background-color: #a0a0a0; font-size:14px; font-weight:400; }
#InvoiceTable .table .thead-light th {padding: .45rem .99rem;}
#InvoiceTable .table .SubTable td { vertical-align:top; border:0; padding:0 7px 0 0}
#InvoiceTable .table .SubTable td.price { border-left:1px solid #ccc; margin-left:7px; padding-left:8px}

.ResortData  { margin:20px 0;}
.ResortData li { display:inline-block; margin-right:15px; font-size:14px}
.ResortData li:first-child { margin-right:25px}

#ResortTable {width: 100%; padding: 0; margin-bottom:30px; background:#fff; border:1px solid #d6d6d6}
#ResortTable.content { width:100%; max-width:100%; padding: 0; overflow: auto; position: relative; max-height: 1050px; overflow-y: auto;} /*vscroll table*/
#ResortTable .table { margin-bottom:0}
#ResortTable .table .thead-dark th {border-color: #d6d6d6; background-color: #444; font-size:14px; font-weight:400; white-space:nowrap }
#ResortTable .table .thead-dark th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ResortTable .table .thead-dark th a:hover { text-decoration:underline}
#ResortTable .table-striped tbody tr:nth-of-type(odd) { background-color: #ccc;}
#ResortTable .table-bordered td, #ResortTable.content .table-bordered th { border: 1px solid #d6d6d6;}
#ResortTable .table th {padding: .85rem .99rem;}
#ResortTable .table td {padding: .55rem .99rem; font-size:13px }
#ResortTable .table td.price-col { display: flex; border: 0;}
#ResortTable select.form-control:not([size]):not([multiple]) { height: calc(1.50rem + 2px);}
#ResortTable select.form-control { font-size: 12px;padding: .3rem .45rem;}
#ResortTable .table th i {font-size: 18px; color:#008fd2} 

#ResortTable .table .thead-dark {position: sticky; top: 0; z-index: 9;} /*vscroll table for sticky thead*/

#ResortTable.bluehead .table .thead-dark th{background-color: #0062a6;}
#ResortTable.greenhead .table .thead-dark th{background-color: #336633;}
#ResortTable.bluehead .table th i {font-size: 18px; color:#FFF} 
#ResortTable.greenhead .table th i {font-size: 18px; color:#FFF} 

#ResortTable .table-striped.blue-striped tbody tr:nth-of-type(odd) { background-color:#c0ccd8;}
#ResortTable .table-striped.green-striped tbody tr:nth-of-type(odd) { background-color:#d4dfd2;}

#ResortTable .table-bordered.blue-striped td, #ResortTable.content .table-bordered.blue-striped th { border-color:#abbac9}
#ResortTable .table-bordered.green-striped td, #ResortTable.content .table-bordered.green-striped th {border-color:#c3d5bf}

/* sticky */
#ResortTable.sticky { margin-bottom:10px; margin-top:20px; background:#fff; border:1px solid #d6d6d6;
position: relative;
padding-top: 0px;
max-height: 1050px;
overflow-y: auto;
}
#ResortTable.sticky .table .thead-dark th {border-color: #d6d6d6;  font-size:14px; font-weight:400; white-space:nowrap;
position: sticky;
top: 0;
position: -webkit-sticky;
z-index: 99;
}

#ResortTable.sticky.bluehead .table .thead-dark th{background-color: #0062a6;}
#ResortTable.sticky.greenhead .table .thead-dark th{background-color: #336633;}

#ResortTable.sticky.bluehead .table th i {font-size: 18px; color:#FFF} 
#ResortTable.sticky.greenhead .table th i {font-size: 18px; color:#FFF}

#ResortTable.sticky .table.blue-striped .thead-dark th { border-color:#abbac9 !important}
#ResortTable.sticky .table.green-striped .thead-dark th { border-color:#c3d5bf}

.CommonTable .table.orange-striped tbody tr:nth-of-type(odd) { background-color:#c5bbb1;}
.CommonTable .table.orange-striped tbody td { border-color:#ead5c0 !important}
.CommonTable .table.orange-striped .thead-dark th { background-color:#cf7d2c; border-color:#ffca96 !important}

.CommonTable .slot_summary{ width:100%; text-align:right;}
.CommonTable .slot_summary tbody tr:nth-of-type(odd) { background-color:#ffffff !important;}
.CommonTable .slot_summary tbody td{ border-left:none; border-right:none;}


#ManagePrdTable .table.purple-striped .thead-purple th { background-color:#675F80 !important; border-color:#EAE8F5 !important;}
#ManagePrdTable .table.purple-striped tbody td {border-color:#d7d4e7 !important;}
#ManagePrdTable .table.purple-striped tbody tr:nth-of-type(odd) {background-color:#EAE8F5}

#ManagePrdTable .table-striped.green-striped .thead-green th { border-color:#d4dfd2 !important; background-color:#336633 !important;}
#ManagePrdTable .table-striped.green-striped tbody tr:nth-of-type(odd) { background-color:#d4dfd2 !important;}

#ManagePrdTable .table-striped.blue-striped .thead-blue th { border-color:#c0ccd8 !important; background-color:#0062a6 !important;}
#ManagePrdTable .table-striped.blue-striped tbody tr:nth-of-type(odd) { background-color:#c0ccd8 !important;}
#ManagePrdTable .table-striped.blue-striped tbody td {border-color:#cfdae6 !important; }

/* end sticky */

#AddCostTable {width: 100%; padding: 0; margin-bottom:10px; background:#fff; border:1px solid #d6d6d6}
#AddCostTable.content { width:100%; max-width:97%; padding: 0; overflow: auto;  position: relative;}
#AddCostTable .table { margin-bottom:0}
#AddCostTable .table .thead-dark th {border-color: #d6d6d6; background-color: #444; font-size:14px; font-weight:400; white-space:nowrap; vertical-align:top }
#AddCostTable .table .thead-dark th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#AddCostTable .table .thead-dark th a:hover { text-decoration:underline}
#AddCostTable .table-striped tbody tr:nth-of-type(odd) { background-color: #ccc;}
#AddCostTable .table-bordered td, #AddCostTable.content .table-bordered th { border: 1px solid #d6d6d6;}
#AddCostTable .table th {padding: .85rem .99rem;}
#AddCostTable .table td {padding: .55rem .99rem; font-size:13px }
#AddCostTable .table td.operations-link {word-break:keep-all; white-space:nowrap}
#AddCostTable .table td.operations-link a { font-size:20px; color:#555; display:inline; }
#AddCostTable .table td.operations-link a:hover { color:#008fd2}
#AddCostTable select.form-control:not([size]):not([multiple]) { height: calc(1.50rem + 2px);}
#AddCostTable select.form-control { font-size: 12px;padding: .3rem .45rem;}

h2 { font-size:20px; color:#689a69; font-family: 'Roboto'; margin:0 0 15px 0; padding:0 0 10px 20px; border-bottom:1px solid #ccc}
h2.BlueLine:before { content:''; background-color:#10a5ec; height:18px; width:3px; position:absolute; left:17px; top:3px }

.CommercialInvoice .CompanyAddress h4 { font-size:18px; font-weight:500; color: #444; margin:0 0 10px 0; padding:0}
.CommercialInvoice .CompanyAddress p { font-size:14px;  }



.CommonTable {width: 100%; padding: 0; margin-bottom:10px; background:#fff; border:1px solid #d6d6d6}
.CommonTable.content { width:100%; max-width:100%; padding: 0; overflow: auto;  position: relative;}
.CommonTable .table { margin-bottom:0}
.CommonTable .table .thead-dark th {border-color: #d6d6d6; background-color: #444; font-size:14px; font-weight:400; white-space:nowrap; vertical-align:top }
.CommonTable .table .thead-dark th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
.CommonTable .table .thead-dark th a:hover { text-decoration:underline}
.CommonTable .table-striped tbody tr:nth-of-type(odd) { background-color: #ccc;}
.CommonTable .table-bordered td, #AddCostTable.content .table-bordered th { border: 1px solid #d6d6d6;}
.CommonTable .table th {padding: .85rem .99rem;}
.CommonTable .table td {padding: .75rem .99rem; font-size:13px }
.CommonTable .table td.operations-link {word-break:keep-all; white-space:nowrap}
.CommonTable .table td.operations-link a { font-size:20px; color:#555; display:inline; }
.CommonTable .table td.operations-link a:hover { color:#008fd2}
.CommonTable select.form-control:not([size]):not([multiple]) { height: calc(1.50rem + 2px);}
.CommonTable select.form-control { font-size: 12px;padding: .3rem .45rem;}
.CommonTable .table td input[type=text] { width:100%; font-size:12px}
.CommonTable .table th .btn-sm {font-size: 11px; padding: 5px 10px; margin-bottom:5px}
.CommonTable .table th i {font-size: 18px; color:#008fd2} 
.bluehead .table .thead-dark th {background-color: #0062a6; border: 1px solid #fff !important;}
.bluehead .table th i {color: #FFF;}

table select.form-control:not([size]):not([multiple]) {height: calc(1.50rem + 2px);font-size: 12px; padding: .2rem 0.3rem;}

.m-b-30 { margin-bottom:30px !important}
.m-b-10 { margin-bottom:10px}
.m-b-0 { margin-bottom:0 !important}
.m-t-50 { margin-top:50px}
.p-l-22 { padding-left:22px}
.p-r-150 { padding-right:150px}
.mr-6 {margin-right: 6rem!important;}

.greentext { color:#009d00}
.bluetext { color:rgb(0,64,128)}
.CellGreen { background-color:#99cc99 !important; }
.TxtRed { color:#F00 !important; }
.CellYellow { background-color:#FF9 !important; }
/*.BgOrder { background-color:#6b6b6b}
.BgManufacturer { background-color:#d7b16e}*/
.StaticValueBox .StaticBox.BgOrder { background-color:#6b6b6b}
.StaticValueBox .StaticBox.BgManufacturer { background-color:#768693} /*9e8fb0*/

.section-estimate th { background: #0062a6; color:#fff ; }
.section-estimate th a { background: #0062a6; color:#fff ;  }

.section-invoice th { background: #99cc99; }
.section-invoice th a { background: #99cc99; }

.section-invoice td { background: #f7f7f7; }
.section-invoice tr:nth-child(2n) td { background: #fff;}

.section-estimate td { background: #f7f7f7; }
.section-estimate tr:nth-child(2n) td { background: #fff;}

/*----Company Health----*/
.small-box{ width:50%;}
.ch-growth-box{ width:100%; float:left; margin:0px 0px 2rem 0px; padding:0px 0px 12px 0px; background-color:#FFF !important; border-radius:15px;}
.ch-growth-box h4{ width:100%; float:left; background:#689a69; font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 18px; color: #fff; line-height: 40px; text-align:center; margin:0px; padding:5px 12px;  border-radius:15px 15px 0 0;}
.ch-growth-box h4 img{ float:right; padding-top:8px;}
.ch-growth-box h4.font-size14{ font-size:14px;}
.ch-growth-box .sales-number{ width:100%; float:left; font-family:'Roboto', sans-serif; font-weight:400; font-size:50px; color:#408734; line-height:40px; text-align:center; letter-spacing:0px; margin:10px 0px; padding:0px;}
.ch-growth-box .sales-number img{ display:inline-block; vertical-align:top; margin-left:-8px; padding-top:14px;}
.ch-growth-box .sales-number.font-size3{ font-size:26px;}
.ch-growth-box .sales-number.font-size3 img{ display:inline-block; vertical-align:top; margin-left:0px; padding-top:14px;}
.ch-growth-box .sales-number-red{ width:100%; float:left; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:50px; color:#F00 !important; line-height:40px; text-align:center; letter-spacing:0px; margin:10px 0px; padding:0px;}
.ch-growth-box .sales-review{width:100%; float:left; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; color:#408734; text-align:center; margin:0px; padding:0px;}
.ch-growth-box .sales-review-red{width:100%; float:left; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; color:#F00; text-align:center; margin:0px; padding:0px;}



.GrowthBest ul{ width:100%; float:left; margin:0px; padding:0px;}
.GrowthBest ul li{ width:33.33%; float:left; list-style:none; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:12px; color:#494949; text-align:center; margin:0px; padding:0px 5px;}
.GrowthBest ul li .usd-best{ width:100%; float:left; margin:0px 0px 4px 0px; padding:0px;}
.GrowthBest ul li .usd-best span{ font-weight:700; color:#408734;}
.GrowthBest ul li .month-best{ width:100%; float:left; /*color:#ababab;*/ margin:0px; padding:0px;}
.GrowthBest ul li .month-best span{ display:block; font-weight:700; color:#000000;}

.Card.SmallCard .CardHeader { border-radius:0}
.Card.SmallCard .CardHeader:first-child { border-radius:15px 0 0 0}
.Card.SmallCard .col-6:last-child .CardHeader{ border-radius:0 15px 0 0}
.Card.SmallCard .CardHeader h3.CardTitle { font-size:18px; padding:0; text-align:center; float:none; margin-top:3px;}


.ch-growth.sales-number{ width:100%; float:left; font-family: 'Roboto', sans-serif; font-weight:400; font-size:26px; color:#408734; line-height:40px; text-align:center; letter-spacing:0px; margin:13px 0px; padding:0px;}
.ch-growth.sales-number img{ display:inline-block; vertical-align:top; padding-top:14px;}
.ch-growth.sales-review{width:100%; float:left; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; color:#408734; text-align:center; margin:0px; padding:0 0 10px 0;}
.ch-growth.sales-review-red{width:100%; float:left; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; color:#F00; text-align:center; margin:0px; padding:0 0 10px 0;}

.Card.ListCard ul { display:flex }
.Card.ListCard li { display:inline-block; width: 25%; }
.Card.ListCard.Block3 li { display:inline-block; width: 34%; }
.Card.ListCard li .LabelTitle { background:#444; color:#fff; font-size:18px; font-weight:400;  padding:14px 22px; }
.Card.ListCard li:first-child .LabelTitle {border-top-left-radius: 15px; }
.Card.ListCard li:last-child .LabelTitle {border-top-right-radius: 15px;}
.Card.ListCard li .FieldBox { padding:14px 22px;}

h4.modal-title { font-size:18px; font-family: 'Roboto', sans-serif; font-weight:400}
.modal-dialog .CommonTable, .CommonTable .table .thead-dark th, .popup-dialog .CommonTable  { border:0}
.modal-dialog .CommonTable .table td, .popup-dialog .CommonTable .table td { border-top:0}
.modal-dialog .CommonTable .table-striped tbody tr:nth-of-type(odd), .popup-dialog .CommonTable .table-striped tbody tr:nth-of-type(odd) { background-color: #fff !important;}
.modal-dialog .CommonTable .table td, .popup-dialog .CommonTable .table td { padding: .55rem .66rem;}

.form-brd-right { border-right:1px solid #ccc}
.left-space-30 { padding-left:30px}

.priceSuggest {
    position: absolute;
    background-color: #EDEEEE;
    /*width: 500px;*/
    z-index: 9;
	margin:5px 0 0 -450px;
    border: thin solid gray;
    display: none;
}

#modalEstCliApr .close, #modalCreatePI .close, #modalEstReqManu .close, #modalEstRevApr .close, #modalSubmitPI .close, #modalConfirmYesNo .close, #modalCustApprove .close, #modalCustReject .close, #modalAprInv .close, #InfoModal .close, #modalEstApr .close, #modalAdmCliApr .close, #modalMailCust .close ,#modalMailManu .close {position: absolute; right: 20px;} 
#modalEstCliApr h4#lblTitleConfirmYesNo, #modalCreatePI h4#lblTitleConfirmYesNo, #modalEstReqManu h4#lblTitleConfirmYesNo, #modalEstRevApr  h4#lblTitleConfirmYesNo, #modalSubmitPI h4#lblTitleConfirmYesNo, #modalConfirmYesNo h4#lblTitleConfirmYesNo, #modalCustApprove h4#lblTitleConfirmYesNo, #modalCustReject h4#lblTitleConfirmYesNo, #modalAprInv h4#lblTitleConfirmYesNo, #InfoModal h4, #modalAdmCliApr h4,  #modalEstApr h4#lblTitleConfirmYesNo, #modalMailCust h4#lblTitleConfirmYesNo ,#modalMailManu h4#lblTitleConfirmYesNo  {width: 100%;}
#modalAprInv h4#lblTitleConfirmYesNo, #InfoModal h4, #modalEstApr h4#lblTitleConfirmYesNo, #modalAdmCliApr h4, #modalMailCust h4 ,#modalMailManu h4 { text-align:center }


.EstFrmComt { position:relative; float: left;  width: 100%;}
.EstFrmComt li { float:left; vertical-align:top; font-size:14px; color: #555;}
.EstFrmComt li:first-child { margin-right:10px; width:100px;}
.EstFrmComt li:last-child { width:88%;}
.EstFrmComt li textarea { width:98%}

.EstFrmComt.CusAdmEdit li:first-child, .EstFrmComt.CusAdmEdit li:nth-child(3) { margin-right:10px; width:100px;}
.EstFrmComt.CusAdmEdit li, .EstFrmComt.CusAdmEdit li:last-child { width:90%;}

.EstFileUpld { position:relative; float: left;  width: 100%; margin-top:15px}
.EstFileUpld li { float:left; vertical-align:top; font-size:14px; color: #555; margin-right:10px;}
.EstFileUpld li:first-child {  margin-right:5px;}
/*.EstFileUpld li:last-child { width:80%;}*/
.EstFileUpld.CustEstBtn li { width:100%; text-align:center }

@media (max-width:2000px) {
.EstFrmComt li:last-child { width:80%;}	
}
@media (max-width:1500px) {
.EstFrmComt li:last-child { width:70%;}
.EstFrmComt li textarea { width:100%}
.EstFileUpld li:last-child {  margin-top:10px;}
}

.EstFrmComt.CustEst li:last-child { width:77%;}	

.PreliqTtl .row { margin-bottom:10px}
.PreliqTtl .row:last-child { margin-bottom:0}
.PreliqTtl { font-size:14px; }

.bg-success {
	background-color: #99cc99!important
}

.chosen-container-multi .chosen-choices li.search-choice { width:auto !important}
.chosen-container-multi .chosen-results {display:block !important}
.chosen-container .chosen-results li { width:100% !important; display:block }


#cover-spin {
    position:fixed;
    width:400px;
	height:300px;
    left:50%; margin-left: -190px; right:0; top:50%; margin-top:-150px; bottom:0;
	border:1px solid #000;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
    background: rgba(255,255,255,0.8) url("../../images/ajaxloader.gif") center no-repeat;
}
.upload-btn {
 /* position: relative;*/
  overflow: hidden;
  visibility:visible;
  display:inline;
  margin-left:3px
}
.upload-btn input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}
.operations-link:hover { color:#008fd2}
.Customer-Logo { float:left; margin-left: 35px;}
.empty-noti {color: #555; font-size: 14px; line-height: 16px; font-weight: 400;}

.CardHeader.GrayBg {background:#6e7072 }
#category_pie #highcharts-rgegx8v-110 .highcharts-title { font-family: 'Roboto', sans-serif !important; height:420px !important}

.InfoPopup .title {color:#004080; font-size: 36px; font-weight: 400; font-family: 'Roboto Slab', serif; margin:10px 0 15px 0; padding:0 0 20px 0; text-align:center; border-bottom:2px solid #408734}

.InfoPopup .Information {color:#444; font-size: 18px; line-height:30px; font-weight: 500; font-family: 'Open Sans', sans-serif; }

#InfoModal .modal-header {border-bottom:2px solid #408734}
#InfoModal h4 {color:#004080; font-size: 36px; font-weight: 400; font-family: 'Roboto Slab', serif; }
#InfoModal .modal-body p {color:#444; font-size: 18px; line-height:30px; font-weight: 500; font-family: 'Open Sans', sans-serif;}


/*----------------How to accordian----------------*/


.template_faq {
    background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.04);
    margin-bottom: 0;
    padding: 30px;
}
#accordion .panel {
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0 0 15px 10px;
}
#accordion .panel-heading {
    border-radius: 30px;
    padding: 0;
}
#accordion .panel-title a {
    /*background: #689a69 none repeat scroll 0 0;*/
	background: #689a69 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #333;
}
#accordion .panel-title a::after, #accordion .panel-title a.collapsed::after {
    background: #689a69 none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
    color: #fff;
    content: "";
    font-family: fontawesome;
    font-size: 25px;
    height: 55px;
    left: -20px;
    line-height: 55px;
    position: absolute;
    text-align: center;
    top: -5px;
    transition: all 0.3s ease 0s;
    width: 55px;
}
#accordion .panel-title a.collapsed::after {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-shadow: none;
    color: #333;
    content: "";
}
#accordion .panel-body {
    background: transparent none repeat scroll 0 0;
    border-top: medium none;
    padding: 20px 25px 10px 9px;
    position: relative;
}
#accordion .panel-body p {
   /* border-left: 1px dashed #8c8c8c;*/
    padding-left: 25px; font-size:14px
}
#accordion .panel-body .tab-mainhead { font-size:18px; font-weight:600; margin-bottom:15px; color:#444; padding-left: 25px; line-height:20px}
#accordion .panel-body .tab-subhead-green { font-size:18px; font-weight:600; margin-bottom:15px; color:#689a69; padding-left: 25px;line-height:18px}
#accordion .panel-body .tab-subhead { font-size:16px; font-weight:600; margin-bottom:5px; color:#666; padding-left: 25px;line-height:18px}
#accordion .panel-body li { background:url(../../images/blackdisc-img.png) no-repeat left 6px; margin-left:25px; margin-bottom:6px; padding-left: 20px;font-size:14px }

.uplodNbtnCen {display: inline;}
.uplodNbtnCen .form-control-file {display: inline; width: 200px;}

.section-invoice th.BlkBg { background:#444; color:#fff}

.ColorLegend { float:right; margin:22px 0 18px 0}
.ColorLegend.colorbg {background: #d7d7d7; padding: 5px 14px 5px 8px;}
.ColorLegend li { display:inline-block; margin-left:24px; font-size:13px; position:relative }
.ColorLegend li:before {content:''; width:15px; height:15px; position:absolute; left:-18px; top:2px; border-radius: 100%; border: 1px solid #ddd;}
.ColorLegend li.modified:before { background-color:#F5F6CE}
.ColorLegend li.added:before { background-color:#99cc99}
.ColorLegend li.delet:before { background-color:#F6CECE}

.coloredsortbar {background:#BFCBD7; padding: 10px;}

.dropdown-menu .user-name { color:#336598; letter-spacing: 1px; position:relative}
.dropdown-menu .user-name:after { content:''; background:#689a69; width:80%; height:2px; position:absolute; left:10%; right:10%; bottom:0}
.dropdown-item.user-name:focus, .dropdown-item.user-name:hover { background:none; }


/*--------------Static page-------------*/

.static-page-title {color: #689a69;}
.static-subhead-green { font-weight:500; color:#000}

/*--------------For and on behalf of address-------------*/

.For-BehalfAdr { text-align: center; font-size: 14px; color: #555;}
.For-BehalfAdr p { margin-bottom:0; padding-bottom:0}
.For-BehalfAdr .CompanyName { font-weight:500; text-transform:uppercase; font-size:16px}
.For-BehalfAdr .RegistrationId { font-style:italic; margin-bottom:5px}
.For-BehalfAdr-box { border:4px solid #555; border-radius:3px; font-weight:600;/* width: 60%;*/ display: inline-block; padding: 5px 15px;}
.For-BehalfAdr-box .CompanyName {text-transform:uppercase; font-size:18px}


.CardHeader.SelectHead  {padding: 20px 22px 15px 22px;}
.CardHeader.SelectHead select#dd_shipaddress {margin-top: -2px; line-height: 1; padding: .3rem .75rem;}
.CardHeader.SelectHead select.form-control:not([size]):not([multiple]) {height: calc(1.70rem + 2px);}


.calender_view{ overflow:inherit; max-width:100%; height:auto;}
.none{ display:none;}
.dropdown{color: #444444;font-size:17px;}
#calender_section{ width:100%; margin:0;}
#calender_section h2{ color:#444444; font-size:17px; text-align:center; line-height:25px; margin:0; padding:0; border-bottom:none;}
#calender_section h2 a{ color:#F58220; float:none;}
#calender_section_top{ width:100%; float:left; margin-top:20px;}
#calender_section_top ul{padding:0; list-style-type:none;}
#calender_section_top ul li{ float:left; display:block; width:14.28%; border-right:1px solid #fff;  text-align:center; font-size:14px; min-height:0; background:none; box-shadow:none; margin:0; padding:0; border-bottom:none;}
#calender_section_bot{ width:100%; margin-top:5px; float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#calender_section_bot ul{ margin:0; padding:0; list-style-type:none;}
#calender_section_bot ul li{ float:left; width:14.28%; height:52px; text-align:right; border-top:1px solid #ccc; border-right:1px solid #ccc; min-height:0; background:none; box-shadow:none; margin:0; padding:0; position:relative;}
#calender_section_bot ul li.date_cell span{ margin-top:3px; float:right; margin-right:3px; font-size:12px; text-align:right;}

.grey{ background-color:#DDDDDD !important;}
.light_sky{ background-color:#B9FFFF !important;}
.Cal_Today{ float:left !important; margin-right:5px; background:rgb(0,144,211); color:#ffffff !important; font-size:14px; padding:0px 7px; border-radius:3px;}
.Cal_Prev_month{ display:inline-block; width:22px; height:22px; margin-right:1px; vertical-align:middle;}
.Cal_Prev_month img{ width:100%; display:block;}
.Cal_Next_month{ display:inline-block; width:22px; height:22px; margin-right:1px; vertical-align:middle;}
.Cal_Next_month img{ width:100%; display:block;}
.Cal_Ship_link{display:inline-block; vertical-align:middle; margin:3px 5px 0px 0px;}
.Cal_Ship_img{ width:18px; height:auto; margin:3px 0px 0px 0px; vertical-align:middle; display:inline-block;}
.Cal_Ship_count{display:inline-block; vertical-align:middle; font-size: 10px; color: #006600; margin:3px 0px 0px 0px; line-height:12px; display:inline-block;}
.Cal_shipped{width: 100%; background: #689a69; font-size:10px !important; color: #ffffff !important; padding:2px 0px; text-decoration: none; position: absolute !important; left: 0; bottom: 0; line-height:10px !important; text-align:center; cursor:none;}
.Cal_shipped_blue{width: 100%; background:rgb(0,144,211); font-size:11px !important; color: #ffffff !important; padding:1px 5px; text-decoration: none; position: absolute !important; left: 0; bottom: 0; line-height:10px !important; text-align:center; cursor:none;}
.Cal_shipped_blue::before{display:none;}
.Cal_shipped::before{ display:none;}
.Cal_Ship_link_head{ width:auto; float:right;}
.Cal_Ship_link_launch{display:inline-block; vertical-align:middle; float:right;}

.Cal_row{ width:100%; float:left; text-align:center;}

/*----------Video Page---------*/

.VideoList li { border-radius: 30px; padding: 0; margin-bottom:15px; background: #fff none repeat scroll 0 0; border: 1px solid #ddd; }
.VideoList li a {display: block;color: #333;
    font-size: 18px;
    font-weight: 600;
    padding: 12px 20px 12px 50px;
    position: relative;
    transition: all 0.3s ease 0s;}
	
.VideoList li a:before {content: "\f144"; background: #fff; border: 1px solid #ddd; box-shadow: none; color:#333;border-radius: 50%;font-family: fontawesome;
    font-size: 25px; height: 55px; left: -20px; line-height: 55px; position: absolute; text-align: center; top: -3px; transition: all 0.3s ease 0s; width: 55px;
}

.negative-grsprf{ color:#FF0000;}



#ManagePrdTable.sticky .table .thead-blue th {border-color: #d6d6d6; background-color: #0062a6; font-size:14px; font-weight:400; white-space:nowrap;
  /*position: sticky;
  top: 0;
  position: -webkit-sticky;
  z-index: 99;*/
  color:#fff ; font-weight:400;
 }
#ManagePrdTable .table .thead-blue {position: sticky; top: 0; z-index: 9;}
#ManagePrdTable.sticky .table .thead-blue th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable.sticky .table .thead-blue th a:hover { text-decoration:underline}



#ManagePrdTable.content .table .thead-blue th {border-color: #d6d6d6; background-color: #0062a6; font-size:14px; font-weight:400; white-space:nowrap;
  /*position: sticky;
  top: 0;
  position: -webkit-sticky;
  z-index: 99;*/
  color:#fff ; font-weight:400;
 }
#ManagePrdTable.content .table .thead-blue th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable.content .table .thead-blue th a:hover { text-decoration:underline}




#ManagePrdTable.sticky .table .thead-green th, #ManagePrdTable .table .thead-green th {border-color: #d6d6d6; background-color: #336633; font-size:14px; font-weight:400; white-space:nowrap;
  /*position: sticky;
  top: 0;
  position: -webkit-sticky;
  z-index: 99;*/
  color:#fff ; font-weight:400;
 }
#ManagePrdTable .table .thead-green {position: sticky; top: 0; z-index: 9;}
#ManagePrdTable.sticky .table .thead-green th a, #ManagePrdTable .table .thead-green th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable.sticky .table .thead-green th a:hover, #ManagePrdTable .table .thead-green th a:hover { text-decoration:underline}
.m-t-20 { margin-top: 20px;}


#ManagePrdTable.content .table .thead-green th {border-color: #d6d6d6; background-color: #336633; font-size:14px; font-weight:400; white-space:nowrap;
  position: sticky;
  top: 0;
  position: -webkit-sticky;
  z-index: 99;
  color:#fff ; font-weight:400;
 }
#ManagePrdTable.content .table .thead-green th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable.content .table .thead-green th a:hover { text-decoration:underline}




#ManagePrdTable.sticky .table .thead-purple th {border-color: #d6d6d6; background-color: #663366; font-size:14px; font-weight:400; white-space:nowrap;
  /*position: sticky;
  top: 0;
  position: -webkit-sticky;
  z-index: 99;*/
  color:#fff ; font-weight:400;
 }
#ManagePrdTable.sticky .table .thead-purple th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable.sticky .table .thead-purple th a:hover { text-decoration:underline}



#ManagePrdTable.content .table .thead-purple th {border-color: #d6d6d6; background-color: #663366; font-size:14px; font-weight:400; white-space:nowrap;
  /*position: sticky;
  top: 0;
  position: -webkit-sticky;
  z-index: 99;*/
  color:#fff ; font-weight:400;
 }
#ManagePrdTable .table .thead-purple {position: sticky; top: 0; z-index:9}
#ManagePrdTable.content .table .thead-purple th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable.content .table .thead-purple th a:hover { text-decoration:underline}


#ManagePrdTable.sticky .table .thead-saffron th {border-color: #d6d6d6; background-color: #d16800; font-size:14px; font-weight:400; white-space:nowrap;
  position: sticky;
  top: 0;
  position: -webkit-sticky;
  z-index: 99;
  color:#fff ; font-weight:400;
 }
#ManagePrdTable.sticky .table .thead-saffron th a {font-size:14px; font-weight:400; white-space:nowrap; color:#fff}
#ManagePrdTable.sticky .table .thead-saffron th a:hover { text-decoration:underline}


#ManagePrdTable .table.orange-striped tbody tr:nth-of-type(odd) { background-color:#c5bbb1;}
#ManagePrdTable .table.orange-striped tbody td { border-color:#ead5c0 !important}
#ManagePrdTable .table.orange-striped .thead-dark th { background-color:#cf7d2c; border-color:#ffca96 !important}

.orange-table .table tbody tr:nth-of-type(odd) { background-color:#c5bbb1 !important;}
.orange-table .table tbody td { border-color:#ead5c0 !important}
.orange-table .table .thead-dark th { background-color:#cf7d2c !important; border-color:#ffca96 !important}
.CommonTable.orange-table .table .thead-dark th { border:1px solid #ffca96 !important;}
#MDashTable.content .orange-table .table .thead-dark th {position:relative !important; z-index:0 !important}
#MDashTable .table .thead-dark{ position:sticky; top:0; z-index: 9;}

.orange-table.blue-link a { color:#0262d8}

.peach-table .table tbody tr:nth-of-type(odd) {background-color:#fff1ef !important;}
.peach-table .table tbody td { border-color:#edc9c0 !important}
.peach-table .table .thead-dark th { background-color:#e76f51 !important; border-color:#ff9b82 !important; position:relative !important; z-index:0 !important}
.CommonTable.peach-table .table .thead-dark th { border:1px solid #ff9b82 !important;}

.padding-0 { padding-left:0 !important; padding-right:0 !important }

#ui-datepicker-div {z-index: 111 !important;}
.row-btm-space { margin-bottom:10px;}

@media (max-width:992px){
.StaticValueBox .StaticBox:nth-child(1), .StaticValueBox .StaticBox:nth-child(2) {margin-bottom: 20px;}
}
@media (max-width:1366px){
.col-lg-4-md {-webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex: 0 0 50%; flex:0 0 50%; max-width:50%;}
#calender_section_bot ul li{height:55px;}
}
@media (max-width:992px){
.col-lg-4-md {-webkit-box-flex:0; -webkit-flex:0 0 100%; -ms-flex: 0 0 100%; flex:0 0 100%; max-width:100%; width:100%}
}

.toggleBrBc {background-size:24px !important; background-repeat: no-repeat !important; background-position: 95% top!important;}
.SearchManagPrd {position:relative; padding-right:180px;}  
input[type=checkbox], input[type=radio] { margin-right:5px;}

/*---------Sales dashboard tile-----------*/
.Dashboard-tile {margin:-40px auto 30px auto; width: 70%; padding: 10px; }

.Dashboard-tile ul {/*display: table;*/}
.Dashboard-tile ul li { /*display: table-cell;*/ display: inline-block; width: 16.2%; border-right: 1px solid #f0f0f0; padding:0 5px; text-align: center;}
.Dashboard-tile ul li:first-child { padding-left: 0;}
.Dashboard-tile ul li:last-child { padding-right: 0; border-right: 0;}
.Dashboard-tile ul li.orders a { color: #0c7ccc;}
.Dashboard-tile ul li.estimate a { color: #61c7f7;}
.Dashboard-tile ul li.orders-progress a { color: #eea342;}
.Dashboard-tile ul li.shipment a { color: #a1d669;}
.Dashboard-tile ul li.unpaid-invoice a { color: #03397a;}
.Dashboard-tile ul li.overdue-invoice a { color: #f15e60;}
.Dashboard-tile ul li a:hover { color: #000000;}
.Dashboard-tile ul li .icon img { width: 50px; height: auto;}
.Dashboard-tile ul li .num {font-size: 24px; font-weight: 600; margin-top: 8px; line-height: 30px;}
.Dashboard-tile ul li .text { font-size: 14px; color: #494949;}

@media (max-width:1400px){
  .Dashboard-tile { width: 90%;}
  .Dashboard-tile ul li .icon img { width: 40%;}
  .Dashboard-tile ul li .num {font-size: 22px; font-weight: 600; margin-top: 8px; line-height: 30px;}
  .Dashboard-tile ul li .text { font-size: 12px; color: #494949;}
}
@media (max-width:1200px){
  .Dashboard-tile { width: 96%;}
}
@media (max-width:1080px){
  .Dashboard-tile { width: 100%;}
  .Dashboard-tile ul li { width: 16%;}
}


/* chosen select box */
.chosen-container-multi .chosen-choices { background-image: none !important; border: 1px solid rgba(0, 0, 0, .15) !important; border-radius: .25rem; padding: .25rem .75rem !important;}

/*---------Admin dashboard-----------*/
.p-l-36 { padding-left: 38px;}
.p-r-38 { padding-right: 38px;}
h2.CardFilter { margin: 10px 0 0px 0; padding: 0 0 10px 0px; font-size: 14px;}

.barline {
    background-color: blue;
    height: 2px;
    margin-top: 5px;
}

/*---------Add product-----------*/
.toggleEstCost
{
	display:inline-block;
	height:48px !important;
	width:48px !important;  
	background:url("../images/plus-ico-black.png") no-repeat 95% top;
}
.toggleEstCost.expanded
{
	height:48px !important;
	width:48px !important;
	background:url("../images/minus-ico-black.png") no-repeat 95% top;
}