body{
    background: #7c7c7c !important;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 3px solid #37919f !important;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    transition: all .3s;
}


input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 3px solid #7c7c7c !important;
    box-shadow: 0 1px 0 0 #7c7c7c !important;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ABABB1 !important;
    opacity: 0.5 !important; /* Firefox */
}

.loginBackground{
    background-image: url(http://127.0.0.1:8000/assets/images/bg-login.png) !important;
    background: #242728 !important;
    border-top: 3px solid #37919f !important;
}

.loginParaTag{
    text-transform: none !important;
    color: #7c7c7c !important;
    font-weight: bold !important;
    font-size: 32px !important;
    font-family: 'Montserrat' !important;
}

.loginIcon{
    color: #37919f !important;
}

.text-orange{
    color: #7c7c7c !important;
}

.hrefBtn{
    color: #FFFFFF !important;
    background: #003f61 !important;
    margin: 5px !important;
    border-radius: 20px !important;
}

.loginInput{
    font-family: 'Montserrat' !important;
    font-style: normal !important;
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 165% !important;
    letter-spacing: 0.25px !important;
    color: #ABABB1 !important;
}

.loginInputLabel{
    font-family: 'Montserrat' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 165% !important;
    color: #37919f !important;
}

.loginButton{
    background: #003f61 !important;
    text-transform: none !important;
    color: #FFFFFF !important;
    font-family: 'Montserrat' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 14px !important;
    line-height: 17px !important;
    text-align: center !important;
    letter-spacing: 1px !important;

}

.bgYellow{
    background: rgb(191,139,7) !important;
    color: #FFFFFF !important;
}

.borderYellow{
    border-color: rgb(191,139,7) !important;
}

.bgDarkGrey{
    background: #7c7c7c !important;
}

.bgMediumGrey{
    background: rgba(57, 57, 70, 1) !important;
}

.bgLightGrey{
    background: #242728 !important;
}

.notActiveTab{
    display: none;
}

.activeTab{
    display: block;
}

[dir="ltr"] ul.side-nav.fixed li.active:not(:first-child) {
    background-color: #434343 !important;
    border: 1px solid #003f61 !important;
}

[dir="ltr"] ul.side-nav.fixed li.active:not(:first-child) {
    background-color: #434343 !important;
    border: 1px solid #003f61 !important;
}

[dir="ltr"] ul.side-nav.fixed li:hover:not(:first-child) {
    background-color: #434343 !important;
    border: 1px solid #003f61 !important;
}

.deep-orange-text-1 {
    color: #37919f !important;
}

.card{
    background-color: rgb(46,46,61) !important;
}

.iconYellow{
    color: #37919f !important;
}

.bgYellowLinearGradient{
    background: linear-gradient(90deg, #37919f 0%,#003f61 100%);
}

.brand-logo{
    color: #FFFFFF !important;
}
.bglightBlack{
    background: #464444 !important;
}
.ahover1:hover {
    outline: 0;
    color: #37919f !important;
}
nav ul a{
    color: #FFFFFF !important;
}
.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #FFFFFF !important;
    content: "/\00a0";
}

.breadcrumb .active {
    font-weight: normal;
    color: #ababb1 !important;
}

.yellowBorder{
    border-bottom: 2px solid #003f61 !important;
}

.bgDarkGrey-1{
    background-color: #464444 !important;
}

input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #ABABB1 !important;
}

input[type=text].valid, input[type=text]:focus.valid, input[type=password].valid, input[type=password]:focus.valid, input[type=email].valid, input[type=email]:focus.valid, input[type=url].valid, input[type=url]:focus.valid, input[type=time].valid, input[type=time]:focus.valid, input[type=date].valid, input[type=date]:focus.valid, input[type=datetime-local].valid, input[type=datetime-local]:focus.valid, input[type=tel].valid, input[type=tel]:focus.valid, input[type=number].valid, input[type=number]:focus.valid, input[type=search].valid, input[type=search]:focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    box-shadow: 0 0 0 0 !important;
}

.dropdown-content{
    background-color: #464444 !important;
    color: #abab98 !important;
}

.dropdown-content li:hover,.dropdown-content li>a:hover{
    background-color: #464444 !important;
    color: #37919f !important;
}

.dropdown-content li.active{
    background-color: #7c7c7c !important;
}

.dropdown-content li>span{
    color: #ABABB1 !important;
}

.select-wrapper i {
    color: #37919f !important;
    padding-top: 10px;
}
.country-select .selected-flag .arrow {
    border-top: 4px solid #37919f !important;
}
.country-select .selected-flag .arrow.up {
    border-top: none !important;
    border-bottom: 4px solid #37919f !important;
}

.country-select .country-list {
    background: #464444 !important;
    color: #ABABB1 !important;
    border: none !important;
}

.divider {
    background-color: #37919f !important;
    border-bottom: none !important;
}

.country-select .country-list .divider {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

li.country.active {
    background-color: #7c7c7c !important;
}

li.country:hover {
    background-color: #7c7c7c !important;
}

textarea.materialize-textarea{
    color: #ABABB1 !important;
}

.btn, .btn-large {
    background-color: #003f61 !important;
}

.dropdown-content li>a, .dropdown-content li>span{
    color:  #abab98 !important;
}

table.dataTable.no-footer {
    border: 4px solid #003f61 !important;
    border-radius: 5px;
}

tr.tableHead{
    background: #464444 !important;
}

tr.tableHead th{
    color: #FFFFFF !important;
    border-bottom: 4px solid #003f61 !important;
    border-radius: 0px !important;
}

tr{
    background: #7c7c7c !important;
    color: white !important;
}

tr td{
    border-bottom: 2px solid #003f61 !important;
    border-radius: 0px !important;
}


table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-top: none !important;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
    color: #7a7a89 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 0px solid #003f61 !important;
    border-radius: 5px !important;
    background: #003f61 !important;
}

.light-green.lighten-4-1 {
    background: rgb(191,139,7) !important;
}

.lighten-4-1-1{
    background: green !important;
}

.lighten-4-1-1-2{
    background: red !important;
}
.lighten-4{
    background: #6bb06b;
    width: max-content!important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
}

.green-text.text-darken-1-2 {
    color: #FFFFFF !important;
    background: #37919f !important;
}

.red.lighten-4-1 {
    background: rgb(191,139,7) !important;
}

.red-text.text-darken-1-1{
    color: #FFFFFF !important;
    background: #37919f !important;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background: #7c7c7c !important;
    color: white !important;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background: #7c7c7c !important;
    color: white !important;
}

.sweet-alert {
    background-color: #242728 !important;
    border-top: 3px solid #003f61 !important;
}

.sweet-alert h2{
    color: #7c7c7c !important;
}

.sweet-alert button.cancel {
    background-color: #003f61 !important;
    color: #FFFFFF !important;
}

.sweet-alert button.confirm {
    background-color: #37919f !important;
    color: #FFFFFF !important;
}

.sweet-alert .sa-icon.sa-warning .sa-body,.sweet-alert .sa-icon.sa-warning .sa-dot{
    background: #37919f !important;
}

.sweet-alert .sa-icon.sa-warning {
    border-color: #37919f !important;
}

.sweet-alert .sa-icon.sa-error {
    border-color: #37919f !important;
}

.sweet-alert .sa-icon.sa-error .sa-line {
    background: #37919f !important;
}

.dropify-wrapper{
    background-color: #494962 !important;
    border: 3px solid #003f61 !important;
    border-radius: 5px;
}

.tabs {
    background: #242728 !important;
}
[dir="ltr"] .tabs .indicator{
    /*background: rgb(73 73 98) !important;*/
    border: 2px solid #003f61 !important;
}

.tabs .tab a{
    color: white !important;
}

.tabs .tab a.active{
    color: white !important;
}

.lighten-4-2{
    background-color: #d29e1a !important;
}
.lighten-4-2 i{
    color: #FFFFFF !important;
}

.alert.alert-success{
    padding: 4px;
    padding-left: 10px;
    color: #ffffff;
    background: #494962;
    border: 2px solid #bf8b07;
    border-radius: 15px;
    margin-bottom: 5px;
    margin-left: 12px;
    width: max-content;
}

.btn-floating{
    background: #242728 !important;
}

.btn-floating:hover{
    background: #37919fl !important;
    border:  3px solid #242728;
}

.cke_1.cke_chrome{
    border: 3px solid #003f61;
}

.cke_2.cke_chrome{
    border: 3px solid #003f61;
}

.cke_1 .cke_top {
    background-color: #7c7c7c;
    border-bottom: 3px solid #003f61;
}

.cke_1 .cke_bottom{
    background-color: #7c7c7c;
    border-top: 3px solid #003f61;
}

.cke_2 .cke_top {
    background-color: #7c7c7c;
    border-bottom: 3px solid #003f61;
}

.cke_2 .cke_bottom{
    background-color: #7c7c7c;
    border-top: 3px solid #003f61;
}

#cke_1_contents iframe{
    background-color: #464444 !important;
    color: white;
}

.collection.with-header .collection-header {
    background-color: #464444 !important;
    color: #FFFFFF;
    border-bottom: 3px solid #003f61 !important;
}
.collection .collection-item{
    background-color: #464444 !important;
    color: #FFFFFF;
}

.collection{
    background-image: url(http://127.0.0.1:8000/assets/images/bg-login.png) !important;
    background: #464444 !important;
    border: 3px solid #003f61 !important;
}

.hrefFcm{
    color: #FFFFFF !important;
    text-decoration: underline;
}

.hrefFcm:hover{
    color: #2e2e3d !important;
}

.modal .modal-footer {
    border-radius: 0 0 5px 5px !important;
    background-color: #242728 !important;

}

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after{
    background: #242728 !important;
}

.sweet-alert .sa-icon.sa-success .sa-line{
    background: #37919f !important;

}

.sweet-alert .sa-icon.sa-success .sa-fix{
    background: #242728 !important;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder{
    border: 4px solid #37919f !important;
}

::-webkit-scrollbar {display: none;width: 6px; height: 4px; background: rgb(73 73 98); }
::-webkit-scrollbar-thumb { background-color: rgb(46,46,61); -webkit-border-radius: 1ex; }


.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color: #FFFFFF !important;
}