/* here you can put your own css to customize and override the theme */
textarea {
    resize: none;
}

th.center,td.center {
    text-align: center;
}

th.right,td.right,input.right {
    text-align: right;
}

input,textarea {
    color: #000000 !important;
}
.doc-status {    
    background: #0381a9;
    color: #ffffff !important;
    padding: 5px;
    text-align: center;
    font-size: 0.9em;
}
a.site-logo {
    text-decoration: none !important;
    font-size: 20px;
    margin-top: 7px;
    padding-right: 0 !important;
}
body {
    background-image: url('../img/bg_main.jpg');
}

.login-pages{background-image: url('../img/main-login.jpg');background-size: cover; }
.login-box{width: 420px;overflow: hidden;display: block;padding: 45px 0 60px 0;margin: 30px auto;background: #2e333a;box-shadow: 2px 5px 11px 0px rgba(30,35,35,0.79);}
.logo-block{margin:auto;width: 181px;}
.loginsub{display: block;width: 45%;padding: 5px;float: left;overflow: hidden;color:#ffffff}
.marginbottom35{margin-bottom: 30px; }
.b-right{    text-align: right;
    padding: 0 35px;}
.text-right a{color: #ffffff}
.text-login ,.text-forgot a{font-size: 16px;font-weight: 400;color: #fff;text-align: right;margin: 8px;}
.text-forgot{margin-top:18px}
span.menu-icon.fa{
    display: block;
    text-align: center;
    margin: 10px auto;
}
.box-game {
    display: block;
    overflow: hidden;
    width: 100%;
    border: 1px solid #e5e5e5;
    margin: 10px 0;
}
.info-box-text{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: 700;margin-bottom: 5px}.info-box-text{text-transform:uppercase;}.info-box-more{display:block}
.show-box{padding: 10px;text-align: center}
.box-icon{border-top-left-radius:2px;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:2px;display:block;float:left;height:60px;width:70px;text-align:center;font-size:35px;line-height:60px;background:rgba(0,0,0,0.2);color:#fff}
.big-icon{font-size: 30px;}
.slide-show{overflow: hidden;width: 100%;padding: 15px 28px;}
.slide-show img{width: 100%;}
.subcheckbox{float:right}
.subcheckbox a{color:#fff}
.box-group{padding: 10px;border: 1px solid #e5e5e5;width: 98%;overflow: hidden;margin: auto}
.rows{width: 100%;overflow: hidden;clear: both;margin: 20px 0;}
.box-sec{float: left;width: 25%;padding: 1%}
.box-sec img{width: 100%;}
.box{width: 19.2%;float: left;border: 1px solid #e5e5e5;overflow: hidden;}
.margin-left{margin-left:0.46296%}
.margin-right{margin-right: 0.46296%}
.margin-both{margin:0 0.46296%}
.box-pic{float: left;overflow: hidden;}
.box-pic img{vertical-align: middle !important;width: 70%;margin: 15% !important;}
.bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
    background-color: #00c0ef !important;
}
.bg-gray{
    background-color: #999fa3 !important;
}
.curve{-webkit-border-radius:5px !important;
    -moz-border-radius:5px !important;
    border-radius:5px !important;}                                                               
.proshow{padding: 5%;border: 1px solid #c2d4df;width: 99%;margin: auto;background: #eaeff3;}
.text-pro{line-height: 1.6em;padding:10px 0 0 0;display: block;}
.text-pro a:hover{text-decoration:none !important}
.text-pro h3{font-weight: 600;font-size:1.2em;line-height:1.3em}                  
.img-col img{padding: 0 !important;margin: 0 auto !important;width: 100%;}
summary{text-align: center;width: 100%;color: #000}
.sub-summary{font-size: 0.95em;margin: 10px 0 0 0}
.summery{margin: 20px 0 0 0}
.logins-from{ padding: 0 10px; }
@media (max-width: 780px){
    span.menu-icon.fa{display:inline-block;margin: 0 10px 0 0}
    .box{width: 100%;}    
    .margin-left , .margin-right , .margin-both{margin:5px;}
    .col-md-3.img-col {
    width: 49%;
    display: inline-block;
    margin: 5px auto;
    }
   .input-login{padding:10px 25px !important}
}
@media (max-width: 500px){                                
    .col-md-3.img-col {
    width: 100%;            
    margin: 5px auto;
    }
}
@media (max-width: 450px){                                
    .login-box {
    width: 95%;            
    margin: 5px auto;
    }
}