/* TAG */
pre { font-family: Lato, sans-serif }
input.switch-flat-small.switch-toggle-flat + label { padding: 1px; width: 40px; height: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; } 
input.switch-flat-small.switch-toggle-flat + label::before { top: 1px; left: 1px; bottom: 1px; right: 1px; -webkit-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }
input.switch-flat-small.switch-toggle-flat + label::after { top: 2px; left: 2px; bottom: 2px; width: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; }
input.switch-flat-small.switch-toggle-flat:checked + label::after { margin-left: 20px; }

/* ID */
#divAlerts { position: fixed; width: 350px; top:5px; right: 5px; z-index: 20000 }
#divHelp { visibility: hidden; position: fixed; width: 350px; height: 250px; background: #fff; z-index: 10000; right: 20px; bottom: 20px; border: 1px solid #cf6c02; border-radius: 10px; padding: 20px; }
#divHelp ul{ padding-left:15px }
#divHelp li{ line-height: 20px }
#divRecaptcha div:first-child { margin:auto; margin-bottom:10px }
#helpClose {  visibility: hidden; position: fixed; right: 30px; bottom: 240px }
#helpImage { visibility: hidden; position: fixed; z-index: 15; right: 340px; bottom: 240px; width: 60px; height: 60px; border: 1px solid #cf6c02; border-radius: 50%; background: #fff; padding: 5px; }
#helpText { padding: 5px; font-size: 12px }
#nav_summary ul { margin-bottom: 0px; list-style: none; }
#nav_summary li > a { display: block; height: 28px; line-height: 28px; margin: 8px 4px; padding: 0 14px; color: #FFF; font-size: 14px; border-radius: 14px; }
#nav_summary li > a:hover { background-color: rgba(0,0,0,0.15);}
#rightHiddenPanel{ position: fixed; top: 0px; width: 800px; height: 100%; max-height: 100%; overflow-y: auto; background-color: #fff; -webkit-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index: 1000;}
#rightHiddenPanel{ right: -800px; width: 800px; border-left: 3px solid #cf6c02}
#sig-canvas { border: 2px dotted #CCCCCC; border-radius: 15px; cursor: crosshair; }

/* CLASS */
.a_th_hover { color: #fff; cursor: pointer!important; }
.a_td_hover { cursor: pointer!important; }
.a_th_hover:hover { color: #eee!important; background-color: #934e03!important; }
.a_td_hover:hover { background-color: #eee;  }
.box_shadow { box-shadow: 0px 0px 10px rgb(0 0 0 / 40%);}
.button_input_group { height:38px; line-height:24px; color: #fff; margin: 0px }
.dash_icon { border-radius: 5px!important; border: 3px solid #cf6c02!important; padding: 15px!important; box-shadow: 5px 5px rgba(0,0,0,0.2) }
.dash_icon:hover{ margin-left: 5px; margin-top: 5px;  margin-bottom: 5px; box-shadow: none; }
.dash_icon_amber { border-radius: 5px; margin: auto; margin-bottom: 10px; border: 3px solid #EB9C4D; height: 150px; width:150px; padding: 30px; background: #fff; box-shadow: 5px 5px rgba(0,0,0,0.2) }
.dash_icon_amber:hover{ margin-left: 5px; margin-top: 5px;  margin-bottom: 5px; box-shadow: none; }
.dash_icon_red { border-radius: 5px; margin: auto; margin-bottom: 10px; border: 3px solid #C02942; height: 150px; width:150px; padding: 30px; background: #fff; box-shadow: 5px 5px rgba(0,0,0,0.2) }
.dash_icon_red:hover{ margin-left: 5px; margin-top: 5px;  margin-bottom: 5px; box-shadow: none; }
.dash_label { font-size: 14px; font-weight: 300; letter-spacing: 0px; color: #222; text-transform: none; }
.divider { border-top: 2px solid white; margin: 10px 0px }
.error input, .error textarea, .error select, .error div.well, .error img, .error video, .error .thumbnail { border: 1px solid #CB0C0F!important; background-color: #cb0c0f4f !important; }
.error label.form_label { color: #CB0C0F !important}
.filter_arrow, .filter_arrow_0, .filter_arrow_1, .filter_arrow_2, .filter_arrow_3 { background: none; border: 0px; padding: 0px; }
.form_title { margin-bottom: 0px; text-transform: uppercase; font-weight: 300; letter-spacing: -1px;}
.form_label { font-weight: 300; letter-spacing: 0px; }
.full-header #header-wrap { border-bottom: none!important }
.hr_print { color: #212529; margin: 10px 0px 10px 0px }
.icon_info { width: 15px; height: 15px }
.icon_info img { width: 15px; height: 15px }
.icon_pr { background-color: white; border: 2px solid #cf6c02; padding: 3px }
.icon_amber { background-color: white; border: 2px solid #EB9C4D; padding: 3px }
.icon_red { background-color: white; border: 2px solid #C02942; padding: 3px }
.icon_green { background-color: white; border: 2px solid #59ba41; padding: 3px }
.icon_grey { background-color: white; border: 2px solid #888; padding: 3px }
.icon_circle { border: 3px solid #cf6c02; height: 60px; border-radius: 50%; }
.label_title_modal { margin-top: 20px; margin-bottom: 20px; letter-spacing: 0px; font-size: 18px; font-weight: 300; }
.icon_directory { width: 20px; height: 20px; margin-right: 10px }
.modal_stripe { border-bottom: 1px solid #cf6c02; background: #012c3b; height: 20px }
.modal_subtitle { color: #111!important; margin-bottom: 10px; font-size: 20px; letter-spacing: 0px;}
.modal_paragraph { font-size: 14px; margin-bottom: 0px}
.notice { margin-top: 5px }
.pagination { float: right; }
.pagination span { margin-right: 5px; background: #cf6c02; padding: 5px; width: 30px; height: 30px; text-align: center; border-radius: 50%; z-index:699 }
.pagination span.current { color:white!important }
.pagination span a { color:#012c3b!important }
.print_bordered { border: 1px solid; border-radius: 5px!important; padding: 10px }
.progress-bar{width: 10%; -webkit-animation-name: loading!important; -webkit-animation-duration: 1.5s!important; animation-name: loading!important; animation-duration: 1.5s!important; animation-timing-function: linear; animation-iteration-count: infinite }
.sheet_img { border: 3px solid; padding: 10px; width: 70px; margin-bottom: 5px; margin-top: 10px; }
.sheet_img.b_c_green { border-color: #59ba41!important }
.sheet_img.b_c_amber { border-color: #EB9C4D!important }
.sheet_img.b_c_red { border-color: #C02942!important }
.sheet_img.b_c_grey { border-color: #888!important }
.sticky-header.full-header #header-wrap { border-bottom: 2px solid; border-bottom-color: #111!important }
.table_padding_01 td, .table_padding_01 th { padding: 0.1rem 0.1rem!important; }
.table_print { border-collapse: separate; }
.table_no_padding th, .table_no_padding td { padding: 0px !important }
.table_td_hover > tr > td:hover { background-color: #eee; }
.td_action { min-width: 50px; width: 50px; max-width: 55px; text-align: center!important;}
.td_action img, .icon_action { min-width: 30px; min-height: 30px; width: 30px; height: 30px; cursor:pointer }
.tr_divider { height: 40px }
.ul_models, .ul_warehouses { background: white; border: 1px solid #ced4da; border-top: none; width: auto;}
.ul_models > li, .ul_warehouses > li { padding: 5px!important; }
.ul_models > li:hover, .ul_warehouses > li:hover { cursor:pointer; box-shadow: 0 0 10px 100px #012c3b inset; color: white }
.well {border: 1px solid #ced4da; padding-left: 10px; padding-right: 10px }

/* MEDIA */
@media (max-width: 768px){
    .notice { width: 310px; }
}