/* TAG */
html, body { height: 100% }
body { color: #000 }
span.notifCount { display: block!important; position: absolute; top: 2px; left: auto; right: 0px; font-size: 11px; color: #1f1c40; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #fff; border-radius: 50%;}
form { margin-bottom: 0px!important }

/* ID */
#actionBar a { color:#fff!important }
#alarm_trigger { color:white; display: block; position: fixed; cursor: pointer; top: 20px; right: 20px; z-index: 11; font-size: 16px; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 2px }
#btn_del_img{ margin-top:29px; }
#header-trigger { background: #1f1c40!important; color:white }
#divHelp { visibility: hidden; position: fixed; width: 350px; height: 250px; background: #fff; z-index: 10000; right: 20px; bottom: 20px; border: 1px solid #1f1c40; border-radius: 10px; padding: 20px; }
#divHelp { font-size: 12px }
#divHelp ul{ padding-left:15px }
#divHelp li{ line-height: 20px }
#divLoginForm { border-radius: 30px; border:3px solid rgba(160, 19, 20, 1); padding: 30px }
#helpTitle { border-bottom: 2px solid #1f1c40 }
#helpClose {  visibility: hidden; position: fixed; right: 34px; bottom: 230px }
#helpImage { visibility: hidden; position: fixed; z-index: 15; right: 340px; bottom: 240px; width: 60px; height: 60px; border: 1px solid #1f1c40; border-radius: 50%; background: #fff; padding: 5px; }
#helpText { padding: 5px; font-size: 12px }
#formTime input { background: white; text-align: center }
#preloader { position: absolute; height: 100%; width: 100%; z-index:10000 }
#preloader .css3-spinner { background-color: white; height: 100%; width: 100% }

.modal-stripe { border-bottom: 0px; background: #ff6900; height: 10px }
.modal-content, .modal-header{ border-radius: 0px }
.modal-content { border: none }
.modal-header { border-bottom: none; background: #1f1c40 }
.modal-header .modal-title { color: white; margin: auto }
.modal-body { padding: 20px }
.modal-footer { border-top: 1px solid #1f1c40; display: flow-root; text-align: center }
.modal-paragraph { font-size: 14px; margin-bottom: 0px}
.modal_subtitle { color: #111!important; margin-bottom: 10px; font-size: 20px; letter-spacing: 0px;}

/* CLASS */
.bordered_div{ border: 3px double #333; border-radius: 5px }
.button_abs { position: absolute; right: 5px; top:5px }
.button-pr { background-color: #1f1c40; }
.button.button-3d.button-pr:hover { background-color: #1f1c40 !important; opacity: 0.9; }
.button-grey { background-color: #555; }
.button.button-3d.button-grey:hover { background-color: #555 !important; opacity: 0.9; }
.button_input_group { height:38px; line-height:24px; color: #fff; margin: 0px }
.date_range { height: 30px !important; border: none !important; background: #1f1c40 !important; color: white !important; font-weight: bold !important; }
.dashboard_img { border: 3px solid #1f1c40; padding: 10px; width: 100px; margin-bottom: 5px }
.div_title { text-transform: uppercase; border-bottom: 2px solid #1f1c40; padding-bottom: 10px; margin-bottom: 20px }
.div_version { border: 1px solid #1f1c40; padding: 10px; margin-bottom: 40px }
.div_version h4 { margin: 0px; padding: 5px; text-align: center }
.div_version hr { border-color: #1f1c40 }
.div_version ul { padding-left: 16px }
.error input, .error textarea, .error select, .error div.well, .error img, .error video, .error .thumbnail, .error .richText, .error video { border-color: #CB0C0F!important }
.error td label { color: #CB0C0F }
.filter_arrow, .filter_arrow_0, .filter_arrow_1, .filter_arrow_2, .filter_arrow_3 { background: none; border: 0px; padding: 0px; }
.filter_arrow > img, .filter_arrow_0 > img, .filter_arrow_1 > img, .filter_arrow_2 > img, .filter_arrow_3 > img { vertical-align: text-top!important }
.guide li{ line-height: 34px }
.icon_position { top: 1px !important; left: 7px!important; }
.img_profile { width: 100px; height: 100px; border: 3px solid #ff6900; margin-bottom: 10px; margin-top: 10px }
.icon_action, .td_action img { min-width: 30px; min-height: 30px; width: 30px; height: 30px; cursor:pointer; border-radius: 5px; background:white!important }
.icon_pr { border: 2px solid #1f1c40; padding: 3px; }
.icon_sc { border: 2px solid #ff6900; padding: 3px; }
.icon_amber { border: 2px solid #EB9C4D; padding: 3px; }
.icon_red { border: 2px solid #C02942; padding: 3px; }
.icon_green { border: 2px solid #59ba41; padding: 3px; }
.icon_grey { border: 2px solid #777777; padding: 3px; }
.icon_white { border: 2px solid #fff; padding: 3px; }
.info_icon { width: 15px }
.notice { width: 400px; position: fixed; z-index: 1050; right: 5px; top: 5px; }
.panel_head { padding: 5px 15px; margin: 0px; background: #1f1c40 }
.panel_head h3 {margin: 0px; color: white }
.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 }
.sign_border { border: 1px solid #dddddd; height: 100px}
.table_colored { vertical-align: middle; margin-bottom: 0px }
.table_colored th, .table_colored td, .table_colored select, .table_colored input { font-size: 12px }
.table_colored thead th { background-color: #1f1c40!important; color: #fff!important; text-transform: uppercase; }
.table.b_none th, .table.b_none td { border: 0px !important }
.table_checkbox { margin: auto; background: transparent!important; border: none }
.table_checkbox tr, .table_checkbox td { background: transparent!important; border: none }
.table_clickable td:hover { background-color: #1f1c40; color: #fff; cursor: pointer; }
.table_no_padding th, .table_no_padding td { padding: 0px !important }
.td_hover:hover { background-color: #1f1c40!important; color: #fff!important}
.td_race_exp { position: relative;}
.td_race_exp div { position: absolute; top: 0; left: 0; height: 100% }
.th_sticky { position: sticky; top:20px; z-index: 1; }
.th_sticky2 { position: sticky; top:55px; z-index: 1; }
.ul_none { list-style-type: none }
.ul_num { list-style-type: decimal; padding-left: 20px; }

/* MEDIA */
@page{
	size:A4 landscape; 
	margin:0.5cm;
}

@media print {
    #main_print { margin-top: 0px !important; margin-bottom:0px !important; padding-right: 0px !important; padding-left: 0px !important;}
    .hide_print { display: none!important }
    .font_print { font-size: 10px }
    .cl_print { color: #000 !important }
    .table_print th, .table_print td { border-color: #000!important; padding: 2px!important }
    .display_print { display: block }
    .display_table { display: table-row }
    #tab_reimburment_overflow { overflow: visible; padding-right: 20px!important }
}