html, body{
	height: 99%;
	background-color: #e2e1e0!important;
	padding: 0;
	margin: 0;
}
.error-page{
	font-family: arial;   /* Please replace the font-family with the font-family which is used in the overall application. */
	font-size: 14px;
	color: #656565;
	height: 100%;
	width: 100%;
}
.error-page .card{
	border-top-width: 1px;
    border-color: #cfdbe2;
	margin: 5rem auto !important;
	position: relative;
    display: block;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #d2d9e6;
    border-radius: 0.25rem;
	width: 50%;
	padding: 15px;
	text-align: center;	
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
	height:250px;
}
.error-page .text-404{
	font-size: 1.5rem;
	margin-bottom: 0.2rem !important;
	text-align: center !important;
	color: #f05050 !important;
	padding-bottom: 8px;
}
.error-page .text-alert{
	font-size: 1rem !important;
	margin: 0.5rem 0 !important;
	line-height: 1.5em;
}
.error-page .header{
	text-align:center !important;
	background-color: #fff !important;
	border-bottom: 1px solid #d2d9e6;
	padding: 15px 0;
}
.error-page .text-paragraph a{
	text-decoration: none;
	color: #838383;
}
.error-page .text-paragraph{
	font-size: 0.85rem!important;
	/*border-top: 1px solid #e4e7ec;*/
	padding-top: 8px;
	line-height: 1.5em;
}
.error-page .text-paragraph a:hover{
	color:#1d4275;
}
.error-page .btn{
font-size: 9pt;
font-weight: bold;
font-family: Arial;
padding: 3px 10px 3px 10px;
border: solid 1px #d9ae38;
text-decoration: none;
color: #000000;
background: url('../App_Themes/Classic/TKSABtn.png') repeat-x;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat-x;
background-attachment: scroll;
background-image: url("../App_Themes/Classic/TKSABtn.png");
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-position: bottom;
background-color: #facd52;
}
.error-page .btn:hover{
border: solid 1px #e2c168;
background: url('../App_Themes/Classic/TKSABtnHover.png') repeat-x;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat-x;
background-attachment: scroll;
background-image: url("../App_Themes/Classic/TKSABtnHover.png");
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-position: bottom;
background-color: #facd52;
}
.error-page .mt-4{
	margin-top: 4rem!important;
}
@media only screen and (max-width: 767px)  {
	.error-page .card{
		width: 80%!important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px)  {
	.error-page .card{
		width: 65%!important;
	}
}
@media only screen and (min-width: 1025px) and (max-width: 1200px)  {
	.error-page .card{
		width: 45%!important;
	}
}

/* ------------------- Common css -------------------*/
body {
    font-size: 1rem;
	background-color: #f1f4f9;
	position: relative;
}
header{
	background-color: #fff!important;
	position: relative;
	z-index: 100;
}
a{
	color: #2f7ccc!important;
}
h1, .h1{
	font-size: 1.9rem!important;
}
h2, .h2{
	font-size: 1.5rem!important;
}
h3, .h3{
	font-size: 1.3rem!important;
}
h4, .h4{
	font-size: 1.2rem!important;
}
h6, .h6{
    font-size: 1.1rem!important;
}
/* ------------------- Custom CSS General ------------------- */
.box-shadow-bottom{
   box-shadow: 0px 2px #dfdfdf; 
}
.clearfix{
    clear: both;
    height: 0;
    line-height: 0;
}
.form-control {
    font-size: 1rem; 
}
.rounded-left-0 {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
.rounded-right-0 {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.rounded-bottom-0{
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
}
.z-index{
    z-index: 1;
}
.nowrap{
    white-space: nowrap!important;
}

/* ------------------- Custom CSS for Text ------------------- */
.text-subheader{
    font-size: 0.8rem!important;
    line-height: 1.2!important;
    font-weight: 500!important;
}
.text-decoration-none{
	text-decoration: none;
}
.text-decoration-underline{
	text-decoration: underline;
}
.text-semibold{
    font-weight: 500!important;
}
.text-normal{
	font-weight: normal!important;
}
.text-bold{
	font-weight: bold!important;
}
.text-semibold{
    font-weight: 500!important;
}
.xsmall{
    font-size: 60%!important;
}

/* ------------------- Custom CSS for Positioning, Padding, Margin ------------------- */

.top-0{
	top:0!important;
}
.bottom-0{
    bottom: 0!important;
}
.left-0{
    left: 0!important;
}
.right-0{
    right: 0!important;
}
.top-1{
    top:0.5rem!important;
}
.right-1{
    right:0.5rem!important;
}
.top-inverse{
    top:-0.1rem!important;
}
.right-2{
    right:1.4rem!important;
}
.mt-70{
	margin-top:70px;
}
.mt-3px{
    margin-top:3px;
}

/* ------------------- Custom CSS for border ------------------- */
.border-left-primary{
    border-left:5px solid #2f7ccc !important; 
}
.border-left-green{
    border-left:5px solid #14b487 !important; 
}
.border-left-secondary{
    border-left:5px solid #8357a6 !important; 
}
.border-2 {
  border-width: 2px !important;
}
.border-warning-dark{
  border-color:#dbcfab !important;
}

/* ------------------- Custom CSS for background color ------------------- */
.bg-primary {
  background-color: #2f7ccc  !important; 
}
.bg-primary-lighter {
  background-color: #f0f9ff  !important; 
}
.bg-secondary{
	background-color: #8357a6 !important; 
}
.bg-registration-link {
	background-color: #8357a6 !important; 
}
.bg-registration-link:hover {
	background-color: #7639a6 !important; 
}
.bg-gray-light{
	background-color: #f7f7f7 !important; 
}
.bg-danger-light{
	background-color: #ffedef !important; 
}
.bg-green{
	background-color: #14b487 !important; 
}
.bg-warning{
    background-color: #f09d1a!important;
}
.bg-bookmark{
	background: url("~/images/img-bookmark.png") no-repeat right center;
	background-size: 100px auto;
	min-height: 100px;
}
.bookmark-img {
  position: absolute;
  right: 0;
  top: 10px;
  width: 140px;
  background: #fff;
  border-right: 10px solid #fff;
}
.bookmark-img img {
  max-width: 100%;
}


/* ------------------- Custom CSS for text color ------------------- */
.text-primary {
  	color: #2f7ccc  !important; 
}
.text-info-dark {
  	color: #0d5864  !important; 
}
.text-primary-dark{
    color: #1d5087!important;
}
.text-warning{
    color: #f09d1a!important;
}
.text-green{
	color: #119973!important;
}
a:hover .text-primary {
  	color: #296db3  !important; 
}
.text-secondary{
	color: #8357a6 !important; 
}
.text-light{
	color: #eff2f7 !important; 
}
.text-gray-light{
    color: #cdc7d0!important;
}
.text-warning-dark{
	color: #d0560c!important;
}

/* ------------------- Custom CSS for button color ------------------- */
.btn-primary {
  background-color: #1abd8e !important; 
  border-color: #1abd8e !important; 
  color: #fff!important;	
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active  {
  background-color: #10906c !important; 
  border-color: #10906c !important; 
  color: #fff!important;	
}
.btn-outline-primary {
  background: transparent!important; 
  border-color: #1abd8e !important; 
  color: #1abd8e!important;	
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active  {
  background-color: #1abd8e !important; 
  border-color: #1abd8e !important; 
  color: #fff!important;	
}
.btn-outline-danger {
  background: transparent!important; 
  border-color: #dc3545 !important; 
  color: #dc3545!important;	
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active  {
  background-color: #dc3545 !important; 
  border-color: #dc3545 !important; 
  color: #fff!important;	
}
.btn-outline-blue {
  background: transparent!important; 
  border-color: #2f7ccc   !important; 
  color: #2f7ccc  !important;	
}
.btn-outline-blue:hover, .btn-outline-blue:focus, .btn-outline-blue:active  {
  background-color: #2f7ccc   !important; 
  border-color: #2f7ccc   !important; 
  color: #fff!important;	
}
.btn-selected {
    background-color: #2f7ccc !important;
    border-color: #2f7ccc !important;
	color: #fff!important;
}
.btn-notselected {
    background-color: #aeb8c1;
	color: #fff!important;
}
.btn-rounded {
  background-color: #f16122;
  color: #fff!important;
  border-radius: 50px;
  box-shadow: 0 2px 0 #993e16;
}
.btn-rounded:hover{
   background-color: #e45c20;
}

/* ------------------- Custom CSS for width and height ------------------- */
.logo-height{
	height: 50px;
}
.w-2{
    width:2rem!important;
}
.w-3{
    width:3rem!important;
}
.w-4{
    width:4rem!important;
}
.w-5{
    width:5rem!important;
}
.h-7{
    height: 7rem!important;
}

/* ------------------- Position and style the close button (top right corner) ------------------- */
#wrapper {
  transition: margin-left .5s;
}
.card-mobile .collapse:not(.show){
	display: block;
}
.card-block .collapse:not(.show){
	display: none!important;
}
.card-hover:hover{
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.30)!important;
}

/* ------------------- Device specific Custom CSS ------------------- */

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media (max-width: 1199px) {
	.bookmark-img {
      position: relative;
      right: 0;
      top: 0;
      width: 120px;
      border-right: none;
      margin: 0 auto 10px;
    }
}

@media (max-width: 991px) {
	h1, .h1{
		font-size: 1.4rem!important;
	}
    .line-height-small{
        line-height: 0.8rem;
    }
	.logo-height{
		height: 40px;
	}
	.rounded-xs-sm-md-0{
		border-radius: 0!important;
	}
    .bookmark-img {
      width: 100px;
    }
    
	
}
.inner-cont .header-title{
	  padding: 0 20%;	
      text-align: left;
 }
@media (min-width: 768px) and (max-width: 991px) {
	.inner-cont .header-title{
		padding: 0 22%;	
        text-align: left;
     }
}


@media (max-width: 767px) {
	.header-logo {
	  width: 120px;
	  padding-top: 0;
	  padding-left: 0;
	  position: relative !important;
	  margin: 0 auto;
	  padding-bottom: 5px;
	}
	.inner-cont .header-title{
		background-color: #fff;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0;
		display: block!important;
	}
	.collapse:not(.show){
		display: none!important;
	}
	.logo-height{
		height: 22px;
	}
    .rounded-xs-sm-0{
		border-radius: 0!important;
	}
	.card-mobile{
		background: transparent;
		border:none;
	}
	.card-header-mobile{
		padding: 40px 15px;
		border-radius: 0!important;
		margin-bottom:0;
	}

	h1, .h1{
		font-size: 1.2rem!important;
	}
	h2, .h2{
		font-size: 1.3rem!important;
	}
	h3, .h3{
		font-size: 1.2rem!important;
	}
	h4, .h4{
		font-size: 1.1rem!important;
	}
    .border-bottom-xs{
        border-bottom: 1px solid #dee2e6 !important; 
    }
}
@media (min-width: 768px) {
	.border-bottom-md{
		border-bottom: 1px solid #dee2e6!important;
	}
    .border-top-md{
		border-top: 1px solid #dee2e6!important;
	}
    .border-md-right{
       border-right: 1px solid #dee2e6!important;
    }
}
@media (max-width: 575px) {
	h1, .h1 {
	  font-size: 1rem !important;
	}
    .rounded-xs-0{
        border-radius:0!important;
    }
    .w-xs{
        width: 3rem!important;
    }
    .bg-bookmark {
	  background-position: center 10px;
	  background-size: 80px;
	  padding-top: 90px;
	  text-align: center;
	}
	.bg-bookmark .w-75 {
	  width: 100% !important;
	  display: block !important;
	}
}

@media (max-width: 374px){
    .col-xs{
        width: 100%!important;
        max-width: 100%!important;
        flex: 0 0 100%!important;
    }
}

/*New CSS -13/09/22*/
.alert-warning{
    background-color:#ffd481!important;
    color:#060606!important;
    border:2px solid #e8c98c !important;
    border-radius:6px;
}