
:focus
{
  -moz-outline-style  :  none;
}

html
{
  height  :  100%;
}

body
{
  margin  :  0px;
  height  :  100%;
}

.full-height
{
  height  :  100vh;
}

.body-height
{
  height  :  calc(100vh - 54px);
}

.footerRow
{
  padding  :  12px 0px 0px 0px;
}

.footerRow .col
{
  background  :  #dddddd;
}

.footerRow p
{
  margin       :  0px;
  padding      :  0px;
  line-height  :  32px;
  text-align   :  right !important;
  font-size    :  13px;
}

.footerRow p a
{
  text-decoration  :  none;
}

.footerRow p a:hover
{
  text-decoration  :  underline;
}

#AjaxIndicator
{
  font-family            :  'Open Sans', sans-serif, arial;
  font-size              :  14px;
  color                  :  #ffffff;
   
  padding                :  5px 20px 5px 20px;
  background             :  #bb0000;
  cursor                 :  pointer;
  position               :  fixed;
  top                    :  0px;
  left                   :  calc(50% - 160px);
  z-index                :  9999999;
  display                :  none;
  
  -moz-border-radius     :  0px 0px 3px 3px;
  border-radius          :  0px 0px 3px 3px;
  -webkit-border-radius  :  0px 0px 3px 3px;  	
}


/* Admission Form CSS*/

  .nav-link.disabled {
    pointer-events: none;
    cursor: default;
    color: #6c757d;
    background-color: #e9ecef;
}

.nav.nav-tabs.admission-tabs {
    border-bottom: none;
    margin-bottom: 20px;
    gap: 20px;
}
.admission a.nav-link.active {
    border: none;
    background-color: #93232E;
    color: white;
}
.admission a.nav-link {
    background-color: #dfdfdf;
    color: #666666;
    border-radius: 50px;
}

.nav-link.disabled {
    pointer-events: none;
    cursor: default;
    color: #6c757d;
    background-color: #e9ecef;
}
.nav-link.disabled {
    pointer-events: none;
    cursor: default;
    color: #6c757d;
    background-color: #e9ecef;
}


.tab-content {
    border: 1px solid #203062;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 50px;
}


.admission-tabs .nav-item {
    flex: 1;
    text-align: center;
}
.admission-tabs .nav-link {
    width: 100%;
}

.admission-tabs .nav-link span
{
    border-radius: 20px !important;
    width: 40px;
	height : 40px;
	line-height : 40px;
    background : #bbbbbb !important;
    color : #ffffff !important;	
	display : inline-block;
	float : left;
	margin-top : -0.5rem;
	margin-left : -1rem;
	font-weight : bold;
	font-size : 18px !important;
}

.admission-tabs .nav-link.active span
{
    background : #000000 !important;
	font-weight : bold;
	font-size : 18px !important;
}

.tab-pane h3 {
    margin-bottom: 20px;
}

.btn-wrap {
    margin-top: 15px;
  }


.form-check-input {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    position: relative;
}

.form-check-input:checked {
    background-color: #800000 !important; 
    border-color: #800000 !important;
}

.form-check-input:checked::before {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

label {
    display: flex !important;
}

.form-control {
    border-radius: 5px !important;
    margin-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 20px;
    color: black !important;
	border: solid 1px #999999;
}

label.form-check-label {
    padding-top: 5px;
}

.form-check-input[type=checkbox] {
    width: 25px;
    height: 25px;
    border-color: #203062;
}

.mandatory
{
  font-size    :  15px;
  font-weight  :  600;
  color        :  #cc0000;
}

.hidden
{
  display  :  none !important;
}

#health .row p, #living .row p
{
  font-size : 15px;
  font-weight : 600;
  color       :  #333333;
}

#frmAdmission ol
{
  padding  :  0px 20px 35px 35px;
}

#frmAdmission ol li
{
  padding  :  5px 0px 5px 0px;
}

.alert, .error, .success, .info, .info.noHide
{
  clear                  :  both;
  padding                :  10px 10px 10px 35px;
  margin-bottom          :  15px;
  min-height             :  16px;
  line-height            :  16px;
  cursor                 :  pointer;
  
  -moz-border-radius     :  4px;
  border-radius          :  4px;
  -webkit-border-radius  :  4px; 
  
  font-size              :  14px;
  color                  :  #000000;
}

.alert
{
  background  :  #feffc8 url('../images/icons/alert.png') 10px 10px no-repeat;
  border      :  solid 1px #f1aa2d;
}

.error
{
  background  :  #fdcea4 url('../images/icons/error.png') 10px 10px no-repeat;
  border      :  solid 1px #c44509;
}

.success
{
  background  :  #d4f684 url('../images/icons/success.png') 10px 10px no-repeat;
  border      :  solid 1px #739f1d;
}

.info
{
  background  :  #c3e4fd url('../images/icons/info.png') 10px 10px no-repeat;
  border      :  solid 1px #688fdc;
}

.info.noHide
{
  background  :  #eeeeee url('../images/icons/info.gif') 10px 10px no-repeat;
  border      :  solid 1px #cccccc;
}

.btn-primary
{
  background   :  #801B25;
  border-color :  #93232E;
}

.btn-primary:hover,
.btn-primary:active, .btn-primary.focus,
.btn-primary:visited,
.btn-primary:focus
{
  background          :  #93232E;
  border-color        :  #681820;
  
  --bs-btn-bg: #93232E;
  --bs-btn-border-color: #93232E;
  --bs-btn-hover-bg: #681820;
  --bs-btn-hover-border-color: #681820;
  --bs-btn-active-bg: #681820;
  --bs-btn-active-border-color: #681820;
  --bs-btn-disabled-bg: #93232E;
  --bs-btn-disabled-border-color: #93232E;
}


label span.details
{
  padding-top  :  3px;
  font-size    :  14px;
}


.zoom-hover
{
  transition  :  transform 0.3s ease-in-out;
}

.zoom-hover:hover
{
  transform  :  scale(1.05);
}