/* ***** Development File Details:$Rev: 622 $, $Author: BaskarR $, $Date: 2024-04-29 04:29:59 -0700 (Mon, 29 Apr 2024) $ ***** Added by Program */ 

/* 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;
    } */
    :root
    {
    --pg--color:#0c277d;
    }
	
.clsBody
{
	background-color: #f1f4f6;
}


    .side-navbar {
      position: fixed;
      top: 60px;
      left: 0;
      width: 203px;
      background-color: rgba(230, 249, 255, 0.91);
      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: black;
        padding: 12px;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400; }
        .side-navbar .nav-link:hover {
          background-color: #f6f9ff; }
    
    .side-navbar.not-active {
      transform: translateX(-100%); }
    
    .side-navbar.active-nav #sidebar {
      transform: translateX(0); }
    
    .logo {
      height: 40px;
      margin-top: 0px;
      /* 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; }
      .wrapper-appSelect{
        background-color: #f0f4f7;
      }
    
    .top-navbar {
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      z-index: 999;
	  height: 41px;
	  }
      .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: 10px; }
    
    .nav-brand-pd {
      display: flex; }
    
    .top-nav-heading {
      font-size: 1.125rem;
      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 {
    display: block;
    width: 100%;
    height: calc(1.2em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.2;
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 255);
    background-clip: padding-box;
    border: 1px solid rgb(206, 212, 218);
    border-radius: 2px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

/*.form-control {
    display: block;
    width: 100%;
    height: calc(1.2em + 0.75rem + 2px);
    padding: 0rem 0.5rem;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
} */

   
    .required-asterik {
      color: #1034a6; }
    
   /* E1201 .checkbox-custom {
      transform: scale(1.3);
      border-radius: 0; }
    
    .check-box-mrt {
      margin-top: 2rem; }
      .check-box-flag{
        margin-top: 0.6rem;
      }*/
    
    .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-new {
      background-color: #5c60f5; }
     
    .ui-jqgrid-htable{
	line-height:44px;
    }  
	
    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: 700;
      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;
      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;
      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-flex;
      cursor: pointer; }
    
    .dropdown-content-user {
      position: absolute;
      min-width: 246px;
      border: 1px solid #7d808073;
      border-radius: 0px;
      top: 32px;
      background-color: #f3f9fe;
      z-index: 1;
      right: 30px;
      /* right: 2px; */
      }
      .dropdown-content-user p {
        margin: 0;
        padding: 8px 0px 8px 12px;
        cursor: pointer;
        text-align: left; }
        .dropdown-content-user p:hover {
          background-color: #dceff7; }
          
         .header-mini-dropdown p:hover {
          background-color: #dceff7; }
    
    .dropdowm-Padding
    {
    margin: 0;
    padding: 8px 0px 8px 12px;
    cursor: pointer;
    text-align: left;
    }
    .ui-search-toolbar
    {
    height:25px
    }
    .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; 
      cursor:auto;
      }
    
    .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: #f6f9ff; }
    
    .sub-sub-menu {
      position: fixed;
      height:calc(100vh - 48px);
	  overflow-y: auto;
	  overflow-x:hidden;
      position: fixed;
      left: 215px;
      width: 9rem;
      top: 48px;
      margin-top: 0px;
      background-color: white;
      border: 1px solid #d6dddd78;
      border-radius: 4px;
      display: none; }
      .sub-sub-menu li {
        border-bottom: 1px solid #d6dddd78;
        padding-left: 10px; }
        .sub-sub-menu li:hover {
          background-color: #f6f9ff; }
    
    .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: fixed;
      height:calc(100vh - 48px);
      	  overflow-y: auto;
	  overflow-x:hidden;
      position: fixed;
      left: 391px;
            width: 9rem;
      background-color: white;
      top: 48px;
      margin-top: 0px;
      border: 1px solid #d6dddd78;
      border-radius: 4px;
      display: none; }
      .sub-sub-sub-menu li {
        border-bottom: 1px solid #d6dddd78;
        padding-left: 10px; }
        .sub-sub-sub-menu li:hover {
          background-color: #f6f9ff; }
    
    .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 {
			display: inline-block;
			margin-bottom: 2px;
		}
	  
	   .label-required::before {
        content: "*";
        color: #1034a6;
        display: inline-block;
        margin-right: 5px; }
    
	input[type=checkbox], input[type=radio] {
    height: 1rem;
    width: 1rem;
	}
	input[type=checkbox], input[type=radio] {
		accent-color:#1034A6 ;
		box-sizing: border-box;
		padding: 0;
	}

	.form-check-input {
    margin-top: 0;
}

    .form-group {
      margin: 0; }
    
    @media screen and (min-width: 1140px) {
      /*.wrapper{
        padding-top:3.77rem;
      }*/
      .navbar-col3 {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 12% !important;
        flex: 0 0 12% !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; }
        #divSearchMenu {
          right: 60px;
    
        }
      
      }
    @media (max-width: 1140px) {
	.col-md-3.mobile-heading-col-logo
	{
		flex: 0 0 27%;
		max-width: 27%;
	}
	.col-md-6.for-heading
	{
		flex: 0 0 70%;
		max-width: 70%;
	}
      .wrapper{
        padding-top:8rem;
      }
      #txtMenuRefId {
        width: 85%!important;
        }
        #divSearchMenu {
            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;
        text-align: left;
      }
    
      .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 100%;
        flex: 0 0 100%;
        max-width: 100%;
        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 {
        /*padding-left: 25px;*/
        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; }
    

    
      .nav-icon {
        font-size: 11px;
        color: white; }
        .logo {
      width: auto;
      height: 2.5rem;
      margin-top: 0px;
      background-size: cover;
      width: 7rem; }
      .mobile-heading-col-logo
      {
      max-width: 143px !important;
      }
     /* .circle {
        padding: 5px; }*/
    
      /*.border-logo {
        border: none; 
		}*/
	}
	@media (max-width: 550px) {

      .logo {
    width: auto;
    height: 2.5rem;
    clip: rect(0,34px,60px,0);
    /* object-fit: cover; */
    object-position: -251%;
 	position: absolute !important;
    left: -6px;
    top: -4px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.mobile-heading-col-logo
{
	max-width:10px !important;
}

.top-nav-heading {
    font-size: 1.1rem;
}
}
    @media (max-width: 540px) {
      
      .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);
    }
    
    
   /* E1201 .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;
    } */
    
    
    #divSearchMenu {
      display: none; /* Hide the search box container by default */
      position: absolute;
      top: 0;
      z-index: 1;
    }
    
    #txtMenuRefId {
      width: 200px;
      padding: 10px;
      border: 1px solid #1034A6;
      border-top: none;
      border-right: none;
      border-left: none;
      height: 37px;
    }
    #txtMenuRefId:focus-visible{
      border: 1px solid #1034A6;
      border-top: none;
      border-right: none;
      border-left: none;
    }
    #txtMenuRefId: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: 23rem!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: #0c277d; 
      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;
    } */
    @media (max-width: 740px) {
      .top-nav-heading{
        display: inline;
      }
      #divSearchMenu {
        position: relative;
      }
      /* #divSearchMenu {
        top: 62px!important;
    } */
    }
    .border-mid{
      margin-top: 24px;
      border: 1px solid #ced4da;
    }
    .col-flag{
      padding: 0px 13px 31px;
    }
    .heading-for-mid{
      margin-top: -9px;
    margin-left: 28px;
    display: table;
    background-color: white;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    font-weight: 750;
    }
    @media (min-width: 1200px){
      .mid-wid {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 20%;
        max-width: 20%;
      }
    }
    .mb-13{
      margin-bottom: 1.3rem;
    }
    .btn-param:after{
        margin-left: 10px;
    }
    .dropdown-param{
      width: 11rem;
      background-color: rgba(230, 249, 255, 0.91);
    color: black;
    }
    .dropdown-item:active {
      color: black;
      text-decoration: none;
      background-color: #daeef7;
  }
  .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: #daeef7;
}
.btn-modal{
  border-radius: 4px;
  color: white;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 15px;
  padding: 0.15rem 0.7rem;
  width: 5rem;
}
.modal-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.3rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  background-color: #1034A6;
    color: white;
}
.modal-title{
  font-size: 1rem;
  font-weight: 400;
}
.modal-body{
  background-color: rgba(230, 249, 255, 0.91);
  padding: 0.6rem;
  border-radius: 6px;
}
.modal-body p {
  margin-bottom: 0.5rem;
}
.modal-content{
  border-radius: 10px;
}
.close{
  opacity: 1;
}
.modal-header .close {
  /* padding: 1rem 1rem; */
  margin: 5px 0rem 0rem 3rem;
  width: 14px;
  height: 14px;
}
.close-icon{
  font-size: 18px;
    position: absolute;
    top: 6px;
    right: 16.5px;
    color: #1034A6;
    font-weight: 700;
}
.bg-top-section{
  background-color: #fafbfc;
}

/*.nav-tabs{
  margin-left: 24px;
}*/
.nav-tabs{
  border: none;
}

.nav-tabs .nav-link {
  
  color: black!important;
/*  font-size: 16px;
  font-weight: 700;*/

}
.nav-tabs .active{
  color: #fff !important;
  background-color: #0c277d !important;
}

	/* cards app */
.app-card-title{
  font-size: 18px;
    font-weight: 700;
    color: #1034A6;
    margin-bottom: 6px;
}
.app-subtitle-card{
  color: black!important;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 400;
}
.fa-card-app{
  color: #d5d7d9;
    font-size: 25px;
}
.app-card{
  cursor: pointer;
}

/* management card */
.bg-management {
  background-image: url('../img/svg/ADM.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-management:hover .bg-management {
  background-image: url('../img/svg/ADM_hover.svg');
}
    
.card-management:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-management:hover .card-body,
.card-management:hover .card-body .card-title,
.card-management:hover .card-body .app-subtitle-card,
.card-management:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}


/* wms card */
.bg-wms {
  background-image: url('../img/svg/WMS.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-wms:hover .bg-wms {
  background-image: url('../img/svg/WMS_hover.svg');
}
    
.card-wms:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-wms:hover .card-body,
.card-wms:hover .card-body .card-title,
.card-wms:hover .card-body .app-subtitle-card,
.card-wms:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}
   

/* rms card */
.bg-rms {
  background-image: url('../img/svg/RMS.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-rms:hover .bg-rms {
  background-image: url('../img/svg/RMS_hover.svg');
}
    
.card-rms:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-rms:hover .card-body,
.card-rms:hover .card-body .card-title,
.card-rms:hover .card-body .app-subtitle-card,
.card-rms:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}



/* wes card */
.bg-wes {
  background-image: url('../img/svg/WES.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-wes:hover .bg-wes {
  background-image: url('../img/svg/WES_hover.svg');
}
    
.card-wes:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-wes:hover .card-body,
.card-wes:hover .card-body .card-title,
.card-wes:hover .card-body .app-subtitle-card,
.card-wes:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}
   


/* oms card */
.bg-oms {
  background-image: url('../img/svg/OMS.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-oms:hover .bg-oms {
  background-image: url('../img/svg/OMS_hover.svg');
}
    
.card-oms:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-oms:hover .card-body,
.card-oms:hover .card-body .card-title,
.card-oms:hover .card-body .app-subtitle-card,
.card-oms:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}


/* dms card */
.bg-dms {
  background-image: url('../img/svg/DMS.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-dms:hover .bg-dms {
  background-image: url('../img/svg/DMS_hover.svg');
}
    
.card-dms:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-dms:hover .card-body,
.card-dms:hover .card-body .card-title,
.card-dms:hover .card-body .app-subtitle-card,
.card-dms:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}


/* ams card */
.bg-ams {
  background-image: url('../img/svg/AMS.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-ams:hover .bg-ams {
  background-image: url('../img/svg/AMS_hover.svg');
}
    
.card-ams:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-ams:hover .card-body,
.card-ams:hover .card-body .card-title,
.card-ams:hover .card-body .app-subtitle-card,
.card-ams:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}



/* tms card */
.bg-tms {
  background-image: url('../img/svg/TMS.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-tms:hover .bg-tms {
  background-image: url('../img/svg/TMS_hover.svg');
}
    
.card-tms:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-tms:hover .card-body,
.card-tms:hover .card-body .card-title,
.card-tms:hover .card-body .app-subtitle-card,
.card-tms:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}


/* bill card */
.bg-bill {
  background-image: url('../img/svg/BIll.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-bill:hover .bg-bill {
  background-image: url('../img/svg/BIll_hover.svg');
}
    
.card-bill:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-bill:hover .card-body,
.card-bill:hover .card-body .card-title,
.card-bill:hover .card-body .app-subtitle-card,
.card-bill:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}


/* wss card */
.bg-wss {
  background-image: url('../img/svg/WSS.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-wss:hover .bg-wss {
  background-image: url('../img/svg/WSS_hover.svg');
}
    
.card-wss:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-wss:hover .card-body,
.card-wss:hover .card-body .card-title,
.card-wss:hover .card-body .app-subtitle-card,
.card-wss:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}


/* yms card */
.bg-yms {
  background-image: url('../img/svg/YMS.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-yms:hover .bg-yms {
  background-image: url('../img/svg/YMS_hover.svg');
}
    
.card-yms:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-yms:hover .card-body,
.card-yms:hover .card-body .card-title,
.card-yms:hover .card-body .app-subtitle-card,
.card-yms:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}
@media (max-width: 576px){
  .col-mobile {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}

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

#sidebar::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

#sidebar::-webkit-scrollbar-thumb
{
	background-color:#3f51b5cf;
  height: 10px;
}


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

.sidebar::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

.sidebar::-webkit-scrollbar-thumb
{
	background-color:#3f51b5cf;
  height: 10px;
}

.scrollbar
{
	height: 50vh;
	overflow-y: auto;
}
.side-navbar{
  overflow: auto;
}
 
	
/* Softeon specific */ 


/*CARD STARTs*/
.card {
	/*border: 1px solid transparent;*/
    box-shadow: 0 0 10.5px 0 rgba(0, 0, 0, 0.1);
    background-color: white;
	overflow:hidden;
}
 

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 35px;
} 

.card-body {
    padding-top: 15px;
    padding-bottom: 15px;
}

 
/*CARD ENDs*/

 /*.form-check-adjust {
    margin-top: 2rem;
}

.form-check.form-check-adjust > label
{
	margin-left: 0.5rem!important;
}

.input-group .form-control {
    padding-left: 2.25rem;
}

.input-group:after {
    content: '';
    position: absolute;
    right: 1px;
    top: 1px;
    bottom: 1px;
    width: 1.5rem;
    background-color: transparent;
}


.input-group .input-group-append {
    background-color: transparent;
    border-right: 1px solid #ced4da;
    position: absolute;
    left: 0px;
    top: 1px;
    bottom: 1px;
    display: flex;
    align-items: center;
    padding-right: 0.35rem;
}

*/
.soft-icon.soft-icon-calendar {
    background-image: url('data:image/svg+xml,<svg 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="20" height="20" viewBox="0 0 250 250" enable-background="new 0 0 250 250" xml:space="preserve"><g><g><path fill="%231034A6" d="M219,67.15v144.614c0,3.92-1.427,7.305-4.287,10.165c-2.869,2.87-6.255,4.305-10.174,4.305H45.46 c-3.919,0-7.305-1.435-10.165-4.305c-2.869-2.86-4.295-6.245-4.295-10.165V67.15c0-3.915,1.426-7.305,4.295-10.17 c2.86-2.86,6.246-4.295,10.165-4.295h14.46V41.843c0-4.974,1.776-9.229,5.311-12.768c3.543-3.538,7.803-5.31,12.771-5.31h7.226 c4.978,0,9.229,1.771,12.772,5.31c3.533,3.539,5.31,7.794,5.31,12.768v10.843h43.38V41.843c0-4.974,1.776-9.229,5.311-12.768 c3.543-3.538,7.803-5.31,12.771-5.31h7.226c4.978,0,9.229,1.771,12.772,5.31c3.543,3.539,5.31,7.794,5.31,12.768v10.843h14.46 c3.919,0,7.305,1.435,10.174,4.295C217.573,59.846,219,63.235,219,67.15z M45.46,128.608h32.542V96.075H45.46V128.608z M45.46,171.997h32.542v-36.154H45.46V171.997z M45.46,211.765h32.542v-32.542H45.46V211.765z M88.85,74.381V41.843 c0-0.979-0.359-1.828-1.076-2.541c-0.718-0.718-1.566-1.076-2.546-1.076h-7.226c-0.979,0-1.828,0.358-2.546,1.076 c-0.717,0.713-1.067,1.562-1.067,2.541v32.538c0,0.979,0.351,1.828,1.067,2.541c0.718,0.717,1.566,1.076,2.546,1.076h7.226 c0.979,0,1.828-0.359,2.546-1.076C88.49,76.209,88.85,75.36,88.85,74.381z M85.228,128.608h36.155V96.075H85.228V128.608z M85.228,171.997h36.155v-36.154H85.228V171.997z M85.228,211.765h36.155v-32.542H85.228V211.765z M128.617,128.608h36.154V96.075 h-36.154V128.608z M128.617,171.997h36.154v-36.154h-36.154V171.997z M128.617,211.765h36.154v-32.542h-36.154V211.765z M175.619,74.381V41.843c0-0.979-0.358-1.828-1.076-2.541c-0.718-0.718-1.565-1.076-2.546-1.076h-7.226 c-0.979,0-1.828,0.358-2.546,1.076c-0.717,0.713-1.066,1.562-1.066,2.541v32.538c0,0.979,0.35,1.828,1.066,2.541 c0.718,0.717,1.566,1.076,2.546,1.076h7.226c0.98,0,1.828-0.359,2.546-1.076C175.261,76.209,175.619,75.36,175.619,74.381z M171.997,128.608h32.542V96.075h-32.542V128.608z M171.997,171.997h32.542v-36.154h-32.542V171.997z M171.997,211.765h32.542 v-32.542h-32.542V211.765z"/></g></g></svg>');
}


.soft-icon.soft-icon-calendar {
    width: 18px;
    height: 18px;
    margin-top: 0px;
    
}

.soft-icon.soft-icon-calendar-time {
    background-image: url(../img/svg/calendar-and-time.svg) !important;}


.soft-icon.soft-icon-calendar-time {
    width: 18px;
    height: 18px;
    margin-top: 0px;
    
}


/* syed override*/

.form-group {
    margin: 0;
    margin-top: 0.5rem!important;
	
}

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


.navbar 
{
      position: relative; /* to avoid screen starts from top 0px*/ 
}
 

.btn-primary {
  background-color: #0c277d; 
  border:none;
  border-radius: 4px;
  color: white;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 15px;
  padding: 0.15rem 0.7rem;
} 
   
/*.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.input-group>.custom-select:not(:last-child), .input-group>.form-control:not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}


.input-group .soft-icon {
    background-color: white;
    border-right: none;
    position: absolute;
    left: 0.4rem;
    top: 3px;
    bottom: 1px;
    display: flex;
    align-items: center;
    padding-right: 0.35rem;
}
 

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: none;
    border-radius: 0.25rem;
}*/
  

.input-group-text {
    padding: 0.245rem 0.35rem;
background-color: #ffffff;
}

/* CHECK BOX overriding custom-control/custom-control-input/custom-control-label */

/*E1201.form-check-input {
    position: absolute;
	margin-top: 0.3rem;
    margin-left: -1.25rem;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
} 

.form-check.form-check-adjust > label {
    margin-left: 0.5rem!important;
}

.form-check-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.form-check-label::after {
    position: absolute;
    top: 0.25rem;
	left: -26px;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%;
}

.form-check .form-check-input:checked~.form-check-label::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 8 8"><path fill="%23fff" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z"/></svg>');
}
 
.form-check-input:checked~.form-check-label::before {
    color: #fff;
    border-color: #1034A6!important;
    background-color:#1034A6!important;
}

.form-check.form-check-adjust > label {
    margin-left: 0.2rem!important;
}


.form-check-label::before {
    position: absolute;
    top: 0.25rem;
    left: -26px;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 1.5px;
}

.form-check-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-check .form-check-label::before {
    border-radius: 0.25rem; 
} 
*/
/*CHECK box ends*/


/*Container Leyout*/

.navbar .container-fluid
{
	background-color: transparent;
	padding-top: 0px!important;
}

/*.container-fluid
{
	background-color: #f1f4f6;
	padding-top: 1.5rem!important;
}*/

/*.form-row{
	
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
	padding-left: 2.2rem;
    padding-right: 2.2rem;
}
*/

.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}

.form-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}



/*Container Ends */

/*BUTTON STARTs*/

.btn-secondary {
  background-color: #1034a6 !important;
  border:none;
  border-radius: 4px;
  color: #fff !important;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 15px;
  padding: 0.15rem 0.7rem;
}


.btn-primary:hover {
    color: #fff;
    background-color: #0c277d;
    border-color: #0c277d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #1034a6;
    border-color: #1034a6;
}



.btn.disabled, .btn:disabled {
    opacity: .65;
}


.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: rgb(12,39,126,0.4 );
    border-color: #0c277d;
    cursor: not-allowed;
}

.btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: rgb(12,39,126,0.4 );
    border-color: #7d8080;
    cursor: not-allowed;
}
 

/*BUTTON ENDs*/



.client-logo {
    width: 70px;
    height: 17px;
    margin-top: 7px;
    padding-left: 2px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

h1 {
    font-family: "Open Sans Condensed",sans-serif;
    letter-spacing: 1.2px;
    color: #000;
    font-size: 1.125rem;
}

.sub-sub-sub-sub-menu {
	  height:calc(100vh - 48px);
	  overflow-y: auto;
	  overflow-x:hidden;
      position: fixed;
      left:567px;
      width: 9rem;
      top: 48px;
      margin-top: 0px;
      background-color: white;
      border: 1px solid #d6dddd78;
      border-radius: 4px;
      display: none; 
      }
      .sub-sub-sub-sub-menu li {
        border-bottom: 1px solid #d6dddd78;
        padding-left: 10px; 
       }
        .sub-sub-sub-sub-menu li:hover {
          background-color: #f6f9ff; 
         }
          
  .sub-sub-sub-sub-sub-menu {
		height:calc(100vh - 48px);
	  overflow-y: auto;
	  overflow-x:hidden;
      position: fixed;
      left:743px;
      width: 9rem;
      top: 48px;
      margin-top: 0px;
      background-color: white;
      border: 1px solid #d6dddd78;
      border-radius: 4px;
      display: none; }
      .sub-sub-sub-sub-menu li {
        border-bottom: 1px solid #d6dddd78;
        padding-left: 10px; }
        .sub-sub-sub-sub-menu li:hover {
          background-color: #f6f9ff; }       
    
    .nav-item-4 a {
      width: 100%;
      display: inline-flex; }
    
    .dropdown-toggle-4::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-4.collapsed::after {
      transform: rotate(180deg); }

    .dropdown-toggle-4:after {
      transform: rotate(270deg);
    }


/* management card */
.bg-adm {
  background-image: url('../img/svg/ADM.svg');
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background-image 0.3s ease-in-out;
}

.card-adm:hover .bg-adm {
  background-image: url('../img/svg/ADM_hover.svg');
}
    
.card-adm:hover {
  background-color: #1034A6;
  transition: 0.3s ease-in-out;
}

.card-adm:hover .card-body,
.card-adm:hover .card-body .card-title,
.card-adm:hover .card-body .app-subtitle-card,
.card-adm:hover .fa-card-app {
  color: white!important;
  transition: 0.3s ease-in-out;
}


/*menu ref key*/
#divMenuRefFilter {
    visibility: hidden;
    height: 55px;
    position: absolute;
    width: auto;
    min-width:253px;
    top: 3rem;
    right: 314px;
    z-index: 9999;
    background: whitesmoke;
    border: 1px solid lightgray;
    border-radius: 0px 0px 5px 5px;
    padding: 5px 0px;
}


#tblResponseDtl tr:hover, .clsSelMenuRef {
    background: #1034A6 !important;
    color: white;
}

#tblResponseDtl tr:nth-child(even) {
    background: white;
}


.collapsible-area.collapsed::before, .form-heading::before {
    margin-bottom: -1rem;
}

.collapsible-area::before, .form-heading::before {
    content: "";
    display: inline-block;
    background: #ccd3e0;
    font-size: 0;
    height: 1px;
    width: 100%;
    transition: margin-bottom 150ms ease-in-out;
}

.collapsible-area, .form-heading {
    width: 100%;
    text-align: left;
    margin-bottom: 1rem;
    color: #0c277d;
}

/*SOFTEON Custom changes end*/

/*Syed custom change latest starts. Same selector will be at the top */

/** Side navbar Start */
.side-navbar {
	position: fixed;
	top: 48px;
	left: 0;
	width: 215px;
	background-color: white;
	color: #fff;
	transition: transform 0.3s ease-in-out;
	z-index: 1000;
	height:calc(100vh - 48px);
	border: 1px solid #d6dddd78;
	}

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

/** side nav bar End*/

/** Menu Target Frame Start */

/*#menuTargetFrame {
    margin-top: 2.8rem;
}*/

/** Menu Target Frame End */

/** Page Main Container Start*/

/*.container-fluid {
    overflow: hidden;
    background-color: #f1f4f6;
    padding-top: 0.4rem!important;
    height: 90% !important;
}*/
/* above change affects all the screens. So modified like below*/
.container-fluid
{
	background-color: #f1f4f6;
	padding-top: 0.4rem!important;
}

.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 16px;
    padding-left: 16px;
    margin-right: auto;
    margin-left: auto;
}

/** Page Main Container End*/

/**  Page line height Start*/
body {
	line-height: 1.4;
}

/**  Page line height End*/

/** From-group Start*/
.form-group[class*=col-] {
    margin-bottom: 3px!important;
}

.form-group{
	margin-top:0rem!important;
}

/** From-group End */

/** From row Start*/
/*.form-row {
	margin:0;
	Padding:0;
}*/
/** From row End*/

 
 
 .soft-icon.soft-icon-upload {
    background-image: url(../img/UPLOAD_icon.png);
    width: 18px;
    height: 18px;
    margin-top: -2px;
    top: 1px;
    padding:0px;
}
.soft-icon.soft-icon-download {
    background-image: url(../img/DOWNLOAD_icon.png);
    width: 18px;
    height: 18px;
    margin-top: -2px;
    top: 1px;
    padding:0px;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: .65625rem;
    line-height: 1.2;
    border-radius: 1.5em;
}

#uploader > label.btn.btn-sm
{
	 padding:0px !important;
}
.soft-icon.soft-icon-delete-close {
  width: 18px; 
  height: 18px; 
  background-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%271.0%27%20encoding%3D%27utf-8%27%3F%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%20%20%20%20width%3D%2218px%22%20height%3D%2218px%22%20viewBox%3D%220%200%20512%20512%22%20enable-background%3D%22new%200%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%20%20%20%20%3Cg%20id%3D%22close_1_%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231034A6%22%20d%3D%22M48.536%2C508.793c-12.553%2C0.73-24.898-3.443-34.433-11.639c-18.804-18.916-18.804-49.466%2C0-68.381%0A%20%20%20%20%20%20%20%20L425.843%2C17.033c19.557-18.301%2C50.246-17.283%2C68.547%2C2.274c16.548%2C17.686%2C17.513%2C44.869%2C2.258%2C63.683%0A%20%20%20%20%20%20%20%20L82.483%2C497.154%0A%20%20%20%20%20%20%20%20C73.071%2C505.231%2C60.924%2C509.396%2C48.536%2C508.793L48.536%2C508.793z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%231034A6%22%20d%3D%22M459.791%2C508.793c-12.723-0.054-24.916-5.104-33.948-14.063L14.102%2C82.987%0A%20%20%20%20%20%20%20%20C-3.319%2C62.645-0.95%2C32.029%2C19.393%2C14.606c18.157-15.549%2C44.935-15.549%2C63.09%2C0l414.165%2C411.74%0A%20%20%20%20%20%20%20%20c19.553%2C18.306%2C20.563%2C48.996%2C2.259%2C68.549c-0.729%2C0.777-1.48%2C1.53-2.259%2C2.258%0A%20%20%20%20%20%20%20%20C486.506%2C505.973%2C473.16%2C510.188%2C459.791%2C508.793%0A%20%20%20%20%20%20%20%20L459.791%2C508.793z%22%2F%3E%0A%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E);
  background-size: cover; 
border-radius: 10px;
    border: 2px solid #1034A6;
}

.soft-icon-check{
width: 18px;
  height: 18px; 
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="bold" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><g><path fill="%231034A6" d="M207.083,407.915c-3.989,4.011-9.429,6.25-15.083,6.25s-11.093-2.239-15.083-6.25L56.469,287.445 c-12.501-12.502-12.501-32.768,0-45.248l15.083-15.083c12.501-12.501,32.747-12.501,45.248,0l75.2,75.2l203.2-203.2 c12.501-12.501,32.768-12.501,45.248,0l15.082,15.083c12.502,12.501,12.502,32.768,0,45.248L207.083,407.915z"/></g></svg>'); /* Insert your SVG code here */
  background-size: cover; 
  border-radius: 10px; 
  border: 2px solid #1034A6;
}

.soft-icon-add {
  width: 18px; 
  height: 18px;
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"><g><path fill="%231034A6" d="M467,211H301V45c0-24.853-20.146-45-45-45c-24.853,0-45,20.147-45,45v166H45c-24.853,0-45,20.147-45,45 c0,24.854,20.147,45,45,45h166v166c0,24.853,20.147,45,45,45c24.854,0,45-20.147,45-45V301h166c24.854,0,45-20.146,45-45 C512,231.147,491.854,211,467,211z"/></g></svg>'); /* Insert your SVG code here */
  background-size: cover; 
  border-radius: 10px; 
  border: 2px solid #1034A6; 
}

.soft-icon-close {
  width: 18px; 
  height: 18px;
  background-image: url(../img/svg/icon_delete_close_red.svg) !important;
  background-size: cover; 
  border-radius: 10px; 
}

/*Deamon and Dashboard related*/

.fa.fa-refresh {
    background-color: #1034A6;
    color: white;
}

.btn.fa.fa-refresh:hover {
    color: #fff !important;
    background-color: #1034a6;
    border-color: #1034a6;
}

.fa.fa-check-square, .fa.fa-square, .fa.fa-stop-circle, .fa.fa-play-circle, .fa.fa-info-circle, .fa.fa-arrow-left {
    color: #1034A6;
    cursor:pointer;
}

.fa.fa-clock-o {
	color: #1034A6;
}

.titleBar .time {
    font-size: 11px;
    margin-left: 10px;
    background-color: #1034A6;
    border-radius: 5px;
    padding: 4px 12px;
    color: white;
}

.titleBar{
    font-size: 10pt;
    font-weight: bold;
}

.headerPanel{
	border-collapse: collapse !important;
    table-layout: fixed !important;
    background-color: #1034A6;
    border-color: #d6dce7;
    border-right: 1px solid #e4e8ef;
    border-top: 1px solid #e4e8ef;
    border-bottom: 1px solid #e4e8ef;
    border-left: 1px solid #e4e8ef;
    letter-spacing: .6px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-right: 1px solid #b3b8c1;
    vertical-align: bottom;
    border-bottom: 2px solid #e4e8ef;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    color: #fff;
    font-weight: bold;
    font-size: 13;
}

.dtlPanel{
    text-align: center;
    background: #1034A6;
    color: white;
}

.dtlCaptionRow{
	height:50px;
	font-size: 15pt;
	font-weight: bold;
	background-color: #1034A6;
	color: #fff;
	padding:8pt;
}

.modal-backdrop.fade {
    opacity: 0.5 !important;
}

.modal.fade.ng-isolate-scope.in {
    opacity: 1;
}

.modal.in .modal-dialog{
	transform: translate(0, 0) !important;
}

/* Daemon and Dashboard related ends here */

.input-group>label {
    min-width: 24px;
    margin: auto 0;
}

.row.bg-softeon-cyprus-theme
{
   margin:0;
}

div.datepicker{
	background:#ffffff;
}

ul.list-unstyled
{
	background:#ffffff;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 0.15rem 0.7rem;
    font-size: 15px;
    line-height: 1.5;
    border-radius: 4px;
}

#divMenuLoading{
position: absolute;
right: 50%;
top: 50%;
}



    
.sub-sub-menu {
width: 11rem;
}
.sub-sub-sub-menu {
width: 11rem;
}
.sub-sub-sub-sub-menu {
width: 11rem;
}
.sub-sub-sub-sub-sub-menu
{
	width: 11rem;
}

.recently-viewed-icon {
background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22250px%22%20height%3D%22250px%22%20viewBox%3D%220%200%20250%20250%22%20enable-background%3D%22new%200%200%20250%20250%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%2320419A%22%20d%3D%22M219.001%2C125.003c0%2C51.915-42.081%2C93.998-93.998%2C93.998c-51.916%2C0-94.002-42.081-94.002-93.998c0-51.916%2C42.088-94.002%2C94.002-94.002S219.001%2C73.087%2C219.001%2C125.003z%22%2F%3E%3Cg%20id%3D%22history%22%3E%3Cpath%20opacity%3D%220.9%22%20fill%3D%22%23FFFFFF%22%20enable-background%3D%22new%20%20%20%22%20d%3D%22M124.476%2C75.91c-17.948%2C0-33.845%2C9.742-42.046%2C24.609L70.637%2C88.728v33.326h33.33L89.61%2C107.696c6.662-12.817%2C19.483-21.534%2C34.866-21.534c21.022%2C0%2C38.455%2C17.433%2C38.455%2C38.456c0%2C21.022-17.433%2C38.456-38.455%2C38.456c-16.922%2C0-30.769-10.771-36.406-25.639H77.303c5.641%2C20.508%2C24.613%2C35.891%2C47.172%2C35.891c27.174%2C0%2C48.708-22.045%2C48.708-48.708C173.184%2C97.955%2C151.135%2C75.91%2C124.476%2C75.91z%20M116.784%2C101.545v26.148l24.099%2C14.357l4.101-6.666l-20.508-12.307v-21.533H116.784z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    width: 2.5rem;
    height: 2.5rem;
}

.header-mini-dropdown {
      padding: 5px 10px 0px 10px;
      max-height: 20rem;
      overflow-y: auto; 
}

 .header-mini-dropdown::-webkit-scrollbar {
   width: 8px; }
 .header-mini-dropdown::-webkit-scrollbar-track {
   background: #888;
   border-radius: 4px; }
 .header-mini-dropdown::-webkit-scrollbar-thumb {
   background: #f1f1f1d4;
   border-radius: 4px; }
   .header-mini-dropdown::-webkit-scrollbar-thumb:hover {
     background: #f1f1f1; }
 .header-mini-dropdown::-webkit-scrollbar-button {
   display: none; }
 .header-mini-dropdown::-webkit-scrollbar-corner {
   background: transparent; }
   
   .wh-font-weight-bold {
    font-weight: 700!important;
}

select {
	    padding-top: 0.2rem !important;
}

.bldgselhtmlDivGrid{
   background-color: white;
    margin: 2rem;
    border-radius: 3px;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: .9375rem;
    line-height: 1.2;
}

.h4, h4 {
    font-size: .75rem;
}
.search.form-group {
    margin: 16;
}
.tick
{
	    right: 12px;
    position: absolute;
}
.btn-secondary.focus,.btn-secondary:focus {
    color: #fff;
    background-color: #1034a6;
    border-color: #1034a6;
    box-shadow: 0 0 0 .2rem rgba(130,138,145,.5)
}
.btn-primary.focus,.btn-primary:focus {
    color: #fff;
    background-color: #0c277d;
    border-color: #0c277d;
    box-shadow: 0 0 0 .2rem rgba(38,143,255,.5)
}
select {
	background-image: url('../img/svg/icon_arrowhead_down.svg');
	appearance: none;
    background-repeat: no-repeat;
    background-size: 10px 6px;
    background-position: right 8px center;
    padding-right: 25px!important;
}

section > ul > li>a.nav-link:hover {
    background-color: #1034a6; !important;
    color: white !important;
}

.dropdown-divider {
    height: 0;
    margin: 0 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}
.highlight-today:hover{
	background-color: #0c277d !important;
}
li.sub-menu-li.children>a
{
	width : 100% !important;
}

.input-group>.form-control:focus,.init-group>.form-control:focus,.form-group>.form-control:focus
{
    color: #495057;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25)
}

.subcolor
{
	background-color:#f6f9ff !important;
}

.dropdown-toggle-5::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0.5rem;
}
.dropdown-toggle-6::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    margin-left: auto;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 0.5rem;
}
.dropdown-toggle-6:after {
    transform: rotate(270deg);
}
.dropdown-toggle-5:after {
    transform: rotate(270deg);
}
/*th.htmlgridCenterHeaderTH>input[type=checkbox] {
    margin-left: 1.1rem;
}*/

i.fa.fa-dot:before {
    content: jjj;
    content: ". . .";
}

<!-- VERSION: 7.4.0.000.00 TIME: 1-Aug-2023 11:19:03 FILE: custom.css REL_REV_NO:316850-->
<!-- VERSION: 7.3.0.000.00|P1922|THEME_PROCESS-X-0018| TIME 27-Jul-2023 03:28:50 FILE: custom.css DEV:314010 REL:316323 -->
<!-- VERSION: 7.3.0.000.00|P1927|THEME_PROCESS-X-0018| TIME 27-Jul-2023 07:16:28 FILE: custom.css DEV:314010 REL:316323 -->
<!-- VERSION: 7.4.0.000.10|P3|BASE_COMMON-X-0004| TIME 14-May-2024 07:50:53 FILE: custom.css DEV:622 REL:1028 -->