/* Sidebar */
/* Content */
/* Top Navbar */
/* .nav-alert-col{
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    border-right: 1px solid #7D8080;
} */
/* color schemes */
/* input fiels */
/* second drop down nav */
/* first drop down nav */
/* user drop down */
/* side navbar */
/* media query for mobile / IPADS */
/* media query for mobile */
/* #myDate::-webkit-datetime-edit-text {
        color: transparent!important;
    }
    #myDate::-webkit-calendar-picker-indicator {
        display: none;
    }
    

    #myDate {
        background-image: url(../img/clientlogo.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 20px;
        padding-right: 25px;
    } */
.side-navbar {
  position: fixed;
  top: 60px;
  left: 0;
  width: 203px;
  background-color: #0c277d;
  color: #fff;
  transition: transform 0.3s ease-in-out;
  z-index: 1000;
  height: 100vh; }
  .side-navbar ul {
    list-style: none;
    padding: 0; }
  .side-navbar .nav-link {
    display: flex;
    align-items: center;
    color: white;
    padding: 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400; }
    .side-navbar .nav-link:hover {
      background-color: #214093; }

.side-navbar.not-active {
  transform: translateX(-100%); }

.side-navbar.active-nav #sidebar {
  transform: translateX(0); }

.logo {
  width: auto;
  height: 1.5rem;
  margin-top: 5px;
  /* background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='2032.14px' height='437.348px' viewBox='0 0 2032.14 437.348' enable-background='new 0 0 2032.14 437.348' xml:space='preserve'%3E%3Cpolygon fill='%23FFDE00' points='370.112,290.281 310.904,231.138 240.414,301.604 299.761,360.631 271.854,388.539 397.927,388.539 397.927,262.465 '/%3E%3Cpolygon fill='%23FFDE00' points='370.112,147.395 310.904,206.538 240.414,136.072 299.761,77.044 271.854,49.137 397.927,49.137 397.927,175.21 '/%3E%3Cpolygon fill='%23A8A9AD' points='85.115,290.047 144.323,230.905 214.813,301.371 155.466,360.398 183.373,388.305 57.3,388.305 57.3,262.232 '/%3E%3Cpolygon fill='%23A8A9AD' points='85.115,147.162 144.323,206.305 214.813,135.839 155.466,76.811 183.373,48.904 57.3,48.904 57.3,174.977 '/%3E%3Crect x='177.895' y='168.241' transform='matrix(0.7071 -0.7071 0.7071 0.7071 -87.5804 225.0906)' fill='%23020202' width='100.047' height='100.046'/%3E%3Cg%3E%3Cdefs%3E%3Crect id='SVGID_1_' width='2032.141' height='437.348'/%3E%3C/defs%3E%3CclipPath id='SVGID_2_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23020202' d='M449.695,384.969v-56.088c25.504,10.713,44.562,17.109,57.165,19.192 c12.604,2.083,24.2,3.12,34.793,3.12c19.091,0,33.337-4.27,42.733-12.813c9.395-8.54,14.097-18.778,14.097-30.713 c0-9.13-2.635-17.377-7.899-24.744c-5.267-7.217-18.146-16.57-38.639-28.061l-22.051-12.151 c-31.485-17.529-52.794-33.73-63.932-48.604c-11.286-14.873-16.929-32.102-16.929-51.69c0-24.59,9.403-45.648,28.208-63.174 c18.806-17.522,45.824-26.287,81.055-26.287c26.311,0,55.971,3.753,88.974,11.259v52.336 c-33.776-12.521-60.597-18.782-80.472-18.782c-16.439,0-28.957,3.574-37.549,10.717c-8.592,7.144-12.886,15.722-12.886,25.738 c0,7.662,2.628,14.805,7.885,21.434c5.098,6.63,17.895,15.687,38.39,27.174l23.614,13.034 c36.086,20.182,59.103,37.701,69.054,52.553c9.8,15.005,14.701,31.844,14.701,50.519c0,26.77-10.21,49.642-30.629,68.612 c-20.42,18.972-52.909,28.457-97.459,28.457C515.483,396.007,484.74,392.327,449.695,384.969'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23020202' d='M800.445,393.358c-26.197,0-48.676-5.115-67.44-15.342 c-18.764-10.228-33.079-25.276-42.936-45.145c-9.862-19.867-14.791-41.943-14.791-66.226c0-24.135,4.856-46.1,14.57-65.895 c9.713-19.792,23.986-34.879,42.826-45.254c18.836-10.376,41.426-15.564,67.771-15.564c26.491,0,49.118,5.188,67.882,15.564 c18.764,10.375,33.037,25.462,42.826,45.254c9.786,19.795,14.68,41.76,14.68,65.895c0,24.282-4.932,46.358-14.79,66.226 c-9.862,19.868-24.173,34.917-42.937,45.145C849.342,388.243,826.787,393.358,800.445,393.358 M800.445,352.519 c18.543,0,32.485-8.13,41.833-24.394c9.344-16.26,14.018-36.755,14.018-61.479c0-24.576-4.674-45.034-14.018-61.37 c-9.348-16.336-23.29-24.503-41.833-24.503c-18.398,0-32.268,8.167-41.612,24.503c-9.347,16.336-14.018,36.794-14.018,61.37 c0,24.725,4.671,45.22,14.018,61.479C768.177,344.389,782.047,352.519,800.445,352.519'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23020202' d='M963.114,387.839V186.292h-33.333v-40.839h33.333v-17.44 c0-33.847,7.761-58.02,23.29-72.517c15.525-14.494,37.563-21.744,66.115-21.744c19.277,0,39.146,2.797,59.603,8.388v44.151 c-18.543-7.799-35.175-11.7-49.889-11.7c-6.92,0-12.842,1.362-17.771,4.084c-4.932,2.725-8.83,7.285-11.7,13.686 c-2.869,6.402-4.305,17.478-4.305,33.224v19.868h61.369v40.839h-61.369v201.548H963.114z'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23020202' d='M1239.25,386.515c-15.602,4.56-27.892,6.843-36.865,6.843 c-21.342,0-37.898-3.018-49.67-9.051c-11.776-6.032-20.606-14.238-26.49-24.614c-5.889-10.375-8.83-25.642-8.83-45.806V186.291 h-27.153v-40.839h27.153v-40.839l65.342-7.506v48.345h51.878v40.839h-51.878v118.825c0,17.491,3.091,29.287,9.273,35.386 c6.18,6.099,15.23,9.147,27.151,9.147c5.591,0,12.286-0.883,20.089-2.649V386.515z'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23020202' d='M1464.392,379.671c-30.864,9.123-60.12,13.687-87.766,13.687 c-26.188,0-49.115-4.895-68.789-14.68c-19.674-9.786-34.817-25.09-45.42-45.917c-10.607-20.823-15.908-43.45-15.908-67.882 c0-22.661,4.498-43.598,13.494-62.804c8.995-19.206,22.086-34.361,39.275-45.475c17.189-11.11,38.363-16.667,63.522-16.667 c30.864,0,55.509,9.862,73.941,29.581c18.434,19.723,27.649,56.44,27.649,110.156h-149.008 c1.456,16.336,5.139,29.215,11.048,38.632c5.909,9.42,13.897,16.888,23.962,22.406c10.065,5.519,23.556,8.278,40.479,8.278 c21.732,0,46.239-5.077,73.52-15.232V379.671z M1314.279,242.804h85.873c0-22.22-3.67-38.114-11.007-47.683 c-7.34-9.565-16.817-14.348-28.441-14.348c-12.643,0-23.03,5.263-31.167,15.783C1321.398,207.08,1316.314,222.495,1314.279,242.804 '/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23020202' d='M1607.193,393.358c-26.196,0-48.677-5.115-67.439-15.342 c-18.764-10.228-33.079-25.276-42.938-45.145c-9.86-19.867-14.791-41.943-14.791-66.226c0-24.135,4.857-46.1,14.57-65.895 c9.713-19.792,23.987-34.879,42.827-45.254c18.835-10.376,41.425-15.564,67.771-15.564c26.49,0,49.117,5.188,67.882,15.564 c18.765,10.375,33.036,25.462,42.825,45.254c9.786,19.795,14.682,41.76,14.682,65.895c0,24.282-4.934,46.358-14.791,66.226 c-9.862,19.868-24.172,34.917-42.938,45.145C1656.09,388.243,1633.536,393.358,1607.193,393.358 M1607.193,352.519 c18.543,0,32.485-8.13,41.832-24.394c9.346-16.26,14.02-36.755,14.02-61.479c0-24.576-4.674-45.034-14.02-61.37 c-9.347-16.336-23.289-24.503-41.832-24.503c-18.397,0-32.269,8.167-41.611,24.503c-9.349,16.336-14.019,36.794-14.019,61.37 c0,24.725,4.67,45.22,14.019,61.479C1574.925,344.389,1588.796,352.519,1607.193,352.519'/%3E%3Cpath clip-path='url(%23SVGID_2_)' fill='%23020202' d='M1763.02,387.839V145.452h65.343v45.696 c11.771-18.688,24.797-31.899,39.072-39.625c14.272-7.727,28.771-11.59,43.488-11.59c19.13,0,35.576,6.147,49.338,18.433 c13.761,12.289,20.642,31.678,20.642,58.168v171.305h-65.344V232.65c0-13.245-1.214-22.221-3.643-26.933 c-2.427-4.708-5.739-8.278-9.933-10.706c-4.194-2.428-8.868-3.643-14.019-3.643c-8.978,0-18.323,2.981-28.036,8.941 c-9.713,5.96-20.235,17.626-31.566,34.989v152.541H1763.02z'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center; */
  background-size: cover;
  width: 7rem; }

.my-container {
  margin-left: 240px;
  transition: margin-left 0.3s ease-in-out; }

.my-container.active-cont {
  margin-left: 0;
  transition: margin-left 0.3s ease-in-out; }

.wrapper {
  background-color: #fafbfc; }

.top-navbar {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 999; }
  .top-navbar .container-fluid {
    display: flow-root !important; }

.background-middle {
  background-color: #f1f4f6; }

.btn-toggle-custom {
  font-size: 22px;
  color: #020202;
  margin-left: 0.5rem;
  margin-top: 7px; }

.nav-brand-pd {
  display: flex; }

.top-nav-heading {
  font-size: 20px;
  font-weight: 700; }

.cl-black {
  color: #020202; }

.search-font {
  font-size: 24px;
  font-weight: 800; }

.navbar {
  padding: 10px 15px 10px 0px;
  background-color: white !important;
  position: fixed;
}

.nav-2-txt {
  font-size: 15px;
  font-weight: 500; }

.user-icon {
  font-size: 10px;
  margin-left: 5px; }

.nav-btn-search-pd {
  padding: 7px 0px 7px 0px; }

.btn-nav-toggle {
  padding: 0px 16px; }

.circle {
  display: flex;
  justify-content: center;
  align-items: center; }

.nav-icon {
  font-size: 15px;
  color: white; }

.last-fa {
  border-right: 1px solid #7D8080; }

.user-alert-col {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  border-left: 1px solid #7D8080;
  margin-left: 13px; }

.bg-softeon-cyprus-theme {
  background-color: white; }

.cl-softeon-cyprus-theme {
  color: #0F4452; }

.bg-yellow {
  background-color: #FFDE00; }

.cl-yellow {
  color: #1034A6; }

.border-right-cyprus {
  border-right: 1px solid #7D8080; }

.border-bottom-cyprus {
  border-bottom: 1px solid #7D8080; }

.bg-nav-two {
  background-color: #FFF7C4; }

.cl-font {
  color: #F2625A; }

.label {
  color: #0F4452;
  font-size: 15px;
  font-weight: 500; }

.form-control {
  border-radius: 4px;
  font-size: 12px;
  height: 28px !important;
  padding: 0.3rem 0.5rem; }

.required-asterik {
  color: #1034a6; }

.checkbox-custom {
  transform: scale(1.3);
  border-radius: 0; }

.check-box-mrt {
  margin-top: 2rem; }

.btn-form {
  border-radius: 4px;
  color: white;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 15px;
  padding: 0.15rem 0.7rem; }

.btn-submit {
  background-color: #0c277d; }

.btn-param {
  background-color: #0f349c; }

.btn-delete {
  background-color: #4251d9; }

.btn-reset {
  background-color: #7d8080; }

.btn-new {
  background-color: #5c60f5; }

th {
  white-space: nowrap !important;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: black;
  font-weight: 700;
  border-right: 1px solid #7D8080;
  font-size: 14px; }

td {
  white-space: nowrap !important;
  border: 1px solid #7d808078;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 14px;
  font-weight: 500; }

thead {
  background-color: white;
  border: 1px solid #7d808078;
  color: black; }

.tr-even {
  background-color: #f7f7f7; }

.tr-odd {
  background-color: white; }

.scroll-container {
  width: 100%;
  overflow-x: auto; }
  .scroll-container::-webkit-scrollbar {
    height: 8px; }
  .scroll-container::-webkit-scrollbar-track {
    background: #888;
    border-radius: 4px; }
  .scroll-container::-webkit-scrollbar-thumb {
    background: #f1f1f1d4;
    border-radius: 4px; }
    .scroll-container::-webkit-scrollbar-thumb:hover {
      background: #f1f1f1d4; }
  .scroll-container::-webkit-scrollbar-button {
    display: none; }
  .scroll-container::-webkit-scrollbar-corner {
    background: transparent; }

.border-input {
  border: 1px solid transparent;
  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
  background-color: white; }

.heading-input {
  margin-top: 10px;
  margin-left: 28px;
  display: table;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: 750;
  color: #1034A6; }

.col-main-padding {
  padding-left: 2.2rem;
  padding-right: 2.2rem; }

.container-fluid-pd {
  padding-left: 32px;
  padding-right: 32px; }

.dropdown-txt {
  border-bottom: 1px solid #7D8080;
  font-size: 13px;
  padding-bottom: 12px;
  padding-right: 25px; }

.fa-drp {
  position: absolute;
  right: 10px;
  color: #363e4094; }

.header-dropdown {
  text-align: center;
  background-color: #1034A6;
  color: white;
  padding: 20px 0px 12px 0px; }

.header-mini-dropdown {
  padding: 5px 10px 0px 10px; }

.heading-header {
  margin: 0;
  line-height: 15px;
  font-size: 19px;
  font-weight: 400; }

.head-span {
  font-size: 13px;
  margin: 0; }

.dropdown-container {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 18rem;
  max-height: 20rem;
  overflow-y: auto;
  right: -13px;
  border-top: 1px solid #7D8080;
  border-radius: 6px;
  top: 44px;
  background-color: #f3f9fe;
  z-index: 1; }
  .dropdown-content::-webkit-scrollbar {
    width: 8px; }
  .dropdown-content::-webkit-scrollbar-track {
    background: #888;
    border-radius: 4px; }
  .dropdown-content::-webkit-scrollbar-thumb {
    background: #f1f1f1d4;
    border-radius: 4px; }
    .dropdown-content::-webkit-scrollbar-thumb:hover {
      background: #f1f1f1; }
  .dropdown-content::-webkit-scrollbar-button {
    display: none; }
  .dropdown-content::-webkit-scrollbar-corner {
    background: transparent; }

.dropdown-container2 {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.dropdown-content2 {
  display: none;
  position: absolute;
  min-width: 18rem;
  max-height: 20rem;
  overflow-y: auto;
  right: -13px;
  border-top: 1px solid #7D8080;
  border-radius: 6px;
  top: 44px;
  background-color: #f3f9fe;
  z-index: 1; }
  .dropdown-content2::-webkit-scrollbar {
    width: 8px; }
  .dropdown-content2::-webkit-scrollbar-track {
    background: #888;
    border-radius: 4px; }
  .dropdown-content2::-webkit-scrollbar-thumb {
    background: #f1f1f1d4;
    border-radius: 4px; }
    .dropdown-content2::-webkit-scrollbar-thumb:hover {
      background: #f1f1f1; }
  .dropdown-content2::-webkit-scrollbar-button {
    display: none; }
  .dropdown-content2::-webkit-scrollbar-corner {
    background: transparent; }

.dropdown-container1 {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.dropdown-content1 {
  display: none;
  position: absolute;
  min-width: 18rem;
  max-height: 20rem;
  overflow-y: auto;
  right: -13px;
  border-top: 1px solid #7D8080;
  border-radius: 6px;
  top: 44px;
  background-color: #f3f9fe;
  z-index: 1; }
  .dropdown-content1::-webkit-scrollbar {
    width: 8px; }
  .dropdown-content1::-webkit-scrollbar-track {
    background: #888;
    border-radius: 4px; }
  .dropdown-content1::-webkit-scrollbar-thumb {
    background: #f1f1f1d4;
    border-radius: 4px; }
    .dropdown-content1::-webkit-scrollbar-thumb:hover {
      background: #f1f1f1; }
  .dropdown-content1::-webkit-scrollbar-button {
    display: none; }
  .dropdown-content1::-webkit-scrollbar-corner {
    background: transparent; }

.dropdown-container-user {
  position: relative;
  display: inline-block;
  cursor: pointer; }

.dropdown-content-user {
  position: absolute;
  min-width: 246px;
  border: 1px solid #7d808073;
  border-radius: 0px;
  top: 38px;
  background-color: #f3f9fe;
  z-index: 1;
  right: -31px; }
  .dropdown-content-user p {
    margin: 0;
    padding: 8px 0px 8px 12px;
    cursor: pointer;
    text-align: left; }
    .dropdown-content-user p:hover {
      background-color: #dceff7; }

.card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  background-color: #1034A6; }

.profile {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden; }
  .profile img {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.info {
  flex-grow: 1;
  margin: 0 5px;
  text-align: left;
  color: white; }

.name {
  font-size: 14px;
  margin: 0; }

.description {
  font-size: 10px;
  margin: 0; }

.logout-button {
  padding: 5px 10px;
  font-size: 14px;
  border: none;
  background-color: #7a7d7d;
  border-radius: 5px;
  color: white;
  cursor: pointer; }

.sub-menu {
  display: none;
  display: none;
  border-left: 1px solid #7D8080; }

.dropdown-toggle::after {
  margin-left: auto; }

.sub-menu-li {
  margin-bottom: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
  display: flex; }

.parent {
  color: #1034a6 !important; }

.children a {
  color: black;
  font-size: 14px;
  padding: 4px;
  text-decoration: none; }
.children:hover {
  background-color: #dceff7; }

.sub-sub-menu {
  position: absolute;
  left: 101%;
  width: 9rem;
  top: 18.5%;
  background-color: #dceff7;
  border: 1px solid #7d808078;
  border-radius: 4px;
  display: none; }
  .sub-sub-menu li {
    border-bottom: 1px solid #7d808078;
    padding-left: 10px; }
    .sub-sub-menu li:hover {
      background-color: rgba(230, 249, 255, 0.91); }

.nav-item-2 a {
  width: 100%;
  display: inline-flex; }

.dropdown-toggle-2::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0.5rem; }

.dropdown-toggle-2.collapsed::after {
  transform: rotate(180deg); }

.sub-sub-sub-menu {
  position: absolute;
  left: 101%;
  width: 9rem;
  top: 17.5%;
  background-color: #dceff7;
  border: 1px solid #7d808078;
  border-radius: 4px;
  display: none; }
  .sub-sub-sub-menu li {
    border-bottom: 1px solid #7d808078;
    padding-left: 10px; }
    .sub-sub-sub-menu li:hover {
      background-color: rgba(230, 249, 255, 0.91); }

.nav-item-3 a {
  width: 100%;
  display: inline-flex; }

.dropdown-toggle-3::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: 0.5rem; }

.dropdown-toggle-3.collapsed::after {
  transform: rotate(180deg); }

.label-required {
  color: #0F4452;
  font-size: 15px;
  font-weight: 500; }
  .label-required::before {
    content: "*";
    color: #1034a6;
    display: inline-block;
    margin-right: 5px; }

.form-group {
  margin: 0; }

@media screen and (min-width: 1140px) {
  .wrapper{
    padding-top: 4rem;
  }
  .navbar-col3 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 19% !important;
    flex: 0 0 19% !important;
    max-width: 19% !important; }

  .navbar-col6 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 60% !important;
    flex: 0 0 60% !important;
    max-width: 60% !important; }

  .navbar-col33 {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 21% !important;
    flex: 0 0 21% !important;
    max-width: 21% !important; }
    #search-box-container {
      right: 60px;

    }
  
  }
@media (max-width: 1140px) {
  .wrapper{
    padding-top: 8rem;
  }
  #search-box {
    width: 118px!important;
    }
    #search-box-container {
        left: 16px!important;
    }
  .alert-active {
    top: 8px!important;
    right: 10px!important;}
  .mobile-row-nav-font {
    flex-wrap: unset !important;
    align-items: center !important; }

  .mobile-heading-col-nav {
    display: block !important; }

  .mobile-heading-col-logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }

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

  .for-heading {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.4444444%;
    flex: 0 0 33.2444444%;
    max-width: 33.2444444%;
    margin-top: 0.5rem; }

  .for-font {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
    margin-top: 0.5rem; }

  .top-nav-heading {
    font-size: 12px;
    font-weight: 700; }

  .nav-alert-col {
    padding: 0;
    margin: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%; }

  .user-alert-col {
    border-left: none;
    padding: 0;
    margin: 0; }
  .border-right-sm{
    border-right: 1px solid #7D8080;
  }
  .user-font {
    font-size: 14px; }

  .user-icon {
    font-size: 7px; }

  .logo {
    width: auto;
    height: 2.3rem;
    margin-top: 5px; }

  .nav-icon {
    font-size: 11px;
    color: white; }

  .circle {
    padding: 5px; }

  .border-logo {
    border: none; } }
@media (max-width: 540px) {
  #search-box-container {
    top: 62px!important;
}
  .btn-form {
    margin-top: 0.5rem; } }
.ui-widget-content {
  background: #ffffff;
  border: 1px solid transparent;
  box-shadow: none;
  border-radius: 0;
  width: 100% !important; }

.ui-jqgrid .ui-jqgrid-hbox {
  padding: 0;
  width: 100%; }
  .ui-jqgrid .ui-jqgrid-hbox .ui-jqgrid-htable {
    width: 100% !important; }

.ui-jqgrid .ui-jqgrid-htable th {
  border-color: #e1e1e1;
  border-bottom-style: solid !important;
  border-bottom-width: 1px !important;
  border-bottom-color: #e1e1e1 !important; }

.ui-jqgrid tr.jqgfirstrow td {
  border-color: transparent; }

.ui-widget .ui-jqgrid-htable {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }
  .ui-widget .ui-jqgrid-htable thead {
    border-color: transparent; }

.ui-jqgrid .ui-jqgrid-bdiv {
  width: 100% !important; }

.ui-jqgrid .ui-jqgrid-btable {
  width: 100% !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #ffffff;
  color: #000;
  text-shadow: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  color: #000 !important;
  background-color: #f7f7f7; }

.ui-jqgrid tr.jqgrow td {
  border-bottom-color: #e1e1e1;
  border-right-color: #e1e1e1; }

.ui-jqgrid .ui-jqgrid-titlebar {
  display: none; }

.ui-jqgrid .ui-jqgrid-view {
  width: 100% !important; }

.ui-jqgrid .ui-jqgrid-hdiv {
  width: 100% !important; }

.input-field {
  position: relative; }
  .input-field .form-control {
    padding-left: 2.25rem; }
  .input-field .icon {
    background-color: white;
    border-right: 1px solid #ced4da;
    position: absolute;
    left: 0.5rem;
    top: 1px;
    bottom: 1px;
    display: flex;
    align-items: center;
    padding-right: 0.35rem; }
    .input-field .icon svg {
      width: 1rem; }
  .input-field:after {
    content: '';
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    width: 1.5rem;
    background-color: white; }

.icon-notification {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 250 250' enable-background='new 0 0 250 250' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2320419A' d='M219,125.004C219,176.92,176.92,219,125.003,219C73.088,219,31,176.92,31,125.004 C31,73.088,73.088,31,125.003,31C176.92,31,219,73.088,219,125.004z'/%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M166.21,151.392c0,1.806-0.66,3.368-1.979,4.687c-1.318,1.318-2.881,1.979-4.686,1.979h-23.327 c0,3.678-1.302,6.822-3.905,9.425c-2.603,2.604-5.743,3.905-9.424,3.905s-6.822-1.303-9.426-3.905 c-2.604-2.603-3.904-5.744-3.904-9.425H86.232c-1.806,0-3.368-0.66-4.687-1.979c-1.318-1.318-1.978-2.881-1.978-4.687 c1.735-1.459,3.313-2.984,4.737-4.581c1.424-1.597,2.898-3.673,4.426-6.225c1.527-2.551,2.82-5.303,3.879-8.253 c1.059-2.949,1.927-6.526,2.603-10.726c0.677-4.199,1.017-8.713,1.017-13.538c0-5.276,2.031-10.181,6.092-14.71 c4.063-4.53,9.389-7.282,15.985-8.253c-0.278-0.66-0.417-1.336-0.417-2.032c0-1.387,0.485-2.569,1.457-3.54 c0.973-0.971,2.153-1.457,3.542-1.457c1.388,0,2.568,0.485,3.539,1.457c0.972,0.972,1.459,2.154,1.459,3.54 c0,0.696-0.14,1.372-0.418,2.032c6.596,0.972,11.925,3.723,15.986,8.253c4.062,4.53,6.093,9.433,6.093,14.71 c0,4.824,0.339,9.338,1.016,13.538c0.677,4.2,1.544,7.777,2.604,10.726c1.059,2.95,2.353,5.702,3.879,8.253 c1.527,2.552,3.002,4.628,4.427,6.225C162.895,148.407,164.475,149.933,166.21,151.392z M123.721,166.388 c0-0.556-0.278-0.833-0.833-0.833c-2.049,0-3.812-0.738-5.286-2.213c-1.477-1.477-2.214-3.237-2.214-5.285 c0-0.555-0.278-0.833-0.833-0.833c-0.557,0-0.834,0.278-0.834,0.833c0,2.533,0.893,4.694,2.681,6.483 c1.788,1.787,3.95,2.681,6.483,2.681C123.443,167.221,123.721,166.942,123.721,166.388z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 2.5rem;
  height: 2.5rem; }

.icon-warning {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 250 250' enable-background='new 0 0 250 250' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2320419A' d='M219.001,125.003c0,51.915-42.081,93.998-93.998,93.998c-51.916,0-94.002-42.081-94.002-93.998 c0-51.916,42.088-94.002,94.002-94.002S219.001,73.087,219.001,125.003z'/%3E%3Cg%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M133.419,78.867l39.987,73.313c1.217,2.188,1.181,4.375-0.108,6.559 c-0.588,1.005-1.397,1.808-2.419,2.397c-1.021,0.591-2.129,0.883-3.31,0.883H87.594c-1.181,0-2.282-0.292-3.303-0.883 c-1.028-0.59-1.832-1.393-2.426-2.397c-1.281-2.184-1.317-4.37-0.101-6.559l39.988-73.313c0.586-1.079,1.405-1.93,2.449-2.554 c1.042-0.624,2.165-0.936,3.382-0.936c1.216,0,2.346,0.313,3.39,0.936C132.006,76.936,132.825,77.788,133.419,78.867z M134.141,127.499l0.943-23.902c0-0.414-0.175-0.746-0.523-0.987c-0.454-0.38-0.868-0.576-1.251-0.576h-11.458 c-0.376,0-0.796,0.195-1.244,0.576c-0.348,0.241-0.522,0.605-0.522,1.093l0.884,23.796c0,0.347,0.175,0.634,0.521,0.856 c0.348,0.226,0.761,0.342,1.253,0.342h9.631c0.485,0,0.891-0.116,1.224-0.342C133.926,128.133,134.106,127.846,134.141,127.499z M134.25,146.971v-9.892c0-0.488-0.166-0.894-0.5-1.225c-0.325-0.328-0.715-0.496-1.166-0.496h-10 c-0.449,0-0.841,0.168-1.173,0.496c-0.326,0.331-0.493,0.736-0.493,1.225v9.892c0,0.489,0.167,0.895,0.493,1.225 c0.332,0.329,0.723,0.497,1.173,0.497h10.001c0.45,0,0.841-0.168,1.166-0.497C134.084,147.865,134.25,147.46,134.25,146.971z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 2.5rem;
  height: 2.5rem; }

.icon-help {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 250 250' enable-background='new 0 0 250 250' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%2320419A' d='M215,125.002C215,174.711,174.703,215,124.999,215C75.292,215,35,174.711,35,125.002 C35,75.295,75.291,35,124.999,35C174.701,35,215,75.295,215,125.002z'/%3E%3Cg%3E%3Cpath fill='%23FFFFFF' d='M168.535,98.974c4.606,7.899,6.912,16.522,6.912,25.873s-2.306,17.978-6.912,25.874 c-4.609,7.895-10.861,14.15-18.761,18.758c-7.897,4.607-16.521,6.912-25.871,6.912c-9.354,0-17.976-2.305-25.873-6.912 c-7.896-4.607-14.151-10.863-18.758-18.758c-4.607-7.896-6.913-16.523-6.913-25.874c0-9.351,2.307-17.975,6.913-25.873 c4.607-7.895,10.862-14.147,18.758-18.759c7.897-4.609,16.519-6.913,25.873-6.913c9.351,0,17.974,2.303,25.871,6.913 C157.674,84.826,163.926,91.078,168.535,98.974z M149.676,111.961c0-3.937-1.241-7.583-3.724-10.939 c-2.486-3.355-5.585-5.951-9.298-7.786c-3.714-1.834-7.515-2.751-11.409-2.751c-10.872,0-19.171,4.765-24.899,14.296 c-0.672,1.073-0.492,2.013,0.539,2.818l8.856,6.712c0.313,0.268,0.739,0.402,1.278,0.402c0.713,0,1.274-0.269,1.677-0.804 c2.372-3.042,4.293-5.102,5.771-6.174c1.522-1.076,3.446-1.612,5.773-1.612c2.146,0,4.059,0.582,5.737,1.745 c1.678,1.165,2.517,2.484,2.517,3.958c0,1.703-0.448,3.066-1.341,4.096c-0.896,1.029-2.417,2.037-4.566,3.021 c-2.819,1.252-5.401,3.187-7.75,5.806c-2.348,2.616-3.524,5.423-3.524,8.421v2.418c0,0.629,0.201,1.139,0.603,1.543 c0.402,0.4,0.918,0.605,1.547,0.605h12.885c0.624,0,1.142-0.205,1.543-0.605c0.401-0.402,0.603-0.914,0.603-1.543 c0-0.85,0.482-1.957,1.442-3.322c0.965-1.365,2.181-2.475,3.658-3.324c1.432-0.803,2.525-1.441,3.29-1.912 c0.76-0.469,1.789-1.252,3.087-2.348c1.3-1.095,2.295-2.171,2.987-3.221c0.693-1.051,1.32-2.406,1.88-4.061 C149.394,115.742,149.676,113.931,149.676,111.961z M132.492,157.063v-12.887c0-0.625-0.201-1.139-0.603-1.543 c-0.401-0.402-0.919-0.604-1.543-0.604h-12.885c-0.629,0-1.145,0.201-1.547,0.604c-0.402,0.404-0.603,0.918-0.603,1.543v12.887 c0,0.629,0.201,1.141,0.603,1.545c0.402,0.402,0.918,0.604,1.547,0.604h12.885c0.624,0,1.142-0.201,1.543-0.604 C132.292,158.203,132.492,157.691,132.492,157.063z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: cover;
  width: 2.5rem;
  height: 2.5rem; }

/*# sourceMappingURL=style.css.map */

.datepicker{
  z-index: 9999!important;
}
.alert-active {
  position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    background-color: #F2625A;
    border-radius: 50%;
}
.fa-drp:hover {
  color: #F2625A;
}
#colNamDiv_id {
  padding: 10px;
}
.dropdown-toggle.collapsed:after {
  transform: rotate(180deg);
}
.dropdown-toggle-2:after {
  transform: rotate(270deg);
}
.dropdown-toggle-3:after {
  transform: rotate(270deg);
}


.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #1034A6!important;
  border-color: #1034A6!important;
}

.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff;
}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff;
}
.custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
  background-color: #1034A6!important;
}
.custom-control-label::before {
  left: -26px;
  border: #adb5bd solid 1.5px;
  
}
.custom-control-label::after {
  left: -26px;
}


input[type='radio'] {
  accent-color: #1034A6;
}


#search-box-container {
  display: none; /* Hide the search box container by default */
  position: absolute;
  top: 0;
  z-index: 1;
}

#search-box {
  width: 200px;
  padding: 10px;
  border: 1px solid #1034A6;
  border-top: none;
  border-right: none;
  border-left: none;
  height: 37px;
}
#search-box:focus-visible{
  border: 1px solid #1034A6;
  border-top: none;
  border-right: none;
  border-left: none;
}
#search-box:focus {
  outline: none;
  border-color: #1034A6;
  border-top: none;
  border-right: none;
  border-left: none;
}

#search-icon{
  cursor: pointer;
}
.highlight-today {
  background-color: #1034A6;
  color: #ffffff;
}
.btn:hover {
  color: #fff;
  text-decoration: none;
}
.bootstrap-datetimepicker-widget{
  width: 22rem!important;
}

.custom-clock-icon {
  background-image: url('../img/clock-three.png');
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px!important;
  z-index: 9999;
}
.custom-calendar-icon{
  background-image: url('../img/calendar-days.png');
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px!important;
  z-index: 9999;
}
.bootstrap-datetimepicker-widget table td span.custom-clock-icon:hover {
  background-image: url('../img/clock-three.png');
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px!important;
  z-index: 9999;
}
.bootstrap-datetimepicker-widget table td span.custom-calendar-icon:hover {
  background-image: url('../img/calendar-days.png');
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 20px!important;
  z-index: 9999;
}
.datepicker table tr td.active{
  background-image: linear-gradient(to bottom,#1034A6,#1034A6);
  
}
.datepicker table tr td.today{
background-image: linear-gradient(to bottom,#1034A6,#1034A6);
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: none;
}
td .btn-primary {
  color: #fff;
  background-color: #1034A6;
  border-color: #007bff;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  display: block;
  margin: -20px 0;}
/* .bootstrap-datetimepicker-widget table td.day {
  height: 25px;
  line-height: 25px;
  width: 25px;
} */
.login-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 400px;
  width: 100%;
  padding: 20px;
  border: 1px solid #dee2e6;
  background-color: #fff;
  border-radius: 5px;
}
textarea.form-control {
  height: auto!important;
}
div.dataTables_wrapper div.dataTables_length select {
width: 4rem;
}
.bg-login{
  background-color: #0c277d;

}
.page-item.active .page-link {

  background-color: #0c277d;
  border-color: #007bff;
}
.card-counter{
  box-shadow: 2px 2px 10px #DADADA;
  margin: 5px;
  padding: 20px 10px;
  background-color: #fff;
  height: 100px;
  border-radius: 5px;
  transition: .3s linear all;
}

.card-counter:hover{
  box-shadow: 4px 4px 20px #DADADA;
  transition: .3s linear all;
}

.card-counter.primary{
  background-color: #007bff;
  color: #FFF;
}

.card-counter.danger{
  background-color: #ef5350;
  color: #FFF;
}  

.card-counter.success{
  background-color: #66bb6a;
  color: #FFF;
}  

.card-counter.info{
  background-color: #26c6da;
  color: #FFF;
}  

.card-counter i{
  font-size: 5em;
  opacity: 0.2;
}

.card-counter .count-numbers{
  position: absolute;
  right: 35px;
  top: 20px;
  font-size: 32px;
  display: block;
}

.card-counter .count-name{
  position: absolute;
  right: 35px;
  top: 65px;
  font-style: italic;
  text-transform: capitalize;
  opacity: 0.5;
  display: block;
  font-size: 18px;
}
.dashboard-back{
  height: 100vh;
}
#pagination{
  width: 100%;
    text-align: center;
}
.btn-sm{
  margin: 0.5rem;
}
.btn-primary {
  background-color: #0c277d;
  color: white;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
  background-color: #0c277d;
  border-radius: 3px;
  padding-left: 3px;
  padding-right: 3px;
  padding-bottom: 3px;
}
.bootstrap-tagsinput{
  width: 65%;
}

.btn-delete {
  background-color: #d94242!important;
}
.cl-white{
  color:white!important;
}
.logo{
  height: 2.5rem;
  margin-top: -1px;
  background-size: cover;
  width: 11rem;
}