.custom-nav { box-shadow: 0px 1px 5px #a7a6a6; z-index: 5; background-color: #fff;}
.top-link { margin-top: 65px; display: flex;}
ul.top-link li { list-style: none; margin: 0px 25px;}
ul.top-link li:last-child{ margin-right: 0px;}
ul.top-link li a { color: #565656; font-size: 18px; font-weight: bold; text-decoration: none;}
ul.top-link li a:hover {color: #345A9C;}
.custom-nav .navbar-brand {padding: 0px;}
.login-img { background: url(../images/login-img.png) no-repeat; background-size: cover; height: 550px;}
.thankyou-img { background: url(../images/thanks-img.png) no-repeat; background-size: cover; height: 550px;}
.login-section {padding: 70px 100px; width: 625px;}
 h2 {color: #CC2330; font-size: 32px; font-weight: bold; margin-bottom: 25px;}
.form-label {color: #565656; font-weight: bold; font-size: 20px;}
.max-width1920 { max-width: 1920px; margin: auto;margin-bottom:60px;}
a{color: #3D6DC2; font-size: 18px; font-weight: bold;}
footer {background-color: #EFEFEF; padding:45px 15px ;}
.pos-relative { position: relative;}
.stepbg {background-color: #f0f0f0; position: relative; padding: 35px 0px; height: 135px;}
.breadcrumb__inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 2;
}
.form-label {
  margin-bottom: 0.2rem;
}
html { height: 100%;}
body { background-color: #F8F8F8;}
.exportdiv { color: #3D6DC2; font-size: 16px; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 600; display: flex; align-items: center;}
.border-top-7 { border-top: #30486E solid 7px;}
.viewtext-yellow{ color: #ED9F23; font-size: 11px; text-decoration: none; font-family: 'Lato', sans-serif; font-weight: 700; display: flex; align-items: center;}
.viewtext-yellow:hover{color: #ffbd52;}
.custom-bluetext { color: #3D6DC2;}
.custom-bluetext:hover { color: #5a89d9;}
.border-top-7.modal-custom .modal-body .cardblock {    border-left: #b190e5 solid 12px;}
.custom-nav-menu ul{margin: 0px; padding: 0px; }
.custom-nav-menu ul li { list-style: none;}
.custom-nav-menu ul li a {font-family: 'Lato', sans-serif;}
.custom-nav-menu ul li a.bluebtn { border: #30486E solid 1px; border-radius: 50px; padding: 10px 20px; color: #30486E;}
.custom-nav-menu ul li a.redbtn { border: #CC0000 solid 1px; border-radius: 50px; background-color: #CC0000; padding: 10px 20px; color: #fff;}
.volunteer-inquiry-banner { background: url(../images/volunteer-inquiry.png) no-repeat; background-size:cover; height: 202px;}
.volunteer-inquiry-card.right-side-card { margin-top: -70px; padding-left: 65px; padding-bottom: 65px; padding-right: 65px; padding-top: 65px; background: transparent; background-color: #fff; box-shadow: 0 3px 6px #00000029;}
.volunteer-inquiry-card .card-body { background-color: transparent;}
p {color: #565656; font-size: 20px; font-family: 'Lato', sans-serif;}
.volunteer-inquiry-card.right-side-card  h3 {color: #565656; font-size: 26px; font-family: 'Lato', sans-serif; margin-bottom: 15px;}
.bluestrip { background-color: #3D6DC2; padding: 15px 0px;}
.return-text {color: #FFFFFF; font-size: 16px; text-decoration: none;font-weight: normal; font-family: 'Lato', sans-serif; }
.return-text:hover {color: #fff; text-decoration: none;}
.viewtext {color: #FFFFFF; font-family: 'Lato', sans-serif; font-size: 18px;}
.overflowhidden { overflow-x: auto; overflow-y: hidden;}
.nowrrap {white-space: nowrap;}
.custom-breadcrumb {
    display: flex;
    position: absolute;
    border-radius: 43px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    top: 50%;
    width: auto;
    height: 57px;
    transform: translateY(-50%);
    z-index: 1;
    background-color: #C6D0E2;
    font-size: 14px;
  }
  
  .custom-breadcrumb a {
    position: relative;
    display: flex;
    flex-grow: 1;
    text-decoration: none;
    margin: auto;
    height: 100%;
    padding-left: 38px;
    padding-right: 0;
    color: #666;
  }
  .newmodal h3 {color: #30486E; font-size: 22px; font-weight: bold; text-transform: uppercase;}
  .dangertext, .dangertext:hover{color: #CC0000; font-size: 16px; text-decoration: none; font-weight: 600;  font-family: "Lora", Sans-serif;}
.yellowtext, .yellowtext:hover {color: #FFA700; font-size: 16px; text-decoration: none;  font-weight: 600; font-family: "Lora", Sans-serif;}
.greentext, .greentext:hover {color: #4DC334; font-size: 16px; text-decoration: none;  font-weight: 600; font-family: "Lora", Sans-serif;}
  .custom-breadcrumb a:first-child {
    padding-left: 15.2px;
    border-radius: 100px 0px 0px 100px;
  }
  
  .custom-breadcrumb a:last-child {
    padding-right: 15.2px;
    border-radius: 0px 100px 100px 0px;
  }
  
  .custom-breadcrumb a:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 57px;
    height: 57px;
    top: 0;
    right: -28.1481481481px;
    background-color: #C6D0E2;
    border-top-right-radius: 5px;
    transform: scale(0.707) rotate(45deg);
    box-shadow: 2px -2px rgb(255 255 255);
    z-index: 1;
  }
  
  .custom-breadcrumb a:last-child:after {
    content: none;
  }
  
  .custom-breadcrumb__inner {
    display: flex;
    flex-direction: column;
    margin: auto;
    z-index: 2;
  }
  
  .custom-breadcrumb__title {
    font-weight: bold;
  }
  
  .custom-breadcrumb a.active, .custom-breadcrumb a:hover {
    background: #3D6DC2;
    color: white;
  }
  
  .custom-breadcrumb a.active:after, .custom-breadcrumb a:hover:after {
    background: #3D6DC2;
    color: white;
  }
  .breadcrumb__inner .breadcrumb__title {font-size: 11px; line-height: normal; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: bold;}

  .information-card { overflow: hidden; display: flex; background-color: #F5F5F5; border-radius: 10px;}
  .information-card .info-card-header { background-color: #8196BA; width: 76px; position: relative; display: table; color: #fff; padding: 0px;}
  .information-card .info-card-body { padding: 25px; width: 100%;}
  
  .information-card .info-card-header .headingtext {
  
    display: table-cell;
    vertical-align: middle;
    white-space: nowrap;
    position: absolute;
    left: 0px;
    top: 80px;
    margin-left: -17px; white-space: wrap;
    font-size: 16px;
    transform: rotate(270deg);
    overflow: hidden;
    color: white;
    letter-spacing: 2px;
    color: #FFFFFF; font-family: 'Lato', sans-serif; font-weight: bold;}
.ptext1 {font-size: 12px; font-weight: bold; font-family: 'Lato', sans-serif; margin-top: 31px; line-height: normal; color: #565656;}
      
  .information-card .info-card-header .headingtext2 {
  
    position: absolute;
    left: 46%;
    top: 30px; white-space: wrap;
    font-size: 16px;
    color: #FFFFFF; font-family: 'Lato', sans-serif; font-weight: bold;}

  #msform {
    position: relative;
  }
  .width98{ width: 95px;}
  #msform label.form-label {font-size: 15px;}
  #msform label.form-label span {color: #565656; font-weight: normal;}
  #msform fieldset {
  
    border: 0 none;
  
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    position: relative
  }
  
  .form-card {
    text-align: left
  }
  
  #msform fieldset:not(:first-of-type) {
    display: none
  }
  /* Date css */
  .date input[type="date"],.date input[type="text"] {
    display:block;
  position: relative;
  width: 100%;
  
  padding-right: 26px;
    background:white url("../images/date-icon.png") right 0.5rem center no-repeat;
  
    cursor:text;
  }

  .overflow-hidden-y { overflow-y: auto; height: 650px; padding: 15px;}
  .scrollbar
{
	margin-left: 30px;
	float: left;
	height: 300px;
	width: 65px;
	background: #F5F5F5;
	overflow-y: scroll;
	margin-bottom: 25px;
}


#style-1::-webkit-scrollbar-track
{

	border-radius: 10px;

}

#style-1::-webkit-scrollbar
{
	width: 10px;

}

#style-1::-webkit-scrollbar-thumb
{
	border-radius: 10px;

	background-color: #555;
}

  
  .steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: right
  }
  input[type="date"]::before {
    content: attr(placeholder);
    position: absolute;
    color: #999999;
  }
  
  input[type="date"] {
    color: #ffffff;
  }
  
  input[type="date"]:focus,
  input[type="date"]:valid {
    color: #666666;
  }
  
  input[type="date"]:focus::before,
  input[type="date"]:valid::before {
    content: "";
  }
.fs-18 { font-size: 18px;}
.date input[type="date"], .date input[type="text"] {
  display: block;
  position: relative;
  width: 100%;
  padding-right: 26px;
  background: white url("../images/date-icon.png") right 0.5rem center no-repeat;
  cursor: text;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
.underline-none { text-decoration: none;}
.graybgblock { background-color: #F5F5F5; border-radius: 5px; padding: 15px; color: #565656; font-family: 'Lato', sans-serif; font-size: 18px;}
.font-w-600 { font-weight: 600;}
.instructions h3 { color: #000000; text-transform: uppercase;  font-family: 'Lato', sans-serif; font-size: 22px; font-weight: bold;}
.instructions p { font-family: 'Lato', sans-serif; font-size: 16px; color: #565656; }
 .ptext17 { font-family: 'Lato', sans-serif; font-size: 17px; font-weight:bold; color: #565656; }
.instructions ul.listblock, .instructions ol.listblock  { margin:0px;}
.instructions ul.listblock li, .instructions ol.listblock li { list-style: disc; color: #565656; font-family: 'Lato', sans-serif;  font-size: 16px;}
.instructions ol.listblock li {color: #565656; list-style: auto; font-size: 16px; font-family: 'Lato', sans-serif; }
.strongtext { font-weight:bold; font-family: 'Lato', sans-serif; color:#565656; font-size:17px;}
.text-width12 {width:10px; flex:0 0 10px; display: inline-block;}
.strongtext i { color:#565656; font-family: 'Lato', sans-serif; font-size:14px;}
/* .status {font-family: 'Lato', sans-serif; font-size: 17px; font-weight:bold; color: #565656; }
.checkall {font-family: 'Lato', sans-serif; font-size: 15px; color: #565656; } */
.checklabel .form-check-label { font-family: 'Lato', sans-serif; font-size:15px; font-weight:bold; color:#565656;}
.word-count { color:#000000; font-size:15px; font-family: 'Lato', sans-serif; }
.graybox { background:#F5F5F5; height:100%; padding:20px 35px; border-radius:10px;}
.graybox h4 {  font-size:18px; font-family: 'Lato', sans-serif; color:#565656; font-weight:bold }
.text-4 {font-family: 'Lato', sans-serif; font-size:14px; margin-bottom: 0px;}
.ptext2 {font-family: 'Lato', sans-serif; font-size:18px; color:#565656;}
.ptext-16{font-family: 'Lato', sans-serif; font-size:16px; color:#565656;}
.ptext-18{font-family: 'Lato', sans-serif; font-size:18px; color:#565656;}
.bluebgbox { background:#F0F3F7; padding:25px; border-radius:10px}
.bluebgbox h3 {font-family: 'Lato', sans-serif; font-size:20px; color:#5473A7; font-weight:bold;}
.bluebgbox p {font-family: 'Lato', sans-serif; font-size:16px; color:#565656}
.customlist{ margin:0px; padding:0px }
.customlist li { list-style: none; font-family: 'Lato', sans-serif; font-size:17px; color:#565656;}  
ul.social-icon { margin:0px; justify-content:end; padding:0px; display:flex;  align-items:center;}
ul.social-icon li { list-style: none; margin: 0px 7px;}
ul.social-icon li:last-child{margin-right: 0px;}
ul.social-icon li a img {width: 40px;}
.fr { float:right;}
ul.toplinknav{ margin:15px 0px; padding:0px; display:flex; justify-content:end }
ul.toplinknav li {border-right:#cbcbcb solid 1px; padding:0px 15px; list-style: none;}
ul.toplinknav li:last-child{ border-right:none}
ul.toplinknav li a{ font-weight:400; font-family: 'Lato', sans-serif; font-size:16px; color:#3c3c3c; text-decoration:none}
ul.toplinknav li:last-child{ padding-right:0px;}
ul.toplinknav li.donate-btn {border-right:none;}
ul.toplinknav li.donate-btn a { background:#cc2330; color:#fff; font-size:16px; font-weight:bold; padding:4px 15px; border-radius:5px; }
          .custom-card {border:none; background:url(../images/bg-light.jpg) no-repeat; background-size:100% 100%; }
          .custom-card .card-body h3 {font-size:24px; color:#000; font-weight:bold; font-family: 'Lato', sans-serif; }
          .custom-card .card-body { padding-left:35px; padding-right:35px; padding-top:35px}
          .custom-card .card-body ul.sidebarlist { margin:0px; padding:0px;}
          .custom-card .card-body ul.sidebarlist li { list-style: none; padding:10px 0px; border-bottom:#dedede solid 1px;}
          .custom-card .card-body ul.sidebarlist li a {color:#cc2330; font-size:18px; font-weight:bold; text-decoration:none}
          .custom-card .card-body ul.sidebarlist li a:hover, .custom-card .card-body ul.sidebarlist li a.active { color:#3a65b0;}

.right-side-card {
  border:none; background:url(../images/bg-right-part.jpg) no-repeat; background-size:100% 100%; 
}
.right-side-card .card-body { padding-left:45px; padding-right:45px; padding-top:35px}
.right-side-card .card-body h2{margin-bottom: 10px; font-weight:bold; font-family: 'Lato', sans-serif; }
.right-side-card .card-body p{ font-weight:normal; color:#565656; font-size:18px; font-family: 'Lato', sans-serif; }
.stepbg2 {padding:0px; height:60px; background-color:transparent;} 
.stepbg2 .container { padding:0px;}
.stepbg2 .custom-breadcrumb a.active,.stepbg2 .custom-breadcrumb a:hover {background:#4B5D7C;}
.stepbg2 .custom-breadcrumb a.active:after,.stepbg2 .custom-breadcrumb a:hover:after { background:#4B5D7C;}
.stepbg2 .breadcrumb__inner .breadcrumb__title { font-size:14px}
.stepbg2 .custom-breadcrumb a:after {box-shadow:none;  height:50px;}
.stepbg2 .custom-breadcrumb {    height: 50px;}
.left-section-text{color: #565656; font-size: 14px; font-family: Arial, Helvetica, sans-serif;}
.left-section-text h2 {color:#565656; font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
address {color: #565656; font-family: Arial, Helvetica, sans-serif; font-size: 14px;}
.selectdate h3 { color: #707070; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.selectdate { border-left: #e9e9e9 solid 1px; padding-left: 35px;}
.selectdate .xdsoft_datetimepicker .xdsoft_datepicker {    width: 268px;}
.selectdate .xdsoft_datetimepicker .xdsoft_calendar td>div { padding: 10px; text-align: center;}
.selectdate .xdsoft_datetimepicker .xdsoft_calendar th {font-weight: 500;}
.selectdate .xdsoft_datetimepicker .xdsoft_timepicker {    width: 77px;}
.selectdate .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box { height: 264px;     border:none;}
.selectdate .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div { height: 30px; line-height: 30px;    border: 1px solid #C2D3DD; margin-bottom: 4px; border-radius: 3px;}
.selectdate .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div { background: white;}
.selectdate .xdsoft_datetimepicker .xdsoft_calendar td,.selectdate .xdsoft_datetimepicker .xdsoft_calendar th { background: white; border: white;}
.selectdate .xdsoft_datetimepicker { border: none !important;}
.selectdate .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .selectdate .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .selectdate .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current
{
  background: #52b4fb; border: none; border-radius: 50px;
}
.min-height450 { min-height: 450px;}
.footernav { padding: 55px 70px; border-top: #ded8d8 solid 1px; background-color: #fff;}
.userblock { padding-top: 38px; padding-left: 35px;}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover { border-radius: 50px; background: #4B5D7C !important;}
.sidebarblock { position: fixed; width: 336px; left: 0px; top: 125px; z-index: 55; bottom: 0px; background-color: #2B3D5D; background-image: url(../images/sidenav.png); background-position: center bottom; background-repeat: no-repeat;} 
.sidebarblock-new { z-index: 88; background-color: #4B5D7C;}
.modal-custom-new .modal-content { border-radius: 8px !important; border: none; overflow: hidden;}
.modal-custom-new .modal-header { background-color: #F5F5F5; color: #5473A7; font-size: 24px; font-weight: bold; padding-right: 4rem; padding-left: 4rem; font-family: 'Lato', sans-serif; }
.usersection { padding-left: 25px; padding-right: 25px; display: flex; align-items: center;     margin-bottom: 35px;}
.usersection .user-img{width: 65px; height: 65px; border-radius: 50px; overflow: hidden; position: relative;}
.usersection .user-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 105%;}
.usersection .usertext { padding-left: 15px;}
.usersection .usertext strong{ color: #fff; font-family: 'Lato', sans-serif; font-size: 21px; line-height: normal;}
.usersection .usertext p { margin-bottom: 0px; color: #C6D0E2; font-family: 'Lato', sans-serif; font-size: 16px;}
.userblock hr { background-color: #CBD9FE;}
.top-left-sidebar-section { padding-right: 35px;}
.customnav {    overflow: auto;
  height: calc(100vh - 350px);}
.customnavlastlogin { 
    height: calc(100vh - 412px) !important;}
.customnav ul{ margin: 0px; padding: 0px; padding-top: 45px }
.customnav ul li { list-style: none; padding-left: 25px; padding-right: 25px; display: flex; align-items: center;}
.customnav ul li a { color: #fff; font-family: 'Lato', sans-serif; font-size: 20px;text-decoration: none;}
.customnav ul li a .iconlist { width: 25px; display: inline-block;}
.customnav ul li a.active, .customnav ul li a:hover { color: #AAC9FF;}
.customnav ul li a.active svg path, .customnav ul li a:hover svg path { fill:#AAC9FF;}
.customnav ul li.stroke a.active svg path, .customnav ul li.stroke a:hover svg path { stroke:#AAC9FF; fill: none;}

.customnav ul li .iconlist {width: 20px; margin-right: 15px;}
.customnav ul li { margin-bottom: 15px;}
.maincontainerbox { margin-left: 336px; height: 100%; margin-top: 109px; background: rgb(2,0,36); padding: 100px 185px 245px 75px;
  background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(224,233,255,1) 0%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 100%);}

  .graybox2 { background-color: #C6D0E2; padding: 20px 45px; border-radius: 15px;}
  .graybox2 .notification {display: flex; margin-bottom: 5px; align-items: center; }
  .graybox2 .notification i { width: 22px; display: block; margin-right: 5px;}
  .graybox2 .notification i img {width: 100%;}
  .graybox2 .notification .text-1 {font-size: 20px; font-weight: bold; font-family: 'Lato', sans-serif; color: #565656; line-height: normal;}
  .graybox2 p{ color: #565656; font-family: 'Lato', sans-serif;  font-size: 18px; font-weight: 400;}
.blue-card { background-color: #5473A7; padding: 35px; border-radius: 15px;}
.cardwhite{ background-color: #fff; box-shadow:0px 3px 8px #d5d5d5; padding: 35px; border-radius: 15px;}
.cardwhite2{ background-color: #fff; box-shadow:0px 3px 8px #d5d5d5; border: #e3e3e3 solid 1px; padding: 35px; border-radius: 5px;}
.cardwhite2 .login-section { width: 100%; padding: 30px 80px;}
.blue-card h3 { color: #fff; font-size: 22px; font-family: 'Lato', sans-serif; margin-bottom: 0px; text-transform: uppercase; }
.cardgray-custom { padding: 10px 20px; border-radius: 10px; margin-bottom: 5px; background-color: #c0cbdf;}
.event-calender .event-month {color: #565656; font-weight: bold; font-size: 14px; text-transform: uppercase;}
.event-calender .eventdate {color: #565656; font-weight: bold; font-size: 25px; text-transform: uppercase; line-height: normal;}
.cardgray-custom h4 { color: #565656; font-family: 'Lato', sans-serif; font-size: 19px; margin-bottom: 0px; font-weight: bold;}
.cardgray-custom .smalltext { font-family: 'Lato', sans-serif; color: #565656; font-size: 15px; font-weight: 600;}
.viewcalender { color: #fff; font-size: 16px; font-family: 'Lato', sans-serif; }
.viewcalender:hover { color: #fff; font-size: 16px; font-family: 'Lato', sans-serif; }
.cardwhite h3 { color: #4B5D7C; font-size: 22px; font-weight: bold; font-family: 'Lato', sans-serif; text-transform: uppercase;}
.cardwhite ul{ margin: 0px; padding: 0px;}
.cardwhite ul li { list-style: none;  font-family: 'Lato', sans-serif; padding: 7px 0px; border-bottom: #E2E2E2 solid 1px;}
.cardwhite ul li a { color: #3D6DC2; font-size: 16px; font-weight: 800; font-family: 'Lato', sans-serif; text-decoration: none;}
.viewallresources { color: #5473A7; font-size: 16px; font-family: 'Lato', sans-serif; }
.custom-nav2.custom-nav .navbar-brand{width: 225px;}
.humberger-icon {width: 16px; display: none;}
.custommy-5 { margin-top: 100px; margin-bottom: 100px;}
.striptop {    position: absolute;
  right: -20px;
  top: -18px;}
.graybg { background: #F8F8F8;}
.graybg h2{font-size: 30px; color: #565656; font-family: 'Lato', sans-serif; }
.graybg p {font-size: 18px; color: #565656; font-family: 'Lato', sans-serif; }

.custom-nav-pills.nav-pills .nav-link {background-color: #969696; color: #fff; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: bold;}
.custom-nav-pills.nav-pills li { padding-left: 10px;}
.custom-nav-pills.nav-pills li:first-child{ padding-left: 0px;}
.custom-nav-pills.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #5473A7;}
.custom-nav-pills.nav-pills .nav-link {border-radius: 0.25rem 0.25rem 0rem 0rem;}
.custom-tab-content { background-color: #FFFFFF; padding: 45px;}

ul.list-resource { margin: 0px; padding: 0px;}
ul.list-resource li { list-style: none; margin: 0px 0px 15px;}
ul.list-resource li a { text-decoration: none;  font-family: 'Lato', sans-serif; color: #3D6DC2; font-size: 16px; font-weight: 600;}
ul.list-resource li a:hover{color: #497ad0;}

.modal-custom .modal-content { border-radius: 0px;}
.modal-custom .modal-body { padding: 2rem 2rem 0rem;}
.modal-custom-new .modal-body {
  padding: 3rem 4rem 0rem
}
.modal-custom-new .modal-footer {padding: 1rem 4rem 2rem}
.modal-custom .modal-body .cardblock { border-left: #6423CC solid 6px; padding-left: 25px;}
.modal-custom .modal-body .cardblock h3 {font-family: 'Lato', sans-serif; font-size: 22px; color: #000000; font-weight: bold; margin-bottom: 0px;}
.modal-custom .modal-body .cardblock .smalltext {color: #000000; font-family: 'Lato', sans-serif; font-size: 16px;}
.modal-custom .modal-body .cardblock .smallltext1 { margin-bottom: 8px; display: flex; align-items: center; font-family: 'Lato', sans-serif;  font-size: 14px; color: #000;}
.modal-custom .modal-body .cardblock .smallltext1 img { width: 11px;}

.modal-custom .modal-body .cardblock p { font-family: 'Lato', sans-serif; margin-bottom: 0px; font-size: 16px; color: #565656; }
.modal-custom .modal-footer { border: none;}
.modal-custom .modal-footer a { color: #000; font-size: 14px; font-family: 'Lato', sans-serif; text-decoration: none; }
.eventform label.form-label {color: #000; font-size: 14px;  font-family: 'Lato', sans-serif; font-weight: bold !important;}
.staff-inquiry .modal-custom .modal-footer a {color: #5473A7;}
.cardlightblue{ background-color: #E2EAFF; box-shadow:0px 3px 8px #d5d5d5; padding: 35px; border-radius: 15px;}

.maincontainerboxbg {
  background: #F8F8F8 !important;
  padding-right: 50px;
  padding-top: 50px;
  padding-left: 50px;
}
.maincontainerboxbg h3 {color: #565656; font-weight: 800; font-family: 'Lato', sans-serif;}

.light-blue-card { background-color: #CBD9FE; text-align: center; border-radius: 10px; padding: 57px 15px;}
.light-blue-card .imgblock {    
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;

}
.fluid-image-block {
  height: 195px;
  overflow: hidden;
}
.light-blue-card .heading-text {font-weight: bold; line-height: normal; margin-top: 10px; font-size: 24px; color: #5473A7; font-family: 'Lato', sans-serif; font-weight: 800;}
.light-blue-card .imgblock img {
  bottom: -9999px;
  left: -9999px;
  margin: auto;
  position: absolute;
  right: -9999px;
  top: -9999px;
  height: 100%;
  max-height: 100%;
  max-width: none;
}
.searchblock { position: relative;}
.searchblock .serachbtn { cursor: pointer; border: none; background-color: transparent; position: absolute; right: 10px; border-radius: 3px; top: 5px; }
.searchblock input { width: 250px; padding: 0.475rem 0.75rem; padding-right: 35px;}
  .exportlink { font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 600; text-decoration: none;}

.fixed_header tbody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.fixed_header tbody::-webkit-scrollbar {
  width: 7px;
  background-color: #F5F5F5;
}

.fixed_header tbody::-webkit-scrollbar-thumb {
  background-color: #B9B9B9;

}

.fixed_header {
  table-layout: fixed;
  border-collapse: collapse;
}

.fixed_header tbody {
  display: block;
  width: 100%;
  overflow: auto;
  height: 380px;
}

.fixed_header thead tr {
  display: block;
}

.fixed_header thead {}

.fixed_header th,
.fixed_header td {
  padding: 5px;
  text-align: left;
  width: 153px;
}

.fixed_header th:nth-child(1),
.fixed_header td:nth-child(1) {
  text-align: left;
  width: 208px;
}

.fixed_header th:nth-child(3),
.fixed_header td:nth-child(3) {
  text-align: left;
  width: 120px;
}

.fixed_header th:nth-child(6),
.fixed_header td:nth-child(6) {
  text-align: left;
  width: 85px;
}

.fixed_header th:nth-child(4),
.fixed_header td:nth-child(4) {
  text-align: left;
  width: 185px;
}

.fixed_header th:nth-child(5),
.fixed_header td:nth-child(5) {
  text-align: left;
  width: 185px;
}



.tableFixHead::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.tableFixHead::-webkit-scrollbar {
  width: 7px;
  background-color: #F5F5F5;
}

.tableFixHead::-webkit-scrollbar-thumb {
  background-color: #B9B9B9;

}




.tableFixHead {
  overflow: auto;
  height: 400px;
}

.tableFixHead thead th {
  position: sticky;
  top: 0;
  z-index: 1;
}

/* 
.gridtable tbody::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #F5F5F5;
}

.gridtable tbody::-webkit-scrollbar {
  width: 7px;
  background-color: #F5F5F5
}

.gridtable tbody::-webkit-scrollbar-thumb {
  background-color: #B9B9B9;
} */

.gridtable tbody {

  overflow: auto;
  width: 100%;
  display: block;
  max-height: 450px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.gridtable thead,
.gridtable tbody tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.gridtable thead {
  width: calc(100% - 1.1em);
}

.gridtable thead {
  position: relative;
}

.gridtable thead th:last-child:after {
  content: ' ';
  position: absolute;
  background-color: #5473A7;
  width: 1.3em;
  height: 99%;
  right: -1.1em;
  top: 0;
}

.custom-table {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 2px 10px #d9d6d6;
  overflow-y: auto;
}

.custom-table table thead th {
  background-color: #5473A7;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  font-family: 'Lato', sans-serif; 
}

.custom-table table thead th:first-child,
.custom-table table tbody td:first-child {
  padding-left: 20px;
}

.custom-table table thead th:last-child,
.custom-table table tbody td:last-child {
  padding-right: 20px;
}

.custom-table table tbody {
  background-color: #fff;
}
.custom-table2 table tbody {
  background-color: #F4F7FF;
}
.custom-table-bluebg table tbody {background-color: #f4f7ff;}
.custom-table table tbody td.bluecolortext {
  color: #3D6DC2; word-break: break-all;
}

.custom-table .table> :not(:first-child) {
  border-top: none;
}

.custom-table table tbody td {
  font-weight: 400;
  font-size: 16px;
  font-family: 'Lato', sans-serif; 
  color: #696969;
  vertical-align: middle;
}
.custom-table table tbody td:first-child {
 color: #313131;
}
.custom-table table tbody td .custom-select {border: #D8D8D8 solid 1px;  font-family: 'Lato', sans-serif;  width: 113px; font-size: 12px; border-radius: 3px; color: #525252; padding: 6px 9px !important;}

.custom-table .table> :not(caption)>*>* {
  padding: 0.8rem 0.5rem;
}

.table-with {
  min-width: 820px;
}

.custom-modal .modal-content {
  border: none;
}

.custom-modal .modal-body {
  padding: 1rem 1.5rem;
}
.pagination-custom { margin-top: 30px;}
.pagination-custom li.page-item a.page-link { border: none; background-color: transparent; color: #3D6DC2; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: normal;}
.pagination-custom li.page-item.active  a.page-link { color: #696969; font-weight: bold;} 
.userimgblock {
  width: 65px;
  height: 65px;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}
.userimgblock img {width: 100%;}
.userimgblock-content h3{color: #0D0D0D; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 22px; margin-bottom: 0px;}
.userimgblock-content p {color: #696969; margin-bottom: 0px; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 14px; }
.email-icon{  font-family: 'Lato', sans-serif; font-weight: normal; color: #3D6DC2; font-size: 14px; }
.email-icon i { margin-right: 5px;}
.email-icon i img {display: block; width: 20px;}
.event-registration h4 {font-size: 14px; font-family: 'Lato', sans-serif; color: #5473A7; font-weight: bold; text-transform: uppercase;}
.event-registration .bluebg-color { background-color: #F4F7FF; border-radius: 10px ; padding: 15px;}
.event-registration .bluebg-color tr:first-child td { padding-top: 0px;}
.event-registration .bluebg-color tr:last-child td { padding-bottom: 0px; border-bottom: none;}
.event-registration .bluebg-color table { margin-bottom: 0px;}
.event-registration .bluebg-color table td {color: #696969; font-size: 14px;}
.line-height-19 { line-height: 19px; }
.user-img-3 { width: 94px; height: 94px; border-radius: 50px; overflow: hidden; margin: auto;}
.add-photo a{  font-family: 'Lato', sans-serif; color: #3D6DC2; font-size: 12px; text-decoration: none; }
.form-control-block label {font-size: 14px; margin-bottom: 0px; font-family: 'Lato', sans-serif; color: #000; font-weight: bold;}
.form-control-block input {border: #DDDDDD solid 1px;}
.graybg-color { background-color: #F2F2F2; border: #DDDDDD  solid 1px;}
.file-upload {
  display: none;
}
.light-bg-blue {padding: 15px; border-radius: 10px; background-color: #F4F7FF;}
.form-control-block h4 {
  font-size: 14px;
  margin-bottom: 0px;
  font-family: 'Lato', sans-serif;
  color: #3D6DC2;
  margin-bottom: 5px;
  margin-top: 10px;
  font-weight: bold;
}
.pagesblock h2 {color: #000000;  font-family: 'Lato', sans-serif; font-size: 22px; font-weight: bold;}
.reportblock h4{color: #8aa6d8;font-family: 'Lato', sans-serif; font-size: 18px; font-weight: bold;margin: 0px;}
.reportblock .report-blue-block { background-color: #CBD9FE; border-radius: 10px; padding: 20px 35px;}
ul.report-list { margin: 0px; padding: 0px;}
ul.report-list li { list-style: none; margin-bottom: 15px;}
ul.report-list li:last-child{margin-bottom: 0px;}
ul.report-list li a { color: #3c77e0; display: flex; align-items: center; font-family: 'Lato', sans-serif; font-size: 16px; text-decoration: none; font-weight: 600;}
ul.report-list li a i img {width: 16px;}
.reportblock h4.color-2 {color: #879abc;}
.reportblock h4.color-3 {color: #949494;}
.reportblock .report-blue-block.bg-1 {background-color: #d4dded;}
.reportblock .report-blue-block.bg-2 {background-color: #ececec;}
.custom-white-card { background-color: #fff; box-shadow: 0px 1px 4px rgb(208 208 208); padding: 0px;}
.custom-white-card .custom-blue-bg { background-color: #CBD9FE;padding: 35px 25px; line-height: normal; width: 300px; border-radius: 0px 35px 25px 0px;}
.custom-white-card .custom-blue-bg strong { color: #3C77E0; font-size: 15px; line-height: normal; font-weight: 800; font-family: 'Lato', sans-serif; margin: 0px;}
.custom-white-card .custom-blue-bg ul.linknav{margin:15px 0px 0px; padding: 0px;}
.custom-white-card .custom-blue-bg ul.linknav li { border-top: #ABBCDB solid 1px; color: #000000; font-family: 'Lato', sans-serif; list-style: none; font-size: 14px; font-weight: bold; padding-bottom: 10px; padding-top: 10px;}
.custom-white-card .custom-blue-bg ul.linknav li small{ display: block; font-size: 10px; font-family: 'Lato', sans-serif;}
.custom-white-card .custom-main-right{ padding: 25px 35px; width: calc(100% - 300px);}
.custom-white-card .custom-main-right h3 {color: #5473A7; font-family: 'Lato', sans-serif; font-size: 24px;}
.custom-white-card .custom-main-right p {font-family: 'Lato', sans-serif; font-size: 16px; color: #565656; line-height: normal;}
ul.custom-list-2{margin: 0px; padding: 0px;}
ul.custom-list-2 li { list-style: none; margin-bottom: 15px;}
ul.custom-list-2 li a {display: flex; text-decoration: none; align-items: center;}
ul.custom-list-2 li a i { margin-right: 10px;}
ul.custom-list-2 li a i img{ display: block;}
ul.custom-list-2 li a span {color: #3D6DC2; font-family: 'Lato', sans-serif; font-size: 14px; }
footer { padding-top: 45px;}
.blue-footer { background-color: #30486E;}
.blue-footer h4 {color: #fff; font-family: 'Lato', sans-serif; font-size: 14px; font-weight: bold; margin-bottom: 15px; text-decoration: underline;}
.blue-footer ul{ margin: 0px 0px 15px; padding: 0px;}
.blue-footer ul li { list-style: none; line-height: normal;}
.blue-footer ul li a{color: #fff; font-family: 'Lato', sans-serif; font-size: 14px;text-decoration: none; font-weight: normal;}
.blue-footer ul li a:hover { opacity: 0.5;}
.custom-nav-menu-block { background-color: #fff;}
.custom-nav-menu-block ul.top-link { display: flex; }
ul.social-img-icon { margin: 30px 0px 0px 0px; justify-content: center; padding: 0px; display: flex; align-items: center;}
ul.social-img-icon li { list-style: none; margin: 0px 5px;}
ul.social-img-icon li a { text-decoration: none;}
.user-img-white {display: none;}
.user-img {display: block;}
.height-100 { height: calc(100vh - 111px);}
.custom-white-card-2 { background-color: #fff; padding:30px 50px;}
.staff-inquiry h2 {color: #30486E; font-size: 22px; font-family: 'Lato', sans-serif;  font-weight: bold; margin: 0px;}
.staff-inquiry .receivedtext { color: #696969; font-size: 18px; font-family: 'Lato', sans-serif;}
.table-custom td, .table-custom th { padding: 5px 0px;}
.table-custom th {color: #0D0D0D; font-size: 18px; font-family: 'Lato', sans-serif; line-height: normal;}
.table-custom td {color: #696969; font-size: 18px; font-family: 'Lato', sans-serif; line-height: normal;}
.backbtn-img { text-decoration: none; padding: 15px 15px 25px 25px; display: inline-block; font-family: 'Lato', sans-serif; font-weight: normal; font-size: 16px;}
.staff-inquiry h2 { color: #5473A7; font-size: 24px; font-family: 'Lato', sans-serif; margin-bottom: 15px;}
.custom-white-card-2 .form-label {color: #0D0D0D; font-size: 14px; font-family: 'Lato', sans-serif; font-weight: bold;}
.light-bg-blue-2 { border-radius: 20px; background-color: #b4c6e5; padding: 80px 135px;}
ul.aplication-status-block { margin: 0px; padding: 0px; display: flex; align-items: center;}
ul.aplication-status-block li { position: relative; list-style: none; width: 25%;}
ul.aplication-status-block li .circle-block { width: 123px; text-align: center; text-decoration: none; line-height: normal; height: 123px; position: relative; z-index: 2; margin: auto; background-color: #E6E6E6; color: #848484; font-family: 'Lato', sans-serif; font-weight: bold; border-radius: 150px; font-size: 20px;  display: flex; align-items: center; justify-content: center;}
ul.aplication-status-block li::after{ content: ""; background-color: red; position: absolute; top: 50%; background: url(../images/line-5.png) repeat-x; width: 95%; height: 5px; left: 50%;}
ul.aplication-status-block li:last-child:after { display: none;}
ul.aplication-status-block li.white-active .circle-block{ background-color: #fff; border:5px solid #3D6DC2 ; box-sizing: initial; color: #4B5D7C; }

ul.aplication-status-block li.active .circle-block{ background-color: #E2ECFF; border:5px solid #3D6DC2 ; box-sizing: initial; color: #4B5D7C; }
ul.aplication-status-block li.active .circle-block .icon-block{position: absolute;     top: -4px;
  right: -10px;
} 
ul.aplication-status-block li.active:after {background: url(../images/dark-line.png) repeat-x; }
ul.aplication-status-block li.successblock .circle-block  {background-color: #fff; text-decoration: none; color: #4DC334; font-size: 20px; border: 5px solid #4DC334; width: 130px; line-height: 21px; height: 130px;}
ul.aplication-status-block li.yellowselect .circle-block  {background-color: #fff; text-decoration: none; color: #F6A605; box-shadow: 0px 3px 12px #4B5D7C67; font-size: 20px; border: 5px solid #F6A605; width: 130px; line-height: 21px; height: 130px;}
ul.aplication-status-block li.select .circle-block  {background-color: #fff; text-decoration: none; color: #AB76FF; font-size: 20px; border: 5px solid #AB76FF; width: 130px; line-height: 21px; height: 130px;}
.applicationblockbg { padding-top: 90px; text-align: center;}
.applicationblockbg h3{
  color: #565656; font-size: 20px;  font-family: 'Lato', sans-serif; font-weight: bold;
}
.applicationblockbg p{
  color: #565656; font-size: 18px;  font-family: 'Lato', sans-serif; font-weight: normal;
}

.maincontainerboxbg h3.custom-heading{color: #000000; font-size: 22px; font-family: 'Lato', sans-serif; font-weight: bold;}
.custom-padding{padding: 0.475rem 0.75rem;}
.successtext {color: #4DC334; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 600;}
.customnav ul li a { font-weight: 600;}
.white-card {background-color: #fff; overflow-y: auto; height: calc(100vh - 250px); padding: 50px 100px;}
.white-card h3 {color: #30486E; font-size: 24px; font-weight: bold; margin-bottom: 0px;}
.white-card h4 {color: #30486E; font-size: 18px; font-weight: bold; margin-bottom: 0px;}
.white-card .smalltext {color: #000; font-size: 16px; font-family: 'Lato', sans-serif;}
.light-graybg{ background-color: #F2F2F2; border-radius: 12px; padding: 25px;}
.light-graybg label{color: #0D0D0D; font-weight: bold; font-family: 'Lato', sans-serif; font-size: 16px;}
.light-graybg input{padding:0.575rem 0.75rem;}
.date-custom { position: relative;}
.date-custom::after { background: url(../images/date-icon.png) no-repeat; height: 15px; width: 14px; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);  content: "";}
.add-card-block { display: flex; align-items: center;}
.add-card-block a {}
.darkgraybg{background-color: #E3E3E3; border-radius: 12px; padding: 15px;}
.darkgraybg label{ color: #a5a3a3;}
.h-45 { height: 45px;}
.padding-5{
  padding: 0.675rem 0.75rem;
}
.submit-modal .modal-body{ background-color: #fff; padding-bottom: 35px;}
.form-label-16 { font-size: 16px;}
.quote-block {border-left: #30486E solid 4px; margin-top: 15px; padding-left: 8px;}
.quote-block-header strong{font-size: 13px; font-weight: bold; font-family: 'Lato', sans-serif;}
.quote-block-header span{font-size: 12px; font-weight: normal; font-family: 'Lato', sans-serif;}
.quote-block-body {font-size: 13px; font-weight: normal; font-family: 'Lato', sans-serif;}
input:focus {outline: none;}
.form-control-gray { background-color: #F2F2F2; border: #DDDDDD solid 1px;}
.submit-modal .modal-body  {padding-bottom: 55px; padding-top: 55px;}
#ui-datepicker-div {
	display: none;
	background-color: #fff;
	box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);
	margin-top: 0.25rem;
	border-radius: 0.5rem;
	padding: 0.5rem;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.ui-datepicker-calendar thead th {
	padding: 0.25rem 0;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 400;
	color: #78909C;
}
.ui-datepicker-calendar tbody td {
	width: 2.5rem;
	text-align: center;
	padding: 0;
}
.ui-datepicker-calendar tbody td a {
	display: block;
	border-radius: 0.25rem;
	line-height: 2rem;
	transition: 0.3s all;
	color: #546E7A;
	font-size: 0.875rem;
	text-decoration: none;
}
.ui-datepicker-calendar tbody td a:hover {	
	background-color: #E0F2F1;
}
.ui-datepicker-calendar tbody td a.ui-state-active {
	background-color: #009688;
	color: white;
}
.ui-datepicker-header a.ui-corner-all {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 2rem;
	height: 2rem;
	margin: 0.5rem;
	border-radius: 0.25rem;
	transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
	background-color: #ECEFF1;
}
.ui-datepicker-header a.ui-datepicker-prev {	
	left: 0;	
	background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
	background-repeat: no-repeat;
	background-size: 0.5rem;
	background-position: 50%;
	transform: rotate(180deg);
}
.ui-datepicker-header a.ui-datepicker-next {
	right: 0;
	background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
	background-repeat: no-repeat;
	background-size: 10px;
	background-position: 50%;
}
.ui-datepicker-header a>span {
	display: none;
}
.ui-datepicker-title {
	text-align: center;
	line-height: 2rem;
	margin-bottom: 0.25rem;
	font-size: 0.875rem;
	font-weight: 500;
	padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
	color: #78909C;
	font-weight: 400;
	font-size: 0.75rem;
}
.newreportform h3{color: #30486E; font-size: 22px; font-weight: bold; font-family: 'Lato', sans-serif;}
.report-graybg { background-color: #F2F2F2; border-radius: 15px; padding: 20px;}
.newreportform h4 {color: #0D0D0D; font-weight: bold; font-size: 24px; font-family: 'Lato', sans-serif;}
.back-btn-img a{ font-size: 16px; color: #5473A7; font-family: 'Lato', sans-serif; text-decoration: none; }
.custom-heading-block h3 { color: #000000;  font-family: 'Lato', sans-serif;   font-weight: bold; font-size: 22px; }
.custom-heading-block h3 span {color: #000000; font-size: 22px; font-weight: 400;}
.application-details h3{color: #565656; font-size: 32px; font-family: 'Lato', sans-serif;   font-weight: bold;}
.application-details h4{color: #000000; font-size: 22px; font-family: 'Lato', sans-serif;   font-weight: bold;}
.application-details h5{color: #000000; font-size: 16px; font-family: 'Lato', sans-serif;   font-weight: bold;}
.application-details h6{color: #565656; font-size: 18px; font-family: 'Lato', sans-serif;   font-weight: bold;}
.heading-margin-bottom {margin-bottom: 40px;}
table.custom-table-block-box { margin: 0px; padding: 0px;}
table.custom-table-block-box tr th, table.custom-table-block-box tr td{color: #565656; padding-left: 0px; font-size: 15px; font-family: 'Lato', sans-serif;}
.custom-table-block-box td , .custom-table-block-box th{ border: none;}
.custom-table-block-box-pading tr td { padding-top:4px; padding-bottom:4px;}
.text-5 { color: #565656; font-size: 15px; font-weight: 600; font-family: 'Lato', sans-serif;  }
.mini-footer { background-color: #30486E; padding: 15px; position: fixed; bottom: 0px; left: 0px; right: 0px; z-index: 212;}
.mini-footer p { font-family: 'Lato', sans-serif;  font-size: 16px; margin: 0px; color: #fff;}
.bottom60 {
  bottom:60px;
}
.elemhidden {
  display:none;
}
.padding0 {
  padding:0px;
}
.form-check-label-reports {
  font-weight: normal !important;
  font-size: 13px !important;
}
.elemaddpadding {
  padding:50px;
}
.white-card-report {
  padding: 50px 40px !important;
}
.trainingcard h3 {color: #565656; font-size: 30px; font-family: 'Lato', sans-serif; font-weight: 800; margin-bottom: 5px; line-height: normal; }
.trainingcard .smalltext {color: #565656; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400;}
.trainingcard {padding: 50px 100px;}
.scrollbg-section { max-height: 450px; overflow: auto; padding-left: 100px;}
.footernavtrainingdocuments { padding: 40px 70px; border-top: #ded8d8 solid 1px; background-color: #fff;margin-bottom: 50px;}
.referral-form-content h2 { color: #CC2330; font-size: 32px; font-weight: bold; font-family: 'Lato', sans-serif;}
.referral-form-content p {font-size: 18px; font-family: 'Lato', sans-serif; color: #656565;}
.referral-form-content .form-label { font-size: 18px;}
.footertext h4 {color: #0D0D0D; font-size: 20px;  font-family: 'Lato', sans-serif; font-weight: bold;}
.footertext .address-block { color: #565656; font-size: 16px; font-style: italic; font-family: 'Lato', sans-serif; font-weight: normal;}
.footertext .address-block a {color: #3D6DC2; font-size: 16px;  text-decoration: none; font-family: 'Lato', sans-serif; font-weight: normal;}
.graybg-color-section { background-color: #F2F2F2;  padding: 50px;}
.fs-18 { font-size: 18px !important;}
ul.top-link.custom-top-link {margin: 0px;}
ul.top-link.custom-top-link li { padding: 0px 10px; margin: 0px; border-right:#3D6DC2 solid 1px ;}
ul.top-link.custom-top-link li:last-child { border-right: none;}
ul.top-link.custom-top-link li a {color: #3D6DC2; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 400;}
.pages {color: #3C77E0; font-size: 20px; font-family: 'Lato', sans-serif; font-weight: bold;}
.referral-form-content .form-check label.form-check-label {font-size: 18px; color: #656565; font-weight:bold; font-family: 'Lato', sans-serif;} 
.custom-nav .navbar-brand img { max-height: 105px;}
.referral-form-light-graybg h2 {color: #3D6DC2; font-size: 24px; margin-bottom: 15px; font-weight: bold;  font-family: 'Lato', sans-serif;}
.referral-form-light-graybg h2 span {color: #565656;  font-family: 'Lato', sans-serif; font-size: 17px; font-weight: normal; }
.referral-form-light-graybg.light-graybg label { color: #565656; font-weight: 800;  font-family: 'Lato', sans-serif; font-size: 16px;}
.referral-form-light-graybg.light-graybg .form-control { border: #BFBFBF solid 1px; border-radius: 5px;}
.custom-form-check-box input{ padding: 0px !important;}
/* .custom-form-check-box input {    background-color: #fff !important; border-color: #d2d2d2 !important;} */
.custom-form-check-box label { font-weight: 700 !important;}
.custom-form-check-box input:focus{ box-shadow: none;}
.referral-form-light-graybg.light-graybg label span.sub-list {color: #565656; font-size: 14px; font-weight: 400; font-family: 'Lato', sans-serif; }
.custom-form-check-box input.custominput { border: #DDDDDD solid 1px; background-color: #fff; border-radius: 4px; padding: 3px !important; width: 85px;}
.customhr { background-color: #D9D9D9;}
.custom-form-select10 { padding-top: 9px !important; padding-bottom: 9px !important;}
.customformfile label.form-label {color: #565656 !important; font-family: 'Lato', sans-serif; font-size: 16px;}
.customformfile input { padding: 0px !important;}
.customformfile .custom-form-check-box label {font-family: 'Lato', sans-serif; font-size: 14px; font-weight: 400 !important; font-weight: normal !important;} 
.referral-form-light-graybg h3 {color: #000000; font-family: 'Lato', sans-serif; font-size: 20px; font-weight: 600; }
.custom-form-check-radio .form-check-input:checked[type=radio] {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23565656'/%3e%3c/svg%3e");}
.fw-500 { font-weight: 500 !important;}
.custom-height-space { height: 16px;}
.fs-18 { font-size: 18px;}
.submitting-info h4{color: #3C77E0; font-family: 'Lato', sans-serif; font-size: 16px; font-weight: 600;}
.submitting-info p { font-family: 'Lato', sans-serif; font-size: 16px; color: #565656; line-height: 26px;  font-weight: 600;}
.submitting-info p a {color: #3C77E0; word-break: break-word; font-family: 'Lato', sans-serif; font-weight: 600; text-decoration: none; font-size: 16px; }
.custommy-50 { margin: 150px 0px;}
.sidebar-toggle, .mobile-sidebar-toggle {display: none;}
@media all and (max-width: 1400px) {
  .selectdate {border-left:none; padding-top: 25px;}
  .maincontainerbox { padding: 60px 75px 100px 75px;}
  .light-bg-blue-2 {padding: 80px 15px;}
}
@media all and (max-width: 1199px) {
  ul.top-link.custom-top-link li { line-height: 15px ;}
  ul.top-link.custom-top-link li a { font-size: 12px;}
  .custom-nav .referral-form-content h2 { font-size: 20px;}
  .scrollbg-section { padding: 0px;}
  ul.aplication-status-block li .circle-block { width: 75px; height: 75px; font-size: 12px;}
  ul.aplication-status-block li.active .circle-block .icon-block img{width: 29px;}
  .custom-white-card .custom-blue-bg {width: 100%; border-radius: 0px;}
  ul.aplication-status-block li.active .circle-block .icon-block { right: -1px; top: 1px;}
  ul.aplication-status-block li.select .circle-block {width: 75px; height: 75px; font-size: 12px; line-height: 12px; border-width: 3px;}
  .custom-white-card .custom-main-right {width: 100%;}
  .custom-nav-menu ul li a { font-size: 12px;}
  .application-details{padding: 10px 20px !important;}
  .heading-margin-bottom {
    margin-bottom: 20px;
}
.application-details h3 { font-size: 23px;}
  table.custom-table-block-box tr th, table.custom-table-block-box tr td {display: block; width: 100% !important;   padding-left: 15px;}
}

@media all and (max-width: 1000px) {
  .trainingcard { padding: 50px 15px;}
  .w-mobile {display: block; width: 100% !important; padding: 0px !important;}
  .customfooternav {padding: 20px 25px;}
  .maincontainerbox {
    padding: 60px 25px 100px 25px;
}
.white-card { padding: 50px 25px;}


.sidebarblock { width: 305px;}
.userblock {padding-left: 0px;}
.maincontainerbox { margin-left: 305px;}
    .custom-breadcrumb {
      font-size: 12px;
    }
  }


  @media all and (max-width: 992px) {
    .custom-nav-volunteer.custom-nav-intake .navbar-brand {
     margin: 0px; width: 155px;
  }
  .custom-nav .referral-form-content { width: 50%;}
  .custom-white-card-2 {
    background-color: #fff;
    padding: 30px 20px;
}
  .custom-nav-volunteer.custom-nav-intake .ms-auto { margin: 0px;}
  .custom-nav-menu { display: block; }
  .custom-nav-menu-block { display: block; width: 100%; background-color: #23457a; margin-top: 45px; left: 0; position: absolute; left: 0px; width: 100%;}
  .custom-nav-menu-block ul li { margin: 5px 25px;}
  
  .custom-nav-menu-block ul li a { padding: 15px; display: block;}
  .custom-nav-menu.custom-nav-menu-block ul li a.redbtn, .custom-nav-menu.custom-nav-menu-block ul li a.bluebtn {display: inline-block; border: none; padding: 15px; background-color: transparent; color: #fff;}
  .custom-nav-menu.custom-nav-menu-block ul li a { color: #fff;}
  .user-img-white {display: block;}

  .custom-nav-menu-block ul.top-link{display: block;}
  
}

  @media all and (max-width: 710px) {
    .custom-breadcrumb__desc {
      display: none;
    }
  
    .custom-breadcrumb {
      height: 38px;
    }
  
    .custom-breadcrumb a {
      padding-left: 25.3333333333px;
    }
  
    .custom-breadcrumb a:after {
      content: "";
      width: 38px;
      height: 38px;
      right: -19px;
      transform: scale(0.707) rotate(45deg);
    }
  }
@media only screen and (max-width: 1199px) {
    .login-section h2 { font-size: 26px;}
    .form-label { font-size: 16px;}
}
.custom-nav .navbar-brand img{width: 100%;}
@media only screen and (max-width: 1024px) {
  .sidebar-toggle{display: block;}
  ul.top-link li a { font-size: 16px;}
  .customnav ul li { padding-left: 15px;}
  .sidebarblock ,.maincontainerbox{ transition: all 0.1s;}
  .custom-table table thead th , .custom-table table tbody td{ font-size: 14px;}
  .blue-card h3,.cardwhite h3, .maincontainerboxbg h3 { font-size: 16px;}
  .maincontainerboxbg h3 { text-transform: uppercase; color: #000;}
  .blue-card, .cardwhite { padding: 20px;}
  .event-calender .event-month, .cardgray-custom .smalltext, .viewcalender, .cardwhite ul li a, .viewallresources{ font-size: 12px;}
  .event-calender .eventdate { font-size: 20px;}
  .cardwhite ul li { line-height: normal;}
  .cardgray-custom h4, .searchblock input { font-size: 14px;}
  .userblock {padding-left: 0px;}
  .sidebarblock.addcollapse {
    width: 68px;
}
.maincontainerbox.addwidth-68 {
  margin-left: 68px;
}
  .sidebar-toggle.active {transform: rotate(-180deg);}
  .usersection { padding-left: 15px; padding-right: 15px;}
  .customnav ul li .iconlist {margin-right: 7px;}
  .top-left-sidebar-section {
    padding-right: 0px;
}
  .maincontainerbox {
    padding: 60px 35px 100px 35px;
}
.usersection { margin-bottom: 25px;}
    .login-section {
        padding: 70px 50px; width: 100%;
    }
    a {font-size: 14px;}
    .sidebarblock {
      width: 235px;
  }
  .customnav ul li a { font-size: 16px;}
  .maincontainerbox {
    margin-left: 235px;
  }
  .usersection .user-img {width: 33px; height: 33px;}
  .usersection .usertext strong { font-size: 14px; width: 100%;}
  .usersection .usertext {    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.customnav ul { padding-top: 5px;}

  .usersection .usertext p { font-size: 12px; line-height: 17px;}
  .usersection .usertext {
    padding-left: 8px;
}

}

@media only screen and (max-width: 992px) {
  .custom-nav-intake .navbar-brand{margin:auto}
  .custom-nav-intake .ms-auto{margin:auto}
  .custom-nav-intake ul.social-icon { justify-content:center;}
  .custom-nav-intake ul.toplinknav {margin-left:auto; margin-right:auto}
  .custom-nav-menu-block {    margin-top: 25px !important; padding: 15px;} 
  .volunteer-inquiry-banner { height: 122px;}
  .volunteer-inquiry-card.right-side-card {
    margin-top: -20px;
    padding-left: 0px;
    padding-bottom: 25px;
    padding-right: 0px;
    padding-top: 0px;
    background: transparent;
    background-color: #fff;
    box-shadow: 0 3px 6px #00000029;
}
}

@media only screen and (max-width: 767px) {
  .maincontainerbox.addwidth-68 {
    margin-left: 0;
}
.sidebar-toggle { display: none;}
.sidebarblock {
  margin-left: 0px;
  transition: 0.2s;
}
  .formfileblock {width: 215px !important;}
  .maincontainerbox {
    padding: 60px 15px 100px 15px;
}
.mobile-menu { position: fixed; z-index: 99;  background-color: #30486E; width: 48px;     top: 165px;
  left: 0px; height: 38px; display: flex; align-items: center; justify-content: center; border-bottom-right-radius:15px ;} 
  .graybg-color-section { padding: 30px 25px;}
  .referral-form-content .form-check label.form-check-label,.pages { font-size: 16px;}
  .fs-18 {
    font-size: 16px !important;
}
  .custom-nav .referral-form-content { width: 100%; text-align: center;}
  .table-custom td, .table-custom th {font-size: 14px;}
  .border-md-bottom-none { border-bottom: none !important;}
  .custom-white-card-2 { padding: 30px 0px;}
  .navbar {     padding-top: 0.5rem;
    padding-bottom: 0.5rem;;}
  .volunteer-inquiry-card.right-side-card h3 {    font-size: 18px;}
  .right-side-card .card-body p {font-size: 16px;}
  .volunteer-inquiry-banner {background-position: -320px;}
  .custom-white-card .custom-main-right {padding: 20px 15px;} 
  ul.custom-list-2 li a span { font-size: 11px;}
  .custom-white-card .custom-main-right h3 { font-size: 20px;}
  .searchblock input{width: 100%;}.searchblock  { margin-bottom: 15px;}
  .modal-custom .modal-body {
    padding: 2rem 1rem 0rem;
}
.cardwhite2 .login-section {padding: 30px 0px;}
.cardwhite2 { padding: 25px;}
.custommy-5 {
  padding: 0px 20px;
}
.modal-custom .modal-body .cardblock { padding-left: 20px;}

  .sidebarblock { top: 85px;}
  .maincontainerbox { margin-top: 85px;}
  .sidebarblock {
    margin-left: -306px;
    transition: 0.2s;
  }
  .ml-0 { margin-left: 0px;}
  .maincontainerbox {
    margin-left: 0;
}
.formobile-md {
    flex: 1 0 0%;
}
.ptext-18 { font-size:16px;}
  .formobile-auto { 
    flex: 0 0 auto;
    width: auto;
  }
  .overflow-hidden-y { height:400px}
    .custom-nav .navbar-brand {width: 100%; margin: 0px;}
    .stepbg {height: 85px; padding: 11px 0px;}
    .information-card .info-card-header {width: 50px;}
    .top-link {
        margin-top: 0; margin-bottom: 0px; padding-left:0px;
    }
    h2 { font-size: 22px;}
    .login-img { height: 450px;}
    .mobilemargin{ margin: auto;}
    .login-section { padding: 30px 20px;}
    .breadcrumb__inner .breadcrumb__title { font-size: 8px;}
    .information-card .info-card-header .headingtext { margin-left: -31px;}
    .stepbg2 .custom-breadcrumb {
      height: 35px;
  }
  .stepbg2 .custom-breadcrumb a:after {
    box-shadow: none;
    height: 35px;
}
.stepbg2 .breadcrumb__inner .breadcrumb__title {
  font-size: 10px;
}
.right-side-card .card-body { padding-left:25px; padding-right:25px;}
.humberger-icon {width: 20px; display: block;}
.humberger-icon img{width:30px;}
.usersection { margin-bottom: 15px;}
.customnav ul { padding-top: 15px;}
  }

  @media only screen and (max-width: 576px) {
    .mobile-menu {        top: 165px;}

    ul.aplication-status-block li.active .circle-block .icon-block img {
      width: 19px;
  }
    .modal-custom-new .modal-footer { padding: 1rem 1rem 2rem;}
    .fluid-image-block { height: 115px;}
    .light-blue-card .heading-text { font-size: 18px;}
    .custom-nav-pills.nav-pills li {
      padding-left: 1px;
  }
  .custom-nav-volunteer.custom-nav .navbar-brand img { margin-left: 0px;}
  .custom-nav-pills.nav-pills .nav-link { font-size: 10px;}
  .custom-nav-pills.nav-pills .nav-link {padding: 7px 5px}
  .custom-tab-content { padding: 15px;}
  ul.list-resource li a { font-size: 14px;}
  .graybg p { font-size: 16px;}
  .graybg h2 { font-size: 26px;}
    .custom-nav .navbar-brand img { margin-left: -15px;}
    .selectdate .xdsoft_datetimepicker .xdsoft_calendar td>div { padding: 8px;}
    ul.top-link li { margin: 0px 5px;}
    .humberger-icon img {
      width: 22px;
  }
  .sidebarblock {
    top: 57px;
}
.maincontainerbox {
  margin-top: 48px;
}
.usersection .user-img {width: 45px; height: 45px;}
.usersection .usertext strong { font-size: 16px;}
.usersection .usertext p { font-size: 12px;}
.customnav ul li a { font-size: 16px;}
    .custom-nav2.custom-nav .navbar-brand { overflow: hidden;     width: 136px}
    .graybox2 { padding: 20px;}
    .graybox2 p { font-size: 16px;}
    .selectdate .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.selectdate .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {    margin-left: 47%;}
    .selectdate { padding: 15px 0px 0px 0px;}
    .selectdate .xdsoft_datetimepicker.xdsoft_inline , .selectdate .xdsoft_datetimepicker .xdsoft_datepicker, .selectdate .xdsoft_datetimepicker .xdsoft_timepicker{width: 100%;}
    ul.toplinknav li.donate-btn a { font-size:12px;}
    ul.toplinknav li a { font-size:14px}
    ul.toplinknav { justify-content:center;}
    ul.top-link li:first-child{ margin-left: 0px;}
    .custom-card .card-body ul.sidebarlist li a {font-size:14px}
    ul.top-link li a { font-size:12px; }
    ul.toplinknav li {padding: 0px 5px;}

  
    .information-card .info-card-body { padding: 15px;}
    .login-section h2 {
        font-size: 24px;
    }

    .right-side-card .card-body {
      padding-left: 20px;
      padding-right: 20px;
  }
    .login-img {
        height: 330px;
    }  
    footer .btn { font-size: 12px;}
    p{font-size: 16px;}
    .blue-card,.cardwhite { padding: 25px;}
    ul.aplication-status-block li .circle-block { width: 50px; height: 50px; font-size: 8px;}
    ul.aplication-status-block li.select .circle-block {width: 50px; height: 50px; font-size: 8px; line-height: 8px;}
    .applicationblockbg { padding-top: 45px;}
    .light-bg-blue-2 {
      padding: 60px 15px;
  }
  .applicationblockbg h3 { font-size: 16px;}
  .applicationblockbg p { font-size: 14px;}
    
}

@media only screen and (max-width: 399px) {
    .login-img {
        height: 270px;
    } 
}



.custom-tooltip[aria-pressed="true"] {  background: url(../images/close-circle.png) no-repeat; height: 17px; width: 16px;}
.custom-tooltip[aria-pressed="false"]{  background: url(../images/question-circle.png) no-repeat; height: 17px; width: 16px;}
.custom-tooltip:focus { box-shadow: none;}

.popover.right .arrow {visibility:hidden;}
.popover.show .popover-arrow{display: none;} 
.popover.show { background-color: #E2ECFF; border: #CBCBCB solid 1px;}
.customptext {color: #000000; font-family: 'Lato', sans-serif; font-size: 13px; margin-bottom: 15px;}
.info-block { position: absolute; top: 7px; right: 3px;}
.tooltips::-webkit-scrollbar-track
{

	border-radius: 10px;

}

.tooltips::-webkit-scrollbar
{
	width: 10px;

}

.tooltips::-webkit-scrollbar-thumb
{
	border-radius: 10px;

	background-color: #c3c7cf;
}
.fs-24 { font-size: 24px;}
.custom-reportmodal strong {color: #000000; font-family: 'Lato', sans-serif; font-size: 16px;}
.sidebarblock-new-2 { background-color: #30486E;}
.dark-form-check input.form-check-input {border: #707070 solid 1px; border-radius: 2px;}
.light-form-check input.form-check-input {border: #C1C1C1 solid 1px; border-radius: 2px;}
.dark-form-check .form-check-input:checked[type=checkbox], .light-form-check .form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%234DC334' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
.dark-form-check .form-check-input:focus, .light-form-check .form-check-input:focus{box-shadow: none;}
.info-text {color: #000000; line-height: normal;  font-family: 'Lato', sans-serif; font-weight: bold; font-size: 16px;}
.info-text strong{color: #CC2330; }
.info-text a { color: #3D6DC2; text-decoration: underline;}

.tooltip__container {
  display: inline-block;
  position: relative;
}

.tooltip__launcher {
  border-radius: 100%;
  font-weight: 700;
}
.custom-whitebg{ height: calc(100vh - 237px);}
.custom-footernav {padding: 45px 114px;}
.tooltips {
  background:#E8F1FF;
 border-radius: 14px;
 margin-left: 15px;
 margin-top: -7px;
  box-shadow: 0px 3px 6px #00000029;
  left: 100%;
   max-height: 400px; overflow: auto;
  opacity: 0;
  border: #CBCBCB solid 1px;
  padding: 1rem;
  position: absolute;
  top: 0;
  transition: all 0.25s ease-in-out;
  visibility: hidden;
  width: 20rem;
}

/* .tooltip:before {
  border: solid transparent .5rem;
  border-right: solid WhiteSmoke .5rem;
  content: "";
  height: 0;
  position: absolute;
  right: 100%;
  top: .75rem;
  width: 0;
} */



.tooltip--active {
  opacity: 1;
  visibility: visible;
}


@media all and (max-width: 1400px) {
  .selectdate {border-left:none; padding-top: 25px;}

  .light-bg-blue-2 {padding: 80px 15px;}
}
@media all and (max-width: 1199px) {
  .scrollbg-section { padding: 0px;}
  ul.aplication-status-block li .circle-block { width: 75px; height: 75px; font-size: 12px;}
  ul.aplication-status-block li.active .circle-block .icon-block img{width: 29px;}
  .custom-white-card .custom-blue-bg {width: 100%; border-radius: 0px;}
  ul.aplication-status-block li.active .circle-block .icon-block { right: -1px; top: 1px;}
  ul.aplication-status-block li.select .circle-block {width: 75px; height: 75px; font-size: 12px; line-height: 12px; border-width: 3px;}
  .custom-white-card .custom-main-right {width: 100%;}
  .custom-nav-menu ul li a { font-size: 12px;}
  .application-details{padding: 10px 20px !important;}
  .heading-margin-bottom {
    margin-bottom: 20px;
}
.application-details h3 { font-size: 23px;}
  table.custom-table-block-box tr th, table.custom-table-block-box tr td {display: block; width: 100% !important;   padding-left: 15px;}
}

@media all and (max-width: 1000px) {
  .trainingcard { padding: 50px 15px;}
  .w-mobile {display: block; width: 100% !important; padding: 0px !important;}
  .customfooternav {padding: 20px 25px;}
  .maincontainerbox {
    padding: 60px 25px 100px 25px;
}
.white-card { padding: 50px 25px;}



.userblock {padding-left: 0px;}

    .custom-breadcrumb {
      font-size: 12px;
    }

  }


  @media all and (max-width: 992px) {
    .custom-nav-volunteer.custom-nav-intake .navbar-brand {
     margin: 0px; width: 155px;
  }
  .custom-white-card-2 {
    background-color: #fff;
    padding: 30px 20px;
}
  .custom-nav-volunteer.custom-nav-intake .ms-auto { margin: 0px;}
  .custom-nav-menu { display: block; }
  .custom-nav-menu-block { display: block; width: 100%; background-color: #23457a; margin-top: 45px; left: 0; position: absolute; left: 0px; width: 100%;}
  .custom-nav-menu-block ul li { margin: 5px 25px;}
  
  .custom-nav-menu-block ul li a { padding: 15px; display: block;}
  .custom-nav-menu.custom-nav-menu-block ul li a.redbtn, .custom-nav-menu.custom-nav-menu-block ul li a.bluebtn {display: inline-block; border: none; padding: 15px; background-color: transparent; color: #fff;}
  .custom-nav-menu.custom-nav-menu-block ul li a { color: #fff;}
  .user-img-white {display: block;}

  .custom-nav-menu-block ul.top-link{display: block;}
  
}

  @media all and (max-width: 710px) {
    .custom-breadcrumb__desc {
      display: none;
    }
  
    .custom-breadcrumb {
      height: 38px;
    }
  
    .custom-breadcrumb a {
      padding-left: 25.3333333333px;
    }
  
    .custom-breadcrumb a:after {
      content: "";
      width: 38px;
      height: 38px;
      right: -19px;
      transform: scale(0.707) rotate(45deg);
    }
  }
@media only screen and (max-width: 1199px) {
    .login-section h2 { font-size: 26px;}
    .form-label { font-size: 16px;}
}
.custom-nav .navbar-brand img{width: 100%;}
@media only screen and (max-width: 1024px) {

    .login-section {
        padding: 70px 50px; width: 100%;
    }
    a {font-size: 14px;}
}

@media only screen and (max-width: 992px) {
  .custom-nav-intake .navbar-brand{margin:auto}
  .custom-nav-intake .ms-auto{margin:auto}
  .custom-nav-intake ul.social-icon { justify-content:center;}
  .custom-nav-intake ul.toplinknav {margin-left:auto; margin-right:auto}
  .custom-nav-menu-block {    margin-top: 25px !important; padding: 15px;} 
  .volunteer-inquiry-banner { height: 122px;}
  .volunteer-inquiry-card.right-side-card {
    margin-top: -20px;
    padding-left: 0px;
    padding-bottom: 25px;
    padding-right: 0px;
    padding-top: 0px;
    background: transparent;
    background-color: #fff;
    box-shadow: 0 3px 6px #00000029;
}
}

@media only screen and (max-width: 767px) {
  .table-custom td, .table-custom th {font-size: 14px;}
  .border-md-bottom-none { border-bottom: none !important;}
  .custom-white-card-2 { padding: 30px 0px;}
  .navbar {     padding-top: 0.5rem;
    padding-bottom: 0.5rem;;}
  .volunteer-inquiry-card.right-side-card h3 {    font-size: 18px;}
  .right-side-card .card-body p {font-size: 16px;}
  .volunteer-inquiry-banner {background-position: -320px;}
  .custom-white-card .custom-main-right {padding: 20px 15px;} 
  ul.custom-list-2 li a span { font-size: 11px;}
  .custom-white-card .custom-main-right h3 { font-size: 20px;}
  .searchblock input{width: 100%;}.searchblock  { margin-bottom: 0px;}
  .modal-custom .modal-body {
    padding: 2rem 1rem 0rem;
}
.cardwhite2 .login-section {padding: 30px 0px;}
.cardwhite2 { padding: 25px;}
.custommy-5 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.modal-custom .modal-body .cardblock { padding-left: 20px;}
.sidebarblock.addcollapse { margin-left: 0px;}
.sidebarblock.addcollapse {
  width: 199px; z-index: 200;
}
.sidebarblock {
  width: 199px;
}
.mobile-sidebar-toggle {display: block;}
  .sidebarblock { top: 85px;}
  .maincontainerbox { margin-top: 165px;}
  .sidebarblock {
    margin-left: -199px;
    transition: 0.2s;
    top: 165px;
  }
  .ml-0 { margin-left: 0px;}
  .maincontainerbox {
    margin-left: 0;
}
.formobile-md {
    flex: 1 0 0%;
}
.ptext-18 { font-size:16px;}
  .formobile-auto { 
    flex: 0 0 auto;
    width: auto;
  }
  .overflow-hidden-y { height:400px}
    .custom-nav .navbar-brand {width: 100%; margin: 0px;}
    .stepbg {height: 85px; padding: 11px 0px;}
    .information-card .info-card-header {width: 50px;}
    .top-link {
        margin-top: 0; margin-bottom: 0px; padding-left:0px;
    }
    h2 { font-size: 22px;}
    .login-img { height: 450px;}
    .mobilemargin{ margin: auto;}
    .login-section { padding: 30px 20px;}
    .breadcrumb__inner .breadcrumb__title { font-size: 8px;}
    .information-card .info-card-header .headingtext { margin-left: -31px;}
    .stepbg2 .custom-breadcrumb {
      height: 35px;
  }
  .stepbg2 .custom-breadcrumb a:after {
    box-shadow: none;
    height: 35px;
}
.stepbg2 .breadcrumb__inner .breadcrumb__title {
  font-size: 10px;
}
.right-side-card .card-body { padding-left:25px; padding-right:25px;}
.humberger-icon {width: 20px; display: block;}
.humberger-icon img{width:30px;}
.usersection { margin-bottom: 15px;}
.customnav ul { padding-top: 15px;}
.customnav {
  overflow: auto;
  height: calc(100vh - 400px);
}

  }

  @media only screen and (max-width: 576px) {
    .maincontainerbox {
      padding: 60px 15px 100px 15px;
  }
    .custom-whitebg { padding-left: 0px; padding-right: 0px;}
    .mini-footer p { text-align: center;}
    ul.aplication-status-block li.active .circle-block .icon-block img {
      width: 19px;
  }
    .modal-custom-new .modal-footer { padding: 1rem 1rem 2rem;}
    .fluid-image-block { height: 115px;}
    .light-blue-card .heading-text { font-size: 18px;}
    .custom-nav-pills.nav-pills li {
      padding-left: 1px;
  }
  .custom-nav-volunteer.custom-nav .navbar-brand img { margin-left: 0px;}
  .custom-nav-pills.nav-pills .nav-link { font-size: 10px;}
  .custom-nav-pills.nav-pills .nav-link {padding: 7px 5px}
  .custom-tab-content { padding: 15px;}
  ul.list-resource li a { font-size: 14px;}
  .graybg p { font-size: 16px;}
  .graybg h2 { font-size: 26px;}
    .custom-nav .navbar-brand img { margin-left: -15px;}
    .selectdate .xdsoft_datetimepicker .xdsoft_calendar td>div { padding: 8px;}
    ul.top-link li { margin: 0px 5px;}
    .humberger-icon img {
      width: 22px;
  }
  .sidebarblock {
    top: 165px;
}
.maincontainerbox {
  margin-top: 165px;
}
.usersection .user-img {width: 45px; height: 45px;}
.usersection .usertext strong { font-size: 16px;}
.usersection .usertext p { font-size: 12px;}
.customnav ul li a { font-size: 16px;}
    .custom-nav2.custom-nav .navbar-brand { overflow: hidden;     width: 136px}
    .graybox2 { padding: 20px;}
    .graybox2 p { font-size: 16px;}
    .selectdate .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,.selectdate .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {    margin-left: 47%;}
    .selectdate { padding: 15px 0px 0px 0px;}
    .selectdate .xdsoft_datetimepicker.xdsoft_inline , .selectdate .xdsoft_datetimepicker .xdsoft_datepicker, .selectdate .xdsoft_datetimepicker .xdsoft_timepicker{width: 100%;}
    ul.toplinknav li.donate-btn a { font-size:12px;}
    ul.toplinknav li a { font-size:14px}
    ul.toplinknav { justify-content:center;}
    ul.top-link li:first-child{ margin-left: 0px;}
    .custom-card .card-body ul.sidebarlist li a {font-size:14px}
    ul.top-link li a { font-size:12px; }
    ul.toplinknav li {padding: 0px 5px;}

  
    .information-card .info-card-body { padding: 15px;}
    .login-section h2 {
        font-size: 24px;
    }

    .right-side-card .card-body {
      padding-left: 20px;
      padding-right: 20px;
  }
    .login-img {
        height: 330px;
    }  
    footer .btn { font-size: 12px;}
    p{font-size: 16px;}
    .blue-card,.cardwhite { padding: 18px;}
    ul.aplication-status-block li .circle-block { width: 50px; height: 50px; font-size: 8px;}
    ul.aplication-status-block li.select .circle-block {width: 50px; height: 50px; font-size: 8px; line-height: 8px;}
    .applicationblockbg { padding-top: 45px;}
    .light-bg-blue-2 {
      padding: 60px 15px;
  }
  .applicationblockbg h3 { font-size: 16px;}
  .applicationblockbg p { font-size: 14px;}
    
}

@media only screen and (max-width: 399px) {
    .login-img {
        height: 270px;
    } 
}

.newmodal h3 {color: #30486E; font-size: 22px; font-weight: bold; text-transform: uppercase;}
.dangertext, .dangertext:hover{color: #CC0000; font-size: 16px; text-decoration: none; font-weight: 600;  font-family: "Lora", Sans-serif;}
.yellowtext, .yellowtext:hover {color: #FFA700; font-size: 16px; text-decoration: none;  font-weight: 600; font-family: "Lora", Sans-serif;}
.bluetext, .bluetext:hover {color: #7189B4; font-size: 16px; text-decoration: none;  font-weight: 600; font-family: "Lora", Sans-serif;}
.greentext, .greentext:hover {color: #4DC334; font-size: 16px; text-decoration: none;  font-weight: 600; font-family: "Lora", Sans-serif;}
.custom-form-select {border: #D8D8D8 solid 1px; border-radius: 3px; padding: 5px 5px 2px ; font-size: 12px;  font-family: "Lora", Sans-serif;}











@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

.pagination ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;

  padding: 35px 0px 25px 0px;

}
.pagination ul li{
  color: #393939;
  list-style: none;

  text-align: center;
  font-size: 16px;

  cursor: pointer;
  user-select: none;
  transition: all 0.3s ease;
}
.pagination ul li.numb{
  list-style: none;
  height: 28px;
  width: 27px;
  margin: 0 6px;


}
.pagination ul li.numb.first{

}
.pagination ul li.numb.last{

}
.pagination ul li.numb span{ height: 28px; line-height: 28px; display: block;}
.pagination ul li.dots{
  font-size: 22px;
  cursor: default;
}
.pagination ul li.btn{

  border-radius: 50px;
}
.pagination li.active,
.pagination ul li.numb:hover,
.pagination ul li:first-child:hover,
.pagination ul li:last-child:hover{
  color: #fff;
  background: #3D6DC2;
  border-radius: 2px;
}
.pagination ul li.btn.next, .pagination ul li.btn.prev {background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 2px #00000029;
  border-radius: 2px;
  width: 27px;
  padding: 0px;
  height: 28px;}