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

/* ID */
#actionBar a { color:#fff }
#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: 30px; bottom: 240px }
#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 }

.modal_stripe { border-bottom: 1px solid #ff6900; background: #1f1c40; height: 20px }
.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 }

/* 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; }
.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 { border-color: #CB0C0F!important }
.error td label { color: #CB0C0F }
.guide li{ line-height: 34px }
.icon_position { top: 1px !important; left: 7px!important; }

.icon_action, .td_action img { min-width: 35px; min-height: 35px; width: 35px; height: 35px; cursor:pointer; border-radius: 10px }
.icon_pr { border: 2px solid #1f1c40; 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; }

.info_icon { width: 15px }
.notice { width: 400px; position: fixed; z-index: 1050; right: 5px; top: 5px; }
.sign_border { border: 1px solid #dddddd; height: 100px}
.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; }
.td_race_exp { position: relative;}
.td_race_exp div { position: absolute; top: 0; left: 0; height: 100% }
.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 }
}