﻿
.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: #025a98;
}
.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 .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: rgb(229, 114, 0);
    border-color: rgba(255, 51, 102,.9);
}
.page-topbar .logo-area {
    background-image: url(/Content/img/aptenergy_denergi/logoB.png);
    background-color: #025a98;
    background-repeat: no-repeat;
    background-position: center;
}
.page-topbar.sidebar_shift .logo-area {
    background-image: url(/Content/img/aptenergy_denergi/logoS.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #025a98;
    background-size: 48px;
    background-position-x: 10px;
}
.page-sidebar,
.page-chatapi {
    background-color: #b2c9db
}
.page-topbar.chat_shift .logo-area .page-sidebar,
.page-topbar.chat_shift .logo-area {
    background-color: #b2c9db
}
#main-menu-wrapper li a {
    color: rgb(0, 69, 113);
}
#main-menu-wrapper li a:hover,
#main-menu-wrapper li a:active,
#main-menu-wrapper li a:focus {
    background-color: rgb(208, 219, 224);
    border-left: 4px solid rgba(255, 51, 102, 0.9);
}
#main-menu-wrapper .menusection {
    color: rgb(0, 69, 113);
}
#main-menu-wrapper li.open a {
    background-color: rgb(208, 219, 224);
    border-left: 4px solid rgba(255, 51, 102, .9);
}
.page-sidebar.chat_shift,
.page-sidebar.chat_shift .wraplist,
.page-sidebar.collapseit,
.page-sidebar.collapseit .wraplist {
    background-color: #025a98;
}
.page-sidebar.chat_shift #main-menu-wrapper .wraplist li:hover a,
.page-sidebar.collapseit #main-menu-wrapper .wraplist li:hover a {
    background-color: #256eaa;
    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 rgba(255, 51, 102,.9);
}
#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(208, 219, 224, 0.8);
    border-left: 4px solid rgba(255, 51, 102, 0.9);
}
#main-menu-wrapper li.open .sub-menu a {
    background-color: transparent;
    color: rgb(0, 69, 113);
}
#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: rgb(0, 69, 113);
    background: #b2c9db;
}
.page-sidebar.chat_shift .wraplist li:hover .sub-menu,
.page-sidebar.collapseit .wraplist li:hover .sub-menu {
    background-color: #b2c9db;
}
.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: rgba(208, 219, 224, 0.8);
    border-left: 4px solid rgba(255, 51, 102,.9);
}
body.login_page {
    /*background-color: #102F43;
    background-image: url(../img/aptenergy_demo/login-bg.png);*/
    /*background-color: #102f43;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='506' height='506' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='88' y1='88' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23250038'/%3E%3Cstop offset='1' stop-color='%233b0059'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='75' y1='76' x2='168' y2='160'%3E%3Cstop offset='0' stop-color='%2302600b'/%3E%3Cstop offset='0.09' stop-color='%2302780d'/%3E%3Cstop offset='0.18' stop-color='%2302880f'/%3E%3Cstop offset='0.31' stop-color='%23039410'/%3E%3Cstop offset='0.44' stop-color='%23039d11'/%3E%3Cstop offset='0.59' stop-color='%2303a312'/%3E%3Cstop offset='0.75' stop-color='%2303a913'/%3E%3Cstop offset='1' stop-color='%2303ac13'/%3E%3C/linearGradient%3E%3Cfilter id='c' x='0' y='0' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='12' /%3E%3C/filter%3E%3C/defs%3E%3Cpolygon fill='url(%23a)' points='0 174 0 0 174 0'/%3E%3Cpath fill='%23000' fill-opacity='0.58' filter='url(%23c)' d='M121.8 174C59.2 153.1 0 174 0 174s63.5-73.8 87-94c24.4-20.9 87-80 87-80S107.9 104.4 121.8 174z'/%3E%3Cpath fill='url(%23b)' d='M142.7 142.7C59.2 142.7 0 174 0 174s42-66.3 74.9-99.3S174 0 174 0S142.7 62.6 142.7 142.7z'/%3E%3C/svg%3E");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top left;
    */

    background-color: #025a98;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%2374bce9'/%3E%3Cstop offset='1' stop-color='%23025a98'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%233b8bc1'/%3E%3Cstop offset='1' stop-color='%23025a98'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='translate(100 0)'%3E%3Cg transform='translate(0 330)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(-32.4 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.05' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: cover;

}
.loginpage h1 a {
    /*background: rgba(255,255,255,0.2);*/
    background-image: url(../img/aptenergy_denergi/logoL.png);
    background-size: unset;
    /*border-radius: 5px;*/
}
.loginpage h1,
.loginpage h2 {
    color: #FFF;
}
.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: #f36;
    border: 2px solid #f36;
}
.loginpage input[type=submit]:hover,
.btn-resetpassconf-orange:hover {
    background-color: transparent !important;
}
.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: rgb(208, 219, 224) !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, .9) !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: #b2c9db !important;
    color: rgb(0, 69, 113) !important;
}
.page-topbar li .dropdown-menu.profile li.last a,
.page-topbar li .dropdown-menu.profile li a {
    background-color: #b2c9db !important;
    color: rgb(0, 69, 113) !important;
    border: 1px solid #b2c9db;
}
.page-topbar li .dropdown-menu.profile li.last a:hover,
.page-topbar li .dropdown-menu.profile li a:hover {
    background-color: rgb(208, 219, 224) !important;
    color: rgb(0, 69, 113) !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,
#menu-closes-in {
    border-radius: 5px;
    color: #333;
}
#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:#FFF;
}
.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: #025a98;
}
.bottom-logo .label a {
    text-decoration:underline;
    color: #FFF;
}
.bottom-logo .label a:hover {
    color: #FFF;
}
.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 .arrow,
#main-menu-wrapper li a .arrow:hover,
#main-menu-wrapper li a .arrow:before {
    color: #757575 !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;
}