.logo-mobile{
	display:none}
.tabs-container
{
	overflow:hidden;
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
}

.tabs-container ul
{
	margin:0;
	padding:0;
}

.tabs-container ul li{
	color:#333333;
	font-size:12px;
	
	list-style:none;
	display:inline-block;
	border:1px solid #c0c0c0;
    border-left: none;
    border-right: none;
	padding:5px 15px 6px 70px;
	background: #eaeaeb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#eaeaeb, #cfcfd0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#eaeaeb, #cfcfd0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#eaeaeb, #cfcfd0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#eaeaeb, #cfcfd0); /* Standard syntax */
	text-transform:uppercase;
	/*min-height: 58px;*/
}

.tabs-container ul li:first-child{
    padding:5px 15px 6px 50px;
    border-left:1px solid #c0c0c0;
    border-right: none;
}

.tabs-container ul li:last-child{
    border-left: none;
    border-right:1px solid #c0c0c0;
}

.tabs-container ul li span{
    position: absolute;
    top: 10px;
    left: 36px;
	
	font-weight:bold;
	color:#ffffff;
	border-radius:50%;
	width:25px;
	height:25px;
	text-align:center;
	background:#2e75ca;
	padding:5px 9px;
	margin-right:10px;
}

.tabs-container ul li:first-child span{
   left: 15px;
}

.tabs-container ul li span.active{
    background: -webkit-linear-gradient(#8ec800, #5ba000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#8ec800, #5ba000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#8ec800, #5ba000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#8ec800, #5ba000); /* Standard syntax */
}

.tabs-container ul li:after {
    position: absolute;
    content: "";
    background: url(../img/arrow-tab.png);
    background-repeat: no-repeat;
    top: 0;
    right: -36px;
    width: 36px;
    height: 57px;
    z-index: 9;
}

.sidebar-menu .treeview-menu>li {
	margin: 0 0 0 55px;
	list-style-type: circle;
}
.sidebar-menu .treeview-menu>li>a {
    padding: 5px 5px 5px 5px;
}

@media (max-width: 767px){
	.mainbanner-img img{
		    margin-left: -88px;
			}
		.feedback-main{
		padding:15px!important;}
	.uploaddocs {
    padding: 10px 0 0 0!important;
}
	.docupload{
	padding-left:15px!important
	}
	
	.logo-mobile{
	display:block;
	float:left}
	

	
	.logo-lg{
		display:none!important}
		.logo-mini{display:none!important;
		text-align:left;
		padding-left:6px}
	.tabs-container {
    max-width: 275px;
    margin: 0 auto;
	float:none;
}
.user-mob{
	position:absolute; top:-65px;right:-11px}

    .tabs-container ul li{
        padding: 12px 15px 12px 50px;
        margin-bottom: 20px;
        border:1px solid #c0c0c0 !important;
    }
	
	.tabs-container ul li > br {
		display:none} 
	.tabs-container ul li:first-child {
		padding: 12px 15px 12px 50px;
		}
    .tabs-container ul li:last-child{
        margin-bottom: 0px;
    }
	

    .tabs-container ul li span{
        left: 15px;
		top:8px;
    }

    .tabs-container ul li:before{
        position: absolute;
        content: "\f0dd";
        left: 0;
        right: 0;
        bottom: -19px;
        color: #c0c0c0;
        text-align: center;
        font-size: 30px;
        font-family: 'FontAwesome';
    }

    .tabs-container ul li:after {
        display: none;
    }
	
	.side-toggle{
		padding:10px 0 0 0;
		top:-77px!important;
		left:14px!important;}
		
		
		.sidebar {
    padding: 0 0 10px 0;
}
.your-task{
    width: 100%;
    text-align: right;
	padding:10px!important;}	
	
/*.user-edit{
	float:right!important}*/
	.user-name{
		
		border-left:0!important}	
.user-image{
	display:none}
	.user-cont{
		padding:8px 0 10px 0!important}
						.footer-left{
							padding:0 0 10px 0}
							.footer-inside{
								padding:5%!important}
								
									.main-header .navbar-custom-menu {
										width:100%;
	}
	.text{
		    left: 0%!important;
    text-align: left;
	bottom:0!important;
	top:inherit!important;}
		
		.yellowpatch {
    font-size: 16px!important}
	.whitepatch {
    font-size: 9px!important
	}
	.text ul li {
    margin-bottom: 4px!important}
	.footer-right span{
		width:100%;
		display:block;
		padding:10px 0
		}
		
		.homepage-desc > .media > img{
			width:100%;
			padding-right:0}
			
			.dropdown-user {
    top: 33px!important}

/* My insidepage CSS - Start */
.r-aadya-gallery{
	margin-top:15px;
	min-height:none !important;
}

.event-logo{
	margin-bottom:10px !important;
	}

/* My insidepage CSS - End */
	
	
}

@media (min-width: 768px) and (max-width: 991px){
	.homepage-desc {
    margin: 0 0 14px 0!important;
}
	.docupload{
	padding-left:15px!important
	}
		
		.yellowpatch {
    font-size: 19px!important}
	.whitepatch {
    font-size: 12px!important
	}
	.text ul li {
    margin-bottom: 4px!important}
	
	.text{
		text-align:right;
		right:1%!important}
	
    .tabs-container ul li:after {
        right: -8px;
    }

.tabs-container ul li:first-child {
    padding: 5px 15px 6px 70px;
}
    .tabs-container ul li:last-child:after{
        display: none;
    }

   /* .tabs-container ul li{
        padding: 20px 15px 20px 50px;
    }*/

    .tabs-container ul li span{
        left: 15px;
    }
	

/* My insidepage CSS - Start */
	
.r-aadya-gallery{
	margin-top:15px;
	min-height:none !important;
}

/* My insidepage CSS - End */
	
}

@media (min-width: 992px) and (max-width: 1200px){
    .tabs-container ul li:after {
        right: -8px;
    }

    .tabs-container ul li:last-child:after{
        display: none;
    }

   /* .tabs-container ul li{
        padding: 20px 15px 20px 50px;
    }*/

    .tabs-container ul li span{
        left: 15px;
    }
	.tabs-container ul li:first-child{
    padding:5px 15px 6px 70px;
	}
}

.homefeedback{
	background:#fff;
	padding:12px 25px;
	overflow:hidden;
	font-family: 'DIN-reg' ,'Helvetica Neue', Helvetica, Arial, sans-serif;}
	
.feedback-txt1{
	font-size:16px;
	color:#c29952;
	font-weight:bold}
	
	.feedback-txt2{
	font-size:13px;
	color:#c29952;}
	.feedback-txt2 a{
		text-decoration:underline;
		color:#c29952;}
		
		.homefeedback textarea{
			border:1px solid #ccc;
			border-radius:5px;
			width:100%;
			margin:10px 0 5px 0}
			
			.feedback-button2 {
	padding: 0px 0px
}
.feedback-submit2 {
	padding: 7px 12px;
	border: 0;
	background: #bfa161;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	border-radius: 5px
}
.feedback-submit2:hover{
	color:#fff;
	background: #2e75ca;}
.feedback-reset2 {
	padding: 7px 12px;
	border: 0;
	background: #666666;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	border-radius: 5px
}
.feedback-reset2:hover {background: #2e75ca;
	color: #fff;}
	
	.feedback-main{
		padding-left:0}
	
	
.mainbanner{
	margin:0px 0 15px 0;
	position:relative;
	background:url(../img/homebannerbg.jpg) no-repeat top center;
	min-height:325px;
}

.mainbanner-img {
    width: 1055px !important;
    padding: 13px 0 0 0 !important;
    margin: 0 auto !important;
}

.text{
	font-family: 'DIN-med' ,'Helvetica Neue', Helvetica, Arial, sans-serif;
	position:absolute;
	/*top:35%;
	left:49%;*/ top:30%; left:59%;
	text-transform:uppercase;	
}

.text ul
{
	margin:0;
	padding:0;
}

.text ul li
{
	list-style:none;
	margin-bottom:16px;
}

/*.text span
{
	display:block;
}*/

.yellowpatch
{
	background:#fff221;
	color:#3b3b3b;
	font-size:28px;
	padding:8px;	
	margin:0;
}

.whitepatch
{
	color:#3b3b3b;
	font-size:15px;
	padding:8px;	
	margin:0;
	background:#ffffff;
	margin-bottom:1px;
}

.uploaddocs
{
	padding:0;
}

.homepage-desc{
	overflow:hidden;
	margin:0;
	background-color:#2e75ca;
	font-family: 'DIN-reg' ,'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.familypic
{
	float:left;
}

.familypic img
{
	width:auto;

}

.familypic-desc
{
	background-color:#2e75ca;
	padding:12px 10px;
	/*font-family:Roboto-Light, Arial, Helvetica, sans-serif;*/
	font-size:14px;
	float:none;
	color:#FFFFFF;
	line-height:19px;
}

.familypic-desc p
{
	padding:6px 0 1px 0!important;
	margin:0}
.familypic-desc img
{
	width:auto;
	float:left;
}
.familypic-desc h1
{
	margin:0;
	padding:0;
}

.section-desc
{
	background:#FFFFFF;
	padding:15px;
	min-height: 154px;
	font-family: 'DIN-reg' ,'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.section-desc h1
{
	font-size:15px;
	font-weight:bold;
	color:#c29952;
	padding:0;
	margin:5px 0;
}

.section-desc h3
{
	font-size:12px;
	font-weight:normal;
	color:#c29952;
	padding:0;
	margin:0;
}

.sociallinks ul li
{
	display:inline-block;
	color:#353535;
	font-size:12px;
	margin-right:15px;
}

.sociallinks ul li a
{
	color:#353535;
	text-decoration:none;	
}

.sociallinks ul li a:hover
{
	text-decoration:underline;	
}

.sociallinks .fa
{
	font-size:16px;
	color:#454545;
}

.con-height {
  height: 230px;
}

.fa-bars{
	font-size:1.4em;
	color:#fff !important;
	}
.side-toggle{
	height:20px; width:20px; position:absolute;top:18px; left:17px; z-index:10000	}
	
	
.content {
    padding-top: 0;
}




.section-backg{background:#f0f0f0; width:100%;}
.section-center{width:100%; max-width:1230px; margin:0 auto; position:relative;}	
.user-cont{
	padding:15px 0 0 0}
.user-name-image{float:left;

}
.user-name{float:left; text-align:right;
font-size:13px;
color:#333333;
font-weight:bold;
padding:10px 10px 0 10px;
border-left:1px solid #c0c0c0}
.user-name div{
	text-transform:uppercase;
	font-size:11px;
	color:#666666}

.user-image{float:right}
.user-image img{border-radius:50%;width:52px; height:52px; border:1px solid #d3d3d3}

.your-task{
	
	float:left;
	font-size:13px;
	font-weight:bold;
	padding:15px 15px 0 0}

.your-task mark{
	background:#fff221;
	padding:4px 8px;
	border-radius:5px;
	font-size:12px;
	font-weight:bold;
	margin-left:5px;}
.user-edit{
	float:left;
	padding: 15px 20px 0 10px}
	
	
.user-edit .fa-pencil	{
	font-size:18px;
	color:#666666}
	
	



.container .box {
  float: left;
  width: 150px;
  margin: 20px;
}

.container .box .top {
  padding: 12px;
  background-color: blue;
  color: white;
  cursor: pointer;
}

.container .box .bottom {
  padding: 12px;
  background-color: red;
  color: white;
  display: none;
}


/*	.dropdown-user:before {
  content: "";
  background:url(../img/drop-arrow.jpg) no-repeat top center;
      top: -10px;
    left: 100px;
    position: absolute;
    width: 20px;
    height: 20px;
}*/

.dropdown-user{ 
position:absolute; 
z-index:9999; 

top:54px; 
right:12px; 
display:none; width:auto; 
padding:25px 15px 10px 15px; color:rgb(31, 79, 151);font-size:0.9em; font-family:'latoregular', Arial, Helvetica, sans-serif; 


	text-align:left }
	

	
	
	.arrow_box {
		background: #ffffff;
	border: 1px solid #b5b5b5;
	position: relative;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 70%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}
.arrow_box:before {
	border-color: rgba(181, 181, 181, 0);
	border-bottom-color: #b5b5b5;
	border-width: 9px;
	margin-left: -9px;
}
.arrow_box ul{
	margin:0;
	padding:10px;
	min-width:160px}
	
	.arrow_box ul li{
	margin:0;
	padding:7px 10px 7px 20px;
	list-style:none;
	background:url(../img/bullet.jpg) 3px 11px no-repeat;
	border-bottom:1px solid #b5b5b5}
	.arrow_box ul li a{
	color:#333333;}
	
		.arrow_box ul li a:hover{
	color:#d2ab67;
	font-weight:bold}
	
#a{ cursor: pointer}
	
	
	.droparrow{
		margin-top: -47px;
    margin-left: 88px;}
	
	.border-none{
	border-bottom:0px solid #ccc!important;}
	
.main-header{
	max-width:1230px;
	width:100%;
	margin:0 auto;
	}
	
	.user-mob{
		float:right}
.skin-black .main-header>.logo{
	border-right:0px!important}		
	
	.skin-black .main-header{
		box-shadow:none!important}
		
	.header-shadow{
			/*-webkit-box-shadow: 0 10px 10px -10px #878787;
   -moz-box-shadow: 0 10px 10px -10px #878787;
        box-shadow: 0 10px 10px -10px #878787;*/
		margin:0 0 0px 0;
		/*background:#fff;*/
		    position: relative;
    z-index: 100;
	border-bottom: 3px solid rgb(203, 169, 98);}
		
		
		footer{
			width:100%;
			/*padding:1% 0;*/
			background:#fff}
			
			
			.footer-inside{
				max-width:1320px;
				margin:0 auto;
				padding:1% 0.5% 1% 1.2%;
				}
				
				.footer-left{
					font-size:12px;
					color:#353535}
					
					.footer-sm{
						font-size:11px}
						
						
										.footer-right a{
					
					font-size:12px;
					color:#454545;
					padding:0 0 0 10px}
					
					.footer-right a:hover{
						text-decoration:underline}
					
					.footer-right a > .fa-facebook,.footer-right a > .fa-twitter,.footer-right a > .fa-youtube-play,.footer-right a > .fa-linkedin{ font-size:16px}
				
				.section-desk-txt{
					color:#848484;
					font-size:13px;
					padding:7px 0 0 0}
					
					.section-pic{
						position:relative}
					.upload-img{position:absolute; bottom:0; left:0; background:#fff; padding:5px 8px}
					
					.no-left-padding{
						padding-left:0}
						
/* My insidepage CSS - Start */

.mybreadcrums{
	margin:15px 0;
	font-size:13px;
	color:#000000;	
	}
	
.mybreadcrums a{
	color:#000000;
	text-decoration:none;
	}

.mybreadcrums a:hover{
	color:#000000;
	text-decoration:underline;
	}
	
.mybreadcrums span{
	color:#2e75ca;
	
	font-size:13px;	
	font-weight:bold;
}		

.r-aadya-banner{
	border:1px solid #dcdcdc;
	margin-bottom:15px;
}	

.r-aadya-desc{
	margin:0 0 15px 0;
	}
	
.r-aadya-detail{
	background:#FFFFFF url(../img/r-aadya-flowers.jpg) no-repeat;
	padding:20px;
	border:1px solid #dbdbdb;
	min-height:300px;
	}	
	
.event-logo{
	float:left;
	border:1px solid #dcdcdc;
	margin-right:15px;
	margin-bottom:15px;
	}	

.event-desc{
	
	font-size:13px;	
	color:#000000;	
}

.event-desc p{
	line-height:20px;
}

.event-desc ul{
	list-style-image: url(../img/flower-bullet.jpg);
	}

.event-desc li{
	line-height:28px;
	}

.learnmore{
	color:#2e75ca;
	
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	float:right;
}

.learnmore a{
	text-decoration:none;
	color:#2e75ca;
}

.learnmore a:hover{
	text-decoration:underline;
}
	

.learnmore ul{
	list-style-image: url(../img/learn-more-icon.jpg);	
	margin:0;
	padding:0;
}

.learnmore ul li{
	margin:0;
	padding:0;
}

.r-aadya-gallery{
	border:1px solid #dcdcdc;
}

.gallery-icon{
	position:absolute;
	top:0;
	right:0;
	padding:8px 11px 11px 11px;
	background:#ffffff;
	margin-right:0;
	z-index:999;
}
.gallery-icon > .fa-file-image-o{
	color:#999999;
	font-size:20px
	}
/* My insidepage CSS - Ends */


.docupload{
	padding-left:0
	}
	
	
.noborder{
	border:0!important}						
.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.no-padding-right {
    padding-right: 0 !important;
}
.float-right{
	float:right}
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #666666;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
   padding:10px 30px;
   border-radius:10px
}

.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #666666;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius:10px
  
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white; text-decoration:none
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}	


.hvr-shutter-out-horizontal2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #fff32c;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
   padding:10px 30px;
   border-radius:10px
}

.hvr-shutter-out-horizontal2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(191, 161, 97);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius:10px
  
}
.hvr-shutter-out-horizontal2:hover, .hvr-shutter-out-horizontal2:focus, .hvr-shutter-out-horizontal2:active {
  color: #fff; text-decoration:none
}
.hvr-shutter-out-horizontal2:hover:before, .hvr-shutter-out-horizontal2:focus:before, .hvr-shutter-out-horizontal2:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}	


.headerbg{
	background:url(../img/headerbg.jpg) repeat-x top center;
	height:24px;
	border-top:1px solid #adc0f3;
	border-bottom:1px solid #d8b474;
	position: relative;
    top: -4px;
	
	}
	
	
	@keyframes ani {
  0%, 100% {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE6-9 */
    -webkit-filter: grayscale(100%);
    /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease;
    /* Transition for Webkit browsers*/
  }
  50% {
    filter: none;
    -webkit-filter: grayscale(0%);
  }
}
.grayscale {
  animation: ani 3s infinite;
}
.grayscale:hover {
  animation: none;
}


    .top-header {
    border-bottom: 0px solid #adc0f3!important;
}




ul.tup30 {
	margin: 0;
	padding: 10px 0 10px 20px;
	list-style-type: square;
 list-style-position: outside;
 list-style-image: none;
}

ul.tup30 li {
	
	display: block;
	padding-bottom: 10px;
	display:table;
}

ul.tup30 li:before {
    content: '\f105';
    font-family: FontAwesome;
    font-size: 12px;
    color: #7f7c7c;
    padding-right: 5px;
    display: table-cell;
    vertical-align: top;
} 

ul.gl-gallery li img {
width:100%;
}


/* Institute smart search textbox in Education Tab */
.autocomplete_listItem
{
	background: transparent;
	color: #3333FF;
}  

.autocomplete_listItem:hover
{
	background-color: #23297a;
	color: #fff;
} 

 .autocomplete_highlightedListItem
{
	background-color: #23297a;
	color: #fff;
} 

.autocomplete_completionListElement1
{
	margin: 0px !important;
	background-color: #FFFFFF;
	color: #000 !important;
	border-radius: 4px;
	border: 1px solid #e1e1e1;
	overflow: scroll;
	height: 150px;
	text-align: left;
	width: 420px !important;
	margin-left:0px; 
}

.autocomplete_completionListElement1{
	margin: 0;
	padding: 0;
}

autocomplete_completionListElement1 li{
	padding: 5px;
	display: block;
	font-size: 13px;
	
}



/* Cross_Checking_Ref  */

.gl-scroll-down-wrapper {
    position: relative;
    overflow: visible !important;
}

.offerLetterBtn {
    position: absolute;
    background: #fff;
    padding: 8px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 5px 0 rgba(0, 0, 0, 0.27);
    width: 200px;
    right: 112px;
    top: -30px;
}

@media screen and (max-width: 1200px) {
    .offerLetterBtn {
        right: 11px;
    }
}

@media screen and (max-width: 992px) {
    .offerLetterBtn {
        right: 13px;
    }
}

@media screen and (max-width: 768px) {
    .offerLetterBtn {
        right: 0;
        position: relative;
        top: auto;
        left: 0;
        margin: 15px auto 0;
    }
}

.offerLetterBtn p {
    font-size: 14px;
    margin: 0 0 2px;
    text-align: left;
    position: relative;
}

.offerLetterBtn p i {
    cursor: pointer;
    float: right;
}

.offerLetterBtn .btn {
    background: #0e8ff9;
    color: #fff;
    padding: 12px 12px;
    height: auto;
    line-height: initial;
    display: block;
    width: 100%;
    margin-bottom: 2px;
    font-size: 13px;
    font-weight: 500;
    box-shadow: none;
}

.offerLetterBtn .btn:hover {
    color: #fff;
    background: #d2ab67;
}

.offerLetterBtn span {
    font-size: 12px;
    color: #0e8ff9;
}

.card {
    border: 1px solid #e1e1e1;
    padding: 30px;
    padding-bottom: 60px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.fakeLetter {
    padding: 80px 0;
	margin-top: 30px;
}

.fakeLetter h4 {
    font-size: 30px;
    margin-bottom: 30px;
    position: relative;
}

.fakeLetter h4:before {
    content: '';
    height: 4px;
    background: #d2ab67;
    width: 90px;
    display: inline-block;
    bottom: -10px;
    position: absolute;
}

.fakeLetter p {
    margin: 0 0 2px;
}

.fakeLetter hr {
}

.fakeLetter .form-group {
}

.fakeLetter .form-inline .form-group {
    margin-right: 8px;
}

.form-group {
}

.form-group .small {
    font-size: 12px;
    display: block;
    margin-top: 2px;
    color: #d2ab67;
    font-weight: bold;
}

.form-group .form-control {
}

.form-group.captcha img {
    position: relative;
    top: 1px;
    left: 0px;
    z-index: 3;
    height: 30px;
    margin-right: 5px;
}

.btn-link {
    padding-left: 0;
    padding-right: 0;
    color: #0e8ff9;
}

.btn-info {
    background: #d2ab67;
    border-color: #d2ab67;
    color: #fff;
}

.btn-info:hover, .btn-info:active, .btn-info.active {
    background: #b38739;
    border-color: #b38739;
}

.remodal {
    padding: 40px 15px 20px;
}

.remodal .remodal-close {
    right: 0;
    left: initial;
    background: #d2ab67;
    color: #fff;
}

.cTable {
    display: table;
    width: 100%;
    text-align: left;
    margin: 10px 0 30px;
    border: 1px solid #e1e1e1;
    padding: 15px 0;
}

.cTable .cTableCol {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.cTable .cTableCol:not(:first-child) {
    border-left: 1px solid #e1e1e1;
}

.cTable .cTableCol span {
    font-size: 13px;
    color: #999;
}

.cTable .cTableCol p {
    font-weight: bold;
    margin: 0;
    color: #000000 !important;
    font-size: 17px !important;
}
}
.cTable .cTableCol p span {
    font-weight: bold;
    margin: 0;
}

.remodal > p {
    text-align: left;
}

.remodal > p b {
    font-weight: bold;
    color: #d2ab67;
}

.remodal .btn {
    padding: 10px 10px;
    min-width: 60px;
}

.refresh {
    background: url(../images/Refresh.png) no-repeat 5px center;
    height: 30px;
    width: 30px;
    margin: 0px auto;
}

.canddetails { font-weight:bold; color:#000; font-size:15px;

}

/* Fraud Reference Check*/
.well-box {
    min-height: 20px;
    padding: 30px;
    margin-bottom: 0;
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.text-blue {
    color: #254399 !important;
}

.alertLable {
    color: #eb4646;
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 10px;
}


A.lightBtn {
    color: #7d8ec1;
    font-size: 15px;
    background: #efeeee;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding: 10px 15px;
    margin: 0 2px 10px 2px;
}

/* End of Fraud reference Check*/


.offerLetterBtn.offerLetterLng{
    right: 340px;
    width: 160px; display: none;
}

.offerLetterBtn.offerLetterLng .btn{
    
}

.addMarginTop {
    margin-top:122px;
}

/* Accessibility Fixes Added via Antigravity */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: white;
    padding: 8px;
    z-index: 10001;
    font-weight: bold;
    text-decoration: none;
}
.skip-link:focus {
    top: 5px; /* Slight offset to be visible */
    left: 5px;
}

/* Focus Indicator - Robust Global */
#txtUName:focus {
    border: 2px solid #000000 !important;
    outline-offset: -3px !important;
}

#txtPassword:focus {
    border: 2px solid #000000 !important;
    outline-offset: -3px !important;
}

#btnSubmit:focus {
    border: 2px solid #000000 !important;
    outline-offset: -3px !important;
}

/* Remove default outline only if custom one is working, but safe to force it for now */

/* Fix Placeholder Contrast to meet WCAG AA (4.5:1) */
::-webkit-input-placeholder { color: #595959 !important; opacity: 1; }
::-moz-placeholder { color: #595959 !important; opacity: 1; }
:-ms-input-placeholder { color: #595959 !important; opacity: 1; }
:-moz-placeholder { color: #595959 !important; opacity: 1; }

/* Fix Input Border Contrast (3:1) */
input[type="text"], input[type="password"], textarea, select, .form-control {
    border-color: #767676 !important;
}

/* Footer Contrast */
.footer p, .footer a, .footer-left, .footer-right a, .gl-footer-bottom-wrapper p, .gl-footer-bottom-wrapper a {
    color: #222 !important; 
}
.footer a:hover, .gl-footer-bottom-wrapper a:hover {
    text-decoration: underline !important;
}
