/*
    1. Masterpage
    2. Navigation Menu
    3. Button/Link css
    4. Loginpage
    5. Homepage
    6. Searchpage
    7. ChangePassword page
    8. Login Activity page
    9. Knowmore page
    10. My Profile
    11. Register Now
    12. View Doc page
    13. Verifi Doc Report Page
    14. Certificate Preview
    15. Preview Certificate
    16. Contact US page [with Modal form css]
    17. Forgot Password
    18. Online Payment
    19. Payment Transaction
    20. PayReport page
    21. Candidate Docs
    22. View_CML -- gradesheet

    */

/* Master page css */
/*@media only screen and (min-width : 320px) and (max-width:1023px) {
    .mainpage {
        padding: 0;
        max-width: 100%;
        overflow-x: hidden;
    }
}*/

/* LOGO colors
    rgb(38, 181, 113) - green shade
    rgb(0, 135, 199) - blue shade 1
    rgb(56, 40, 109) - dark violet shade
    rgb(0, 160, 204) - blue shade 2

rgb(27, 31, 171) --- C 84, M 82, Y 0, K 33  --- dark blue

rgb(0, 202, 223) --- C 100, M 14, Y 5, K 8  --- light blue

rgb(18, 4, 135)  --- C 91, M 98, Y 31, K 23 --- nidhi color

rgb(66, 171, 255) --- C 74, M 33, Y 0, K 0  --- docu color
    */

.mainpage {
    /*background-image: linear-gradient(to right, rgba(0, 202, 223,1) 0%, rgba(27, 31, 171,1) 100%);*/
    height: 620px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .mainpage1 {       
        /*background-image: linear-gradient(to left, rgba(0, 202, 223,1) 0%, rgba(27, 31, 171,1) 100%);*/
        height: 600px;
        overflow-y: scroll;
        overflow-x:hidden;
    }

    .mainpagelog{
       background-size:cover;
       height:590px;
    }

.header {
    background-color: rgb(0,19,53);  /*rgb(18, 4, 135);*/
    color: black;
    height: 60px;
}

.footer {
    background-color: rgb(0,19,53);  /*rgb(18, 4, 135);*/
    padding: 5px 30px 5px;
    height: 30px;
    position: fixed;
    bottom: 0;
    width: 100%;
    float: left;
    z-index: 999;
    color:white;
    font-family:Aparajita;
    font-size:16px;
}

.header #Knowmore {
   float:right;  background: rgb(0,19,53);  /*rgb(18, 4, 135);*/ margin-top:7px;
}

.header .lbluser {
    color: greenyellow;
    padding-right: 10px;
    font-size: 16px;
    margin-top: 19px;
    float: right;
}

.header .lbllogo {
    color: greenyellow;
    padding-left: 5px;
    font-size: 30px;
    margin-top: 11px;
    font-weight:bold;
}

.header .logoimg{border-radius: 5px; width: 100px; margin-left: 25px; height:60px;}

.mainpage .logoimg{border-radius: 5px; width: 100px; margin-top: 50px; margin-left: 45px; height:60px; margin-bottom:20px;}

/* css for side navigation menu in masterpage */

.navigation {
  width: 200px;
}

.menunav{margin-left:-30px; height:600px; background-color:rgb(0,19,53); width:215px; margin-right:90px;}

.mainmenu, .submenu {
  list-style: none;
  padding: 0;
  margin: 0;  
}

.mainmenu a {
  display: block;
  background-color: rgb(0,19,53);  /*rgb(66, 171, 255);*/
  text-decoration: none;
  padding: 10px;
  color: white;
  font-weight:bold;
  font-size:13px;
  text-align:left;
}

.mainmenu a:hover, .mainmenu a:active {
    background-color: lightgray;
  color:black;
}

.mainmenu li:hover .submenu {
  display: block;
  max-height: 200px;
}

.mainmenu li i{width:15px; height:15px;}

.submenu a {
  background-color: darkslategray;
  color:wheat;
  font-weight:bold;
}

.submenu a:hover { 
   background-color: lightgray;
  color:black;
}

.submenu {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s ease-out;
}

/* Button styles or link button css effects */

.btnskew{
    border: none;	
	color: #f2f2f2;
	padding: 10px;
	font-size: 18px;
	border-radius: 5px;
	position: relative;
	box-sizing: border-box;
	transition: all 500ms ease;
    background-color:lightgray; 
}

.btnskew:hover{
transform: skew(-15deg); color:yellow; background-color:rgb(18, 4, 135);
}

.btnlog {
            width: 100px;
            border-style: none;
            border-color: inherit;
            border-width: medium;
            background-color: lightSteelBlue; 
            color: darkblue;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin: 4px 30px 4px 0px;
            -webkit-transition-duration: 0.4s; /* Safari */
            transition-duration: 0.4s;
            cursor: pointer;
            border-bottom-left-radius: 20px;    
            font-weight:bold;
}

    .btnlog:hover {
        /*background-image:linear-gradient(to top, rgba(0,188,108, 1) 0%, rgba(0,135,118,1) 44%, rgba(0,77,88,1) 100%); */
         color:ghostwhite; background: #23074d;  /* fallback for old browsers */
      /*  background: -webkit-linear-gradient(to right, #cc5333, #23074d);   Chrome 10-25, Safari 5.1-6 
        background: linear-gradient(to right, #cc5333, #23074d); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        background:linear-gradient(to bottom, rgba(0, 202, 223,1) 0%, rgba(27, 31, 171,1) 100%);
    }

    .btnghost
    {
    font-size:small;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    background-color: rgb(18, 4, 135);
    color: white;
    padding: 16px -4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius:5px;
    margin: 4px 30px 4px 34px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer; 
    }

.btnghost:hover
{    
        background-color: white; 
    color: rgb(18, 4, 135); 
    border: 2px solid rgb(18, 4, 135);
    }

.linkbg
{            
    background:
            linear-gradient(
            to bottom, var(--mainColor) 0%,
            var(--mainColor) 100%
            ) ;
    background-position: 0 100%;  background-size: 4px 2px; transition: background-size .2s; background-repeat: repeat-x;
    color: darkslategray !important; text-decoration: none;            
}
        
.linkbg:hover
{
    background-size: 4px 50px; color:darkgreen !important;        
}
       
:root {
    -mainColor: darkblue !important;
}

.btnsel{   background-repeat: repeat-x; color:chocolate ; text-decoration: none; background-size: 100%; padding-left: 10px; 
            background:linear-gradient(to right,#adff2f 0%,#adff2f 3px,transparent 5px); background-color:lightGoldenrodYellow;}
.btnsel:hover{ color:DarkBlue; background:linear-gradient(to right,#adff2f 0%,#adff2f 5px,transparent);}

/* login page css */

.welcomelbl {
    left: 150px;
    top: 200px;
    color: silver;
    font-size: 50px;
    position: relative;
}

.btnredirect {
    top: 270px;
    width: 150px;
    height: 50px;
    color: midnightblue;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    border-top-left-radius: 45px !important;
    background-color: silver;
    border-radius:3px;
    overflow:hidden;
    font-family:'Agency FB';
}

.btnredirect:hover{color: silver; background-color: rgb(0, 19, 53); font-size:20px; font-family:'Script MT'}

.login{background:rgba(0,0,0,0.5); position:relative; top:-25px; width: 420px; float:right; 
            margin: 170px auto 0 45px;}

.login .logindivs {display: inline-flex;}

.login .btnlog{margin-left:150px;}

fieldset
        {
            border: 1;
        }

.txtlog{ border-color:orange; border-radius:5px; color:darkBlue;
            width: 210px;
            display: block;
            padding: 4px;
            margin: 0 0 10px 0;
            font-size: 15px;            
            font-family: Georgia, serif;}

.login label{color:yellow;
            width: 115px;
            text-align: right;
            float: left;
            margin: 0 10px 0 0;
            padding: 9px 0 0 0;
            font-size: 16px;}

.login legend{color:White; font-weight:bold; /*font-family:'Brush Script MT'*/}

.login .linkbtn {
    background-repeat: repeat-x;
    color: white !important;
    text-decoration: none;
    background-size: 100%;
    padding-left: 10px;
    background: linear-gradient(to right,#adff2f 0%,#adff2f 3px,transparent 5px) !important;
    /*background-color: transparent;*/
}

    .login .linkbtn:hover {
        color: darkred !important;
        background: linear-gradient(to right,#adff2f 0%,#adff2f 5px,transparent) !important;
    }

:root {-mainColors: #adff2f; /*ff9800;*/}

.login .lblpswderror{color:red; padding-left:100px;}

/* css for homepage */

.homepage{background-color:white; height:610px;}

    .homepage .searchRow { top: -138px; position: relative;
        width: 100%;
        height: 50px;
        border-radius: 5px;
        padding: 2px 2px 2px 4px;
        margin: 0;
        background-color: #fff;
        z-index: 999;
    }
    .homepage .searchRow .searchBox {
        width: 110%;
        height: 44px;
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
        text-align: left;
        color: #7a8a91;
        border-color: rgb(38, 181, 113);
        border-radius: 5px;
        padding: 0 10px;
    }
.homepage .searchRow .searchBox::placeholder { font-size: 16px; color: #aaa; font-weight: bold; }
    .homepage .searchRow .searchBtn {
        float: right;
        width: 48px;
        height: 48px;
        display: block;
        background-color: rgb(0,188,225);
        border-radius: 5px;
        text-align: center;
        margin: -2px;
    }
.homepage .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}
.homepage .lbltxt {color:darkgreen; top: 10px; position: relative; left:10px; font-size:14px;}
.homepage .pnltxthome{background-color:lightcyan; height:40px; border-bottom-left-radius:20px; border-top-right-radius:20px;}

.flip-box {
  background-color: transparent;
  width: 400px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px;
}

.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-box-front {
  background-color: #fff;
  color: black;
}

.flip-box-front p {font-size: 32px; margin-top: -4px; font-family:'Agency FB' ; color:darkblue;}

.flip-box-back {
  background-color: #181818;
  color: white;
  transform: rotateY(180deg);
}

/* css for search page */

.searchpage{background-color:white; height:600px;}

    .searchpage .searchRow {
        width: 100%;
        height: 48px;
        border-radius: 5px;
        padding: 2px 2px 2px 4px;
        margin: 0;
        background-color: #fff;
        z-index: 999;
    }
    .searchpage .searchRow .searchBox {
        width: 100%;
        height: 44px;
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
        text-align: left;
        color: #7a8a91;
        border-color: rgb(38, 181, 113);
        border-radius: 5px;
        padding: 0 10px;
    }
    .searchpage .searchRow .searchBox::placeholder { font-size: 16px; color: #aaa; font-weight: bold; }
    .searchpage .searchRow .searchBtn {
        float: right;
        width: 48px;
        height: 48px;
        display: block;
        background-color: rgb(0,188,225);
        border-radius: 5px;
        text-align: center;
        margin: -2px;
    }

    .searchpage .lblsearch{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

    .searchpage .searchcontent .dlsearcontent th{color:darkgreen; background-color:lightgoldenrodyellow; width: 25%; height: 45px; text-align: center;}

    .searchpage .searchcontent .dlsearRow td{height:90px; text-align:center; color:rgb(18, 4, 135);  }

    .searchpage .searchcontent .dlsearRowicon td{padding-left:10%;}

    .searchpage .pnlsearcontent{border-width:2px; border-color:rgb(18, 4, 135); margin-top:100px;}

    .searchpage .lblsdd{color:lightcyan; background-color:rgb(18, 4, 135); height:45px; padding-left:10px; font-size:18px; padding-top:10px;}

/* css for change password */

.chngpswd{background-color:white; height:600px;}

.chngpswd .lblwarning{color:red; font-size:12px;}

.chngpswd .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

    .chngpswd .txtbox {
        width: 100%;
        height: 40px;
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
        text-align: left;
        color: rgb(18, 4, 135);
        border-color: rgb(38, 181, 113);
        border-radius: 5px;
        padding: 0 10px;
    }

    .chngpswd .lblhead{color:darkgreen;}

    .chngpswd .btnskew {color:rgb(18, 4, 135);}

    .chngpswd .btnskew:hover{color:yellow;}

/* css for login activity */

.loginact{background-color:white; height:900px;}

.loginact .btnghost{float:right; margin-right:50px; margin-bottom:20px;}

.loginact .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

.loginact .gridlog{width:115%;}

.loggrid .headloggrid th{padding:3px 30px; text-align:center; height:30px;}

.loggrid .rowloggrid td{padding:3px; margin-left:3px; height:30px;}

.loggrid .rowloggrid1 td{padding:3px; margin-left:3px; height:30px; text-align:center;}

.loginact .actloggraph {
    text-align: center;
}

/* css for knowmore */

.knowmore{background-color:white; height:600px;}

/* css for myprofile */

.myprofile{background-color:white; height:600px;}

.myprofile .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

    .myprofile .txtbox {
        width: 40%;
        height: 40px;
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
        text-align: left;
        color: rgb(18, 4, 135);
        border-color: rgb(38, 181, 113);
        border-radius: 5px;
        padding: 0 10px;
    }

    .myprofile .lblhead{color:darkgreen;}

    .myprofile .btnskew {color:rgb(18, 4, 135);}

    .myprofile .btnskew:hover{color:yellow;}

    /* css for register now page */

.registernow{background-color:white; left: 45px; top: 40px; height: 525px; position: relative; width:45%;}

.registernow .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

    .registernow .txtbox {
        width: 60%;
        height: 40px;
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
        text-align: left;
        color: rgb(18, 4, 135);
        border-color: rgb(38, 181, 113);
        border-radius: 5px;
        padding: 0 10px;
    }

    .registernow .lblhead{color:darkgreen;}

    .registernow .btnskew {color:rgb(18, 4, 135);}

    .registernow .btnskew:hover{color:yellow;}

    /* css for viewdoc page */
    
    .viewdocpage{background-color:white; height:600px;}

    .viewdocpage .docview .lbldocview{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

    .viewdocpage .docview .details1, .viewdocpage .docview .details2{width:450px;}

    .viewdocpage .docview .lblheader{color: rgb(18, 4, 135); font-size: 18px; font-weight: bold;}

    .viewdocpage .docview .lbllbl{color:rgb(18, 4, 135); padding:5px 0px;}

    .viewdocpage .docview .lbldetail{color:darkgreen; float:right; font-weight:bold; }

    .viewdocpage .lblsdd{color:lightcyan; background-color:rgb(18, 4, 135); height:45px; padding-left:10px; font-size:18px; padding-top:10px;}

    .rbtntranss {
            margin-left: 35%;
            color: rgb(18, 4, 135);
            padding-left: 3px;
        }
    .lblwalmsg {color:darkred; font-size:15px;}

    .pnlBackGround1
{
    position:fixed;
    top:10%;
    left:10px;
    width:50%;
    height:45%;
    text-align:center;
    background-color:White;
    border:solid 2px black;
}

    .pnlBackGround1 #buttons,.pnlBackGround #buttons2 {
        display: inline-flex;
    }

.pnlBackGround1 .smsheader{height: 35px; color: white; font-family: Agency FB; font-size: 24px; background-color: rgb(18, 4, 135);}

    .pnlBackGround1 .btnlog:hover {
        color: ghostwhite;
        background: #23074d; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #cc5333, #23074d); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #cc5333, #23074d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    .pnlBackGround1 .btnlog {
        width: 130px;
        background-image: linear-gradient(to bottom, rgba(0, 202, 223,1) 0%, rgba(27, 31, 171,1) 100%);
        color: white;
    }

   .pnlBackGround1 .lblsms {color: darkgreen; font-weight: bold;}

   .pnlBackGround1 .txtsms {border-width: 2px; border-color: darkgreen; border-radius: 5px; height: 30px; color: rgb(18, 4, 135); width:250px; margin:5px;}

   .pnlBackGround1 .multxtsms {border-width: 2px; border-color: darkgreen; border-radius: 5px; color: rgb(18, 4, 135); width:250px; margin:5px;}

    /* css for verifireport page */

    .verifireport{background-color:white; height:700px;}

.verifireport .btnghost{float:right; margin-right:50px; margin-bottom:20px;}

.verifireport .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

.verifireport .gridlog{width:115%;}

.loggrid .headloggrid th{padding:3px 30px; text-align:center; height:30px;}

.loggrid .rowloggrid td{padding:3px; margin-left:3px; height:30px;}

.loggrid .rowloggrid1 td{padding:3px; margin-left:3px; height:30px; text-align:center;}

/* css for certpreview */

.certpreview { width:700px; color:maroon;}

.certpreview path {
  fill: transparent;
}

.certpreview text {
  fill: #FF9800;
}

.certpreview .txt1{font-size: 24px; font-weight: bold;}

.certpreview .txt2{font-family: monotype corsiva; font-size: 22px;}

.certpreview .txt3{font-family: monotype corsiva; font-size: 22px;}

.certpreview .txt4{ color:black; font-family:'Script MT' ; font-size: 22px;}

.certpreview .p2{border-bottom:solid; border-width:1px; border-color:maroon; text-align:center;}

.certpreview .txt3{font-family: monotype corsiva; font-size: 20px;}

.certpreview .txt5{font-family: monotype corsiva; font-size: 15px;}

.certpreview .p1{border-radius: 4px; border: 1px solid currentColor; color:black; font-size:11px;}

.certpreview .txt7{font-size:12px; text-align:center;}

.certpreview .txt8{font-size: 21px; font-weight: bold;}

.certpreview .txt9{font-size:14px; text-align:center; font-family: monotype corsiva;}

.certpreview .txt10{font-family: monotype corsiva; float:right; font-size:14px;}

.certpreview .txtpad{width: 562px; margin-left: 55px; height:800px;}

.certpreview .tblrow{height: 80px; text-align: center; color: black; font-family:'Script MT' ; font-size: 21px;}

.certpreview .tblhd{text-align: center; font-family: monotype corsiva; font-size: 18px;}

.certpreview .imgseal{margin-top: -40px; margin-left: 165px;}

.certpreview .txt11{font-size: 27px; font-weight: bold;}

.certpreview .p2,.certpreview Label{display:inline;}

.certpreview .dtcert{color:black; font-family:'Times New Roman'; font-size:14px; font-weight:bold;}

/* preview certificate page 2 css */

.prevcert .txtt1{margin-top: 80px; float: right; color:darkmagenta;}

.prevcert .imgI1{height:150px; width:120px;  position:relative; top:80px; left:513px;}

.prevcert .txtt2 {
    font-family: 'Script MT';
    font-size: 22px;
}

.prevcert .pp1{border-bottom:solid; border-width:1px; border-color:darkmagenta; text-align:center; top: 228px; position: relative;}

.prevcert .txtt3{font-family:'Script MT' ; font-size: 22px;}

.prevcert .txtpad{width: 562px; margin-left: 55px; height:800px;}

.prevcert {width: 750px; height: 1065px; margin-left:130px;}

.prevcert .txtt4,.prevcert .txtt5{font-family:'Script MT' ; font-size: 22px; color:black;}

.prevcert .pp3{left: 400px; position: relative; display : inline; border-bottom:solid; border-width:1px; border-color:darkmagenta; top: 283px;}

/*.prevcert .txtt5{left: 165px; position: relative;}*/

.prevcert .pp2{display : inline; border-bottom:solid; border-width:1px; border-color:darkmagenta; top: 283px; position: relative; left: 60px;}

.prevcert .txtt6,.prevcert .txtt7{font-family: monotype corsiva; font-size:19px; color:darkmagenta; float:left; margin-top:9px;}

.prevcert .txtt8{font-family:barcode1; left: -3px; top: 73px; font-size: 20px; position: relative;}

.prevcert .txtt9{ font-family: Script MT; font-size: 23px; padding-left:30px; }

.prevcert .txtt10{left: 35px; top: 637px; font-weight: bold; position: relative;}

.prevcert .pp4{top: 406px; position: relative; text-align:center;}

/* css for contact us page */

.contactus{background-color:white; height:590px; width:850px; margin-left:90px; opacity:0.9;}

.contactus .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

.contactus p{color:darkgreen; font-weight:bold;}

.contactus p .cspan{color: darkmagenta; font-style: italic;}

.contactus .btnlog{width:135px; background-image: linear-gradient(to bottom, rgba(0, 202, 223,1) 0%, rgba(27, 31, 171,1) 100%);
                   color:white;
}

.contactus .btnlog:hover{color:ghostwhite; background: #23074d;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to top, rgba(0, 202, 223,1), rgba(27, 31, 171,1));  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to top, rgba(0, 202, 223,1), rgba(27, 31, 171,1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}

.contactus .milogo{margin-left:230px;}

.contactus .milogotxt{font-family:'Script MT'; font-size:26px; color:black; margin-left:190px;}

/* css for sms modal div */

.modalBackground { background:rgba(0,0,0,0.7);}

.pnlBackGround
{
    position:fixed;
    top:10%;
    left:10px;
    width:50%;
    height:65%;
    text-align:center;
    background-color:White;
    border:solid 2px black;
}

    .pnlBackGround #buttons,.pnlBackGround #buttons2 {
        display: inline-flex;
    }

.pnlBackGround .smsheader{height: 35px; color: white; font-family: Agency FB; font-size: 24px; background-color: rgb(18, 4, 135);}

    .pnlBackGround .btnlog:hover {
        color: ghostwhite;
        background: #23074d; /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #cc5333, #23074d); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #cc5333, #23074d); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }

    .pnlBackGround .btnlog {
        width: 130px;
        background-image: linear-gradient(to bottom, rgba(0, 202, 223,1) 0%, rgba(27, 31, 171,1) 100%);
        color: white;
    }

   .pnlBackGround .lblsms {color: darkgreen; font-weight: bold;}

   .pnlBackGround .txtsms {border-width: 2px; border-color: darkgreen; border-radius: 5px; height: 30px; color: rgb(18, 4, 135); width:250px; margin:5px;}

   .pnlBackGround .multxtsms {border-width: 2px; border-color: darkgreen; border-radius: 5px; color: rgb(18, 4, 135); width:250px; margin:5px;}

/* css for forgot password page */

.forgotpswd{background-color:white; left: 45px; top: 75px; height: 435px; position: relative; width:43%;}

.forgotpswd .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

    .forgotpswd .txtbox {
        width: 60%;
        height: 40px;
        font-size: 16px;
        font-weight: normal;
        line-height: 28px;
        text-align: left;
        color: rgb(18, 4, 135);
        border-color: rgb(38, 181, 113);
        border-radius: 5px;
        padding: 0 10px;
    }

    .forgotpswd .lblhead{color:darkgreen;}

    .forgotpswd .btnskew {color:rgb(18, 4, 135);}

    .forgotpswd .btnskew:hover{color:yellow;}

    /* css for online payment page */

    .onlinepay {background-color:white; height:600px;}

    .onlinepay .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

    .onlinepay .lblonpay{color: darkgreen; font-weight: bold; left: 30px; position: absolute;}

    .onlinepay .txtonpay{border-color: darkgreen; margin: 5px; border-radius: 5px; left: 175px; width: 300px; height: 30px; 
                         position: absolute; color: rgb(18, 4, 135); font-weight:bold;}

    .onlinepay .txtpos1{margin-top:20px;}

    .onlinepay .txtpos2{margin-top:35px;}
    
    .onlinepay .txtpos3{margin-top:50px;}

    .onlinepay .txtpos4{margin-top:65px;}

    .onlinepay .txtpos5{left: 490px; top: 76px; position: relative;}

    .onlinepay .lblpos1{top:85px;}

    .onlinepay .lblpos2{top:120px;}

    .onlinepay .lblpos3{top:155px;}

    .onlinepay .lblpos4{top:190px;}

    .onlinepay .lblpos5{top:225px;}

    .onlinepay .btnskew {color:rgb(18, 4, 135); margin-top:95px;} 

    .onlinepay .btnskew:hover{color:yellow;}

    .onlinepay #btnproceedpay { height:30px;}

    /* css for payment transaction page */

    .paytrans {background-color:white; height:600px;}

    .paytrans .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

    .paytrans p{color:black; font-style:italic; font-size:16px; font-weight:bold;}

    .paytrans .lbltrans{color: darkgreen; font-weight: bold;}

    .paytrans .txttrans{border-color: darkgreen; margin: 5px; border-radius: 5px; width: 300px; height: 30px; color: rgb(18, 4, 135); font-weight:bold;}


    /* css for pay report page */

.payrpt{background-color:white; height:750px;}

.payrpt .btnghost{float:right; margin-right:50px; margin-bottom:20px;}

.payrpt .lblheading{color: rgb(18, 4, 135); font-size: 19px; font-weight: bold; position:relative; top:5px;}

.payrpt .gridlog{width:115%;}

.loggrid .headloggrid th{padding:3px 30px; text-align:center; height:30px;}

.loggrid .rowloggrid td{padding:3px; margin-left:3px; height:30px;}

.loggrid .rowloggridW td {
    padding: 3px;
    margin-left: 3px;
    height: 30px;
    text-align:right;
}

.loggrid .rowloggrid1 td{padding:3px; margin-left:3px; height:30px; text-align:center;}

/* css for candidate docs page */

.canddocs .btndoc{color:darkblue; border-width:2px; border-radius:5px; background-color:lightgray; margin:20px 75px; width:170px; height:40px;
                  font-weight:bold;
}

.canddocs {background-color:white; height:990px;}

.canddocs .btndoc:hover{ background-color:lightslategray; color:black; font-style:italic;}

.canddocs p{color: darkgreen; font-size: 15px;}

.canddocs .lblinfo{color:red; font-size:13px; font-style:italic;}

/*     css for consolidated grade sheet - view_CML page   */

.gradesheet{width: 850px; height: 1200px; margin-left:70px;}

.gradesheet #lbl_Sheet { border-radius: 5px; border-color:#006600; border-width:3px; border-style:solid; margin-left:135px;
             font-weight:bold; font-family:'Courier New'; color:#006600; text-align:center;             
}

.gradesheet #TBL_DETAILS{width: 100%; margin-left:-10px;}

/*.media-body {padding-left:20px !important;}
.media-right {padding-right: 50px !important;}*/

.gradesheet #lbl_clgname {text-align: center; color: darkmagenta; font-size: 24px; font-weight: bold; padding-left:0px;}

.gradesheet #lbl_clgAdd {padding-left:52px;
    color: darkmagenta;
    font-weight: bold;
}

.gradesheet #TBL_DETAILS,.gradesheet #table_details {color: navy; font-size: 13px;}

.gradesheet #table_details{padding-left:10px !important;}

/*.gradesheet #details_div,.gradesheet #infodiv{background-color:wheat;}*/

.gradesheet .grades_div1{color:black; font-size:12px; width:104%;}

.gradesheet .grades_div2{color:black; font-size:12px; width:104%; margin-left:-15px;}

.gradesheet #imgStud{width: 100px; height: 100px;}

.gradesheet #imgLogo{width:90px; height:95px; margin-left:35px !important; margin-top:53px;}

.gradesheet .semclass{background-color:pink; Color:darkmagenta; text-align:center; font-weight:bold;}

.gradesheet #GridView_grades1{color: maroon; border-collapse: collapse; background-color: lightcyan;}

.gradesheet #GridView_grades2{color: maroon; border-collapse: collapse; background-color: lightcyan;}

.gradesheet .gridHeaderClass{color:seashell; background-color:lightseagreen;}

.gradesheet .gridHeaderClass th{text-align:center;}

.gradesheet .grades_div1 .gridrow,.gradesheet .grades_div2 .gridrow {text-align:center; width:55px; font-size:11px;}

.gradesheet .gridtitlerow{padding-left:3px; width:560px; font-size:10px;}

/*.gradesheet .datadiv{background-color:palegoldenrod;}*/

.gradesheet .cgpadiv{color:darkmagenta; font-weight:bold; font-size:13px; margin-top: 15px; margin-left: 25px;}

.gradesheet #tbl_cgpa{margin-left:30px; margin-top:10px;}

.gradesheet #tbl_cgpa th{color:darkmagenta; text-align:center; border:solid 1px black;}

.gradesheet #tbl_cgpa td{color:black; width:11.1%; text-align:center; border:solid 1px black;}