/*Default css using for all the basic designs*/
body {
    background:#fff;
    margin:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    display:block;
}
.container{
    width:100%;
    padding:0 15px;
    margin:0;
}



/*CSS for Login Page*/
#login_panel{
    width:100%;
    float:none;
    display:block;
    position:relative;
    margin:10% auto;
}
.login_panel{
    width:30%;
    float:none;
    display:block;
    position:relative;
    margin:auto;
    padding:0px;
    background:#fff;
    height:350px;
}
.login_panel .logo{
    width:100%;
    margin:auto;
    padding:10px 0px;
    position:relative;
    display:block;
    background: #b3f3f3;
}
.login_panel .logo img{
    width:60%;
    margin:auto;
    padding:10px 0px;
    position:relative;
    display:block;

}
.login_panel .title{
    background:#ddd;
}
.login_panel .title h1{
    font-size:28px;
    text-align:center;
    font-weight:900;
}
.login_panel .login_form{
    padding:15px 35px;
    background:#ddd;
}

.login_panel .login_form .remember{
    
}
.login_panel .login_form .forgot{
    
}


/*Master page CSS*/
/*#master_page{
    width:100%;
    position:relative;
    display:block;
    padding:0;
    margin:0;

}
.navbar-default {
        background-color: #ffffff;
    position: fixed;
    border-bottom: 1px solid #acb1b3;
    z-index: 9999;
    width: 100%;
    height: auto;
    margin: 0px;
    box-shadow: 0px 1px 5px #afb0b1;
    background: #d4d1d1;
}
.navbar-brand {
    height:auto !important;
    padding:5px 15px;
}
.navbar-collapse.collapse{
    background: none;
    padding: 0;
    top: 34px;
    float: left;
    width: 250px;
    margin-top: 70px;
}
.navbar-collapse nav{
    background: #c3c3c3;
    z-index: 1;
    width: 250px;
    height: 100%;
    border-radius: 0;
}
.navbar-right{
    float:none;
    margin:0;
    padding:0 15px;
}
.navbar-right h2{
    font-size:24px;
}
.navbar-brand>img{
    width:80%;
}
.left-side{
    width:250px;
    padding:0 15px;
    margin:0;
    float:none;
    left:0;
}
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #01556f;
    border-bottom: 1px dotted #e5e5e5;
    font-size: 14px;
    font-weight: 600;
}*/
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a:active {
    background:#fff;
    color: #0002af;
}
.navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 15px;
}
.navbar-nav {
    margin: 5px 0px;
}
.user_name{
    font-size: 20px;
    font-weight: 800;
    background:none;
    padding-bottom: 12px !important;
    border-radius: 8px;
    margin-right: 10px;
    color: #000 !important;
    padding-top: 10px !important;
}
.user_logout{
    background: #ff0000;
    padding-bottom: 10px !important;
    border-radius: 8px;
    color: #fff !important;
    padding-top: 10px !important;
}


.navbar {
    margin-bottom: 0px;
    padding-bottom:0px;
}


/*Main body pages CSS*/
#main_container{
       width: 100%;
    padding: 20px;
    margin: 0;
    position: relative;
    display: block;
    /* background: rgba(246, 246, 246, 0.5); */
    background: rgb(230, 227, 227);
    float: left;
    height: 100%;

}
.main_container{
      width: 100%;
    padding: 20px 10px 40px 10px;
    margin: 0;
    position: relative;
    display: block;
    float: left;
    /* border: 1px solid #000; */
    background: #fff;
    margin-bottom: 35px;

}
.main_container1 {
    width: 60%;
    padding: 0px;
    margin: auto 20%;
    position: relative;
    display: block;
    float: left;
    border: 1px solid #000;
}
.main_page_form{
    width:100%;
    margin:25px 0;
    position:relative;
    display:block;
    float:left;
    background:#fff;
}
.main_page_table{
    width:100%;
    margin:0;
    position:relative;
    display:block;
    float:left;
    background:#fff;
}
.title{
    width: 100%;
    text-align: center;
     background: rgba(2, 106, 119, 0.7); 
    padding: 10px;
    text-align: center;
    font-weight: 800;
    font-size: 22px;
    font-family: cursive;
    color: #fff;
}
.title h3 {
        width: 60%;
    float: left;
    display: inline-block;
    margin: 0;
}
    .title p {
        width:40%;
        display:inline-block;
        margin-bottom: 0;
    }
.title p span{
        width: 30%;
    float: left;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
        line-height: 31px;
}
.title p input{
        width: 70%;
    float: left;
    font-size: 16px;
    color: #FFF;
    font-weight: 500;
    background:none;
    border:none;
    box-shadow:none;

}
.form_lable{
    width:30%;
    float:left;
    position:relative;
    display:inline-block;
    padding:7px 0;
}
.form_input{
    width:70%;
    float:left;
    position:relative;
    display:inline-block;
}
.error_msg{
    color:#f00;

}
thead tr{
            background: #f1efef;
    color: #797373;
}
thead tr th{
    text-align:center;
    vertical-align:middle;
    border:1px solid #fff;
}
/*i{
    margin:5px;
    font-size:20px !important;
    color:rgb(2, 187, 255);
}*/
.page{
    width: 70%;
    float: none;
    margin: auto;
}
.page-1{
    background:#f00;
    color:#fff;
    border:1px dotted #fff;
    text-align:center;
}
.page-1 i{
        margin: 0 5px;
    font-size: 12px !important;
    color: #fff;
}
.page-2{
    background:#f00;
    color:#fff;
    border:1px dotted #fff;
    text-align:center;
    padding:0 !important;
}
.page-1 a, .page-2 a{
    text-align:center;
}
.page-2 a{
        padding: 5px;
    background: #02658a;
    margin: 3px 1px;
}
.view_table{

}
.print_area{
    margin: auto 16% !important;
    float:left !important;
}
/*View Details Page*/
.form_textlable{
    border:none;
    width:70%;
    box-shadow:none;
    font-weight:900;
}
.main_container1 .table tr {
    text-align:center;
}
.main_container .table tr {
    text-align:center;
}
.order_list {
    float: left;
    width: 100%;
}
.order_list thead tr {
    background: #9798a0;
    color: #fff;
}
.ind_back_btn {
  float: right;
    background: #174950;
    padding: 5px 15px;
    font-size: 16px;
    font-family: sans-serif;
    font-weight: 600;
}

#main_container .main_container .title .fa {
        margin: 0;
    color: #fff;
}
 .responce {
            vertical-align: middle;
            margin: 20px 0;
        }

        .responce_result, .responce_result1 {
            font-size: 40px;
            color: #08338a;
            font-weight: 900;
            text-align: center;
            float: left;
            width: 100%;
        }

        .responce_result1 {
            font-size: 16px;
            color: #000;
            font-weight: 600;
        }

        .wallet_panel {
            margin:0;
        }
        .wallet_panel .t_earing, .wallet_panel .t_withdrawals, .wallet_panel .t_balance{
            width:100%;
            float:left;
            background:#04b9ea;
            padding:20px;
        }
        .wallet_panel .t_withdrawals{
            background:#fe6565;
        }
        .wallet_panel .t_balance{
            background:#36a308;
        }
            .wallet_panel .w_header {
                text-align:center;
                width:100%;
            }

                .wallet_panel .w_header h3 {
                    width:100%;
                    text-align:center;
                    color:#ddd;
                    font-weight:800;
                    font-size:20px;
                }

            .wallet_panel .w_body {
                text-align:center;
                width:100%;
            }

                .wallet_panel .w_body h4 {
                    width:100%;
                    text-align:center;
                    color:#fff;
                    font-weight:800;
                    font-size:20px;
                }

                    .wallet_panel .w_body h4 .wb_lable {
                    }
                    .table{
                        margin:0 !important;
                    }
/*Mobile Responsive*/
@media (max-width: 767px) {

    .admin {
        padding: 5px 0;
        border-top: 2px solid #b5b1b1;
    }
    .main_container1 {
    width: 100%;
    padding: 0px;
    margin: 0;
}
    .main_container .main_page .row .col-xs-12{
        padding:0;
    }
    .pphoto{
        width:100% !important;
        margin:0 !important;
    }
    .pdetail{
        width:100% !important;
    }
    .pdetail label, 
    .bot_pdetail label, 
    .ndetail label, 
    .pdetail .readtextbox, 
    .bot_pdetail .readtextbox,
    .ndetail .readtextbox{
        width:100% !important;
    }
    .main_container .main_page .base_info .col-xs-12{
        padding:0;
    }
    .main_container .main_page .base_info .base_info_box {
        margin-bottom:15px;
    }
}

@media (max-width: 480px) {
    .page{
        width: 100%;
        float: none;
        margin: auto;
    }
}