@charset "utf-8";
/* CSS Document */

.topbar{
background: linear-gradient(to right, rgba(3,77,151,1) 42%,rgba(44,135,225,1) 82%,rgba(17,82,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034d97', endColorstr='#115294',GradientType=1 ); /* IE6-9 */
}
.leftbar{
 background: linear-gradient(to bottom, rgb(5 46 87) 36%,rgba(46,136,225,1) 75%,rgba(12,59,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034d97', endColorstr='#0c3b71',GradientType=0 ); /* IE6-9 */
 min-height: 580px; /*height:100vh*/;
}
.hvt {min-height: 480px; height:100vh;} 
.topbar2{background: #e9e9e9;}

.col-1{width:38%;}
.col-2{width:40%;}
.col-3{width:30%;}

.col-1, .col-2, .col-3{
  float: left;
}
.col-1, .col-2, .col-3 {position: relative; min-height: 1px;}


/*@media (min-width: 992px){
.col-1, .col-2, .col-3 {position: relative; min-height: 1px;}
 
.col-1{width:100%;}
.col-2{width:100%;}
.col-3{width:100%;}
}*/
.homlist {font-size: 19px;
    font-weight: 600;
    font-family: initial;
    font-style: italic;
    color: #004491;
    margin-top: 16px;
    border-left: 4px solid #00b1ff;
    margin-left: 18px;}

.pl-5{ padding-left: 5px; }
.pl-10{padding-left: 10px; }
.pl-15{padding-left: 15px; }
.pr-5{ padding-right: 5px;}
.pr-10{padding-right: 10px;}
.pr-15{padding-right: 15px;}
.pt-5{ padding-top: 5px;}
.pt-7{ padding-top: 7px;}
.pt-10{padding-top:10px;}
.pt-15{padding-top: 15px;}
.pad5 { padding:5px;}
.pad10 { padding:10px;}
.pad20 { padding:20px;}
.pad30 { padding:30px;}
.padtb { padding:50px 20px;}
.padtb2 { padding:60px 40px;}
.padtb3{padding: 10px 35px;}
.mb-10{margin-bottom: 10px;}
.mb-20{margin-bottom: 20px;}

.vh100{ height:100vh; }
.login-wrapper {
    max-width: 360px;
    margin: 0 auto;
}

.btnr {    background-color: #CCCCCC;
    color: #2d2a21;
    border: 1px solid #ababab;
    font-family: Roboto;
    padding: 0px 10px;}
.btnr:hover {    background-color: #F0F0F0;
    color: #2d2a21;
    border: 1px solid #c0c0c0;
}
.linkwhite  li::marker {color:#0BB6E1;  }
.linkwhite  li a  {color:white; font-size:015px; /*line-height: 38px;*/ transition: padding .2s linear;
 padding: 3px 0;margin-bottom: 22px;  display: inherit;font-family: Roboto;
}
.linkwhite  li a:hover  {color:lightgray; padding-left: 2px; font-size:15px; text-decoration: none;  
 transition: padding .2s linear; 
 background: linear-gradient(to right, rgba(31,104,193,1) 0%,rgba(255,255,255,0) 81%); 
 
 }

.bg2{background: linear-gradient(to right, rgb(0 48 95) 15%,rgba(44,135,225,1) 50%,rgb(6 49 93) 91%);}
.bg3{background: linear-gradient(135deg, rgb(108 178 126) 2%,rgb(174 148 88) 58%,rgba(99,105,109,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36404a', endColorstr='#63696d',GradientType=1 );
}
.alum{color: #092395;
    font-weight: 600;
    font-family: ui-monospace;
    font-size: 22px; }
.lineh{
border-left: 2px solid #034d97;
height: 39px;
width: 4px;
margin: 9px 5px;
float: left;}



@media (max-width: 992px){
.col-1{width:100%;}
.col-2{width:100%;}
 
 .col-1, .col-2, .col-3{
   float: revert-layer;
}
.leftbar{
 background: linear-gradient(to bottom, rgba(3,77,151,1) 36%,rgba(46,136,225,1) 75%,rgba(12,59,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034d97', endColorstr='#0c3b71',GradientType=0 ); /* IE6-9 */
 min-height: 235px;}
 .padtb { padding:15px 20px;}
} 
/*popup*/

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 68px;
    /* left: 0; */
    /* top: 0; */
    width:661px;
    height: 64%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgb(20 17 7 / 81%);;
    /* text-align: center; */
    margin-top: 68px;
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

/*popup end*/


.tab {
  overflow: hidden;
  background-color: #3b3d3c;
      color: #ffd02c;
	  font-size: 17px;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 16px 10px;
  transition: 0.3s;
  font-size: 13px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent { 
  padding: 6px 12px;
  /*border: 1px solid #ccc;*/
  border-top: none;
}
label{/*font-family: system-ui;*/font-family: Roboto; font-weight: 400}
.homeScreenBanner {
    width: 100%;
    height: 137px;
    background-image: url(baner.html);
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    display: block;
}

.adm-title{color:white;
padding:16px;
}
.adm-title1{
	color: #d51665;
    font-size: 22px;

}

.adm-title2{
	color:black;
	font-size:18px
}
	
	
/* Style the buttons that are used to open and close the accordion panel */
.accordion3 {
 background-color: transparent;
 color: #FFF;
 cursor: pointer;
 padding: 6px 12px;
 width: 100%;
 border: none;
 text-align: left;
 outline: none;
 font-size: 16px;
 transition: 0.4s;
 margin-bottom: 10px;
     font-family: serif;
}

.active, .accordion3:hover {
 background-color: #00102461; 
 color: #FFF;transition: 0.3s; padding-left: 15px; 
}
.accordion3 a:hover{color: #FFF; text-decoration: none; font-weight: 600;}
.panel3 {
   
  display: none;
  background-color: transparent;
  overflow: hidden;
 
}
.panel3 a {
    font-size: 13px;
    font-weight: 500;
     padding: 3px 0px 2px 2px; 
    text-decoration: none;transition: 0.4s;display: block;
    font-family: serif;
}
.panel3 a:hover {
 background-color: #00102461;  padding: 3px 0px 2px 4px; 
 color: #FFF; display: block;transition: 0.4s;
}
 
	
@media (min-width: 1200px){
.col-lg-12 {
    width: 100%;
}}
@media (min-width: 1200px){
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
}}

.myDocsBackgroudBanner {
background-color:#f2f2f3;
/*background-image:url('background.jpg')*/
    
}