@font-face {
    font-family: 'mohave';
    src: url('../../fonts/mohave-bold-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

body, .table th, .table td {
    letter-spacing: 1px;
    color: #8c8c8c;
}
table.dataTable thead th, table.dataTable tfoot th{font-weight:normal !important;}

.error {color: red;}
.ui-tooltip {font-size: 22px;z-index: 1;cursor: pointer;}

#loader {position: fixed;background: rgba(000,000,000,0.5);height: 100vh;width: 100%;z-index: 999999999;display: none;}
.loader-wrap {position: fixed;top: 0px;left: 0px;right: 0;bottom: 0;z-index: 9999;background-color: rgba(0,0,0,0.15);}
.loader img {height: 65px;position: absolute;top: 50%;right: 50%;}

/*tron-admin*/

.skin-blue .main-header .navbar, .skin-blue .main-header .logo {background-color:darkslategray !important;background: rgba(0,0,0,1);background: -moz-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.8)), color-stop(100%, rgba(0,0,0,0)));background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);background: -o-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);background: -ms-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );}
#ddlClientGame {background-color: #ff7b1a;border: 0 none;color: #FFFFFF;font-size: 20px;width: 100%;outline: 0;overflow: hidden;padding: 5px 3px 5px 10px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 10px;margin-top:6px;}
#ddlClientGame option {background-color: black;}
.new-view {background: #000;border-top: solid 2px rgba(70,254,246,1);border-bottom: solid 2px rgba(70,254,246,1);box-shadow: 0px 0px 15px rgb(58, 212, 205);margin-left: 1px;}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {color: #fff;background: #46fef633;border-left-color: #46fef6;}
.content-wrapper, .right-side{background-color:#000;min-height:calc(100vh - 51px) !important;}

.box.box-primary {background: linear-gradient(#2fe0d8, #2fe0d8) 0 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 0 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 0 100% no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 0 100% no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 100% no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 100% no-repeat,rgba(99,99,99,0);background-size: 2px 60px,60px 2px;box-shadow: 0px 0px 15px rgb(58, 212, 205);border-top: 0;z-index: 1;padding: 2px;}
.box-header.with-border {border-bottom: 1px solid #23282c;background-color: #111;color: #ff7b1a;padding: 12px 20px;}
.box-header.with-border > h3 {font-size: 22px;}
.table {border: solid 1px rgba(1,132,53,0.1);}
.table > thead > tr > th {border-color: rgba(1,132,53,0.05);}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {border-color: rgba(70,254,246,0.05);}
.table  tbody > tr {background-color: rgba(0,0,0,0.05);}
.table tbody > tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.2);}
.table tbody > tr:nth-of-type(even) {background-color: rgba(255, 255, 255, 0.06);}
.table {margin: 0;}
.table th, .list-wrap .table td {vertical-align: middle;padding: 10px;font-size: 16px;font-family: 'Roboto', sans-serif;color: #46fef6;}
.table th, .table td {vertical-align: middle;padding: 10px;font-family: 'Roboto', sans-serif;color: #46fef6;}
.table th {background: rgba(0, 0, 0, 0.5);color: #ff7b1a;font-size: 16px;font-weight: 400;font-family: 'Roboto', sans-serif;}
table tbody > tr:hover {background: #0e3331 !important;cursor: pointer;}


.main-footer {background: #111;padding: 15px;color: #46fef6;border-top: 1px solid #2e7d7c;text-align: center;}
.main-footer strong {color: #ff7b1a;}
.content{padding:30px !important;}
table.dataTable tbody td > a {display: inline-block;width: 30px;height: 30px;text-align: center;line-height: 30px;background: linear-gradient(#ff7b1a, #ff7b1a) 0 0 no-repeat,linear-gradient(#ff7b1a, #ff7b1a) 0 0 no-repeat,linear-gradient(#ff7b1a, #ff7b1a) 100% 0 no-repeat,linear-gradient(#ff7b1a, #ff7b1a) 100% 0 no-repeat,linear-gradient(#ff7b1a, #ff7b1a) 0 100% no-repeat,linear-gradient(#ff7b1a, #ff7b1a) 0 100% no-repeat,linear-gradient(#ff7b1a, #ff7b1a) 100% 100% no-repeat,linear-gradient(#ff7b1a, #ff7b1a) 100% 100% no-repeat,rgba(99,99,99,0);background-size: 2px 10px,10px 2px;box-shadow: 0px 0px 15px rgba(223, 123, 26, 0.3);transition:all 0.4s;cursor:pointer;}
table.dataTable tbody td > a .fa {font-size: 14px !important;color: #ff7b1a;}
table.dataTable tbody td a:hover{background-size: 200px 200px, 200px 200px;}
table.dataTable tbody td a:hover .fa {color: #333;}
table.dataTable tbody td{vertical-align:middle;}

.user-panel {background: #111;border-bottom: 1px solid #23282c;}
.btn.btn-primary {border: none;font-size: 14px;color: #46fef6;background: none;padding: 10px 25px;line-height: 16px;display: inline-block;border-radius: 0;min-width: 180px;text-transform: uppercase;text-align: center;letter-spacing: 1px;text-decoration: none;background: linear-gradient(#46fef6, #46fef6) 0 0 no-repeat,linear-gradient(#46fef6, #46fef6) 0 0 no-repeat,linear-gradient(#46fef6, #46fef6) 100% 0 no-repeat,linear-gradient(#46fef6, #46fef6) 100% 0 no-repeat,linear-gradient(#46fef6, #46fef6) 0 100% no-repeat,linear-gradient(#46fef6, #46fef6) 0 100% no-repeat,linear-gradient(#46fef6, #46fef6) 100% 100% no-repeat,linear-gradient(#46fef6, #46fef6) 100% 100% no-repeat,rgba(99,99,99,0);background-size: 2px 10px,10px 2px;text-shadow: none;box-shadow: 0px 0px 10px rgba(70,254,246,0.3);transition: all 0.4s;}
.btn.btn-primary:hover {background-size: 200px 200px,200px 200px;color:#333;}
.skin-blue .main-header li.user-header {background-color: #111;border-bottom: 1px solid #23282c;}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer{background-color:#000;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {box-shadow: 0px 0px 12px rgb(255, 123, 26);right: 15px;border-color: #ff7b1a;background-color: #ff7b1a;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {color: #c0c0c0 !important;}
.dataTables_filter input, .dataTables_length select {padding: 5px;background: rgba(70, 254, 246, 0.2);border: 1px solid #46fef6;color: #46fef6;margin:0 3px;}
.dataTables_length select option {background-color: black;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {background: #ff7b1a !important;border-color: #ff7b1a !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {background: rgba(255, 123, 26,0.3) !important;border: 1px solid #ff7b1a !important;}
.box-body{padding:15px;}
.form-group input, .form-group select,.form-group textarea,#txtNotificationMsg {padding: 5px 15px;background: rgba(70, 254, 246, 0.2);border: 1px solid #46fef6;color: #46fef6;}
.form-group option {background-color: black;}
.form-group label {color: #d0d0d0;}
.skin-blue .sidebar-menu > li > .treeview-menu {margin: 0 1px;background: rgba(47, 224, 216, 0.1);}

.login-page, .register-page {background: #000;}
.login-box {max-width: 690px;margin: 7% auto;width: auto;padding: 40px 80px;background: linear-gradient(#2fe0d8, #2fe0d8) 0 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 0 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 0 100% no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 0 100% no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 100% no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 100% no-repeat,rgba(99,99,99,0);background-size: 2px 60px,60px 2px;background-color: rgba(0,0,0,0.5);padding: 40px 80px;box-shadow: 0px 0px 15px rgb(58, 212, 205);}
.login-box-body, .register-box-body{background-color:transparent;}
.login-page .form-group input, .register-page .form-group input {padding: 12px 20px;height:auto;}
.glitch {color: white;font-family: 'mohave';font-size: 50px;position: relative;width: auto;display: inline-block;margin: 0 auto 0;}
.brand.glitch:before, .brand.glitch:after {color: #46fef6;text-shadow: -1px 0 rgb(255, 255, 255);}


@keyframes noise-anim {
0% {
clip: rect(76px, 9999px, 62px, 0);
}


5% {
clip: rect(4px, 9999px, 50px, 0);
}

10% {
clip: rect(18px, 9999px, 84px, 0);
}

15% {
clip: rect(71px, 9999px, 15px, 0);
}

20% {
clip: rect(98px, 9999px, 56px, 0);
}

25% {
clip: rect(82px, 9999px, 10px, 0);
}

30% {
clip: rect(70px, 9999px, 45px, 0);
}

35% {
clip: rect(13px, 9999px, 38px, 0);
}

40% {
clip: rect(63px, 9999px, 7px, 0);
}

45% {
clip: rect(71px, 9999px, 15px, 0);
}

50% {
clip: rect(68px, 9999px, 31px, 0);
}

55% {
clip: rect(20px, 9999px, 92px, 0);
}

60% {
clip: rect(4px, 9999px, 46px, 0);
}

65% {
clip: rect(54px, 9999px, 83px, 0);
}

70% {
clip: rect(86px, 9999px, 6px, 0);
}

75% {
clip: rect(56px, 9999px, 75px, 0);
}

80% {
clip: rect(99px, 9999px, 98px, 0);
}

85% {
clip: rect(43px, 9999px, 38px, 0);
}

90% {
clip: rect(4px, 9999px, 96px, 0);
}

95% {
clip: rect(2px, 9999px, 82px, 0);
}

100% {
clip: rect(35px, 9999px, 25px, 0);
}
}

.glitch:after {
content: attr(data-text);
position: absolute;
left: 2px;
text-shadow: -1px 0 rgba(0, 102, 39, 1);
top: 0;
color: white;
background: none;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
animation: noise-anim 4s infinite linear alternate-reverse;
right: -2px;
}

@keyframes noise-anim-2 {
0% {
clip: rect(90px, 9999px, 8px, 0);
}

5% {
clip: rect(80px, 9999px, 22px, 0);
}

10% {
clip: rect(97px, 9999px, 52px, 0);
}

15% {
clip: rect(18px, 9999px, 11px, 0);
}

20% {
clip: rect(55px, 9999px, 92px, 0);
}

25% {
clip: rect(40px, 9999px, 36px, 0);
}

30% {
clip: rect(18px, 9999px, 56px, 0);
}

35% {
clip: rect(24px, 9999px, 46px, 0);
}

40% {
clip: rect(63px, 9999px, 93px, 0);
}

45% {
clip: rect(41px, 9999px, 94px, 0);
}

50% {
clip: rect(50px, 9999px, 29px, 0);
}

55% {
clip: rect(70px, 9999px, 64px, 0);
}

60% {
clip: rect(7px, 9999px, 35px, 0);
}

65% {
clip: rect(100px, 9999px, 6px, 0);
}

70% {
clip: rect(58px, 9999px, 10px, 0);
}

75% {
clip: rect(52px, 9999px, 54px, 0);
}

80% {
clip: rect(6px, 9999px, 7px, 0);
}

85% {
clip: rect(36px, 9999px, 78px, 0);
}

90% {
clip: rect(49px, 9999px, 10px, 0);
}

95% {
clip: rect(78px, 9999px, 92px, 0);
}

100% {
clip: rect(21px, 9999px, 40px, 0);
}
}

.glitch:before {
content: attr(data-text);
position: absolute;
left: -2px;
text-shadow: 1px 0 rgba(0, 232, 255, 1);
top: 0;
color: white;
background: none;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
animation: noise-anim-2 3s infinite linear alternate-reverse;
}
.login-box-msg, .register-box-msg {
color: #ff7b1a;
font-size: 26px;
text-transform: uppercase;
font-weight: 600;
}
.btn-small .btn {
width: 200px;
margin-top: 15px;
}
.login-box-body a, .register-box-body a {color: #ff6708;transition:all 0.3s;}
.login-box-body a:hover, .register-box-body a:hover {color: #fff;}
.table .table,table.dataTable tbody tr{background-color:transparent;}
.skin-blue .main-header .navbar .sidebar-toggle:hover {background-color: #2fe0d8;}
.dataTables_wrapper .dataTables_processing {
    background: rgba(47, 224, 216, 0.4) !important;
    height: calc(100% - 5%) !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 10% !important;
    text-indent: -9999px;
}
    .dataTables_wrapper .dataTables_processing:before    {
        content: '';
        background-image: url(../img/rings.svg);
        height: 100px;
        width: 100px;
        background-size: 100px;
        z-index: 2;
    }
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background-color: grey;opacity: 1;}
.box-footer {background-color: #111;border-top: 1px solid #23282c;text-align:center;}
footer {background: #111;padding: 15px 0;position: fixed;width: 100%;bottom: 0;left: 0px;position: fixed;right: 0;z-index: 1;}
footer .social {float: left;}
.social ul {margin: 0;padding: 0;list-style: none;}
.social ul li {display: inline-block;margin-right: 10px;}
.social ul li:last-child {    margin-right: 0;}
.social a {display: block;opacity: 1;}
.social a:hover {opacity: 0.7;}
.social a img {width: 26px;}
footer .copy {text-align: center;}
.copy p {margin: 0;font-size: 13px;color: #fff;line-height: 20px;padding: 3px 0;}
footer .copy p {
    color: #919192;
    display:inline-block;
}

footer .copy .brand {
    color: rgb(0, 183, 198);
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    margin: 0;
    margin-right: 15px;
    position: relative;
    vertical-align: middle;
}
.mr-tp-25 {
    margin-top: 25px;
}

.checkbox-view > ul > li {list-style: none;color: #9c9c9c;}
.checkbox-view > ul {padding: 0;}
.checkbox-view > ul > li label {font-weight: 100;}
.checkbox-view {max-height: 200px;overflow: auto;margin-bottom: 30px;}
.check-label {font-size: 18px;color: #ff7b1a;font-weight: 100;}



/*22-5-19*/

.boximg {border: solid 1px #ff7b1a;position: relative;margin-bottom: 30px;}
.imgbox {height: 280px;text-align: center;display: flex;align-items: center;justify-content: center;}
.boximg:hover::after {transform: scale(1);opacity: 1;}
.boximg:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 123, 26, 0.3);transform: scale(0.1);transition: all 0.4s;opacity: 0;}
.boxpadding {padding: 0px 15px;}
.boximg .imgbox {overflow: hidden;}
.boximg .imgbox img {max-width: 100%;}
.boximg .progress {height: 8px;border-radius: 0px;}
.boxspro {margin: 20px 0px;font-size: 12px;}
.hedinb {display: block;margin-top: 20px;color: #46fef6;font-size: 2.0rem;}
body.fixed {padding-bottom: 51px;}

#loading {background-color: rgba(0,0,0,0.8);height: 100%;width: 100%;position: absolute;z-index: 1;margin-top: 0px;top: 0px;}
#loading-center {width: 100%;height: 100%;position: relative;}
#loading-center-absolute {position: absolute;left: 50%;top: 50%;height: 200px;width: 200px;margin-top: -100px;margin-left: -100px;-ms-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);}
.object {-moz-border-radius: 50% 50% 50% 50%;-webkit-border-radius: 50% 50% 50% 50%;border-radius: 50% 50% 50% 50%;position: absolute;border-top: 5px solid #46fef6;border-bottom: 5px solid transparent;border-left: 5px solid #ff7b1a;border-right: 5px solid transparent;-webkit-animation: animate 2s infinite;animation: animate 2s infinite;}

#object_one {left: 75px;top: 75px;width: 50px;height: 50px;}
#object_two {left: 65px;top: 65px;width: 70px;height: 70px;-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
#object_three {left: 55px;top: 55px;width: 90px;height: 90px;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
#object_four {left: 45px;top: 45px;width: 110px;height: 110px;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}

@keyframes animate {
    50% {
        -ms-transform: rotate(360deg) scale(0.8);
        -webkit-transform: rotate(360deg) scale(0.8);
        transform: rotate(360deg) scale(0.8);
    }
}

.radio-view{display:inline-block;margin-right:20px;}
.radio-btn .radio-view label {color: #46fef6;font-size: 12px;}
.radio-view input[type=radio] {visibility: hidden;height: 0;width: 8px;}
.radio-view input[type=radio] + span {display: inline-block;width: 18px;height: 18px;vertical-align: -4px;border-radius: 100%;border: solid 2px #ff7b1a;margin:0;position: relative;float: left;}
.radio-view input[type=radio]:checked + span:after {content: '';position: absolute;top: 3px;left: 3px;height: 8px;width: 8px;background: #ff7b1a;border-radius: 100%;}

.login-page, .register-page {
    background: #000;
}

.login-box {
    max-width: 690px;
    margin: 7% auto;
    width: auto;
    padding: 40px 80px;
    background: linear-gradient(#2fe0d8, #2fe0d8) 0 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 0 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 0 no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 0 100% no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 0 100% no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 100% no-repeat,linear-gradient(#2fe0d8, #2fe0d8) 100% 100% no-repeat,rgba(99,99,99,0);
    background-size: 2px 60px,60px 2px;
    background-color: rgba(0,0,0,0.5);
    padding: 40px 80px;
    box-shadow: 0px 0px 15px rgb(58, 212, 205);
}

.login-box-body, .register-box-body {
    background-color: transparent;
}

.login-page .form-group input, .register-page .form-group input {
    padding: 12px 20px;
    height: auto;
}

.label-control {
    color: black !important;
}