﻿.table {
    margin-bottom: 0;
}

    .table > thead > tr > th {
        vertical-align: middle;
    }

.input-group {
    display: inline-table;
}

.input-group-addon,
.input-group-btn {
    width: auto;
}

.input-group .form-control {
    width: auto;
}

.form-control-inline {
    display: inline-block;
    width: auto;
}

.form-control[readonly] {
    cursor: auto;
    background-color: #FFF;
}

    .form-control[readonly]:disabled {
        cursor: not-allowed;
        background-color: #EEE;
    }

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: initial;
}

label {
    margin-bottom: 0;
    font-weight: normal;
}

.control-label {
    /*padding-top: 0 !important;*/
    font-weight: bold;
}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] {
    margin: 4px 0 0;
}

.form-control-feedback {
    display: inline-block;
    position: static;
    position: initial;
}

a:focus {
    outline: none;
}

.pagination {
    margin: 0;
}

.panel-primary > .panel-heading a {
    color: #FFF;
    text-decoration: none;
}

    .panel-primary > .panel-heading a:hover {
        text-decoration: underline;
    }

.modal-title {
    font-size: 21px;
}

.modal-body {
    padding: 20px;
}

.modal-footer {
    padding: 10px;
}

.form-horizontal .has-feedback.has-error .checkbox,
.form-horizontal .has-feedback.has-error .checkbox-inline,
.form-horizontal .has-feedback.has-error .radio,
.form-horizontal .has-feedback.has-error .radio-inline,
.form-horizontal .has-feedback.has-success .checkbox,
.form-horizontal .has-feedback.has-success .checkbox-inline,
.form-horizontal .has-feedback.has-success .radio,
.form-horizontal .has-feedback.has-success .radio-inline {
    padding-top: 0;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: auto;
    right: initial;
}

.has-feedback .form-control {
    padding: 6px 12px;
}

.checkbox-inline ~ .form-control-feedback,
.radio-inline ~ .form-control-feedback {
    margin-left: 15px;
}

.text-left-not-xxs, .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}

.text-center-not-xxs, .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}

.text-right-not-xxs, .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}

.text-justify-not-xxs, .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

.float-left-not-xxs, .float-left-not-xs, .float-left-not-sm, .float-left-not-md, .float-left-not-lg {
    float: left;
}

.float-right-not-xxs, .float-right-not-xs, .float-right-not-sm, .float-right-not-md, .float-right-not-lg {
    float: right;
}

.padleftright0-xxs-xs-only {
}

.width40-xxs-xs-only {
}

.thumbnail {
    margin-bottom: 0px;
}
/*xxs*/
@media (max-width: 549px) {
    .sys-main-contant {
        margin-top: 50px;
        margin-left: 15px;
        margin-right: 10px;
    }

    .text-left-not-xxs, .text-center-not-xxs, .text-right-not-xxs, .text-justify-not-xxs {
        text-align: inherit;
    }

    .padleftright0-xxs-xs-only {
        padding-left: 0px;
        padding-right: 0px !important;
    }

    .width40-xxs-xs-only {
        width: 40px !important;
    }

    .hide-xxs-xs-only {
        display: none;
    }

    .show-xxs-xs-only {
        display: block;
    }

    .float-right-not-xxs {
        float: left;
    }

    .text-left-xxs {
        text-align: left;
    }

    .text-center-xxs {
        text-align: center;
    }

    .text-right-xxs {
        text-align: right;
    }

    .text-justify-xxs {
        text-align: justify;
    }

    .float-left-xxs {
        float: left;
    }

    .float-right-xxs {
        float: right;
    }

    .sys-form-search-xxs100 {
        width: 100% !important;
    }

    .sys-form-search-xxs50 {
        width: 50% !important;
    }

    .sys-form-search-md50-sm100-xs100-xxs100 {
        width: 100% !important;
    }

    .sys-form-search-md50-sm50-xs100-xxs100 {
        width: 100% !important;
    }

    .sys-form-search-md50-sm50-xs50-xxs100 {
        width: 100% !important;
    }

    .sys-form-search-md45-sm45-xs45-xxs100 {
        width: 100% !important;
    }
}

/*xs*/
@media (min-width: 550px) and (max-width: 767px) {
    .sys-main-contant {
        margin-top: 50px;
        margin-left: 15px;
        margin-right: 10px;
    }

    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }

    .width40-xxs-xs-only {
        width: 40px !important;
    }

    .padleftright0-xxs-xs-only {
        padding-left: 0px;
        padding-right: 0px !important;
    }

    .hide-xxs-xs-only {
        display: none;
    }

    .show-xxs-xs-only {
        display: block;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }


    .float-left-xs {
        float: left;
    }

    .float-right-xs {
        float: right;
    }

    .sys-form-search-xs100 {
        width: 100% !important;
    }

    .sys-form-search-xs50 {
        width: 50% !important;
    }

    .sys-form-search-md50-sm100-xs100-xxs100 {
        width: 100% !important;
    }

    .sys-form-search-md50-sm50-xs100-xxs100 {
        width: 100% !important;
    }

    .sys-form-search-md50-sm50-xs50-xxs100 {
        width: 50% !important;
    }

    .sys-form-search-md45-sm45-xs45-xxs100 {
        width: 45% !important;
    }
}

/*sm*/
@media (min-width: 768px) and (max-width: 991px) {
    .sys-main-contant {
        margin-top: 50px;
        margin-left: 50px;
        margin-right: 50px;
    }

    .hide-xxs-xs-only {
        display: block ;
    }

    .show-xxs-xs-only {
        display: none ;
    }

    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }

    .float-left-sm {
        float: left;
    }

    .float-right-sm {
        float: right;
    }

    .sys-form-search-sm100 {
        width: 100% !important;
    }

    .sys-form-search-sm50 {
        width: 50% !important;
    }

    .sys-form-search-md50-sm100-xs100-xxs100 {
        width: 100% !important;
    }

    .sys-form-search-md50-sm50-xs100-xxs100 {
        width: 50% !important;
    }

    .sys-form-search-md50-sm50-xs50-xxs100 {
        width: 50% !important;
    }

    .sys-form-search-md45-sm45-xs45-xxs100 {
        width: 45% !important;
    }
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) {
    .sys-main-contant {
        margin-top: 50px;
        margin-left: 50px;
        margin-right: 50px;
    }

    .hide-xxs-xs-only {
        display: block ;
    }

    .show-xxs-xs-only {
        display: none ;
    }

    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }

    .float-left-md {
        float: left;
    }

    .float-right-md {
        float: right;
    }

    .sys-form-search-md100 {
        width: 100% !important;
    }

    .sys-form-search-md50 {
        width: 50% !important;
    }

    .sys-form-search-md50-sm100-xs100-xxs100 {
        width: 50% !important;
    }

    .sys-form-search-md50-sm50-xs100-xxs100 {
        /*width: 50% !important;*/
    }

    .sys-form-search-md50-sm50-xs50-xxs100 {
        width: 50% !important;
    }

    .sys-form-search-md45-sm45-xs45-xxs100 {
        width: 45% !important;
    }
}

/*lg*/
@media (min-width: 1200px) {
    .sys-main-contant {
        margin-top: 50px;
        margin-left: 50px;
        margin-right: 50px;
    }

    .hide-xxs-xs-only {
        display: block ;
    }

    .show-xxs-xs-only {
        display: none;
    }

    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }

    .container {
        width: 95%;
    }

    .float-left-lg {
        float: left;
    }

    .float-right-lg {
        float: right;
    }

    .sys-form-search-md50-sm50-xs50-xxs100 {
        width: 50% !important;
    }
}

.checkbox.checkbox-notext label, .radio.radio-notext label, .checkbox label:empty, .radio label:empty {
    padding: 0;
}

.datepicker-dropdown:before {
    top: 0;
    margin-top: -7px;
}

.datepicker-dropdown:after {
    top: 0;
    margin-top: -6px;
}
