@font-face {
    font-family: 'norwester';
    src : url("../assets/font/norwester.otf");
}

@font-face {
    font-family: 'Roboto', sans-serif;
    src : url("../assets/font/Roboto-Regular.ttf");
}

@font-face {
    font-family: 'Open Sans';
    src : url("../assets/font/OpenSans-Regular.ttf");
}
.bold-font { font-weight: bold;}
.roboto-font
{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.norwester { font-family: 'norwester'; }
.open-sans
{
    font-family: 'Open Sans', sans-serif;
}
.uppercase { text-transform: uppercase;}
.font-regular { font-weight: normal!important; }
.silver-text {
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gold-text {
    background: -webkit-linear-gradient(rgb(247,232,173), rgb(219,182,101));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Floating Toolbar */
.toolbar {
    z-index: 10;
    position: fixed;
    height: 230px;
    width: 262px;
    top: 25%;
    /* background-color: rgb(149, 7, 6);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e92344+0,ee2342+0,eb223c+2,ec2442+2,ec2240+3,eb2340+6,e31e3a+18,d81d3a+22,b31733+33,a71634+38,a21432+38,9e1332+41,991430+42,7f122f+55,7b1130+59,751231+60,741230+63,71122f+63,6d112f+69,651132+74,5c1334+85,5d1435+88,591335+89,541535+94,531434+100 */
    background: #e92344; /* Old browsers */
    background: -moz-linear-gradient(top,  #e92344 0%, #ee2342 0%, #eb223c 2%, #ec2442 2%, #ec2240 3%, #eb2340 6%, #e31e3a 18%, #d81d3a 22%, #b31733 33%, #a71634 38%, #a21432 38%, #9e1332 41%, #991430 42%, #7f122f 55%, #7b1130 59%, #751231 60%, #741230 63%, #71122f 63%, #6d112f 69%, #651132 74%, #5c1334 85%, #5d1435 88%, #591335 89%, #541535 94%, #531434 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e92344 0%,#ee2342 0%,#eb223c 2%,#ec2442 2%,#ec2240 3%,#eb2340 6%,#e31e3a 18%,#d81d3a 22%,#b31733 33%,#a71634 38%,#a21432 38%,#9e1332 41%,#991430 42%,#7f122f 55%,#7b1130 59%,#751231 60%,#741230 63%,#71122f 63%,#6d112f 69%,#651132 74%,#5c1334 85%,#5d1435 88%,#591335 89%,#541535 94%,#531434 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e92344 0%,#ee2342 0%,#eb223c 2%,#ec2442 2%,#ec2240 3%,#eb2340 6%,#e31e3a 18%,#d81d3a 22%,#b31733 33%,#a71634 38%,#a21432 38%,#9e1332 41%,#991430 42%,#7f122f 55%,#7b1130 59%,#751231 60%,#741230 63%,#71122f 63%,#6d112f 69%,#651132 74%,#5c1334 85%,#5d1435 88%,#591335 89%,#541535 94%,#531434 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e92344', endColorstr='#531434',GradientType=0 ); /* IE6-9 */
    transition: all 0.3s ease;

}

.toolbar-toggle {
    cursor: pointer;
    height: 100%;
    width: 42px;
    top: 22%;
    /* background-color: rgb(149, 7, 6); */
}

.toolbar-toggle.left-toggle {
    background: url(../assets/img/ico/Toolbar-Download-now.png) no-repeat;
    background-size: 100% 100%;
    float: left;
}
.toolbar-toggle.right-toggle {
    background: url(../assets/img/ico/Toolbar-Chat-Now.png) no-repeat;
    background-size: 100% 100%;
    float: left;
}

.toolbar.left { left: -219px; }
.toolbar.right { right: -219px; }
.toolbar.left:hover { left: 0; }
.toolbar.right:hover { right:0; }

.toolbar.right .triangle {
    position: absolute;
    height:230px;
    width: 220px;
    top: 0;
}
#tri-left {
    background: linear-gradient(to bottom left, rgb(198 0 2) 0%, rgb(104,7,8) 50%, rgb(114 1 35) 50%, rgb(250 6 62) 100%) !important;
}
#tri-right {
    background: linear-gradient(to bottom right, rgb(198 0 2) 0%, rgb(104,7,8) 50%, rgb(114 1 35) 50%, rgb(250 6 62) 100%) !important;
}
.toolbar .triangle { background: linear-gradient(to bottom right, rgb(104,7,8) 0%, rgb(104,7,8) 50%, rgb(131, 7, 8) 50%, rgb(131, 7, 8) 100%); }
.toolbar.right .triangle a { text-decoration: none;}
.right-toolbar-container { position: relative;height: 316px;width:220px;float: left;background: linear-gradient(to right bottom, rgb(114 1 35) 50%, rgb(250 6 62) 100%); }

.ico-header { position: absolute;left: 50%;margin-left: -65.5px; }
.toolbar.toolbar.left .triangle {
    height:100%;
    width: 220px;
    float: left;display: flex;justify-content: center;align-items: center;
}
.toolbar.left .triangle > div > div {  float: left;padding:15px; }
.toolbar.left .triangle > div > div > a { text-decoration: none; }
.toolbar.left .triangle > div > div > a > div { width: 100%;text-align: center;color: white;font-size: 13px; }
.capsule-menu-toolbar {
    position: absolute;left: 50%;margin-left: -98px;height: 36px;width: 196px;background-color: rgb(177, 32, 33);border-radius: 17px;border: 1px solid rgb(221, 25, 26);
    justify-content: center;
    align-items: center;
    display: flex;
}

/* DIV's */
.container {
    width: 1060px;
}

/* Menu's */
.menu-bar { display: flex; }
.menu-bar > div { width:100%;display: flex; }

.menu-bar li:hover .for_span_menu , .menu-bar li.active .for_span_menu { color: rgb(251, 226, 133); text-decoration: underline; }
ul.menu-bar {
    display: flex!important;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    padding: 0;
    height: 30px;
    list-style: none;
    font-size: 12px;
}
ul.menu-bar li { flex: 0 1 33%; white-space: nowrap; }
ul.menu-bar li a { display: block;padding: 8.2px 10px 0 0; text-decoration: none; }
.menu-bar > li .for_span_menu { color: rgb(189, 197, 182);padding: 0 10px 0 0;border-right: 1px solid rgb(189, 197, 182); }
.menu-bar > li:last-child .for_span_menu { color: rgb(189, 197, 182);padding: 0 10px 0 0;border:none; }

.menu-languange
{
    display: flex!important;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    padding: 0;
    height: 30px;
    list-style: none;
    font-size: 14px;
}
.menu-languange li:hover .for_span_menu , .menu-languange li.active .for_span_menu { color: rgb(251, 226, 133);text-decoration: underline; }
ul.menu-languange li { flex: 0 1 33%;white-space: nowrap; }
ul.menu-languange li a { display: block;padding: 6.2px 11px;text-decoration: none; }
.menu-languange > li .for_span_menu { color: rgb(189, 197, 182);padding: 0 10px 0 0; }
.menu-languange > li.lang-en .for_icon::after { content: url(../assets/img/ico/icon-eng.png)!important; }
.menu-languange > li.lang-cn .for_icon::after { content: url(../assets/img/ico/icon-cn.png)!important; }
.menu-languange > li.lang-vn .for_icon::after { content: url(../assets/img/ico/icon-vietnam.png)!important; }
.menu-languange > li.lang-bn .for_icon::after { content: url(../assets/img/ico/icon-brunei.png)!important; }
.menu-languange > li.lang-my .for_icon::after { content: url(../assets/img/ico/icon-malay.png)!important; }
.menu-languange > li.lang-th .for_icon::after { content: url(../assets/img/ico/icon-thailand.png)!important; }

/* NAV's */
.nav-mid { max-width: 1060px!important;margin: 0 auto; }
.nav-mid ul.menu-nav {
    display: flex!important;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    padding: 0;
    height: 41px;
    list-style: none;
    font-size: 14px;
}

.menu-nav li:hover , .menu-nav li.active { background: #ab0d2d; }
.menu-nav li:hover .for_span , .menu-nav li.active .for_span { color: rgb(251, 226, 133); }
.nav-mid ul.menu-nav li { flex: 0 1 33%;white-space: nowrap; }
.nav-mid ul.menu-nav li a { display: block;padding: 10.2px 11px;text-decoration: none; }
.for_span { text-transform: uppercase;color: rgb(226, 226, 226); }
.for_span--modifier { color: rgb(226, 226, 226); }

/* Form's */
.form-holder { height: 28px;width: 101px;margin: 0 2px;float: left; }

.form-holder.input { height: 28px;width: 120px;margin: 0 2px;float: left;position: relative; }

.form-holder input { background-color: rgb(28 26 26);border:1px solid #5d5d5d;;height: 100%;color:rgb(255, 255, 255);padding: 10px 14px 10px 22px; }
.form-holder input::-webkit-input-placeholder { text-align: center; }

.secretname-icon::after  { content: url(../assets/img/ico/form/Secretname.png)!important;margin-right: 4px; }
.password-icon::after  { content: url(../assets/img/ico/form/Password.png)!important;margin-right: 4px; }

.form-register { padding: 20px;}
.form-group { position: relative;padding: 5px 0;width: 100%;}
.form-group input:not([type='checkbox']) { background-color: rgb(19,19,19);border:none;color:rgb(76 73 73);padding: 10px 35px;width: 100%;border-radius: 4px; }
.form-group input.bg-light:not([type='checkbox']) { background-color: white; }
.form-group::-webkit-input-placeholder { text-align: center; }
.form-group > i { position: absolute;padding: 3px 5px;left: 3px;margin-right: 4px;top:9px; }
.form-group > p { padding: 2px;font-size: 13px;}
.important::before { content: '*'; }
.ic-user::after {
    content: url(../assets/img/ico/form/register/ic-user.png)!important;
}
.ic-security::after {
    content: url(../assets/img/ico/form/register/ic-security.png)!important;
}
.ic-phone::after {
    content: url(../assets/img/ico/form/register/ic-phone.png)!important;
}
.ic-email::after {
    content: url(../assets/img/ico/form/register/ic-mail.png)!important;
}

.form-group select { background-color: white;border:none;color:rgb(102, 101, 100);padding: 10px 32px;width: 100%;border-radius: 4px;}

.form-group span { display: none; }
.form-group input { display: block;margin-bottom: 8px; }
.form-group input:focus { background: #f4f4f4;color: black;border: 2px solid red;padding: 10px; }
.agreement-form { position: absolute;width: 100%;bottom: 50px;}
.submit-form { position: absolute;width: 100%;bottom: 10px;}
.submit-form button { border: none;width: calc(100% - 40px); }
.submit.regular { background-color: white; }
.submit.premium { background: -webkit-linear-gradient(rgb(230,210,133), rgb(220,195,96)); }

/* BG */
.bg-login
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#edd712+0,e9bd14+26,f0b519+30,ed9b1b+56,f0971f+59,ee8c1f+78,f08b21+100 */
    background: rgb(237,215,18); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(237,215,18,1) 0%, rgba(233,189,20,1) 26%, rgba(240,181,25,1) 30%, rgba(237,155,27,1) 56%, rgba(240,151,31,1) 59%, rgba(238,140,31,1) 78%, rgba(240,139,33,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(237,215,18,1) 0%,rgba(233,189,20,1) 26%,rgba(240,181,25,1) 30%,rgba(237,155,27,1) 56%,rgba(240,151,31,1) 59%,rgba(238,140,31,1) 78%,rgba(240,139,33,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(237,215,18,1) 0%,rgba(233,189,20,1) 26%,rgba(240,181,25,1) 30%,rgba(237,155,27,1) 56%,rgba(240,151,31,1) 59%,rgba(238,140,31,1) 78%,rgba(240,139,33,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd712', endColorstr='#f08b21',GradientType=0 ); /* IE6-9 */

    display: block;
    width: 101px;
    height: 28px;
    border-radius: 3px;
    color: white;
}
.bg-register
{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#03ba08+0,00b407+7,03ac0b+19,01a709+26,04a30b+30,038f08+56,048d0b+59,048608+74,07850a+81,05850a+100 */
    background: rgb(3,186,8); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(3,186,8,1) 0%, rgba(0,180,7,1) 7%, rgba(3,172,11,1) 19%, rgba(1,167,9,1) 26%, rgba(4,163,11,1) 30%, rgba(3,143,8,1) 56%, rgba(4,141,11,1) 59%, rgba(4,134,8,1) 74%, rgba(7,133,10,1) 81%, rgba(5,133,10,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(3,186,8,1) 0%,rgba(0,180,7,1) 7%,rgba(3,172,11,1) 19%,rgba(1,167,9,1) 26%,rgba(4,163,11,1) 30%,rgba(3,143,8,1) 56%,rgba(4,141,11,1) 59%,rgba(4,134,8,1) 74%,rgba(7,133,10,1) 81%,rgba(5,133,10,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(3,186,8,1) 0%,rgba(0,180,7,1) 7%,rgba(3,172,11,1) 19%,rgba(1,167,9,1) 26%,rgba(4,163,11,1) 30%,rgba(3,143,8,1) 56%,rgba(4,141,11,1) 59%,rgba(4,134,8,1) 74%,rgba(7,133,10,1) 81%,rgba(5,133,10,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ba08', endColorstr='#05850a',GradientType=0 ); /* IE6-9 */

    display: block;
    width: 101px;
    border-radius: 3px;
    color: white!important;
}
/* Play Sub */
/* Play Sub */
.play-now-container {
    width: 20%;padding: 5px;height: 265px;margin: 20px 0 10px 0;
    -webkit-box-shadow: -1px 15px 5px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 15px 5px -6px rgba(0,0,0,0.75);
    box-shadow: -1px 15px 5px -6px rgba(0,0,0,0.75);
 }
.play-now-container > div.play-title-img { padding: 2px;width: 100%;height: 200px;overflow: hidden;background-color: #444444;position: relative; }
.play-now-container > div.play-title-img > .play-now-img {  }
.play-now-container > div.play-title-img > .play-now-img > img {
    width:190px;
    height: 250px;
    transition: all 300ms ease-in-out; /* vendorless fallback */
    -o-transition: all 300ms ease-in-out; /* opera */
    -ms-transition: all 300ms ease-in-out; /* IE 10 */
    -moz-transition: all 300ms ease-in-out; /* Firefox */
    -webkit-transition: all 300ms ease-in-out;
}

/*.play-now-container > div.play-title-img:hover .play-now-img > img {  opacity: 0.5; }
.play-now-container > div.play-title-img:hover  .play-now-button { opacity: 1;}*/
.play-now-container > div.play-title-img:hover { background-color: #8B0000 !important; padding: 2px;}
.play-now-container > div.play-title-img:hover .play-now-img > img {  opacity: 0.5; }
.play-now-container > div.play-title-img:hover  .play-now-button { 
  opacity: 1;
}
.play-now-container > div.play-title-img:hover + .play-title-button{
  background: rgb(252,229,101);
  background: -moz-linear-gradient(top, rgba(252,229,101,1) 0%, rgba(244,219,93,1) 13%, rgba(231,205,84,1) 25%, rgba(230,199,82,1) 30%, rgba(219,190,73,1) 38%, rgba(207,170,63,1) 51%, rgba(167,122,29,1) 87%, rgba(165,119,31,1) 89%, rgba(155,107,22,1) 100%);
  background: -webkit-linear-gradient(top, rgba(252,229,101,1) 0%,rgba(244,219,93,1) 13%,rgba(231,205,84,1) 25%,rgba(230,199,82,1) 30%,rgba(219,190,73,1) 38%,rgba(207,170,63,1) 51%,rgba(167,122,29,1) 87%,rgba(165,119,31,1) 89%,rgba(155,107,22,1) 100%);
  background: linear-gradient(to bottom, rgba(252,229,101,1) 0%,rgba(244,219,93,1) 13%,rgba(231,205,84,1) 25%,rgba(230,199,82,1) 30%,rgba(219,190,73,1) 38%,rgba(207,170,63,1) 51%,rgba(167,122,29,1) 87%,rgba(165,119,31,1) 89%,rgba(155,107,22,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce565', endColorstr='#9b6b16',GradientType=0 );
}
.play-now-container > div.play-title-img:hover + .play-title-button > .play-title-container{
  color: #7e3117;
  border-left: 2px solid #7e3117;
}
.play-now-button {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    bottom:40px;
    width: 134px;
    padding: 5px;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    background-color: #8B0000;
    border: 2px solid rgb(244, 218, 93);
    border-radius: 15px;
    text-align: center;

    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}
.play-now-category { position: absolute;top: 15px;right: 20px;width: 29px;height: 29px;text-align: center; border-radius: 50%;padding: 4px 0;background-color: rgb(42, 40, 42);color:white;cursor: default;}

.play-now-button a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: rgb(244, 218, 93);
}
.play-title-button {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fce565+0,f4db5d+13,e7cd54+25,e6c752+30,dbbe49+38,cfaa3f+51,a77a1d+87,a5771f+89,9b6b16+100 */
    background: #444444; /* Old browsers */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fce565', endColorstr='#9b6b16',GradientType=0 ); /* IE6-9 */

    width: 100%;height: 65px;
}

.play-title-container {
    width:155px;
    min-height:25px;
    /*border-left: 2px solid white;position: relative;*/
    /*text-align: justify;*/
    color: white;
    padding: 3px 0;
    /*padding-left: 16px;*/
    /*padding-right: 31px;*/
    text-transform: uppercase;
    cursor: default;
    font-size: 15px;
    text-align: center;
}
.play-title-help { position: absolute;top: calc( 50% - 12.5px );right: 0px;width: 29px;height: 29px;text-align: center; border-radius: 50%;padding: 4px 0;background-color: rgb(255, 255, 255);color:rgb(111,27,15);}
.play-title-help:hover { background-color: rgb(111,27,15);color:rgb(255, 255, 255); }

/* Breadcumb */
.breadcumb-banner > div img {
    height: 100%;
    width: 100%;
}
/* Play */
.play-panel  { display: flex; width: 33.33%;padding: 7px 10px 0 10px; }
.play-banner { height: 200px;border-radius: 5px;overflow: hidden;position: relative; }
.play-title
{
    position:absolute;bottom:0;height:35px;width:100%;opacity:0.9;background-color:#780e25;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.play-link { display: flex;justify-content: center;align-items:center;height: 100%;font-size: 25px;text-decoration: none;color: rgb(104, 59, 28);text-transform: uppercase;font-weight: bold; }
.play-btn
{
    height: 84px;
    width: 100%;
    margin-top: 10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f1be3f+0,f5cb52+8,fde470+18,fdf080+24,fdf286+27,fcf58b+28,fef693+36,fdf48d+38,f2e07a+42,e0c963+46,dcbc59+47,d8b655+48,cda546+51,c08c36+54,b57b29+58,af7521+59,ab6d18+61,a86610+65,aa6615+66,aa6611+68,b87212+74,d49021+82,e1a22e+87,ecb235+92,eeb939+94,f2bd3d+98,f2bd3d+100 */
    background: rgb(241,190,63); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(241,190,63,1) 0%, rgba(245,203,82,1) 8%, rgba(253,228,112,1) 18%, rgba(253,240,128,1) 24%, rgba(253,242,134,1) 27%, rgba(252,245,139,1) 28%, rgba(254,246,147,1) 36%, rgba(253,244,141,1) 38%, rgba(242,224,122,1) 42%, rgba(224,201,99,1) 46%, rgba(220,188,89,1) 47%, rgba(216,182,85,1) 48%, rgba(205,165,70,1) 51%, rgba(192,140,54,1) 54%, rgba(181,123,41,1) 58%, rgba(175,117,33,1) 59%, rgba(171,109,24,1) 61%, rgba(168,102,16,1) 65%, rgba(170,102,21,1) 66%, rgba(170,102,17,1) 68%, rgba(184,114,18,1) 74%, rgba(212,144,33,1) 82%, rgba(225,162,46,1) 87%, rgba(236,178,53,1) 92%, rgba(238,185,57,1) 94%, rgba(242,189,61,1) 98%, rgba(242,189,61,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(241,190,63,1) 0%,rgba(245,203,82,1) 8%,rgba(253,228,112,1) 18%,rgba(253,240,128,1) 24%,rgba(253,242,134,1) 27%,rgba(252,245,139,1) 28%,rgba(254,246,147,1) 36%,rgba(253,244,141,1) 38%,rgba(242,224,122,1) 42%,rgba(224,201,99,1) 46%,rgba(220,188,89,1) 47%,rgba(216,182,85,1) 48%,rgba(205,165,70,1) 51%,rgba(192,140,54,1) 54%,rgba(181,123,41,1) 58%,rgba(175,117,33,1) 59%,rgba(171,109,24,1) 61%,rgba(168,102,16,1) 65%,rgba(170,102,21,1) 66%,rgba(170,102,17,1) 68%,rgba(184,114,18,1) 74%,rgba(212,144,33,1) 82%,rgba(225,162,46,1) 87%,rgba(236,178,53,1) 92%,rgba(238,185,57,1) 94%,rgba(242,189,61,1) 98%,rgba(242,189,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(241,190,63,1) 0%,rgba(245,203,82,1) 8%,rgba(253,228,112,1) 18%,rgba(253,240,128,1) 24%,rgba(253,242,134,1) 27%,rgba(252,245,139,1) 28%,rgba(254,246,147,1) 36%,rgba(253,244,141,1) 38%,rgba(242,224,122,1) 42%,rgba(224,201,99,1) 46%,rgba(220,188,89,1) 47%,rgba(216,182,85,1) 48%,rgba(205,165,70,1) 51%,rgba(192,140,54,1) 54%,rgba(181,123,41,1) 58%,rgba(175,117,33,1) 59%,rgba(171,109,24,1) 61%,rgba(168,102,16,1) 65%,rgba(170,102,21,1) 66%,rgba(170,102,17,1) 68%,rgba(184,114,18,1) 74%,rgba(212,144,33,1) 82%,rgba(225,162,46,1) 87%,rgba(236,178,53,1) 92%,rgba(238,185,57,1) 94%,rgba(242,189,61,1) 98%,rgba(242,189,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1be3f', endColorstr='#f2bd3d',GradientType=0 ); /* IE6-9 */
    border-radius: 15px;

    -webkit-box-shadow: 0px 8px 0px 0px rgb(93,57,25);
    -moz-box-shadow: 0px 8px 0px 0px rgb(93,57,25);
    box-shadow: 0px 8px 0px 0px rgb(93,57,25);
}

.ic-join-now::after  { content: url(../assets/img/ico/mini-icon/ic-join-now.png)!important;margin-right: 4px; }
.ic-deposit-now::after  { content: url(../assets/img/ico/mini-icon/ic-deposit-now.png)!important;margin-right: 4px; }
.ic-how-to-play::after  { content: url(../assets/img/ico/mini-icon/ic-how-to-play.png)!important;margin-right: 4px; }

.mobile-app-banner.homepage { width:100%;display:flex;flex-wrap:wrap;padding: 5px 10px 10px 10px; }
.mobile-app-banner.homepage > div { display: flex; width: 100%;height: 200px;border:1px solid white; }
.mobile-app-banner.homepage > div > img { width: 100%;height: 100%; }

/* Promotion */

.tab-promot {  width:100%;margin-top: 20px; }
.tabs > ul {
    display: flex!important;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    line-height: 62px;
    padding: 0;
    list-style: none;
}
.tabs-nav { font-size: 14px;}
.tabs-nav li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}
.tabs li { position: relative;}
.dash-nav { background-color: rgb(34, 34, 34);}
.dash-nav li a { font-size: 15px; }
.promot-nav li a { font-size: 24px; }
.promot-nav {

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fbc736+0,edb731+20,a76916+80,985810+100 */
    background: rgb(251,199,54); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(251,199,54,1) 0%, rgba(237,183,49,1) 20%, rgba(167,105,22,1) 80%, rgba(152,88,16,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(251,199,54,1) 0%,rgba(237,183,49,1) 20%,rgba(167,105,22,1) 80%,rgba(152,88,16,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(251,199,54,1) 0%,rgba(237,183,49,1) 20%,rgba(167,105,22,1) 80%,rgba(152,88,16,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc736', endColorstr='#985810',GradientType=0 ); /* IE6-9 */
}
.tabs-nav li { flex: 0 1 100%;white-space: nowrap ; }

.promot-nav li a { color: rgb(140, 13, 13)!important; }
.tabs-nav li a { color: rgb(226, 226, 226); }
/* Dash nav normal */

.tabs-nav li a:hover, .tabs-nav li a.active {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fde375+0,f5d56e+21,cea249+79,c59541+100 */
    background: rgb(83 ,12, 35); /* Old browsers */
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#af283a+0,a51e35+13,981a30+20,8e1a31+27,691129+43,661139+47,62122d+50,570d1f+53,5c142a+57,561229+60,4d0f20+64,53132f+67,521237+69,501137+71,4d112e+72,4b112a+74,3d1331+100 */
    border: 1px solid rgb(253, 229, 126);
    color: rgb(230,210,133);
}

.tabs-nav li a:hover > img,.tabs-nav li a.active > img{
    filter: invert(92%) sepia(22%) saturate(860%) hue-rotate(345deg) brightness(96%) contrast(106%);
  }

.ic-tab
{

    background-size: 20px 21px;

    width: 30px;
    height: 22px;
    display: inherit;
    position: relative;
    top: 4px;
    margin-right: -1px;
}
.ic-wallet { background: url(../assets/img/svg/Cashier.svg) center no-repeat; }
.ic-account-info { background: url(../assets/img/svg/account-info.svg) center no-repeat; }
.ic-security-info { background: url(../assets/img/svg/security.svg) center no-repeat; }
.ic-account-history { background: url(../assets/img/svg/account-history.svg) center no-repeat; }
.ic-promotion-info { background: url(../assets/img/svg/promotion.svg) center no-repeat; }

/* Promot Nav */
.promot-nav li a:hover, .promot-nav li a.active {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fde375+0,f5d56e+21,cea249+79,c59541+100 */
    color: rgb(140, 13, 13);
    background: rgb(253,227,117); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,227,117,1) 0%, rgba(245,213,110,1) 21%, rgba(206,162,73,1) 79%, rgba(197,149,65,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(253,227,117,1) 0%,rgba(245,213,110,1) 21%,rgba(206,162,73,1) 79%,rgba(197,149,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(253,227,117,1) 0%,rgba(245,213,110,1) 21%,rgba(206,162,73,1) 79%,rgba(197,149,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde375', endColorstr='#c59541',GradientType=0 ); /* IE6-9 */
}
.tab_content { display: block;padding: 10px 0; }
.promotion-container { padding: 15px 0;}
.promotion-item {
    width: 100%;
    height: 150px;
    border-radius: 80px;
    margin-bottom: 10px;
    overflow: hidden;
}
.promotion-item > a { display: block;width: 100%;height: 100%; }
.promotion-item > a > img { width: 1100px;height: 150px; }


.promot-after {
    height: 273px;padding: 5px;
}
.link-curve {
    cursor: pointer;
    font-family: 'Open Sans',sans-serif;
    padding: 5px;
    width: 120px;
    background: transparent;
    font-size: 13px;

    text-align: center;
}
.sect-promot {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fde375+0,f8dc71+14,f4d46d+22,f1d268+25,f1d16a+27,d4ab4f+68,cd9f49+81,c49641+100 */
    background: rgb(253,227,117); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(253,227,117,1) 0%, rgba(248,220,113,1) 14%, rgba(244,212,109,1) 22%, rgba(241,210,104,1) 25%, rgba(241,209,106,1) 27%, rgba(212,171,79,1) 68%, rgba(205,159,73,1) 81%, rgba(196,150,65,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(253,227,117,1) 0%,rgba(248,220,113,1) 14%,rgba(244,212,109,1) 22%,rgba(241,210,104,1) 25%,rgba(241,209,106,1) 27%,rgba(212,171,79,1) 68%,rgba(205,159,73,1) 81%,rgba(196,150,65,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(253,227,117,1) 0%,rgba(248,220,113,1) 14%,rgba(244,212,109,1) 22%,rgba(241,210,104,1) 25%,rgba(241,209,106,1) 27%,rgba(212,171,79,1) 68%,rgba(205,159,73,1) 81%,rgba(196,150,65,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde375', endColorstr='#c49641',GradientType=0 ); /* IE6-9 */
    color: rgb(140, 13, 13);

    width: 100%;height: 54px;position: absolute;bottom: 0;display: flex;align-items: center;padding: 0 15px;
}
.promot-after-bg {
    background-size: 100% 100%;position: relative;
    width: 100%;height: 100%;
}
.promot-after-title {
    font-weight: 900;font-size: 20px;
}
.btn-curve-scarlet {
    color: rgb(140, 13, 13)!important;
    border: 2px solid rgb(140, 13, 13)!important;
}
.btn-curve-scarlet:hover
{
    background: rgb(140, 13, 13)!important;
    color: white!important;
}

/* Footer */
.section.footer > .section { width: 100%;justify-content: center; }
.section.footer > .section.icon-footer > div { width: 1060px;padding: 10px 10px; }
.section.footer > .section.icon-footer > div > div { position: relative;width: 100%; }

.contact-item { float: left;padding-right: 10px; }
.contact-item-img { float: left; }
.contact-item-img img { width: 41px;height: 41px; }
.contact-item-text { color: rgb(173, 171, 165);font-size: 10px;padding: 8px;float: left; }

.section.copyright { color: rgb(173, 171, 165);padding: 15px;font-size: 14px; }


/* Registration */
/* Sizing */
.col-x2 { width: 50%!important;}
.col-x3 { width: 33.333333%;}
.col-x4 { width: 25%!important;}
.col-x5 { width: 20%!important;}
.col-x10 { width: 10%!important;}

.type-account { height: 705px;padding: 15px;}
.account-type { display: flex;flex-wrap: wrap;width: 100%;padding: 22.5px 0; }
.account-type.with-space { justify-content: space-between; }
.account-type.with-space .type-account { width: 32.333333%; }

.account-type.with-no-space { justify-content: center; }
.bg-danger { background-color: rgb(163, 11, 8); }
.bg-black { background-color: rgb(12, 12, 12);}

.border-gold { border: 1px solid rgb(252, 229, 127); }
.border-silver { border: 1px solid rgb(160, 160, 160); }

.rectangle-div { width: 100%;height: 32px;background-color: rgba(0, 0, 0,0.5);margin-bottom: 15px;color: white;padding: 6px;text-align: center; }
.rectangle-div span { font-size: 12px;font-family: 'Open Sans', sans-serif; }
.rectangle-div span::before {
    /* add the new bullet point */
        display: inline-block;
        content: '';
        -webkit-border-radius: 0.375rem;
        border-radius: 0.375rem;
        height: 0.50rem;
        width: 0.50rem;
        margin-right: 0.5rem;
        background-color: #ffffff;
    }
.account-img { justify-content: center;display: flex;padding: 15px 0;max-height: 161px; }

.bg-benefit { background: rgb(219, 75, 46) url(../assets/img/bg/texture/benefit-bg.png); }
.bg-regular { background: rgb(36, 36, 36) url(../assets/img/bg/texture/premium-bg.png); }
.bg-premium               {
    background: rgb(44, 40, 32);
    background-image: url(../assets/img/bg/texture/premium-bg.png), linear-gradient(rgb(44, 40, 32), rgb(26, 26, 26)); /* W3C */
}
.btn {
    display: block;
    width: 100%;padding: 10px;
    border-radius: 3px;
    color: rgb(0, 0, 0);
    text-align: -webkit-center;
    text-decoration: none;
}
.btn-basic { border: none;padding:7px;font-family: Arial, Helvetica, sans-serif;font-size: 13px; }
.btn.account-btn.sign { margin-top: 15px;}
.sign.regular-btn { background: -webkit-linear-gradient(#eee, #333); }
.sign.premium-btn { background: -webkit-linear-gradient(rgb(247,232,173), rgb(219,182,101)); }

.checklist-icon-regular::after { content: url(../assets/img/ico/account/checked-silver.png)!important; }
.checklist-icon-premium::after { content: url(../assets/img/ico/account/checked-gold.png)!important; }

/* Accordion */
.tab-accordion { list-style: none;}
.tab-accordion > li { position: relative;margin-bottom: 10px;}
.tab-accordion > li > a {
    width: 100%;
    display: block;
    background: rgb(70,70,70);
    color: #fefefe;
    padding: .75em;
    border-radius: 0.15em;
    transition: background .3s ease;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
 }
.tab-accordion > li > a.active { background-color: rgb(182, 10, 10); }
.tab_accordion_active { display: block; }
.tab-accordion-container { padding: 1em 0;overflow: hidden; display: none; }

.ic-arrow-circle::after {
    margin-right: 4px;
    position: absolute;
    right: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform-origin: 50% 50%;
 }
 .ic-arrow-circle::after {
     content: url(../assets/img/ico/mini-icon/arrow-circle.png)!important;
  }
.accordion-toggle.active > .ic-arrow-circle::after {
    content: url(../assets/img/ico/mini-icon/arrow-circle-down.png)!important;
}



/* BreadCrumbs */



/* Menu mini */
    .btn-hd-after { display: flex;align-items: center;height:100px}
    .hd-menu-bars { height: 61px;}
    .hd-menu-bars a { font-family: 'Open Sans',sans-serif;padding: 5px 5px;color: rgb(173, 171, 165);}
    .hd-menu-bars:not(:last-child) { display: flex;margin-right: 10px;}
    .menu-btn-bar.active { color: rgb(227, 208, 132);}
    .menu-btn-bar.active > div > img {
        filter: invert(12%) sepia(44%) saturate(378%) hue-rotate(358deg) brightness(105%) contrast(118%);
    }
    .ic-piggy::after {
        content: url(../assets/img/ico/hd-after/piggy.png);
    }
    .bdp:hover {
        background: rgb(5,133,10); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(5,133,10,1) 0%, rgba(7,133,10,1) 19%, rgba(4,134,8,1) 26%, rgba(4,141,11,1) 41%, rgba(3,143,8,1) 44%, rgba(4,163,11,1) 70%, rgba(1,167,9,1) 74%, rgba(3,172,11,1) 81%, rgba(0,180,7,1) 93%, rgba(3,186,8,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(5,133,10,1) 0%,rgba(7,133,10,1) 19%,rgba(4,134,8,1) 26%,rgba(4,141,11,1) 41%,rgba(3,143,8,1) 44%,rgba(4,163,11,1) 70%,rgba(1,167,9,1) 74%,rgba(3,172,11,1) 81%,rgba(0,180,7,1) 93%,rgba(3,186,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(5,133,10,1) 0%,rgba(7,133,10,1) 19%,rgba(4,134,8,1) 26%,rgba(4,141,11,1) 41%,rgba(3,143,8,1) 44%,rgba(4,163,11,1) 70%,rgba(1,167,9,1) 74%,rgba(3,172,11,1) 81%,rgba(0,180,7,1) 93%,rgba(3,186,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#05850a', endColorstr='#03ba08',GradientType=0 ); /* IE6-9 */
    }
    .my-text {
        display: block;
        font-family: "Open Sans", sans-serif;
        font-size: 12px;
        font-weight: bold;
    }
    .round-ic {
        background-color: #212121;
        padding: 10px;
        width: 50px;
        border-radius: 50%;
        height: 50px;
        border: solid rgba(90, 90, 90, 1) 0.5px;
    }
    .nod-tip {
        width: 20px;
        height: 20px;
        background-color: red;
        border-radius: 50%;
        font-size: 12px;
        position: absolute;
        text-align: center;
        padding: 2px;
        bottom: 5px;
        color: rgb(232, 235, 230);
    }


    /* Form Transparent */
    .my-account
    {
        color: white;
        padding: 5px 0px;
        font-size: 13px;
    }
    .h-txt{
        border: none;
        background: transparent;
        font-family: 'Open Sans', sans-serif;
        color: white;
    }
    label {
        display: inline-block;
        width: 145px; text-align: left;
        font-weight: normal;
        font-family: 'Open Sans', sans-serif;
        font-size: 13px;

    }
    .crt { width: calc(100% - 150px);display: inline-block;}
    .crt2 { width: 100%;display: inline-block;}
    .crt::before {
        content: ':';
        margin-right: 5px;
    }

    .curve-submit {
        cursor:pointer;color:white;font-family:'Open Sans',sans-serif;padding: 5px;width: 160px;border-radius: 15px;border:1px solid white;background: transparent;
    }
    .curve-submit:hover {
        background-color: white;
        color: black;
    }
    /* Data Tables */

    .trigger-show {
        position: relative;
    }
    .show-this-div {
        display: block;
        position: absolute;
        bottom: -10px;
    }
    .tooltip.bg-dark {
        border: 1px solid rgb(155, 155, 155);
        background: rgb(34, 34, 34);
        display: none;
        float: left;
        padding: 0px;
        position: absolute;
        left: 0;
        top: 115%;
        width: auto;
        z-index: 20;
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        text-align: center;
        line-height: 20px;
    }
    .tooltip.arrow-tp-up:after {
        border-right: 6px solid rgba(0, 0, 0, 0);
        border-left: 6px solid rgba(0, 0, 0, 0);
        border-bottom: 6px solid rgb(34, 34, 34);
        content: "";
        display: inline-block;
        left: 8px;
        position: absolute;
        top: -12px;
    }
    .tooltip.arrow-tp-up::before {
        border-right: 7px solid rgba(0, 0, 0, 0);
        border-left: 7px solid rgba(0, 0, 0, 0);
        border-bottom: 7px solid rgb(155, 155, 155);
        content: "";
        display: inline-block;
        left: 7px;
        position: absolute;
        top: -18px;
    }
    table.table-no-space { border-spacing: 0;}
    .table-status-game { width: 100%; }

    .table-status-game th { background-color: rgb(34, 34, 34)!important;padding: 10px; }
    .table-status-game tr:nth-child(even) {background: rgb(51, 51, 51)!important;}
    .table-status-game tr:nth-child(odd) {background: rgb(34, 34, 34)!important;}
    .table-status-game td:nth-child(odd) {text-align: left;}
    .table-status-game td:nth-child(even) {text-align: right;}



    .table-with-no-spacing { margin: 0; }
    .table-with-spacing { margin: 0 -10px; }
    .tables-custom table { color:rgb(228, 228, 228);text-align: center;font-size: 13px;}
    .tables-custom table.table-space { border-spacing: 10px 0;border-collapse: separate; }
    .tables-custom table td,table th { padding: 10px;}
    .tables-custom table th { background-color: rgb(85, 85, 85); }
    .tables-custom tr:nth-child(even) {background: rgb(34, 34, 34);}
    .tables-custom tr:nth-child(odd) {background: rgb(51, 51, 51);}
    .tables-custom table td { color:rgb(200, 200, 200); }


    .tables-custom table { color:rgb(228, 228, 228);text-align: center;font-size: 13px;}
    .tables-custom table.table-space { border-spacing: 10px 0;border-collapse: separate; }
    .tables-custom table td,table th { padding: 10px;}
    .tables-custom table th { background-color: rgb(85, 85, 85); }
    .tables-custom tr:nth-child(even) {background: rgb(34, 34, 34);}
    .tables-custom tr:nth-child(odd) {background: rgb(51, 51, 51);}
    .tables-custom table td { color:rgb(200, 200, 200); }


    .table-custom-mail tbody tr { cursor: pointer; }
    .table-custom-mail tbody tr:hover td
    {
        -webkit-box-shadow: 0 3px 0px 0px rgba(0,0,0,0.75), 0 -3px 0px 0px rgba(0,0,0,0.75);
        -moz-box-box-shadow: 0 3px 0px 0px rgba(0,0,0,0.75), 0 -3px 0px 0px rgba(0,0,0,0.75);
        box-shadow: 0 3px 0px 0px rgba(0,0,0,0.75), 0 -3px 0px 0px rgba(0,0,0,0.75);
    }
    .table-custom-mail a {  display:block;text-decoration:none;color: rgb(155, 155, 155); }
    .table-custom-mail a p:first-child {  text-align: left; }
    .table-custom-mail a p:last-child {  text-align: right; }

    .dataTables_wrapper { display: flex;flex-wrap: wrap;}
    .dataTables_info { padding: 10px;text-align: center;width: 100%;color: rgb(228, 228, 228);order: 2;}
    .dataTables_paginate { width: 100%;display: flex;justify-content: center;padding: 10px 0 0;}
    .paginate_button.previous {
        cursor: pointer;
        background:url(../assets/img/hd-table/prev.png) 0 0 no-repeat;
        background-size: 100%;
        display:block;
        height:40px; /* your image height */
        width:40px; /* your image width */
        text-indent:-99999em;
        overflow:hidden;
    }
    .dataTables_paginate span .paginate_button {
        cursor: pointer;
        display:block;
        background:url(../assets/img/hd-table/border.png) 0 0 no-repeat;
        background-size: 100%;
        height:40px; /* your image height */
        width:40px; /* your image width */
        float: left;text-align: center;
        padding: 10px;
        font-family: 'Open Sans', sans-serif;
        color: white;
    }
    .dataTables_paginate span .paginate_button.current {
        background:url(../assets/img/hd-table/border-w.png) 0 0 no-repeat;
        background-size: 100%;
        color: black;}
    .paginate_button.next {
        cursor: pointer;
        background:url(../assets/img/hd-table/next.png) 0 0 no-repeat;
        background-size: 100%;
        display:block;
        height:40px; /* your image height */
        width:40px; /* your image width */
        text-indent:-99999em;
        overflow:hidden;
     }
     .btn-curve {
        cursor:pointer;font-family:'Open Sans',sans-serif;padding: 5px;width: 120px;border-radius: 15px;background: transparent;
     }
     .bg-success { color:rgb(2, 168, 10);border:1px solid rgb(2, 168, 10); }
     .bg-success:hover { background-color: rgb(2, 168, 10);color: white;}

/* Tooltip */
.trigger-show {
    position: relative;
}
.show-this-div {
    display: block;
    position: absolute;
    bottom: -10px;
}
.tooltip.bg-dark {
    border: 1px solid rgb(155, 155, 155);
    background: rgb(34, 34, 34);
    display: none;
    float: left;
    padding: 0px;
    position: absolute;
    left: 0;
    top: 115%;
    width: auto;
    z-index: 20;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    line-height: 20px;
}
.tooltip.bot-tooltip:after {
    border-right: 6px solid rgba(0, 0, 0, 0);
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-bottom: 6px solid rgb(34, 34, 34);
    content: "";
    display: inline-block;
    left: 8px;
    position: absolute;
    top: -12px;
}
.tooltip.bot-tooltip::before {
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-left: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid rgb(155, 155, 155);
    content: "";
    display: inline-block;
    left: 7px;
    position: absolute;
    top: -18px;
}
table.table-no-space { border-spacing: 0;}
.table-status-game { width: 100%; }

.table-status-game th { background-color: rgb(34, 34, 34); }
.table-status-game tr:nth-child(even) {background: rgb(51, 51, 51);}
.table-status-game tr:nth-child(odd) {background: rgb(34, 34, 34);}
.table-status-game td:nth-child(odd) {text-align: left;}
.table-status-game td:nth-child(even) {text-align: right;}

.no-pads .form-group input,.no-pads .form-group select{
    padding: 10px!important;
}
label.inp-file{
    padding: 10px;
    background: transparent;
    display: table;
    color: #fff;
    cursor: pointer;
    text-align: center;
    border-radius: 20px;
    border: 1px solid white;
    }
    label.inp-file:hover {
    background: white;
    color: rgb(0, 0, 0);
    border: 1px solid rgb(255, 255, 255);
    }


input[type="file"] {
    display: none;
}
.completion-level{
    display: block;
    height: 20px;
    transition: all 0.4s ease;
}

.completion-level-0{
    background: none repeat scroll 0 0 rgb(255, 0, 0);
    width: 0%;
}

.completion-level-1 {
    background: none repeat scroll 0 0 rgb(255, 0, 0);
    width: 20%;
}
.completion-level-2 {
    background: none repeat scroll 0 0 rgb(255, 255, 0);
    width: 40%;
}
.completion-level-3 {
    background: none repeat scroll 0 0 rgb(125, 255, 136);
    width: 60%;
}
.completion-level-4 {
    background: none repeat scroll 0 0 rgb(0, 255, 0);
    width: 80%;
}
.completion-level-5 {
    background: none repeat scroll 0 0 rgb(0,255,  255);
    width: 100%;
}
.form-group select.multiple-select-row { margin: 0 3px 0px 0px; }
.form-group textarea {
    background-color: white;
    border: none;
    color: rgb(197, 194, 188);
    padding: 10px;
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.tabs-like-accordion { color: white;font-size: 12px;}
.tabs-like-accordion > div {
    padding: 10px 15px;
}

.tabs-nav.dash-nav.custom-1 li a {
    padding: 22px 10px;
}
.tabs-nav.dash-nav li a span {
    display: inline-block;
}
.tabs-nav.dash-nav li a span.rowspan-1 {
    position: relative;
    top: -9px;
}

.tabs-like-accordion .tab-header { background-color: rgb(85, 85, 85);width: 100%; }
.tabs-like-accordion .tab-content { background-color: rgb(34, 34, 34);width: 100%; }
.horizontal-form .form-group { display: inline-block;}
.horizontal-form .form-group input,.horizontal-form .form-group select {
    padding: 10px!important;
}

/* Mails */

.btn-msg
{
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    color: rgb(108, 108, 108);
}
.table-custom-mail th:first-child { width: 50px;}
.table-custom-mail th:nth-child(2),.table-custom-mail td:nth-child(2) { text-align: left;}
.table-custom-mail th:nth-child(3),.table-custom-mail td:nth-child(3) { text-align: right;}
.table-custom-mail tr:nth-child(odd) {background: rgb(34, 34, 34)!important;}
.table-custom-mail tr:nth-child(even) {background: rgb(51, 51, 51)!important;}
.envelope {
    display: inline-block;
    background-image: url(../assets/img/mini-mail.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 15px 0 35px;
    margin-right: 10px;
}
.trash {
    display: inline-block;
    background-image: url(../assets/img/mini-trash.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0 5px 0 20px;
}

/* Backgroun contrat */

.bg-grey {
    background-color: #555555 !important;
    color: white !important;
}