*
{margin: 0px;padding:0px;
}

a {color:#238e44;text-decoration:none!important}
a .fa-eye{color:#238e44;}
a .fa-edit{color:#238e44;}
p a{color:#238e44;}
a:hover {color:#000; transition:1s;text-decoration:none!important}
.btn {    border: 1px solid #000 !important;}
h1,h2,h3,h4,h5,h6 { margin:10px 0;}

p,span,dt,dl {}

p{font-family: 'Lato', sans-serif;font-size:18px;}

h1{font-family:"Oswald"; font-size:65px;}

h2{font-family: "Oswald"; font-size:39px;}

h3{font-family: "Oswald"; font-size:32px;}

h4{font-family:"Oswald"; font-size: 30px;}

h5{font-family:"Oswald"; font-size:20px;}

h6{font-family:"Oswald"; font-size:10px;}

.padd-off{padding: 0px !important}
img{max-width: 100%;}

.conatiner{width: 600px;margin: 0 auto;float: none;}

/*------------home page--------------*/

#main{width: 100%;float: left;text-align: center;}
#main .splac{width: 100%;float: left;padding: 0px 30px;position: absolute;top:25%;left: 0;}
#main .splac img{max-width:500px;margin: 10px 0;}

#main .scnd_logo{float: left;padding: 0 70px;position: absolute;top: 0;width: 100%;left: 0;}
#main .scnd_logo img{max-width:500px;margin: 10px 0;}
.token_logo{width:400px;margin: 10px 0;}

/*------------secnd page--------------*/

.top_block { float: left;position: relative;width: 100%;}
.logo_block {float: left;width: 100%;}
.logo_block > img {width: 300px;}

.admin_block {float: left;width: 100%;}
.admin_block > a img {position: absolute;right: 0;top: 70px;width: 95px;}

.secnd_block {float: left;position: relative;width: 100%;}
.token_block {float: left;width: 100%;}
.token_block > img {left: 0;/*position: fixed;*/top: 175px;width: 300px;z-index: 9;}
.more_link { float: left;width: 100%; text-align: left;}
.more_link a { color: #15abe3; font-size: 24px; text-decoration: underline !important; font-family:"Lato"; }

.check-qbar_block {float: left;width: 100%;}
.check-qbar_block > img {left: -5px;position: fixed;width: 453px;}

/*------------thrd page--------------*/

.cyanball_block{float: left;margin-top: -35px;position: relative;width: 100%;}
.cyanball_block > img {/*float: left*/;position: relative;width: 350px;}

.cyanball_txt {position: absolute;top:21%;width: 100%;}
.cyanball_txt h5{color: #fff;letter-spacing: 1px;text-shadow: 1px 1px 1px #000;}
.cyanball_txt p{color: #fff;letter-spacing: 1px; margin: 15px 0;}

.honor_block{width: 100%;float: left;}
.honor_block p{font-size: 20px;color: #0080c9;margin-top:15px;letter-spacing: 1px;text-transform: uppercase;}

/*------------thrd page--------------*/

/*-------Forth Page-----------*/

.forth_page{text-align: center;}

.top_block { float: left;position: relative;width: 100%;}
.logo_block {float: left;width: 100%;}
.logo_block > img {width: 300px;}

.forth_page .signin_sec {width: 100%;}
.forth_page .signin_sec img{width: 100%;margin-top: -50px;}
.forth_page .signin_sec > img {width: 250px;}

.forth_page .form input{border: none;background-color: transparent;border-bottom: 1px solid #000;border-radius: 0;
    font-family: 'Oswald';font-weight: lighter;box-shadow: none;color: #000;width: 100%;text-align: center;margin-top: 20px;font-size: 20px;
}
.forth_page .form a img{width: 200px;margin: 50px 0;}
.btn-primary 
{
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 20px;background-color: transparent;
    border-color: #fff;
    color: #000;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  /*margin: 0; */
}    
    .btn-primary:hover,.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {background-color: transparent;border: none;color: #000;}
/*-------Forth Page-----------*/


/*-------Fifth Page-----------*/

.fifth_page{text-align: center;}

.top_block { float: left;position: relative;width: 100%;}
.logo_block {float: left;width: 100%;}
.logo_block > img {width: 300px;}

.admin_block {float: left;width: 100%;}
.admin_block > a img {position: absolute;right: 0;top: 35px;width: 100px;}

 .qr_code{float: left;width: 100%;}
 .qr_code img{width: 200px;margin: 0px 0px 10px 15px;}

 .scan_qr{float: left;width: 100%;}
 .scan_qr a img{width: 200px;margin-left:12px;margin-top: -25px;margin-bottom: 50px;}

/*-------Fifth Page-----------*/


/*-------Sixth Page-----------*/

.sixth_page{text-align: center;width: 100%;}
.sixth_page form{width: 100%;float: left;}
.sixth_page form .col-sm-6{width: 100%;text-align: center;display: inline-block;}
.sixth_page .student_form{text-align: center;float: left;width: 100%;}
.sixth_page .student_form p{float: left;font-family: 'Oswald';font-weight: 100;font-size: 20px;margin: 0;color: #000;}
.sixth_page  input{border: none;background-color: transparent;border-bottom: 1px solid #000;border-radius: 0;margin: 0px 12px;
    font-family: 'Oswald';font-weight: lighter;box-shadow: none;color: #000;width: 100%;float: left;width: 80%;padding: 0px 10px;height: 25px;
}

.sixth_page .add_token img{width: 200px;margin: 30px 0;}
.sixth_page .add_token input{text-align: center;border: none;background-color: transparent;border-bottom: 1px solid #000;border-radius: 0;
    font-family: 'Oswald';font-weight: lighter;box-shadow: none;width: 100%;color: #000;
}

.sixth_page .deduct_token img{width: 200px;margin: 30px 0;}
.sixth_page .deduct_token input{text-align: center;border: none;background-color: transparent;border-bottom: 1px solid #000;border-radius: 0;
    font-family: 'Oswald';font-weight: lighter;box-shadow: none;width: 100%;color: #000;
}

.sixth_page .bttns img{width: 150px;margin: 30px 0;}

/*-------Sixth Page-----------*/


/*-------Seventh Page-----------*/

.seventh_page{text-align: center;}
.seventh_page form{width: 100%;float: left;}
.seventh_page form .col-sm-6{width: 100%;text-align: center;display: inline-block;}
.seventh_page .data_form{margin: 0 30px;text-align: center;}
.seventh_page .data_form p{float: left;font-family: 'Oswald';font-weight: 100;font-size: 20px;margin: 0;color: #000;}
.seventh_page .data_form  input{border: none;background-color: transparent;border-bottom: 1px solid #000;border-radius: 0;margin: 0px 12px;
    font-family: 'Oswald';font-weight: lighter;box-shadow: none;color: #000;width: 100%;float: left;width: 80%;padding: 0px 10px;height: 25px;
}

.seventh_page .back_scan img{width: 180px;margin-top: 30px;margin-bottom: 50px;}

/*-------Seventh Page-----------*/

.token-system_block {
    float: left;
    position: relative;
    width: 100%;
}
.token_img {
    float: left;
    position: relative;
    width: 100%;
    margin-left: -85px;
}
.token_img > img {
    width: 250px;
}

.home_btn_block {
    float: left;
    margin-top: -15px;
    width: 100%;
}
.home_btn_block img {
    width: 100px;
}
@media screen and (max-width:767px){
    #main .splac img{max-width:100%;}
    #main .scnd_logo img{max-width:100%;}
    .conatiner{width: 100%;}
    .sixth_page .add_token img{width: 185px;position: relative;}
    .sixth_page .deduct_token img{width: 185px;position: relative;}
    .sixth_page  input{margin: 0;}
    .seventh_page .data_form  input{margin: 0;width: 75%;}
    /*.more_link {position: relative; top: -56px;}*/
    .more_link {
position: absolute;
bottom: 20px;
left: 20px;
}
}

/*@media screen and (max-width:520px){
    .more_link { padding: 30px 0 0 20px; }*/

/*@media screen and (max-width:320px){
    .more_link {position: relative; top: -56px; }

}*/