@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=League+Spartan:wght@500;600&family=Sansita&family=Sansita+Swashed:wght@700&display=swap');

.skin-section .list { list-style: none; margin: 0; padding: 0;display: inline-block;}
.skin-section .list .icheck_line-icon { display: none; }

.colors strong{float:left;line-height:20px;margin-right:20px}
.colors ul { margin: 0; padding: 0;}
.colors li{list-style:none; position:relative;float:left;width:16px;height:16px;margin:2px 1px 0 0;background:#000;cursor:pointer;filter:alpha(opacity=50);opacity:.5;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s;}
.colors li:hover{filter:alpha(opacity=100);opacity:1}
.colors li.active{height:20px;margin-top:0;filter:alpha(opacity=75);opacity:.75}
.colors li.red{background:#d54e21}
.colors li.green{background:#78a300}
.colors li.blue{background:#0e76a8}
.colors li.aero{background:#9cc2cb}
.colors li.grey{background:#73716e}
.colors li.orange{background:#f70}
.colors li.yellow{background:#fc0}
.colors li.pink{background:#ff66b5}
.colors li.purple{background:#6a5a8c}


.clrprtspc div { display: inline-block; padding: 5px 15px !important;}

.navbar-brand img{
  max-height: 38px;
}

.pdf-pro-image-box{
    border: 2px solid #037bff;
 overflow: scroll!important;
 }
.slider_slide {
 
 display: none
}
.slider_slide:first-child {
 display: block;
}
.slider_pagination {
 display: inline-block;
}
.slider_pagination_btn {
 display: inline-block;
 padding: 6px;
 margin: 5px;
 background-color: #ccc;
 border-radius: 10px;
 border: none;
 cursor: pointer;
 outline: none;
}
.slider_pagination_btn:hover {
 background-color: #aaa;
}
.slider_pagination_btn:focus {
 background-color: #777;
}
.slider .slider_pagination_btn--sel {
 background-color: black
}
.slider .image_frame { 
    position: relative;
}
.image_frame{
  background-repeat: round;
}
#extraction_line_items_filter {
  display:none;
}
#extraction_line_items tbody tr td:last-child {
text-align:center;
}
.pdf-pro-image-box{
border: 2px solid #8f8f8f;
overflow:  auto!important; 
width: 100%!important; 


}
/* .slider_slide
{
overflow:  unset!important; 
} */
.foucs
{
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
border: 2px solid #80bdff;
}
#loader {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
background: rgba(0,0,0,0.75) url('{% static 'myadmin/images/loading-buffering.gif' %}') no-repeat center center;
z-index: 10000;
}


.rpa-date-select .card-body {
 border-bottom: none !important;
}
.rap-catd-title {
margin: UNSET !important;
}

/* Absolute Center Spinner */
.custom_loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.custom_loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.custom_loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.custom_loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

body {
  font-size: calc(9px + 0.390625vw);
}

.badge
{
  font-size: 0.6vw;
  padding: 6px 12px;
  font-weight: 600;
  width:70px
}
.navbar
{
  line-height: 0px;
  padding: 0 !important;
}
.nav-link.active
{
  box-shadow: inset 5px 0px 0px #08388E;
  background-color: lightgray;
  font-weight: 500;
  color:#08388E;
}
.nav-link
{
  font-size: calc(10px + 0.390625vw);
  text-transform: uppercase;
  padding: 5px 10px !important;
  color: #212529;
  
  
}
.nav-link .fas
{
  font-size: 1.1rem;
}

.custom-text
{
  font-size:  0.8vw;
  color: #ffff !important;
  font-weight:  600 !important;
}


.custom-text .fas
{
  font-size: 24px;
}


::placeholder {
  color: #ced4da !important;
 
}

.input-group-text
{
  color: #212529 !important;
  background-color: transparent !important;
  font-size: 0.8rem;
  border: 0px;
}

.btn-primary {
  background-color: #08388E !important;
  border-color: #08388E !important;
}

.btn-primary.dropdown-toggle {
  background-color: #08388E !important;
}
.btn-primary.dropdown-toggle:hover {
  background-color: #08388E !important;
}
.show>.btn-primary.dropdown-toggle {
  background-color: #08388E !important;
}

.dropdown-menu{
  font-size: calc(9px + 0.390625vw) !important;
  padding: 0.3rem 0;
}

.dropdown-item:hover {
    background-color: #08388E;
    color: #fff;
}

.dropdown-item:hover > .far {
  color: #fff !important;
}

.btn{
  font-size: calc(9px + 0.390625vw) !important;
  padding: 8px 10px;
  border-radius: 4px;
}

a.btn-sm.btn-primary {
  display: inline;
  padding: 8px;
}

.btn-sm.btn-outline-primary {
  padding: 8px;
}

.breadcrumb{
  background-color: transparent;
  
}

.breadcrumb-item {
  color: #212529;
}

.breadcrumb-item.active {
  color: #495057;
}

.page-item.active .page-link

{
  background-color: #08388E !important;
  border-color: #08388E !important;
}
.rpa-edi-icon .far
{
  color: #08388E !important;
}

/* Forms CSS */
.form-control
{
    border-radius: 5px !important;
    font-size: calc(9px + 0.390625vw) !important;
    color: #212529;
    border: solid lightgray;
    border-width: 1px 1px 2px 1px;
}

.form-control:focus {
  color: #495057;
  border-color: lightgray;
  outline: 0;
  box-shadow: none !important;
  border-bottom-color: #08388E;
}

/* 
Alert CSS */

.alert-success{
  color: #000 !important;
  background: #dfd !important;
  border-color: #dfd !important;
}

.rap-catd-title .card-title a
{
  color: #000 !important;
}
.card-tit-icon
{
  color: #000 !important;
}
.title-header-field h1
{
  color: #000 !important;
}

.content-wrapper
{
  background: #f8f9fa!important;
  width: 100%;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  border-radius: 8px;
}

label
{
  color: #212529 !important;
	font-weight: 600 !important;
}
.custom-input-text
{
  border: 1px solid #000000f5;
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgb(0 0 0 / 2%) !important;
}
/* .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0,0,0,.02) !important;
} */
.table thead th
{
  color: #08388E;
  font-weight: 700;
  padding: 0.6rem;
  border-bottom: 4px solid #dee2e6;
}

.table-responsive {
  overflow-x: clip;
}


.page_title
{
  color: #212529  !important;
  font-weight:600;
}

.breadcrumb-item {
  color: #212529;
}
/* .card 
{
  border: 1px solid rgba(0,0,0,.125)  !important;
  box-shadow: unset !important;
} */

.header_log
 {
  font-family: 'Bebas Neue', cursive;
  letter-spacing: 1px;
  font-size: 1.5vw;
  color:#e1efeec7;
 
}

.table:not(.table-dark)
{
  color: #212529 !important;
  width: 100% !important;
  margin-bottom: 0rem;
}
.custom-nav
{
  padding: 0px 0px !important;
}

#experienceTab.nav-pills>li.nav-item>a.active::after
 {
  border-top: 20px solid transparent !important;
  border-bottom: 20px solid transparent !important;
  border-left: 18px solid #08388E !important;
  content: "" !important;
  position: absolute !important;
  right: -10px !important;
  display: block !important;
  width: 0 !important;
  margin: -28px auto !important;
  left: unset !important;
}

.nav-pills .nav-link
{
  font-size: 0.8vw !important;
}

.navbar-dark
{
  background-color: #08388E !important;
}

.sub_header_log {
  font-size: calc(14px + 0.390625vw) !important;
  color: white;
}

.border-0
{
  border: none !important;
}

.btn-outline-primary
{
  color: #08388E !important;
  border: 1px solid #08388E !important;
}

.btn-outline-primary:hover
{
  color: #fff   !important;
  border-color: #08388E !important;
  background: #08388E !important;
}

.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle {
  color: #fff   !important;
  background-color: #08388E !important;
  border-color: #08388E !important;
}

/* .custom-margin-top
{
  margin-top: 6rem;
} */

/* SECTION VERTICAL TABS */
#experienceTab.nav-pills .nav-link.active {
  background-color: transparent;
  border-radius: 0px;
  border-left: 3px solid #08388E;
  color: #fff;
  background: #08388E;
  padding: 0.75em;
  margin-bottom: 0.25em;
  
}

#experienceTab.nav-pills .nav-link {
  border-radius: 0px;
  /* border-left: 2px solid var(--theme-gray); */
}

#experienceTab.nav-pills>li.nav-item>a.active::after {
 content: "";
  position: absolute;
  border-top: 23px solid transparent;
  border-bottom: 23px solid transparent;
  border-left: 18px solid #08388E;
  opacity: 1;
  margin: -12px auto;
  left: 248px;
}

.nav-pills .nav-link 
{
 color: #212529;
 font-size: 16px;
  background: #f4f6f9;
  padding: 0.75em;
  margin-bottom: 0.25em;
}


.card .nav.flex-column>li{
 border-bottom:unset;
 
}
.date-range {
  letter-spacing: 0.01em;
  color: var(--theme-gray);
}

/* STUB  LINKS */
/* a {
  color: var(--theme-gray);
  transition: 0.3s eas-in-out;
}
a:hover {
  color: var(--theme-yellow);
} */
.badge-primary
{
  background-color: #08388E !important;
}


.cnn_status span
{
  cursor: default;
}
#cnn_information i
{
  cursor: pointer;
}



.select2-container--default .select2-selection--single .select2-selection__placeholder
{
  color: #000 !important;
}

.select2-container .select2-selection--single {
  width: 100% !important;
  height: calc(2.25rem + 0px) !important;
  padding: 0.375rem 0.4rem !important;
}

.select2-selection {
  border-bottom: 2px solid lightgray !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 21px;
} 

.header {
  background-color: #08388E !important;
}

.wrapper{
  display: flex;
  /* background-color: #f8f9fa!important; */
  /* background-color: #e9ecef !important; */
  background-color: #f0f0f0 !important;
  }

#sidebar {
  min-width: 180px;
  max-width: 180px;
  min-height: 100vh;
  display: block;
  z-index: 1030;
  box-shadow: none;
  }

#sidebar ul {
  flex-direction: column;
}

#sidebar ul.navbar-nav {
  width: 100%;
}

#sidebar li a {
  display: flex;
}

#sidebar i.fas {
  max-width: 20px;
  max-height: 20px;
}

#sidebar .nav-link:hover{
  box-shadow: inset 5px 0px 0px #08388E;
  background-color: lightgray;
  font-weight: 500;
  color:#08388E;
  border-radius: 0px 8px 8px 0px;
}

#sidebar .nav-link.active::before {
  content: "";
  display: block;
  height: 100%;
  width: 3px;
  border-radius: 2px;
  background: #08388E;
  margin: 3px 0px;
}

#sidebar .nav-link.active
{
  box-shadow: inset 5px 0px 0px #08388E;
  background-color: lightgray;
  font-weight: 500;
  color:#08388E;
  border-radius: 0px 8px 8px 0px;
}

table th {
  font-size: calc(9px + 0.390625vw);
}

table td {
  font-size: calc(9px + 0.390625vw);
  padding: 0.5rem !important;
  vertical-align: middle !important;
  word-break: break-all;
}

.dataTables_scrollHeadInner {
  width: 100% !important;
}

.doc-viewer {
  height: 78vh;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 999;
}

.sidebar-collapse {
  display: block;

}

#experienceTab {
  margin: 0px 0px;
}

#experienceTab:after {
  content: "";
  display: block;
  height: 2px;
  border-radius: 2px;
  background: lightgray;
  width: 100%;
  margin: 0px 3px;
}

#experienceTab .nav-link.active {
  background-color: transparent;
  box-shadow: none;
  font-weight: 600;
  color: #08388E;
}

#experienceTab .nav-link.active:after {
  content: "";
  display: block;
  height: 4px;
  border-radius: 2px;
  background: #08388e;
  width: 100%;
  margin: 10px 0px -2px 0px;
}

a.custom-link {
  color: #007bff !important;
}

a.custom-link:hover {
  color: #0056b3;
  text-decoration: underline;
}

.btn[class*="btn-outline-"] {
  padding: 6px;
}

.modal-full-width {
  max-width: 75% !important;
}

/* div#documents-section .nav-link.active {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: inset 0px -3px 0px #08388e;
  font-size: 1rem;
  font-weight: 500;
  color: #08388E;
}
 */
div#documents-section .nav-link {
  font-size: 1rem;
  border: none !important;
}

div#documents-section .nav-link:hover {
  border: 0px transparent;
}


div#documents-section .nav-link.active {
  background-color: transparent;
  box-shadow: none;
  font-weight: 500;
  color: #08388E;
  border: none;
}

div#documents-section .nav-link.active:after {
  content: "";
  display: block;
  height: 4px;
  border-radius: 2px;
  background: #08388e;
  width: 100%;
  margin: 10px 0px -2px 0px;
}

div#documents-section .nav-link:not(.active):hover::after {
  border: 0px transparent;
  content: "";
  display: block;
  height: 4px;
  border-radius: 2px;
  background: lightgray;
  width: 100%;
  margin: 10px 0px -2px 0px;
}

.breadcrumb-item a {
  color: #08388E;
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

.text-dark {
  color: #343a40!important;
}

.box-shadow-top {
  box-shadow: 0px -4px 5px rgb(225 225 225);
}

.success-badge {
  background-color: #E8F5E9;
  color: #00c851 !important;
  padding: 2px 6px;
  border-radius: 20px;
}

.error-badge {
  background-color: #FEF2F2;
  color: #ff3547 !important;
  padding: 2px 6px;
  border-radius: 20px;
}

.inprogress-badge {
  background-color: #EFF6FF;
  color: #1D4ED8 !important;
  padding: 2px 6px;
  border-radius: 20px;
}

.warning-badge {
  background-color: #FEF2F2;
  padding: 2px 6px;
  border-radius: 20px;
}

.idle-badge {
  background-color: lightgray;
  color: #808080;
  padding: 2px 6px;
  border-radius: 20px;
}

.filter-label {
  padding: 2px 2px;
  font-size: 0.75rem;
}

.jtk-connector {
  z-index: 99999999 !important;
}

.dataTables_processing {
  width: 100%;
  height: 3px;
  position: relative;
  overflow: hidden;
  background-color: #ddd;
  margin: 0px auto;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.dataTables_processing:before {
  content: "";
  position: absolute;
  left: -50%;
  height: 3px;
  width: 40%;
  background-color: #08388E;
  -webkit-animation: lineAnim 1s linear infinite;
  -moz-animation: lineAnim 1s linear infinite;
  animation: lineAnim 1s linear infinite;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

@keyframes lineAnim {
  0% {
      left: -40%;
  }
  50% {
      left: 20%;
      width: 80%;
  }
  100% {
      left: 100%;
      width: 100%;
  }
}

.errorlist {
  color: red !important;
}

.sorting_disabled {
  cursor: default;
}

.table thead th:before, .table thead th:after {
  line-height: 0.6;
}

.nav-tabs {
  border-bottom: 0px;
}

.sidebar-collapsed {
  max-width: 45px !important;
  min-width: 45px !important;
  /* transition: all 100ms !important; */
  overflow: hidden;
}

#collapse-btn {
  position: fixed;
  bottom: 0;
  width: 170px;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow:hidden;
}

#collapse-btn::after {
  content:'Collapse';
}

.sidebar-collapsed #collapse-btn::after {
  content: '' !important;
}

.sidebar-collapsed #collapse-btn i::before {
  content: '\f101' !important;
}

.sidebar-collapsed #collapse-btn {
  max-width: 35px !important;
  text-wrap: nowrap;
}

h3 {
  font-size: calc(25px + 0.390625vw);
}

textarea:focus {
  /* resize: none; */
  outline: none !important;
  border-width: 1px 1px 2px 1px !important;
  border-bottom-color: #08388E !important;
  width: 100%;
  border-radius: 4px !important;
}

textarea:focus-visible {
  /* resize: none; */
  outline: none !important;
  border-width: 1px 1px 2px 1px !important;
  border-bottom-color: #08388E !important;
  width: 100%;
  border-radius: 4px !important;
}

a.btn-sm.btn-cta {
  background-image: linear-gradient(120deg, #ea638c, #ba133e);
  color: white;
  /* border: 1px solid white; */
  transition: background-image 1s linear;
}
 
a.btn-sm.btn-cta:hover {
  background-image: linear-gradient(120deg, #ba133e, #ba133e);
  /* border: 1px solid white; */
  transition: background-image 1s linear;
}

.dotted-underline {
  text-decoration: dotted;
}

.logo-title {
  margin-top: 19px;
  margin-left: 8px;
  background: -webkit-linear-gradient(120deg, #08388E 5%, #08388E 12%, #4285f4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.rannsolve-gradient {
  background: -webkit-linear-gradient(120deg, #08388E 5%, #08388E 12%, #4285f4 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}