body{
    /* font-family: Cuprum, 'PT Sans Narrow', 'Ubuntu Condensed','Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-family: arial narrow;
}
/*when screen is large */
@media (min-width:993px){
}
/*when screen is medium */

@media (max-width:992px) and (min-width:601px){
    .uv2-marg-top-smrc{margin-top: 20%!important;}
    /* stud enrol */
    .adv-header-discr{margin-left:70px!important;}
    .adv-marg-smr{margin-top: 2px!important;}
    .vot-pod-disp-scr{margin-left:20px!important;}
    .vot-subm-btn-scr{margin-top: 0!important;}
    .vot-logr{margin-left:-15!important;}
    .av2-altB-cont{min-width: 90%!important;}
    .vot-verify-token-scr{padding:4.24px 20px!important;min-width:180px!important;}
    /* positions */
    .vot-all-btn{width: 100%!important;}
    .vot-pof-sm{font-size:17px!important;margin: 8px!important;}
    .vot-cant-til{font-size:12px!important}
    .vot-clo-btn{font-size:12px!important}
    .stp-marg-top-smr{margin-top: 60%!important;}
    .vot-font-siz{font-size:12px!important}
    .vot-ok-smr{font-size: 12px!important;}
     .vot-pod-disp-lg{margin-left:80px!important;margin-top:-300px!important;}
    .vot-right-cl{height: 100%!important;}
    .vot-reg-scr{margin-top:2px!important;}
    .vot-reg-margin{margin-top:0px!important;}
    .vot-fnt-cntd{font-size:17px!important;}
    .vot-fnt-cntd1{font-size:14px!important;margin: 10px!important;}
    .adv-smr-loader{height:300px!important;}
    .enr-stu-left{left:34%!important;bottom:135px!important;}
    .enr-stu-sm-cr-bol{min-width:80%!important;}
    .stu-acnt-smr{min-width:90%!important;}
    .stp-sidbar-width{width: 100%!important;margin-left: 0!important;}
    /* small screen putme */
    .putme-fontsize-sml{font-size: 22px!important;}
}/*end of medium screen*/

/*when screen is small i.e phone screen*/
@media (max-width:600px){
 
  .pro-cogcontrl{margin-left: 93%!important;}
  .uv2-marg-top-smrc{margin-top: 28%!important;}
  /* student enrollment */
  .adv-br-reg{width: 80%!important;height: 405px!important;margin-top: 12%!important;overflow: auto;}
    .adv-header-discr{margin-left:130px!important;}
    .adv-marg-smr{margin-top: 2px!important;}
    .vot-pod-disp-scr{margin-left:10px!important;}
    .vot-subm-btn-scr{margin-top: 2px!important;}
    .vot-logr{margin-left:-15!important;}
    .av2-altB-cont{min-width: 90%!important;}
    .vot-verify-token-scr{padding:4.24px 20px!important;min-width:180px!important;}
    /* positions */
    .vot-all-btn{width: 100%!important;}
    .vot-pof-sm{font-size:17px!important;margin: 8px!important;}
    .vot-cant-til{font-size:12px!important}
    .vot-clo-btn{font-size:12px!important}
    .stp-marg-top-smr{margin-top: 60%!important;}
    .vot-font-siz{font-size:12px!important}
    .vot-ok-smr{font-size: 12px!important;}
     .vot-pod-disp-lg{margin-left:80px!important;margin-top:-300px!important;}
     .vot-right-cl{height: 100%!important;}
     .vot-reg-scr{margin-top:2px!important;}
     .vot-reg-margin{margin-top:0px!important;}
     .adv-font-size-smr{font-size: 12px!important}
     .vot-fnt-cntd1{font-size:14px!important;margin: 10px!important;}
     .adv-smr-cog{margin-left: 65px!important;}
     .adv-smr-loader{height:320px!important;}
     .enr-stu-left{left:34%!important;bottom:135px!important;}
     .enr-stu-sm-cr-bol{min-width:80%!important;}
     .stu-acnt-smr{min-width:90%!important;}
     .stp-sidbar-width{width: 100%!important;margin-left: 0!important;}
     /* small screen putme */
    .putme-fontsize-sml{font-size: 22px!important;}
}/*end of small screen css*/
/* stud enrol  */
@media (max-width:240px){
    .adv-round-cnt{width: 50px!important;margin:auto;height: 50px!important;}
    .adv-br-reg{width: 75%!important;height: 265px!important;overflow: auto;}
    .adv-font-size-smr{font-size: 12px!important}
    .adv-header-discr{margin-left:80px!important;}
    .adv-marg-smr{margin-top: 2px!important;}
    .adv-smr-loader{height:190px!important;}
    .enr-stu-left{left:34%!important;bottom:135px!important;}
    .enr-stu-sm-cr-bol{min-width:80%!important;}
    .stu-acnt-smr{min-width:90%!important;}
    .stp-sidbar-width{width: 100%!important;margin-left: 0!important;}
    /* small screen putme */
    .putme-colr-sml{}
}/*end of medium screen*/
@media print and (color) {
    * {
       -webkit-print-color-adjust: exact;
    }
 }
 table{
    border-collapse: collapse;
}
th, td{
    padding: 5px;
    /*text-align: left;*/
    /* border-bottom: 2px solid #ddd; */

}
table,th,td{
    border: 1px solid #ddd;
}
tr:nth-child(odd){
    background-color: #f2f2f2;
}
/* remnder to upload course code */
::placeholder{color: black;opacity: 1;}
/*some useful animation */
.av2-anim-left{position: relative;animation: animleft 0.2s ease-in-out forwards;}
@keyframes animleft{from{left: 0px;opacity: 1;}to{left: -300px;opacity: 0;}}
.av2-anim-right{position:relative;animation: animright 0.2s ease-in-out forwards}
@keyframes animright{from{right: 0px;opacity: 1;}to{right: -300px;opacity: 0;}}
.pay-anim-left{position: relative;animation: animleftpay 0.20000s ease forwards;}
@keyframes animleftpay{from{left: -300px;opacity: 0;transition: 1.5s ease 0.001s;}to{left: 0px;opacity: 1;transition: 1.5s ease 0.001s;}}
.pay-anim-right{position:relative;animation: animrightpay 0.20000s ease forwards}
@keyframes animrightpay{from{right: -300px;opacity: 0;transition: 1.5s ease 0.001s;}to{right: 0px;opacity: 1;transition: 1.5s ease 0.001s;}}
.pay-anim-left1{position: relative;animation: animleftpay 0.33s ease forwards;}
@keyframes animleftpay{from{left: -300px;opacity: 0;transition: 1.5s ease 0.001s;}to{left: 0px;opacity: 1;transition: 1.5s ease 0.001s;}}
.pay-anim-right1{position:relative;animation: animrightpay 0.33s ease forwards}
@keyframes animrightpay{from{right: -300px;opacity: 0;transition: 1.5s ease 0.001s;}to{right: 0px;opacity: 1;transition: 1.5s ease 0.001s;}}
/*TAB COD for all and awaiting result candidate*/


/*some useful animation */
 .hidden {position: relative;animation: rtyd 0.3s forwards;}
 @keyframes rtyd{from{left: 0px;opacity: 1;}to{left: 100px;opacity: 0;}}
 .visible {position:relative;animation: rty 0.1s }
 @keyframes rty{from{right: -300px;opacity: 0;}to{right: 0px;opacity: 1;}}
/* .hidden {
  visibility: visible;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}  */
#myInput {
    background-image: url('/css/searchicon.png'); /* Add a search icon to input */
    background-position: 10px 12px; /* Position the search icon */
    background-repeat: no-repeat; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 5px; /* Add some padding */
    border: 2px solid #ddd!important; /* Add a grey border */
    margin-bottom: 2px; /* Add some space below the input */
  }
  /* dstv load */
  .spt-bigBox-cont-dst{background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,0.7); position:fixed;top:0;left:0;
    bottom:0;right:0;width:100%;height:100vh;overflow:auto;z-index: 5;}.stp-border{border: solid thin #aaaaaa33;}
    .pay-loading-anm:after{content: '.';
        animation: dstv 1s steps(5, end) infinite;
        }
        @keyframes dstv {
            0%, 20% {
              color: rgba(0,0,0,0);
              text-shadow:
                .25em 0 0 rgba(0,0,0,0),
                .5em 0 0 rgba(0,0,0,0);}
            40% {
              color: white;
              text-shadow:
                .25em 0 0 rgba(0,0,0,0),
                .5em 0 0 rgba(0,0,0,0);}
            60% {
              text-shadow:
                .25em 0 0 white,
                .5em 0 0 rgba(0,0,0,0);}
            80%, 100% {
              text-shadow:
                .25em 0 0 white,
                .5em 0 0 white;}
        }
  /* alert */

.spt-bigBox-cont{background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,0); position:fixed;top:0;left:0;
bottom:0;right:0;width:100%;height:100%;z-index: 5;}.stp-border{border: solid thin #aaaaaa33;}
.av2-border{border: solid thin #0866c6;}
.alt-ext-animate-top{position:relative;animation:animatexittop 0.5s forwards}@keyframes animatexittop{from{top:0px;opacity:1} to{top:-300px;opacity:0}}
.av2-stud{margin-left: 500px!important;}.av2-border-bottom-excr{border-bottom: solid 1px black!important;}
.av2-font-famly{font-family: algerian!important;}
/* updated UUCv2 */
.uv2-cnt-det{float: left;width: 33.33%;}
.uv2-newap-light-grey{background-color: #f5f1f1;}
.uv2-margin-left-dpt{margin-left: 4px;}
.uv2-marg-top-smrc{margin-top: 7%;}
.uv2-animate-tr{position: relative;animation: anitrtb 2s linear}@keyframes anitrtb{from{right:-300px;opacity:0} to{right:0;opacity:1}}
/* audit */
.aud-marg-lft{margin-left: 5px;}
/* stu enrolm */
/* alert no internet*/
.putme-disp-inline-hm{display: inline-block;width: 30.33%;}
.putme-disp-inline{display: inline-block;}.putme-pinheader-bg_lo{background-color: #e71f05!important;}
.putme-PinLog-cont{background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,0.8); position:fixed;top:0;left:0;
    bottom:0;right:0;width:100%;height:100vh;overflow:auto;}
.putme-PinLog-cont3{background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,0.9); position:fixed;top:0;left:0;
        bottom:0;right:0;width:100%;height:100vh;overflow:auto;}
.putme-bigBox-cont{background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,0); position:fixed;top:0;left:0;
    bottom:0;right:0;width:100%;height:100vh;overflow:auto;}.stp-border{border: solid thin #aaaaaa33;}
    .putme-loginPage-cont{background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,0); position:fixed;top:0;left:0;
    bottom:0;right:0;width:100%;height:100%;overflow:auto;z-index: 5;background-image:url('../Images/voter11.jpg');background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;}
    .adm-animate-icon-zoom {animation:animatezoom 0.1s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}.vot-reg-cnt-cont{background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,1);}
    .stp-marg-top-smr{margin-top: 18%;}.spt-cont-Box-header{width: 100%;padding: 6px 10px;}.spt-cont-Box-Body{width: 100%;padding: 4px 5px;background-color: black;color: white;}.spt-btn-small{padding: 4px!important;}
    .av2-altB-cont{min-width: 400px;height: 150px;border: 1px solid #ddd;border-radius: 6px;}
    .av2-alt-padding{padding: 12px;}.av2-alt-col{background-color: #0866c6;color: #ffffff;}
        /* text candidate icon */
    /*vote admin code */
    .spt-bigBox-cont-loading{background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,1); position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;z-index: 10;transition: 0.9s ease-in 0s}
    .adv-colr{color: white;}
    .adv-cnt-bdy{width: 100%;height: 100vh;overflow:auto;background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,0.8);}.adv-tst-bdy{width: 2px;height: 130px;border-radius: 50%;background-color: white;}
    .putme-display-inline3{display: inline-block;margin: 3px;}
    /* .adv-br-reg{width: 40%;margin: auto;height: 370px;margin-top: 7%;position: relative;overflow: auto} */
    /* bouncing anmation */
    /* div#wave {position:relative;text-align:center;width:100px;height:100px;margin-left: auto;margin-right: auto;} */
    div.wave {position:relative;text-align:center;}
    .dot {display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:3px;
    background:rgb(242,108,32);animation: wave 1.3s linear infinite;/* transition: 0.4s; */}
    .dot:nth-child(2) {animation-delay: -1.1s;}.dot:nth-child(3) {animation-delay: -0.9s;}
    @keyframes wave {0%, 60%, 100% {transform: initial;}30% {transform: translateY(-30px);}}
    /*studemt acount */
    /* etransact list */
    .vot-reg-cnt-etransc{background-color: rgb(0, 0, 0);background-color: rgba(0, 0, 0,0.8);
    width: 100%;height: 100vh;overflow: hidden;position: relative;}
    /* .alt-zoom-in-ext{transform: scale(0.7,0.4);} */
    .alt-zoom-in-ext{animation: eTrasact 0.3s ease-in-out forwards;}
    @keyframes eTrasact{0%{transform: scale(0.7,0.7);}100%{transform: scale(0.0,0.0);}}
    .putme-animate-zoom1 {animation:animatezoom 0.2s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
    /* putme */
    .pay-hover-ok:hover{background-color: rgb(242,108,32);}
    .putme-bgr-color{color:rgb(242,108,32)!important;}
    .putme-bgr-color2{color:#006600!important;}
    .putme-bgrcolor-altbox{background-color:rgb(242,8,32);color: white;}
    .putme-bgrcolor{background-color:rgb(242,108,32);color: white;}
    .putme-tolsidebar-box{width: 100%;height: 100%;position: relative;z-index: 3;box-shadow: 1px 1px #888888;}
    .putme-trans{overflow-x: hidden;transition: 0.5s}
    .putme-displ-inl-sidbr{display: inline-block;margin: 12px;}
    .putme-hover-sidBtn:hover{background-color:rgb(242, 81, 32);color: white;transition: 0.4s ease-in 0.2s;}
    .putme-card,.putme-card-2{box-shadow:1px 1px 1px 0 rgba(0,0,0,0.16),0 1px 1px 1px rgba(0,0,0,0.12);padding:15px;}
    .putme-over-cred:hover .putme-hover-img{animation: eImage 0.3s ease-in-out forwards;cursor:pointer;}
    @keyframes eImage{0%{transform: scale(0.7,0.7);transition:0.8s;}100%{transform: scale(0.95,0.95);transition:0.9s;}}
    .putme-hover-poff:hover{color: rgb(242,108,32)!important;transition: 0.4s ease-in-out 0.003s;cursor: pointer;}
    .putme-border-color{border: 1px solid rgb(242,108,32)!important;}