@import url("https://fonts.googleapis.com/css?family=Anton");
@import url("https://fonts.googleapis.com/css?family=Pinyon+Script");

/*** Online Test Certificate & Notice Box *****/
.cert-notice h3 i{
   font-size: 1.0em; 
   color: #ff5722
}

.cert-notice h3{
    font-size: 1.4em;
    color: #008cba;
}

.noScroll{ 
    overflow-x: unset !important;
}

#certwrap.cert-box{
    width: 100% !important;
    clear: both; 
    margin-bottom: 20px; 
    background: #d9edf7;
    padding: 30px; 
    overflow-x: scroll; 
    -webkit-overflow-scrolling: touch;
}

#certwrap-img.cert-box{
    padding-bottom: 30px; 
    width: 100% !important; 
    overflow-y: hidden !important; 
    overflow-x: scroll !important;
}

.bg-wrap{
    background: url(../images/certicons/cert-wrap.png) no-repeat; 
    background-size: 100% 100%; 
    border: 20px solid #3f79ab; 
    min-height: 660px; 
    width: 980px;
}

.certlogo-section1,
.certlogo-section3{
    width: 250px;
}

.certlogo-section2{
    width: 450px;
}

.certlogo-section1 img{
    width: 250px; 
    margin: 30px 0 0 30px; 
    border-radius: 5px;
}

.certlogo-section2 img{
    margin: 30px 0 20px 40px;
    text-align: center;
}

.certlogo-section3 img{
    width: 60px; 
    margin: 30px 30px 0 30px;
    float: right;
}

.cert-inputs1{
    margin: 10px 20px;  
}

.cert-inputs2{
    margin: 0 20px;  
}

.cert-inputs3{
    margin: 0 20px 20px;  
}

.cert-fullname{
    font-family:Pinyon Script,cursive; 
    width: 85%; 
    height: 100px; 
    background-color: transparent;
    border: 0px solid;  
    font-size: 5em; 
    text-align: center; 
    border-bottom: 2px solid #3f79ab;
}

.cert-college{
    font-family:Anton; 
    width: 100%; 
    height: 50px; 
    background-color: transparent;
    border: 0px solid; 
    font-size: 2.5em; 
    text-align: center;
}

.cert-class{
    font-family: Pinyon Script,cursive; 
    width: 100%; 
    height: 70px; 
    background-color: transparent;
    border: 0px solid; 
    font-size: 4em; 
    text-align: center;
}

.cert-success{
    margin-bottom: 20px;
}

.cert-testtitle{
    font-family: sans-serif; 
    font-size: 1.4em;
}

.cert-testtitle{
    font-family:sans-serif;
    font-size: 1.6em;
    color: #840000;
}

.cert-footer1,
.cert-footer2{
    width: 300px;
}

.cert-footer3{
    width: 370px;
}

.cert-date{
    padding: 44px 10px 30px 0; 
    margin-left: 30px;
}

.cert-date h3{
    font-family: sans-serif; 
    font-size: 1.3em; 
    color: #000;
}

.cert-signature{
   text-align: center;
   margin-right: 30px;
   float:right; 
}

.cert-signature h2{
   font-family:sans-serif; 
   font-size: 2.2em; 
   color: #e62117; 
   margin: 0 10px 5px; 
   border-bottom: 2px solid #3f79ab;
   line-height: 39px;
}

.cert-signature h4{
   font-family:sans-serif;
}

.crt-createbtn{
   margin-bottom: 20px;height: 45px;
}

.crt-createbtn .btn-primary{
    padding: 5px 30px;
    font-size: 22px;
    margin-right: 30px;
}

.certwaiting{
    margin-bottom: 20px; 
    height: 45px;
}