/* Custom scrollbars */
/* ----------------------------------------------------- */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #b1b1b1;
    border-radius: 4px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #5f5f5f;
    }
/* ----------------------------------------------------- */

html {
    width: 100%;
    -webkit-font-smoothing: antialiased;
    font-family: Montserrat !important;
    font-size: 0.85em !important;
}

body {
    line-height: 1.4 !important;
    -webkit-font-smoothing: antialiased;
    font-family: Montserrat !important;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    background-color: #F0F2F5;
    margin: 70px 0 0 0;
    width: 100%;
    color: #404040 !important;
    overflow-x: hidden;
}

.cursorPointer {
    cursor: pointer;
}

.fontDefault {
    font-size: inherit;
}

.fontBig1 {
    font-size: 1.1rem;
}

.fontBig2 {
    font-size: 1.5rem;
}

.fontBig3 {
    font-size: 1.8rem;
}

.fontSmall1 {
    font-size: 0.9rem;
}

.fontSmall2 {
    font-size: 0.8rem;
}

.fontSmall3 {
    font-size: 0.7rem;
}

.fontSmall4 {
    font-size: 0.6rem;
}

.fontDefaultColor {
    color: inherit;
}

a.fontDefaultColor, a.fontDefaultColor:active, a.fontDefaultColor:visited, a.fontDefaultColor:hover {
    color: inherit;
    text-decoration: none;
}

.fontWhite {
    color: #fff;
}

a.fontWhite, a.fontWhite:active, a.fontWhite:visited, a.fontWhite:hover {
    color: #fff;
    text-decoration: none;
}

.fontGray {
    color: #b5b5b5;
}

a.fontGray, a.fontGray:active, a.fontGray:visited, a.fontGray:hover {
    color: #b5b5b5;
    text-decoration: none;
}

.fontRed {
    color: #AC0000;
}

a.fontRed, a.fontRed:active, a.fontRed:visited, a.fontRed:hover {
    color: #AC0000;
    text-decoration: none;
}

.fontGreen {
    color: #7c9b6d;
}

a.fontGreen, a.fontGreen:active, a.fontGreen:visited, a.fontGreen:hover {
    color: #7c9b6d;
    text-decoration: none;
}

.fontLightGreen {
    color: #a4cb91
}

a.fontLightGreen, a.fontLightGreen:active, a.fontLightGreen:visited, a.fontLightGreen:hover {
    color: #a4cb91;
    text-decoration: none;
}

.fontBlue {
    color: #4F6BA5;
    text-decoration: none;
}

a.fontBlue, a.fontBlue:active, a.fontBlue:visited, a.fontBlue:hover {
    color: #4F6BA5;
    text-decoration: none;
}

.fontOrange {
    color: #db9424;
    text-decoration: none;
}

a.fontOrange, a.fontOrange:active, a.fontOrange:visited, a.fontOrange:hover {
    color: #db9424;
    text-decoration: none;
}

a, a:active, a:visited, a:hover {
    color: #477093;
    text-decoration: none;
    opacity: 1;
}

    a.font_titles, .font_titles {
        font-size: 1.5em;
        font-weight: 600;
    }

.divSliderPanelRight {
    height: 100vh;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    -webkit-box-shadow: -4px 0px 3px 0px rgba(51,51,51,0.30);
    box-shadow: -4px 0px 3px 0px rgba(51,51,51,0.30);
    z-index: 2147483647 !important;
}

/*---------- Windows Layers -----------------------------------------------------------------*/

.divOverlayBody {
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    overflow: hidden;
}

.divsWindowsLayers {
    position: relative;
    background-color: #FFF;
    -webkit-box-shadow: -4px 0px 3px 0px rgba(51,51,51,0.30);
    box-shadow: -4px 0px 3px 0px rgba(51,51,51,0.30);
}

.divsWindowsLayersMain {
    position: relative;
    width: 100%;
    padding: 10px;
}

.divsWindowsLayersTitle {
    font-size: 14pt;
    padding-bottom: 10px;
}

.divsWindowsLayersContent {
    position: relative;
    width: 100%;
    border-top: 1px solid #E2E2E2;
    padding-top: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.divsWindowsLayersOption {
    display: none;
    position: relative;
    left: 0px;
    bottom: 20px;
    margin-top: 10px;
    padding: 10px;
    background-color: inherit;
    width: 100%;
}
/*----------------------------------------------------------------------------------------*/

/*---------- CUSTOM jquery-eu-cookie-law-popup.css  --------------------*/
.eupopup-container {
    width: 400px !important;
    background-color: rgba(210,210,210,.9) !important;
    border-radius: 4px;
    font-size: 11pt !important;
}

.eupopup-head, .eupopup-body {
    color: #404040 !important;
}

.eupopup-button_1 {
    color: #4F6BA5 !important;
    font-size: inherit !important;
    cursor: pointer;
}

.eupopup-button_2 {
    color: #404040 !important;
    font-size: inherit !important;
    cursor: pointer;
}

.boxEnter {
    width: 360px;
    color: inherit;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px;
    border-radius: 4px;
}

.boxGlass {
    width: auto;
    color: inherit;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 20px 20px 20px;
    border-radius: 4px;
}

.divDefaultPageHeader {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 2147483647;
}

.flagsLanguages {
    width: 32px;
    margin-left: 10px;
    margin-right: 15px;
}

.mainContent {
    width: 680px;
}

.mainHead {
    position: fixed;
    width: 100%;
    height: 70px;
    max-height: 70px;
    left: 0;
    top: 0;
    padding: 10px 20px 0px 20px;
    background-color: #fff;
    box-shadow: 0px 2px 5px #9A9A9A;
    z-index: 2147483647;
}

/* Custom Bootstrap 4 */
.label-fields {
    font-weight: 600;
}

.form-control::-webkit-input-placeholder {
    color: #BEBEBE;
}

.form-control:-moz-placeholder {
    color: #BEBEBE;
}

.form-control::-moz-placeholder {
    color: #BEBEBE;
}

.form-control::placeholder {
    color: #BEBEBE;
}

.form-control:-ms-input-placeholder {
    color: #BEBEBE;
}

.btn-success {
    border-color: #5EA26C;
    background-color: #5EA26C;
}

.btn-danger {
    border-color: #CA4040;
    background-color: #CA4040;
}

.btn-primary, .btn-outline-primary {
    border-color: #4B7AA5;
    background-color: #4077B4;
}

.modal-400 {
    width: 400px !important;
    max-width: 400px !important;
}

.modal-500 {
    width: 500px !important;
    max-width: 500px !important;
}

.modal-600 {
    width: 600px !important;
    max-width: 600px !important;
}

.modal-680 {
    width: 680px !important;
    max-width: 680px !important;
}

.modal-backdrop.show {
    opacity: 0.7 !important;
    z-index: 2147483647 !important;
}

.modal {
    z-index: 2147483647 !important;
}

.modal-header {
    background-color: #000;
    color: #fff;
}

.modal-content .modal-title {
    font-weight: 600;
}

.modal-content button.close {
    color: #fff !important;
    opacity: 1;
}

.dropdown-menu {
    line-height: 1.5 !important;
    z-index: 2147483647 !important;
}

.list-group-item.active {
    background-color: #4077B4 !important;
    border-color: #4077B4 !important;
}

ul > li {
    line-height: 1.4 !important;
}

/*-----------------------------------------------------------*/
/* Custom bootstrap-select */
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: unset !important;
}

/* Custom Noty.css */
.noty_layout_mixin, #noty_layout__top, #noty_layout__topLeft, #noty_layout__topCenter, #noty_layout__topRight, #noty_layout__bottom, #noty_layout__bottomLeft, #noty_layout__bottomCenter, #noty_layout__bottomRight, #noty_layout__center, #noty_layout__centerLeft, #noty_layout__centerRight {
    width: 370px !important;
    z-index: 2147483647 !important;
}

.noty_theme__metroui {
    font-family: inherit !important;
    color: #404040 !important;
    background-color: #fff !important;
    border-radius: 2px !important;
    border-left-width: 18px !important;
    border-left-style: solid !important;
}

    .noty_theme__metroui.noty_type__success {
        border-left-color: #99BC92 !important;
    }

    .noty_theme__metroui.noty_type__error {
        border-left-color: #C45050 !important;
    }

    .noty_theme__metroui.noty_type__danger {
        border-left-color: #D2AF5C !important;
    }

    .noty_theme__metroui.noty_type__info {
        border-left-color: #84B6C4 !important;
    }

/* Custom Fancybox */
.fancybox-container {
    z-index: 2147483647 !important;
}

/* Custom leaflet */
.leaflet-bar a, .leaflet-bar a:hover {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
}

.leaflet-container {
    font: inherit !important;
}

.leaflet-popup-content {
    min-width: 160px !important;
}

.leaflet-control-search .search-input {
    font-size: 1em !important;
    border: 1px solid #E2E2E2 !important;
    text-transform: uppercase !important;
}

/* tempusdominus-bootstrap-4 */
.bootstrap-datetimepicker-widget.dropdown-menu {
    width: unset !important;
    padding: 20px !important;
    background-color: #f3f3f3 !important;
}

/*------------ index.aspx --------------------------------*/
#btnRTXLiveStreamings.btn-outline-secondary:hover {
    background-color: #E2E2E2 !important;
    border-color: #808080 !important;
}

/*------------ Chat Messages --------------------------------*/
.badgeMessages {
    padding: 0px 6px 0px 6px;
    color: #fff;
    background-color: rgb(172, 0, 0);
    border-radius: 2px;
    font-weight: bold;
}

#divChatsContainer {
    display: none;
    width: 100%;
    z-index: 2147483647 !important;
}

#divChatsContents {
    padding-right: 10px;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

.divChatsList .deleteChats {
    visibility: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 5px;
    background-color: rgba(246, 246, 246, 0.8);
}

.divChatsList:hover .deleteChats {
    visibility: visible;
}

#divChatsItems .list-group-item {
    padding: 0.55rem 5px 0.55rem 5px !important;
    border: unset !important;
    cursor: pointer;
}

#divMessagesContents {
    padding-right: 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

#divMessagesItems {
    padding-top: 10px;
    padding-right: 10px;
}

    #divMessagesItems .emojione {
        max-width: 22px;
    }

.divMessagesDateDelimiter {
    background-color: #E2E2E2;
    padding: 5px 10px 5px 10px;
    border-radius: 6px;
    width: auto;
    margin-bottom: 10px;
    display: inline-flex;
}

.divMessageFromContainer {
    width: 100%;
    margin-bottom: 20px;
}


.divMessageFrom {
    display: inline-block;
    -webkit-border-radius: 10px;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-bottomright: 0;
    border-radius: 10px;
    border-bottom-right-radius: 0;
    background-color: #C6EAD4;
    padding: 10px;
    width: auto;
    min-width: 5%;
    max-width: 85%;
    text-align: left;
    word-break: break-word;
}

    .divMessageFrom a {
        font-weight: 600;
    }

        .divMessageFrom a:hover {
            text-decoration: underline;
        }

.divMessageToContainer {
    width: 100%;
    margin-bottom: 20px;
}

.divMessageTo {
    display: inline-block;
    -webkit-border-radius: 10px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius: 10px;
    -moz-border-radius-bottomleft: 0;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    background-color: #F6F7D3;
    padding: 10px;
    width: auto;
    min-width: 5%;
    max-width: 85%;
    text-align: left;
    word-break: break-word;
}

    .divMessageTo a {
        font-weight: 600;
    }

        .divMessageTo a:hover {
            text-decoration: underline;
        }

.divChatMessagesFiles {
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
}

    .divChatMessagesFiles .playIcon {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        color: rgba(255, 255, 255, 0.7);
    }

        .divChatMessagesFiles .playIcon:hover {
            color: rgba(190, 49, 49, 1);
        }

        .divChatMessagesFiles .playIcon.playIconFirstMedia {
            font-size: 50pt;
        }

        .divChatMessagesFiles .playIcon.playIconOthersMedia {
            font-size: 22pt;
        }

.divChatMessagesSquareImageContainer {
    position: relative;
    max-width: 400px;
    max-height: 260px;
    padding: 5px;
    border-radius: 4px;
    float: left;
    cursor: pointer;
}

.divChatMessagesSquareImage {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

#divMessagesSendBox {
    padding: 10px 0px 10px 0px;
}

/*------------ Notifies --------------------------------*/
.badgeNotifies {
    position: absolute;
    right: -5px;
    bottom: -5px;
    padding: 2px 6px 2px 6px;
    color: #fff;
    background-color: rgb(98, 164, 90);
    border-radius: 2px;
    font-weight: bold;
}

#divNotifiesContainer {
    display: none;
    width: 0px;
    background-color: #F0F2F5;
    z-index: 2147483647 !important;
}

#divNotifiesContents {
    padding-right: 10px;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}

#divNotifiesItems .list-group-item {
    padding: 0.55rem 5px 0.55rem 5px !important;
    border: unset !important;
    cursor: pointer;
}

.notifyUnread {
    background-color: #e1e1e1;
}

.divNotify .deleteNotify {
    visibility: hidden;
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 5px;
    background-color: rgba(246, 246, 246, 0.8);
}

.divNotify:hover .deleteNotify {
    visibility: visible;
}
/*------------------------------------------------------*/

/*------------------------------ Posts --------------------------------------------------------------------------------------------------*/
.simplebar-scrollbar::before {
    background-color: #9f9f9f;
}

.flagsPosts {
    width: 22px;
    margin-right: 15px;
}

.post.card {
    margin-bottom: 40px;
}

    .post.card .emojione {
        max-width: 22px;
    }

    .post.card .card-header {
        background-color: #343a40 !important;
        color: #fff !important;
    }

        .post.card .card-header .postCallsign {
            color: #fff !important;
        }

    .post.card .card-media {
        text-align: center;
    }

        .post.card .card-media .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
            padding-left: 5px !important;
            padding-right: 5px !important;
            padding-bottom: 10px !important;
        }

        .post.card .card-media .playIcon {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            color: rgba(255, 255, 255, 0.7);
        }

            .post.card .card-media .playIcon:hover {
                color: rgba(190, 49, 49, 1);
            }

            .post.card .card-media .playIcon.playIconFirstMedia {
                font-size: 50pt;
            }

            .post.card .card-media .playIcon.playIconOthersMedia {
                font-size: 22pt;
            }

    .post.card .card-footer {
        background-color: #fff !important;
    }

    .post.card .othersMedia {
        margin: 10px 5px 5px 5px;
    }

    .post.card .firstMedia {
        width: auto;
        max-height: 400px;
    }

    .post.card .otherMedia {
        object-fit: cover;
        width: 100%;
        height: 120px;
        border-radius: 2px;
    }

    .post.card .postComment {
        display: none;
        margin-top: 10px;
        background-color: #fff;
    }

        .post.card .postComment .divPostCommentContent {
            margin-bottom: 10px;
            overflow-x: hidden;
            overflow-y: auto;
        }

        .post.card .postComment .list-group {
            padding-left: 5px !important;
            padding-right: 20px !important;
        }

        .post.card .postComment .list-group-item {
            margin-bottom: 10px;
            padding: 10px 0px 10px 0px !important;
            border: unset;
        }

        .post.card .postComment .postTextComment {
            display: inline-table;
            padding: 10px;
            margin-top: 10px;
            background-color: #ebebeb;
            border-radius: 0px 8px 8px 8px;
        }

        .post.card .postComment .emojionearea-picker {
            right: 0px !important;
        }

.badge-progress-green {
    background-color: #47894C;
    color: #fff;
}

.badge-progress-yellow {
    background-color: #CABD30;
    color: #000;
}

.badge-progress-orange {
    background-color: #E4921C;
    color: #000;
}

.badge-progress-red {
    background-color: #AC0000;
    color: #fff;
}

/* Custom video-js.css */
.video-js .vjs-big-play-button {
    top: unset !important;
    left: unset !important;
    right: 10px !important;
    bottom: 10px !important;
    font-size: 2em !important;
}

.vjs-big-play-button {
    background-color: rgba(172, 0, 0, 0.8) !important;
    border: none !important;
}

.divImgContactThumbnail {
    position: relative;
}

.onlineMemberPhoto {
    position: absolute;
    right: -5px;
    bottom: -5px;
}