@font-face {
  font-family: 'Trebuchet MS';
  src: url('../fonts/TrebuchetMS.eot');
  src: url('../fonts/TrebuchetMS.eot?#iefix') format('embedded-opentype'),
      url('../fonts/TrebuchetMS.woff2') format('woff2'),
      url('../fonts/TrebuchetMS.woff') format('woff'),
      url('../fonts/TrebuchetMS.ttf') format('truetype'),
      url('../fonts/TrebuchetMS.svg#TrebuchetMS') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
font-family: 'Trebuchet MS';
src: url('../fonts/TrebuchetMS-Bold.eot');
src: url('../fonts/TrebuchetMS-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TrebuchetMS-Bold.woff2') format('woff2'),
    url('../fonts/TrebuchetMS-Bold.woff') format('woff'),
    url('../fonts/TrebuchetMS-Bold.ttf') format('truetype'),
    url('../fonts/TrebuchetMS-Bold.svg#TrebuchetMS-Bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

body, html {
    height: 100%;
}


body{background-color: #F5F5F5; font-family: 'Trebuchet MS';}
.login-section { margin-top: 50px; max-width: 1000px; margin: auto; }
.whitebg { background-color: #fff; padding: 60px; height: 100%;}
.loginbg{ background: url(../images/login-bg.png) no-repeat center center; height: 534px;}
.whitebg h2 {color: #3B5896; font-weight: 400; font-size: 24px; font-family: 'Trebuchet MS';}
.form-label { font-size: 14px; color: #5F5F5F; margin-bottom: 0.2rem; font-family: 'Trebuchet MS'; font-weight: 400;}
.form-control {border: #C6C6C6 solid 1px; padding: 0.575rem 0.75rem; font-size: 14px; background-color: #fff; font-family: 'Trebuchet MS';}
.form-select {border: #C6C6C6 solid 1px; padding: 0.575rem 0.75rem; font-size: 14px; background-color: #fff; color: #A3A3A3; font-weight: 400 !important; font-family: 'Trebuchet MS';}
.form-control:focus {border: #3B5896 solid 1px; box-shadow: none;}
.errortext { color: #C04D5C; font-size: 16px; text-decoration: none;}
.link {color: #A3A3A3; font-size: 16px; display: flex; align-items: center;  font-family: 'Trebuchet MS'; text-decoration: none;}
.link:hover svg path {fill: #3B5896;}
.custom-mt-11 {margin-top: 7rem;}


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

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

.sidebar::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
background-color: #555;
}
*/

.main-container > div > ul.nav.nav-tabs.custom-tabs[role="tablist"] {
    position: -webkit-sticky;
    position: sticky;
    top: 78px;
    z-index: 1020;
}


.sidebar { width: 320px;transition: all 0.2s; background-color: #fff; border-right: #EEEEEE solid 1px; height: calc(100% - 66px); overflow: auto; padding: 0px 35px; position: fixed; left: 0px; top: 0px; bottom: 0px;}
.sidebar a.logo { margin-bottom: 35px; display: block; background: #fff; padding-top:35px; position: sticky; top:0px; z-index: 1020;}
.sidebar a.logo img {width: 100%;}
ul.asideNav { list-style-type: none; padding: 0; margin: 0;}
ul.asideNav li {display: flex; margin-bottom: 15px; align-items: center;}
ul.asideNav li a {color: #5F5F5F; transition: all 0.3s; text-decoration: none; font-size: 18px;}
ul.asideNav li a:hover, ul.asideNav li.active a {color: #C04D5C;}
ul.asideNav li i {margin-right: 15px;}
ul.asideNav li a:hover svg path, ul.asideNav li.active a svg path {fill: #C04D5C;}
.user-details { position: fixed;width: 318px; background-color: #fff; border-top: #EEEEEE solid 1px; bottom: 0px; padding: 15px 35px; display: flex; left: 0px; align-items: center;}
.user-details .usertext { color: #3B5896; font-size: 16px;}

/* main container */
.main-container { margin-left: 320px; background-color: #F5F5F5; min-height: 100vh; overflow-x: hidden; height: 100vh;}
header {background-color: #3B5896; padding: 15px 30px; font-size: 32px; color: #fff;}
.white-btn { border-radius: 50px; padding: 8px 25px; text-decoration: none; font-weight: bold; text-transform: uppercase; background-color: #fff; color: #3B5896; font-family: 'Trebuchet MS'; font-size: 14px;}
.main-container-whitebg { background-color: #fff;}
/* custom tabs */
.custom-tabs.nav-tabs .nav-link.active {color: #C04D5C; position: relative; font-weight: bold; background-color: transparent; }
.custom-tabs.nav-tabs .nav-link.active::before { content: ""; position: absolute;  height: 2px; background-color: #C04D5C; bottom: 0px;      left: 1rem;
  right: 1rem;}
.custom-tabs.nav-tabs .nav-link { color: #A3A3A3; font-size: 16px; border: 0px; margin-bottom: 0px; padding: 1.25rem 1rem;}
.custom-tabs.nav-tabs { padding-left: 20px; background-color: #fff; padding-right: 20px;}
.custom-nav-bar { padding: 9px 26px; background-color: #F9F9F9; border-bottom: #EEEEEE solid 1px; }
.search-filter { display: flex; align-items: center;}
.search-filter { color: #A3A3A3; font-size: 14px;}
.search-filter i { margin-right: 10px;}
.tags-custom {background-color: #EEEEEE; display: flex; align-items: center; border-radius: 8px; padding: 5px 10px; margin-right: 10px; font-size: 14px; color: #5F5F5F;}
.table { margin-bottom: 0px;}
.table > :not(:last-child) > :last-child > * {border-bottom-color:#EEEEEE;}
.table > :not(caption) > * > * { padding: 0.5rem 2rem;}

.table th:first-child { /*color: #000000;*/ font-size: 14px;}
.table th  {color: #A3A3A3; font-size: 14px;  font-family: 'Trebuchet MS'; font-weight: bold;}
.table td a { color: #3B5896; text-decoration: none;}
.table td { color: #5F5F5F; font-family: 'Trebuchet MS'; font-size: 16px; }
.search-filter {text-decoration: none}
.search-filter:hover {color: #A3A3A3;}
.paginationcustom {  background-color: #F9F9F9; padding: 15px 35px;}
.custom-dropdown {/* Rectangle 20 */
padding: 15px;
width: 235px;
  background: #FFFFFF;
  /* Divider */
  border: 1px solid #EEEEEE;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  }


.searchbar {position: relative;}
.searchbar .searchbtn {  position: absolute;     right: 9px; top: 6px;}
.searchbar + ul { margin: 0px; padding: 0px;}
.searchbar + ul li { list-style: none; margin: 7px 0px;}
.searchbar + ul li a { color: #3B5896; font-size: 16px; text-decoration: none;}
.custom-dropdown[data-popper-placement="bottom-start"]::before { content: ""; position: absolute; top: -11px; left: 15px; background: url(../images/union.png) no-repeat; width: 16px; height: 11px;}

.table-hover > tbody > tr td a.dotes { opacity: 0; transition: all 0.5s ;}
.table-hover > tbody > tr:hover td .dotes { opacity: 1;}

.custom-dropdown[data-popper-placement="top-start"]::before { content: ""; position: absolute; bottom: -11px; left: 15px; background: url(../images/unionbottom.png) no-repeat; width: 16px; height: 11px;}
.custom-dropdown[data-popper-placement="top-end"]::before { content: ""; position: absolute; bottom: -11px; right: 15px; background: url(../images/unionbottom.png) no-repeat; width: 16px; height: 11px;}

.custom-dropdown[data-popper-placement="bottom-end"]::before { content: "";  left: auto; top: -11px; right: 15px;}
.custom-dropdown.custom-dropdown2 {padding: 20px 0px; width: auto; }
ul.custom-dropdown.custom-dropdown2 li{list-style: none; }
ul.custom-dropdown.custom-dropdown2 li a {color: #3B5896 !important; font-size: 16px; padding: 7px 25px;}
ul.custom-dropdown.custom-dropdown2 li a:hover, ul.custom-dropdown.custom-dropdown2 li a:focus {color: #C04D5C !important; background-color: #fff !important;}
.link-text span { color: #3B5896; font-size: 14px; font-family: 'Trebuchet MS';}
a{ color: #3B5896; font-size: 14px; font-family: 'Trebuchet MS';}
.link-text { text-decoration: none;}
.main-content { background-color: #fff; min-height: calc(100vh - 83px);}
.main-content h2 {color: #5F5F5F; margin: 10px 0px; font-family: 'Trebuchet MS'; font-size: 24px; font-weight: bold; }
.main-content h3 {color: #3B5896; margin: 10px 0px; font-family: 'Trebuchet MS'; font-size: 18px; font-weight: 400; }

.graybox { border: #C6C6C6 solid 1px; background-color: #F9F9F9; padding: 10px; border-radius: 5px;}
.graybox .form-check-input { background-color: #A3A3A3; border: 1px solid #A3A3A3; height: 1.2em; }
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-color: #3B5896;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.graybox .form-switch label.form-check-label{color: #A3A3A3; font-size: 14px; font-family: 'Trebuchet MS';}
.showdiv.show {
  display: block; /* or any other styles you want to apply */
}
.showdiv { padding-left: 15px; display: none;}
#graybox.graywhitebg {background-color: #fff;}  
.close-icon {    position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -12px;
  margin-right: -25px;}



  #burger-menu {
      cursor: pointer;
      height: 27px;
      width: 27px;

      overflow: visible;
      position: relative;
      z-index:2;
    }
    #burger-menu span,
    #burger-menu span:before,
    #burger-menu span:after {
      background: #000000;
      display: block;
      height: 4px;
      opacity: 1;
      position: absolute;
      transition: 0.3s ease-in-out;
    }
    #burger-menu span:before,
    #burger-menu span:after {
      content: "";
    }
    #burger-menu span {
      right: 0px;
      top: 13px;
      width: 27px;
    }
    #burger-menu span:before {
      left: 0px;
      top: -10px;
      width: 16px;
    }
    #burger-menu span:after {
      left: 0px;
      top: 10px;
      width: 20px;
    }
    
    #burger-menu.close span {
      transform: rotate(-45deg);
      top: 13px;
      width: 27px;
    }
    #burger-menu.close span:before {
      top: 0px;
      transform: rotate(90deg);
      width: 27px;
    }
    #burger-menu.close span:after {
      top: 0px;
      left:0;
      transform: rotate(90deg);
      opacity:0;
      width:0;
    }
    
    #menu{
      z-index:1;
      min-width:100%;
      min-height:100%;
      position: fixed;
      top:0;
      height:0;
      visibility: hidden;
      opacity: 0;
      text-align:center;
      padding-top:20px;
      transition: all 0.3s ease-in-out;
      
    }
    
    #menu.overlay{
      visibility: visible;
      opacity: 1;
      padding-top:100px;
      background:rgba(0,0,0,0.5);
    }
    
    #menu li{
      list-style:none;
    }
    #menu a{
      color:#fff;
      display:block;
      font-size: 32px;
      margin-bottom:30px;
      text-decoration:none;
    }


    .Showing-pagination { color: #5F5F5F; font-size: 14px; font-family: 'Trebuchet MS';}
.error-link { color: #C04D5C; font-size: 14px; text-decoration: none;}
hr { opacity: 0.10;}
.p-text {color: #5F5F5F;}
.astrick { color: #C04D5C;}
.main-content h4 {
color: #3B5896;
margin: 0px 0px;
font-family: 'Trebuchet MS';
font-size: 16px;
font-weight: 400;
}
.fs-20 { font-size: 20px !important;}

.graycardbox { background-color: #F9F9F9; border-radius: 5px; padding: 15px;}
.custom-minus-margin { margin-left: -24px; margin-right: -24px;}
.graybg-box { background-color: #F9F9F9; padding: 20px 24px; height: 100%;}
.custom-textarea-box { border-radius: 5px; border: #C6C6C6 solid 1px; padding: 0.575rem 0.75rem 0px; resize: none; color: #5F5F5F; font-size: 14px; background-color: #fff; font-family: 'Trebuchet MS';}
.custom-textarea { border: none; padding: 0.575rem 0.15rem ; resize: none; height: 150px; color: #5F5F5F; font-size: 14px; background-color: #fff; font-family: 'Trebuchet MS';}
.custom-textarea:hover { border: none;}
.custom-textarea:focus{ outline: none; border: 0px  ;}
.customnav-btn {  padding: 0px 2px 15px;}

.team-section { text-align: center; padding: 35px; border: #C6C6C6 solid 1px; background-color: #F9F9F9; border-radius: 5px;}
.team-section h3{ color: #5F5F5F;}
.margin-negative { margin-left: -23px;  margin-right: -23px;}



/*--- Remove Bootstrap's styling for Nav Class if needed ---*/
#ProductNav .nav, #ProductNav2 .nav {
/* display: inherit; */
flex-wrap: inherit;
padding-left: inherit;
margin-bottom: inherit;
list-style: inherit;
}

/*--- Wrap Up ---*/
.ProductNav_Wrapper {
position: relative;
padding: 0 0px;
box-sizing: border-box;
}

.ProductNav {
/* Make this scrollable when needed */
overflow-x: auto;
/* We don't want vertical scrolling */
overflow-y: hidden;
/* For WebKit implementations, provide inertia scrolling */
-webkit-overflow-scrolling: touch;
/* We don't want internal inline elements to wrap */
white-space: nowrap;
/* If JS present, let's hide the default scrollbar */
/* positioning context for advancers */
position: relative;
font-size: 0;
}
.js .ProductNav {
/* Make an auto-hiding scroller for the 3 people using a IE */
-ms-overflow-style: -ms-autohiding-scrollbar;
/* Remove the default scrollbar for WebKit implementations */
}
.js .ProductNav::-webkit-scrollbar {
display: none;
}

.ProductNav_Contents {
float: left;
display: flex;
transition: transform 0.2s ease-in-out;
position: relative;
}

.ProductNav_Contents-no-transition {
transition: none;
}

.ProductNav_Link {
text-decoration: none;
color: #7f868b;
font-size: 1rem;
font-weight: 500;
display: table-cell;
vertical-align: middle;
margin: 8px 15px 15px;
line-height: 1.35;
}


.ProductNav_Link:first-child { margin-left: 0px;}
.ProductNav_Link:last-child { margin-right: 0px;}
.ProductNav_Link[aria-selected=true] { color: #C04D5C; }

.Advancer {
/* Reset the button */
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
background: transparent;
padding: 0;
border: 0;
/* Now style it as needed */
position: absolute;
top: 0;
bottom: 0;
/* Set the buttons invisible by default */
opacity: 0;
transition: opacity 0.3s;
}
.Advancer:focus {
outline: 0;
}
.Advancer:hover {
cursor: pointer;
}

.Advancer_Left {
left: -15px;
}
[data-overflowing=both] ~ .Advancer_Left, [data-overflowing=left] ~ .Advancer_Left {
opacity: 1;
}

.Advancer_Right {
right: -15px;
}
[data-overflowing=both] ~ .Advancer_Right, [data-overflowing=right] ~ .Advancer_Right {
opacity: 1;
}

.Advancer_Icon {
width: 12px;
height: 44px;
fill: #bbb;
}

.ProductNav_Indicator {
position: absolute;
bottom: 0;
left: 0;
height: 3px;
width: 100px;
background-color: transparent;
transform-origin: 0 0;
transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
#fileName {display: flex; align-items: center; flex-wrap: wrap;}
.ProductNav_Contents a { color: #A3A3A3;}
.imagenameblock  span { color: #3B5896; font-size: 14px;}
.imagenameblock { background-color: #EEEEEE; margin-right: 5px; margin-bottom: 5px; margin-top: 5px; display: flex; align-content: center; border-radius: 4px; padding: 2px 6px;}
.imagenameblock button { background-color: transparent; border: 0px; margin-left: 5px;
padding: 0px;}
.white-bg-card { background-color: #fff;}
.userimg {width: 24px; height: 24px; border-radius: 50%; margin-right: 10px;}
.user-text h3 { margin:0px; color: #3B5896; font-size: 14px; font-family: 'Trebuchet MS';}
.user-text .smalltext { margin:0px; color: #A3A3A3; font-size: 14px; font-family: 'Trebuchet MS';}
.customps-5 p { margin:0px; color: #5F5F5F; font-size: 14px; line-height: normal; font-family: 'Trebuchet MS';}
.customps-5 p  a { color: #C04D5C; text-decoration: none;}
.customps-5 { padding-left: 35px; padding-top: 5px;}

.bottom-tag-section { background-color: #EEEEEE; border: #C6C6C6 solid 1px; border-radius: 0px 0rem 0.25rem 0.25rem; padding: 10px 10px; margin-top: -3px;}
.border-bottom-rounded-none { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important;}
.bottom-tag-section input.form-control{
padding: 0.375rem 0.75rem;
}
.custom-search-bar { position: relative;}
.custom-search-bar input[type="text"] { padding-right: 30px;}
.custom-search-bar > .searchbtn { position: absolute; right: 0px; top: 5px; background: url(../images/search.png) no-repeat; height: 16px; width: 16px; border: 0px; top: 50%; transform: translateY(-50%); right: 10px;} 
.graysectionbottom { background-color: #EEEEEE; border-radius: 0px 0px 0.25rem 0.25rem; padding: 7px 10px;}
ul.taglist { margin: 0px; padding: 0px; display: flex; align-items: center; flex-wrap: wrap;}
ul.taglist li { list-style: none;}
ul.taglist li { display: flex; align-items: center; padding-right: 15px;}
ul.taglist li a {color: #929292; font-size: 12px; text-decoration: none;}
ul.taglist li i.icon img { display: block; margin-right: 5px;}
.custom-details-block-section h3 {font-size: 14px; font-weight: normal; color: #3B5896;}
.custom-details-block-section h4 { color: #3B5896; font-size: 16px;}
table.custom-table-5 tbody tr {transition: 0.5s;}
table.custom-table-5 tbody tr:hover td{ background: #F9F9F9 !important; box-shadow: none;}
table.custom-table-5 .form-check { min-height: auto; margin-bottom: 0px;}
table.custom-table-5 > :not(caption) > * > * { padding: 0.5rem 0.15rem;}
.form-check-input:checked {
background-color: #3B5896;
border-color: #3B5896;
} 
.mr-n--24px { margin-right: -24px;}
table.custom-table-5 th:first-child { color: #A3A3A3;}
table.custom-table-5 .darktext { color: #000000;}
ul.custom-5-dropdown-menu li a:hover { background-color: #fff;}
.custom-5-dropdown-menu {min-width: 6rem; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-top: 25px; border: 0px;}
.table-hover > tbody > tr:hover > td ul.custom-5-dropdown-menu li a {color: #000000;} 
.table-hover > tbody > tr:hover > td ul.custom-5-dropdown-menu li a:hover {color: #C04D5C;} 

.custom-5-dropdown-menu[data-popper-placement="bottom-start"]::before {
content: ""; width: 16px; height: 11px; position: absolute;
background: url(../images/top-arrow-img.png) no-repeat ;  top: -10px; left: 13px;
}
.custom-5-dropdown-menu[data-popper-placement="bottom-end"]::before {
content: ""; width: 16px; height: 11px; position: absolute;
background: url(../images/top-arrow-img.png) no-repeat ;  top: -10px; right: 13px;
}
.custom-form-check label.form-check-label{color: #5F5F5F; font-size: 14px;}
.custom-modal .modal-content { border-radius: 0px; border: 0px;}
.custom-modal h1.modal-title  { color: #5F5F5F;}
.custom-modal .modal-body, .custom-modal .modal-header, .custom-modal .modal-footer{ padding-left: 50px; padding-right: 50px;}
.custom-modal .modal-footer { justify-content: flex-start;}
.custom-graybox  .form-check-input {
background-color: #A3A3A3;
border: 1px solid #A3A3A3;
height: 1.2em;
}
.custom-graybox .form-switch label.form-check-label {
color: #A3A3A3;
font-size: 14px;
font-family: 'Trebuchet MS';
}


.white-main-block  { background-color: #F9F9F9; border-top: #C6C6C6 solid 1px; border-bottom: #C6C6C6 solid 1px; padding: 20px 32px 20px 32px; }
.cust-card-header h4 { font-size: 14px; font-weight: bold; margin: 0px;  font-family: 'Trebuchet MS';}
.cust-card-header a.edit { color: #3B5896; font-size: 14px; text-decoration: none;}
.text-blue-bold { color: #3B5896; font-size: 16px; font-family: 'Trebuchet MS'; font-weight: bold;}
.text-normal{
color:#5F5F5F ; font-size: 16px; font-family: 'Trebuchet MS'; 
}
.text-black-bold{
color:#000000 ; font-size: 16px; font-family: 'Trebuchet MS'; 
}
.cust-card-header { padding-top: 5px; padding-bottom: 5px;}
.version-section { border-top: #EEEEEE solid 1px; border-bottom: #EEEEEE solid 1px; background-color: #fff; padding: 15px 32px 15px 32px;}
.version-section a { text-decoration: none;}
.custom-header-section  {background-color: #F9F9F9; border-bottom: #EEEEEE solid 1px; font-family: 'Trebuchet MS'; padding: 15px 32px 15px 32px; font-size: 16px; color: #000000;}
.custom-body-section { background-color: #fff;}
.custom-footer-section { background-color: #fff; padding: 15px 32px 15px 32px; }

.whitebg-color { background-color: #fff;}
.table th.darktext {
color: #000000;
font-size: 14px;
}

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

.hr-scroll::-webkit-scrollbar
{
height: 8px;
background-color: #F5F5F5;
}

.hr-scroll::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(124, 124, 124, 0.3);
background-color: #555;
}
.custom-flex-block {display: flex; flex-wrap: wrap;}
.custom-h-100vh { height: calc(100vh - 144px);}
.custom-list-block  {background-color: #F9F9F9; position: absolute; left: 0px; padding: 25px; border-right: #EEEEEE solid 1px; width: 320px; height: calc(100vh - 80px);}
.sidebar-custom { padding-left: 320px; position: relative;}
.custom-list-block ul.customlist { margin: 0px; padding: 0px;}
.custom-list-block ul.customlist li:first-child { margin-top: 0px; padding-top: 0px;}
.custom-list-block ul.customlist li { list-style: none; text-decoration: none; padding: 5px 0px;}
.custom-list-block ul.customlist li a.active, .custom-list-block ul.customlist li a:hover {color: #C04D5C;  margin-bottom: 10px; font-weight: bold;  }
.custom-list-block ul.customlist li a {color: #A3A3A3; font-size: 16px; margin: 0px; text-decoration: none;}
.custom-heading { border-bottom: #EEEEEE solid 1px; padding: 20px 20px}
.custom-heading h2 { color: #5F5F5F; font-size: 24px; font-weight: bold; margin: 0px;}
.table.table-5 > :not(caption) > * > * {padding: 0.5rem 0.5rem;}

.table.table-5 input.form-control ,.table.table-5 .form-select {padding: 0.265rem 0.75rem;}
.custom-p-5 { padding: 0.265rem 0.75rem;}
.table.table-5 a.hover-dotes { opacity: 0; transition: all 0.5s ;}
.table.table-5 tr:hover a.hover-dotes{ opacity: 1;}
.table.table-5 input.form-control { background-color: transparent; border: transparent solid 1px ;}
.table.table-5 input.form-control:hover, .table.table-5 input.form-control:focus { border: #C6C6C6 solid 1px; background-color: #fff; }
.graybg { padding: 24px; background-color: #F9F9F9; transition: all 0.5s;}
.dragicon { position: relative; transition: all 0.5s;}
.graybg:hover .dragicon::before { position: absolute; content: ""; width: 4px; height: 16px; background: url(../images/drag-drop-reorder-drag.png) no-repeat; margin-left: -13px; margin-top: 3px;}
.minwidth-70 { min-width: 101px;}
.bg-green {
background-color: #4CC55F !important;
}
.bg-orrange {
background-color: #FF7A30 !important;
}
.bg-yellow {  background-color: #E1C14E !important;}
.bg-red {  background-color: #C04D5C !important;}
.bg-purple-light {  background-color: #D784C0 !important;}
.fs-12 { font-size: 12px !important;}
.custom-h-400 { min-height: 280px;}
.bg-grey-light { background-color: #C6C6C6;}
.quote-bg-block {background-color: #F9F9F9; border-bottom: #C6C6C6 solid 1px; padding: 15px 25px;}
.quote-bg-block h2 { color: #5F5F5F; font-size: 24px;}
.custom-textarea-2 {height: 52px; padding: 0px;}
.heading-3 { color: #3B5896; font-weight: 700; font-size: 20px;}
.heading-4 { color: #000000; font-weight: 400; font-size: 16px;}
.custom-card-block-2 {border: #C6C6C6 solid 1px; background-color: #F9F9F9; border-radius: 5px;}
.fs-16 { font-size: 16px;}
.custom-card-block-2 h2 {
color: #5F5F5F;
font-size: 24px;
}
table.custom-table-5 tfoot tr th { background: #EAF1FF; color: #000000; box-shadow: none;} 
.bggraycolor { background-color: #F9F9F9;}

.gray-card-section-block {background-color: #F9F9F9; border-bottom: #EEEEEE solid 1px; padding: 20px  28px ;}
.gray-card-section-block h3 { }
.crd-2 {border: #C6C6C6 solid 1px; padding: 20px;}
table.sub-total-table > tfoot > tr > td, table.sub-total-table > tfoot > tr  > th ,
table.sub-total-table > tbody > tr > td, table.sub-total-table > tbody > tr  > th 

{ padding: 5px 10px;} 
table.sub-total-table > tbody > tr > td { color: #5F5F5F; font-size: 16px; text-align: right;}
table.sub-total-table > tbody > tr > th { color: #000000; font-size: 16px;}
table.sub-total-table > tfoot > tr > th { color: #000000; font-size: 20px;}
table.sub-total-table > tfoot > tr > td { color: #5F5F5F; font-size: 20px; text-align: right;}
.red-color { color: #C04D5C !important;}


@media screen and (max-width: 1399.5px) {
.custom-list-block { padding: 0px;}
.custom-list-block ul.customlist li { padding: 0px 15px 0px 0px;}
.custom-list-block ul.customlist li a { padding: 15px 0px; display: block;}
.custom-list-block ul.customlist li a.active, .custom-list-block ul.customlist li a:hover { margin-bottom: 0px; border-bottom: #C04D5C solid 1px;}
.custom-list-block {width: 100%; position: static; height: auto;}
.custom-list-block ul.customlist  { display: flex;}
.custom-list-block ul.customlist li:first-child { padding-top: 0px;}
.custom-list-block { padding-left: 25px;}
.custom-list-block ul.customlist li:first-child { padding-left: 0px;}
.sidebar-custom { padding-left: 0px;}
}
@media screen and (max-width: 992px) {
      .sidebar { left: -320px;}
      .sidebar.active { left: 0px;}
      .user-details { left: -320px;}
      .main-container { margin-left: 0px;}
      .sidebar { background-color: #fff; z-index: 3;}
      .sidebar.active  { left: 0px;}
      .user-details.active { left: 0px;}
      .sidebar { height: 100%;}
  }
  @media screen and (max-width: 768.5px) {.version-section{padding: 15px;}

  .custom-header-section { padding: 15px;}
  .white-main-block { padding-left: 15px; padding-right: 15px;}
  .custom-footer-section { padding: 15px;}
}
  @media screen and (max-width: 576px) {
    .quote-bg-block h2,.custom-card-block-2 h2 { font-size: 18px;}
    .quote-bg-block { padding: 15px 16px;}
    .heading-3  {font-size: 16px;}
    .custom-heading h2 { font-size: 20px;}
    .custom-list-block { padding: 0px;}
    .custom-list-block ul.customlist li:first-child { padding-left: 15px;}
    .custom-list-block ul.customlist li {
      padding: 0px 5px;
  }
    .custom-modal .modal-body, .custom-modal .modal-header, .custom-modal .modal-footer{ padding-left: 15px; padding-right: 15px;}
    .ProductNav_Link {

      margin: 8px 10px 15px;

    }
      .sidebar, .user-details {
          width: 250px;
      }
      .logo svg { width: 100%;}
      .custom-tabs.nav-tabs {
          padding-left: 0px;
          padding-right: 0px;
      }
      .custom-nav-bar { padding: 6px 16px;}
  .whitebg {
      background-color: #fff;
      padding: 30px;
  }
  .table > :not(caption) > * > * {
      padding: 0.5rem 1rem;
  }
  .paginationcustom {
      padding: 15px 16px;
  }
  .tags-custom { font-size: 10px;}
  .search-filter { font-size: 12px;}
  .table td { font-size: 14px;}
  .table th { font-size: 12px;}
}
@media screen and (max-width: 386px) { .custom-list-block ul.customlist li a { font-size: 14px;} 
}
@media screen and (max-width: 359px) { .custom-list-block ul.customlist li a { font-size: 12px;}
.custom-heading h2 { font-size: 18px;} }

/* Union */