/* Write your CSS code. */
@media print {
    ::-webkit-scrollbar {
        display: none;
    }
}

thead input {
    width: 100%;
}

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

.skin-blue .btn-primary,
.skin-blue .pagination > .active > a,
.skin-blue .pagination > .active > a:focus,
.skin-blue .pagination > .active > a:hover,
.skin-blue .pagination > .active > span,
.skin-blue .pagination > .active > span:focus,
.skin-blue .pagination > .active > span:hover,
.skin-blue table.dataTable thead {
    background-color: #3c8db8;
}

.skin-blue-light .btn-primary,
.skin-blue-light .pagination > .active > a,
.skin-blue-light .pagination > .active > a:focus,
.skin-blue-light .pagination > .active > a:hover,
.skin-blue-light .pagination > .active > span,
.skin-blue-light .pagination > .active > span:focus,
.skin-blue-light .pagination > .active > span:hover,
.skin-blue-light table.dataTable thead {
    background-color: #3c8dbc;
}

.skin-black .btn-primary,
.skin-black .pagination > .active > a,
.skin-black .pagination > .active > a:focus,
.skin-black .pagination > .active > a:hover,
.skin-black .pagination > .active > span,
.skin-black .pagination > .active > span:focus,
.skin-black .pagination > .active > span:hover,
.skin-black table.dataTable thead {
    background-color: #ffffff;
}

.skin-black-light .btn-primary,
.skin-black-light .pagination > .active > a,
.skin-black-light .pagination > .active > a:focus,
.skin-black-light .pagination > .active > a:hover,
.skin-black-light .pagination > .active > span,
.skin-black-light .pagination > .active > span:focus,
.skin-black-light .pagination > .active > span:hover,
.skin-black-light table.dataTable thead {
    background-color: #ffffff;
}

.skin-green .btn-primary,
.skin-green .pagination > .active > a,
.skin-green .pagination > .active > a:focus,
.skin-green .pagination > .active > a:hover,
.skin-green .pagination > .active > span,
.skin-green .pagination > .active > span:focus,
.skin-green .pagination > .active > span:hover,
.skin-green table.dataTable thead {
    background-color: #00a65a;
}

.skin-green-light .btn-primary,
.skin-green-light .pagination > .active > a,
.skin-green-light .pagination > .active > a:focus,
.skin-green-light .pagination > .active > a:hover,
.skin-green-light .pagination > .active > span,
.skin-green-light .pagination > .active > span:focus,
.skin-green-light .pagination > .active > span:hover,
.skin-green-light table.dataTable thead {
    background-color: #00a65a;
}

.skin-red .btn-primary,
.skin-red table.dataTable thead,
.skin-red .pagination > .active > a,
.skin-red .pagination > .active > a:focus,
.skin-red .pagination > .active > a:hover,
.skin-red .pagination > .active > span,
.skin-red .pagination > .active > span:focus,
.skin-red .pagination > .active > span:hover {
    background-color: #dd4b39;
}

.skin-red-light .btn-primary,
.skin-red-light .pagination > .active > a,
.skin-red-light .pagination > .active > a:focus,
.skin-red-light .pagination > .active > a:hover,
.skin-red-light .pagination > .active > span,
.skin-red-light .pagination > .active > span:focus,
.skin-red-light .pagination > .active > span:hover
skin-red-light table.dataTable thead {
    background-color: #dd4b39;
}

.skin-yellow .btn-primary,
.skin-yellow .pagination > .active > a,
.skin-yellow .pagination > .active > a:focus,
.skin-yellow .pagination > .active > a:hover,
.skin-yellow .pagination > .active > span,
.skin-yellow .pagination > .active > span:focus,
.skin-yellow .pagination > .active > span:hover,
.skin-yellow table.dataTable thead {
    background-color: #f39c12;
}

.skin-yellow-light .btn-primary,
.skin-yellow-light .pagination > .active > a,
.skin-yellow-light .pagination > .active > a:focus,
.skin-yellow-light .pagination > .active > a:hover,
.skin-yellow-light .pagination > .active > span,
.skin-yellow-light .pagination > .active > span:focus,
.skin-yellow-light .pagination > .active > span:hover,
.skin-yellow-light table.dataTable thead {
    background-color: #f39c12;
}

.skin-purple .btn-primary,
.skin-purple .pagination > .active > a,
.skin-purple .pagination > .active > a:focus,
.skin-purple .pagination > .active > a:hover,
.skin-purple .pagination > .active > span,
.skin-purple .pagination > .active > span:focus,
.skin-purple .pagination > .active > span:hover,
.skin-purple table.dataTable thead {
    background-color: #605ca8;
}


.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

input[readonly].inputwhite {
    background-color: white;
    font-size: 1em;
}

.main-footer-bottom-full-width {
    margin-left: 0px;
    position: fixed;
    bottom: 0px;
    min-width: 100%;
}