.hac {
    text-align: center !important;
}

.hal {
    text-align: left !important;
}

.har {
    text-align: right !important;
}

.vam {
    vertical-align: middle !important;
}

.vat {
    vertical-align: top !important;
}

.vab {
    vertical-align: bottom !important;
}

.p0 {
    padding: 0px !important;
}

.p5 {
    padding: 5px !important;
}

.p8 {
    padding: 8px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p40 {
    padding: 40px !important;
}

.p50 {
    padding: 50px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb8 {
    padding-bottom: 8px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl8 {
    padding-left: 8px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr8 {
    padding-right: 8px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.m0 {
    margin: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m40 {
    margin: 40px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mtm5 {
    margin-top: -5px !important;
}

.mtm10 {
    margin-top: -10px !important;
}

.mtm15 {
    margin-top: -15px !important;
}

.mtm20 {
    margin-top: -20px !important;
}

.mtm25 {
    margin-top: -25px !important;
}

.mtm30 {
    margin-top: -30px !important;
}

.mtm40 {
    margin-top: -40px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.ml0 {
    margin-left: 0px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.mlm5 {
    margin-left: -5px !important;
}

.mlm10 {
    margin-left: -10px !important;
}

.mlm15 {
    margin-left: -15px !important;
}

.mlm20 {
    margin-left: -20px !important;
}

.mlm25 {
    margin-left: -25px !important;
}

.mlm30 {
    margin-left: -30px !important;
}

.mlm40 {
    margin-left: -40px !important;
}

.mlm50 {
    margin-left: -50px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mrm5 {
    margin-right: -5px !important;
}

.mrm10 {
    margin-right: -10px !important;
}

.mrm15 {
    margin-right: -15px !important;
}

.mrm20 {
    margin-right: -20px !important;
}

.mrm25 {
    margin-right: -25px !important;
}

.mrm30 {
    margin-right: -30px !important;
}

.mrm40 {
    margin-right: -40px !important;
}

.dn {
    display: none !important;
}

.db {
    display: block !important;
}

.dib {
    display: inline-block !important;
}

.s12 {
    font-size: 12px !important;
}

.s14 {
    font-size: 14px !important;
}

.s16 {
    font-size: 16px !important;
}

.s18 {
    font-size: 18px !important;
}

.s20 {
    font-size: 20px !important;
}

.w100 {
    font-weight: 100;
}

.w200 {
    font-weight: 200;
}

.w300 {
    font-weight: 300;
}

.w400 {
    font-weight: 400;
}

.w500 {
    font-weight: 500;
}

.w600 {
    font-weight: 600;
}

.w700 {
    font-weight: 700;
}

.w800 {
    font-weight: 800;
}

.w900 {
    font-weight: 900;
}

.page-topbar {
    background-color: #0E1219;
}

.page-topbar {
    z-index: 10000;
}

.btn-danger,
.alert-danger {
    background-color: #DB0007 !important;
    color: #fff !important;
}

.btn-toolbar-columns-chb {
    background-color: #F36 !important;
    color: #fff !important;
}

.btn-success,
.btn-toolbar-display-all,
.alert-success {
    background-color: #03AC13 !important;
    color: #fff !important;
}

    .btn-danger:focus,
    .btn-success:focus,
    .btn-toolbar-columns-chb:focus,
    .btn-toolbar-display-all:focus {
        color: #fff !important;
    }

.page-topbar {
    background-image: url(/Content/img/aptenergy_scel/bckTop.png);
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.page-topbar .quick-area .info-menu li a.toggle,
.page-topbar .quick-area .info-menu li a.toggle_chat,
.page-topbar .quick-area .info-menu li a.sidebar_toggle,
.page-topbar .quick-area .info-menu li.fullscreen-li a.fullscreen-a {
    color: #fefefe;
}

    .page-topbar .quick-area .info-menu li a.toggle:hover,
    .page-topbar .quick-area .info-menu li a.toggle:active,
    .page-topbar .quick-area .info-menu li a.toggle:focus,
    .page-topbar .quick-area .info-menu li a.toggle_chat:hover,
    .page-topbar .quick-area .info-menu li a.toggle_chat:active,
    .page-topbar .quick-area .info-menu li a.toggle_chat:focus,
    .page-topbar .quick-area .info-menu li a.sidebar_toggle:hover,
    .page-topbar .quick-area .info-menu li a.sidebar_toggle:active,
    .page-topbar .quick-area .info-menu li a.sidebar_toggle:focus,
    .page-topbar .quick-area .info-menu li.fullscreen-li a.fullscreen-a:hover,
    .page-topbar .quick-area .info-menu li.fullscreen-li a.fullscreen-a:active,
    .page-topbar .quick-area .info-menu li.fullscreen-li a.fullscreen-a:focus {
        color: #18E8E6;
        border-color: #14C4C1;
    }

.page-topbar .logo-area {
    background-image: url(/Content/img/aptenergy_scel/logoL.png);
    background-color: #0E1219;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.page-topbar.sidebar_shift .logo-area {
    background-image: url(/Content/img/aptenergy_scel/logoS.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #0E1219;
    background-size: 48px;
    background-position-x: 10px;
}

.page-sidebar,
.page-chatapi {
    background-color: #B4E8EB;
}

.page-topbar.chat_shift .logo-area .page-sidebar,
.page-topbar.chat_shift .logo-area {
    background-color: #b2c9db
}

#main-menu-wrapper li a {
    color: #0E1219;
}

#main-menu-wrapper li a:hover,
#main-menu-wrapper li a:active,
#main-menu-wrapper li a:focus {
    background-color: #0E1219;
    border-left: 4px solid #4bfaf8;
    color: #4bfaf8;
}

#main-menu-wrapper .menusection {
    color: rgb(0, 69, 113);
}

#main-menu-wrapper li.open a {
    background-color: #0E1219;
    border-left: 4px solid #4bfaf8;
    color: #4bfaf8;
}

.page-sidebar.chat_shift,
.page-sidebar.chat_shift .wraplist,
.page-sidebar.collapseit,
.page-sidebar.collapseit .wraplist {
    background-color: #0E1219;
}

    .page-sidebar.chat_shift #main-menu-wrapper .wraplist li:hover a,
    .page-sidebar.collapseit #main-menu-wrapper .wraplist li:hover a {
        background-color: #262A31;
        color: #4bfaf8;
        box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
        -webkit-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
        -moz-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
        -o-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
        -ms-box-shadow: 0 0 20px 0 rgba(33,33,33,.2);
        border-left: 4px solid #4bfaf8;
    }

#main-menu-wrapper li.open .sub-menu a.active,
#main-menu-wrapper li.open .sub-menu a:hover,
#main-menu-wrapper li .sub-menu a:hover {
    background-color: rgba(0, 0, 0, 0.25);
    border-left: 4px solid #0E1219;
}

#main-menu-wrapper li.open .sub-menu a {
    background-color: transparent;
    color: #0E1219;
}

#main-menu-wrapper li .sub-menu a {
    padding-left: 20px !important;
}

#main-menu-wrapper li .label {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: 3px 7px;
    float: right;
    margin: 15px 15px 0 0;
    position: absolute;
    right: 20px;
    border-radius: 8px;
}

    #main-menu-wrapper li .label.nosubmenu {
        right: 15px;
        margin-top: 13px;
    }

.profile-info .profile-details h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-sidebar.chat_shift #main-menu-wrapper .wraplist li:hover .sub-menu a,
.page-sidebar.collapseit #main-menu-wrapper .wraplist li:hover .sub-menu a {
    color: #4bfaf8;
    background: #262A31;
}

.page-sidebar.chat_shift .wraplist li:hover .sub-menu,
.page-sidebar.collapseit .wraplist li:hover .sub-menu {
    background-color: #262A31;
}

.page-sidebar.chat_shift #main-menu-wrapper .wraplist li.open .sub-menu a:hover,
.page-sidebar.chat_shift #main-menu-wrapper .wraplist li .sub-menu a:hover,
.page-sidebar.collapseit #main-menu-wrapper .wraplist li.open .sub-menu a:hover,
.page-sidebar.collapseit #main-menu-wrapper .wraplist li .sub-menu a:hover {
    background-color: #0E1219;
    border-left: 4px solid #4bfaf8;
}

body.login_page {
    /*background-color: #102F43;
    background-image: url(../img/aptenergy_demo/login-bg.png);*/
    background-color: #18e8e6; /*#102f43;*/
    background-image: url("/Content/img/aptenergy_scel/endless-constellation.png");
    background-attachment: fixed;
    background-position: center;
    background-size: contain;
    background-repeat: repeat;
}

#login {
    background: rgba(38, 42, 49, 0.85);
    border-radius: 10px;
    border: 2px rgba(38, 42, 49, 1);
}

.loginpage h1 a {
    /*background: rgba(255,255,255,0.2);*/
    background-image: url(/Content/img/aptenergy_scel/logoL.png);
    background-size: contain;
    /*border-radius: 5px;*/
}

.loginpage h1 {
    background: #0E1219;
    padding: 10px;
    border-radius: 15px;
}

.loginpage h1,
.loginpage h2 {
    color: #FFF;
    font-weight: 600;
}

.loginpage label {
    font-weight: 600;
}

.loginpage #SmallMain_ForgotPasswordHyperLink {
    font-weight: 600;
    color: #fff !important;
}

.loginpage input {
    margin-bottom: 5px !important;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none !important;
}

.loginpage input[type=submit],
.btn-resetpassconf-orange {
    background-color: #0E1219 !important;
    color: #fff !important;
    border: 2px solid #0E1219;
}

    .loginpage input[type=submit]:hover,
    .btn-resetpassconf-orange {
        background-color: rgba(0,0,0,0) !important;
        color: #FFF !important;
        border: 2px solid #fff;
    }

.loginpage form .input, .loginpage form input[type=checkbox], .loginpage input[type=text] {
    color: #102F43 !important;
}

.loginpage .err {
    background: #DB0007;
    font-size: 18px;
    width: 100%;
    /*line-height: 25px;*/
    margin: 5px 0 15px 0;
    border: 1px solid transparent !important;
    color: #FFF;
    display: block;
    border-radius: 4px;
    margin-top: 0px;
    margin-bottom: 5px;
    padding: 4px 9px;
}

.loginpage .forgetmenot {
    display: none !important;
}

.input-group.primary .input-group-addon,
.input-group.primary .input-group-btn button,
.input-group.primary input.btn {
    border-color: rgb(0, 69, 113);
    background-color: rgb(0, 69, 113);
    color: #ffffff;
}

.form-control {
    color: #444;
}

    .form-control:focus,
    .has-focus .form-control {
        background: #f8f8f8;
        border-color: rgb(0, 69, 113);
    }

.input-group-addon .desc {
    font-size: 13px;
    color: #AAAAAA;
    margin-left: 15px;
}

.badge-orange,
.label-orange {
    background-color: rgb(229, 114, 0);
    color: rgb(0, 69, 113);
    font-weight: 700;
}

.btn.btn-success {
    background: #4CAF50 !important;
    color: #ffffff !important;
}

.btn.btn-danger {
    background: #f44336 !important;
    color: #ffffff !important;
}

.btn-orange,
#btnReadAll {
    background-color: #f36;
    color: #fff;
}

    .btn-orange:hover {
        background-color: transparent;
        color: #f36;
        border: 2px solid #f36;
    }

.btn-toolbar-display-all {
    background: #4CAF50 !important;
    color: #fff !important;
}

.btn-toolbar-columns-chb {
    background: #f44336 !important;
    color: #fff !important;
}

    .btn-toolbar-columns-chb:focus,
    .btn-toolbar-display-all:focus {
        color: #fff !important;
    }

.select2-results .select2-highlighted,
.s2-to-tree.select2-container li.select2-results__option[aria-selected="true"] > span.item-label,
.s2-to-tree.select2-container .select2-results__option--highlighted[aria-selected] > span.item-label {
    background: rgb(0, 69, 113);
    color: rgb(229, 114, 0);
}

.select2-drop-active {
    border: 1px solid rgb(0, 69, 113);
    border-top: none;
}

.form-control.select2-container.select2-dropdown-open {
    border-color: rgb(0, 69, 113);
    /*border-radius: 3px 3px 0 0;*/
}

.select2-search input {
    border: 1px solid rgb(0, 69, 113);
}

.select2-container .select2-choice {
    color: #444;
}

.select2-results .select2-disabled {
    display: none;
}

.datepicker.datepicker-dropdown {
    border: 1px solid rgb(0, 69, 113) !important;
}

.datepicker-days tfoot .today {
    background: rgb(229, 114, 0) !important;
    color: rgb(0, 69, 113) !important;
    cursor: pointer !important;
}

.datepicker-days tfoot .clear {
    background: #bfddef !important;
    color: rgb(0, 69, 113) !important;
    cursor: pointer !important;
}

.datepicker td.day.disabled {
    color: #aaaaaa !important;
}

.datepicker td.today {
    background-color: rgb(229, 114, 0) !important;
    color: rgb(0, 69, 113) !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
}

.datepicker td.active.active {
    background-color: rgb(0, 69, 113) !important;
    color: rgb(229, 114, 0) !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover {
    background-color: rgb(0, 69, 113) !important;
    color: rgb(229, 114, 0) !important;
}

.datepicker:before {
    border-bottom-color: rgb(0, 69, 113) !important;
}

.divGrvContracts_toolbar .focus-btn-group .btn-primary,
.divGrvBettaTradedCounterparties_toolbar .focus-btn-group .btn-primary,
.divGrvBettaTradedNetPositions_toolbar .focus-btn-group .btn-primary,
.divGrvCFDPositionsCounterparties_toolbar .focus-btn-group .btn-primary,
.divGrvCFDNetPositions_toolbar .focus-btn-group .btn-primary,
.divGrvFTRPositionsCounterparties_toolbar .focus-btn-group .btn-primary,
.divGrvFTRNetPositions_toolbar .focus-btn-group .btn-primary,
.divGrvReconciliation_toolbar .focus-btn-group .btn-primary,
.divGrvReconciliationCounterPartyPerDayReport_toolbar .focus-btn-group .btn-primary,
.divGrvTradeVolumeReconciliation_toolbar .focus-btn-group .btn-primary,
.divGrvCounterparty_toolbar .focus-btn-group .btn-primary,
.divGrvUsers_toolbar .focus-btn-group .btn-primary,
.divGrvReportTemplates_toolbar .focus-btn-group .btn-primary,
.divGrvETSMessages_toolbar .focus-btn-group .btn-primary,
.divGrvSystemMessages_toolbar .focus-btn-group .btn-primary,
.divGrvElexonMessages_toolbar .focus-btn-group .btn-primary,
.divGrvBook_toolbar .focus-btn-group .btn-primary,
.btn-refresh {
    background: #03A9F4 !important;
    color: #ffffff !important;
}

table tbody tr.focused th,
table tbody tr.focused td {
    background: #03A9F4 !important;
    color: #ffffff !important;
}

    table tbody tr.focused th .fa.fa-check-circle,
    table tbody tr.focused td .fa.fa-check-circle,
    table tbody tr.focused th .fa.fa-times-circle,
    table tbody tr.focused td .fa.fa-times-circle,
    table tbody tr.focused th .fas.fa-external-link-alt,
    table tbody tr.focused td .fas.fa-external-link-alt,
    table tbody tr.focused th .fad.fa-columns,
    table tbody tr.focused td .fad.fa-columns,
    .grvContracts.focus-on tr.focused td .fas.fa-info-circle,
    .grvContracts.focus-on tr.focused td .fas.fa-plus-circle,
    .grvContracts.focus-on tr.focused td .fas.fa-external-link-alt {
        background: #FFF !important;
        border: 2px solid #FFF;
        border-radius: 20px;
    }

    .grvContracts.focus-on tr.focused td .fas.fa-external-link-alt,
    table tbody tr.focused td .fas.fa-external-link-alt {
        border-width: 4px;
    }

table.focus-on tbody tr.unfocused th,
table.focus-on tfoot tr.unfocused th,
table.focus-on tbody tr.unfocused td,
table.focus-on tfoot tr.unfocused td {
    color: #333;
}

.grv_asc:after {
    right: 8px;
    float: right;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f161";
    color: #FFF;
}

.grv_desc:after {
    right: 8px;
    float: right;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f160";
    color: #FFF;
}

#divGrvContracts_dropdown_checkboxes,
#divGrvBettaTradedCounterparties_dropdown_checkboxes,
#divGrvBettaTradedNetPositions_dropdown_checkboxes,
#divGrvCFDPositionsCounterparties_dropdown_checkboxes,
#divGrvCFDNetPositions_dropdown_checkboxes,
#divGrvFTRPositionsCounterparties_dropdown_checkboxes,
#divGrvFTRNetPositions_dropdown_checkboxes,
#divGrvReconciliation_dropdown_checkboxes,
#divGrvReconciliationCounterPartyPerDayReport_dropdown_checkboxes,
#divGrvTradeVolumeReconciliation_dropdown_checkboxes,
#divGrvCounterparty_dropdown_checkboxes,
#divGrvUsers_dropdown_checkboxes,
#divGrvReportTemplates_dropdown_checkboxes,
#divGrvETSMessages_dropdown_checkboxes,
#divGrvSystemMessages_dropdown_checkboxes,
#divGrvElexonMessages_dropdown_checkboxes {
    max-height: 450px;
    overflow: auto;
}

.divGrvContracts_toolbar li.checkbox-row,
.divGrvBettaTradedCounterparties_toolbar li.checkbox-row,
.divGrvBettaTradedNetPositions_toolbar li.checkbox-row,
.divGrvCFDPositionsCounterparties_toolbar li.checkbox-row,
.divGrvCFDNetPositions_toolbar li.checkbox-row,
.divGrvFTRPositionsCounterparties_toolbar li.checkbox-row,
.divGrvFTRNetPositions_toolbar li.checkbox-row,
.divGrvReconciliation_toolbar li.checkbox-row,
.divGrvReconciliationCounterPartyPerDayReport_toolbar li.checkbox-row,
.divGrvTradeVolumeReconciliation_toolbar li.checkbox-row,
.divGrvCounterparty_toolbar li.checkbox-row,
.divGrvUsers_toolbar li.checkbox-row,
.divGrvReportTemplates_toolbar li.checkbox-row,
.divGrvETSMessages_toolbar li.checkbox-row,
.divGrvSystemMessages_toolbar li.checkbox-row,
.divGrvElexonMessages_toolbar li.checkbox-row,
.divGrvBook_toolbar li.checkbox-row {
    background: #b2c9db !important;
    padding: 3px 8px;
    color: rgb(0, 69, 113) !important;
}

    .divGrvContracts_toolbar li.checkbox-row:hover,
    .divGrvContracts_toolbar li.checkbox-row:active,
    .divGrvContracts_toolbar li.checkbox-row:focus,
    .divGrvBettaTradedCounterparties_toolbar li.checkbox-row:hover,
    .divGrvBettaTradedCounterparties_toolbar li.checkbox-row:active,
    .divGrvBettaTradedCounterparties_toolbar li.checkbox-row:focus,
    .divGrvBettaTradedNetPositions_toolbar li.checkbox-row:hover,
    .divGrvBettaTradedNetPositions_toolbar li.checkbox-row:active,
    .divGrvBettaTradedNetPositions_toolbar li.checkbox-row:focus,
    .divGrvCFDPositionsCounterparties_toolbar li.checkbox-row:hover,
    .divGrvCFDPositionsCounterparties_toolbar li.checkbox-row:active,
    .divGrvCFDPositionsCounterparties_toolbar li.checkbox-row:focus,
    .divGrvCFDNetPositions_toolbar li.checkbox-row:hover,
    .divGrvCFDNetPositions_toolbar li.checkbox-row:active,
    .divGrvCFDNetPositions_toolbar li.checkbox-row:focus,
    .divGrvFTRPositionsCounterparties_toolbar li.checkbox-row:hover,
    .divGrvFTRPositionsCounterparties_toolbar li.checkbox-row:active,
    .divGrvFTRPositionsCounterparties_toolbar li.checkbox-row:focus,
    .divGrvFTRNetPositions_toolbar li.checkbox-row:hover,
    .divGrvFTRNetPositions_toolbar li.checkbox-row:active,
    .divGrvFTRNetPositions_toolbar li.checkbox-row:focus,
    .divGrvReconciliation_toolbar li.checkbox-row:hover,
    .divGrvReconciliation_toolbar li.checkbox-row:active,
    .divGrvReconciliation_toolbar li.checkbox-row:focus,
    .divGrvReconciliationCounterPartyPerDayReport_toolbar li.checkbox-row:hover,
    .divGrvReconciliationCounterPartyPerDayReport_toolbar li.checkbox-row:active,
    .divGrvReconciliationCounterPartyPerDayReport_toolbar li.checkbox-row:focus,
    .divGrvTradeVolumeReconciliation_toolbar li.checkbox-row:hover,
    .divGrvTradeVolumeReconciliation_toolbar li.checkbox-row:active,
    .divGrvTradeVolumeReconciliation_toolbar li.checkbox-row:focus,
    .divGrvCounterparty_toolbar li.checkbox-row:hover,
    .divGrvCounterparty_toolbar li.checkbox-row:active,
    .divGrvCounterparty_toolbar li.checkbox-row:focus,
    .divGrvUsers_toolbar li.checkbox-row:hover,
    .divGrvUsers_toolbar li.checkbox-row:active,
    .divGrvUsers_toolbar li.checkbox-row:focus,
    .divGrvReportTemplates_toolbar li.checkbox-row:hover,
    .divGrvReportTemplates_toolbar li.checkbox-row:active,
    .divGrvReportTemplates_toolbar li.checkbox-row:focus,
    .divGrvETSMessages_toolbar li.checkbox-row:hover,
    .divGrvETSMessages_toolbar li.checkbox-row:active,
    .divGrvETSMessages_toolbar li.checkbox-row:focus,
    .divGrvSystemMessages_toolbar li.checkbox-row:hover,
    .divGrvSystemMessages_toolbar li.checkbox-row:active,
    .divGrvSystemMessages_toolbar li.checkbox-row:focus,
    .divGrvElexonMessages_toolbar li.checkbox-row:hover,
    .divGrvElexonMessages_toolbar li.checkbox-row:active,
    .divGrvElexonMessages_toolbar li.checkbox-row:focus,
    .divGrvBook_toolbar li.checkbox-row:hover,
    .divGrvBook_toolbar li.checkbox-row:active,
    .divGrvBook_toolbar li.checkbox-row:focus {
        background: rgba(208, 219, 224, 0.8) !important;
    }

.divGrvContracts_toolbar ul.dropdown-menu,
.divGrvBettaTradedCounterparties_toolbar ul.dropdown-menu,
.divGrvBettaTradedNetPositions_toolbar ul.dropdown-menu,
.divGrvCFDPositionsCounterparties_toolbar ul.dropdown-menu,
.divGrvCFDNetPositions_toolbar ul.dropdown-menu,
.divGrvFTRPositionsCounterparties_toolbar ul.dropdown-menu,
.divGrvFTRNetPositions_toolbar ul.dropdown-menu,
.divGrvReconciliation_toolbar ul.dropdown-menu,
.divGrvReconciliationCounterPartyPerDayReport_toolbar ul.dropdown-menu,
.divGrvTradeVolumeReconciliation_toolbar ul.dropdown-menu,
.divGrvCounterparty_toolbar ul.dropdown-menu,
.divGrvUsers_toolbar ul.dropdown-menu,
.divGrvReportTemplates_toolbar ul.dropdown-menu,
.divGrvETSMessages_toolbar ul.dropdown-menu,
.divGrvSystemMessages_toolbar ul.dropdown-menu,
.divGrvElexonMessages_toolbar ul.dropdown-menu,
.divGrvBook_toolbar ul.dropdown-menu {
    border: 2px solid #c62828 !important;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    border: 0px;
}

#divGrvContracts_dropdown_checkboxes li:nth-child(17),
#divGrvContracts_dropdown_checkboxes li:nth-child(17) input,
#divGrvContracts_dropdown_checkboxes li:nth-child(18),
#divGrvContracts_dropdown_checkboxes li:nth-child(18) input,
#divGrvUsers_dropdown_checkboxes li:nth-child(8),
#divGrvUsers_dropdown_checkboxes li:nth-child(9),
#divGrvUsers_dropdown_checkboxes li:nth-child(8) input,
#divGrvUsers_dropdown_checkboxes li:nth-child(9) input,
#divGrvReportTemplates_dropdown_checkboxes li:nth-child(9),
#divGrvReportTemplates_dropdown_checkboxes li:nth-child(10),
#divGrvReportTemplates_dropdown_checkboxes li:nth-child(9) input,
#divGrvReportTemplates_dropdown_checkboxes li:nth-child(10) input,
#divGrvCounterparty_dropdown_checkboxes li:nth-child(5),
#divGrvCounterparty_dropdown_checkboxes li:nth-child(6),
#divGrvCounterparty_dropdown_checkboxes li:nth-child(5) input,
#divGrvCounterparty_dropdown_checkboxes li:nth-child(6) input {
    height: 0px !important;
    padding: 0px !important;
    display: none;
}

.btn, #main-menu-wrapper li a {
    font-weight: 500;
}

.btn-delete::before, .btn-edit::before, .btn-more::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.btn-delete, .btn-edit, .btn-more {
    border-radius: 3px;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

.btn-edit {
    content: '\f044';
}

.btn-delete {
    content: '\f057';
}

.pagination > li > a:hover,
.pagination > li > span:hover {
    color: #025a98 !important;
    background-color: rgb(229, 114, 0) !important;
    border-color: rgb(229, 114, 0) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    color: #fff !important;
    background-color: #025a98 !important;
    border-color: #025a98 !important;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: #025a98 !important;
    color: #FFF !important;
}

.ms-container .ms-selected {
    background-color: #03AC13 !important;
    color: #fff;
}

.ms-container .ms-list.ms-focus {
    border-color: #025a98 !important;
}

.ms-container {
    margin-top: 0px !important;
}

    .ms-container .ms-selection > input,
    .ms-container .ms-selectable > input {
        width: 100% !important;
    }

    .ms-container .ms-elem-selection,
    .ms-container .ms-elem-selectable {
        margin: 10px 0px;
        padding: 5px;
    }

    .ms-container .ms-selectable .ms-elem-selectable,
    .ms-container .ms-selection .ms-elem-selectable {
        border-left: 4px#025a98 solid !important;
    }

        .ms-container .ms-selectable .ms-elem-selectable.ms-option-active,
        .ms-container .ms-selection .ms-elem-selectable.ms-option-active,
        .ms-container .ms-selectable .ms-elem-selected.ms-option-active,
        .ms-container .ms-selection .ms-elem-selection.ms-option-active {
            border-left: 4px solid rgba(255, 51, 102, 1) !important;
        }

ul.ms-list {
    list-style-type: none;
    padding-left: 0px;
    outline: none !important;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
    color: #333;
}

#btnLoadFromFileVolume,
#btnUploadFile,
#gridConfirmMdl_btnuploadfile {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}

#a_btnLoadFromFileVolume:hover,
#a_btnLoadFromFileVolume:focus,
#a_btnLoadFromFileVolume:active,
#a_btnUploadFile:hover,
#a_btnUploadFile:focus,
#a_btnUploadFile:active,
#a_gridConfirmMdl_btnuploadfile:hover,
#a_gridConfirmMdl_btnuploadfile:focus,
#a_gridConfirmMdl_btnuploadfile:active {
    font-size: 28px;
    padding-top: 5px !important;
}

.btn-floating {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    width: 47px;
    height: 47px;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
}

.bg-secondary-deleted {
    background-color: #cecece !important;
    color: #919191 !important;
}

.page-topbar .quick-area .info-menu li .dropdown-menu {
    width: 320px !important;
    box-shadow: 2px 4px 4px 3px rgba(0, 69, 113, 0.5);
}

.page-topbar li .dropdown-menu li.unread .name,
.page-topbar li .dropdown-menu li.unread .desc,
.page-topbar li .dropdown-menu li.unread .name .time {
    color: rgba(118, 118, 118, 1.0);
}

.page-topbar li .dropdown-menu li.external a {
    color: #3F51B5;
    font-size: 13px;
}

.page-topbar li .dropdown-menu li.list {
    height: auto;
}
/*
.page-topbar .quick-area .info-menu li a.toggle .badge {
    min-width: 18px;
    width: auto;
    position: relative;
    margin: 5px 0 2px 0;
}
*/
.page-topbar li .dropdown-menu.profile li {
    background-color: #262A31 !important;
    color: #4BFAF8 !important;
}

    .page-topbar li .dropdown-menu.profile li.last a,
    .page-topbar li .dropdown-menu.profile li a {
        background-color: #262A31 !important;
        color: #4BFAF8 !important;
        border: 1px solid #262A31;
    }

        .page-topbar li .dropdown-menu.profile li.last a:hover,
        .page-topbar li .dropdown-menu.profile li a:hover {
            background-color: #bfddef !important;
            color: #4BFAF8 !important;
        }

.rcn-warning {
    background: rgba(255,193,7,0.78);
    padding: 3px 8px;
    color: #333;
    font-weight: 600;
}

    .rcn-warning a {
        color: #333 !important;
        margin-left: -10px !important;
        font-size: 16px !important;
        margin-right: 5px !important;
    }

.rcn-danger {
    background: rgba(244,67,54,1.0);
    padding: 3px 8px;
    color: #FFF;
    font-weight: 600;
}

    .rcn-danger a {
        color: #FFF !important;
        margin-left: -10px !important;
        font-size: 16px !important;
        margin-right: 5px !important;
    }

.rcn-success {
    background: rgba(76,175,80,0.85);
    padding: 3px 8px;
    color: #333;
    font-weight: 600;
}

    .rcn-success a {
        color: #333 !important;
        margin-left: -10px !important;
        font-size: 16px !important;
        margin-right: 5px !important;
    }

.rcn-secondary {
    background: rgba(158,158,158,0.33);
    padding: 3px 8px;
    color: #333;
    font-weight: 600;
}

.rcn-our-trade {
    background: rgb(0, 69, 113) !important;
    padding: 3px 8px;
    color: #FFF;
}

.table-striped > tbody > tr.rcn-our-trade:nth-of-type(odd) {
    background-color: rgba(0, 69, 113,0.95) !important;
}

.rcn-notification {
    background: #b2c9db !important;
    padding: 3px 8px;
    color: rgb(0, 69, 113);
}

.table-striped > tbody > tr.rcn-notification:nth-of-type(odd) {
    background-color: rgba(178,201,219,0.87) !important;
}

.rcn-our-trade a,
.rcn-notification a {
    color: #FFF !important;
    margin-left: -10px !important;
    font-size: 16px !important;
    margin-right: 5px !important;
}

.rcn-our-trade td.val_zero {
    background-color: rgba(255,255,255,0.3);
}

.rcn-notification td.val_zero {
    background-color: rgba(133,133,133,0.2);
}

.grvBettaTradedCounterparties td.val_zero,
.grvFTRPositionsCounterparties td.val_zero,
.grvCFDPositionsCounterparties td.val_zero {
    color: rgba(51,51,51,0.5);
}

.table-responsive table thead {
    background: rgba(158,158,158,0.33) !important;
    padding: 3px 8px;
    color: #333;
    font-weight: 600;
}

    .table-responsive table thead tr th {
        border-bottom: 2px solid #f36 !important;
        background-color: #025a98;
    }

        .table-responsive table thead tr th a {
            color: #FFF;
            font-weight: 600 !important;
        }

            .table-responsive table thead tr th a:hover,
            .table-responsive table thead tr th a:active,
            .table-responsive table thead tr th a:focus {
                color: #AAA;
            }

    .table-responsive table thead tr th {
        color: #FFF;
        font-weight: 600 !important;
    }

.sticky-table-header table thead tr th {
    padding-bottom: 3px !important;
}

@keyframes blink-closing-period {
    0% {
        border-right: 4px solid rgb(234, 234, 234);
    }

    50% {
        border-right: 4px solid #757575;
    }

    100% {
        border-right: 4px solid rgb(234, 234, 234);
    }
}

.closing-period {
    animation: blink-closing-period .5s step-end infinite alternate;
}

@keyframes blink-drill-down-closing-period {
    0% {
        border-right: 4px solid rgba(255,193,7,0.78);
    }

    50% {
        border-right: 4px solid rgba(244,67,54,1.0);
    }

    100% {
        border-right: 4px solid rgba(255,193,7,0.78);
    }
}

.drill-down-closing-period,
.closing-period {
    animation: blink-drill-down-closing-period .5s step-end infinite alternate;
}

@keyframes blick-rcn-warning-danger {
    0% {
        background: rgba(255,193,7,0.78);
        color: #333;
    }

    50% {
        background: rgba(244,67,54,1.0);
        color: #FFF;
    }

    100% {
        background: rgba(255,193,7,0.78);
        color: #333;
    }
}

.rcn-warning-danger {
    padding: 3px 8px;
    color: #333;
    font-weight: 600;
    animation: blick-rcn-warning-danger .5s step-end infinite alternate !important;
}

    .rcn-warning-danger a {
        margin-left: -10px !important;
        font-size: 16px !important;
        margin-right: 5px !important;
        /*animation: blick-rcn-warning-danger .5s step-end infinite alternate !important;*/
        color: #333;
    }

@keyframes blick-rcn-message {
    0% {
        background-color: rgb(229, 114, 0);
        color: rgb(0, 69, 113);
    }

    50% {
        background: rgba(244,67,54,1.0);
        color: #FFF;
    }

    100% {
        background-color: rgb(229, 114, 0);
        color: rgb(0, 69, 113);
    }
}

.rcn-message {
    padding: 3px 8px;
    color: #333;
    font-weight: 600;
    animation: blick-rcn-message .5s step-end infinite alternate !important;
}

#menu-london-time {
    color: #FFF;
}

#menu-closes-in {
    border-radius: 5px;
    color: #FFF;
}

    #menu-closes-in.rcn-danger {
        color: #FFF !important;
    }

    #menu-closes-in.rcn-warning {
        color: #102F43 !important;
    }

#menu-london-time-value {
    font-weight: 600;
}

#menu-closes-in-value {
    font-weight: 600;
}

#grvReconciliationCounterPartyPerDayReport th,
#grvReconciliationCounterPartyPerDayReport td {
    min-width: 80px !important;
    white-space: nowrap !important;
}

#grvReconciliationPerDayReport th,
#grvReconciliationPerDayReport td {
    min-width: 80px !important;
    white-space: nowrap !important;
}

li.fullscreen-li {
    position: fixed !important;
    top: 0px;
    right: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    top: 0px;
}

thead th.Edit,
thead th.Delete {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
}

#dashboard-settings .modal-header,
#dashboard-settings .modal-footer,
.settings-dashboard-control .modal-header,
.settings-dashboard-control .modal-footer {
    background-color: #223e50;
    color: #FFF;
}

#dashboard-settings .modal-content,
.settings-dashboard-control .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(16, 47, 67,.45);
    box-shadow: 0 5px 15px rgba(16, 47, 67,.45);
    border: 1px solid rgba(16, 47, 67,0.4);
}

#dashboard-settings .modal-title,
.settings-dashboard-control .modal-title {
    color: #FFF;
    font-weight: 600;
}

#dashboard-settings .modal-body,
.settings-dashboard-control .modal-body {
    color: #333;
    font-weight: 600;
}

.dash1control .box-default {
    border: 1px solid rgba(16,47,67, 0.9);
    box-shadow: 0 1px 3px rgba(16,47,67,.9);
    -webkit-box-shadow: 0 1px 3px rgba(16,47,67,.9);
}

.settings-dashboard-control .badge-default {
    background-color: rgba(16,47,67,1.0);
}

.dash1control .box-orange {
    border: 1px solid rgba(253,106,2, 0.90);
    box-shadow: 0 1px 3px rgba(253,106,2, 0.90);
    -webkit-box-shadow: 0 1px 3px rgba(253,106,2, 0.90);
}

.settings-dashboard-control .badge-orange {
    background-color: rgba(253,106,2, 1.0);
}

.dash1control .box-green {
    border: 1px solid rgba(3,172,19, 0.90);
    box-shadow: 0 1px 3px rgba(3,172,19, 0.90);
    -webkit-box-shadow: 0 1px 3px rgba(3,172,19, 0.90);
}

.settings-dashboard-control .badge-green {
    background-color: rgba(3,172,19, 1.0);
}

.dash1control .box-blue {
    border: 1px solid rgba(2, 136, 209, 0.90);
    box-shadow: 0 1px 3px rgba(2, 136, 209, 0.90);
    -webkit-box-shadow: 0 1px 3px rgba(2, 136, 209, 0.90);
}

.settings-dashboard-control .badge-blue {
    background-color: rgba(2, 136, 209, 1.0);
}

.dash1control .box-purple {
    border: 1px solid rgba(66,0,100, 0.90);
    box-shadow: 0 1px 3px rgba(66,0,100, 0.90);
    -webkit-box-shadow: 0 1px 3px rgba(66,0,100, 0.90);
}

.settings-dashboard-control .badge-purple {
    background-color: rgba(66,0,100, 1.0);
}

.dash1control .box-red {
    border: 1px solid rgba(228,0,125, 0.90);
    box-shadow: 0 1px 3px rgba(228,0,125, 0.90);
    -webkit-box-shadow: 0 1px 3px rgba(228,0,125, 0.90);
}

.settings-dashboard-control .badge-red {
    background-color: rgba(228,0,125, 1.0);
}

.dash1control .box-lime {
    border: 1px solid rgba(251,225,4, 0.90);
    box-shadow: 0 1px 3px rgba(251,225,4, 0.90);
    -webkit-box-shadow: 0 1px 3px rgba(251,225,4, 0.90);
}

.settings-dashboard-control .badge-lime {
    background-color: rgba(251,225,4, 1.0);
}

.dash1control .box-brown {
    border: 1px solid rgba(92,51,23, 0.90);
    box-shadow: 0 1px 3px rgba(92,51,23, 0.90);
    -webkit-box-shadow: 0 1px 3px rgba(92,51,23, 0.90);
}

.settings-dashboard-control .badge-brown {
    background-color: rgba(92,51,23, 1.0);
}

.dash1control .box-gray {
    border: 1px solid rgba(83,84,86, 0.90);
    box-shadow: 0 1px 3px rgba(83,84,86, 0.90);
    -webkit-box-shadow: 0 1px 3px rgba(83,84,86, 0.90);
}

.settings-dashboard-control .badge-gray {
    background-color: rgba(83,84,86, 1.0);
}

.settings-dashboard-control hr {
    margin: 7px 0;
}

.checkbox-inline,
.radio-inline {
    margin-left: 0px !important;
    margin-right: 10px !important;
    margin-top: 5px !important;
}

label.checkbox-inline .toggle.btn {
    border-radius: 16px;
}

    label.checkbox-inline .toggle.btn.btn-success {
        border: 1px solid #4CAF50;
    }

    label.checkbox-inline .toggle.btn.btn-danger {
        border: 1px solid #f44336;
    }

.page-topbar .quick-area .info-menu li a.toggle .badge {
    position: relative;
    margin: 0 0 0 0;
    width: 100%;
}
/*
.info-menu.list-inline > li {
    display: inline-flex;
}
*/
.page-topbar .quick-area .info-menu li {
    height: 60px;
}

    .page-topbar .quick-area .info-menu li a.toggle {
        top: 5px;
        text-decoration: none;
    }

.page-sidebar.chat_shift #main-menu-wrapper .wraplist li a,
.page-sidebar.collapseit #main-menu-wrapper .wraplist li a {
    color: #4bfaf8;
}

.page-sidebar.collapseit #main-menu-wrapper .wraplist li .fa,
.page-sidebar.collapseit #main-menu-wrapper .wraplist li .fas {
    width: 38px !important;
}

.page-sidebar.collapseit #main-menu-wrapper .wraplist li:hover .sub-menu a {
    padding-left: 0px !important;
}

.page-sidebar.collapseit #main-menu-wrapper .wraplist > li:hover {
    width: 290px !important;
}

    .page-sidebar.collapseit #main-menu-wrapper .wraplist > li:hover a {
        width: 290px !important;
    }

.page-sidebar.collapseit .wraplist li:hover .sub-menu {
    width: 230px !important;
}

.page-sidebar.collapseit #main-menu-wrapper .wraplist li:hover .sub-menu a {
    width: 230px !important;
}

.page-sidebar.collapseit .wraplist li:hover .title {
    width: 210px !important;
}

section.box .actions {
    margin: 0px 15px 0 15px;
    line-height: 30px;
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .input-group.primary .input-group-addon {
        display: block;
        width: 100%;
    }
}
/* Portrait phones and smaller */
@media (max-width: 480px) {
    .input-group.primary .input-group-addon {
        display: block;
        width: 100%;
    }
}

.bottom-logo .label {
    background-color: transparent;
}

.bottom-logo .label a {
    text-decoration: underline;
    color: #FFF;
}

    .bottom-logo .label,
    .bottom-logo .label a,
    .bottom-logo .label a:hover {
        color: #0E1219;
        font-size: small;
    }

.has-success .form-control,
.has-success .form-control:focus {
    border-color: #03AC13;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control,
.has-error .form-control:focus {
    border-color: #DB0007;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.swal2-title {
    word-wrap: break-word !important;
    word-break: break-all !important;
}

.swal2-icon.swal2-warning {
    border-color: #f44336 !important;
    color: #f44336 !important;
}

.swal2-confirm.swal2-styled {
    background-color: #f44336 !important;
}

.swal2-cancel.swal2-styled {
    background-color: #4CAF50 !important;
}

#main-menu-wrapper li a:hover .arrow,
#main-menu-wrapper li a:hover .arrow:before {
    color: #0E1219 !important;
}

#main-menu-wrapper li.open a .arrow:before {
    color: #4bfaf8 !important;
}
#main-menu-wrapper li a .arrow:before {
    color: #0E1219 !important;
}

.tooltip.bottom .tooltip-inner {
    background-color: rgb(0, 69, 113);
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: rgb(0, 69, 113);
}

.trade-notes-info {
    margin-right: 5px;
    color: #F36 !important;
    font-size: 16px !important;
}

    .trade-notes-info:hover,
    .trade-notes-info:active,
    .trade-notes-info:focus {
        color: #4CAF50 !important;
    }

.trade-notes-info-add {
    margin-right: 5px;
    color: #4CAF50 !important;
    font-size: 16px !important;
}

    .trade-notes-info-add:hover,
    .trade-notes-info-add:active,
    .trade-notes-info-add:focus {
        color: #F36 !important;
    }

.swal2-textarea:hover,
.swal2-textarea:focus,
.swal2-textarea:active {
    border-color: rgb(0, 69, 113) !important;
}

.box_toggle.fa.fa-chevron-down {
    color: #4CAF50;
}

.box_toggle.fa.fa-chevron-up {
    color: #f44336;
}

.btn-datatables-print, .btn-datatables-csv, .btn-datatables-pdf, .btn-datatables-copy {
    background-color: rgb(229, 114, 0) !important;
    color: rgb(0, 69, 113) !important;
    margin-left: 5px;
    margin-right: 5px;
}

    .btn-datatables-print:hover, .btn-datatables-csv:hover, .btn-datatables-pdf:hover, .btn-datatables-copy:hover {
        background-color: rgb(0, 69, 113) !important;
        color: rgb(229, 114, 0) !important;
    }

table.table.dataTable {
    width: 100% !important;
}

table.dataTable thead,
table.dataTable tfoot {
    background: rgba(158,158,158,0.33) !important;
    padding: 3px 8px;
    color: #333 !important;
    font-weight: 600;
}

    table.dataTable thead th,
    table.dataTable tfoot th {
        color: #333 !important;
        font-weight: 600;
        font-size: 14px;
    }

    table.dataTable thead tr th {
        border-bottom: 2px solid rgb(229, 114, 0) !important;
    }

    table.dataTable tfoot tr th {
        border-top: 2px solid rgb(229, 114, 0) !important;
    }

    table.dataTable thead .sorting:after {
        opacity: .4;
        color: #333;
        font-size: 12px;
    }

    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after,
    table.dataTable thead .sorting_desc:after,
    table.dataTable thead .sorting_asc_disabled:after,
    table.dataTable thead .sorting_desc_disabled:after {
        opacity: 1;
        color: #333;
        font-size: 12px;
    }

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 30px !important;
}

    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before,
    table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child:before {
        background-color: rgb(0, 69, 113) !important;
    }

table.dataTable tr.group td {
    background: #b2c9db !important;
    padding: 3px 8px;
    color: #102F43;
}

table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd,
table.dataTable.table-hover > tbody > tr:not(.group):hover {
    background-color: #eaeaea !important;
}

.divgrvIDC table.dataTable thead th,
.divgrvIDC table.dataTable tfoot th,
.divgrvDAA table.dataTable thead th,
.divgrvDAA table.dataTable tfoot th,
.divgrvIDC_SEMO table.dataTable thead th,
.divgrvIDC_SEMO table.dataTable tfoot th,
table.dataTable[aria-describedby = "grvIDC_IDCData_info"] thead th,
table.dataTable[aria-describedby = "grvIDC_IDCData_info"] tfoot th,
table.dataTable[aria-describedby = "grvDAA_DAAData_info"] thead th,
table.dataTable[aria-describedby = "grvDAA_DAAData_info"] tfoot th,
table.dataTable[aria-describedby = "grvIDC_SEMOData_info"] thead th,
table.dataTable[aria-describedby = "grvIDC_SEMOData_info"] tfoot th {
    color: #FFF !important;
}

div.dataTables_wrapper div.dataTables_processing {
    background-color: #03AC13;
    z-index: 5;
    color: white;
}


.ui-iggrid th,
.ui-iggrid th.ui-state-default {
    border-color: #eaeaea !important;
}

.ui-widget-header.ui-state-default,
.ui-widget-header {
    background-color: #025a98 !important;
    border-bottom: 0px;
}

.ui-iggrid-addrow {
    background-color: #03AC13 !important;
}

.ui-iggrid .ui-iggrid-headertable {
    border-bottom: 2px solid #F36 !important;
}

.ui-dialog .ui-widget-content {
    border-bottom: 1px solid #eaeaea;
}

.ui-iggrid .ui-iggrid-header,
.ui-iggrid table tbody td,
.ui-iggrid table th {
    padding: 6px;
}

.ui-dialog .ui-widget-content.ui-button,
.ui-iggrid-button.ui-iggrid-donebutton {
    border: 2px solid #03AC13 !important;
    border-radius: 2px;
    background: #03AC13;
    color: #FFF;
}

.ui-button-icon-primary.ui-icon.ui-icon-circle-close,
.ui-icon.ui-icon-check.ui-iggrid-doneicon {
    color: #fff;
}

.ui-icon-arrowthick-1-n.ui-button-icon-primary.ui-icon {
    color: #03AC13;
}

.ui-iggrid-columnchooser-item a[ishidden="1"],
.ui-iggrid-dialog-groupby-button a,
.ui-iggrid-sorting-dialog-unsortedcolumns-sortbybutton a {
    color: #FFF;
    text-decoration: none;
    background-color: #03AC13;
    padding: 4px;
    border-radius: 2px;
}

.ui-iggrid-dialog-list-groupedcolumns,
.ui-iggrid-sorting-dialog-sortedcolumns {
    border-bottom: 2px solid #F36 !important;
    padding-bottom: 4px;
}

.ui-iggrid-columnchooser-item a[ishidden="0"] {
    color: #FFF;
    text-decoration: none;
    background-color: #DB0007;
    padding: 4px;
    border-radius: 2px;
}

.ui-iggrid-hiding-dropdown-dialog {
    border: 6px solid #4caf50 !important;
    padding-bottom: 10px;
    padding-top: 8px;
}

    .ui-iggrid-hiding-dropdown-dialog a[data-button-show-column-chooser] {
        background: #03AC13;
        color: #FFF;
    }

        .ui-iggrid-hiding-dropdown-dialog a[data-button-show-column-chooser]:hover {
            background: #03AC13;
            color: #FFF;
        }

ul.ui-iggrid-hiding-dropdown-list li {
    padding-top: 3px;
    padding-bottom: 3px;
}

.ui-dialog .ui-dialog-buttonpane {
    border-top: 2px solid #F36 !important;
}

.ui-iggrid-groupedcolumnlabel,
.ui-iggrid-groupedrow {
    box-shadow: 0 0 2em 0 rgba(218,218,218,.15) inset;
    background-color: #03AC13;
    color: #fff;
}

    .ui-iggrid-groupedcolumnlabel .ui-icon,
    .ui-iggrid-groupedrow .ui-icon {
        color: #fff !important;
    }

.ui-iggrid-table tr .ui-state-hover {
    background: #b2c9db !important;
    color: #102F43;
    font-weight: 600;
}

.ui-igpopover > .ui-widget-content {
    color: #333;
    background-color: #03AC13;
    border: 1px solid #03AC13;
}

.ui-igpopover-arrow-top {
    border-bottom-color: #03AC13;
}

.ui-iggrid-featurechooser-list li.ui-state-default {
    color: #444444;
}

.ui-iggrid-featurechooser-list .ui-iggrid-featurechooser-li-iconcontainer.ui-icon {
    color: #444444;
}

.ui-iggrid-featurechooser-submenu {
    background-color: #03AC13;
}

.ui-iggrid *:focus {
    outline: none;
}

.ui-iggrid td.ui-state-highlight {
    background-color: #b2c9db;
}

.ui-iggrid-filterdialogclearall {
    background: #DB0007;
    color: white;
    padding: 0.4em 1em;
    text-decoration: none;
}

.ui-iggrid tbody .ui-icon.ui-icon-closethick {
    color: #DB0007;
}

div.ui-igtrialwatermark {
    display: none !important;
}

#grid_scrollContainer::-webkit-scrollbar,
#grid_hscroller_container::-webkit-scrollbar,
#grid_hscroller_container2::-webkit-scrollbar,
#grid_hscroller::-webkit-scrollbar,
#grid_hiding_modalDialog_content::-webkit-scrollbar,
#grid_multiplesorting_modalDialog_content::-webkit-scrollbar,
#gridMatrix_scrollContainer::-webkit-scrollbar,
#gridMatrix_hscroller_container::-webkit-scrollbar,
#gridMatrix_hscroller_container2::-webkit-scrollbar,
#gridMatrix_hscroller::-webkit-scrollbar,
#gridMatrix_hiding_modalDialog_content::-webkit-scrollbar,
#gridMatrix_multiplesorting_modalDialog_content::-webkit-scrollbar,
#gridFlat_scrollContainer::-webkit-scrollbar,
#gridFlat_hscroller_container::-webkit-scrollbar,
#gridFlat_hscroller_container2::-webkit-scrollbar,
#gridFlat_hscroller::-webkit-scrollbar,
#gridFlat_hiding_modalDialog_content::-webkit-scrollbar,
#gridFlat_multiplesorting_modalDialog_content::-webkit-scrollbar,
#grid_Daily_scrollContainer::-webkit-scrollbar,
#grid_Daily_hscroller_container::-webkit-scrollbar,
#grid_Daily_hscroller_container2::-webkit-scrollbar,
#grid_Daily_hscroller::-webkit-scrollbar,
#grid_Daily_hiding_modalDialog_content::-webkit-scrollbar,
#grid_Daily_multiplesorting_modalDialog_content::-webkit-scrollbar,
#grid_MonthSP_scrollContainer::-webkit-scrollbar,
#grid_MonthSP_hscroller_container::-webkit-scrollbar,
#grid_MonthSP_hscroller_container2::-webkit-scrollbar,
#grid_MonthSP_hscroller::-webkit-scrollbar,
#grid_MonthSP_hiding_modalDialog_content::-webkit-scrollbar,
#grid_MonthSP_multiplesorting_modalDialog_content::-webkit-scrollbar {
    border-radius: 10px;
}

#grid_scrollContainer::-webkit-scrollbar-track,
#grid_hscroller_container::-webkit-scrollbar-track,
#grid_hscroller_container2::-webkit-scrollbar-track,
#grid_hscroller::-webkit-scrollbar-track,
#grid_hiding_modalDialog_content::-webkit-scrollbar-track,
#grid_multiplesorting_modalDialog_content::-webkit-scrollbar-track,
#gridMatrix_scrollContainer::-webkit-scrollbar-track,
#gridMatrix_hscroller_container::-webkit-scrollbar-track,
#gridMatrix_hscroller_container2::-webkit-scrollbar-track,
#gridMatrix_hscroller::-webkit-scrollbar-track,
#gridMatrix_hiding_modalDialog_content::-webkit-scrollbar-track,
#gridMatrix_multiplesorting_modalDialog_content::-webkit-scrollbar-track,
#gridFlat_scrollContainer::-webkit-scrollbar-track,
#gridFlat_hscroller_container::-webkit-scrollbar-track,
#gridFlat_hscroller_container2::-webkit-scrollbar-track,
#gridFlat_hscroller::-webkit-scrollbar-track,
#gridFlat_hiding_modalDialog_content::-webkit-scrollbar-track,
#gridFlat_multiplesorting_modalDialog_content::-webkit-scrollbar-track,
#grid_Daily_scrollContainer::-webkit-scrollbar-track,
#grid_Daily_hscroller_container::-webkit-scrollbar-track,
#grid_Daily_hscroller_container2::-webkit-scrollbar-track,
#grid_Daily_hscroller::-webkit-scrollbar-track,
#grid_Daily_hiding_modalDialog_content::-webkit-scrollbar-track,
#grid_Daily_multiplesorting_modalDialog_content::-webkit-scrollbar-track,
#grid_MonthSP_scrollContainer::-webkit-scrollbar-track,
#grid_MonthSP_hscroller_container::-webkit-scrollbar-track,
#grid_MonthSP_hscroller_container2::-webkit-scrollbar-track,
#grid_MonthSP_hscroller::-webkit-scrollbar-track,
#grid_MonthSP_hiding_modalDialog_content::-webkit-scrollbar-track,
#grid_MonthSP_multiplesorting_modalDialog_content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

#grid_scrollContainer::-webkit-scrollbar-thumb,
#grid_hscroller_container::-webkit-scrollbar-thumb,
#grid_hscroller_container2::-webkit-scrollbar-thumb,
#grid_hscroller::-webkit-scrollbar-thumb,
#grid_hiding_modalDialog_content::-webkit-scrollbar-thumb,
#grid_multiplesorting_modalDialog_content::-webkit-scrollbar-thumb,
#gridMatrix_scrollContainer::-webkit-scrollbar-thumb,
#gridMatrix_hscroller_container::-webkit-scrollbar-thumb,
#gridMatrix_hscroller_container2::-webkit-scrollbar-thumb,
#gridMatrix_hscroller::-webkit-scrollbar-thumb,
#gridMatrix_hiding_modalDialog_content::-webkit-scrollbar-thumb,
#gridMatrix_multiplesorting_modalDialog_content::-webkit-scrollbar-thumb,
#gridFlat_scrollContainer::-webkit-scrollbar-thumb,
#gridFlat_hscroller_container::-webkit-scrollbar-thumb,
#gridFlat_hscroller_container2::-webkit-scrollbar-thumb,
#gridFlat_hscroller::-webkit-scrollbar-thumb,
#gridFlat_hiding_modalDialog_content::-webkit-scrollbar-thumb,
#gridFlat_multiplesorting_modalDialog_content::-webkit-scrollbar-thumb,
#grid_Daily_scrollContainer::-webkit-scrollbar-thumb,
#grid_Daily_hscroller_container::-webkit-scrollbar-thumb,
#grid_Daily_hscroller_container2::-webkit-scrollbar-thumb,
#grid_Daily_hscroller::-webkit-scrollbar-thumb,
#grid_Daily_hiding_modalDialog_content::-webkit-scrollbar-thumb,
#grid_Daily_multiplesorting_modalDialog_content::-webkit-scrollbar-thumb,
#grid_MonthSP_scrollContainer::-webkit-scrollbar-thumb,
#grid_MonthSP_hscroller_container::-webkit-scrollbar-thumb,
#grid_MonthSP_hscroller_container2::-webkit-scrollbar-thumb,
#grid_MonthSP_hscroller::-webkit-scrollbar-thumb,
#grid_MonthSP_hiding_modalDialog_content::-webkit-scrollbar-thumb,
#grid_MonthSP_multiplesorting_modalDialog_content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.ui-iggrid.ui-iggrid-footer {
    color: #FFF;
}

.ui-ig-record.ui-iggrid-record.ui-iggrid-summaryrow {
    background: rgba(16, 46, 66, 0.2);
}

.ui-iggrid-fixedcontainer-left {
    border-right: 1px solid #eaeaea !important;
}

.alert-warning,
.alert-warning button.close,
.alert-warning button.close span {
    color: #333;
}

    .alert-warning button.close span {
        opacity: 1;
    }

.ui-iggrid-headercell-featureenabled.ui-draggable .ui-iggrid-headertext,
.ui-iggrid-headercell-featureenabled.ui-iggrid-colheaderasc .ui-iggrid-headertext,
.ui-iggrid-headercell-featureenabled.ui-iggrid-colheaderdesc .ui-iggrid-headertext,
.ui-iggrid-multiheader-cell.ui-iggrid-headercell-featureenabled .ui-iggrid-headertext {
    width: 100% !important;
    display: block !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    width: -webkit-calc(100% - 25px) !important;
    width: -moz-calc(100% - 25px) !important;
    width: calc(100% - 25px) !important;
}

.ui-iggrid-indicatorcontainer {
    width: 25px !important;
    min-width: 25px !important;
}

.ui-iggrid-deletebutton {
    background: #f44336 !important;
    color: #FFF !important;
    border: 1px solid #f44336 !important;
    border-radius: 5px;
}

    .ui-iggrid-deletebutton .ui-icon {
        color: #FFF;
    }

.ui-widget.ui-igpopover.ui-ignotify {
    z-index: 1000001;
}

.ui-igTextEditor-disabled input {
    background: #444 !important;
    color: #444 !important;
}

#gridConfirmMdl .input-group-addon {
    background-color: #FFF;
}

.settings-dashboard-control .select2-container {
    min-width: 300px;
}

.page-topbar li .dropdown-menu.profile li.last a:hover,
.page-topbar li .dropdown-menu.profile li a:hover {
    background-color: #0E1219 !important;
    color: #4BFAF8 !important;
}

.page-topbar .quick-area .info-menu li .dropdown-menu {
    box-shadow: 2px 4px 4px 3px rgba(27, 122, 121, 0.5);
}
.profile-info .profile-details {
    background: #0E1219;
}