@charset "utf-8";
/* CSS Document */
.full{ width: 100%; float: left; }
/*This will work for firefox*/
.rout_code_view {
    display: inline;
    position: relative;
    margin-bottom: 20px;
    float: left;
}

body:before,body{
    background: -webkit-linear-gradient(top left, #0072ff, #0335a7) !important;
    background: linear-gradient(to bottom right, #0072ff, #0335a7) !important;
}

.element-box{ overflow: auto; }
.rout_code_view ul {
  margin: 0;
    list-style: none;
    padding: 0;
}
.rout_code_view ul li {
    width: 20%;
    float: left;
    margin-bottom: 4px;
}
.rout_code_view ul li label {
    width: auto;
    font-size: 0.7rem;
    margin-top: 1px;
}
.rout_code_view ul li input {
    margin-right: 7px;
}
.search-form {
    text-align: right;
    font-size: 0.9rem;
}

.search-form input {
    max-width: 10rem;
    border-right: 0;
}

.search-form select {
    max-width: 7rem;
    border-right: 0;
}
.search-form button {
    background: #0171ca;
    color: #fff;
    border-color: #0171ca;
    float: right;
}
.search-form input,.search-form select,.search-form button{

    width: auto;
    height: 24px;
    border: 1px solid #333;
    padding: 2px 4px;
    margin-right: -1px;
}

.card_pop.popup {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 200;
    border: 0;
    height: 100%;
    background: #fff;
    max-width: 100%;
}
.card_pop.popup .element-box {
    box-shadow: none;
}
.card_pop .element-header button{ float: right; }
.card_pop.popup .card-head .card-manage ul li a {
    display: none;
}

.card_pop.popup .card-head .card-manage ul li a.ext.no {
    display: block;
    opacity: 1
}

#barcode_for_brand,.form-control.barcode_for_brand{
    float: right;
    width: 150px;
    margin-left: 23px;
    border: 1px solid #000;
    padding: 0 10px;
    height: 24px !important;
    margin-bottom: -10px;
}

.reception .top-menu-secondary ul li a {
    display: inline-block;
    padding: 10px 6px;
    position: relative;
    font-size: 13px;
    color: #555;
    letter-spacing: 0px;
    margin-right: 5px;
}
.reception .top-menu-secondary ul li:last-child a{ margin-right: 0px; }

[type=checkbox]::after{ float: auto !important; }
.th_color th{ background-color:rgba(18, 95, 142, 0.075); width: 125px; }

.el-chart-w {
    text-align: left !important;
}

.form-control[type="checkbox"],[type="checkbox"] {
    height: auto !important;
}
.nav.upper.nav-tabs .nav-link {
    padding-bottom: 5px !important;
    margin-right: 1rem !important;
}

.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}
.os-tabs-controls{ width: 100%; padding: 0 15px; }
@-moz-document url-prefix() {
     input[type="checkbox"]{ visibility: visible !important}
}
#maching_data_finder_2{ display: none !important; }
.element-header{text-transform: uppercase;}

/* For the "inset" look only */
html {
	overflow: auto;
}
.red{ color: #f00 !important;
    margin: 0 !important; }
.table th, .table td {
    padding: 2px 4px !important;
}
.pack_list { 
    list-style: none;
    float: left;
    color: #027be8;
    background: #dfdfdf;
    width: 100%;
    padding: 10px;
}
.pack_list li{  }
.pack_list li span{margin-left: 10px;}
.ibox-title{ width: 100%; float: left; margin-bottom: 20px; }
.fund_flow
{
    float:right;font-size:  16px;color:#9b019d;font-weight:bold;
}
.fund_flow span {
    border: 1px solid;
    padding: 4px 8px;
}
.cus-tab ul {
	float: left;
	padding: 0;
	list-style: none;
	margin: 0;
	border: 1px solid #dfdfdf;
	border-bottom: 0px;
	border-right: 0px;
    border-radius: 4px 4px 0 0;
}
.cus-tab ul li {
	float: left;
	width: auto;
	border-right: 1px solid #dfdfdf;
	text-transform: uppercase;
}
.cus-tab ul li.nav-link{ padding: 0px; }
.cus-tab ul a {
	padding: 10px 15px;
	background: #9c9c9c61;
	float: left;
	width: 100%;
	color: #444;
}
.cus-tab ul li:first-child,.cus-tab ul li:first-child a{border-radius:4px 0 0 0;}
.cus-tab ul li:last-child,.cus-tab ul li:last-child a{border-radius:0 4px 0 0;}
.cus-tab ul li:hover a, .cus-tab ul li.active a {
	background: #fff;
	color: #000;
}
.hidden_all_input input{ display: none; }.hidden_all_input .table tbody{ font-size: 11px; }
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    vertical-align: middle;
}

.p0 {
	padding: 0 !important
}
textarea.form-control {
	overflow-x: hidden;
}


.lab_report_box .test_box {
    float: left;
    padding: 0px;
    border: 1px solid #b9b9b9;
    border-radius: 4px;
    margin: 10px 8px;
    box-shadow: 1px 2px 7px 0px;
}

.lab_report_box .test_box .test_head {
    padding: 4px;
    text-align: center;
    border-bottom: 1px solid #bababa;
    margin-bottom: 10px;
    background: #d0d0d0;
}
.lab_report_box .test_box .test_package {
    padding: 0px 15px;
    margin-bottom: 14px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
}
.lab_report_box .test_box .test_package label {
    float: left;
    width: 20%;
}
.lab_report_box .test_box .test_package .form-control {
    float: left;
    width: 80%;
}
.lab_report_box .test_box .test_body {
    padding: 0 15px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}
.lab_report_box .test_box input {
    float: right;
    width: 100%;
    height: 26px;
    padding: 0 10px !important;
}

.master_report input {
    margin-right: 4px;
}

.master_report label {
    margin-right: 15px;
}

.table tr .check_option {
	text-align: center;
}
.popup .table .form-control[type="text"] {
	padding: 0px 5px;
	height: 26px !important;
}
table.dataTable, table.table.dataTable, table.table {
	border-collapse: collapse !important;
}
.hummingbird-treeview .check .btn {
	padding: 2px 10px;
}
.hummingbird-base li.first {
	width: 100%;
	float: left;
}
.hummingbird-base li.singal {
	padding-left: 17px;
	float: left;
}
.menu-top-w .menu-top-i .sub-menu {
	z-index: 99999;
}
.user_data {
}
.user_data ul {
	padding: 0;
	list-style: none;
	line-height: 20px;
}
form .btn {
	padding: 5px 10px !important;
	text-transform: capitalize !important;
	margin-left: 10px !important;
}
.new_v .form-group {
	padding: 0 !important;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
	float: left;
}
table .dyns {
	text-align: center !important;
}
table .dyns a {
	background: #047bf8;
	color: #fff;
	padding: 2px 7px;
	border-radius: 3px;
	text-decoration: none !important;
}
.use_package_pro {
	padding: 10px 20px;
}
.test_done_by {
	margin-right: 20px;
}
.use_package_pro span {
	margin-right: 15px;
}
.use_package_pro label {
	cursor: pointer;
}
/*\

[type="radio"]:checked, [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
	position: relative;
	padding-left: 22px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #666;
	margin-right: 15px;
}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #888;
	border-radius: 100%;
	background: #fff;
}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
	content: '';
	width: 12px;
	height: 12px;
	background: #047bf8;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
[type="radio"]:checked + label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.radioset [type="radio"]:checked + label:before, .radioset [type="radio"]:not(:checked) + label:before {
	display: none
}
.input-group-addon [type="radio"]:checked, [type="radio"]:not(:checked) {
	position: relative;
	left: 0;
	visibility: hidden;
}
*/

.menu-top-w .menu-top-i ul.main-menu > li .icon-w {
    color: #0073ff;
    font-size: 15px !important;
    width: auto !important;
    padding: 1px 5px !important;
}

.menu-top-w .menu-top-i ul.main-menu > li span {
    padding: 3px 10px !important;
    padding-left: 0px !important;
}

.desktop-menu .logo-w .logo h3 {
    font-size: 21px;
    margin: 0;
}

@media (max-width: 767px) {
	.menu-top-w .menu-top-i .sub-menu {
	    max-width: 100%;
    	padding: 15px 20px !important;
	}
}

.menu-top-w .menu-top-i .sub-menu {
    max-width: 200px !important;
    border: 0px !important;
    margin: 0 auto !important;
    padding:15px 0 !important;
}
.menu-top-w .menu-top-i .sub-menu li a {
    padding: 3px 10px !important;
    padding-left: 20px !important;
    margin-bottom: 5px;
    font-weight: 400 !important;
    font-size: 13px !important; 
}
.menu-top-w .menu-top-i .sub-menu li{
    width: 100% !important;
}
.menu-top-w .menu-top-i .sub-menu a{
    padding: 3px 10px !important;
    width: 100% !important;
    border-bottom: 1px solid #0056c3 !important;
}

.menu-top-w .menu-top-i .sub-menu a:last-child{
    border-bottom: 0px solid #0056c3 !important;
}
.menu-top-w.color-scheme-dark .menu-top-i ul.main-menu > li > a {
    color: #fff;
    padding: 0 2px;
    padding: 5px 3px;
    font-size: 13px;
    font-weight: 400;
}


.menu-top-w .menu-top-i ul.main-menu > li.has-sub-menu > a:before {
    right: 4px !important;
}

.po_list{
    background-color: #0362c6 !important;
    border-color: #035dbc !important;
}

a.btn-primary{ color: #fff !important; }

.input{ padding: 0 !important; }
.input input {
    border: 0px solid !important;
    width: 100%;
    float: left;
    height: 28px;
    padding: 0px 8px;
}


.element-wrapper .element-header:after {
    width: 30px !important;
    height: 4px !important;
}
.element-wrapper .element-header {
    padding-bottom: 0.3rem !important;
    margin-bottom: 0.5rem !important;
}
#wid span.ck {
    height: 26px;
}

@media(min-width: 760px) and (max-width: 1030px) {

    .content-w{ width: 100%; }
}

.widget-stats .new_span span {
    width: 100%;
}
.form_no .col-md,.form_no .col-md-1,.form_no .col-md-10,.form_no .col-md-11,.form_no .col-md-12,.form_no .col-md-2,.form_no .col-md-3,.form_no .col-md-4,.form_no .col-md-5,.form_no .col-md-6,.form_no .col-md-7,.form_no .col-md-8,.form_no .col-md-9,.form_no .col-md-auto,.form_no .col-sm,.form_no .col-sm-1,.form_no .col-sm-10,.form_no .col-sm-11,.form_no .col-sm-12,.form_no .col-sm-2,.form_no .col-sm-3,.form_no .col-sm-4,.form_no .col-sm-5,.form_no .col-sm-6,.form_no .col-sm-7,.form_no .col-sm-8,.form_no .col-sm-9,.form_no .col-sm-auto{ padding:0px 5px; }

.ui-dialog-content [type=checkbox]::after {
    margin-left: 0px;
    margin-top: 0px;
}
td [type=checkbox],td .form-control[type=checkbox]{ height: 12px !important }
td [type=checkbox]::after {
    margin-left: 0px;
}

form .form-control, .popup .form-control, .form-control, .select2-container .select2-selection--single, select.form-control:not([size]):not([multiple]) {
    height: 12px !important;
}

.ref_sectin .parsley-errors-list{ 
    float: left;
    width: 100%;
    margin-top: 0;
    z-index: 9999;
    height: 15px; }

.content-i{ 
    width: 100%; float: left; 
    background: #f2f4f8;
}
.error_section .parsley-errors-list .parsley-required,.error_section .parsley-errors-list li {
    z-index: 999;
    background: #e60a31;
    color: #fff;
    padding: 0 7px;
}

.error_r_section .parsley-errors-list .parsley-required,.error_r_section .parsley-errors-list li
{
    z-index: 999;
    background: #e60a31;
    color: #fff;
    padding: 0 7px;
}
.error_r_section .parsley-errors-list li
{
    right: 15px;
    bottom: -17px;
}