@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

* {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   outline: none;
   font-family: "Lato", sans-serif;
   /* appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none; */
}

body,
html {
   -webkit-text-size-adjust: none;
   width: 100%;
   height: 100%;
}

a,
button,
label {
   border: 0;
   text-decoration: none !important;
   outline: none !important;
   cursor: pointer;
}

h1,
h2,
h3,
h6,
p,
ul,
li,
figure {
   margin: 0;
   padding: 0;
   line-height: normal;
   font-weight: normal;
}

select {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}

figure {
   display: inline-block;
   text-align: center;
}

ul,
ol {
   margin: 0;
   padding: 0;
}

ul {
   list-style-type: none;
}
ol {
   list-style-type: auto;
}

fieldset {
	display: block;
   padding: 0 15px;
	border: 4px double #a6c2df;
   margin-bottom: 20px;
}

fieldset legend {
   font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #000;
	padding: 3px 7px 5px;
	background: #e4f7ff;
	border-radius: 5px;
	border: 1px solid #72d8ff;
}

.close {
	float: none;
	font-size: 100%;
	font-weight:normal;
	line-height: auto;
	color: #000;
	text-shadow: none;
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-filter: alpha(opacity=100);
}

.row {
   display: block;
   padding: 15px 0;
   margin: 0;
}

.flex-row {
   display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 50px;
	position: relative;
   padding: 15px 0;
}

.with-bullets {
   list-style-type: disc;
   margin-left: 30px;
}
.with-bullets li {
   padding: 5px 0 0 !important;
}
.with-bullets li:last-child {
   padding: 5px 0 !important;
}

::-webkit-scrollbar-track {
   background-color: #f1f1f1;
}
::-webkit-scrollbar {
   width: 6px;
   height: 6px;
}
::-webkit-scrollbar-thumb {
   background-color: #caccd1;
   border-radius: 25px;
   -webkit-border-radius: 25px;
}

.text-center {
   text-align: center;
}

.anim {
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

body {
   background: url(../images/body-bg-oval.svg) no-repeat center top;
   background-size: 100% auto;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="time"],
input[type="month"],
input[type="file"],
select {
   display: inline-block;
   width: 100%;
   max-width: 300px;
   height: 33px !important;
   padding: 5px 10px;
   font-size: 16px;
   font-weight: 400;
   line-height: 30px;
   color: #333;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #d1d1d1;
   border-radius: 5px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

input[type="file"] {
   line-height: 1.5;
}

input:disabled,
select:disabled {
   background-color: #e9ecef;
   background-repeat: no-repeat;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="month"]:focus,
select:focus {
   color: #000;
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

select {
   line-height: 20px;
   background: url(../images/down-arrow.svg) no-repeat;
   background-size: 16px;
   background-position: calc(100% - 10px) center;
}

.no-down-arrow {
   background-image: none !important;
}

input[type="radio"],
input[type="checkbox"] {
   display: none;
}

.inline-checkbox-radio {
   display: inline-block !important;
   width: 18px;
   height: 18px;
   vertical-align: text-bottom;
   margin-right: 7px !important;
}

textarea {
   display: inline-block;
   width: 100%;
   padding: 5px 10px;
   font-size: 16px;
   font-weight: 400;
   line-height: 40px;
   color: #333;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #d1d1d1;
   border-radius: 5px;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   resize: none;
}

textarea:focus {
   color: #000;
   border-color: #80bdff;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

hr {
   display: block;
   width: 100%;
   margin: 15px 0;
   border: 0;
   border-top: 1px dashed rgb(155, 155, 155);
}

header {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   padding: 15px 30px;
   background: #fff;
   -webkit-box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
   box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
   width: 100%;
}

header > div {
   min-width: 262px;
}

header .logo {
   display: inline-block;
   height: 40px;
}

header .logo img {
   display: inline-block;
   height: 40px;
   width: auto;
}

header h2 {
   font-size: 22px;
   text-shadow: 1px 2px 2px #c3c3c3;
}

header a {
   color: #1d6fde;
   font-size: 16px;
   font-weight: 600;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

header a svg {
   display: inline-block;
   width: 18px;
   height: 18px;
   vertical-align: bottom;
   margin-right: 3px;
   fill: #1d6fde;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

header a:hover {
   color: #0043a0;
}
header a:hover svg {
   fill: #0043a0;
}

.content-container {
   display: block;
   width: 100%;
   padding: 0 50px;
   margin: 0 auto;
   max-width: 1260px;
}

.steps-progress {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
   width: 100%;
   position: relative;
   margin-top: 25px;
}

.steps-progress > div {
   width: 100%;
   position: relative;
   min-height: 131px;
}

.steps-progress > div:after {
   content: "";
   position: absolute;
   width: 100%;
   height: 2px;
   background: #d7d7d7;
   top: 26px;
   left: 0;
   z-index: -2;
}

.steps-progress figure {
   display: block;
   width: 54px;
   height: 54px;
   background: #fff;
   border: 1px solid #d7d7d7;
   border-radius: 100%;
   margin: 0 auto;
   padding: 15px 0;
}

.steps-progress figure svg {
   display: block;
   width: auto;
   height: 22px;
   margin: 0 auto;
   fill: #d7d7d7;
}

.steps-progress span {
   display: block;
   text-align: center;
   padding: 10px;
   font-size: 14px;
   font-weight: bold;
   color: #777777;
}

.steps-progress .success:after,
.steps-progress .active:after {
   background: #1d6fde !important;
   z-index: -1;
}

.steps-progress .success figure {
   border: 2px solid #1d6fde !important;
}

.steps-progress .success figure svg {
   fill: #1d6fde !important;
}

.steps-progress .success span {
   color: #000;
}

.steps-progress .active figure {
   border: 0;
   background: #1890ff; /* Old browsers */
   background: -moz-linear-gradient(
      top,
      #1890ff 0%,
      #0073de 100%
   ); /* FF3.6-15 */
   background: -webkit-linear-gradient(
      top,
      #1890ff 0%,
      #0073de 100%
   ); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(
      to bottom,
      #1890ff 0%,
      #0073de 100%
   ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1890ff', endColorstr='#0073de',GradientType=0 ); /* IE6-9 */
}

.steps-progress .active figure svg {
   fill: #fff !important;
}

.steps-progress .active span {
   color: #000;
}

.steps-progress .active:before {
   content: "";
   position: absolute;
   bottom: -16px;
   left: calc((100% - 58px) / 2);
   width: 0;
   height: 0;
   border-left: 30px solid transparent;
   border-right: 30px solid transparent;
   border-top: 15px solid #0073de;
}

.page-container {
   display: block;
   border: 1px solid #d6d6d6;
   border-radius: 10px;
   background: #fff;
   padding: 25px;
   min-height: 50vh;
   -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.1);
}


.page-container .breadcrum {
   display: flex;
   display: -webkit-flex;
   justify-content: flex-start;
   gap: 5px;
   color: #002a64;
}

.page-container .breadcrum li {
   position: relative;
   padding-right: 13px;
}

.page-container .breadcrum li::after {
   content: "/";
   position: absolute;
   top: 0;
   right: 0;
   font-size: 18px;
}

.page-container .breadcrum li:last-child::after {
   content: "";
}

.page-container .breadcrum a {
   font-size: 14px;
   font-style: normal;
   color: #002a64;
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center ;
   gap: 5px;
   padding: 5px 1px 5px 3px;
}

.page-container .breadcrum a:hover {
   text-decoration: underline !important;
}

.page-container .breadcrum a.active {
   text-decoration: none !important;
}

.page-container section {
   display: block;
   border: 1px solid #d6d6d6;
   border-radius: 10px;
   padding: 20px;
   margin-bottom: 25px;
   position: relative;
}

.page-container section .title {
   display: block;
   font-size: 20px;
   color: #19548c;
   font-style: italic;
   border-bottom: 4px double #5fd7ff;
   margin-bottom: 15px;
   padding: 0 120px 10px 0;
   position: relative;
}

.page-container section .title.flex {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
   padding: 0 0 10px 0;
}

.page-container section .title.flex span {
   display: block;
   width: 100%;
   /* cursor: pointer; */
}


.page-container section .title .btn {
   /* position: absolute;
   top: 0;
   right: 5px;
   z-index: 9999; */
   color: #1d6fde;
   font-size: 16px;
	font-weight: bold;
   box-shadow: none;
}

.page-container section .ordered-list,
.page-container section .content ol {
   padding-left: 20px;
}
.page-container section .ordered-list li,
.page-container section .content ol li {
   padding: 0 0 5px 10px;
   line-height: 1.5;
}

input {
   display: inline-block;
   padding: 2px;
   border: 1px solid #eee;
}

.page-container section li span {
   display: block;
   padding-bottom: 5px;
}

.page-container section .ordered-list-flex {
   padding-left: 15px;
}
.page-container section .ordered-list-flex li {
   padding: 0 0 15px 10px;
   line-height: 1.5;
}

.page-container section .ordered-list-flex li > div {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   gap: 15px;
}

.page-container section .ordered-list-flex li .left-container {
   width: 100%;
}

.page-container section .ordered-list-flex li .input-group-doller {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   width: 600px;
}

.page-container section .ordered-list-flex li .input-group-doller span {
   display: block;
   width: 40px;
   height: 33px;
   line-height: 32px;
   text-align: center;
   background: #1b6ec2;
   color: #fff;
   -webkit-border-radius: 5px 0 0 5px;
   border-radius: 5px 0 0 5px;
}
.page-container section .ordered-list-flex li .input-group-doller input {
   -webkit-border-radius: 0 5px 5px 0;
   border-radius: 0 5px 5px 0;
   border-left: 0;
}

.page-container section .claim-dependents-total {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   gap: 20px;
   width: 40%;
}

.page-container section .claim-dependents-total > div {
   width: 100%;
}

.page-container div.common-checkbox {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
   padding: 10px 15px;
   background-color: #f7f7f7;
   margin: 10px 5px;
}
.page-container div.common-checkbox input {
   display: inline-block;
   margin-right: 10px;
   width: 20px;
   height: 20px;
   vertical-align: middle;
}

.page-container div.common-checkbox label {
   font-size: 14px;
   font-weight: bold;
}

.page-container section p {
   display: block;
   padding: 10px 0;
   line-height: 1.5;
   font-size: 16px;
}

.page-container section p input {
   max-width: 300px;
}

.page-container section h3 {
   display: block;
   font-size: 16px;
   color: #1b6ec2;
   font-weight: bold;
   padding: 7px 0 10px;
}

.page-container section h3 span {
   display: inline-block;
   color: red;
   margin-left: 3px;
}

.page-container section h4 {
   display: block;
   font-size: 14px;
   color: #333;
   font-weight: bold;
   padding: 10px 0;
}


.grid-row {
   display: grid;
   grid-gap: 15px;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   width: 100%;
}

.grid-row.colSize-200 {
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.grid-row.colSize-300 {
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.grid-row.colSize-400 {
   grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.grid-row.colSize-500 {
   grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
}

.grid-row.colSize-600 {
   grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
}

.grid-item.merge-2cols {
   grid-column: span 2;
}

.grid-item.merge-3cols {
   grid-column: span 3;
}

.grid-item {
   position: relative;
}

.grid-item .add {
   position: absolute;
   top: 0px;
   right: 0px;
   /* width: 20px; */
   text-align: center;
   color: #1d6fde;
   /* z-index: 9999999999; */
}

.grid-item .add.overlap {
   top: 27px;
   right: 7px;
   background: #FFF;
   font-size: 18px;
   color: #1d6fde !important;
   padding: 0;
   box-shadow: none;
   height: 25px;
   line-height: 25px;
}
.grid-item .add.overlap:hover {
   color: #033f90 !important;
}

.grid-item label {
   display: block;
   font-size: 14px;
   font-weight: 600 !important;
   margin-bottom: 5px;
   cursor: default;
   position: relative;
}

.grid-item label span {
   display: inline-block;
   color: #ff0000;
   padding-left: 3px;
}

.grid-item input {
   max-width: 100%;
}

.grid-item select {
   max-width: 98%;
}

.single-row {
   display: block;
   width: 100%;
   margin: 10px 0;
}

.single-row h3 {
   display: block;
   font-size: 16px;
   font-weight: bold;
   padding-bottom: 15px;
}

.single-row label {
   display: block;
   width: 100%;
   margin: 10px 0;
   font-size: 14px;
   font-weight: 600 !important;
}

.radio-checkbox {
   display: inline-block;
   margin: 0 15px 10px 0;
}

.radio-checkbox label {
   display: block;
   border: 1px solid #d1d1d1;
   position: relative;
   cursor: pointer;
   /* height: 32px;
   line-height: 32px; */
   min-width: 150px;
   padding: 5px 20px 3px 40px;
   border-radius: 50px;
   font-size: 15px;
   font-weight: 600;
   text-align: left;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.radio-checkbox .checkbox:before {
   content: "";
   position: absolute;
   top: 5px;
   left: 15px;
   -webkit-appearance: none;
   background-color: #f5f5f5;
   border: 1px solid #d1d1d1;
   border-radius: 3px;
   padding: 8px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
}

.radio-checkbox input[type="checkbox"]:checked + .checkbox {
   background: #0073de;
   border: 1px solid #0073de;
   color: #fff;
}

.radio-checkbox input[type="checkbox"]:checked + .checkbox:before {
   background: #fff;
   border-color: #fff;
}

.radio-checkbox input[type="checkbox"]:checked + .checkbox:after {
   content: "";
   display: block;
   position: absolute;
   top: 7px;
   left: 20px;
   width: 4px;
   height: 10px;
   border: solid #0073de;
   border-width: 0 3px 3px 0;
   transform: rotate(45deg);
   box-sizing: content-box !important;
   -moz-box-sizing: content-box !important;
   -webkit-box-sizing: content-box !important;
}

.radio-checkbox .radio:before {
   content: "";
   position: absolute;
   top: 5px;
   left: 15px;
   -webkit-appearance: none;
   background-color: #f5f5f5;
   border: 1px solid #d1d1d1;
   padding: 9px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   border-radius: 25px;
}

.radio-checkbox input[type="radio"]:checked + .radio {
   background: #0073de;
   border: 1px solid #0073de;
   color: #fff;
}

.radio-checkbox input[type="radio"]:disabled + .radio,
.radio-checkbox input[type="checkbox"]:disabled + .checkbox {
   background: #e9ecef;
   cursor: default;
}

.radio-checkbox input[type="checkbox"]:checked:disabled + .checkbox {
   color: #0073de;
}

.radio-checkbox input[type="radio"]:checked + .radio:before {
   background: #fff;
   border-color: #fff;
}

.radio-checkbox input[type="radio"]:checked + .radio:after {
   content: "";
   display: block;
   position: absolute;
   top: 8px;
   left: 21px;
   width: 4px;
   height: 10px;
   border: solid #0073de;
   border-width: 0 3px 3px 0;
   transform: rotate(45deg);
   box-sizing: content-box !important;
   -moz-box-sizing: content-box !important;
   -webkit-box-sizing: content-box !important;
}

.radio-checkbox-multiple-container {
   display: inline-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   gap: 15px 10px;
   flex-wrap: wrap;
}

.radio-checkbox-multiple-container .radio-checkbox {
   margin: 0;
}

.atag-btn {
   display: inline-block;
   color: #1d6fde;
   font-weight: 600;
}


.table-container {
   display: block;
   width: 100%;
   overflow-x: auto;
   padding-bottom: 15px;
}

.table-container.flex {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   align-items: flex-start;
	gap: 20px;
}

.table-container.flex > div {
   display: block;
   width: 100%;
}

.table-container.flex h3 {
   padding: 7px 0 0;
}

.table-container table {
   width: 100%;
}

.table-container table th {
   padding: 10px;
   vertical-align: top;
}

.table-container table td {
   padding: 10px 5px;
   vertical-align: top;
   border-top: 1px solid #dee2e6;
}

.btn-row {
   display: block;
   text-align: right;
   padding-bottom: 10px;
}

.btn-row a.add {
   display: inline-block;
   width: 130px;
   height: 34px;
   background-color: #56a2e8;
   border-radius: 7px;
   line-height: 30px;
   border: 2px solid #fff;
   -webkit-box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.1);
   font-size: 16px;
   text-transform: uppercase;
   font-weight: bold;
   color: #fff;
   text-align: center;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.btn-row a.add svg {
   display: inline-block;
   width: 14px;
   height: 12px;
   margin-left: 5px;
   vertical-align: baseline;
   fill: #fff;
}

.btn-row a.add:hover {
   background-color: #0073de;
}

.btn-row .btn {
   display: inline-block;
   color: #fff;
   text-align: center;
   vertical-align: middle;
   padding: 8px 15px;
   border: 0;
   border-radius: 5px;
   font-size: 16px;
   margin-left: 5px;
   line-height: 1;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   opacity: 1;
   font-weight: normal;
}

.btn-row .btn-success {
   background-color: #28a745;
}

.btn-row .btn-success:hover {
   background-color: #218838;
}

.btn-row .btn-danger {
   background-color: #dc3545;
}

.btn-row .btn-danger:hover {
   background-color: #c82333;
}

.center {
   text-align: center;
}

.pad-tp-25 {
   padding: 25px 0;
}

.prev-next-btn-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   padding: 50px 0;
}

.prev-next-btn-container button,
.prev-next-btn-container a {
   display: block;
   width: 130px;
   height: 34px;
   background-color: #56a2e8;
   border-radius: 50px;
   line-height: 30px;
   border: 2px solid #fff;
   -webkit-box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.1);
   box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.1);
   font-size: 15px;
   text-transform: uppercase;
   font-weight: bold;
   color: #fff;
}

.prev-next-btn-container a {
   text-align: center;
   text-decoration: none;
}

.prev-next-btn-container a i {
   margin-right: 5px;
}

.prev-next-btn-container button.previousBtn,
.prev-next-btn-container a.previousBtn {
   text-align: right;
   padding-right: 15px;
   background-image: url(../images/arrow-circle-prev.svg);
   background-repeat: no-repeat;
   background-position: 5% center;
   background-size: 22px auto;
}

.prev-next-btn-container button.nextBtn,
.prev-next-btn-container a.nextBtn {
   text-align: left;
   padding-left: 15px;
   background-image: url(../images/arrow-circle-next.svg);
   background-repeat: no-repeat;
   background-position: 95% center;
   background-size: 22px auto;
}

.prev-next-btn-container button:hover,
.prev-next-btn-container a:hover {
   background-color: #0073de;
}

.prev-next-btn-container button:disabled,
.prev-next-btn-container button[disabled] {
   opacity: 0.5;
   cursor: default;
   pointer-events: none;
}

footer {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   width: 100%;
   min-height: 60px;
   padding: 30px;
   gap: 10px;
}

footer div:first-child {
   text-align: left;
}
footer div:last-child {
   text-align: right;
}

footer span {
   display: inline-block;
   border-right: 1px solid #999;
   padding-right: 10px;
   margin-right: 5px;
}

.course-type {
   display: block;
}
.course-type > div {
   display: inline-block;
   margin-right: 15px;
}

/* .course-type input {
   display: inline-block;
   vertical-align: middle;
   margin-right: 3px;
} */


.btn-success {
   background-color: #00ab26 !important;
   color: #FFF !important;
}

.btn-success:hover {
   background-color: #008f20 !important;
}

.btn-blue {
   background-color: #035c96 !important;
   color: #FFF !important;
}

.btn-blue:hover {
   background-color: #1e3e6a !important;
}

.btn-danger {
   background-color: #ff0000 !important;
   color: #FFF !important;
}

.btn-danger:hover {
   background-color: #d70000 !important;
}

.btn-orange {
   background-color: #ff7612 !important;
   color: #FFF !important;
}

.btn-orange:hover {
   background-color: #ff8c3a !important;
}

.btn-green {
   background-color: #00ab26 !important;
   color: #FFF !important;
}

.btn-green:hover {
   background-color: #008f20 !important;
}

.btn-inactive {
   background-color: #888 !important;
   color: #FFF !important;
}

.btn-inactive:hover {
   background-color: #666 !important;
}

/* Datepicker CSS*/

.date, .last_used, .medical_date {
   background-image: url(../images/calendar-icon.svg);
   background-repeat: no-repeat;
   background-size: 16px;
   background-position: calc(100% - 10px) center;
}

#ui-datepicker-div {
   width: 310px;
}

.ui-widget.ui-widget-content {
   border: 1px solid #999999;
   -webkit-box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
   box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
}

.ui-datepicker .ui-datepicker-header {
   background: #f3f3f3;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
   height: 30px;
   line-height: 15px;
   font-size: 16px;
}
.ui-datepicker td {
   padding: 3px;
}

.ui-datepicker td a {
   color: #000;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
   background: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   border: 1px solid #0073de;
   background: #f2f9ff;
   color: #000;
}

.ui-datepicker td a:hover {
   border: 1px solid #0073de;
   background: #f2f9ff;
}

.ui-state-active {
   border: 1px solid #0073de !important;
   background: #0073de !important;
   color: #fff !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   width: 24px;
   height: 30px;
}

.ui-datepicker .ui-datepicker-prev {
   left: 2px !important;
   background: url(../images/Calender-blue-arrow.svg) no-repeat;
   background-size: 8px;
   background-position: center;
   top: 4px;
}

.ui-datepicker .ui-datepicker-next {
   right: 2px !important;
   background: url(../images/Calender-blue-arrow.svg) no-repeat;
   transform: rotate(180deg);
   background-size: 8px;
   background-position: center;
   top: 4px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
   display: none;
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover {
   background-color: #5fd7ff !important;
   border: 0 !important;
}

/* Table CSS*/
.table_div {
   display: table;
   width: 100%;
   border-collapse: collapse;
}

.table_div .table_thead {
   display: table-header-group;
}

.table_div .table_thead .table_cell {
   font-weight: bold;
   background: #00355f;
   color: #FFF;
}

.table_div .table_row {
   display: table-row;
   width: 100%;
   border-collapse: collapse;
   position: relative;
}

.table_div .table_row:nth-child(even) {
   background: #f4fcff;
}

.table_div .table_cell {
   display: table-cell;
   padding: 10px;
   position: relative;
   border-collapse: collapse;
   border: 1px solid #c5c5c5;
   vertical-align: middle;
   font-size: 14px;
}

/* .table_div .table_cell::before {
   font-weight: bold;
   width: 100%;
   border-bottom: 1px solid #ddd;
   padding-bottom: 5px;
   margin-bottom: 5px;
   display: none;
} */

.table_div .table_cell::before {
   font-weight: bold;
   width: 165px;
   padding: 7px 0;
   /* border-bottom: 1px solid #ddd;
   margin-bottom: 5px; */
   display: none;
	color: #00355f;
   font-weight: 900;
}

.table_div .table_cell.record-not-found {
   position: absolute;
	width: 100%;
	text-align: center;
}

.table_div:has(> .table_row .record-not-found) {
   margin-bottom: 50px;
 }

/*==| Education Tables Titles |=============================================== */

.table_div .education_cell:nth-child(2)::before {
   content: "Title :";
}
.table_div .education_cell:nth-child(3)::before {
   content: "Name of school & Address :";
}
.table_div .education_cell:nth-child(4)::before {
   content: "Did you graduate :";
}
.table_div .education_cell:nth-child(5)::before {
   content: "Diploma/Degree :";
}
.table_div .education_cell:nth-child(6)::before {
   content: "Diploma/Degree Name :";
}
.table_div .education_cell:nth-child(7)::before {
   content: "Course of major :";
}
.table_div .education_cell:nth-child(8)::before {
   content: "Year of completed :";
}
.table_div .education_cell:nth-child(9)::before {
   content: "Action :";
}

.table_div.education-body.hindi .education_cell:nth-child(2)::before {
   content: "उपाधि :";
}
.table_div.education-body.hindi .education_cell:nth-child(3)::before {
   content: "विद्यालय का नाम और पता :";
}
.table_div.education-body.hindi .education_cell:nth-child(4)::before {
   content: "क्या आप स्नातक हुए? :";
}
.table_div.education-body.hindi .education_cell:nth-child(5)::before {
   content: "डिप्लोमा/डिग्री :";
}
.table_div.education-body.hindi .education_cell:nth-child(6)::before {
   content: "डिप्लोमा/डिग्री का नाम :";
}
.table_div.education-body.hindi .education_cell:nth-child(7)::before {
   content: "मुख्य विषय :";
}
.table_div.education-body.hindi .education_cell:nth-child(8)::before {
   content: "पूरा होने का वर्ष :";
}
.table_div.education-body.hindi .education_cell:nth-child(9)::before {
   content: "कार्रवाई :";
}

.table_div.education-body.spanish .education_cell:nth-child(2)::before {
   content: "Título :";
}
.table_div.education-body.spanish .education_cell:nth-child(3)::before {
   content: "Nombre de la escuela y dirección :";
}
.table_div.education-body.spanish .education_cell:nth-child(4)::before {
   content: "¿Se graduó? :";
}
.table_div.education-body.spanish .education_cell:nth-child(5)::before {
   content: "Diploma/Título :";
}
.table_div.education-body.spanish .education_cell:nth-child(6)::before {
   content: "Nombre del Diploma/Título :";
}
.table_div.education-body.spanish .education_cell:nth-child(7)::before {
   content: "Curso de especialización :";
}
.table_div.education-body.spanish .education_cell:nth-child(8)::before {
   content: "Año de finalización :";
}
.table_div.education-body.spanish .education_cell:nth-child(9)::before {
   content: "Acción :";
}

.table_div.education-body.russian .education_cell:nth-child(2)::before {
   content: "Звание :";
}
.table_div.education-body.russian .education_cell:nth-child(3)::before {
   content: "Название школы и адрес :";
}
.table_div.education-body.russian .education_cell:nth-child(4)::before {
   content: "Вы окончили? :";
}
.table_div.education-body.russian .education_cell:nth-child(5)::before {
   content: "Диплом/Степень :";
}
.table_div.education-body.russian .education_cell:nth-child(6)::before {
   content: "Название диплома/степени :";
}
.table_div.education-body.russian .education_cell:nth-child(7)::before {
   content: "Основная специальность :";
}
.table_div.education-body.russian .education_cell:nth-child(8)::before {
   content: "Год завершения :";
}
.table_div.education-body.russian .education_cell:nth-child(9)::before {
   content: "Действие :";
}

.table_div.education-body.bengali .education_cell:nth-child(2)::before {
   content: "পদবি :";
}
.table_div.education-body.bengali .education_cell:nth-child(3)::before {
   content: "স্কুলের নাম ও ঠিকানা :";
}
.table_div.education-body.bengali .education_cell:nth-child(4)::before {
   content: "আপনি স্নাতক করেছেন? :";
}
.table_div.education-body.bengali .education_cell:nth-child(5)::before {
   content: "ডিপ্লোমা/ডিগ্রি :";
}
.table_div.education-body.bengali .education_cell:nth-child(6)::before {
   content: "ডিপ্লোমা/ডিগ্রি নাম :";
}
.table_div.education-body.bengali .education_cell:nth-child(7)::before {
   content: "প্রধান কোর্স :";
}
.table_div.education-body.bengali .education_cell:nth-child(8)::before {
   content: "সম্পন্ন বছরের :";
}
.table_div.education-body.bengali .education_cell:nth-child(9)::before {
   content: "কর্ম :";
}

.table_div.education-body.chinese .education_cell:nth-child(2)::before {
   content: "称谓 :";
}
.table_div.education-body.chinese .education_cell:nth-child(3)::before {
   content: "学校名称及地址 :";
}
.table_div.education-body.chinese .education_cell:nth-child(4)::before {
   content: "您毕业了吗？ :";
}
.table_div.education-body.chinese .education_cell:nth-child(5)::before {
   content: "文凭/学位 :";
}
.table_div.education-body.chinese .education_cell:nth-child(6)::before {
   content: "文凭/学位名称 :";
}
.table_div.education-body.chinese .education_cell:nth-child(7)::before {
   content: "主修课程 :";
}
.table_div.education-body.chinese .education_cell:nth-child(8)::before {
   content: "完成年份 :";
}
.table_div.education-body.chinese .education_cell:nth-child(9)::before {
   content: "操作 :";
}

.table_div.education-body.creole .education_cell:nth-child(2)::before {
   content: "Tit :";
}
.table_div.education-body.creole .education_cell:nth-child(3)::before {
   content: "Non lekòl & Adrès :";
}
.table_div.education-body.creole .education_cell:nth-child(4)::before {
   content: "Eske ou gradye? :";
}
.table_div.education-body.creole .education_cell:nth-child(5)::before {
   content: "Diplòm/Digri :";
}
.table_div.education-body.creole .education_cell:nth-child(6)::before {
   content: "Non Diplòm/Digri :";
}
.table_div.education-body.creole .education_cell:nth-child(7)::before {
   content: "Kou Majè :";
}
.table_div.education-body.creole .education_cell:nth-child(8)::before {
   content: "Ane konplete :";
}
.table_div.education-body.creole .education_cell:nth-child(9)::before {
   content: "Aksyon :";
}

/*==| Education Tables Titles |=============================================== */

/*==| Professional Licenses Tables Titles |=============================================== */

.table_div .professional_licenses_cell:nth-child(2)::before {
   content: "Certificates :";
}
.table_div .professional_licenses_cell:nth-child(3)::before {
   content: "License No / Registry No :";
}
.table_div .professional_licenses_cell:nth-child(4)::before {
   content: "School/Training Program :";
}
.table_div .professional_licenses_cell:nth-child(5)::before {
   content: "Action :";
}

.table_div.licenses-body.hindi .professional_licenses_cell:nth-child(2)::before {
   content: "प्रमाण पत्र :";
}
.table_div.licenses-body.hindi .professional_licenses_cell:nth-child(3)::before {
   content: "लाइसेंस नंबर / पंजीकरण नंबर :";
}
.table_div.licenses-body.hindi .professional_licenses_cell:nth-child(4)::before {
   content: "विद्यालय/प्रशिक्षण कार्यक्रम :";
}
.table_div.licenses-body.hindi .professional_licenses_cell:nth-child(5)::before {
   content: "कार्रवाई :";
}

.table_div.licenses-body.spanish .professional_licenses_cell:nth-child(2)::before {
   content: "Certificados :";
}
.table_div.licenses-body.spanish .professional_licenses_cell:nth-child(3)::before {
   content: "Número de Licencia / Número de Registro :";
}
.table_div.licenses-body.spanish .professional_licenses_cell:nth-child(4)::before {
   content: "Escuela/Programa de Capacitación :";
}
.table_div.licenses-body.spanish .professional_licenses_cell:nth-child(5)::before {
   content: "Acción :";
}

.table_div.licenses-body.russian .professional_licenses_cell:nth-child(2)::before {
   content: "Сертификаты :";
}
.table_div.licenses-body.russian .professional_licenses_cell:nth-child(3)::before {
   content: "Номер лицензии / Номер регистрации :";
}
.table_div.licenses-body.russian .professional_licenses_cell:nth-child(4)::before {
   content: "Школа/Учебная программа :";
}
.table_div.licenses-body.russian .professional_licenses_cell:nth-child(5)::before {
   content: "Действие :";
}

.table_div.licenses-body.bengali .professional_licenses_cell:nth-child(2)::before {
   content: "সার্টিফিকেট :";
}
.table_div.licenses-body.bengali .professional_licenses_cell:nth-child(3)::before {
   content: "লাইসেন্স নম্বর / রেজিস্ট্রি নম্বর :";
}
.table_div.licenses-body.bengali .professional_licenses_cell:nth-child(4)::before {
   content: "স্কুল/প্রশিক্ষণ প্রোগ্রাম :";
}
.table_div.licenses-body.bengali .professional_licenses_cell:nth-child(5)::before {
   content: "কর্ম :";
}

.table_div.licenses-body.chinese .professional_licenses_cell:nth-child(2)::before {
   content: "证书 :";
}
.table_div.licenses-body.chinese .professional_licenses_cell:nth-child(3)::before {
   content: "执照号码 / 注册号码 :";
}
.table_div.licenses-body.chinese .professional_licenses_cell:nth-child(4)::before {
   content: "学校/培训项目 :";
}
.table_div.licenses-body.chinese .professional_licenses_cell:nth-child(5)::before {
   content: "操作 :";
}

.table_div.licenses-body.creole .professional_licenses_cell:nth-child(2)::before {
   content: "Sètifika :";
}
.table_div.licenses-body.creole .professional_licenses_cell:nth-child(3)::before {
   content: "Nimewo Lisans / Nimewo Enskripsyon :";
}
.table_div.licenses-body.creole .professional_licenses_cell:nth-child(4)::before {
   content: "Lekòl/Pwogram Fòmasyon :";
}
.table_div.licenses-body.creole .professional_licenses_cell:nth-child(5)::before {
   content: "Aksyon :";
}

/*==| Professional Licenses Tables Titles |=============================================== */

/*==| Payroll Tables Titles |=============================================== */

.table_div .pay_information_cell:nth-child(2)::before {
   content: "Rate Code :";
}
.table_div .pay_information_cell:nth-child(3)::before {
   content: "Rate :";
}
.table_div .pay_information_cell:nth-child(4)::before {
   content: "OT Rate :";
}
.table_div .pay_information_cell:nth-child(5)::before {
   content: "Tips Rate :";
}
.table_div .pay_information_cell:nth-child(6)::before {
   content: "Meals Rate :";
}
.table_div .pay_information_cell:nth-child(7)::before {
   content: "Loadging Rate :";
}
.table_div .pay_information_cell:nth-child(8)::before {
   content: "Other Rate :";
}
.table_div .pay_information_cell:nth-child(9)::before {
   content: "Supplemental Rate :";
}
.table_div .pay_information_cell:nth-child(10)::before {
   content: "Additional Rate :";
}
.table_div .pay_information_cell:nth-child(11)::before {
   content: "Regular Wage :";
}
.table_div .pay_information_cell:nth-child(12)::before {
   content: "Week Day :";
}
.table_div .pay_information_cell:nth-child(13)::before {
   content: "Regular Pay :";
}
.table_div .pay_information_cell:nth-child(14)::before {
   content: "Pay Frequency :";
}
.table_div .pay_information_cell:nth-child(15)::before {
   content: "Description :";
}

.table_div.payroll-body.hindi .pay_information_cell:nth-child(2)::before {
   content: "रेट कोड :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(3)::before {
   content: "रेट :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(4)::before {
   content: "ओवरटाइम रेट :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(5)::before {
   content: "टिप्स रेट :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(6)::before {
   content: "खाने का रेट :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(7)::before {
   content: "रहने का रेट :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(8)::before {
   content: "अन्य रेट :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(9)::before {
   content: "सहायक रेट :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(10)::before {
   content: "अतिरिक्त रेट :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(11)::before {
   content: "नियमित वेतन :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(12)::before {
   content: "सप्ताह का दिन :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(13)::before {
   content: "नियमित वेतन :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(14)::before {
   content: "वेतन की आवृत्ति :";
}
.table_div.payroll-body.hindi .pay_information_cell:nth-child(15)::before {
   content: "विवरण :";
}

.table_div.payroll-body.spanish .pay_information_cell:nth-child(2)::before {
   content: "Código de Tasa :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(3)::before {
   content: "Tasa :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(4)::before {
   content: "Tasa de Horas Extras :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(5)::before {
   content: "Tasa de Propinas :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(6)::before {
   content: "Tasa de Comidas :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(7)::before {
   content: "Tasa de Alojamiento :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(8)::before {
   content: "Otra Tasa :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(9)::before {
   content: "Tasa Suplementaria :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(10)::before {
   content: "Tasa Adicional :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(11)::before {
   content: "Salario Regular :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(12)::before {
   content: "Día de la Semana :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(13)::before {
   content: "Pago Regular :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(14)::before {
   content: "Frecuencia de Pago :";
}
.table_div.payroll-body.spanish .pay_information_cell:nth-child(15)::before {
   content: "Descripción :";
}

.table_div.payroll-body.russian .pay_information_cell:nth-child(2)::before {
   content: "Код ставки :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(3)::before {
   content: "Ставка :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(4)::before {
   content: "Ставка за сверхурочные :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(5)::before {
   content: "Ставка за чаевые :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(6)::before {
   content: "Ставка за питание :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(7)::before {
   content: "Ставка за проживание :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(8)::before {
   content: "Другая ставка :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(9)::before {
   content: "Дополнительная ставка :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(10)::before {
   content: "Дополнительная ставка :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(11)::before {
   content: "Регулярная зарплата :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(12)::before {
   content: "День недели :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(13)::before {
   content: "Обычный платеж :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(14)::before {
   content: "Частота выплат :";
}
.table_div.payroll-body.russian .pay_information_cell:nth-child(15)::before {
   content: "Описание :";
}

.table_div.payroll-body.bengali .pay_information_cell:nth-child(2)::before {
   content: "রেট কোড :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(3)::before {
   content: "রেট :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(4)::before {
   content: "ওভারটাইম রেট :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(5)::before {
   content: "টিপস রেট :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(6)::before {
   content: "খাবারের রেট :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(7)::before {
   content: "আবাসনের রেট :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(8)::before {
   content: "অন্যান্য রেট :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(9)::before {
   content: "সম্পূরক রেট :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(10)::before {
   content: "অতিরিক্ত রেট :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(11)::before {
   content: "নিয়মিত বেতন :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(12)::before {
   content: "সপ্তাহের দিন :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(13)::before {
   content: "নিয়মিত বেতন :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(14)::before {
   content: "বেতন দেওয়ার ফ্রিকোয়েন্সি :";
}
.table_div.payroll-body.bengali .pay_information_cell:nth-child(15)::before {
   content: "বিবরণ :";
}

.table_div.payroll-body.chinese .pay_information_cell:nth-child(2)::before {
   content: "费率代码 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(3)::before {
   content: "费率 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(4)::before {
   content: "加班费率 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(5)::before {
   content: "小费费率 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(6)::before {
   content: "餐费费率 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(7)::before {
   content: "住宿费率 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(8)::before {
   content: "其他费率 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(9)::before {
   content: "补充费率 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(10)::before {
   content: "额外费率 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(11)::before {
   content: "常规工资 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(12)::before {
   content: "工作日 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(13)::before {
   content: "常规薪资 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(14)::before {
   content: "支付频率 :";
}
.table_div.payroll-body.chinese .pay_information_cell:nth-child(15)::before {
   content: "描述 :";
}

.table_div.payroll-body.creole .pay_information_cell:nth-child(2)::before {
   content: "Kòd To :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(3)::before {
   content: "To :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(4)::before {
   content: "To Overtime :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(5)::before {
   content: "To Tip :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(6)::before {
   content: "To Repas :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(7)::before {
   content: "To Lodging :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(8)::before {
   content: "Lòt To :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(9)::before {
   content: "To Siplemantè :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(10)::before {
   content: "To Adisyonèl :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(11)::before {
   content: "Salè Regilye :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(12)::before {
   content: "Jou Semèn :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(13)::before {
   content: "Peman Regilye :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(14)::before {
   content: "Frekans Peman :";
}
.table_div.payroll-body.creole .pay_information_cell:nth-child(15)::before {
   content: "Deskripsyon :";
}

/*==| Payroll Tables Titles |=============================================== */


/*==| Contact & References Tables Titles |=============================================== */

.table_div .contact_cell:nth-child(2)::before {
   content: "Contact Name :";
}
.table_div .contact_cell:nth-child(3)::before {
   content: "Relationship :";
}
.table_div .contact_cell:nth-child(4)::before {
   content: "Time Known :";
}
.table_div .contact_cell:nth-child(5)::before {
   content: "Phone Number :";
}
.table_div .contact_cell:nth-child(6)::before {
   content: "Address :";
}
.table_div .contact_cell:nth-child(7)::before {
   content: "Action :";
}

.table_div.emergency-body.hindi .contact_cell:nth-child(2)::before {
   content: "संपर्क नाम :";
}
.table_div.emergency-body.hindi .contact_cell:nth-child(3)::before {
   content: "संबंध :";
}
.table_div.emergency-body.hindi .contact_cell:nth-child(4)::before {
   content: "कब से जानते हैं :";
}
.table_div.emergency-body.hindi .contact_cell:nth-child(5)::before {
   content: "फोन नंबर :";
}
.table_div.emergency-body.hindi .contact_cell:nth-child(6)::before {
   content: "पता :";
}
.table_div.emergency-body.hindi .contact_cell:nth-child(7)::before {
   content: "कार्रवाई :";
}

.table_div.referrences-body.hindi .contact_cell:nth-child(2)::before {
   content: "संपर्क नाम :";
}
.table_div.referrences-body.hindi .contact_cell:nth-child(3)::before {
   content: "संबंध :";
}
.table_div.referrences-body.hindi .contact_cell:nth-child(4)::before {
   content: "कब से जानते हैं :";
}
.table_div.referrences-body.hindi .contact_cell:nth-child(5)::before {
   content: "फोन नंबर :";
}
.table_div.referrences-body.hindi .contact_cell:nth-child(6)::before {
   content: "पता :";
}
.table_div.referrences-body.hindi .contact_cell:nth-child(7)::before {
   content: "कार्रवाई :";
}

.table_div.emergency-body.spanish .contact_cell:nth-child(2)::before {
   content: "Nombre del Contacto :";
}
.table_div.emergency-body.spanish .contact_cell:nth-child(3)::before {
   content: "Relación :";
}
.table_div.emergency-body.spanish .contact_cell:nth-child(4)::before {
   content: "Tiempo de Conocimiento :";
}
.table_div.emergency-body.spanish .contact_cell:nth-child(5)::before {
   content: "Número de Teléfono :";
}
.table_div.emergency-body.spanish .contact_cell:nth-child(6)::before {
   content: "Dirección :";
}
.table_div.emergency-body.spanish .contact_cell:nth-child(7)::before {
   content: "Acción :";
}

.table_div.referrences-body.spanish .contact_cell:nth-child(2)::before {
   content: "Nombre del Contacto :";
}
.table_div.referrences-body.spanish .contact_cell:nth-child(3)::before {
   content: "Relación :";
}
.table_div.referrences-body.spanish .contact_cell:nth-child(4)::before {
   content: "Tiempo de Conocimiento :";
}
.table_div.referrences-body.spanish .contact_cell:nth-child(5)::before {
   content: "Número de Teléfono :";
}
.table_div.referrences-body.spanish .contact_cell:nth-child(6)::before {
   content: "Dirección :";
}
.table_div.referrences-body.spanish .contact_cell:nth-child(7)::before {
   content: "Acción :";
}

.table_div.emergency-body.russian .contact_cell:nth-child(2)::before {
   content: "Имя контакта :";
}
.table_div.emergency-body.russian .contact_cell:nth-child(3)::before {
   content: "Отношение :";
}
.table_div.emergency-body.russian .contact_cell:nth-child(4)::before {
   content: "Время знакомства :";
}
.table_div.emergency-body.russian .contact_cell:nth-child(5)::before {
   content: "Номер телефона :";
}
.table_div.emergency-body.russian .contact_cell:nth-child(6)::before {
   content: "Адрес :";
}
.table_div.emergency-body.russian .contact_cell:nth-child(7)::before {
   content: "Действие :";
}

.table_div.referrences-body.russian .contact_cell:nth-child(2)::before {
   content: "Имя контакта :";
}
.table_div.referrences-body.russian .contact_cell:nth-child(3)::before {
   content: "Отношение :";
}
.table_div.referrences-body.russian .contact_cell:nth-child(4)::before {
   content: "Время знакомства :";
}
.table_div.referrences-body.russian .contact_cell:nth-child(5)::before {
   content: "Номер телефона :";
}
.table_div.referrences-body.russian .contact_cell:nth-child(6)::before {
   content: "Адрес :";
}
.table_div.referrences-body.russian .contact_cell:nth-child(7)::before {
   content: "Действие :";
}

.table_div.emergency-body.bengali .contact_cell:nth-child(2)::before {
   content: "যোগাযোগের নাম :";
}
.table_div.emergency-body.bengali .contact_cell:nth-child(3)::before {
   content: "সম্পর্ক :";
}
.table_div.emergency-body.bengali .contact_cell:nth-child(4)::before {
   content: "জানা সময়কাল :";
}
.table_div.emergency-body.bengali .contact_cell:nth-child(5)::before {
   content: "ফোন নম্বর :";
}
.table_div.emergency-body.bengali .contact_cell:nth-child(6)::before {
   content: "ঠিকানা :";
}
.table_div.emergency-body.bengali .contact_cell:nth-child(7)::before {
   content: "কর্ম :";
}

.table_div.referrences-body.bengali .contact_cell:nth-child(2)::before {
   content: "যোগাযোগের নাম :";
}
.table_div.referrences-body.bengali .contact_cell:nth-child(3)::before {
   content: "সম্পর্ক :";
}
.table_div.referrences-body.bengali .contact_cell:nth-child(4)::before {
   content: "জানা সময়কাল :";
}
.table_div.referrences-body.bengali .contact_cell:nth-child(5)::before {
   content: "ফোন নম্বর :";
}
.table_div.referrences-body.bengali .contact_cell:nth-child(6)::before {
   content: "ঠিকানা :";
}
.table_div.referrences-body.bengali .contact_cell:nth-child(7)::before {
   content: "কর্ম :";
}

.table_div.emergency-body.chinese .contact_cell:nth-child(2)::before {
   content: "联系人姓名 :";
}
.table_div.emergency-body.chinese .contact_cell:nth-child(3)::before {
   content: "关系 :";
}
.table_div.emergency-body.chinese .contact_cell:nth-child(4)::before {
   content: "认识时间 :";
}
.table_div.emergency-body.chinese .contact_cell:nth-child(5)::before {
   content: "电话号码 :";
}
.table_div.emergency-body.chinese .contact_cell:nth-child(6)::before {
   content: "地址 :";
}
.table_div.emergency-body.chinese .contact_cell:nth-child(7)::before {
   content: "操作 :";
}

.table_div.referrences-body.chinese .contact_cell:nth-child(2)::before {
   content: "联系人姓名 :";
}
.table_div.referrences-body.chinese .contact_cell:nth-child(3)::before {
   content: "关系 :";
}
.table_div.referrences-body.chinese .contact_cell:nth-child(4)::before {
   content: "认识时间 :";
}
.table_div.referrences-body.chinese .contact_cell:nth-child(5)::before {
   content: "电话号码 :";
}
.table_div.referrences-body.chinese .contact_cell:nth-child(6)::before {
   content: "地址 :";
}
.table_div.referrences-body.chinese .contact_cell:nth-child(7)::before {
   content: "操作 :";
}

.table_div.emergency-body.creole .contact_cell:nth-child(2)::before {
   content: "Non Kontak :";
}
.table_div.emergency-body.creole .contact_cell:nth-child(3)::before {
   content: "Relasyon :";
}
.table_div.emergency-body.creole .contact_cell:nth-child(4)::before {
   content: "Depi Konbyen Tan Ou Konnen Yo :";
}
.table_div.emergency-body.creole .contact_cell:nth-child(5)::before {
   content: "Nimewo Telefòn :";
}
.table_div.emergency-body.creole .contact_cell:nth-child(6)::before {
   content: "Adrès :";
}
.table_div.emergency-body.creole .contact_cell:nth-child(7)::before {
   content: "Aksyon :";
}

.table_div.referrences-body.creole .contact_cell:nth-child(2)::before {
   content: "Non Kontak :";
}
.table_div.referrences-body.creole .contact_cell:nth-child(3)::before {
   content: "Relasyon :";
}
.table_div.referrences-body.creole .contact_cell:nth-child(4)::before {
   content: "Depi Konbyen Tan Ou Konnen Yo :";
}
.table_div.referrences-body.creole .contact_cell:nth-child(5)::before {
   content: "Nimewo Telefòn :";
}
.table_div.referrences-body.creole .contact_cell:nth-child(6)::before {
   content: "Adrès :";
}
.table_div.referrences-body.creole .contact_cell:nth-child(7)::before {
   content: "Aksyon :";
}

/*==| Contact & References Tables Titles |=============================================== */

/*==| Employer Tables Titles |=============================================== */

.table_div .employee_cell:nth-child(2)::before {
   content: "Company Name :";
}
.table_div .employee_cell:nth-child(3)::before {
   content: "Address :";
}
.table_div .employee_cell:nth-child(4)::before {
   content: "Job title :";
}
.table_div .employee_cell:nth-child(5)::before {
   content: "Phone :";
}
.table_div .employee_cell:nth-child(6)::before {
   content: "Fax :";
}
.table_div .employee_cell:nth-child(7)::before {
   content: "Supervisor Name :";
}
.table_div .employee_cell:nth-child(8)::before {
   content: "Employment Start Date :";
}
.table_div .employee_cell:nth-child(9)::before {
   content: "Employment End Date :";
}
.table_div .employee_cell:nth-child(10)::before {
   content: "Reason For Leaving :";
}
.table_div .employee_cell:nth-child(11)::before {
   content: "Action :";
}


.table_div.employer-body.hindi .employee_cell:nth-child(2)::before {
   content: "कंपनी का नाम :";
}
.table_div.employer-body.hindi .employee_cell:nth-child(3)::before {
   content: "पता :";
}
.table_div.employer-body.hindi .employee_cell:nth-child(4)::before {
   content: "पदनाम :";
}
.table_div.employer-body.hindi .employee_cell:nth-child(5)::before {
   content: "फोन # :";
}
.table_div.employer-body.hindi .employee_cell:nth-child(6)::before {
   content: "फैक्स # :";
}
.table_div.employer-body.hindi .employee_cell:nth-child(7)::before {
   content: "सुपरवाइज़र का नाम :";
}
.table_div.employer-body.hindi .employee_cell:nth-child(8)::before {
   content: "रोज़गार शुरू होने की तारीख :";
}
.table_div.employer-body.hindi .employee_cell:nth-child(9)::before {
   content: "रोज़गार समाप्ति की तारीख :";
}
.table_div.employer-body.hindi .employee_cell:nth-child(10)::before {
   content: "छोड़ने का कारण :";
}
.table_div.employer-body.hindi .employee_cell:nth-child(11)::before {
   content: "कार्रवाई :";
}

.table_div.employer-body.spanish .employee_cell:nth-child(2)::before {
   content: "Nombre de la Compañía :";
}
.table_div.employer-body.spanish .employee_cell:nth-child(3)::before {
   content: "Dirección :";
}
.table_div.employer-body.spanish .employee_cell:nth-child(4)::before {
   content: "Título del Trabajo :";
}
.table_div.employer-body.spanish .employee_cell:nth-child(5)::before {
   content: "Teléfono # :";
}
.table_div.employer-body.spanish .employee_cell:nth-child(6)::before {
   content: "Fax # :";
}
.table_div.employer-body.spanish .employee_cell:nth-child(7)::before {
   content: "Nombre del Supervisor :";
}
.table_div.employer-body.spanish .employee_cell:nth-child(8)::before {
   content: "Fecha de Inicio de Empleo :";
}
.table_div.employer-body.spanish .employee_cell:nth-child(9)::before {
   content: "Fecha de Fin de Empleo :";
}
.table_div.employer-body.spanish .employee_cell:nth-child(10)::before {
   content: "Razón para Dejar el Empleo :";
}
.table_div.employer-body.spanish .employee_cell:nth-child(11)::before {
   content: "Acción :";
}

.table_div.employer-body.russian .employee_cell:nth-child(2)::before {
   content: "Название компании :";
}
.table_div.employer-body.russian .employee_cell:nth-child(3)::before {
   content: "Адрес :";
}
.table_div.employer-body.russian .employee_cell:nth-child(4)::before {
   content: "Должность :";
}
.table_div.employer-body.russian .employee_cell:nth-child(5)::before {
   content: "Телефон # :";
}
.table_div.employer-body.russian .employee_cell:nth-child(6)::before {
   content: "Факс # :";
}
.table_div.employer-body.russian .employee_cell:nth-child(7)::before {
   content: "Имя руководителя :";
}
.table_div.employer-body.russian .employee_cell:nth-child(8)::before {
   content: "Дата начала работы :";
}
.table_div.employer-body.russian .employee_cell:nth-child(9)::before {
   content: "Дата окончания работы :";
}
.table_div.employer-body.russian .employee_cell:nth-child(10)::before {
   content: "Причина ухода :";
}
.table_div.employer-body.russian .employee_cell:nth-child(11)::before {
   content: "Действие :";
}

.table_div.employer-body.bengali .employee_cell:nth-child(2)::before {
   content: "কোম্পানির নাম :";
}
.table_div.employer-body.bengali .employee_cell:nth-child(3)::before {
   content: "ঠিকানা :";
}
.table_div.employer-body.bengali .employee_cell:nth-child(4)::before {
   content: "পদবি :";
}
.table_div.employer-body.bengali .employee_cell:nth-child(5)::before {
   content: "ফোন # :";
}
.table_div.employer-body.bengali .employee_cell:nth-child(6)::before {
   content: "ফ্যাক্স # :";
}
.table_div.employer-body.bengali .employee_cell:nth-child(7)::before {
   content: "সুপারভাইজারের নাম :";
}
.table_div.employer-body.bengali .employee_cell:nth-child(8)::before {
   content: "কর্মসংস্থানের শুরু তারিখ :";
}
.table_div.employer-body.bengali .employee_cell:nth-child(9)::before {
   content: "কর্মসংস্থানের শেষ তারিখ :";
}
.table_div.employer-body.bengali .employee_cell:nth-child(10)::before {
   content: "ছাড়ার কারণ :";
}
.table_div.employer-body.bengali .employee_cell:nth-child(11)::before {
   content: "কর্ম :";
}

.table_div.employer-body.chinese .employee_cell:nth-child(2)::before {
   content: "公司名称 :";
}
.table_div.employer-body.chinese .employee_cell:nth-child(3)::before {
   content: "地址 :";
}
.table_div.employer-body.chinese .employee_cell:nth-child(4)::before {
   content: "职位 :";
}
.table_div.employer-body.chinese .employee_cell:nth-child(5)::before {
   content: "电话 # :";
}
.table_div.employer-body.chinese .employee_cell:nth-child(6)::before {
   content: "传真 # :";
}
.table_div.employer-body.chinese .employee_cell:nth-child(7)::before {
   content: "主管姓名 :";
}
.table_div.employer-body.chinese .employee_cell:nth-child(8)::before {
   content: "雇佣开始日期 :";
}
.table_div.employer-body.chinese .employee_cell:nth-child(9)::before {
   content: "雇佣结束日期 :";
}
.table_div.employer-body.chinese .employee_cell:nth-child(10)::before {
   content: "离职原因 :";
}
.table_div.employer-body.chinese .employee_cell:nth-child(11)::before {
   content: "操作 :";
}

.table_div.employer-body.creole .employee_cell:nth-child(2)::before {
   content: "Non Konpayi :";
}
.table_div.employer-body.creole .employee_cell:nth-child(3)::before {
   content: "Adrès :";
}
.table_div.employer-body.creole .employee_cell:nth-child(4)::before {
   content: "Tit Travay :";
}
.table_div.employer-body.creole .employee_cell:nth-child(5)::before {
   content: "Telefòn # :";
}
.table_div.employer-body.creole .employee_cell:nth-child(6)::before {
   content: "Faks # :";
}
.table_div.employer-body.creole .employee_cell:nth-child(7)::before {
   content: "Non Sipèvizè :";
}
.table_div.employer-body.creole .employee_cell:nth-child(8)::before {
   content: "Dat Kòmanse Travay :";
}
.table_div.employer-body.creole .employee_cell:nth-child(9)::before {
   content: "Dat Fen Travay :";
}
.table_div.employer-body.creole .employee_cell:nth-child(10)::before {
   content: "Rezon Pou Kite :";
}
.table_div.employer-body.creole .employee_cell:nth-child(11)::before {
   content: "Aksyon :";
}

/*==| Employer Tables Titles |=============================================== */

/*==| Upload Document Titles |=============================================== */

.table_div .upload_cell:nth-child(1)::before {
   content: "Name :";
}
.table_div .upload_cell:nth-child(2)::before {
   content: "Documents :";
}

.table_div.upload-document-body.hindi .upload_cell:nth-child(1)::before {
   content: "नाम :";
}
.table_div.upload-document-body.hindi .upload_cell:nth-child(2)::before {
   content: "दस्तावेज़ :";
}

.table_div.upload-document-body.spanish .upload_cell:nth-child(1)::before {
   content: "Nombre :";
}
.table_div.upload-document-body.spanish .upload_cell:nth-child(2)::before {
   content: "Documentos :";
}

.table_div.upload-document-body.russian .upload_cell:nth-child(1)::before {
   content: "Имя :";
}
.table_div.upload-document-body.russian .upload_cell:nth-child(2)::before {
   content: "Документы :";
}

.table_div.upload-document-body.bengali .upload_cell:nth-child(1)::before {
   content: "নাম :";
}
.table_div.upload-document-body.bengali .upload_cell:nth-child(2)::before {
   content: "ডকুমেন্টস :";
}

.table_div.upload-document-body.chinese .upload_cell:nth-child(1)::before {
   content: "名称 :";
}
.table_div.upload-document-body.chinese .upload_cell:nth-child(2)::before {
   content: "文件 :";
}

.table_div.upload-document-body.creole .upload_cell:nth-child(1)::before {
   content: "Non :";
}
.table_div.upload-document-body.creole .upload_cell:nth-child(2)::before {
   content: "Dokiman :";
}



.table_div .upload_cell input[type="file"] {
   display: none;
}

.table_div .upload_cell .file-label {
   display: inline-block;
   width: 100%;
   height: 40px;
   padding: 5px 10px;
   font-size: 16px;
   font-weight: 400;
   line-height: 1.5;
   color: #333;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #d1d1d1;
   border-radius: 5px;
   position: relative;
   overflow: hidden;
}

.table_div .upload_cell .file-label::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 3;
   display: block;
   height: 26px;
   padding: 6px 10px;
   font-size: 14px;
   line-height: 1.8;
   color: #495057;
   content: "Browse";
   background-color: #e9ecef;
   border-left: inherit;
   border-radius: 0 0.25rem 0.25rem 0;
}

.table_div .upload_cell .input_file_container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   gap: 10px;
}

.table_div .upload_cell .input_radio_container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   gap: 10px;
}

.table_div .upload_cell .input_radio_container .radio-checkbox {
   margin: 0 15px 0px 0;
}

.table_div .applicant_work_record_cell:nth-child(1)::before {
   content: "Applicant’s Work Record :";
}
.table_div .applicant_work_record_cell:nth-child(2)::before {
   content: "Satisfactory :";
}
.table_div .applicant_work_record_cell:nth-child(3)::before {
   content: "Unsatisfactory :";
}
.table_div .applicant_work_record_cell:nth-child(4)::before {
   content: "Unable to Evaluate :";
}
.table_div .applicant_work_record_cell input {
   display: block;
   width: 16px;
   height: 16px;
}

.svg-icon-container {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
}

.svg-icon {
   float: left;
   width: 20px;
   height: 20px;
   margin: 0;
   border-radius: 3px;
   overflow: hidden;
   border: 0;
   background: none;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.svg-icon svg {
   display: block;
   width: 100%;
   height: 100%;
}


.active-icon {
   fill: #e49f00;
}

.active-icon:hover {
   fill: #c58900;
}

.inactive-icon {
   fill: #ccc;
}

.inactive-icon:hover {
   fill: #aaa;
}

.edit-icon {
   fill: #00ab26;
}

.edit-icon:hover {
   fill: #008f20;
}

.delete-icon {
   fill: #e4182c;
}

.delete-icon:hover {
   fill: #c82333;
}

.fax-icon {
   fill: #ffc400;
}

.fax-icon:hover {
   fill: #e2ad00;
}

.text-icon {
   fill: #ffc400;
}

.text-icon:hover {
   fill: #e2ad00;
}

.call-icon {
   fill: #21a33e;
}

.call-icon:hover {
   fill: #218838;
}

.email-icon {
   fill: #28b2d7;
}

.email-icon:hover {
   fill: #0d97bd;
}

.preview-icon {
   fill: #035c96;
}

.preview-icon:hover {
   fill: #1e3e6a;
}

.print-icon {
   fill: #ff8000;
}

.print-icon:hover {
   fill: #c86400;
}

.lock-icon {
   fill: #ff8000;
}

.lock-icon:hover {
   fill: #c86400;
}

.unlock-icon {
   fill: #479eaf;
}

.unlock-icon:hover {
   fill: #257a8b;
}

.download-icon {
   fill: #9bc32c;
}

.download-icon:hover {
   fill: #77991b;
}

.reassign-icon {
   fill: #035c96;
}

.reassign-icon:hover {
   fill: #1e3e6a;
}

.audio-icon {
   fill: #a631c9;
}

.audio-icon:hover {
   fill: #7d149d;
}



/*== | Popup CSS | ==================================*/

.popup {
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0px;
   left: 0px;
   background: rgba(0, 0, 0, 0.5);
   z-index: 9999999999;
   display: none;
   overflow: auto;
}

.popup-flex {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   align-content: center;
   width: 100%;
   height: 100vh;
   overflow: auto;
}

.popup-inner {
   display: block;
   position: relative;
   width: 90%;
   padding: 20px;
   background: #fff;
   box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
   -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
   z-index: 9999;
   max-width: 700px;
   overflow: hidden;
}

.popup-close {
   position: absolute;
   top: 20px;
   right: 20px;
   width: 12px;
   height: 12px;
   z-index: 9999;
   opacity: 1;
}

.popup-close svg {
   display: block;
   width: 100%;
   height: 100%;
   opacity: 0.2;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.popup-close:hover svg {
   opacity: 0.7;
}

.popup-inner .popup-title,
.modal-header .popup-title {
   display: block;
   font-size: 21px;
   color: #19548c;
   font-style: italic;
   border-bottom: 4px double #5fd7ff;
   padding-bottom: 10px;
   margin-bottom: 15px;
}

.print-popup {
   width: 100%;
   max-width: none;
   height: 100vh;
}

.print-popup .print-options-container {
   max-height: 88vh;
   overflow: auto;
   padding-right: 15px;
}

.print-popup .print-options-container .grid-row {
   grid-gap: 30px;
   margin-bottom: 15px;
}

.print-popup .print-options-container .grid-item {
   padding: 15px;
   border: 1px solid #eee;
}

.print-popup .print-options-container .grid-item .flexbox {
   display: flex;
   flex-direction: row;
   justify-content: space-between ;
   align-items: center;
   align-content: center;
   width: 100%;
}

.print-popup .print-options-container .grid-item .header {
   padding-bottom: 5px;
   border-bottom: 1px #ccc dashed;
   margin-bottom: 10px;
}

.print-popup .print-options-container .grid-item .title {
   color: #1d345f;
   font-weight: bold;
   font-size: 18px;
}

.print-popup .print-options-container li {
   padding-bottom: 10px;
   font-size: 14px;
}

.print-popup .print-options-container li .active {
   color: #218838;
}
.print-popup .print-options-container li .deactive {
   color: grey;
}

.print-popup .print-options-container a.link {
   color: #56a2e8;
   cursor: pointer;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.print-popup .print-options-container a.link:hover {
   color: #0073de;
   text-decoration: underline !important;
}

.print-popup .print-options-container a.print {
   display: inline-block;
   text-align: center;
   padding: 5px 10px;
   font-size: 14px;
   background-color: #56a2e8;
   color: #FFF;
   border-radius: 25px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.print-popup .print-options-container a.print i {
   color: #FFF;
}

.print-popup .print-options-container a.print:hover {
   background-color: #0073de;
}

.btns-container {
   display: block;
   width: 100%;
   padding: 15px 0;
}

.btns-container a {
   display: inline-block;
   height: 34px;
   background-color: #56a2e8;
   border-radius: 5px;
   line-height: 34px;
   border: 0;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: bold;
   color: #fff;
   padding: 0 15px;
   margin-right: 20px;
}

.btns-container a:hover {
   background-color: #0073de;
}

.form-title-container {
   display: block;
   width: 100%;
   text-align: center;
   padding: 30px;
   font-size: 24px;
   text-transform: uppercase;
}

.w100 {
   width: 100%;
   max-width: 100% !important;
}

.w50 {
   width: 50%;
   max-width: 100% !important;
}

.w25 {
   width: 25%;
   max-width: 100% !important;
}

.height-container {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    grid-gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
 }


.height-container input,
.height-container select {
   display: inline-block;
   width: 49%;
}

.id-proof-container {
   display: block;
   width: 100%;
   padding-bottom: 15px;
}

.id-proof-container ul li {
   display: inline-block;
   margin-right: 15px;
}

.id-proof-container ul li div > p {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   gap: 10px;
   padding: 0 0 10px 20px;
}

.id-proof-container ul li a {
   color: #000;
}

.id-proof-container ul li a::before {
   content: " \25C9";
   position: relative;
   width: 10px;
   height: 10px;
   z-index: 9;
   color: #999;
   font-size: 18px;
   padding-right: 5px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.id-proof-container ul li a.active::before {
   color: #0073de;
}

.id-proof-container ul li > div span {
   min-width: 180px;
}

.upload-btn {
   display: inline-block;
   height: 40px;
   padding: 0 10px;
   font-size: 16px;
   font-weight: 400;
   line-height: 40px;
   color: #fff;
   border-radius: 5px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   background: url(../images/upload-icon.svg) no-repeat #56a2e8;
   background-size: 16px;
   padding-left: 30px;
   background-position: 8px 11px;
}

/* .download-btn {
   position: absolute;
   top: 10px;
   right: 25px;
   display: inline-block;
   height: 40px;
   padding: 0 10px;
   font-size: 16px;
   font-weight: 400;
   line-height: 40px;
   color: #fff;
   border-radius: 5px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   background: url(../images/download-icon.svg) no-repeat #56a2e8;
   background-size: 16px;
   padding-left: 30px;
   background-position: 8px 11px;
} */

.upload-btn:hover,
/* .download-btn:hover {
   background-color: #0073de;
} */


.county-list-container {
   display: block;
   width: 100%;
   padding: 15px 0;
}

.county-list-container li {
   display: inline-block;
   margin: 0 15px 10px 0;
   font-size: 16px;
   border: 1px solid #d1d1d1;
   padding: 5px 15px 6px;
   border-radius: 15px;
}

.county-list-container li a {
   display: inline-block;
   font-size: 14px;
   color: rgb(119, 119, 119);
   margin-left: 5px;
   -webkit-transition: all 0.3s ease-in;
   -moz-transition: all 0.3s ease-in;
   -ms-transition: all 0.3s ease-in;
   -o-transition: all 0.3s ease-in;
   transition: all 0.3s ease-in;
}

.county-list-container li a:hover {
   color: #ff0000;
}

.other_spoken_lang .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
   display: flex;
   display: -webkit-flex;
}

.other_spoken_lang .select2-container--default .select2-selection--multiple .select2-selection__rendered li span {
   padding-bottom: 0px;
}

.step-active-name {
   display: none;
}

.referredBy {
   display: flex !important;
   display: -webkit-flex;
   flex-direction: column;
   gap: 15px;
}

.referredBy .title {
   margin: 0 !important;
}

.referredBy label {
   display: inline-block;
   margin-right: 15px;
}

.referredBy input {
   display: inline-block;
   margin-right: 5px;
}
/*
.referredBy .referredByName {
   display: none;
} */

.half-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 50px;
	position: relative;
}

/* .half-container:before {
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   width: 1px;
   height: 100%;
   border-right: 1px dashed #aaa;
} */

.half-container .half-item {
	display: block;
	width: 100%;
}

.half-container .half-item h5 {
   display: block;
   font-weight: bold;
   text-decoration: underline;
}

.document-upload-flex {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   gap: 30px;
   padding: 5px 0;
}

.document-upload-flex .upload-sucssess-msg {
   color: #00ab26;
   font-weight: 600;
   font-style: italic;
}


.images-list-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items:flex-start;
   align-content:flex-start;
   gap: 15px;
   flex-wrap: wrap;
   padding: 15px 0;
}

.image-container {
   display: block;
   width: 150px;
   position: relative;
}

.image-container figure {
	display: inline-block;
	text-align: center;
}

.image-container figure img {
   display: block;
   width: 150px;
   height: 150px;
}

.image-container .thumbnail {
   display: block;
   width: 150px;
   height: 150px;
   overflow: hidden;
   position: relative;
   padding: 5px 15px 5px 5px;
   margin: 0;
   border: 1px solid #d9d9d9;
   border-radius: 5px;
}

.image-container .thumbnail img {
   display: block;
   width: 138px;
   height: 138px;
   vertical-align: middle;
}

.image-container input[type="checkbox"] {
   display: block;
   position: absolute;
   top: 5px;
   left: 5px;
   z-index: 9999;
   width: 18px;
   height: 18px;
}

.image-container .del-thumbnail {
   position: absolute;
   top: 5px;
   right: 5px;
   z-index: 9;
   color: #ff7e00;
   font-size: 18px;
}

.image-container .del-thumbnail:hover {
   color: #ff5e00;
   transform: scale(1.1);
}

.image-container .file-name {
   display: block;
   text-align: center;
   font-size: 12px;
   padding: 5px;
}

.image-container .verified {
   display: block;
   text-align: center;
   line-height: 25px;
}

.image-container .verified input[type="checkbox"] {
   display: inline-block;
   position: relative;
   width: 15px;
   height: 15px;
   margin-right: 8px;
   vertical-align: top;
}


.profile_pic .image-container {
   padding-top: 15px;
}
/* Bootstrap Modal CSS  */

.modal-dialog {
   margin: 70px auto;
   width: 700px;
}
.modal-header {
   position: relative;
   border: 0;
   padding: 15px 15px 0;
}
.modal-header .btn-close {
   position: absolute;
   top: 15px;
   right: 15px;
   z-index: 9999;
   width: 10px;
   height: 10px;
   background: #FFF;
}

.modal-header .btn-close svg {
   fill: #000;
   opacity: 0.2;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.modal-header .btn-close:hover svg {
   opacity: 0.5;
}

.work-availability-table .checkbox,
.work-availability-table  .radio {
   margin: 0 !important;
   width: 100% !important;
	min-width: 50px;
}

.work-availability-table .radio-checkbox {
   margin: 3px 0;
   width: 100%;
}

.signature-pad-box {
   display: block;
   width: 550px;
   height: 0px;
   position: relative;
   overflow: hidden;
   margin: 0 auto;
   -webkit-transition: all 1s ease-in-out;
   -moz-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   transition: all 1s ease-in-out;
}

.signature-pad-box.open {
   overflow: unset;
   height: auto;
}

.red-star {
   display: inline;
   color: #FF0000;
   margin: 0 5px;
}

.height-feet {
   background-image: url(../images/feet-text.svg) !important;
   background-repeat: no-repeat !important;
   background-size: 25px !important;
   background-position: calc(100% - 10px) center !important;
}

.height-inch {
   background-image: url(../images/inch-text.svg) !important;
   background-repeat: no-repeat !important;
   background-size: 25px !important;
   background-position: calc(100% - 10px) center !important;
}


.search-box {
   display: block;
   position: relative;
}

.search-box input {
   display: block;
   background: url(../images/search-solid.svg) no-repeat;
   background-position: 6px 9px;
   background-size: 15px;
   padding-left: 27px;
}

.search-box .search-result {
   position: absolute;
   top: 35px;
   left: 0;
   width: 100%;
   border: 1px solid #ced4da;
   padding: 10px;
   z-index: 9999;
   background: #FFF;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   display: none;
}

.search-box .search-result ul {
   display: block;
   max-height: 135px;
   overflow: auto;
}

.search-box ul li {
   display: block;
   padding: 5px 10px 5px 5px;
   font-size: 14px;
   color: #000;
   cursor: pointer;
}

.search-box ul li:hover {
   background: #e7f4fc;
   color: #1e3e6a;
}

.convicted-crime input[type="text"],
.resident-abuse input[type="text"] {
   width: 100%;
   max-width: 100%;
   display:none;
}

.convicted-crime .radio-checkbox,
.resident-abuse .radio-checkbox {
   margin: 0 15px 0 0;
}

.caregiver_detail_section {
   display: block;
   width: 100%;
   max-width: 1160px;
   margin: 25px auto 0;
   background: #FFF;
   padding: 10px 15px;
   border: 1px solid #d6d6d6;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.caregiver_detail_section .grid-row {
   grid-template-columns: 1fr 1fr 200px;
   align-items: center;
}

.in-services-listing {
   padding-top:10px !important;
}

.in-services-listing .in-service-container {
   display: grid;
   grid-gap: 20px;
   grid-template-columns: 1fr 1fr;
   width: 100%;
}

.in-services-listing .in-service-container .in-service-box {
   display: block;
   width: 100%;
   border: 1px solid #d6d6d6;
	border-radius: 10px;
	padding: 20px;
   font-size: 14px;
   background: #FFF;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.in-services-listing .in-service-container .in-service-box .grid-row {
   margin-bottom: 7px;
   grid-template-columns: 1fr 1fr;
}

.in-services-listing .in-service-container .in-service-box .grid-row.full-row {
   grid-template-columns: 1fr;
}

.in-services-listing .in-service-container .in-service-box .grid-item {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   gap: 5px;
}

.in-services-listing .in-service-container .in-service-box .grid-item label {
   flex-basis: 105px;
   color: #035c96;
   position: relative;
}

.in-services-listing .in-service-container .in-service-box .grid-item label:after {
	content: ":";
	position: absolute;
	right: 5px;
	top: 0;
	line-height: 15px;
}

.in-services-listing .in-service-container .in-service-box .attendees {
   display: inline-block;
   width: 22px;
   height: 22px;
   text-align: center;
   line-height: 21px;
   background: #28a745;
   color: #FFF;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
}

.in-services-listing .in-service-container .in-service-box .btns-container {
   text-align: right;
   padding: 8px 0 0;
}

.in-services-listing .in-service-container .in-service-box .btns-container .btn {
   display: inline-block;
	height: 34px;
	background-color: #56a2e8;
	border-radius: 5px;
	line-height: 34px;
	border: 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	padding: 0 15px;
   margin-right: 0;
   position: relative;
}

.in-services-listing .in-service-container .in-service-box .btns-container .btn:hover {
   background-color: #1e71bf;
}

.in-services-listing .in-service-container .in-service-box .btns-container .btn.confirm {
   background-color: #28a745;
   cursor: default;
   pointer-events: none;
   padding-left: 33px;
}

.in-services-listing .in-service-container .in-service-box .btns-container .btn.confirm:hover {
   background-color: #218838;
}

.in-services-listing .in-service-container .in-service-box .btns-container .btn.confirm:before {
   content: '';
   width: 17px;
   height: 17px;
   background: url(../images/check-circle-white.svg) no-repeat center top;
   background-size: cover;
   position: absolute;
   top: 9px;
   left: 10px;
}

.in-services-listing .in-service-container .in-service-box .btns-container .btn.disabled-link {
   pointer-events: none;
   color: #999;
   background-color: #ddd !important;
}

/* in service start*/
.in-services-listing .inservice-section {
   background-color: #1ab700 !important;
}

.in-services-listing .in-services-booked {
   display: block;
   padding: 25px;
}

.in-services-listing .in-services-booked .thumb-pic {
   display: block;
   width: 250px;
   height: auto;
   margin: 0 auto 25px;
}

.in-services-listing .in-services-booked p {
   display: block;
   text-align: center;
   font-size: 20px;
   line-height: 35px;
   color: #1e3f6a;
   padding: 10px;
}

.in-services-listing .in-services-booked p span {
   font-style: italic;
   font-weight: 900;
   color: #28a745;
}
/** inservice end*/

.convicted-crime .radio,
.resident-abuse .radio {
   display: inline-block;
   margin: 5px 0;
	padding: 0 5px 0 18px;
}

.convicted-crime input[type="radio"],
.resident-abuse input[type="radio"] {
   position: absolute;
   top: 4px;
   left: 0;
   display: inline-block;
   margin: 0;
   vertical-align: middle;
}

.book-inservice-confirm-popup .grid-row .grid-item {
   display: grid;
   grid-gap: 5px;
   grid-template-columns: 145px 1fr;
   width: 100%;
   font-size: 14px;
}

.book-inservice-confirm-popup .grid-row .grid-item > label {
   margin: 0;
   position: relative;
   padding-right: 10px;
   color: #035c96;
}

.book-inservice-confirm-popup .grid-row .grid-item > label:after {
   content: ":";
   position: absolute;
   right: 10px;
   top: auto;
   line-height: 15px;
}


/* Carousel CSS Start -------------------------------------------*/

.carousel-main-container {
   display: block;
   width: 100%;
   padding-bottom: 20px;
}

.carousel-main-container .carousel-container {
   position: relative;
   overflow: hidden;
   /* border: 1px solid #ccc; */
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.carousel-main-container .carousel-container .carousel {
   display: flex;
   transition: transform 0.5s ease-in-out, height 0.5s ease-in-out;
}

.carousel-main-container .carousel-container .carousel .carousel-item {
   box-sizing: border-box;
   min-width: 100%;
   height: fit-content;
}

.carousel-main-container .carousel-btns {
   display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
   padding: 10px 0;
   border-top: 1px solid #ccc;
   margin-top: 20px;
}

.carousel-main-container .carousel-btns .carouselBtn {
   display: inline-block;
   background-color: #494faa;
   color: #fff;
   font-size: 16px;
   padding: 10px 15px;
   border: none;
   cursor: pointer;
   margin: 0;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.carousel-main-container .carousel-btns .carouselBtn:hover {
   background-color: #ff7612;
}

.carousel-main-container .carousel-btns .carouselPrev:disabled,
.carousel-main-container .carousel-btns .carouselNext:disabled,
.carousel-main-container .carousel-btns .carouselPrev.disabled,
.carousel-main-container .carousel-btns .carouselNext.disabled {
   background-color: #ccc;
   cursor: not-allowed;
   pointer-events: none;
}

.carousel-main-container .carousel-btns .submitBtn {
   display: none;
}

/* Carousel CSS End -------------------------------------------*/


/* Multi Color Bands Design Start ------------------------------------- */

.multi-color-bands {
   display: block;
   list-style: none;
   counter-reset: li;
}
.multi-color-bands li {
   position: relative;
   width: 100%;
}

.multi-color-bands li.signed::after {
   content: "✅";
   position: absolute;
   top: -4px;
   right: -3px;
   font-size: 25px;
}

.multi-color-bands li::before {
   content: counter(li);
   counter-increment: li;
   position: absolute;
   top: 0;
   left: 0;
   width: 22px;
   height: 23px;
   /* background-color: #b8daff; */
   padding: 3px 5px 3px 3px;
   font-size: 16px;
   text-align: center;
   line-height: 23px;
   font-weight: bold;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
}

.multi-color-bands li b {
   display: block;
   /* background-color: #b8daff; */
   padding: 5px 5px 5px 10px;
   font-size: 16px;
   margin: 0 0 8px 37px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
}

.multi-color-bands li.red b {
   background-color: #ffebeb;
}
.multi-color-bands li.red::before {
   background-color: #ffd9d9;
}

.multi-color-bands li.green b {
   background-color: #e7f9e7;
}
.multi-color-bands li.green::before {
   background-color: #b8f3b8;
}

.multi-color-bands li.blue b {
   background-color: #e4f2ff;
}
.multi-color-bands li.blue::before {
   background-color: #CBE4F9;
}

.multi-color-bands li.yellow b {
   background-color: #fffbea;
}
.multi-color-bands li.yellow::before {
   background-color: #fff2b9;
}

.multi-color-bands li.purple b {
   background-color: #f0e8fd;
}
.multi-color-bands li.purple::before {
   background-color: #dbc9f7;
}

.multi-color-bands li.lemongreen b {
   background-color: #EFF9DA;
}
.multi-color-bands li.lemongreen::before {
   background-color: #dce7c4;
}

.multi-color-bands li.turquoise b {
   background-color: #CDF5F6;
}
.multi-color-bands li.turquoise::before {
   background-color: #b2dcdd;
}

/* Multi Color Bands Design End ------------------------------------- */

/* Blue Three Color Bands Design Start ------------------------------------- */

.blue-color-bands {
   display: block;
   list-style: none;
   counter-reset: li;
}
.blue-color-bands li {
   position: relative;
   width: 100%;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.blue-color-bands li.signed::after {
   content: "✅";
   position: absolute;
   top: -4px;
   right: -3px;
   font-size: 25px;
}

.blue-color-bands li::before {
   content: counter(li);
   counter-increment: li;
   position: absolute;
   top: 0;
   left: 0;
   width: 29px;
   height: 29px;
   /* background-color: #b8daff; */
   padding: 3px 5px 3px 3px;
   font-size: 16px;
   text-align: center;
   line-height: 20px;
   font-weight: bold;
   border: 1px solid #a1d2ff;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.blue-color-bands li a {
   display: block;
   /* background-color: #b8daff; */
   padding: 5px 5px 5px 10px;
   font-size: 16px;
   color: #000;
   margin: 0 0 8px 37px;
   border-radius: 3px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   -o-border-radius: 3px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.blue-color-bands li.blue1 a {
   background-color: #cde8ff;
}
.blue-color-bands li.blue1::before {
   background-color: #cde8ff;
}

.blue-color-bands li.blue2 a {
   background-color: #e4f2ff;
}
.blue-color-bands li.blue2::before {
   background-color: #e4f2ff;
}

.blue-color-bands li.blue3 a {
   background-color: #ecf6ff;
}
.blue-color-bands li.blue3::before {
   background-color: #ecf6ff;
}

.blue-color-bands li a:hover {
   color: #FFF;
   background-color: #ff7612;
}

.blue-color-bands li:hover::before  {
   color: #FFF;
   background-color: #ff7612;
   border: 1px solid #cf5600;
}

.skill-assessment .question-answer-listing {
   display: block;
   font-size: 16px;
}

.skill-assessment .question-answer-listing li::marker {
   font-weight: bold;
}

.skill-assessment .question-answer-listing h2 {
   display: block;
   font-size: 16px;
   padding-bottom: 10px;
   font-weight: bold;
}

.skill-assessment .question-answer-listing li label {
   display: inline-flex;
   flex-direction: row;
   align-items: center;
   margin: 0;
   gap: 7px;
   font-weight: normal;
}

.skill-assessment .question-answer-listing li label input[type="checkbox"] {
   display: inline-block;
   margin: 0;
}  

.skill-assessment .question-answer-listing li {
   padding: 0 0 10px 10px !important;
}

.skill-assessment .question-answer-listing li ol {
   padding: 0 0 0 15px;
   list-style-type: revert-layer;
}

.skill-assessment .question-answer-listing li ol li {
   padding: 0 0 2px 5px !important;
}

.skill-assessment .question-answer-listing li ol li::marker {
   font-weight: normal; 
}

.inservice-calendar-text {
   opacity: 1 !important;
   background: #d5ffce !important;
}

.inservice-calendar-text .fc-event-title {
   font-size: 24px !important;
   color: #000 !important;
   font-style: normal !important;
}


/* Media Query CSS */

@media screen and (max-width: 1025px) {
   .in-services-listing .in-service-container {
      grid-template-columns: 1fr;
   }

}

@media screen and (max-width: 1025px) {
   .steps-progress span {
      font-size: 14px;
   }
   .content-container {
      padding: 0 30px;
   }
   input[type="file"] {
      margin-bottom: 5px;
   }
   .w100,
   .w50,
   .w25 {
      width: 100%;
   }
}

@media screen and (max-width: 990px) {
   /* body {
      background-size: 130% auto;
   } */

   header > div {
      min-width: auto;
   }

   .table-container.flex {
      flex-direction: column;
   }

   .half-container {
      flex-direction: column;
      gap: 10px;
   }

   .half-container:before {
      display:none;
   }
}

@media screen and (max-width: 770px) {
   header h2 {
      font-size: 3vw;
   }

   .steps-progress > div {
      min-height: auto;
   }

   .steps-progress > div:before {
      display:none;
   }

   .steps-progress > div:after {
      top: 20px;
   }

   .step-active-name {
      display: block;
      text-align: center;
      padding: 25px 0 30px;
      color: #1d6fde;
      font-size: 18px;
      font-weight: 600;
      font-style: italic;
   }

   .steps-progress figure {
      width: 40px;
      height: 40px;
      padding: 10px 0;
   }

   .steps-progress figure svg {
      height: 20px;
   }

   .steps-progress span {
      display:none;
   }

   .radio-checkbox label {
      height: auto;
      min-width: auto;
   }

   .table_div .table_thead {
      display: none;
   }
   .table_div .table_row {
      display: block;
      border: 1px solid #666;
      margin-bottom: 20px;
      box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
      -webkit-box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
      padding: 0;
   }
   .table_div .table_cell {
      display: grid;
      grid-gap: 0;
      grid-template-columns: 1fr;
      border: 0;
      align-items: center;
	   justify-content: flex-start;
      padding-left: 10px;
      /* border-bottom: 1px solid rgb(220, 220, 220); */
   }
   .table_div .table_row:nth-child(even) {
      background: #f4fcff;
   }
   .table_div .table_row:nth-child(odd) {
      background: #fffaf4;
   }
   .table_div .table_cell:nth-child(even) {
      background: #fff;
   }
   .table_div .table_cell:last-child {
      border-bottom: 1px solid #999;
   }
   .table_div .table_cell::before {
      display: block;
   }
   .table_div .contact_cell::before,
   .table_div .education_cell::before,
   .table_div .professional_licenses_cell::before,
   .table_div .employee_cell::before,
   .table_div .pay_information_cell::before {
      display: block !important;
      /* width: auto;
      padding-right: 10px; */
      text-decoration: underline;
      /* position: absolute;
      left: 10px;
      top: 0;
      width: 120px !important; */
   }
   .svg-icon {
      float: none;
      display: inline-block;
      vertical-align: middle;
      /* padding: 5px;
      width: 30px;
      height: 30px; */
   }
   .page-container section .ordered-list-flex li > div {
      flex-direction: column;
   }
   .page-container section .ordered-list-flex li .input-group-doller,
   .page-container section .claim-dependents-total {
      width: 100%;
   }
   .table_div .upload_cell .input_file_container {
      flex-direction: column;
   }
   .modal-dialog {
      width: calc(100% - 30px);
   }
}

@media screen and (max-width: 640px) {
   /* body {
      background-size: 250% auto;
   } */
   header {
      padding: 15px;
      gap: 5px;
      flex-direction: column !important;
   }
   header > div {
      min-width: auto;
      text-align: center;
   }
   header h2 {
      font-size: 5.5vw;
      padding: 5px 0;
   }

   .flex-row {
      flex-direction: column;
      justify-content: flex-start;
      gap: 15px;
   }

   .flex-row table {
      width: 100% !important;
      margin: 0 !important;
   }

   .steps-progress {
      flex-direction: row;
      align-items: center;
      gap: 5px;
      flex-wrap: wrap;
      padding: 0 5px;
      justify-content: flex-start;
   }

   .steps-progress > div {
      display: flex;
      display: -webkit-flex;
      width: auto;
      min-height: auto;
      margin: 0 auto;
   }

   .steps-progress figure {
      width: 30px;
      height: 30px;
      margin: 0 auto;
      padding: 7px 0;
   }

   .steps-progress figure svg {
      height: 14px;
   }

   .steps-progress > div:after,
   .steps-progress .success:after,
   .steps-progress .active:after {
      display: none !important;
   }

   .step-active-name {
      font-size: 16px;
      padding: 15px 0 20px;
   }

   .content-container {
      padding: 0 15px;
   }
   .page-container {
      padding: 20px 15px;
   }
   .page-container section {
      padding: 15px !important;
   }
   .page-container section .title {
      font-size: 18px;
   }
   .grid-row {
      grid-template-columns: 1fr !important;
   }
   .grid-item.merge-2cols {
      grid-column: 1;
   }
   footer span,
   footer a {
      display: block;
      border-right: 0;
      padding-right: 0;
      margin-right: 0;
      line-height: 25px;
   }
   .popup-flex {
      align-items: flex-start;
   }
   .popup-inner {
      width: calc(100% - 40px);
      display: block;
      margin: 20px;
   }
   /* fieldset .radio-checkbox.long-name label {
      height: auto;
      line-height: 150%;
   } */
   /* .page-container section .ordered-list-flex {
      padding-left: 0;
   } */
   .page-container section .ordered-list-flex li {
      padding: 0 0 10px 0;
   }
   .id-proof-container ul li {
      display: block;
   }
   /* .download-btn {
      height: 34px;
      line-height: 34px;
      background-position: 8px 8px;
   } */
   .table_div .upload_cell .input_radio_container {
      flex-direction: column;
      align-items: flex-start;
   }

   .work-availability-table {
      gap: 0 !important;
   }

   .work-availability-table h3 {
      text-align: left !important;
   }

   .work-availability-table .hide-thead {
      display: none;
   }

   .work-availability-table .radio-checkbox {
      margin: 0 5px 0px 0;
   }
   .work-availability-table .radio-checkbox label {
      font-size: 13px;
      min-width: 122px;
      /* padding: 0 20px 0 30px; */
   }
   .work-availability-table .radio-checkbox .checkbox:before {
      left: 8px;
      padding: 7px;
   }
   .work-availability-table .radio-checkbox input[type="checkbox"]:checked + .checkbox:after {
      top: 8px;
      left: 13px;
      width: 3px;
	   height: 8px
   }
   .work-availability-table input[type="time"] {
      width: 112px;
      font-size: 13px;
   }
   .images-list-container {
      justify-content: space-between;
      padding: 4vw 2vw 1vw;
   }
   .image-container {
      width: 20vw;
   }
   .image-container input[type="checkbox"],
   .image-container .file-name {
      display: none;
   }
   .image-container .thumbnail {
      width: 20.1932vw;
	   height: 20.1932vw;
      padding: 1.1vw;
   }
   .image-container .thumbnail img {
      width: 17.5vw;
	   height: 17.5vw;
   }
   .image-container .del-thumbnail {
      font-size: 15px;
   }
   .signature-pad-box {
      width: 100%;
   }

   .fc-theme-standard td {
      height: 100%;
   }

   .fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
      left: auto !important;
      position: relative !important;
      right: auto !important;
   }

   .fc .fc-daygrid-bg-harness {
      position: relative !important;
   }

   .inservice-calendar-text {
      position: relative !important;
   }

   .inservice-calendar-text .fc-event-title {
      font-size: 13px !important;
   }
   .select2-container--default .select2-selection--multiple {
      width: 98%;
   }

   .prev-next-btn-container {
      padding: 0;
   }
}