body {
    font-family: 'Nunito', sans-serif;
    letter-spacing: 1px;
    background-color: #f6f6f6;
}
header {
    box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.16);
    -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.16);
}
a {
    text-decoration: none;
    color: #00b6dc;
}
a:hover {
    color: #00b6dc !important;
    text-decoration: none;
}
a .material-symbols-outlined:hover {
    color: #00b6dc !important;
}
.color_primary {
    color: #00b6dc;
}
.btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px;
    min-width: 177px;
    min-height: 44px;
}
#dashboard_index .btn {
    justify-content: left;
    padding: 10px !important;
}
.btn-primary {
    background-color: #00b6dc !important;
    border: 1px solid #00b6dc;
    border-radius: 3px;
    font-size: 12px;
}
.btn-primary:hover {
    background-color: white !important;
    color: #00b6dc !important;
    border: 1px solid #00b6dc !important;
}
.btn-secondary {
    background-color: #ffffff !important;
    border: 1px solid #00b6dc;
    border-radius: 3px;
    font-size: 12px;
    color: #11849d;
}
.btn-secondary:hover {
    background-color: #00b6dc !important;
    color: white !important;
    border: 1px solid #00b6dc;
}
.btn-secondary span:hover {
    color: white !important;
}
.btn-warning {
    /*border: 1px solid #575757;*/
    background-color: rgba(255, 123, 0, 0.35);
    color: #464646;
    border-radius: 3px;
    font-size: 12px;
}
.text-warning {
    color: rgba(129, 62, 0, 0.45) !important
}
.btn-warning:hover {
    background-color: rgba(255, 123, 0, 0.45) !important;
    color: #464646 !important;
}
.btn .material-symbols-outlined {
    padding: 3px;
}
.text-primary, .btn-secondary:focus, .btn-secondary.focus, .btn-secondary:focus-visible {
    color: #00b6dc !important;
}
.text-primary.disabled, .btn-primary.disabled,.btn-secondary.disabled, .btn-secondary:disabled {
    color: gray !important;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
    color: #00b6dc !important;
}
.bg-blue-light {
    background-color: #ccf6ff !important;
}
.bg-blue-white {
    background-color: #ccf6ff8f !important;
}
input {
    letter-spacing: 1px;
}
input[type='text'], input[type='email'], input[type='password'] {
    border-radius: 3px;
    border: 1px solid #d2d2d2;
}
input[type='range'] {
    background: #c1c1c1 !important;
    -webkit-appearance: none;
    height: 4px;
    cursor: ew-resize;
    border-radius: 10px;
}
.form-control, .form-select {
    font-size: 14px !important;
}
table thead tr th {
    font-size: 11px;
}
table tbody tr td {
    font-size: 12px;
    font-weight: 500;
}
div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label {
    font-size: 12px !important;
}
div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate ul.pagination, .page-link {
    font-size: 11px !important;
    padding: 20px;
    color: #626262;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-pointer:hover {
    background-color: #58cae1 !important;
}
.page-item.active .page-link {
    background-color: #00b6dc;
    border-color: #00b6dc;
}
#dashboard_index a {
    font-size: 12px;
}
#dashboard_index .btn {
    padding: 3px;
    min-width: 124px;
}

table .odd {
    background-color: #f3f3f3 !important;
}

table th {
    font-size: 10px !important;
    text-transform: uppercase;
    color: #676767;
}

table th, table td {
    padding: 10px;
}

.dataTables_wrapper {
    width: 100% !important;
}

.selected {
    background-color: #00b6dc29;
}

.noty_theme__semanticui.noty_bar .noty_body {
    font-size: 12px;
}
.dt-buttons {
    display: flex;
    margin-bottom: 10px;
    font-size: 12px;
    background-color: #f9f9f9;
    padding: 1px;
}
.dt-buttons button {
    margin-right: 3px;
    color: #686868;
}
.modal a.close-modal {
    top: 5.5px !important;
    right: 6.5px !important;
}
.modal h3 {
    font-size: 15px;
    margin: 18px 0 0 0;
    padding: 10px 10px 10px 20px;
    border-radius: 25px;
    width: 100%;
    background-color: #dfdfdf;
}
.modal a.close-modal {
    color: #00b6dc !important;
    width: 23px;
    height: 23px;
}
.w-10 {
    width: 10%;
}
.w-20 {
    width: 20%;
}
.w-30 {
    width: 30%;
}
#table-references-invoice th {
    /*min-width: 100px;*/
}
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper
div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
    /*text-align: left;*/
}
.dropdown-content li>a, .dropdown-content li>span {
    font-size: 12px;
    color: #26a69a;
    display: block;
    line-height: 19px;
    padding: 14px 16px;
}
.dropdown-content {
    min-width: 250px !important;
}
h1, h2, h3 {
    margin: 0;
}
.btn, .btn-large, .btn-small, .btn-flat {
    text-transform: none;
}
label {
    font-size: .8rem;
    color: #3a3a3a;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position:relative;
    opacity: 1;
    pointer-events:none;
}
.tabs .tab a {
    color: rgba(53, 53, 53, 0.7);
    font-size: 11px;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: none !important;
    border-bottom: 2px solid #67adbb !important;
    /*-webkit-transition: color .28s ease, background-color .28s ease;*/
    /*transition: color .28s ease, background-color .28s ease;*/
}
.tabs .tab a.active {
    background-color: #67adbb !important;
    color: #FFF !important;

}
.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: rgb(178 242 246 / 20%);
}
.tabs .indicator {
    background-color:#67adbb;
} /*Color of underline*/
.row .col {
    padding: 0;
}
#form-create-page .tox-tinymce {
    height: 600px !important;
}
.option_template_page {
    margin: 5px;
    width: 30px !important;
    height: 30px  !important;
    min-width: 20px !important;
    min-height: 20px !important;
}
.indeterminate {
    background-color: #c0dfe6 !important;
}
.progress {
    background-color: #15b5d9 !important;
}
strong {
    font-weight: bold;
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    color: #0c0c0c !important;
    border: 1px solid #d9d9d9 !important;
}
input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default),
textarea.materialize-textarea {
    padding-left: 10px;
    background-color: white;
    border-radius: 5px;
    outline: none;
    height: 2rem;
    box-shadow: none;
    box-sizing: content-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    width: auto;
}
select {
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
    padding: 5px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 3.1rem;
}
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #15b4d8;
    -webkit-box-shadow: 0 1px 0 0 #15b4d8;
    box-shadow: 0 1px 0 0 #15b4d8;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    pointer-events: all;
    height: 20px !important;
    width: 20px !important;
}
.add_variable_to_field {
    color: #03748c;
    background-color: rgb(250, 250, 250);
    padding: 5px;
    border-radius: 5px;
    cursor: pointer;
}
input[type="checkbox"]:disabled {
    background-color: #e4e4e4;
    color: #919191 !important;
}
.badge {
    font-size: 12px; 
    font-weight: 400;
}
span.badge {
    font-size: 12px;
}

/* ---- MEDIA QUERIES ---- */
@media screen and (max-width: 700px){
    .input_container, input, button[type=submit] {
        width: 100% !important;
    }
    #dashboard_index .btn {
        min-width: 194px;
    }
    .mb-column {
        display: flex;
        flex-direction: column !important;
    }
}

/* ---- MEDIA QUERIES ---- */
@media screen and (max-width: 500px){
    .w-100-mb {
        width: 100% !important;
    }
}