/* CSS Document */
.hide{visibility:hidden; height:0px;}

.hidedisplay{display:none;}

/* Glaphicon start_________________________ */
@font-face
{
    font-family: 'Glyphicons Halflings';
    src: url(../fonts/glyphicons-halflings-regular.eot);
    src: url(../fonts/glyphicons-halflings-regulard41d.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
/*------------------Glyphicon for rollright grid start-----------------------*/


.glyphicon
{
    position: relative;
    top: 0px;
    padding:2px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    width:90px;
}
.glyphicon1
{
    position: relative;
    top: 0px;
    padding:2px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    width:90px;
    padding-left:20px;
}



.glyphiconGridHeader
{
     font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 200;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:1.6em;
    color:White;
}
.glyphiconGridHeader .tooltiptext {
    visibility: hidden;
    color: Black;
    position: absolute;
    z-index: 1;
    font-size:0.7em;
}
.glyphiconGridHeader:hover .tooltiptext {
    visibility: visible;
}
.glyphicon-View:before
{content:"\e105";}
.glyphicon-Add:before
{ content: "\2b";}
.glyphicon-Edit:before
{ content:"\270f"}
.glyphicon-Del:before
{ content: "\2b";}
.glyphicon-Approve:before
{ content:"\e067"}
.glyphicon-Email:before
{ content:"\2709"}
.glyphicon-Exp:before
{ content:"\e164";}
.glyphicon-GridPrint:before
{ content:"\e009";}

.glyphicon-E2:before
{ content:"\e063";}
.glyphicon-DownloadR:before
{ content:"\e026";}
.glyphicon-UploadR:before
{ content:"\e027";}

/*------------------Glyphicon for rollright grid end-----------------------*/
.glyphicon-wrench:before
{
    content:"\e137  Proccess";
    }

.glyphicon-eye-open:before
{
    content:"\e105  View";
 }
 
.glyphicon-check:before
{
content:"\ Confirm";
}

.glyphicon-refresh:before 
{
    content:"\e031  Refresh";
}

.glyphicon-step-backward:before 
{
  content: "\e071  Back";
}

.glyphicon-transfer:before 
{
  content: "\e178";
}

.glyphicon-plus:before
{
    content: "\2b  Add";
}
.glyphicon-export:before
{
    content: "\e164  Export";
}
.glyphicon-minus:before
{
    content: "\e020  Delete";
}
.glyphicon-minusDetail:before
{
    content: "\e020  DetDelete";
}
.glyphicon-minusGrid:before
{
    content: "\e020";
}
.glyphicon-floppy-remove:before
{
    content: "\e174  Cancel";
}
.glyphicon-floppy-disk:before
{
    content: "\e172  Save";
}

.glyphicon-lock:before
{
    content:"\1f512  Confirm";
}

.glyphicon-cart:before
{
    content:"\e116  Pay Fees";
}

.glyphicon-paperclip:before
{
    content:"\e142  Attach";                           
}
.glyphicon-eye-openGrid:before {
    content: "\e105";
}

.glyphicon-paperclipGrid:before
{
    content:"\e142";                           
}
.glyphicon-print:before
{
    content:"\e045  Print"
}

.glyphicon-print1:before
{
    content:"\e045  Print Form"
}

.glyphicon-print3:before
{
    content:"\e045  Print Receipt"
}


.glyphicon-print2:before
{
    content:"\e045  Print Ack Slip"
}
.glyphicon-print21:before
{
    content:"\e045  Print Slip"
}

.glyphicon-printGrid:before
{
    content:"\e045"
}
.glyphicon-sendGrid:before
{
    content:"\e171"
}
.glyphicon-Masters:before
{
    content: "\e012";
    margin-right: 10px;
}
.glyphicon-Transactions:before
{
    content: "\e065";
    margin-right: 10px;
}
.glyphicon-Administration:before
{
    content: "\e008";
    margin-right: 10px;
}
.glyphicon-logout:before
{
    content: "\e163";
    margin-right: 10px;
}
.glyphicon-Reports:before
{
    content: "\e185";
    margin-right: 10px;
}
.glyphicon-resize-full:before
{
    content: "\e096";
}
.glyphicon-share-alt:before
{
    content: "\e095";
}
.glyphicon-submenu:before
{
    content: "\e080";
    margin-right: 5px;
    margin-left: 5px;
}
.glyphicon-hand-right:before
{
    content: "\e127";
    margin-right: 5px;
    margin-left: 5px;
}
.glyphicon-file:before
{
    content: "\e022";
    margin-right: 5px;
    margin-left: 5px;
}
.glyphicon-cog:before
{
    content: "\e019";
    margin-right: 5px;
    margin-left: 5px;
}
.glyphicon-record:before
{
    content: "\e165";
    margin-right: 5px;
    margin-left: 5px;
}
.glyphicon-import:before
{
    content: "\e169";
    margin-right: 5px;
    margin-left: 5px;
}
.glyphicon-off:before
{
    content: "\e017";
    margin-right: 5px;
    margin-left: 5px;
    font-size: 1em;
}
.glyphicon-restore:before{content:"\e115"}
.glyphicon-remove:before
{
    content: "\e014";
}
.arrowD:after
{
    content: "\e252";
}
.arrowD
{
    margin-right: 0px;
    float: right;
}
.glyphicon-resize-small:before
{
    content: "\e097";
    line-height: 15px;
   
}
.glyphicon-Help:before
{
    content: "\e085";
    line-height: 17px;
   
}
.gFont
{
    font-size: 0.9em;
}

.glyphicon-share-alt1:before
{
    content: "\2b";
    line-height: 15px;
    
}

.glyphicon-refresh:before
{
    content: "\e031";
    line-height: 17px;
   
}




.glyphicon-mini:before
{
    content: "\2212";
    line-height: 15px;
   
}

.glyphicon-share-back1:before
{
     content: "\e069";
    line-height: 15px;
 
}
.glyphicon-copy:before
{
    content:"\e205";
    line-height: 15px;
    
}
.glyphicon-earphone:before
{
    content:"\e182";
     line-height: 15px;
}
.glyphicon-triangle-right:before 
{
    content: "\e059";
     line-height: 15px;
}
.glyphicon-paste:before
{
     content: "\e206";
    line-height: 15px;
   
}
.glyphicon-remove:before
{
    content: "\e014";
    line-height: 15px;
   
}
.glyphicon-arrow-left:before{content:"\e091"}

.btnback1
{
display:block;
height:40px;
width :150px;
background:background-image :url(../images/back.jpg);
}



.glyphicon-download:before{content:"\e025"}

.glyphicon-align-justify:before{content:"\e055"}
/* Glaphicon end_________________________ */
/* calendar design start______________________________*/



body {
background: url(../images/bg.jpg) top left repeat;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
.l{
float:left;
}
.r{
float:right;
}
.c{
clear:both;
}
a{
outline:none;
}

/*
p,li,ul, h1,h2,h3,h4,h5,h6,{
margin:0;
list-style:none;
padding:0;
}
*/

.main2{
width:1000px;
margin:0 auto;
background:#FFFFFF;
border-bottom:3px solid #033553;
}
.logo_menu{
border-bottom:1px solid #CCCCCC;
padding:5px 5px 5px 10px;

}
.logo{
width:110px;
}
.logo_right{
width:860px;
}
.logo_right h1{
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#000000;
padding:0;
margin:0;
}
.logo_right p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding:0;
margin:0;
}
.logo_right h2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#666666;
padding:0;
font-weight:normal;
margin:0;
}
.logo_right h3{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
padding:0;
font-weight:normal;
margin:0;
}
.form_top_hedd{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#666666;
padding:0;
font-weight:normal;
margin:0;
}
.form_heading{
 color:#FFF;
 background:#1d75a7;
 padding:4px 20px 2px;
}
.form_heading h1{
 font-size:20px;
 color:#FFF;
   font-family: 'Open Sans', sans-serif;
   font-weight:300;
   padding:0 0 5px 0;
   margin:0; 
   line-height:24px;
}
.form_heading p{
 font-size:18px;
 color:#FFF;
   font-family: 'Open Sans', sans-serif, arial;
   padding:3px 0 0px 0;
   margin:0; 
   font-weight:300;
   line-height:20px;
}
.note{
  font-size:13px;
 color:#333;
   font-family: 'Open Sans', sans-serif, arial;
   padding:8px 15px 0;
}
.lable_200{
 width:200px;
 padding:5px 0 0 0;
  font-family: 'Open Sans', sans-serif, arial;
  font-size:13px;
  color:#000;
  font-weight:600;
}
.lable_180{
 width:180px;
 padding:5px 0 0 0;
 font-family: 'Open Sans', sans-serif, arial;
  color:#000;
  font-weight:600;
  font-size:14px;
}
.lable_150{
 width:150px;
 padding:5px 0 0 0;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  color:Black;
  font-weight:300;
}
.lable_151{
 width:150px;
 padding:5px 0 0 0;
 font-family: 'Open Sans', sans-serif, arial;
  color:#000;
  font-weight:600;
  font-size:14px;
}
.lable_152{
 width:170px;
 padding:5px 0 0 0;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  color:#000;
  font-weight:600;
  font-size:14px;
}
.lable_153{
 width:210px;
 padding:5px 0 0 0;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  color:#000;
  font-weight:600;
  font-size:14px;
}
.lable_154{
 width:60%;
 padding:5px 0 0 0;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  color:#000;
  font-weight:600;
  font-size:14px;
}
.lable_155{
 padding:5px 0 0 0;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  color:#000;
  font-weight:600;
  font-size:14px;
}
.lable_160{
 width:160px;
 padding:5px 0 0 0;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  color:#000;
  font-weight:600;
}
.lable_auto{
 width:auto;
 padding:5px 10px 0 0;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  color:#000;
  font-weight:600;
}
/*.row{
 margin:0 0 6px 0;
}*/
.content_menu{
 padding:15px 15px;
}



.input_100_box{
 width:100px;
}
.input_100{
 width:90px;
 padding:4px 5px;
 border:1px solid #999;
 height:16px;
  font-family: 'Open Sans', sans-serif, arial;
  font-size:13px;
}



.input_200_box{
 width:200px;
}
.input_200{
 width:190px;
 padding:4px 5px;
 border:1px solid #999;
 height:16px;
  font-family: 'Open Sans', sans-serif, arial;
  font-size:13px;
}
.input_250_box{
 width:250px;
}
.input_250{
 width:240px;
 padding:4px 5px;
 border:1px solid #999;
 height:16px;
  font-family: 'Open Sans', sans-serif, arial;
  font-size:13px;
}
.input_300_box{
 width:450px;
}
.input_290_box{
 width:300px;
}
.input_300{
 width:350px;
 padding:4px 5px;
 border:1px solid #999;
 height:16px;
  font-family: 'Open Sans', sans-serif, arial;
  font-size:13px;
}
.input_301{
 width:350px;
 padding:4px 5px;
 border:1px solid #999;
 height:50px;
  font-family: 'Open Sans', sans-serif, arial;
  font-size:13px;
}

.input_300B{
 padding:4px 5px;
 border:1px solid #999;
 
  font-family: 'Open Sans', sans-serif, arial;
  font-size:16px;
  width:650px; 
  color:red; 
   text-align:center;
}


.input_80_box{
 width:113px;
}
.input_40_box{
 width:40px;
}
.input_40{
 width:80px;
}
.input_20{
 width:40px;
}
.input_80{
 width:107px;
 padding:4px 2px;
 border:1px solid #999;
 height:16px;
  font-family: 'Open Sans', sans-serif, arial;
  font-size:13px;
}
.MR_100{
 margin-right:100px;
}
.MR_50{
 margin-right:50px;
}
.MR_20{
 margin-right:20px;
}
.MR_30{
 margin-right:30px;
}
.MR_10{
 margin-right:10px;
}
.MR_5{  
 margin-right:5px;
}
.ML_20
{
    margin-left:20px;
}
.ML_30
{
    margin-left:30px;
}
.ML_10{
 margin-left:10px;
}
.ML_100{  
 margin-left:100px;
}
.ML_25{  
 margin-left:25px;
}
.col1
{
    flex: 0 0 auto;
    width: 20%;
}
.remember_box{
 background:#f2f2f2;
 padding:5px 10px;
 text-align:center;
 width:575px;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:15px;
  color:#000;
  font-weight:600;
  margin:0 0 0 30px;
 
}
.remember_box1{
 background:#f2f2f2;
 padding:5px 10px;
 text-align:center;
 width:100%;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:18px;
  color:#000;
  font-weight:600;
  margin:0 0 0 0px;
 
}
.input_bottom_text{
  font-family: 'Open Sans', sans-serif, arial;
  font-size:11px;
  padding:3px 0 0 2px;
  color:#000;
  font-weight:600;
}
.grey_bg{
 background:#f2f2f2;
 padding:10px 15px 10px 15px;
}
.white_bg{
 background:#FFF;
 padding:10px 15px 10px 15px;
}
.address_left_box{
 width:870px;
   
}

hr.dashed_line{
 border:1px dashed #CCC;
 margin:15px 0;
}
.checkbox_lable{
 font-family: 'Open Sans', sans-serif, arial;
  font-size:11px;
  padding:1px 0 0 2px;
  color:#000;
  font-weight:600;
}
.category_box{
 width:350px;
 margin:0 0 0 50px;
}
h2.heading_2{
  font-family: 'Open Sans', sans-serif, arial;
  font-size:18px;
  padding:0px 0 10px 0px;
  color:#000;
  font-weight:600;
  margin:0;
}
.Category_table td{
  font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  font-weight:normal;
  color:#000;
  padding:8px 0 8px 0;
}
.Category_table td input{
 margin:2px 7px 0 0;
}
.lable_full_wiedth{
 padding:0px 0 5px 0;
 font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  color:#000;
  font-weight:600;
}
.select_box{
 height:26px;
}
.Are_you_going_to_study {
 font-family: 'Open Sans', sans-serif, arial;
  font-size:12px;
  color:#000;
  padding:5px 0 0 5px;
  width:195px;
}
.textarea_250{
 width:240px;
 height:80px;
 border: 1px solid #999;
  font-family: 'Open Sans', sans-serif, arial;
  font-size: 13px;
}
table.Higher_Secondary_Marks{
 width:100%;
 border-collapse:collapse;
}
table.Higher_Secondary_Marks th{
 background:#f2f2f2;
 font-size:13px;
 font-family: 'Open Sans', sans-serif, arial;
 border-collapse:collapse;
 border:1px solid #CCC;
 text-align:left;
 padding:10px;
 color:#000;
 font-weight:600;
}
table.Higher_Secondary_Marks td{
 font-size:12px;
 font-family: 'Open Sans', sans-serif, arial;
 border-collapse:collapse;
 border:1px solid #CCC;
 text-align:left;
 padding: 6px 10px;
 color:#000;
 font-weight:600;
}
.d_none{
 display:none;
}
.StudSubPassDetailId{
 text-align:right !important;
 color:#FFF !important;
 font-size:11px;
}
.Principal_left_box {
  width: 410px;
  font-family: 'Open Sans', sans-serif, arial;
  font-size:13px;
  padding:10px 0 0 0;
}
.Principal_left_box h2{
   font-size:18px;
   color:#000;
   padding:30px 0 5px 8px;
   margin:0;
   font-weight:600;
 font-family: 'Open Sans', sans-serif, arial;
}
.Principal_left_box p{
   font-size:13px;
   color:#000;
   padding:0px 0 5px 8px;
   margin:0;
   font-weight:normal;
 font-family: 'Open Sans', sans-serif, arial;
}
.Principal_right_box {
  width: 410px;
}
.Marks_right_box {
  width: 410px;
}
.checkbox_lable_2 {
  font-family: 'Open Sans', sans-serif, arial;
  font-size: 12px;
  padding: 1px 0 0 2px;
  color: #000;
  font-weight: 600;
}
.bottom_bg {
  background: url(../images/bottom_bg.jpg) bottom left no-repeat;
  padding: 0 7px 20px;
}
.footer_copy_menu 
{
    
  height: 10px;
  padding: 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #5ea8d3;
  width:1000;
  margin:0 auto;
}
.footer_copy_menu1 
{
  padding: 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #5ea8d3;
  width:1000;
  margin-top:5px;
}

.copyright 
{
  width: 500px;
}

.nova_software {
  width: 300px;
  text-align: right;
}

.nova_software a {
  color: #FFFFFF;
  text-decoration: none;
}

i.Marked_Fields_icon{
 width:13px;
 height:14px;
 background:url(../images/ICON_Red.png) 0 0px no-repeat;
 display:inline-block;
 margin-bottom:-2px
}


 .modal
        {
            position: fixed;
            z-index: 999;
            height: 100%;
            width: 100%;
            top: 0;
            background-color: Silver;
            filter: alpha(opacity=60);
            opacity: 0.6;
            -moz-opacity: 0.8;
        }
         .center1
        {
            z-index: 1000;
            margin: 100px auto;
            padding: 10px;
            width: 130px;
            background-color: White;
            border-radius: 10px;
            filter: alpha(opacity=100);
            opacity: 1;
            -moz-opacity: 1;
        }
        .center img
        {
            height: 18px;
            width: 18px;
        }


.alert1
{
z-index: 9999;
position:fixed;
top:10px;left:10%; 
color: #ffffff;
font-size:x-large ; 
padding: 20px;
text-align:center ;
text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
background: rgba(147,206,222,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(147,206,222,1)), color-stop(44%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
background: radial-gradient(ellipse at center, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=1 );
}


.alert2
{
z-index: 9999;
position:fixed;
top:10px;left:10%; 
color: #ffffff;
font-size:x-large ; 
padding: 20px;
text-align:right ;
text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
background: rgba(255,0,0,1);
}

.alert3
{
z-index: 9999;
position:fixed;
top:10px;left:10%; 
color: #ffffff;
font-size:x-large ; 
padding: 20px;
text-align:center ;
text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);
background: rgba(147,206,222,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(147,206,222,1)), color-stop(44%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
background: radial-gradient(ellipse at center, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 44%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=1 );
}


.btn
{
    text-align: center;
    width: 10%;
      height:20px;
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    font-size: 1.3em;

    margin-bottom: 0px;
   background: #c7c7c7;
   background-color:#3C93B6;
   /* background-image: -webkit-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: -moz-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: -ms-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: -o-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: linear-gradient(to bottom, #c7c7c7, #474b4d);*/
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    padding: 7px;
    text-decoration: none;
}
.btn1
{
    text-align: center;
    width: 10%;
      height:30px;
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    font-size: 1.2em;

    margin-bottom: 0px;
   background: #c7c7c7;
   background-color:#3C93B6;
   /* background-image: -webkit-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: -moz-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: -ms-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: -o-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: linear-gradient(to bottom, #c7c7c7, #474b4d);*/
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    padding: 5px;
    text-decoration: none;
}


.btn-green
{
    text-align: center;
    width: 50%;
      height:200px;
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    font-size: 1.3em;

    margin-bottom: 0px;
   background: #c7c7c7;
   background-color:#0aff23;
   /* background-image: -webkit-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: -moz-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: -ms-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: -o-linear-gradient(top, #c7c7c7, #474b4d);
    background-image: linear-gradient(to bottom, #c7c7c7, #474b4d);*/
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    padding: 7px;
    text-decoration: none;
}




.btn[Disabled],btn[aspNetDisabled],.btn[Disabled]:hover
{
    text-align: center;
    text-decoration: none;
    color: #666666;
    line-height: 24px;
    background-repeat: no-repeat;
    clear: both;
}

.aspNetDisabled
{
    
    text-decoration:none;
    color: #666666;
    line-height: 24px;
    background-repeat: no-repeat;
    clear: both;
    background-color:#e8e6e6;
}

.navbar-fixed-bottom
{
    padding:1px;
    text-align:center;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1030;
    background-color:transparent;
    
}

.navbar-fixed-bottom1
{
    padding:10px;
    text-align:center;
    bottom: 0;
    width:1000px;
    z-index: 1030;
    background-color:white;
    position:fixed;
    height:6%;
}

.Validator
{
color: red;
font-size:medium ; 
}
.Validator1
{
color: red;
font-size:small ; 
}


.annotate {
  font-style: italic;
  color: #366ed4;
}

.listbox-area {
  padding: 10px;
  background: #eee;
  border: 1px solid #aaa;
  font-size: 0;
}

.left-area{
  box-sizing: border-box;
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
  width: 30%;
  padding-right: 5px;
  border: 1px solid #aaa;
}

.right-area {
  box-sizing: border-box;
  display: inline-block; 
  font-size: 14px;
  vertical-align: top;
  width: 60%;
    padding-left: 5px;

}


[role="listbox"] {
  min-height: 1em;
  padding: 0;
  background: white;
  border: 1px solid #aaa;
}

[role="option"] {
  display: block;
  padding: 0 1em 0 1.5em;
  position: relative;
  line-height: 1.5em;
}

[role="option"].focused {
  background: #bde4ff;
}

[role="option"][aria-selected="true"]::before {
  content: '✓';
  position: absolute;
  left: 0.5em;
}

button {
  font-size: 16px;
}

button[aria-disabled="true"] {
  opacity: 0.5;
}

.move-right-btn {
  padding-right: 20px;
  position: relative;
}

.move-right-btn::after {
  content: ' ';
  height: 10px;
  width: 12px;
  background-image: url('../imgs/Arrows-Right-icon.png');
  background-position: center right;
  position: absolute;
  right: 2px;
  top: 6px;
}

.move-left-btn {
  padding-left: 20px;
  position: relative;
}

.move-left-btn::after {
  content: ' ';
  height: 10px;
  width: 12px;
  background-image: url('../imgs/Arrows-Left-icon.png');
  background-position: center left;
  position: absolute;
  left: 2px;
  top: 6px;
}

#ss_elem_list {
  max-height: 18em;
  overflow-y: auto;
  position: relative;
}

#exp_button {
  border-radius: 0;
  font-size: 16px;
  text-align: left;
  padding: 5px 10px;
  width: 150px;
  position: relative;
}

#exp_button::after {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #aaa;
  content: " ";
  position: absolute;
  right: 5px;
  top: 10px;
}

#exp_button[aria-expanded="true"]::after {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 0;
  border-bottom: 8px solid #aaa;
  content: " ";
  position: absolute;
  right: 5px;
  top: 10px;
}

#exp_elem_list {
  border-top: 0;
  max-height: 10em;
  overflow-y: auto;
  position: absolute;
  margin: 0;
  width: 148px;
}


/* my css */
         .btnlock
         {
                margin-right: 10px;
                height: 35px;
                margin-top: -8px;
                cursor:pointer;
                content: url("images/LockGrid.png");
         }
         .Unlock
         {
                margin-right: 10px;
                height: 35px;
                margin-top: -8px;
                cursor:pointer;
                content: url("images/UnlockGrid.png");
         }
         .verifiedunverified
         {
                height: 35px;
                margin-top: -8px;
                cursor:pointer;
         }
          .admited
         {
                height: 35px;
                margin-top: -8px;
                cursor:pointer;
         }

 
        /*Background color*/
        #grad1 {
            background-color:#9C27B0;
            background-image: linear-gradient(120deg, #FF4081, #81D4FA);
        }

        /*form styles*/
        #msform {
            text-align: center;
            position: relative;
        }

        #msform fieldset .form-card {
            background: white;
            border: 0 none;
            border-radius: 0px;
            box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
            padding: 20px 40px 30px 40px;
            box-sizing: border-box;
            width: 94%;
            margin: 0 3% 0px 3%;

            /*stacking fieldsets above each other*/
            position: relative;
        }

        #msform fieldset {
            background: white;
            border: 0 none;
            border-radius: 0.5rem;
            box-sizing: border-box;
            width: 100%;
            margin: 0;
            padding-bottom: 20px;

            /*stacking fieldsets above each other*/
            position: relative;
        }

        /*Hide all except first fieldset*/
        

        #msform fieldset .form-card {
            text-align: left;
            color: #9E9E9E;
        }

      /*  #msform input,
        #msform textarea {
            padding: 0px 0px 0px 0px;
            border: none;
            border-bottom: 1px solid #ccc;
            border-radius: 0px;
            margin-top: 2px;
            width: 100%;
            box-sizing: border-box;
            font-family: montserrat;
            color: #2C3E50;
            font-size: 16px;
            letter-spacing: 1px;
        }*/
        .inputcss
        {
            padding: 0px 0px 0px 0px;
            border: none;
            border-bottom: 1px solid #ccc;
            border-radius: 0px;
            margin-top: 2px;
            width: 100%;
            box-sizing: border-box;
            font-family: Arial;
            color: Black;
            font-size: 16px;
            letter-spacing: 1px;
        }
        
        .inputcss2
        {
            padding: 0px 0px 0px 5px;
            border: 1px solid Black;
            border-radius: 3px;
            margin-top: 2px;
            margin-left: 2px;
            width: 100%;
            box-sizing: border-box;
            font-family: Arial;
            color: Black;
            font-size: 16px;
            letter-spacing: 1px;
        }
        
        
        #msform input:focus,
        #msform textarea:focus {
            -moz-box-shadow: none !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
            border: none;
            font-weight: bold;
            border-bottom: 2px solid skyblue;
            outline-width: 0;
        }

        /*Blue Buttons*/
        #msform .action-button {
            width: 100px;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 0px;
            cursor: pointer;
            padding: 10px 5px;
        }
        .action-button3 {
            font-weight: bold;
            color: white;
            border-radius: 50%;
            cursor: pointer;
            padding: 4px 7px;
            font-size: 30px;
            width: 30%;
            float: left;
            margin-top: -9px;
        }
         .action-button4 {
            font-weight: bold;
            color: white;
            border-radius: 50%;
            cursor: pointer;
            padding: 4px 7px;
            font-size: 30px;
            width: 30%;
            float: right;
            margin-top: -9px;
        }
        .action-button1 {
            width: 100px;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 0px;
            cursor: pointer;
        }
         .action-button2 {
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 0px;
            cursor: pointer;
            padding: 2px;
            height:30px;
        }

        #msform .action-button:hover,
        #msform .action-button:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px skyblue;
        }

        /*Previous Buttons*/
        #msform .action-button-previous {
            width: 100px;
            background: #616161;
            font-weight: bold;
            color: white;
            border: 0 none;
            border-radius: 0px;
            cursor: pointer;
            padding: 10px 5px;
            margin: 10px 5px;
        }

        #msform .action-button-previous:hover,
        #msform .action-button-previous:focus {
            box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
        }

        /*Dropdown List Exp Date*/
        select.list-dt {
            border: none;
            outline: 0;
            border-bottom: 1px solid #ccc;
            padding: 2px 5px 3px 5px;
            margin: 2px;
        }

        select.list-dt:focus {
            border-bottom: 2px solid skyblue;
        }

        /*The background card*/
        .card {
            z-index: 0;
            border: none;
            border-radius: 0.5rem;
            position: relative;
        }

        /*FieldSet headings*/
        .fs-title {
            font-size: 25px;
            color: #2C3E50;
            margin-bottom: 10px;
            font-weight: bold;
            text-align: left;
        }

        /*progressbar*/
        #progressbar {
            margin-bottom: 0px;
            overflow: hidden;
            color:  Blue;
        }
        
         
        #progressbar .active:before 
        {
            color: #000000;
             border: 2px #ff0000 solid;
            animation: blink 1s;
            animation-iteration-count:infinite;
        }
        
        @keyframes blink { 50% { border-color:#fff ; }  }

        #progressbar li {
            list-style-type: none;
            font-size: 12px;
            width: 12%;
            float: left;
            position: relative;
        }
         #progressbar .BATY {
            list-style-type: none;
            font-size: 12px;
            width: 16%;
            float: left;
            position: relative;
        }

        /*Icons in the ProgressBar*/
        #progressbar .lock:before {
            font-family: FontAwesome;
            content: "\f023";
        }

        #progressbar .user:before {
            font-family: FontAwesome;
            content: "\f007";
        }

        #progressbar .creditcard:before {
            font-family: FontAwesome;
            content: "\f09d";
        }

        #progressbar .book:before {
            font-family: FontAwesome;
            content: "\f02d";
        }
        
        #progressbar .newspaper:before {
            font-family: FontAwesome;
            content: "\f1ea";
        }

        #progressbar .upload:before {
            font-family: FontAwesome;
            content: "\f093";
        }
    
        /*ProgressBar before any progress*/
        #progressbar li:before {
            width: 50px;
            height: 50px;
            line-height: 45px;
            display: block;
            font-size: 18px;
            color: Black;
            background: lightgray;
            border-radius: 50%;
            margin: 0 auto 10px auto;
            padding: 2px;
        }

        /*ProgressBar connectors*/
        #progressbar li:after { 
            content: '';
            width: 100%;
            height: 2px;
            background: lightgray;
            position: absolute;
            left: 0;
            top: 31px;
        }

        /*Color number of the step and the connector before it*/
        #progressbar li.completed:before,
        #progressbar li.completed:after {
            background: skyblue;
        }
        
        #progressbar li.completed:hover {
            cursor:pointer;
        }
        
         #progressbar li.active:hover {
            cursor:pointer;
        }

           #progressbar li.active:before,
          #progressbar li.active:after {
            background: Lime;
            color:Black;
        }
        /*Imaged Radio Buttons*/
        .radio-group {
            position: relative;
            margin-bottom: 25px;
        }

        .radio {
            display: inline-block;
            width: 204;
            height: 104;
            border-radius: 0;
            background: lightblue;
            box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
            box-sizing: border-box;
            cursor: pointer;
            margin: 8px 2px;
        }

        .radio:hover {
            box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
        }

        .radio.selected {
            box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
        }

        /*Fit image in bootstrap div*/
        .fit-image {
            width: 100%;
            object-fit: cover;
        }
        .Category_table
        {
            font-size:medium;
            margin-left:5px;
            color:Black;
        }
        .home
        {
            margin-left:10px;
        }
        .previous
        {
            margin-right:20%;
        }
        .next
        {
            margin-left:20%;
        }
        .save
        {
            background-color:Green;
        }
        .blue
        {
            background-color:Blue;
        }
        .gray
        {
            background-color:Gray;
        }
        .black
        {
            background-color:Black;
        }
        .red
        {
            background-color:Red;
        }
        .yellow
        {
            background-color:blueviolet;          
            }
            
       .lock
       {
           
       }    
       .unlock
       {
           
       }
            
        .boxmain {
    
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.AEbox {
    background-color: white;
    z-index: 99999;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 30%;
    height: 25%;
    margin-top: -9em;
    /*set to a negative number 1/2 of your height*/
    margin-left: -15em;
    /*set to a negative number 1/2 of your width*/
    -webkit-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.75);
   /* border: 4px solid;
    border-color: blue;*/
}

.boxbody {
     background-color: white;
     padding: 15px;
}
.divfooter {
    padding: 5px;
    border-top: 1px solid;
    border-color: #0d2363;
    width: 100%;
    background-color:Blue;
}
.inner_divfooter{
    width:100%;
    padding-left:42%;
}
.btnfoot {
    margin-left:10px;
    background-color: #05173d;
    color:white;
    border-radius:5px;
}
.header {
    background-image: linear-gradient(to right, rgb(5, 39, 103) 0%, #3a0647 70%);
    height:40px;
    color: white;
    font-size: x-large;
    width:100%;
}



.animatealert1
{
z-index: 9999;
position:fixed;
margin-top:10px; 
color:  #064f30;
padding: 5px;
text-align: left;
font-size:large ; 
background:#fff;
text-align:center ;
fill: #00c972;

animation-name:entry1;
animation-duration:4s;
}

@keyframes entry1
{
    0%{top:10%;left:0%;background-image: linear-gradient(to left, rgba(138, 255, 147,1) 0%, rgba(138, 255, 147,1));opacity:1;}
     2.5%{top:10%;left:5%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 5%, rgba(138, 255, 147,1));opacity:1;}
    5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 5%, rgba(138, 255, 147,1));opacity:1;}
     7.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 7.5%, rgba(138, 255, 147,1));opacity:1;}
    10%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 10%, rgba(138, 255, 147,1));opacity:1;}
     12.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 12.5%, rgba(138, 255, 147,1));opacity:1;}
    15%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 15%, rgba(138, 255, 147,1));opacity:1;}
     17.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 17.5%, rgba(138, 255, 147,1));opacity:1;}
    20%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 20%, rgba(138, 255, 147,1));opacity:1;}
     22.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 22.5%, rgba(138, 255, 147,1));opacity:1;}
    25%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 25%, rgba(138, 255, 147,1));opacity:1;}
     27.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 27.5%, rgba(138, 255, 147,1));opacity:1;}
    30%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 30%, rgba(138, 255, 147,1));opacity:1;}
     32.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 32.5%, rgba(138, 255, 147,1));opacity:1;}
    35%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 35%, rgba(138, 255, 147,1));opacity:1;}
      37.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 37.5%, rgba(138, 255, 147,1));opacity:1;}
     40%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 40%, rgba(138, 255, 147,1));opacity:1;}
      42.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 42.5%, rgba(138, 255, 147,1));opacity:1;}
     45%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 45%, rgba(138, 255, 147,1));opacity:1;}
     47.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 47.5%, rgba(138, 255, 147,1));opacity:1;}
    50%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 50%, rgba(138, 255, 147,1));opacity:1;}
     52.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 52.5%, rgba(138, 255, 147,1));opacity:1;}
    55%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 55%, rgba(138, 255, 147,1));opacity:1;}
       57.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 57.5%, rgba(138, 255, 147,1));opacity:1;}
      60%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 60%, rgba(138, 255, 147,1));opacity:1;}
       62.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 62.5%, rgba(138, 255, 147,1));opacity:1;}
      65%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 65%, rgba(138, 255, 147,1));opacity:1;}
     67.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 67.5%, rgba(138, 255, 147,1));opacity:1;}
    70%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 70%, rgba(138, 255, 147,1));opacity:1;}
     72.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 72.5%, rgba(138, 255, 147,1));opacity:1;}
    75%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 75%, rgba(138, 255, 147,1));opacity:1;}
     77.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 77.5%, rgba(138, 255, 147,1));opacity:1;} 
    80%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 80%, rgba(138, 255, 147,1));opacity:1;}
     82.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 82.5%, rgba(138, 255, 147,1));opacity:1;}
    85%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 85%, rgba(138, 255, 147,1));opacity:1;}
     87.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 87.5%, rgba(138, 255, 147,1));opacity:1;}
    90%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 90%, rgba(138, 255, 147,1));opacity:1;}
     92.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 92.5%, rgba(138, 255, 147,1));opacity:1;}
    95%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 95%, rgba(138, 255, 147,1));opacity:1;}
     97.5%{top:10%;left:5%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 97.5%, rgba(138, 255, 147,1));opacity:1;}
    100%{top:10%;left:0%;background-image: linear-gradient(to left, rgba(138, 255, 147,0) 100%, rgba(138, 255, 147,1));opacity:0;}
  }

.animatealert2
{
z-index: 9999;
position:fixed;
color:  #822323;
text-align: left;
font-size:x-large; 
background:#fff;
fill: #ed0000;
box-shadow: 0px 0px 21px 0px rgba(237,0,0,0.74);
-webkit-box-shadow: 0px 0px 10px 0px rgba(237,0,0,0.74);
-moz-box-shadow: 0px 0px 10px 0px rgba(237,0,0,0.74); 
animation-name:entry2;
animation-duration:5s;
}

@keyframes entry2
{
    0%{top:10%;left:0%;background-image: linear-gradient(to left, rgba(250, 170, 170,1) 0%, rgba(250, 170, 170,1));opacity:1;}
     2.5%{top:10%;left:5%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 5%, rgba(250, 170, 170,1));opacity:1;}
    5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 5%, rgba(250, 170, 170,1));opacity:1;}
     7.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 7.5%, rgba(250, 170, 170,1));opacity:1;}
    10%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 10%, rgba(250, 170, 170,1));opacity:1;}
     12.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 12.5%, rgba(250, 170, 170,1));opacity:1;}
    15%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 15%, rgba(250, 170, 170,1));opacity:1;}
     17.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 17.5%, rgba(250, 170, 170,1));opacity:1;}
    20%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 20%, rgba(250, 170, 170,1));opacity:1;}
     22.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 22.5%, rgba(250, 170, 170,1));opacity:1;}
    25%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 25%, rgba(250, 170, 170,1));opacity:1;}
     27.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 27.5%, rgba(250, 170, 170,1));opacity:1;}
    30%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 30%, rgba(250, 170, 170,1));opacity:1;}
     32.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 32.5%, rgba(250, 170, 170,1));opacity:1;}
    35%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 35%, rgba(250, 170, 170,1));opacity:1;}
      37.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 37.5%, rgba(250, 170, 170,1));opacity:1;}
     40%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 40%, rgba(250, 170, 170,1));opacity:1;}
      42.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 42.5%, rgba(250, 170, 170,1));opacity:1;}
     45%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 45%, rgba(250, 170, 170,1));opacity:1;}
     47.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 47.5%, rgba(250, 170, 170,1));opacity:1;}
    50%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 50%, rgba(250, 170, 170,1));opacity:1;}
     52.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 52.5%, rgba(250, 170, 170,1));opacity:1;}
    55%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 55%, rgba(250, 170, 170,1));opacity:1;}
       57.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 57.5%, rgba(250, 170, 170,1));opacity:1;}
      60%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 60%, rgba(250, 170, 170,1));opacity:1;}
       62.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 62.5%, rgba(250, 170, 170,1));opacity:1;}
      65%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 65%, rgba(250, 170, 170,1));opacity:1;}
     67.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 67.5%, rgba(250, 170, 170,1));opacity:1;}
    70%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 70%, rgba(250, 170, 170,1));opacity:1;}
     72.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 72.5%, rgba(250, 170, 170,1));opacity:1;}
    75%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 75%, rgba(250, 170, 170,1));opacity:1;}
     77.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 77.5%, rgba(250, 170, 170,1));opacity:1;} 
    80%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 80%, rgba(250, 170, 170,1));opacity:1;}
     82.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 82.5%, rgba(250, 170, 170,1));opacity:1;}
    85%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 85%, rgba(250, 170, 170,1));opacity:1;}
     87.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 87.5%, rgba(250, 170, 170,1));opacity:1;}
    90%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 90%, rgba(250, 170, 170,1));opacity:1;}
     92.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 92.5%, rgba(250, 170, 170,1));opacity:1;}
    95%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 95%, rgba(250, 170, 170,1));opacity:1;}
     97.5%{top:10%;left:5%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 97.5%, rgba(250, 170, 170,1));opacity:1;}
    100%{top:10%;left:0%;background-image: linear-gradient(to left, rgba(250, 170, 170,0) 100%, rgba(250, 170, 170,1));opacity:0;}
  }


.animatealert3
{
z-index: 9999;
position:fixed;
left:40%;top:30%;
opacity:1;
margin-top:10px;
color:  #78552es;
padding: 5px;

font-size:x-large ; 
background:#fff;
text-align:left ;
fill: #ff8800;
box-shadow: 0px 0px 21px 0px rgba(255,136,0,0.74);
-webkit-box-shadow: 0px 0px 10px 0px rgba(255,136,0,0.74);
-moz-box-shadow: 0px 0px 10px 0px rgba(255,136,0,0.74);
animation-name:entry3;
animation-duration:6s;
}
@keyframes entry3
{
    0%{top:10%;left:0%;background-image: linear-gradient(to left, rgba(247, 198, 114,1) 0%, rgba(247, 198, 114,1));}
     2.5%{top:10%;left:5%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 5%, rgba(247, 198, 114,1));}
    5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 5%, rgba(247, 198, 114,1));}
     7.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 7.5%, rgba(247, 198, 114,1));}
    10%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 10%, rgba(247, 198, 114,1));}
     12.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 12.5%, rgba(247, 198, 114,1));}
    15%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 15%, rgba(247, 198, 114,1));}
     17.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 17.5%, rgba(247, 198, 114,1));}
    20%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 20%, rgba(247, 198, 114,1));}
     22.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 22.5%, rgba(247, 198, 114,1));}
    25%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 25%, rgba(247, 198, 114,1));}
     27.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 27.5%, rgba(247, 198, 114,1));}
    30%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 30%, rgba(247, 198, 114,1));}
     32.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 32.5%, rgba(247, 198, 114,1));}
    35%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 35%, rgba(247, 198, 114,1));}
      37.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 37.5%, rgba(247, 198, 114,1));}
     40%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 40%, rgba(247, 198, 114,1));}
      42.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 42.5%, rgba(247, 198, 114,1));}
     45%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 45%, rgba(247, 198, 114,1));}
     47.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 47.5%, rgba(247, 198, 114,1));}
    50%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 50%, rgba(247, 198, 114,1));}
     52.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 52.5%, rgba(247, 198, 114,1));}
    55%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 55%, rgba(247, 198, 114,1));}
       57.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 57.5%, rgba(247, 198, 114,1));}
      60%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 60%, rgba(247, 198, 114,1));}
       62.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 62.5%, rgba(247, 198, 114,1));}
      65%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 65%, rgba(247, 198, 114,1));}
     67.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 67.5%, rgba(247, 198, 114,1));}
    70%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 70%, rgba(247, 198, 114,1));}
     72.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 72.5%, rgba(247, 198, 114,1));}
    75%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 75%, rgba(247, 198, 114,1));}
     77.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 77.5%, rgba(247, 198, 114,1));} 
    80%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 80%, rgba(247, 198, 114,1));}
     82.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 82.5%, rgba(247, 198, 114,1));}
    85%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 85%, rgba(247, 198, 114,1));}
     87.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 87.5%, rgba(247, 198, 114,1));}
    90%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 90%, rgba(247, 198, 114,1));}
     92.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 92.5%, rgba(247, 198, 114,1));}
    95%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 95%, rgba(247, 198, 114,1));}
     97.5%{top:10%;left:5%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 97.5%, rgba(247, 198, 114,1));}
    100%{top:10%;left:0%;background-image: linear-gradient(to left, rgba(247, 198, 114,0) 100%, rgba(247, 198, 114,1));}
  }
 
 .animatealert4
{
z-index: 9999;
position:fixed;
margin-top:10px; 
color:  #152e3d;
opacity:1;
padding: 5px;

font-size:x-large ; 
text-align:left ;
fill: #0000cc;
background:#fff;
animation-name:entry4;
animation-duration:7s;
}


@keyframes entry4
{
    0%{top:10%;left:0%;background-image: linear-gradient(to left, rgba(114, 231, 247,1) 0%, rgba(114, 231, 247,1));opacity:1;}
     2.5%{top:10%;left:5%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 5%, rgba(114, 231, 247,1));opacity:1;}
    5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 5%, rgba(114, 231, 247,1));opacity:1;}
     7.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 7.5%, rgba(114, 231, 247,1));opacity:1;}
    10%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 10%, rgba(114, 231, 247,1));opacity:1;}
     12.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 12.5%, rgba(114, 231, 247,1));opacity:1;}
    15%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 15%, rgba(114, 231, 247,1));opacity:1;}
     17.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 17.5%, rgba(114, 231, 247,1));opacity:1;}
    20%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 20%, rgba(114, 231, 247,1));opacity:1;}
     22.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 22.5%, rgba(114, 231, 247,1));opacity:1;}
    25%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 25%, rgba(114, 231, 247,1));opacity:1;}
     27.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 27.5%, rgba(114, 231, 247,1));opacity:1;}
    30%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 30%, rgba(114, 231, 247,1));opacity:1;}
     32.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 32.5%, rgba(114, 231, 247,1));opacity:1;}
    35%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 35%, rgba(114, 231, 247,1));opacity:1;}
      37.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 37.5%, rgba(114, 231, 247,1));opacity:1;}
     40%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 40%, rgba(114, 231, 247,1));opacity:1;}
      42.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 42.5%, rgba(114, 231, 247,1));opacity:1;}
     45%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 45%, rgba(114, 231, 247,1));opacity:1;}
     47.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 47.5%, rgba(114, 231, 247,1));opacity:1;}
    50%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 50%, rgba(114, 231, 247,1));opacity:1;}
     52.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 52.5%, rgba(114, 231, 247,1));opacity:1;}
    55%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 55%, rgba(114, 231, 247,1));opacity:1;}
       57.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 57.5%, rgba(114, 231, 247,1));opacity:1;}
      60%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 60%, rgba(114, 231, 247,1));opacity:1;}
       62.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 62.5%, rgba(114, 231, 247,1));opacity:1;}
      65%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 65%, rgba(114, 231, 247,1));opacity:1;}
     67.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 67.5%, rgba(114, 231, 247,1));opacity:1;}
    70%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 70%, rgba(114, 231, 247,1));opacity:1;}
     72.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 72.5%, rgba(114, 231, 247,1));opacity:1;}
    75%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 75%, rgba(114, 231, 247,1));opacity:1;}
     77.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 77.5%, rgba(114, 231, 247,1));opacity:1;} 
    80%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 80%, rgba(114, 231, 247,1));opacity:1;}
     82.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 82.5%, rgba(114, 231, 247,1));opacity:1;}
    85%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 85%, rgba(114, 231, 247,1));opacity:1;}
     87.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 87.5%, rgba(114, 231, 247,1));opacity:1;}
    90%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 90%, rgba(114, 231, 247,1));opacity:1;}
     92.5%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 92.5%, rgba(114, 231, 247,1));opacity:1;}
    95%{top:10%;left:10%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 95%, rgba(114, 231, 247,1));opacity:1;}
     97.5%{top:10%;left:5%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 97.5%, rgba(114, 231, 247,1));opacity:1;}
    100%{top:10%;left:0%;background-image: linear-gradient(to left, rgba(114, 231, 247,0) 100%, rgba(114, 231, 247,1));opacity:0;}
  }
  
  
  .grdiviewcol
{
    display: inline-block;
    position: relative;
       vertical-align:top;
    width: 48%;
   /* height: 32px;  background-color :Lime ; */
    margin:1px;
}

.modalloader
{
     position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    }
    
    .error
    {
        float:left;
        height:10px;
        width:10px;
        background-color: red;
        position:fixed;
        top:99%;
    }
    .log
    {
        float:right;
        height:10px;
        width:10px;
        background-color: red;
        position:fixed;
        top:99%;
        left:99%;
    }
    
    .hangingdiv
    {
        height:100%;
        width:90%;
        z-index:9999;
        left:5%;  
        border:1px solid Red;
        position:absolute;
        background-color:White;
        overflow:scroll;
    }
    
    @media only screen and (max-width: 600px) {
  .navbar-fixed-bottom1
{
    padding:10px;
    text-align:center;
    right: 0;
    bottom: 0;
    width:1000px;
    z-index: 1030;
    background-color:white;
    position:fixed;
    height:6%;
}
}