/*HEADER*/

/*Notificaciones*/
.notification-height {
    max-height: 245px;
    overflow-x: hidden;
}

/*DASHBOARD*/

/*Calendario*/
#calendar .datepicker table tr td.today {
    color: #ffffff;
    background-color: #208637;
}

#calendar .datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background-color: #34ce57;
    color: #ffffff;
}

#calendar .datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background-color: #34ce57;
    color: #ffffff;
}

#calendar .datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    background-color: #34ce57;
    color: #ffffff;
}

#calendar .table-condensed {
    width: 100% !important;
}

#calendar .datepicker-days {
    width: 100%;
}

#calendar .datepicker-inline {
    width: 100% !important;
}

#calendar thead {
    background: #08bf6b !important;
}

/*END Calendar*/
/*chosen*/
.chosen-container-single .chosen-single {
    height: 35px;
}

.chzn-drop {
    overflow: auto;
    max-height: 75px;
}
/*END chosen*/

/*Datepicker CSS */
.datepicker-dropdown {
    padding: 4px !important;
}

.datepicker table tr td, .datepicker table tr th {
    border-radius: 0px !important;
}

.text-align-right {
    text-align: right;
}

/*end Datepicker CSS */

/*Tables*/
.thSort {
    cursor: cell !important;
    user-select: none;
}

.trSort, .trProveedor {
    cursor: pointer !important;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
    -ms-user-select: none;
    user-select: none;
}

thead {
    background-color: #3c8dbc;
    color: #ffffff;
}

th.Karum {
    background-color: rgb(253, 160, 104) !important;
    color: #ffffff;
}

th.totales {
    background-color: #ffffff !important;
    color: #000000 !important;
}

th.WhiteTable {
    background-color: #ffffff !important;
    color: #000000 !important;
}

table.dataTable tbody tr.selected {
    background-color: #00c0ef;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
    border: 0px solid #ddd !important;
    border-top: 1px solid #ddd !important;
}


tr.active > td {
    background-color: #a7cfe6 !important;
}

.thSort {
    cursor: cell !important;
    user-select: none;
}

/*checkboxes on table*/
th > input[type="checkbox"] {
    margin-top: 0px !important;
}

/* END Tables*/
input[type="checkbox"] {
    transform: scale(1.9);
    cursor: pointer;
    margin: 10px 10px 0px 10px !important;
}

/*Autocomplete bootstrap Styled*/
.ui-autocomplete {
    max-height: 300px !important;
    overflow-y: auto !important;
    /* prevent horizontal scrollbar */
    overflow-x: hidden !important;
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 300px !important;
}

.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

    .ui-autocomplete > li > div {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333333;
        white-space: nowrap;
    }

.ui-state-hover,
.ui-state-active,
.ui-state-focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
    cursor: pointer;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
/*END Autocomplete bootstrap Styled*/

/*Modals*/
.modal-body {
    max-height: calc(100vh - 212px);
    /*overflow-y: auto;*/
}

body.modal-open {
    overflow: hidden;
}

.modal-header {
    cursor: move;
}

.pagination {
    margin: 0px;
}

/*END Modals*/

/*ADMIN*/


/*GENERAL*/
/*Links*/
.admin-link {
    color: #596067;
}

/*menu icons padding*/
.nav-flat {
    margin: -0.25rem -0.5rem 1px;
}

/*MoneyField*/
.moneyField {
    text-align: right !important;
}

.TextBoxAsLabel {
    border: none;
    background-color: #f4f4f4;
    background: transparent;
}

label:hover:before {
    border: 1px solid #4778d9 !important;
}

.disabledTab {
    position: relative;
    cursor: not-allowed; /* This is used */
}

    .disabledTab a {
        pointer-events: none;
    }

.TxtTouppercase {
    text-transform: uppercase;
}

.TxtTocapitalize {
    text-transform: capitalize;
}

.textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: 28px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 400px;
}

.btn[disabled="true"] {
    cursor: not-allowed !important;
    pointer-events: none;
}

    .btn[disabled="true"] i {
        cursor: not-allowed !important;
    }

.spanFormLabel {
    width: 45% !important;
}

.error {
    color: #dd4b39;
}

.lblError {
    color: #dd4b39;
}

/*Kiosko*/
.imgEmpresa.mapco {
    height: auto;
    width: auto;
    max-width: 200px;
    max-height: 200px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.imgEmpresa.naatetua {
    height: auto;
    width: auto;
    max-width: 250px;
    max-height: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.imgEmpresa.auromar {
    height: auto;
    width: auto;
    max-width: 220px;
    max-height: 220px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.card-mapco {
    background-color: #003e87;
    color: white;
}

.card-naatetua {
    background-color: #95161d;
    color: white;
}

.card-auromar {
    background-color: darkslategray;
    color: white;
}

.jumbotron.kiosko {
    border-radius: 6px;
    background-color: #e7e7e7;
}

#logoEddieFikas {
    height: auto;
    width: auto;
    max-width: 300px;
    max-height: 300px;
}

/*bootstrap progress points*/
.cero, .one, .two, .three, .four {
    position: absolute;
    margin-top: -10px;
    z-index: 1;
    height: 40px;
    width: 40px;
    border-radius: 25px;
}

.one {
    left: 25%;
}

.two {
    left: 50%;
}

.three {
    left: 75%;
}

.four {
    left: 99%;
}

.primary-color {
    background-color: #4989bd;
}

.success-color {
    background-color: #5cb85c;
}

.danger-color {
    background-color: #d9534f;
}

.warning-color {
    background-color: #f0ad4e;
}

.info-color {
    background-color: #5bc0de;
}

.no-color {
    background-color: inherit;
}
/* END bootstrap progress points*/
/*end kiosko*/
@media(max-width: 1199px) and (min-width: 992px) {
    .dashboard-height {
        height: 345px;
    }
}

@media(max-width: 576px) {
    .table-responsive {
        font-size: 0.7em !important;
    }
}

@media(max-width: 1781px) and (min-width: 1200px) {
    .table-responsive {
        height: 460px;
    }
}


@media(max-width: 576px) {
    /*Notificaciones*/
    .dropdown-menu-right {
        right: 0;
        left: -42px;
    }

    /*Usuario*/
    .user-title {
        font-size: 0.9em;
    }

    .dropdown-menu-orientation {
        right: 0;
        left: auto;
    }
}

legend {
    border: 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
}
/*AdminLTE Sidebar adjust*/
@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .main-sidebar:hover, .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused {
        width: 290px !important;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
        width: 4.6rem !important;
    }
}

.main-sidebar, .main-sidebar::before {
    width: 290px !important;
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
        margin-left: 290px;
    }
}