.sorting 
{ 
    cursor:pointer;
    position:relative;
    padding-right: 2em !important;
}

.sorting::before 
{ 
    content: "\2191";
    opacity:0.4;
    right:0.9em;
    bottom:0.8em;
    position:absolute;
}

.sorting::after 
{ 
    content: "\2193";
    opacity:0.4;
    right:0.35em;
    bottom:0.8em;
    position:absolute;
}

.sorting-asc::before 
{ 
    opacity:1;
}

.sorting-desc::after 
{ 
    opacity:1;
}

.tblActions
{
    background-color: transparent !important;
}

.tblActions tr
{
    background-color: transparent !important;
}

.tblActions tr td
{   
    background-color: transparent !important;
    border: 0;
    padding: 0px;
    font-family: Tahoma;
    font-size: 11px;
}

/***** Header *****/
.app-header-upper
{
    background: url(/images/topBlueBg.jpg) transparent;
    width: 100%;
    height: 30px;
    text-align:right;
}

.app-header-upper .setting-panel
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
}

.app-header-upper .setting-panel .header-btn
{
    background: #00264a; 
    color: #ffffff;
    border: 1px solid #001a32;
    margin: 0px 5px 0px 0px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
}

.app-header-upper .setting-panel .header-btn:hover
{
    background: #005db6;
    border:1px solid #001a32;
}

.app-header-lower
{
    background: -webkit-linear-gradient(top,#fff 0,#9db3c8 100%) !important;
    width: 100%;
    height: 70px; 
}

.app-header-lower .wrapper .logo
{
    background: url("/coreui/img/logo.png") no-repeat center;
    background-size: 100%;
    width: 208px;
    height: 65px;
    margin: 3px auto;
    cursor: pointer;
}

.language .dropdown .dropbtn 
{
    background: url('/coreui/img/icon-drop-lang.png') no-repeat right center,linear-gradient(to bottom,#04192e 0,#022541 4%,#002746 8%,#042548 12%,#022346 15%,#00284b 23%,#002851 27%,#00254f 35%,#002748 42%,#002848 46%,#00274f 50%,#002751 54%,#00274b 62%,#022648 69%,#00264a 73%,#032646 81%,#00274b 85%,#002b57 88%,#11426d 92%,#001f3e 96%,#869cb1 100%);
    color: white;
    font-size: 13px;
    width: 120px;
    height: 27px;
    border: none;
    cursor: pointer;
    padding-right: 30px;
}

.language .dropdown 
{
    position: relative;
    display: inline-block;
}

.language .dropdown  .dropdown-content 
{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 120px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.language .dropdown  .dropdown-content a 
{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.language .dropdown  .dropdown-content img
{
    margin: -5px 15px 0 0;
}

.language .dropdown .dropdown-content a:hover 
{
    background-color: #f1f1f1
}

.language .dropdown:hover .dropdown-content 
{
    display: block;
}

.language .dropdown:hover .dropbtn 
{
    background-color: #3e8e41;
}

.top-panel
{
    height: 90px;
    position: absolute;
}

.top-panel .welcome-user-info
{
    position: absolute;
    left: 10px;
    width: 232px;
    height: 90px;
    background: url(/coreui/img/welcomeBg.png);
    color: white;
    font-size: 0.8rem;
    font-style: initial;
}

.top-panel .welcome-user-info .greeting
{
    position: absolute;
    top: 22px;
    left: 83px;
    text-transform: uppercase;
}

.top-panel .welcome-user-info .username
{
    position: absolute;
    top: 38px;
    left: 83px;
    font-weight: bold;
    text-transform: uppercase;
}

.top-panel .welcome-user-info .config_nickname a
{
    position: absolute;
    top: 55px;
    left: 83px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    color: #FFFF00 !important;
}


/***** Sidebar *****/
.sidebar .tabcontent .accordion 
{
    background: url('/coreui/img/left_menu_bg.jpg') round !important;
    color: #fff;
    cursor: pointer;
    width: 97.5%;
    border: 1px solid #000;
    text-align: left;
    outline: none;
    font-size: 12px;
    transition: 0.4s;
    margin-top: 3px;
    font-weight: bold;
}

.sidebar .tabcontent .accordion:focus
{
    outline: none;
}

.sidebar .tabcontent .accordion:before
{
    content:url('/coreui/img/arrow.jpg');
    margin-right: 5px;
    vertical-align: middle;
}

.sidebar .tabcontent .accordion:after 
{
    content: url('/coreui/img/lightExpand.png');
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.sidebar .tabcontent .accordion.active:after 
{
    content: url('/coreui/img/lightCollapse.png');
}

.sidebar .tabcontent .panel
{
    margin: 0 auto;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    width:97.5%;
}

.sidebar .tabcontent .panel table, .sidebar .tabcontent .panel th, .sidebar .tabcontent .panel td 
{
    border: 1px solid #fff;
    background-color: #417bb1;
    font-weight: bold;
    color: #fff;
}

.sidebar .tabcontent .panel th, .sidebar .tabcontent .panel td 
{
    padding: 5px;
    text-align: left;
}

.sidebar .tab 
{
    text-align: center;
    margin-top: 3px;
}

.sidebar .tab button.active:hover 
{
    cursor: default;
}

.sidebar .tab button.active 
{
    background-color: #ffffff;
    color: #003160;
    font-weight: bold;
}

.sidebar .tab button
{
    background-color: #a9c5df;
    border: 1px grey solid;
    border-radius: 2px;
    font-size: 13px;
}

.sidebar .tab .tablinks
{
    width:48%;
    background-color: #a2c0dc;
}

.sidebar .tabcontent
{
    text-align: center;
}


/***** App Body *****/
.breadcrumb
{
    position: fixed !important;
    width:100%;
    margin-top: 38px;
}

/***** Filter Form *****/
#filterForm
{
    color: #275b8f;
    margin: 0 15px;
}

/*#filterForm .form-control
{
    padding: 0.225rem 0.75rem !important;
} 
*/
#filterForm select.form-control
{
    width:60%;
}

#filterForm #info-img
{
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin-right: 5px;
}

#tb-timezone
{
    position: absolute;
    left: 550px;
    top: 6px;
}

.information
{
    background: #e6f2fe; 
    width: 100%; 
    border-top: 1px solid #89c0f3; 
    padding:3px 9px; 
    font-weight: bold; 
    font-size: 11px;
}

.info-breadcrumb
{
    margin-left: 10px;
}

.info-breadcrumb .bc-amount
{
    margin-left: 10px;
}

.info-breadcrumb .bc-date
{
    margin-left: 5px;
}

.info-breadcrumb #bc-timezone
{
    margin-left: 15px;
}

.info-breadcrumb .bc-item
{
    color: #0000ff;
    text-decoration-line: underline;
}

.info-breadcrumb .bc-item a
{
    color: #0000ff;
}

.info-breadcrumb .bc-item:after
{
    display: inline-block;
    padding-right: 0.1rem;
    padding-left: 0.1rem;
    color: #0a5ec5;
    content: "\\";
}

.info-breadcrumb .bc-item.active:after
{
    content: " ";
}

.span-breadcrumb
{
    margin-left: 12px;
}


.span-gmt
{
    margin-left: 3px;
}

/***** Accordion Sport *****/
.accordion-sport
{
    background: #b8dcfe !important;
    background-image: none;
    border: none;
    color: #103f7e;
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    margin-top: 3px;
    padding: 5px 5px 0 8px;
    width: 100% !important;
    cursor: pointer;
    outline: none;
    transition: 0.4s;
    line-height: 15px;
}

.accordion-sport:before
{
    content: none;
    margin-right: 5px;
    vertical-align: middle;
}

.accordion-sport:after
{
    content: url(/coreui/img/lightExpandA.png);
    color: #777;
    font-weight: bold;
    float: right;
    margin: 5px;
}

.accordion-sport.active:after
{
    content: url('/coreui/img/lightCollapseA.png');
}

.panel-sport
{
    width: 100% !important;
    margin: 0 auto;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel-sport td
{
    text-align: center !important;
}

.panel-sport table, .panel-sport th, .panel-sport td 
{
    border: 1px solid #fff;
    background-color: #417bb1;
    font-weight: bold;
    color: #fff;
}

.panel-sport th, .panel-sport td 
{
    padding: 5px;
    text-align: left;
}

.pinplay 
{
    background: #fe6600;
    border: 0;
    color: #fff;
    font-weight: 600;
    background-color: #fe6600;
    border-radius: 4px;
    font-size: 10px;
    border-bottom: 2px solid #F00;
    box-shadow: none;
    height: 17px;
    /*width: 45px;*/
    display: inline-block;
    vertical-align: text-bottom;
    text-transform: uppercase;
    text-align: center;
    padding-top: 1px;
}

tr.preset td
{
    background: white;
    color: #000;
} 

.sport-icon
{
    margin-right: 3px;
}

.sport-icon.sp29 
{
    background: url(/images/sports/menu-icons.png) -1012px 0 no-repeat!important;
}

.sport-icon.sp3 
{
    background: url(/images/sports/menu-icons.png) -136px 0 no-repeat!important;
}

.sport-icon.sp4 
{
    background: url(/images/sports/menu-icons.png) -170px 0 no-repeat!important;
}

.sport-icon 
{
    background: url(/images/sports/default-icon.png) no-repeat center;
    width: 33px;
    height: 30px;
    margin-right: 3px;
}

.pinfo
{
    background: url(/coreui/img/info.png) transparent;
    display: inline-block;
    height: 20px;
    width: 20px;
    cursor: pointer;
    vertical-align: middle;
}

.btn-time
{
    background: #00264a;
    color: #fff;
    border-color: buttonface !important;
    border: hidden;
    border-radius: 2px !important;
    padding: 0 7px;
    font-size: 11px;
    font-family: Tahoma;
    line-height: 23px;
    height: 27px;
    vertical-align: middle;
    font-weight: bold;
    margin-right: 8px;
}

.btn-time:hover
{
    background: #005db6;
}

.btn-search
{
    margin-left: 10px;
}

.card .accordion 
{
    background: url('/coreui/img/SubHeaderBg.jpg');
    color: #0b1422;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    padding-left: 8px;
}

.card .accordion:after 
{
    content: url('/coreui/img/lightExpand.png');
    color: #0b1422;
    font-weight: 700;
    float: right;
    margin-right: 5px;
}

.card .accordion-sport.active:after
{
    content: url('/coreui/img/lightCollapse.png');
}

.accordion_create_group:after
{
    content: url(/coreui/img/lightExpandA.png) !important;
}

.accordion_create_group.active:after
{
    content: url('/coreui/img/lightCollapseA.png') !important;
}

.card .panel_create_group
{
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.card .panel_create_group .panel-header 
{
    background: url('/coreui/img/SubHeaderBg.jpg');
    color: #0b1422;
    font-weight: 700;
    padding-left: 8px;
    height: 22.4px;
    line-height: 22.4px;
}

.panel_create_group .row
{
    padding: 15px 10px;
}

.panel_create_group
{
    width: 100% !important;
    margin: 0 auto;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.modalClose
{
    color:#fff;
    float:right;
    border: 0;
    background-color: transparent;
    width: 20px;
    height: 20px;
}

.modalClose:focus
{
    outline: 0;
}

#tableChangePassword input
{
    padding: 0 5px;
}

.row
{
    border-bottom: 0px !important;
}

#divChangePassword input[type="password"]:focus
{
    background-color:#fef; 
    border:1px #c00 solid;
}

.input_textbox_create
{
    width: 525px;
    height: 27px;
}

.card .panel_create_group .group-section
{
    padding-left: 8px;
    margin: 15px 0 15px 0;
}

.group-name
{
    float:left;
    margin-right: 10px;
}

.group-align
{
    margin-top: 5px;
}

.group-each-col
{
    margin-left: 25px;
}

.btn-create
{
    height: 18px;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    padding: 0 7px;
    border: 1px solid #c54500;
    background: -webkit-gradient(linear,left top,left bottom,from(#f29500),to(#e45503));
    box-shadow: inset 0 1px 0 0 #ffe400;
    border-radius: 3px;
}

.btn-enter
{
    color: #fff;
    font-weight: bold;
    padding: 0 7px;
    height: 27px;
    line-height: 23px;
    border: 1px solid #c54500;
    background: -webkit-gradient(linear,left top,left bottom,from(#f29500),to(#e45503));
    box-shadow: inset 0 1px 0 0 #ffe400;
    border-radius: 3px;
}

.btn-cancel
{
    text-transform: none;
    border-right: 0;
    font-weight: bold;
    padding: 0 7px;
    height: 27px;
    line-height: 23px;
    border: 1px solid #6c6c6c;
    background-color: #6c6c6c!important;
    background: -webkit-gradient(linear,left top,left bottom,from(#6c6c6c),to(#6c6c6c));
    border-radius: 3px;
    font-size: 11px;
    color: #fff!important;
    box-shadow: none!important;
}

.btn-refresh
{
    background:url(/coreui/img/refresh1.png) no-repeat 0 0 !important;
    width: 28px;
    height: 28px;
    cursor: pointer;
}

.btn-export
{
    background-color: #30a73b;
    border: 0;
    padding: 1px 0 0 5px;
    font-size: 13px;
    margin-top: 8px;
    box-shadow: none;
    font-weight: bold;
    color: #fff;
    font-weight: bold;
    height: 29px;
    line-height: 23px;
    border-radius: 3px;
}

.close_img
{
    background: url('/coreui/img/popclose.png');
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-top: -3px;
    margin-right: -7px;
}

.excel_img
{
    float: right;
    margin: 2px 5px;
    cursor: pointer;

}

#refresh
{
    margin:0 5px;
    color:#275b8f;
}

.div_spacing
{
    margin:0 10px;
}

.div_checkbox
{
    margin-top: 10px;
}

.footer
{
    text-align: center;
    background:url('/coreui/img/popbgright.jpg') center;
    padding:5px !important;
    margin: 0;
    border-top:0;
}

.trans
{
    margin-right: 10px;
}

#collapsed-sidebar .betting-rules-wrapper
{
    position: relative;
    bottom: 40px;
    /*bottom: 0;*/
    left: 0;
    right: 0;
    margin: 90px auto 16px;
    text-align: center;
    font-size: 15px;
}

.err_msg
{
    color: red;
    margin-left: 10px;
}

.red
{
    color: red;
}

.text_bold
{
    color: #000313;
    font-weight: bold;
}

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

.text_red
{
    color: #c30;
    font-weight: 700;
}

.text_odd
{
    font-size: 12px;
    color: #c30;
    font-weight: bold;
}

.teaser
{
    border:solid 1px #b6b6b6;
    color: #b6b6b6;
    border-radius: 3px;
    padding: 0 2px;
    font-weight: 600;
}

.infoPassword
{
    background: url('/coreui/img/info.png');
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    margin-right: 3px;
}

.trans
{
    padding: 5px !important;
}

.odd
{
    padding: 5px !important;
}

.col
{
    padding-right: 0 !important;
    padding-left: 4px !important;
    padding: 0px !important;
    width: 0% !important;
}

.row
{
    margin-right: 0 !important;
}

.form-group
{
    margin-bottom: 4px;
}

.form-input
{
    padding: 2px 4px;
}

.form-control
{
    padding: 0px;
}

.modal-footer
{
    background: url(/images/footer/footer.png) center !important;
    padding: 5px !important;
    margin: 0 !important;
    border-top: 0 !important;

    display: flex !important; 
    justify-content: center !important;  
    border-top: 1px solid #c2cfd6 !important;
    background: url(/images/footer/footer.png) center !important;
}

input[type="radio"], input[type="checkbox"]
{
    vertical-align: middle;
}

.modal-title
{
    align-self: center;
}

.teaser-border {
    border: 2px solid #bfbfbf;
    border-radius: 4px;
    padding: 0 2px;
}

.text_underline
{
   text-decoration: underline;
}

.text_selection_red
{
    color: #ab0a2d;
}