/*    dP   dP                                                                  dP        */
/*    88   88                                                                  88        */
/*  d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b.    88d888b. .d8888b. 88d888b. 88  .dP   */
/*    88   88'  `88 88ooood8 88'`88'`88 88ooood8    88'  `88 88'  `88 88'  `88 88888"    */
/*    88   88    88 88.  ... 88  88  88 88.  ...    88.  .88 88.  .88 88       88  `8b.  */
/*    dP   dP    dP `88888P' dP  dP  dP `88888P' 88 88Y888P' `88888P8 dP       dP   `YP  */
/*                                                  88                                   */
/*                                                  dP					 */

/*		   		        Made by @gilbN					 */
/*			      https://github.com/gilbN/theme.park			 */

body {
    background-repeat: repeat;
	background: var(--main-bg-color) !important;
	color: #FFF;
}
 /* Scrollbar */  
  @media only screen and (min-width: 768px) {  
    html {
        height: 100%;
        width: 100%;
        overflow: hidden;
    }
    body {
        overflow-y: auto;
        height: 100%;
        background: var(--main-bg-color)
    }
}
    ::-webkit-scrollbar {
        width: 14px;
    }
    ::-webkit-scrollbar-thumb {
        min-height: 50px;
        border: 3px solid transparent;
        border-radius: 8px;
        background-color: hsla(0,0%,100%,.2);
        background-clip: padding-box;
    }
    ::-webkit-scrollbar-track {
        background-color: transparent;
    }
    ::-webkit-scrollbar-thumb:hover {
        min-height: 50px;
        border: 3px solid transparent;
        border-radius: 8px;
        background-color: hsla(0,0%,100%,.5);
        background-clip: padding-box;
    }    
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active  {
    color: #fff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
}
a {
    color: #ffffff;
}
.dataTables_wrapper .dataTables_filter input {
    background: rgba(255, 255, 255, 0.08);
    border: none;
    outline: none;
}
table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
    border-top: none;
}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd0;
    border-right: 1px solid #0000;
}
button, input, select, textarea {
    background: rgba(0, 0, 0, 0.25);
    border: none;
	outline: none;
}
#page {
    background-color: rgba(0, 0, 0, 0.25);
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: transparent;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.08);
}
table.dataTable tbody tr {
    background-color: transparent;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: 1px solid #0000;
}
table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #0000;
}
.form-control {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid #ccc0;

}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: rgba(0, 0, 0, 0.25);
}
#footer {
    color: #ffffff;
}
.modal-content {
    background: var(--modal-bg-color);
}
.dropdown-menu {
    background: var(--modal-bg-color);
}
.dropdown-menu>li>a {
    color: #fff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.08);
}
.close {
    color: #fff;
}
.btn-default {
    color: #fff;
    background-color: var(--button-color);
    border-color: #ccc0;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: var(--button-color-hover);
    border-color: #00000000;
}
.input-group-addon {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.25);
    border: 1px solid #0000;

}
.alert-info {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.15);
    border-color: transparent;
}