:root {
    --pri-dark: #110b2d;
    --pri-shade2: #23165e;  
    --pri-shade3: #050311;
    --yellow: #dfb50a;
    --white: #fff;
    --black: #000;
}

:root.pja{
    --pri-dark: #470000;
    --pri-shade2: #910000;
    --pri-shade3: #470000;
    --yellow: #dfb50a;
    --white: #fff;
    --black: #000;
}
:root .wintoro {
    --pri-dark: #141414;
    --pri-shade2: #343335;
    --pri-shade3: #050311;
    --yellow: #950000;
    --white: #fff;
    --black: #000;
}
:root .mybetday {
    --pri-dark: #300328;
    --pri-shade2: #5f1653;
    --pri-shade3: #11030f;
    --yellow: #fe8c21;
    --white: #fff;
    --black: #000;
}
:root .bitcoinsportsbook {
    --pri-dark: #000000;
    --pri-shade2: #161616;
    --pri-shade3: #222222;
    --yellow: #ff8017;
    --white: #fff;
    --black: #000;
}

@font-face{font-family:'roboto_condensedbold';src:url('../fonts/robotocondensed-bold-webfont.eot');src:url('../fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/robotocondensed-bold-webfont.woff2') format('woff2'),
url('../fonts/robotocondensed-bold-webfont.woff') format('woff'),
url('../fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
url('../fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');font-weight:normal;font-style:normal;}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/opensans-regular-webfont.woff') format('woff'),
    url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
    url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "open_sansbold";
    font-weight: normal;
    src: url("../fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-bold-webfont.woff") format("woff"), url("../fonts/opensans-bold-webfont.ttf") format("truetype"), url("../fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
}
html{width:100%; float:left;height:100%;}
img{border:none;outline:none;}
select::-ms-expand{display:none;}
input:focus,textarea:focus{outline:none;}
textarea:focus{outline:none;}
select:focus{outline:none;}
.editing{display:none;}
.editable{display:block;}
a:focus,button:focus{border:none;outline:none;}
*{margin:0px;padding:0px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
html{margin-top:0px;width:100%;height:100%;}
.clr{clear:both;}
.flt{float:left;}
.flr{float:right;}
a{text-decoration:none !important;color:#555555;transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;text-decoration:none;}
a:hover{color:#376406;}
ul{list-style:none;}
ul li{float:left;}
p{line-height:24px;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;font-weight:normal;font-family:'roboto_condensedbold';font-weight:normal;}
ul,ol,li{margin:0px;}
a{border:none;}
a:hover{text-decoration:none !important;}
button,input[type="submit"],a,input[type="button"]{cursor:pointer;}
body{padding-bottom:44px; width:100%;font-size:15px !important;font-family: 'open_sansregular';background:#fff;line-height:24px;position:relative;min-height:100%; float:left;}


/*************admin password********/
.loginfixed {
    width: 100%;
    float: left;
    position: fixed;
    /*background: #f1f1f1; */
    background: var(--pri-shade3);
    background-size: cover;
    background-image: url('../images/backend/login-bg.jpg');
    left: 0;
    height: 100%;
    bottom: 44px;
}
.wintoro .loginfixed, .bitcoinsportsbook .loginfixed {
    background-image: url('../images/backend/wintoro-login-bg.jpg');
}
.loginfixed-inner {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 375px;
    height: 100%;
}
.forbidden .loginfixed-inner {
    width: 500px;
}
.maintenance .loginfixed-inner {
    width: 570px;
}
.temp-avail .loginfixed-inner {
    width: 600px;
}
.loginfixed-tb {
    width: 100%;
    height: 100%;
    float: left;
    display: table;
}
.loginfixed-cell {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
}
.logoblockMain{width:100%;float:left;margin-bottom: 15px;text-align: center;}
.logoblockMain img{float:none;display: inline-block;    max-width: 250px;}
.login-block {
    padding:30px 0px;
    width: 100%;
    float: right;
    border-radius: 5px;
    background: #fff;
    border-top: 3px solid var(--yellow);
    box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
    -ms-box-shadow: 0px 3px 6px rgba(0,0,0,0.2);
}
.wintoro .login-block {
    background: #58585863;
}
.wintoro .login-form .input-block input {
    border: 2px solid #ccc6d7;
    background-color: #2e2e2e;
    color: #fff;
}
.wintoro .input-block input::placeholder {
    color: #fff;
    opacity: 0.6;
}
.wintoro .full-block.full-block-email .input-block:before, .wintoro .full-block-password:before {
    filter: brightness(3);
}
.wintoro footer {
    background-color: #000;
}
.wintoro .login-form p, .wintoro .login-form h2, .wintoro .login-form .input-block button.login-btn {
    color: #fff;
}
.login-form {
    width: 100%;
    float: left;
    padding: 0px 39px;
}
.login-form h2 {
    width: 100%;
    float: left;
    text-align: center;
    color: #3f3f3f;
    text-transform: uppercase;
    line-height: 30px;
    margin-bottom: 5px;
    font-size: 30px;
}
.login-form p {
    width: 100%;
    float: left;
    text-align: center;
    color: #413c52;
    margin-bottom: 23px;
    font-size: 14px;margin-bottom: 13px;
}
.full-block {
    width: 100%;
    float: left;
    position: relative;
}
.input-block {
    width: 100%;
    float: left;
    margin-bottom: 25px;position: relative;
}
.full-block:last-child .input-block{margin-bottom: 0px;} 
.login-form .input-block input {
    width: 100%;
    float: left;
    height: 50px;
    border: 2px solid #ccc6d7;
    border-radius: 30px;
    padding: 0px 10px 0px 57px;
    font-size: 14px;
    background-color: transparent;
}
.email-icon {
/*
    background: #faf4fc url("../images/backend/email.png") no-repeat scroll 15px center;
*/
    background-color: rgb(250, 244, 252);
}
.login-form .input-block button.login-btn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f94d6d+0,d82143+100 */
    background: var(--yellow); /* Old browsers */
    border: none;
    padding: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-family: open_sansbold;
    color: #000000;
    border: none;
    height: 47px;
    background-repeat: no-repeat;
    background-position: 0px 0px;width:100%;border-radius: 100px;
}
.key-icon {
/*
    background: url(../images/backend/key-icon.png) no-repeat 15px center rgba(0,0,0,0);
*/
    background-color: rgba(0, 0, 0, 0);
}
footer{
    position: absolute;
    width: 100%; 
    float:left;color: #fff;
    font-size: 13px;
    bottom: 0;
    background:var(--pri-shade2);
    text-align: center;
}
.footertxt{width:100%;padding: 10px;}
span.invalid-feedback {
    position: absolute;
    left: 0;
    bottom: -21px;
    color: #da143b;
    font-size: 12px;
    font-weight: normal;
    padding-left: 20px;
}
header {
    width: 100%;
    float: left;
    padding: 10px;
    background: rgba(255,255,255,0.8);
    text-align: right;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
}
a.logout img {
    width: 25px;
}
.body-outer {
    width: 100%;
    float: left;
    padding: 20px;
}
span.invalid-feedback.login-common-err {
    width: 100%;
    float: left;
    padding: 10px 20px;
    border: 1px solid #ff00006e;
    background: #ff000014;
    margin-bottom: 10px;
    border-radius: 5px;
    position: relative;
    bottom: 0;
    font-size: 15px;
}
.login-common-err img {
    position: absolute;
    right: 20px;
    width: 9px;
    top: 17px;
    cursor: pointer;
}

.error-page-block{
    display:inline-block;
    width:100%;
    text-align:center;
}
.error-page-block p {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 20px;
}
.error-page-block h1 {
    font-size: 208px;
    display: inline-block;
    height: auto;
    line-height: 236px;
    color: #fff;
    text-shadow: 6px 6px 0 rgba(45, 55, 64, 0.65);
    font-weight: 800;
}
.error-page-block .btn-block{
    padding-top:18px;
}

.error-page-block .primary-btn{
    display: inline-block;
    padding: 0 60px;
    height: 50px;
    background: var(--yellow);
    line-height: 50px;
    border-radius: 4px;
    font-weight: 600;
    color: #000;
    font-size: 16px;
}
.error-page-block .primary-btn:hover{
    background-color: var(--yellow);
}

.error-page-block .primary-btn img{
    transform:rotate(180deg) translate(11px, -2px);
}
/*13 march*/

.login-form input  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    box-shadow: 0 0 0 30px transparent inset !important;
}
.full-block.full-block-email .input-block:before {
    content: "";
    display: block;
    width: 68px;
    height: 100%;
    background-image: url(../images/backend/email.png);
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
}
.full-block-password:before {
       content: "";
    display: block;
    width: 68px;
    height: 100%;
    background-image: url(../images/backend/key-icon.png);
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
}
.access-denied-block {
    width: 425px;
    text-align: center;
}

.access-denied-block h1 {
    font-size: 58px;
}
/*13 march*/
.wintoro .input-block input:-webkit-autofill, .wintoro .input-block input:-webkit-autofill:first-line, .wintoro .input-block input:-webkit-autofill:hover, .wintoro .input-block input:-webkit-autofill:focus, .wintoro .input-block input:-webkit-autofill:active {
    box-shadow: 0 0 0 100px #2e2e2e inset !important;
    -webkit-text-fill-color: #fff;
    font-size: 14px;
}
@media (max-width: 380px){
    .loginfixed-inner {
        width: 290px;
    }
    .login-form {
        padding: 0px 20px;
    }
    .error-page-block h1{
        font-size:148px;
        line-height:186px;
    }
}
/**************end*****************/