body .jplist-drop-down ul{max-height: 470px; overflow: auto;}

a, .icon_update{ color: #2a6496;}
a:active, a:hover, .icon_update:hover{ color: #003971;}
a:visited{ color: #0081FF;}
a.btn:visited{ color: #fff;}

.tomiddle {
  margin-top: 7px;
  padding-left: 0;
  padding-right: 0;
  width: 20px;
}

.jplist-drop-down ul li{  text-indent: 0;  height: auto;   line-height: 20px; padding: 5px 0  5px 10px;}
table.customer-detail{ width: 100%;}
table.customer-detail tr td{ padding: 5px; border-left: 0; vertical-align: top;}
table.customer-detail tr:first-child td{ border-top: 0; width: 80px;}
table.customer-detail tr td:first-child{ font-weight: bold;}
.jplist-drop-down .jplist-dd-panel { cursor: pointer; float: left; height: 20px; overflow: hidden; text-indent: 0; width: 187px; word-wrap: break-word;}
.jplist-drop-down .jplist-dd-panel:after {background: none repeat scroll 0 0 #ffffff;height: 100%;margin: 0 0 0 10px;padding-left: 4px;padding-right: 8px;padding-top: 5px;position: absolute;right: 0;top: 0;}
.jplist .jplist-drop-down .jplist-dd-panel{font-size: 13px;}
.ingredients_popup{ height:400px; overflow-y:auto; padding:20px 30px; }
.ingredients_popup h3{ /*padding-bottom:10px; margin-bottom: 10px; */border-bottom: 1px solid #e3e3e3;padding:10px 0px;}
.ingredients_popup .row{ padding:0 20px 10px; margin-bottom: 10px;  border-bottom: 1px solid #e3e3e3;}
#topbar .navbar-header #logo { padding:5px 0;  }
#topbar .navbar-header #logo span.logo-text, #topbar .navbar-header #logo span.logo-text-icon{ height:100%; }
#topbar .navbar-header #logo img{ height:125%; width:auto; }
.table_basic_div .dataTables_wrapper{ /*clear: none;  padding: 10px 0 0;*/}
.table_basic_div .dataTables_length{   /*margin-top: -78px; float: right!important;*/ float: right;}
#RMtbl_length.dataTables_length {
	margin-top: 0; float: right;
}
#docListTbl_length {
	float: right;
	margin-top: -35px;
}
.table_basic_div .dataTables_info{ float:left; clear: both;}
.jplist-panel{ position: relative; width:85%; z-index: 100; }
.my_content{background: none repeat scroll 0 0 #eee;  border-radius: 5px; display: block; padding: 2.5%;  overflow: hidden;    position: relative;  width: auto;}
#ingredients_info{color: #000000;}

#addedNewCost .costodispcls {width: 3.33% !important; margin-top: 8px;}
#addedNewCost .cosenddispcls {width: 13.33% !important;}
#addedNewCost .inp_grp_end{ float:left; margin-top: 8px; }

/*.tab2_panel .to_right{ float:right; width:64%; }*/
.tab2_panel .to_left{ /*margin-right: 20px;*/ width: 37%; float:left;}
.tab2_panel .to_left input{ float:left; width: 79%;}
.tab2_panel .to_left span{ float:left; width: 20%; line-height:34px;padding-left: 14px;}
.tab2_panel .inp_grp_right{ float:left;width: 35%; }
.tab2_panel .btn_del_cls{ float:left;padding-left: 10px; }
.tab2_panel .to_right span{ float:left; line-height:34px; margin:0 10px; }
.tab2_panel .to_right input[type="text"]{ float:left; width:40%; }
.tab2_panel .to_right select{ margin-top: 5px;}

.rmfrmcost .to_left{ /*margin-right: 20px;*/ width: 37%; float:left;}
.rmfrmcost .to_left input{ float:left; width: 79%;}
.rmfrmcost .to_left span{ float:left; width: 20%; line-height:34px;padding-left: 14px;}

.rmfrmcost .inp_grp_right{ float:left;width: 35%; }
.rmfrmcost .btn_del_cls{ float:left;padding-left: 10px; }
.rmfrmcost .to_right span{ float:left; line-height:34px; margin:0 10px; }
.rmfrmcost .to_right input[type="text"]{ float:left; width:40%; }
.rmfrmcost .to_right select{ margin-top: 5px;}

.tab4_table tr{ border-bottom: 1px solid #D7DADD;}
#tblMethods .ui-sortable > tr {
  border-bottom: 0 none;
}

#tblMethods tr {
  border-bottom: 0 none;
}
.tab4_table td, .tab4_table th{ padding:5px; }

#rmimportform .tab4_table td,
.tab4_table th {
	padding: 5px;
	vertical-align: top;
}

#tblDBMethods .ui-sortable > tr {
  border-bottom: 0 none;
}

#tblDBMethods tr {
  border-bottom: 0 none;
}
.invalid {color: #db4c4a !important;  display: block; font-style:italic;}
h1{ text-transform:capitalize; }
.raw_ttl{ background:#EEEEEE; margin-bottom: 15px; float: left; width: 100%; }
.raw_ttl h1{ float:left;width: 100%;}.raw_ttl h4{float: left;}
.raw_btns{ float:right; margin-top:20px; margin-bottom: 15px;}
.raw_ttl select{ width:100%; padding:5px; margin:0 0 10px 0;   }

.raw_ttl_rm{ background:#EEEEEE; margin:15px 15px; padding:0 0 10px; float: left; width: 97%; }
.raw_btns_rm{ float:right; /*margin-top:30px;*/ }

.formula_plusminus a{ color: #000000; cursor: pointer; }
.formula_plus{ display: none;}
.page_collapsible { width: auto;}
.container {width: auto; padding:0; margin:5px 0 0 10px; color: #428bca;  font-style: italic;}
.hide{ display: none;}
.show {display: block;}
#topbar .topbar-main #menu-toggle{ position: relative; z-index: 1;}

.navbar-static-side{ z-index:999; }

::-webkit-input-placeholder {   opacity: 1 !important; /* for chrome */ }
:-moz-placeholder { opacity:1;}
::-moz-placeholder { opacity:1;}
:-ms-input-placeholder { opacity:1;}

#topbar .navbar-header span.logo-text{ text-align:left; padding-left:50px;  }

#topbar-search input[type="text"]:focus{ color:#fff; opacity:1;  }
#topbar-search input[type="text"]::-webkit-input-placeholder {  color:#fff;  }
#topbar-search input[type="text"]:-moz-placeholder { color:#fff;}
#topbar-search input[type="text"]::-moz-placeholder { color:#fff;}
#topbar-search input[type="text"]:-ms-input-placeholder { color:#fff;}

.page-title-breadcrumb .breadcrumb li + li:before {  content: none;  padding: 0;}

.clearb{ clear: both;}
.project_list > tbody > tr > td{ vertical-align:middle; }

.tbl_huge{overflow-x: auto; overflow-y: hidden; width: 100%; padding-bottom:20px; margin-top: 10px; }
.tbl_huge .table th{ vertical-align: middle;}

.icon_update{ background: none; border:none;  font-family: FontAwesome, Montserrat;   }
#colorantTbl_length{ float:right; clear: none; }

.modal-header{ width:100%; background:#003977; color: #fff;  }
.modal-content .modal-body.ingredients_popup{ height:450px; overflow-y:auto; padding:0px 15px 0px 10px; margin-top:0px; }
.modal-content .modal-body.cust_ingredients_popup{ height:450px; overflow-y:auto; }
.modal-footer{background-color: #003977;  color: #FFFFFF;  font-size: 12px; text-align: right;}

.wizard > .steps > ul.project_management a.project_management {  min-height: 51px;}

#overlay {  position:fixed;  left: 0;  top: 0;  bottom: 0;  right: 0; background: #000; opacity: 0.8; z-index: 9999;}
#loading {height: 50px;  left: 36%;  position: absolute;  top: 45%;  width: 30%;}

.chk_text_only{ padding-top: 7px;}
.unit_sz_tbl tbody td{ padding:5px 5px; line-height: 34px;  border-top: 1px solid #ddd; vertical-align: middle;}
.unit_sz_tbl tbody td span{ padding:0 15px 0 5px; float:right; display: block; line-height: 34px;  }
.unit_sz_tbl tbody td input[type="text"]{ width:100px; float: left; }
.unit_sz_tbl tfoot a{ float:right; }
.unit_sz_tbl tfoot td{ padding:5px; }

.confirm_modal{}
.multiPlanSec h3 {
  font-size: 16px;
  margin-top: 0px;
}
.sign_up_wp .multiPlanSec .form-group {
  min-height: auto;
}
.sign_up_wp .multiPlanSec .form-group.pt-20 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.due-chk-chk-cls {
  width: auto;
  float: left;
  margin-right: 15px;
}
.due-chk-sel-cls {
  width: 26%;
  float: left;
}
.due-chk-btn-cls {
  width: 12%;
  float: left;
  margin-left: 15px;
}


@media handheld, only screen and (max-width:4540px) {
 .raw_ttl_rm {
 	width: 99.4%
 }
}
@media handheld, only screen and (max-width:2720px) {
 .raw_ttl_rm {
 	width: 98.8%
 }
}
@media handheld, only screen and (max-width:2040px) {
 .raw_ttl_rm {
 	width: 98.3%
 }
}
@media handheld, only screen and (max-width:1700px) {
 .raw_ttl_rm {
 	width: 97.8%
 }
}
@media handheld, only screen and (max-width:1520px) {
 .raw_ttl_rm {
 	width: 97.5%
 }
}
@media handheld, only screen and (max-width:1360px) {
 .raw_ttl_rm {
 	width: 97%
 }
}
@media handheld, only screen and (max-width:1329px) {


}
@media handheld, only screen and (max-width:1279px) {

.wizard > .steps > ul.project_management a.project_management {  min-height: 66px;}
.wizard > .steps .number { font-size: 14px;}


}
@media handheld, only screen and (max-width:1139px) {

.wizard > .steps > ul.project_management a.project_management, .wizard > .steps > ul.raw_mat_management a{min-height:inherit; padding: 10px;}
.wizard > .steps > ul.project_management > li, .wizard > .steps > ul.raw_mat_management > li{  width:50%; margin-bottom:5px; min-height:inherit;  }
@media only screen and (max-width: 1299px) {

#projectwizard li.r-p {
  min-width: 14%;
  width: 50%;
}

#projectwizard li.docs-pro-today {
  min-width: 14%;
  width: 50%;
}

}

}
@media handheld, only screen and (max-width: 1023px) {

/*.formulaRMList_frmtb{ min-width:850px; }*/
#docListTbl_length {
	margin-top: 0;
	clear: none;
}
.tab2_panel .to_right {
	float: left;
	margin-top: 5px;
}
.tab2_panel .to_right input {
	margin-bottom: 5px;
}

}
@media handheld, only screen and (max-width: 979px) {

#flip-scroll th{ width:auto;}
#flip-scroll th.btn_th{ min-height: 24px;}
td .btn{ width:auto; margin-bottom: 0px; padding: 6px 12px; }
td .btn.noSaveAlert {
	padding: 6px 12px;
}
.navbar-static-top{ z-index:2000!important; }

.raw_btns{ width:100%; margin-top:20px;  }
.raw_btns a, .raw_btns button{  }

.raw_ttl h1 {
	font-size: 22px;
}

}
@media handheld, only screen and (max-width: 799px) {

.btn{ width:100%; text-align: center; margin-bottom:10px;  }
.small-btn {
    width: 36px;
}
.tomiddle {
  margin-bottom: 7px;
  margin-left: 15px;
  margin-top: 7px;
  padding-left: 0;
  padding-right: 0;
  width: 20px;
}

}
@media handheld, only screen and (max-width: 767px) {

#signin-page .page-form{margin: 5% auto;}
.btn{ width:auto; }

.view_ingr{ margin-top: 20px; padding:2px 2px 20px;}
#RMtbl_length.dataTables_length {
  margin-top: 0;
}
.btn {
	margin-bottom: 0;
}

.tab2_panel .to_right {
	width: 100%;
	margin-top: 10px;
}

}
@media handheld, only screen and (max-width: 639px) {

.btn{ width:100%; text-align: center; margin-bottom:10px;  }
/*.table_basic_div .dataTables_length { margin-top:0px!important; float:none!important; width:90%;  }*/
 #grid-layout-table-2 .jplist-panel {
        width: 100%;
    }
#RMtbl_length.dataTables_length {
  margin-top: -37px;
}
}
@media handheld, only screen and (max-width: 479px) {

.wizard > .steps > ul.project_management > li, .wizard > .steps > ul.raw_mat_management > li {  width:100%; margin-bottom: 0;}
@media only screen and (max-width: 1299px) {

#projectwizard li.r-p {
  min-width: 14%;
  width: 100%;
}

#projectwizard li.docs-pro-today {
  min-width: 14%;
  width: 100%;
}

}
#footer{ text-align: center;}
.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0.5em;}
.commposition_tabs li{ width:50%; }
.commposition_tabs li a{ padding:5px 13px; }
#RMtbl_length.dataTables_length {
  margin-top: 0;
  float: left;
}
.view_ingr {
	margin: 0;
}
.table_basic_div .dataTables_length {
	float: left;
}

#colorantTbl_length{ 
	float:left;
	clear: both;
}

.table_basic_div .dataTables_length {
	margin-top: 0;
	float: left;
}

#docListTbl_length {
	float: left;
}

.my_content h2 {
	font-size: 22px;
}

.tab2_panel .to_right input[type="text"] {
	width: 90%;
}
.raw_ttl h1 {
	font-size: 18px;
}

.commposition_tabs li {
  width: 100%;
  margin-bottom: 7px;
}

}
@media handheld, only screen and (max-width: 359px) {

.dataTables_wrapper .dataTables_paginate .paginate_button{padding: 0.3em;}
.commposition_tabs li a{ padding:5px; }

}
@media handheld, only screen and (max-width: 319px) {

}
.disablebrowswbtn{
	background: #d6d6d6;
}
.select2-search-choice.disableselectselect2,
.tm-tag.disableselectselect2 {
	background: #cbcbcb !important;
}
.disableselectselect2 a{
	display: none;
}

input[type="checkbox"].form-control,
input[type="checkbox"].switch {
    display: none !important;
}
.icheckbox_square-red input[type="checkbox"].form-control,
.icheckbox_minimal-grey input[type="checkbox"].form-control,
.bootstrap-switch-container input[type="checkbox"].switch {
    display: block !important;
}
.margindiv {
	margin: 0 0 9px;
  	padding: 0;
}
.margindiv button.btn {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #cbcbcb;
  color: #000000;
  overflow: hidden;
  height: 34px;
  line-height: 16px;
  padding: 0 10px;
  position: initial;
  vertical-align: middle;
}
.margindiv .open button.btn {
	box-shadow: none !important;
	background: none;
}
.margindiv button.btn span {
  line-height: 32px;
}
.margindiv button.btn.disabled{
	background: #cbcbcb;
}
.margindiv button.btn:focus ,
.margindiv button.btn:active ,
.margindiv button.btn:hover {
  outline:none !important;
}
#exportSelection .icheckbox_minimal-grey{
  margin: 0px;
}

.vartical-scroll {
  height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
}

.ql-left {
  float: left;
  font-size: 21px;
  font-weight: normal;
  width: 7%;
}
.ql-middle {
  float: left;
  width: 80%;
}
.ql-right {
  float: right;
  height: 34px;
}

.unitcurrancycls {
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: bold;
  margin-right: 5px;
  margin-top: 6px;
}
.unitsizePrisecls {
  float: left;
  width: 78%;
}

 #unitsize_table .unitsizePrisecls {
  float: left;
  width: 67% !important;
}

@media (max-width:1240px) {
  #unitsize_table .unitsizePrisecls {
    float: left;
    width: 64% !important;
  }
}
@media (max-width:1023px) {
  #unitsize_table .unitsizePrisecls {
    float: left;
    width: 64% !important;
  }
}

textarea.form-control {
  height: 100px;
}

@media(max-width: 1170px) {
  .row_1 .ql-right {
    width: 13%;
  }
  .ql-left {
    width: 10% !important;
  }
  .ql-middle {
    width: 72% !important;
  }
}
@media(max-width: 980px) {
  .row_1 .col-sm-4 {
    float: left;
    margin: 0 0 5px;
    width: 100%;
  }
  .ql-middle {
    float: left;
    width: 76% !important;
  }
}

.page-transparant-bg {
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  background-color: rgba(0,0,0,0.8);
}

.percentCheck + label.error {
  display: table-caption;
  caption-side: bottom;
}

.tstCompTitle b a {
  color: white;
  text-decoration: underline;
}
.tstCompTitle b a:hover {
  color: white;
  text-decoration: underline;