html .flexbox-container {
    display: flex;
    align-items: center;
    height: 94vh;
    justify-content: center;
}

.date_calendar {
    line-height: 5.5rem !important;
}

.show-report-btn {
    margin-top: 22px;
}

.width-first-part {
    width: 40%;
}

.height-chart {
    height: 220px;
}

.audit ul, li {
    list-style-type: none;
}

.border-color-input {
    border-color: #1a233a !important;
}

.text-area-for-copy {
    position: absolute !important;
    opacity: .01 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.pre-code-view {
    white-space: pre-wrap !important;
    /*white-space: normal!important;*/
}

.border-field-read-only {
    border-color: #1a233a !important;
}

.color-text-white {
    color: white !important;
}

/* custom scrollbar */
::-webkit-scrollbar {
    width: 20px;
    height: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a8bbbf;
}

.geo-height-row-table {
    overflow-y: scroll;
    max-height: 300px;
    line-height: 8px
}

.advertisers-reports-height {
    overflow-y: scroll;
    max-height: 900px;
}

.hide-element {
    position: absolute !important;
    opacity: .01 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.user_logo_create {
    height: 150px;
    max-width: 100%;
}

.field-read-only {
    background-color: #1a233a82;
    border-color: #272e48;
}

@font-face {
    font-family: 'password';
    font-size: 12px !important;
    /*src: url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);*/
    src: url('../fonts/password.ttf');

}

.login_password {
    font-family: 'password';
    font-size: 15px !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #8a99b5 !important;
}

.reset-photo {
    padding: 0;
    background-color: transparent;
    border: 0;
    appearance: none;
    font-size: 30px;
    position: absolute;
    top: -15px;
}

.border-block {
    border: 1px solid #DFE3E7;
    border-radius: 0.267rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    /*border-right: 1px solid;*/
}

.read-notification {
    background-color: #364662;
}

.receive-notification {
    border-left: 5px inset #5a8dee !important;
    border-top-left-radius: 0.5em 0.5em;
    border-bottom-left-radius: 0.5em 0.5em;
}

.style-input-read-only {
    background-color: #1a233a82 !important;
    border-color: #272e48 !important;;
    color: #8a99b5 !important;;
}

.disable-button {
    pointer-events: none !important;
    opacity: .4 !important;
}

table.dataTable tbody tr.selected {
    color: white;
    background-color: #1a233a7d;
}

table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after {
    display: block;
    position: absolute;
    top: 1.2em;
    left: 50%;
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    cursor: pointer;
}

table.dataTable tbody td.select-checkbox:before {
    content: ' ';
    margin-top: -6px;
    margin-left: -6px;
    border: 1px solid #464d5c;
    border-radius: 3px;
    background-color: #304256;
    cursor: pointer;
    width: 22px;
    height: 22px;
}

table.dataTable tr.selected td.select-checkbox:after {
    content: '\2714';
    margin-top: -15px;
    margin-left: -3px;
    text-align: center;
    text-shadow: 1px 1px #5688e4, -1px -1px #5688e4, 1px -1px #5688e4, -1px 1px #5688e4;
    cursor: pointer;
}

.select2-overflow-x-hidden {
    overflow-x: hidden!important;
}

.treeview .badge {
    color: white;
}

.main-menu .navbar-header .navbar-brand .brand-logo .logo {
    height: 38px !important;
}

.logo-text {
    color: white;
    display: none;
}

.form-control, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single  {
    border-color: darkgray !important;
}

.custom-fixed-column {
    position: absolute!important;
    margin-top: 9px;
    right: 15px;
    background-color: white;
    border-bottom-width: 0 !important;
}

.custom-table-hover tr:hover > .custom-fixed-column {
    background-color: #F2F4F4;
}

.custom-table-hover tr:hover {
    background-color: #F2F4F4;
}