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: 1px solid #D1D1D1 !important;
    border-radius: 12px !important;
    /* border-bottom: 3px solid #7a7a89 !important; */
    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;
    font-family: "Roboto", serif !important;
    font-weight: 500 !important;
    padding-left: 14px !important;
}


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: 0px solid #51BEEB !important;
    box-shadow: 0 0px 0 0 #51BEEB !important;
    border: 2px solid #51BEEB !important;
    border-radius: 12px !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: rgb(255 255 255) !important;
    border-top: 5px solid rgb(20 168 228) !important;
}

.loginParaTag{
    text-transform: none !important;
    color: rgb(39 38 38) !important;
    font-weight: bold !important;
    font-size: 32px !important;
    font-family: 'Cairo', serif !important;
    font-style: normal;
}

.loginIcon{
    color: #51BEEB !important;
}


.text-orange{
    font-family: 'Cairo' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 30px !important;
    color: #F8C140 !important;
}

.hrefBtn{
    border-radius: 12px !important;
    background: linear-gradient(to bottom, #A4DDF4, #02A1E2) !important;
    text-transform: none !important;
    color: #000000 !important;
    font-family: 'Cairo' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 38px !important;
    text-align: center !important;
    letter-spacing: 1px !important;
    margin-right: 5px !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: 'Cairo' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 24px !important;
    line-height: 165% !important;
    color: rgb(39 38 38) !important;
}

.loginButton{
    border-radius: 12px !important;
    background: linear-gradient(to bottom, #A4DDF4, #02A1E2) !important;
    text-transform: none !important;
    color: #000000 !important;
    font-family: 'Cairo' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 17px !important;
    text-align: center !important;
    letter-spacing: 1px !important;

}

nav .brand-logo{
    color: #0c0c0c !important;
    font-family: Cairo, Serif !important;
    font-weight: bold !important;
    font-family: 28px !important;
}

nav{
    color: #252525 !important;
    font-family: Cairo, Serif !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

nav ul a{
    color: #D1D1D1 !important;
}


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

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

.bgDarkGrey{
    background: white !important;
}

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

.card{
    box-shadow: none !important;
}
.bgLightGrey{
    background: white !important;
    border: none !important;
}

#card-stats .card-stats-title, #card-stats .card-stats-title i{
    font-size: 18px !important;
    color: #252525 !important;
}

.grey-text.text-lighten-4{
    color: #252525 !important;
    font-family: Cairo, Serif !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

#card-stats .card-content {
    text-align: center;
     color: #252525 !important;
    font-family: 'Cairo', serif;
    font-weight: 500 !important;
    font-size: 18px !important;
}

.notActiveTab{
    display: none;
}

.activeTab{
    display: block;
}

[dir="ltr"] ul.side-nav.fixed li.active:not(:first-child) {
    background-color: white !important;
    border: 2px solid #F5EFFC !important;
    border-radius: 20px !important;
}

[dir="ltr"] ul.side-nav.fixed li.active:not(:first-child) {
    background-color: white !important;
    border: 2px solid #F5EFFC !important;
    border-radius: 20px !important;
}

[dir="ltr"] ul.side-nav.fixed li:hover:not(:first-child) {
    background-color: white !important;
    border: 2px solid #F5EFFC !important;
    border-radius: 20px !important;
}

.deep-orange-text-1 {
    color: #21ADE5 !important;
    font-family: 'Cairo', SERIF !important;
    font-weight: bold;
    font-size: 15px !important;
}

.card{
    background-color: #D1D1D1 !important;
    border: 2px solid #D1D1D1 !important;
}

.iconYellow{
    color: #51BEEB !important;
}

.bgYellowLinearGradient{
    background: #ffffff !important;
    border: 2px solid #F5EFFC !important;

}

[dir="ltr"] .select-wrapper+label {
    position: absolute !important;
    top: -41px !important;
}

[dir="ltr"] .input-field label {
    top: 0.5rem ;
    left: 1.75rem !important;
}

.country-select.inside input, .country-select.inside input[type=text]{
    padding-left: 52px !important;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: -1.5em !important;
}

.ahover1:hover {
    outline: 0;
    color: #21ADE5 !important;
}

.breadcrumb>li+li:before {
    padding: 0 5px;
    color: #FFFFFF !important;
    content: "/\00a0";
}

.breadcrumb .active {
    color: rgb(157,157,168) !important;
    font-family: 'Cairo', SERIF !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

.yellowBorder{
    border-bottom: 2px solid #D1D1D1 !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: #51BEEB !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: white !important;
}

.white-text {
    color: #252525 !important;
    font-family: 'Cairo', SERIF !important;
    font-weight: bold;
    font-size: 18px !important;
}

.dropdown-content li:hover{
    background-color: #02A1E2 !important;
}

.dropdown-content li.active{
    background-color: #51BEEB !important;
}

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

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

.country-select .country-list {
    background: white !important;
    font-family: "Roboto", serif !important;
    font-size: 1rem;
    border: none !important;
    color: #707070 !important;
    font-weight: 500 !important;
}

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

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

li.country.active {
    color: #ffffff;
    background-color: #51BEEB !important;
    font-family: "Roboto", serif !important;
    font-size: 1rem;
    border: none !important;
    font-weight: 500 !important;
}

li.country:hover {
    color: #ffffff;
    background-color: #51BEEB !important;
    font-family: "Roboto", serif !important;
    font-size: 1rem;
    border: none !important;
    font-weight: 500 !important;
}

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

.btn, .btn-large {
    border-radius: 12px !important;
    background: linear-gradient(to bottom, #A4DDF4, #02A1E2) !important;
    text-transform: none !important;
    color: #000000 !important;
    font-family: 'Cairo' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 38px !important;
    text-align: center !important;
    letter-spacing: 1px !important;
}

.dropdown-content li>a, .dropdown-content li>span{
    color:  #ABABB1 !important;
    font-family: Cairo, Serif !important;
    font-weight: bold !important;
    font-size: 16px !important;

}
.dropdown-content li>a:hover, .dropdown-content li>span:hover{
    color:  #ffffff !important;
    font-family: Cairo, Serif !important;
    font-weight: bold !important;
    font-size: 16px !important;

}

.side-nav.fixed a{
    color:  #D1D1D1 ;
    font-family: Cairo, Serif !important;
    font-weight: bold !important;
    font-size: 16px !important;
}

table.dataTable.no-footer {
    /*border: 4px solid rgb(191,139,7) !important;*/
    /*border-radius: 5px;*/
    border: none !important;
    border-radius: 0px !important;
}

tr.tableHead{
    background: #02A1E2 !important;
}

tr.tableHead th {
    color: #FFFFFF !important;
    border-bottom: 2px solid #d1d1d1 !important;
    border-radius: 0px !important;
    font-family: 'Roboto', serif !important;
    font-size: 16px !important;
    font-style: normal !important;
}

tr{
    background: #ffffff !important;
    color: #49596E !important;
    font-family: 'Roboto', serif !important;
    font-size: 16px !important;
    font-style: normal !important;
}

tr td{
    border-bottom: 2px solid #d1d1d1 !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: #49596E !important;
    font-family: 'Roboto', serif !important;
    font-size: 16px !important;
    font-style: normal !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    border: 2px solid #d1d1d1 !important;
    border-radius: 5px !important;
    background: white !important;
}

.light-green.lighten-4-1 {
    background: #02a1e2 !important;

}

.lighten-4-1-1{
    background: #16C993 !important;
}

.lighten-4-1-1-2{
    background: #F55700 !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;
}

.red.lighten-4-1 {
    background: #8d2404 !important;
}

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

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background: #ffffff !important;
    color: #49596E !important;
    font-family: 'Roboto', serif !important;
    font-size: 16px !important;
    font-style: normal !important;
}

table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
    background: #ffffff !important;
    color: #49596E !important;
    font-family: 'Roboto', serif !important;
    font-size: 16px !important;
    font-style: normal !important;
}

.sweet-alert {
    background-color: #ffffff !important;
    border-top: 5px solid #51BEEB !important;
}

.sweet-alert h2{
    color: #49596E !important;
    font-family: 'Roboto', serif !important;
    font-size: 22px !important;
    font-style: normal !important;
}

.sweet-alert button.cancel {
    border-radius: 12px !important;
    background: linear-gradient(to bottom, #A4DDF4, #02A1E2) !important;
    text-transform: none !important;
    color: #000000 !important;
    font-family: 'Cairo' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 38px !important;
    text-align: center !important;
    letter-spacing: 1px !important;
}

.sweet-alert button.confirm {
    border-radius: 12px !important;
    background: #af1b28 !important;
    text-transform: none !important;
    color: #ffffff !important;
    font-family: 'Cairo' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 18px !important;
    line-height: 38px !important;
    text-align: center !important;
    letter-spacing: 1px !important;
}

.sweet-alert .sa-icon.sa-warning .sa-body,.sweet-alert .sa-icon.sa-warning .sa-dot{
    background: rgb(191, 139, 7) !important;
}

.sweet-alert .sa-icon.sa-warning {
    border-color: rgb(191, 139, 7) !important;
}

.sweet-alert .sa-icon.sa-error {
    border-color: rgb(191, 139, 7) !important;
}

.sweet-alert .sa-icon.sa-error .sa-line {
    background: rgb(191, 139, 7) !important;
}

.dropify-wrapper{
    background-color: #ffffff !important;
    border: 3px solid #d1d1d1 !important;
    border-radius: 5px;
}

.tabs {
    background: white !important;
}
[dir="ltr"] .tabs .indicator{
    /*background: rgb(73 73 98) !important;*/
    border: 2px solid #d1d1d1 !important;
    font-family: 'Cairo', SERIF !important;
    font-weight: bold;
    font-size: 22px !important;
}

.tabs .tab a{
    color: #252525 !important;
    font-family: 'Cairo', SERIF !important;
    font-weight: bold;
    font-size: 22px !important;
}

.tabs .tab a.active{
    color: #21ADE5 !important;
    font-family: 'Cairo', SERIF !important;
    font-weight: bold;
    font-size: 22px !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: #d19d19 !important;
}

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

.cke_1.cke_chrome{
    border: 3px solid #d1d1d1 !important;
}

.cke_2.cke_chrome{
    border: 3px solid #d1d1d1 !important;
}

.cke_1 .cke_top {
    background-color: #ffffff;
    border-bottom: 3px solid #d1d1d1 !important;
}

.cke_1 .cke_bottom{
    background-color: #ffffff;
    border-top: 3px solid #d1d1d1 !important;
}

.cke_2 .cke_top {
    background-color: #ffffff;
    border-bottom: 3px solid #d1d1d1 !important;
}

.cke_2 .cke_bottom{
    background-color: #ffffff;
    border-top: 3px solid #d1d1d1 !important;
}

#cke_1_contents iframe{
    background-color: #ffffff;
    color: white;
}

.collection.with-header .collection-header {
    background-color: #ffffff !important;
    color: #2b2b2b;
    border-bottom: 3px solid #d1d1d1 !important;
    font-family: 'Cairo' !important;
    font-style: normal !important;
    font-weight: bold !important;
    font-size: 24px !important;
}
.collection .collection-item{
    margin-top: 20px !important;
    background-color: #ffffff !important;
    color: #FFFFFF;
}
#content .container .row {
    margin-bottom: 0;
    margin-top: 22px !important;
}

.collection{
    background-image: url(http://127.0.0.1:8000/assets/images/bg-login.png) !important;
    background: #ffffff !important;
    border: 3px solid #d1d1d1 !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: #ffffff !important;

}

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

.sweet-alert .sa-icon.sa-success .sa-line{
    background: rgb(191,139,7) !important;

}

.sweet-alert .sa-icon.sa-success .sa-fix{
    background: #ffffff !important;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder{
    border: 4px solid rgb(191,139,7) !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; }

[dir="ltr"] .footerbottom{
    left: 58.2% !important;
}