/* ==========================================================================
    global padding
========================================================================== */

/*
 * margin
 */
.mt0{margin-top: 0 !important;}
.mt2 {margin-top: 2px;}
.mt5 {margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px !important;}

.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px;}
.ml40{margin-left: 40px;}

.mr0{margin-right: 0;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px !important;}
.mr50{margin-right: 50px;}

.mb0{margin-bottom: 0 !important;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px;}

/*
 * padding
 */
.pl0{padding-left: 0;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px !important;}
.pl40{padding-left: 40px;}
.pl50{padding-left:50px;}

.pr0{padding-right: 0 !important;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px !important;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}

.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px;}
.pt30{padding-top: 30px;}
.pt50{padding-top: 50px;}

.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}

.p15{padding: 15px !important;}
/*
 *
 */
.w150 {width: 150px !important;}
.fw400{font-weight: 400 !important;}
.vt {vertical-align: top !important;}
.vm {vertical-align: middle !important;}

.brw-1 {border-right-width: 1px !important;}

.lh2 {
    line-height: 2em !important;
}
.h500 {
    height: 500px !important;
}

/* ==========================================================================
    global font
========================================================================== */
.f11p{font-size: 11px;}
.f12p{font-size: 12px;}
.f13p{font-size: 13px;}
.f14p{font-size: 14px;}
.f16p{font-size: 16px;}
.f18p{font-size: 18px;}
.f20p{font-size: 20px;}
.f22p{font-size: 22px;}
.f24p{font-size: 24px;}
.f26p{font-size: 26px;}
.f28p{font-size: 28px;}
.f32p{font-size: 32px;}
.f36p{font-size: 36px;}
.f50p{font-size: 50px;}
/* ==========================================================================
    global color
========================================================================== */
.green {color: #008000;}
.red {color: #F00;}
.bg-red-light {
    background-color: rgba(200, 100, 100, 0.33) !important;
}

.label-grey {background-color: #807C7C;}
.label-purple {background-color: #756DD0;}
.label-light-green {background-color: #04B200;}
.label-orange {background-color: #E4970A;}

.label-flat {
    background-color: transparent;
    border-radius: 4px;
    padding: 1px 4px 0 4px;
    border: 2px solid transparent;
}
.label-flat-danger {
    color: #e53935 !important;
    border-color: #f44336;
}
.label-flat-orange {
    color: #fb8c00 !important;
    border-color: #ff9800;
}

.color-grey {color: #AAAAAA;}
.color-999 {color: #999;}

.color-light-green {  color: #69AE6A;  }

.color-light-red {color: #CF0000;}

.text-muted {color: #999;}

.txt-red-800 {color: #C62828 !important;}
.txt-red-700 {color: #D32F2F !important;}
.txt-red-600 {color: #E53935 !important;}
.txt-red {color: #F44336 !important;}
.txt-red-400 {color: #EF5350 !important;}
.txt-red-300 {color: #E57373 !important;}

.txt-primary-800 {color: #1565C0 !important;}
.txt-primary-700 {color: #1976D2 !important;}
.txt-primary-600 {color: #1E88E5 !important;}
.txt-primary {color: #2196F3 !important;}
.txt-primary-400 {color: #42A5F5 !important;}
.txt-primary-300 {color: #64B5F6 !important;}

.txt-orange-800 {color: #EF6C00 !important;}
.txt-orange-700 {color: #F57C00 !important;}
.txt-orange-600 {color: #FB8C00 !important;}
.txt-orange {color: #FF9800 !important;}
.txt-orange-400 {color: #FFA726 !important;}
.txt-orange-300 {color: #FFB74D !important;}

.bg-grey-200 {background-color: #F5F5F6 !important;}
/* ==========================================================================
    global element
========================================================================== */
h6 {
    font-size: 16px;
    font-weight: 500;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    margin-left: 1px;
}

hr {
    border-color:#D5D5D5;
}

hr.short {
    width: 60%;
    margin-left: 0;
    border-top: 1px dashed;
}

hr.dash {
    border-top: 1px dashed #CCCCCC;
}

.label-small {
    font-size: 75%;
    padding: 0 2px 1px 2px;
}
a {
    color: #90060B;
}
a:hover, a:focus {
    text-decoration: none;
    color: #A10030;
}

fieldset {
    min-height: 150px;
}

.btn-sm {
    padding: 6px 10px 6px !important;
}

legend {
    display: block;
    padding: 0 0 12px 0;
    border-bottom: 1px dashed rgba(0,0,0,.2);
    margin-bottom: 25px;
    background: #fff;
    font-size: 18px;
    font-weight: 500;
    color: #222;
}

form label {
    font-size: 14px;
}
.form-control {
    border-radius: 4px !important;
}

.btn {border-radius: 4px !important;}
/**
 * global table
 */

.table-responsive {
    overflow-x: auto !important;
}
.table thead tr {
    background: none;
}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    background-color: white !important;
}
.dataTables_paginate {
    float: none !important;
    margin-bottom: 10px !important;
}
div.dataTables_info {
    padding-top: 9px;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #969696;
}

.form-actions {
    display: block;
    padding: 13px 14px 15px;
    border-top: 1px solid rgba(0,0,0,.1);
    background: rgba(249,249,249,.9);
    margin-top: 25px;
    margin-left: -13px;
    margin-right: -13px;
    margin-bottom: -13px;
    text-align: right;
}

.plain-panel {
    background: none repeat scroll 0 0 #FFF;
    border: 1px solid #E0E0E0;
    box-shadow: 0 0 2px 1px #EFEFEF;
    padding: 25px 25px 30px 25px;
}

.btn-primary {
    padding: 6px 20px;
}
.btn-primary:hover, .btn-primary[disabled]:hover {
  background: #ff4f52;
  border: 1px solid #ff4f52;
  color: #fff;
}

.select2-container-multi .select2-choices {
    border-radius: 4px;
    padding-left: 5px;
}

.open > .dropdown-menu {
    animation-duration: 0s;
}