.dataTables_info{
    font-size: 75%;
}
.table{
    background-color: #ffffff;
}
#tabs > li {
    width: 17%;

}
#tabs > li > a {
    background-color: #de0009;
    color: #f5f5f5;
    border-radius: 8px 8px 0 0;
    border: 1px solid #969695;

}
#tabs > li.active > a {
    background-color: #f4f0ea;
    color: #404040;
    border: 1px solid #969695;
    border-bottom-color: #f4f0ea;
}
#tabs > li.active > a, #tabs > li.active > a:focus, #tabs > li.active > a:hover {

    cursor: default;
    background-color: #f4f0ea;
    color: #404040;
    border: 1px solid #969695;
    border-bottom-color: #f4f0ea;
}
#tabs > li > a:focus, #tabs > li > a:hover {

    cursor: hand;
    background-color: #f4f0ea;
    color: #404040;
    border: 1px solid #969695;
    border-bottom-color: #f4f0ea;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.col-sm-3 select{
    max-width: 300px;
}

.gap{
    height: 10px;
}

.gap50{
    height: 50px;
}

.gap100{
    height: 100px;
}

.gap200{
    height: 200px;
}

.gap500{
    height: 500px;
}

.small{
    font-size: 12px;
    padding-top: 7px;
}

.mid{
    font-size: 15px;
}

.customerDetail{
    color: #888;
    font-size: 0.85em;
    font-weight: 300;
    line-height: 1.8em;
}

.input-group .form-control{
    z-index: 1 !important;
}

#errorBox{
    display: none;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 10px;
}
.thead-inverse{
    /*background-color: #d9edf7;*/
}

.date-range{
    margin-bottom: 5px;
}

.btn{
    margin-bottom: 5px;
}

.btn-checkbox-responsive {
    white-space: normal;
    width: 100%;
    text-align: left;
}

/*
Override size of info icon
*/
.fa-info-circle{
    font-size: 1.2em !important;
}

.pad-r-10{
    padding-right: 10px;
}

/*table.table-hover tr th{
    background: #404E67 !important;
    font-weight: lighter;
    text-shadow: 0 1px 0 #878787 !important;
    color: white;
    border: 1px solid #DCDCDC !important;
    box-shadow: inset 0 1px 2px #333333 !important;
    transition: all 0.2s;
    transition-property: all;
    transition-duration: 0.2s;
    transition-timing-function: initial;
    transition-delay: initial;
}*/

.content{
    padding-bottom: 50px;
}

.white{
    color: white;
}

.text-bold {
    font-weight: 700
}

.select2 {
    width: 100% !important
}

.avatar_small {
    text-align: right;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px
}

.form_text {
    padding-top: 7px !important;
    margin-bottom: 0;
}

.content {
    padding-bottom: 80px
}

input.uppercase {
    text-transform: uppercase
}

.view_box{
    border: 0;
    margin-top: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
}
.div_input{
    margin-bottom: 10px;
    min-height: 40px;
}
.im_editor{
    border: 1px dashed #CDCDCD;
    max-width: 500px;
    padding: 5px;
    margin: 10px;
}
.dashed_box{
    padding: 1.5em;
    border: 1px dashed #CDCDCD;
    font-size: 1.2em;
    text-align: center;
}
.slider.slider-horizontal{
    width: 100% !important;
}

@media only screen and (max-width: 800px) {
    #datatables
    {
        min-width: 100% !important;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tfoot tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr { border: 1px solid #ccc; }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 40%;
        white-space: normal;
        text-align:left;
    }

    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }

    #no-more-tables td, #no-more-tables td:not(:last-child) {
        border: none;
        position: relative;
        white-space: normal;
        text-align: left
    }

    #no-more-tables td:not(:last-child) {
        border-bottom: 1px dashed #00f0f0;
        padding-left: 32%
    }

    .dataTables_wrapper > DIV > DIV {
        padding: 0
    }

    #no-more-tables {
        border: 0
    }

    .content {
        padding-left: 0;
        padding-right: 0
    }

    #no-more-tables td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 0;
        left: 0;
        width: 28%;
        padding-top: 5px;
        padding-left: 10px;
        white-space: nowrap;
        text-align:left;
        height: 100%;
        overflow: hidden;

        background: #4682B4 !important;
        font-weight: lighter;
        text-shadow: 0 1px 0 #38678f !important;
        color: white;
        border: 1px solid #38678f !important;
        box-shadow: inset 0 1px 2px #568ebd !important;
        transition: all 0.2s;
        transition-property: all;
        transition-duration: 0.2s;
        transition-timing-function: initial;
        transition-delay: initial;
    }
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.typcn {
    color:rgba(43, 61, 81, 0.7);
}

label{
    display: inline-block;
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline,.form-text {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0;
}
.control-label{
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
    font-weight: 700;
}

.dataTable_row {
    width: 100% !important;
}

a:not([href]):not([tabindex]) {
    color: white;
    text-decoration: none;
}

th, td {
    white-space: normal;
}

.btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}

.btn-default:hover,
.btn-default:active,
.btn-default.hover {
    background-color: #e7e7e7;
}

.br-wrapper {
    margin: 10px 0 50px;
}

@media only screen and (max-width: 400px) {
    .control-label{
        text-align: left!important;
        flex: unset;
        max-width: unset;
    }

    .form_text{
        flex: unset;
        max-width: unset;
    }
}

.checkbox-color {
    display: inline-block;
    margin-right: 20px;
    cursor: pointer
}

.btn-toggle .notActive{
    color: #3276b1 !important;
    background-color: #fff;
}

.table .btn{
    margin-right: 5px !important;
}