/**
 * This file is for global css style
 */

/* ==========================================================================
    global padding
========================================================================== */
/*
 * margin
 */
.mt0{margin-top: 0 !important;}
.mt3 {margin-top: 3px !important;}
.mt5 {margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt12{margin-top: 12px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}

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

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

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

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

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

.pt0{padding-top: 0 !important;}
.pt5{padding-top: 5px !important;}
.pt6{padding-top: 6px !important;}
.pt8{padding-top: 8px !important;}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt35{padding-top: 35px !important;}
.pt50{padding-top: 50px !important;}

.pb5{padding-bottom: 5px !important;}
.pb8{padding-bottom: 8px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb40{padding-bottom: 40px !important;}

.vm {vertical-align: middle !important;}

/* ==========================================================================
    global font
========================================================================== */
.f11p{font-size: 11px !important;}
.f12p{font-size: 12px !important;}
.f13p{font-size: 13px;}
.f14p{font-size: 14px  !important;}
.f16p{font-size: 16px !important;}
.f18p{font-size: 18px;}
.f20p{font-size: 20px;}
.f24p{font-size: 24px;}
.f28p{font-size: 28px;}
.f32p{font-size: 32px;}
.f36p{font-size: 36px;}
.f50p{font-size: 50px !important;}
.f54p{font-size: 54px !important;}

.fw300{font-weight: 300 !important}
.fw400{font-weight: 400 !important}
.fw500{font-weight: 500 !important}

/* ==========================================================================
    global width
========================================================================== */
.mwd120 {max-width: 120px !important;}
.min-w-300 {min-width:300px !important;}
.min-w-600 {min-width:600px !important;}

.min-h-100 {min-height: 100px !important;}
.min-h-265 {min-height: 265px !important;}
.min-h-300 {min-height: 300px !important;}
/* ==========================================================================
    global color
========================================================================== */
.bg-red-light {background-color: rgba(200, 100, 100, 0.33) !important;}
.bg-grey {background: #747371 none repeat scroll 0 0;}
.bg-orange {background-color: #f08005 !important; }
.bg-blue-light {background-color: #058DC7 !important}
.label-grey {background-color: #807C7C;  color: white;}
.label-grey400 {background-color: #888888;  color: white;}
.label-slate {background-color: #607D8B; color: white;}
.label-success {background-color: #739e73;}
.label-green {background-color: #1ab394; color: #FFFFFF;}
.label-danger {background-color: #a90329 !important; color: white !important;}
.label-red {background-color: #f14355 !important; color: white !important;}
.label-primary {background-color: #1c84c6; color: #FFFFFF;}
.label-pink {background-color: #a92772 !important; color: white;}
.label-orange {background-color: #f08005 !important; color: white;}
.label-purple {background-color: #7c2ca9 !important; color: white;}
.label-info, .badge-info {background: none repeat scroll 0 0 #30aadc;}

.color-black2 {color: #484848 !important;}
.color-black3 {color: #2d2d2d !important;}
.color-grey {color: #848484;}
.color-grey2{color: #eae4e4}
.color-orange{color: #F35B02;}
.color-orange2 {color: #F58221}
.color-blue {color: #058DC7 !important}
.txt-color-red {color: #f44336}
.txt-color-red2 {color: #C62828}
.txt-color-teal{color: #568a89 !important}
.text-teal{color: #009688 !important}
.txt-color-green{color: #368a36 !important}
.txt-color-green-light{color: #1f9c50 !important}
.txt-color-orange{color: #c79121 !important}
.txt-color-purple {color: #7c2ca9 !important;}
.txt-color-success {color: #739e73 !important;}
.text-primary {color: #3276b1 !important;}
.text-slate {color: #607D8B !important;}
/* ==========================================================================
    global other
========================================================================== */
.br-1 {border-right: 1px solid #ccc}
.bb-dash-1 {border-bottom: 1px dashed #ccc}
.lh15 {line-height: 15px !important;}
.lh16 {line-height: 16px !important;}
.lh11 {line-height: 1.1 !important;}
.text-indent-15{text-indent: -15px !important;}
.text-indent-20{text-indent: -20px !important;}
.text-indent-22{text-indent: -22px !important;}
.nowrap{white-space: nowrap !important;}
.wrap-normal{white-space: normal !important;}
.border-1{border: 1px solid #cecece}
.bc-grey {border-color: #ddd}
.w220{width: 220px !important;}
.position-relative{position: relative !important;}
/* ==========================================================================
    global element
========================================================================== */
hr {
    border-color:#D5D5D5;
}

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

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

label {
    font-weight: normal;
}

h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 500;
}

a:focus {
    outline: none;
}

a:hover {
    text-decoration: none;
}

.button:hover {
    color: white !important;
}

/**
 * fix smart admin bug
 */
.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.my-select {
    width: 100%;
}

#sparks li h5 {
    margin: -2px 0 0 0;
}

/**
 * autocomplete
 */
input.autocomplete {
    padding-right: 20px !important;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz//z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz//x+OOzo6/iPz8WFGuocqAAAA//8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat;
}

.ui-autocomplete {
    max-height: 240px; overflow-y: auto;
	-moz-box-shadow: 0 2px 3px #ccc;
    -webkit-box-shadow: 0 2px 3px #ccc;
    box-shadow: 0 2px 3px #ccc;
    z-index: 9999999 !important;
}

/**
 * tooltip
 */
.tooltip-inner {
    text-align: left;
    max-width: 300px;
    min-width: 180px;
}

/**
 * responsible table
 */
@media (max-width: 1024px) {
    .table-responsive {
        overflow: auto !important;
    }
    .table-responsive .dropdown-menu {
        right: 0 !important;
        left: auto !important;
    }
    .table-responsive  table {
        white-space: nowrap;
    }
}
@media (min-width: 1025px) {
    .table-responsive {
        overflow: visible;
    }
}

/**
 * button
 */
.button.disabled,
.button.disabled:hover,
.button.disabled:focus,
.button.disabled:active,
input.button:disabled,
button.button:disabled {
  text-shadow: none;
}

/**
 * table
 */
.table-borderless>tbody>tr>td, .table-borderless>tbody>tr>th {
    border: 0;
}

@media (min-width: 769px) {
    .modal-full {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }
}

/**
 * alert
 */
.alert-small {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
}

.inline-control {
    display: initial;
    width: auto;
}

.input-xs {
    height: 32px;
    line-height: 1.6666667;
}