@font-face {
    font-family: 'Lora';
    src: url('../font/lora/Lora-Regular.eot');
    src: url('../font/lora/Lora-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/lora/Lora-Regular.woff2') format('woff2'),
        url('../font/lora/Lora-Regular.woff') format('woff'),
        url('../font/lora/Lora-Regular.ttf') format('truetype'),
        url('../font/lora/Lora-Regular.svg#Lora-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../font/montserrat/Montserrat-Regular.eot');
    src: url('../font/montserrat/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/montserrat/Montserrat-Regular.woff2') format('woff2'),
        url('../font/montserrat/Montserrat-Regular.woff') format('woff'),
        url('../font/montserrat/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Montserrat', 'Lora', sans-serif;
    color: #383838;
    font-size: 0.875rem;
}

/******** Header CSS Start ********/
header {
    font-family: 'Montserrat', 'Lora', sans-serif;
    background: #fff;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.349019607843137);
}
/********main {
    margin-top: 77px; 
}********/

ul.main-menu li a {
  color: #003388;            
  margin: 0rem 1rem;
  text-transform: uppercase;
}

/*** Error Messages CSS start **/

.frmError, .smfrmError, .lblWarning, .lblSuccess, .lblTabText, .paragraphText
{
    font: normal normal bold 10pt Arial;
}
.frmError, .smfrmError
{
	font: normal normal bold 12pt Arial;
    color: red;
    line-height:2.3;
}
.frmSuccess
{
    font: normal normal bold 12pt Arial;
    color: Green;
    line-height:2.3;
}
.lblWarning
{
	font: normal normal bold 12pt Arial;
    color: maroon;
    line-height:2.3;
}
.lblWarningNormalItalic
{
	font: normal normal bold 12pt Arial;
    color: maroon;
    font-style: italic;
    font-weight: bold;
    line-height:2.3;
}
.lblSuccess
{
	font: normal normal bold 12pt Arial;
    color: #008000;
    line-height:2.3;
}
/*** Error Messages CSS Emd **/

.alabama_homebanner{
    background: rgba(214,214,214,1) url(img/u1.svg);
    background: -moz-linear-gradient(left, rgba(214,214,214,1) 0%, rgba(225,225,226,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(214,214,214,1)), color-stop(100%, rgba(225,225,226,1)));
    background: -webkit-linear-gradient(left, rgba(214,214,214,1) 0%, rgba(225,225,226,1) 100%);
    background: -o-linear-gradient(left, rgba(214,214,214,1) 0%, rgba(225,225,226,1) 100%);
    background: -ms-linear-gradient(left, rgba(214,214,214,1) 0%, rgba(225,225,226,1) 100%);
    background: linear-gradient(to right, rgba(214,214,214,1) 0%, rgba(225,225,226,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#e1e1e2', GradientType=1 );
    color:#105073;
}

.alabama_header{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26), 0 2px 10px 0 rgba(0,0,0,.22);
}

.navbar.scrolling-navbar .navbar-nav>li .nav-link {
    padding: 12px 20px;
}
.blue-color{
    color:#105073;
}
.navbar-nav>li a{
    color:#105073;
    font-weight: 400;
}

.navbar-nav>li a:hover {
    color:#c5342d;
}

.activated
{
    border-radius: 5px !important;
    background-color: #256491 !important;
    cursor: pointer !important;
    color:White !important;
 }
 
 
/*.active .nav-link
{
    padding:12px 12px !importanat;
    color: white !important;
}*/



.login_nav{
    background: rgba(197, 52, 45, 1);
    color:#fff;
}


    
  .share-btn {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 10px 10px 10px 0px;
    padding-top: 35px;
    min-width: 140px;
    min-width: 140px;
    width: auto;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 0px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.176470588235294);
    box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.176470588235294);
  }
  .share-btn:active {
    margin-top: 3px;
  }
  .share-btn:active .share-btn-action {
    padding-bottom: 3px;
    -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
  }
  .share-btn:active .share-btn-action:after {
    bottom: 3px;
  }
  
  .share-btn-count {
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    /* letter-spacing: -1px; */
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 40px;    
    padding: 0.8rem 0rem;
    color: #fff; 
    background: #fff;
   
    border-radius: 8px 8px;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.03), transparent 40%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.03), transparent 40%);
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.18), 0 2px rgba(0, 0, 0, 0.07);
  }
  .share-btn-count:before, .share-btn-count:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: #e6eff5;
  }
  .share-btn-count:before {
    margin-left: -7px;
    margin-top: 1px;
    border-width: 7px;
    border-top-color: rgba(0, 0, 0, 0.07);
  }
  
  .share-btn-action {
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    display: block;
  max-width: 140px;
    min-height: 150px;
    position: relative;
    padding: 60px 10px 20px 10px !important;
    font-weight: 400;
    line-height: 20px;    
    color: #333;
    border-radius: 0px;
  }
  .share-btn-action:before {
    content: '';
    /* display: inline-block; */
    vertical-align: top;
    margin: 8px 2px 0 0;
    width: 18px;
    height: 18px;
    background-image: url("../img/icons.png");
  }
  .share-btn-action:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 6px;
    left: 0;
    right: 0;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.25);
  }
  .share-btn-tweet {
    background: #ffffff;  
  }
  .share-btn-tweet:before {
    margin-left: -3px;
  }
  .share-btn-tweet:after {
    -webkit-box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 -1px 2px rgba(255, 255, 255, 0.5);
  }
  .share-btn-tweet + .share-btn-count {
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 1px rgba(0, 0, 0, 0.12), 0 2px rgba(0, 0, 0, 0.04);
  }
  .share-btn-tweet + .share-btn-count:before {
    border-top-color: rgba(0, 0, 0, 0.05);
  }
  
  .share-btn-like {
    background: #ffffff;  
  }
  .share-btn-like:before {
    background-position: -18px 0;
  }
  
  .share-btn-plus {
    background: #ffffff;   
  }
  .share-btn-plus:before {
    display: none;
  }


/**************** Stats Card CSS Start ********************/
.stats-container {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.stats-container .stat-wrap {
  margin-right: 2rem;
}
.stats-container .stat-wrap:last-child {
  margin-right: 0px;
}
.stat-wrap {
  display: flex;
  flex-direction: column;
  vertical-align: top;
  position: relative;
  /* margin: 10px 30px 10px 0px;
  padding-top: 35px; */
  min-width: 140px;
  min-width: 140px;
  width: auto;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  border-radius: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -webkit-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.176470588235294);
  box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.176470588235294);
}
.stat-wrap:active {
  margin-top: 3px;
}
.stat-wrap:active .stat-text {
  padding-bottom: 3px;
  -webkit-box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -3px rgba(0, 0, 0, 0.15), inset 0 -1px rgba(0, 0, 0, 0.15);
}
.stat-wrap:active .stat-text:after {
  bottom: 3px;
}

.stat-count {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  /* position: absolute;
  top: 0;
  left: 0;
  right: 0; 
  line-height: 40px; */   
  padding: 0.8rem 0rem;
  color: #256491; 
  background: #f2f2f2;
}
.stat-count:hover {
  cursor: pointer;
  text-decoration: underline;
}
/* .stat-count:before, .stat-count:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #e6eff5;
}
.stat-count:before {
  margin-left: -7px;
  margin-top: 1px;
  border-width: 7px;
  border-top-color: rgba(0, 0, 0, 0.07);
} */

.stat-text {
  font-family: Montserrat, sans-serif;
  color: #333;
  background: #fff;
  display: block;
  max-width: 140px;
  min-height: 107px;
  position: relative;
  padding: 20px 10px !important;
  font-weight: 400;
  line-height: 20px;    
  border-radius: 0px;
}

.stat-wrap .blue-txt {
  border-bottom: 3px solid blue;
}
.stat-wrap .orange-txt {
  border-bottom: 3px solid orange;
}
.stat-wrap .green-txt {
  border-bottom: 3px solid green;
}

/**************** Stats Card CSS End ********************/




  /******************** Global CSS Start ********************/



  .blue{
    background: rgba(50,66,155,1);
    background: -moz-linear-gradient(-45deg, rgba(50,66,155,1) 0%, rgba(76,149,209,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(50,66,155,1)), color-stop(100%, rgba(76,149,209,1)));
    background: -webkit-linear-gradient(-45deg, rgba(50,66,155,1) 0%, rgba(76,149,209,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(50,66,155,1) 0%, rgba(76,149,209,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(50,66,155,1) 0%, rgba(76,149,209,1) 100%);
    background: linear-gradient(135deg, rgba(50,66,155,1) 0%, rgba(76,149,209,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32429b', endColorstr='#4c95d1', GradientType=1 );
  }

  .blue:before, .blue:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: rgba(76,149,209,1) ;
  }
  .blue:before {
    margin-left: -7px;
    margin-top: 1px;
    border-width: 7px;
    border-top-color: rgba(0, 0, 0, 0.07);
  }

  .orange{
    background: rgba(252,184,12,1);
    background: -moz-linear-gradient(-45deg, rgba(252,184,12,1) 0%, rgba(246,138,58,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(252,184,12,1)), color-stop(100%, rgba(246,138,58,1)));
    background: -webkit-linear-gradient(-45deg, rgba(252,184,12,1) 0%, rgba(246,138,58,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(252,184,12,1) 0%, rgba(246,138,58,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(252,184,12,1) 0%, rgba(246,138,58,1) 100%);
    background: linear-gradient(135deg, rgba(252,184,12,1) 0%, rgba(246,138,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb80c', endColorstr='#f68a3a', GradientType=1 );
  }

  .orange:before, .orange:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color: rgba(246,138,58,1) ;
  }
  .orange:before {
    margin-left: -7px;
    margin-top: 1px;
    border-width: 7px;
    border-top-color: rgba(0, 0, 0, 0.07);
  }
  
  .green{
    background: rgba(116,193,93,1);
    background: -moz-linear-gradient(-45deg, rgba(116,193,93,1) 0%, rgba(69,142,69,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(116,193,93,1)), color-stop(100%, rgba(69,142,69,1)));
    background: -webkit-linear-gradient(-45deg, rgba(116,193,93,1) 0%, rgba(69,142,69,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(116,193,93,1) 0%, rgba(69,142,69,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(116,193,93,1) 0%, rgba(69,142,69,1) 100%);
    background: linear-gradient(135deg, rgba(116,193,93,1) 0%, rgba(69,142,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74c15d', endColorstr='#458e45', GradientType=1 );
  }

  .green:before, .green:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color:rgba(69,142,69,1) ;
  }
  .green:before {
    margin-left: -7px;
    margin-top: 1px;
    border-width: 7px;
    border-top-color: rgba(0, 0, 0, 0.07);
  }
  .red{
      background: rgba(231,62,37,1);
      background: -moz-linear-gradient(-45deg, rgba(231,62,37,1) 0%, rgba(196,44,39,1) 100%);
      background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(231,62,37,1)), color-stop(100%, rgba(196,44,39,1)));
      background: -webkit-linear-gradient(-45deg, rgba(231,62,37,1) 0%, rgba(196,44,39,1) 100%);
      background: -o-linear-gradient(-45deg, rgba(231,62,37,1) 0%, rgba(196,44,39,1) 100%);
      background: -ms-linear-gradient(-45deg, rgba(231,62,37,1) 0%, rgba(196,44,39,1) 100%);
      background: linear-gradient(135deg, rgba(231,62,37,1) 0%, rgba(196,44,39,1) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e73e25', endColorstr='#c42c27', GradientType=1 );
  }
  .red:before, .red:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
    border-top-color:rgba(196,44,39,1) ;
  }
  .red:before {
    margin-left: -7px;
    margin-top: 1px;
    border-width: 7px;
    border-top-color: rgba(0, 0, 0, 0.07);
  }

  /********** Button CSS Start ***********/
  .btn-red{
    font-family: Montserrat, sans-serif;
    background: rgba(197, 52, 45, 1);
    padding: 15px 45px;
    border: 0px;
    font-size: 24px;
    margin: 10px;
    min-width: 560px;
    width: auto;
    color:#fff;
  }
  .btn {
    font-weight: bold;
  }
  .btn-transparent {
    background: #fff !important;
    color: #383838;
  }
  .btn-primary {
    background: #C5342D !important;
    border-color: #C5342D; 
    color:#fff;
  }
  .btn-primary:not([disabled]):not(.disabled):active, 
  .btn-primary:not([disabled]):not(.disabled).active, 
  .show > .btn-primary.dropdown-toggle {
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: #c5342d !important;
}
  /********** Button CSS End ***********/

  /********** Font Awesome CSS Start ***********/
  .fa-search {
    color: #fff;
  }

  /********** Font Awesome CSS End ***********/


  /******** Dropdown CSS Start ********/

  .select-wrapper {
      background: #006ACC;
      border-radius: 4px;
      -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
      -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
      -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
      box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.349019607843137);
  }
  .select-wrapper span.caret {
      color: #fff;
      top: 17px;
     /* z-index: 100;*/
      right: 1rem;
  }
  .select-wrapper input.select-dropdown {
      width: calc( 100% - 1rem);
      height: 44px;
      line-height: normal;
      /*  background-color: #006ACC !important;
      border: 1px solid #006acc !important;*/
  }
  .tablepagination .select-wrapper > .dropdown-content 
  {
  	max-height: 400px !important;
    top: auto !important;
    bottom: 100%;
  }
  .tablepaginationViewPaged .select-wrapper > .dropdown-content 
  {
  	max-height: 400px !important;
    top: auto !important;
    bottom: 100%;
  }
  
  .dropdown-content li>a, 
  .dropdown-content li>span 
  {
  	color: #333;
    padding: .8rem;
  }
  .mdb-select + .drop-label {
    position: absolute;
    top: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 92%;
    font-weight: bold;
}
.mdb-select + .drop-label.active {
  color: #0080ff;
  font-weight: bold;
}
  .mdb-select .form-control:disabled, 
  .mdb-select .form-control[readonly] {
      border-bottom: none;
      color: #fff;
     padding: 0 0.5rem;
  }

  /******** Dropdown CSS Start ********/


  /************ Text Input CSS Start ***********/
  .form-control {
    font-size: 0.875rem;
  }
  .custom-form .form-control 
  {
  	background: #fff;
    margin: 0rem;
    padding: 0.7rem 0.5rem;
    width: calc( 100% - 1rem);
  }
  .custom-form.input-group {
    margin-top: 0.5rem;
  }
  .custom-form.input-group .character-counter {
    position: absolute;
    top:37px;
    right: 0px;
  }
  .custom-form .input-group-text {
    padding: .375rem .75rem .375rem 0rem;
  }
  .custom-form.input-group .form-control {
    text-align: right;
  }
  .custom-form label {
      transform: translate(10px, 12px);
      font-size: 0.875rem;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      width: 92%;
  }
  .custom-form label.active {
      transform: translate(0px, -25px) scale(0.8);
  }
  .custom-form input[type=date], 
  .custom-form input[type=datetime-local], 
  .custom-form input[type=email], 
  .custom-form input[type=number], 
  .custom-form input[type=password], 
  .custom-form input[type=search-md], 
  .custom-form input[type=search], 
  .custom-form input[type=tel], 
  .custom-form input[type=text], 
  .custom-form input[type=time], 
  .custom-form input[type=url], 
  .custom-form textarea.md-textarea {
    border: 1px solid #ced4da;
    background-color: #fff;
    border-radius: 3px;
  }

  .custom-form input[type=date]:focus:not([readonly]), .custom-form input[type=datetime-local]:focus:not([readonly]), 
  .custom-form input[type=email]:focus:not([readonly]), .custom-form input[type=number]:focus:not([readonly]), 
  .custom-form input[type=password]:focus:not([readonly]), .custom-form input[type=search-md]:focus:not([readonly]), 
  .custom-form input[type=search]:focus:not([readonly]), .custom-form input[type=tel]:focus:not([readonly]), 
  .custom-form input[type=text]:focus:not([readonly]), .custom-form input[type=time]:focus:not([readonly]), 
  .custom-form input[type=url]:focus:not([readonly]), .custom-form textarea.md-textarea:focus:not([readonly]) {
      border-bottom: 1px solid #cacaca;
      box-shadow: none;
  }

  .custom-form input[type=text]:focus:not([readonly]) + label, .custom-form input[type=password]:focus:not([readonly]) + label, 
  .custom-form input[type=email]:focus:not([readonly]) + label, .custom-form input[type=url]:focus:not([readonly]) + label, 
  .custom-form input[type=time]:focus:not([readonly]) + label, .custom-form input[type=date]:focus:not([readonly]) + label, 
  .custom-form input[type=datetime-local]:focus:not([readonly]) + label, .custom-form input[type=tel]:focus:not([readonly]) + label, 
  .custom-form input[type=number]:focus:not([readonly]) + label, .custom-form input[type=search-md]:focus:not([readonly]) + label, 
  .custom-form input[type=search]:focus:not([readonly]) + label, .custom-form textarea.md-textarea:focus:not([readonly]) + label {
    color: #0080FF;
    font-weight: bold;
  }
  
  .fontColor
  {
  	color:#3e4142;
  }
  
  /*.md-form input:not([type]), 
  .md-form input[type="text"]:not(.browser-default), 
  .md-form input[type="password"]:not(.browser-default), 
  .md-form input[type="email"]:not(.browser-default), 
  .md-form input[type="url"]:not(.browser-default), 
  .md-form input[type="time"]:not(.browser-default), 
  .md-form input[type="date"]:not(.browser-default), 
  .md-form input[type="datetime"]:not(.browser-default), 
  .md-form input[type="datetime-local"]:not(.browser-default), 
  .md-form input[type="tel"]:not(.browser-default), 
  .md-form input[type="number"]:not(.browser-default), 
  .md-form input[type="search"]:not(.browser-default), 
  .md-form input[type="search-md"], 
  .md-form textarea.md-textarea */
  .form-control:not(.select-dropdown)
  {
  	background-color: #fff !important;
  	border: 1px solid #ced4da !important;
  	border-radius: 3px !important;
  } 
  	
  
  

  /************ Text Input CSS End ***********/


  /************ Chekcbox CSS Start *************/

  .custom-checkbox {
    padding-left: 1.8rem;
  }
  .custom-checkbox .custom-control-label::before {
    position: absolute;
    top: 0rem;
    left: -1.7rem;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    pointer-events: none;
    content: "";
    border-radius: 0px;
    background-color: #fff;
    border: #adb5bd solid 1px;
  }
  .custom-checkbox .custom-control-label::after {
    position: absolute;
    top: -0.15rem;
    left: -1.8rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: no-repeat 50%/50% 50%;
  }

  /************ Chekcbox CSS End *************/



  /******** Bootstrap Radio Button CSS Start **********/

  .custom-control-label::before, .custom-control-label::after {
    top: 0.1rem;
  }

  /******** Bootstrap Radio Button CSS End **********/



  /******** Datepicker CSS Start **********/
  
  .custom-form .form-control:disabled, 
  .custom-form .form-control[readonly] {
    background-color: #fff;
    border-bottom: 1px solid #ced4da;
  }

  /******** Datepicker CSS End **********/
  
  .text-blue {
    color: #105073;
  }
  .jumbotron {
    box-shadow: none;
  }
  .exportDropdown
  {
  	position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
  	top: 0px;
    transform: translate3d(-123px, 21px, 0px);
  	}
  
  
  /*** Table CSS Start ***/
.table {
    border: none;
}
.table td {
    font-size: 13px;
    vertical-align:middle;
}

.table td a{
    text-decoration: underline !important;
}

.table th {
    background-color: #006acc;
    color: #ffffff;
}
.table th a {
    color: #ffffff !important;
    text-decoration: none;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}

/*** Table Pagination View Paged Start ***/
table.tablepaginationViewPaged {
    background: white;
}   
table.tablepaginationViewPaged .select-wrapper {
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
}
table.tablepaginationViewPaged .select-wrapper input.select-dropdown 
{	
	height: 40px;
	/*border: 1px solid #dee2e6 !important;
	background-color: #ffffff !important;	*/
	padding: 0.04rem 1rem;
}
table.tablepaginationViewPaged .select-wrapper span.caret {
    color: #212529;
    font-size: .9rem;
    top: 0.6rem;
    border-top: 0px solid #dee2e6;
    border-right: 0px solid #dee2e6;
    border-bottom: 0px solid #dee2e6;
    padding: 0rem 0rem 0rem 0rem;
}
table.tablepaginationViewPaged td:first-child span {
  background-color: rgb(230, 230, 230);
}
table.tablepaginationViewPaged td:first-child a {
 border-left: 1px solid #dee2e6;
}
table.tablepaginationViewPaged .mdb-select .form-control {
    margin: 0;
    width: 30px;
    padding-top: 0;
    padding-bottom: 0;
    height: 34px;
    color: #212529;
    border: 1px solid #dee2e6;
    font-size: 12px;
}
table.tablepaginationViewPaged td, table.tablepaginationViewPaged th {
    vertical-align: middle;
}
table.tablepaginationViewPaged td, table.tablepaginationViewPaged th {
    padding-top: 0;
    padding-bottom: 0;
    /*border: 1px solid #dee2e6;*/
}
 table.tablepaginationViewPaged td:last-child {
    border-color: #f2f2f2;
    background: transparent;
}
table.tablepaginationViewPaged td
{
	background-color:rgb(242, 242, 242)!important;
	/*position: absolute !important;*/
	}
table.tablepaginationViewPaged a {
    margin: 0;
    color: #212529;
    margin: 0;
    color: #212529;
    padding: 0.65rem 0.75rem 0.75rem 0.75rem;
    /* padding-top: 8px; */
    /* padding-bottom: 0; */
    color: #256491;
    text-decoration: underline;
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
table.tablepaginationViewPaged span {
    border-top: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: 0.65rem 0.75rem 0.75rem 0.75rem;

}

.table-select {
	background-color: #fff;
	padding: 0.1rem 0.3rem;
	border-radius: 2px;
}

/*** Table Pagination View Paged  End ***/

/*** Table Pagination Start ***/
table.tablepagination {
    background: white;
}   
table.tablepagination .select-wrapper {
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #ffffff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    vertical-align: middle;
}
table.tablepagination .select-wrapper input.select-dropdown 
{
	/*border: 1px solid #dee2e6 !important;
	background-color: #ffffff !important;	*/
	padding: 0.04rem 1rem;
}
table.tablepagination .select-wrapper span.caret {
    color: #212529;
    font-size: .9rem;
    top: 0.6rem;
    border-top: 0px solid #dee2e6;
    border-right: 0px solid #dee2e6;
    border-bottom: 0px solid #dee2e6;
    padding: 0rem 0rem 0rem 0rem;
}
table.tablepagination .mdb-select .form-control {
    margin: 0;
    width: 30px;
    padding-top: 0;
    padding-bottom: 0;
    height: 34px;
    color: #212529;
    border: 1px solid #dee2e6;
    font-size: 12px;
}
table.tablepagination td, table.tablepagination th {
    vertical-align: middle;
}
table.tablepagination td, table.tablepagination th {
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #dee2e6;
}
table.tablepagination td:last-child {
    border-color: #f2f2f2;
    background: transparent;
}

/*** Table Pagination End ***/


/*** Table CSS End ***/

/*** Task Table Start ***/
.table.task-table tr {
    border-bottom: 1px solid #CACACA;
}
.table.task-table .GridItem.success {
    border-left: 3px solid #17ab13;
}
.table.task-table .GridItem.error {
    border-left: 3px solid #CE0B0B;
}
button.dropdown-toggle:not(.btn) {
    background: none;
    border: 0;
}
.dropdown .dropdown-toggle.no-dropicon::before, .dropdown .dropdown-toggle.no-dropicon::after, .dropleft .dropdown-toggle.no-dropicon::before, .dropleft .dropdown-toggle.no-dropicon::after, .dropright .dropdown-toggle.no-dropicon::before, .dropright .dropdown-toggle.no-dropicon::after, .dropup .dropdown-toggle.no-dropicon::before, .dropup .dropdown-toggle.no-dropicon::after {
  display: none; }

  
/******************** Global CSS End ********************/

  /*** Scrollbar CSS for chrome Start ***/

  /* Let's get this party started */
  ::-webkit-scrollbar {
    width: 8px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #adadad;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #bfbfbf;
    /* -webkit-box-shadow: 0 0 6px #efefef;  */
  }
  ::-webkit-scrollbar-thumb:window-inactive {
  background: #bfbfbf; 
  }

  /*** Scrollbar CSS for Chrome End ***/

  #chartdiv {
    width: 100%;
    height: 500px;
  }
  
  .fcpa-system {
      border-right:1px solid #fff;
      font-family: Montserrat, sans-serif;
  }
  

  footer.page-footer .footer-copyright {
    overflow: hidden;
    background-color: rgba(0,0,0,.2);
    color: #333 !important;
    font-weight: 500;
    font-size: 0.8rem;
  }

  footer a{
      color: rgba(50,66,155,1) !important;
  }



  ul.accordion {
    display: flex;
    min-height: 300px;
    /*max-height: 100vh;*/
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    list-style-type: none;
  }
  
 .accordion li {
   font-family: Montserrat, sans-serif;
    flex: 0;
    display: flex;
    align-items: stretch;
    padding: 15px;
    background: #d7d7d7;
    min-width: 75px;
    cursor: pointer;
    transition: all .5s ease;
  }
  .accordion li:hover {
    background: #f2f2f2;
  }
  .accordion li.active {
    flex: 5;
    background: #f2f2f2;
    cursor: default;
  }
  .accordion li:nth-child(odd) {
  	padding: 30px;
  }
  .accordion li.active h2 {
    color: #333;
  }
  .accordion li.active .section-content {
    flex: 4;
    opacity: 1;
    transform: scaleX(1);
    color: #333;
  }
  .accordion li .section-title {
    flex: 0;
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 45px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #333;
  }
  .accordion li .section-title h2 {
    margin: 0;
    min-width: 35px;
    transform: rotate(-90deg) translate(-120px, 0px);
    white-space: nowrap;
    font-size: 24px;
    padding: 0rem 1rem;
  }
  .accordion li .section-content {
    flex: 0;
    /* display: flex; */
    align-items: center;
    margin: 0;
    padding: 0;
    opacity: 0;
    transition: all .25s .1s ease-out;
  }
  .section-content .card {
    border-radius: 0rem;
    -webkit-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.176470588235294);
    -moz-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.176470588235294);
    -ms-box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.176470588235294);
    box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.176470588235294);
  }
  


  .logo{
    color: #969696; 
    font-size: 17px;
    margin-left: 1.5rem;
  }
  .sos-content {
    font-family: Montserrat, sans-serif;
    padding: 3rem 2rem;
    background: #f2f2f2;
  }
  .sos-content .headline {
    font-family: Lora, sans-serif;
    color: #105073;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 1rem;
    display: block;
  }
  .sos-content .sign {
    display: block; 
  }
  .sos-icon {
    width: 40%;
    float: left;
    padding: 0 20px 2px 0;
  }

  /******* Options List CSS *******/
  .option-title {
    font-size: 1.2rem;
    color: #105073;
    padding: 2rem 0.5rem;
    margin-bottom: 0rem;
  }
  /* .option-list {
    display: flex;
    flex-direction: row;
  } */
  .option-wrapper .option-wrap {
    font-family: Montserrat, sans-serif;
    font-size: 1.1rem;
    background: #256491;
    color: #fff;
    line-height: 22px;
    padding: 4.25rem 1rem;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    box-sizing: border-box;
    height: calc(100%);
  }
  .option-wrap a 
  {
  	color: #fff;
  }
/************* Search Page CSS Start *************/
.admin-banner {
  background: #256491;
  color: #fff;
  margin-bottom: 0rem;
}
.admin-banner h3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.title-banner {
    background: #256491 url('../images/head-pattern.png') no-repeat 0% 35%;
    background-size: cover;
    color: #fff;
    padding: 7.5rem 0rem;
    margin-bottom: 0rem;
    word-break: break-word;
}
.title-banner h1 {
    font-weight: bold;
}
.search-wrapper {
    padding: 2rem 1rem;
}
.search-tile {
    background: #C5342D;
    padding: 1.5rem;
}
.search-form {
    background: #f2f2f2;
    padding: 3rem 0rem;
    /* margin-bottom: 2rem; */
}
.search-form h5 {
    font-weight: 600;
}
/************* Search Page CSS End *************/




/************* Search Options Page CSS Start *************/

.content-wrapper {
  background: #f2f2f2;
  padding: 2rem;
}
.content-wrapper p {
  margin-bottom: 2rem;
}
.content-wrapper a {
  color: #0056b3 !important;
}
.content-wrapper a:hover {
    text-decoration: underline;
}

/************* Search Options Page CSS End *************/





/*************** Admin page CSS Start ****************/

.image-banner {
  padding: 2rem 0rem;
}
ul.image-tile li {
  min-width: 110px;
  display: inline-block;
  text-align: center;
}
ul.image-tile li a img {
  height: 40px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0.5rem;
}
ul.image-tile li a {
  color: #383838;
  font-size: 0.8rem;
}
ul.image-tile li a:hover {
  text-decoration: underline;
}
.image-wrapper {
  padding: 2rem 0rem;
}
.form-container h5 {
  font-size: 1.128rem;
  font-weight: 600;
}
.form-container .container-fluid {
  background: #F2F2F2;
  margin-top: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/*** Task List Component CSS Start ***/

/* .task-card {
  box-shadow: 5px 5px 13px rgba(0, 0, 0, 0.176470588235294);
} */
.task-card .card-body {
  padding: 0rem;
}
.task-list-menu {
  /* margin-bottom: 1rem; */
  max-height: 480px;
  overflow-x: hidden;
  overflow-y: auto;
}
.task-list-menu li {
  padding: 1rem;
  /* margin-top: -1px; */
}
.task-list-menu li.danger {
  border-left: 3px solid #CE0B0B;
  border-bottom:  1px solid #CACACA;
}
.task-list-menu li.success {
  border-left: 3px solid #17ab13;
  border-bottom:  1px solid #CACACA;
}
.fa-exclamation {
  padding: 0rem 0.4rem;
}
.fa-exclamation {
  font-size: 1rem;
  color: #CE0B0B;
}
.fa-check {
  font-size: 1rem;
  color: #17ab13;
}

/*** Task List Component CSS End ***/

/******* Disabled ********/

.select-wrapper input.select-dropdown:disabled 
{
    color: #383838;
    background-color: #f2f2f2;
    background: #f2f2f2 !important;
}

/******* Disabled ********/


/*************** Admin page CSS End ****************/





/************ Responsive CSS ************/

@media (min-width:600px) and (max-width: 1980px){
  .navbar.scrolling-navbar.top-nav-collapse {
      padding-top: 0px ;
      padding-bottom: 0px;
  }
  .navbar.scrolling-navbar {
      transition: background .5s ease-in-out,padding .5s ease-in-out;
      padding-top: 0px ;
      padding-bottom: 0px;
  }
}
@media (min-width: 768px) {
  .container {
      max-width: 92%;
  }
}
@media (max-width: 767.98px) {
  .container {
      max-width: 100%;
  }
}
@media   (min-width: 320px) and (max-width: 767px){
  .share-btn {
      display: inline-block;
      vertical-align: top;
      position: relative;
      padding-top: 35px;
      width: 100% !important;
      min-width: 140px; 
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      border-radius: 8px;
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  img{
    margin: auto;
  }
}
@media   (min-width: 768px) and (max-width: 992px){
  .share-btn {
      display: inline-block;
      vertical-align: top;
      position: relative;
      padding-top: 35px;
      width: auto% !important;
      min-width: 140px; 
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      border-radius: 8px;
      -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  }
  img{
    margin: auto;
  }
}
@media   (min-width: 320px) and (max-width: 992px){
  .v-divider {
      border-right: 1px solid #fff;
      text-align: center;
  }
  .navbar.scrolling-navbar {
      transition: background .5s ease-in-out,padding .5s ease-in-out;
      padding-top: 12px !important;
      padding-bottom: 12px !important;
  }
  .navbar.scrolling-navbar .navbar-nav>li {
      transition-duration: 1s;    text-align: center;
      width: 100%;
  }
}

/*** UpdatePanelProgress start ***/
.UpdatePanelProgressBackground 
{
	background-color:white;
	filter: alpha(opacity=30); /* needed for IE */
	opacity: 0.3; 
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	min-height: 100%;
	min-width: 100%;
	cursor:wait;
}

.UpdatePanelProgress
{
/*color:#fff;
	text-align: center;
	vertical-align: middle;*/
	position: absolute;
	/*bottom: 30%;*/
	left: 40%;
}

/*** UpdatePanelProgress end ***/


@media   (min-width: 320px) and (max-width: 425px){
  .share-btn-action {
      max-width: none!important;
        width: auto!important;
  }
}
@media   (min-width: 320px) and (max-width: 767px){
  .btn-red {
        padding: 15px 25px!important;
        font-size: 16px !important;
        min-width: 0px !important;
  }
  .share-btn-action
  {
      max-width:none !important;
      }
}
@media   (min-width: 768px) and (max-width: 1023px){
  .btn-red {
    padding: 15px 60px!important;
    font-size: 19px !important;
    min-width: 0px !important;
    word-break: break-word !important;
  }
}

@media   (min-width: 1024px) and (max-width: 1365px){
  .btn-red {
    padding: 15px 40px!important;
    font-size: 24px !important;
    min-width: 0px !important;
    word-break: break-word !important;
  }
}
@media   (min-width: 1366px) and (max-width: 1385px){
  .btn-red {
    padding: 15px 55px!important;
    font-size: 24px !important;
    min-width: 0px !important;
    word-break: break-word !important;
  }
}

@media   (min-width: 1386px) and (max-width: 1439px){
  .btn-red {
    padding: 15px 60px!important;
    font-size: 24px !important;
    min-width: 0px !important;
    word-break: break-word !important;
  }
}

@media   (min-width: 1440px) and (max-width: 2505px){
  .btn-red {
    padding: 15px 70px!important;
    font-size: 24px !important;
    min-width: 0px !important;
    word-break: break-word !important;
  }
}

@media   (min-width: 1476px) and (max-width: 1656px){
  .btn-red {
    padding: 15px 115px!important;
    font-size: 24px !important;
    min-width: 0px !important;
    word-break: break-word !important;
  }
}

@media   (min-width: 320px) and (max-width: 768px){
#divContributionschartContainer
{
    height:auto !important;
    width:auto !important;
    overflow:auto !important;
    text-align:center !important;
    
}
}

@media   (min-width: 320px) and (max-width: 768px){
#divExpenditurechartContainer
{
    height:auto !important;
    width:auto !important;
    overflow:auto !important;
    text-align:center !important;
    
}
}

/*
@media   (min-width: 930px) and (max-width: 1200px){

#divContributionschartContainer > .highcharts-container > svg
{
   width:400px !important; 
   height:360px !important; 
}


#divExpenditurechartContainer > .highcharts-container > svg
{
   width:312px !important; 
   height:313px !important; 
}
}
*/

@media   (max-width:767px){
  .custom-radio {
    margin-top:-20px !important;
  }
}

.gridDrpdwn_Position {
   position:absolute !important; 
}