/*
	LICENSE / Terms of use
    ----------------------
    ITSAGAR SOLUTIONS PRIVATE LIMITED (“Provider”) allows rights to use this software / web application to Mr. Nitesh (“Client”) & Ms. Ritu (“Client”) subject to the following conditions:
    Client is granted a limited, non-exclusive, non-transferable license to use the software, designs, scripts, codes, style sheets, and any other materials developed by Provider for the purpose of "dynamic website and web application allowing users to signup and upload assignment / project / work requests which will be fulfilled by the admin by uploading relevant solutions after taking agreed payment from their users". The software, designs, scripts, codes, style sheets, and any other materials developed by Provider, including the original source code, designs, scripts, codes, and style sheets delivered to Client, shall remain the exclusive property of Provider. Client acknowledges that it shall not obtain any intellectual property rights, including but not limited to, copyrights, trademarks, or patents, in or to the materials provided by Provider. Client shall not distribute the software, designs, scripts, codes, style sheets, or any other materials provided by Provider, in whole or in part, outside of the scope of the original project without the prior written consent of Provider. Client shall not claim ownership of the materials provided by Provider, or prevent Provider from applying the same ideas, source code, designs, scripts, and style sheets to other projects or clients. Client may engage a third party to modify the software within the scope of the same project, but Provider shall retain ownership of the original source code, designs, scripts, codes, and style sheets delivered to Client. In no event shall the provide be liable for any claim, damages or other liability, in an action of contract, tort or otherwise, arising from, out of or in connection with the or the use or other dealings in the software.
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
/* --- Loader --- */
.loader_bg, .loader_bg_2{
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 100%;
}

.loader_bg{
 background: #fff;
}
.loader_bg_2{
 background: rgba(0,0,0,0.5);
}

.loader {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.loader img {
    width: 100px;
}

.loader_bg_2 .loading {
 position: fixed;
 z-index: 999;
 height: 2em;
 width: 2em;
 overflow: show;
 margin: auto;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 display:block;
}

.loader_bg_2 .loading:before {
 content: '';
 display: block;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0, .5));
 background: -webkit-radial-gradient(rgba(20, 20, 20,.5), rgba(0, 0, 0,.5));
}
/* :not(:required) hides these rules from IE9 and below */
.loader_bg_2 .loading:not(:required) {
 /* hide "loading..." text */
 font: 0/0 a;
 color: transparent;
 text-shadow: none;
 background-color: transparent;
 border: 0;
}

.loader_bg_2 .loading:not(:required):after {
 content: '';
 display: block;
 font-size: 10px;
 width: 1em;
 height: 1em;
 -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(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 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);
 }
}
 .modal-content {
    border-radius:none !important;
    box-shadow: 2px 2px 2px grey !important;
 }

 .visible-scrollbar, .invisible-scrollbar, .mostly-customized-scrollbar {
  display: block;
  width: 10px;
  overflow: auto;
  height: 2em;
}
::-webkit-scrollbar {
  width: 8px;               /* width of the entire scrollbar */
}

::-webkit-scrollbar-track {
  background: grey;        /* color of the tracking area */
}

::-webkit-scrollbar-thumb {
  background-color: black;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 1px solid grey;  /* creates padding around scroll thumb */
}

/*---*/

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #0ae #F5F5F5;
}

/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar {
  height:10px;
	width: 8px;
	background-color: #F5F5F5;
  border: 1px solid #0ae;
}

::-webkit-scrollbar-track {
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
	background-color: #0ae;
	background-image: -webkit-gradient(linear, 0 0, 0 100%,
	                   color-stop(.5, rgba(255, 255, 255, .2)),
					   color-stop(.5, transparent), to(transparent));
}

.modal {
  padding: 0 !important; /* override inline padding-right added from js */
}
.modal .modal-xl {
  max-width: 95%;
  /* height: 100%; */
}
.modal .modal-dialog {
  /* width: 95%!important; */
  /* max-width: 95%; */
  /* height: 100%; */
  margin: 0 auto;
}
.modal .modal-xl .modal-content {
  /* height: 95%; */
}
.modal .modal-content {
  border: 0;
  border-radius: 0;
}
.modal .modal-body {
  overflow-y: auto;
}
.table {
font-size: 13.5px !important;
}
.btn-group-xs>.btn, .btn-xs, .btn-csize {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.topbar {
  position:absolute;
  top:2px;
  right:2px;
  z-index:997;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
}
.navbar {
  padding: 0rem 0rem !important;
}
/* #content .container-fluid{
  padding-top:1rem;
} */
.tpx {
  font-size:14px;
}
.alert-always-visible {
  display:block !important;
}

.doc-heirarchy {
  position: relative;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .35rem;
  color: #0f6848;
  background-color: #d2f4e8;
  border-color: #bff0de;
}

.tooltip-wrap {
  position: relative;
}
.tooltip-wrap .tooltip-content {
  display: none;
  position: absolute;
  bottom: 5%;
  left: 5%;
  right: 5%;
  background-color: #fff;
  padding: .5em;
}
.tooltip-wrap:hover .tooltip-content {
  display: block;
  border: 1px solid gray;
  border-radius: 3%;
  width: 250px;
  z-index:999;
}

.text-golden {
  color: #f6ce31 !important;
}

.border-golden {
  border: 1px solid #f6ce31 !important;
}

.memberid {
  color: #f6ce31 !important;
}

.hr-golden {
    height: 1px;
    background-color: #ccc;
    border: none;
}

.smallmemberid {
  font-size:80%;
}

.medmemberid {
  font-size:90%;
}

.mt-5p {
  margin-top:5%;
}

/* .div-table > .row:nth-of-type(odd) {
  background-color: #cdd8f6;
}

.div-table > .row:nth-of-type(even) {
  background-color: rgba(239, 244, 248, 0.5);
} */

.div-table > .row {
  border-bottom:1px solid #ebe1e1 !important;
}

/* Responsive Table Starts */

.table-responsive-stack,  .table-responsive-stack td {
  /*background-color: #00A5A8;*/
  /* background-color: #f6ce31; */
  /*color: #dee2e6;*/
  color:black !important;
}

.table-responsive-stack thead {
/* background-color: #428BCA!important; */
color: white;
}

.table-striped tbody tr:nth-of-type(even) {
  background-color: rgba(245,247,250,.5);
}

.table th, .table td {
  border: none;
}
.table-responsive-stack  .table-responsive-stack-thead {
  font-weight: bold;
}

.table {
  color:black !important;
}

@media screen and (max-width: 768px) {
  .table-responsive-stack tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 3px solid #ccc;
    display:block;
    
  }
  .table-responsive-stack td, .table-responsive-stack th {
    display:block;
    /* flex-grow | flex-shrink | flex-basis   */
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    word-break: break-word;
  }
  /*  IE9 FIX   */
  .table-responsive-stack td {
    float: left\9;
    width:100%;
  }
}
/* Responsive Table Ends */

.buttonrowwrapper {
  position:relative;
}

.buttonrow {
  position:absolute;
  bottom:0;
  right:25px;
}

.buttonrow .btn-sm{
  min-width:35px;
}

.discussionwrapper {
  border: 1px solid black!important;
  box-shadow: 2px 2px 0px gray;
}

audio {
  filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
  width: 250px;
  height: 30px;
}

.error-text {
  position: relative;
  animation-name: errortext;
  animation-duration:0.3s;
  animation-iteration-count:infinite;
  animation-direction:alternate;
}

@keyframes errortext {
  0% {color:red;}
  100% {color:black;}
}

.small-modal-header {
  padding: 0.5rem 0.5rem !important;
}

@media (min-width:992px){
  .modal-extra-lg{
    max-width:950px
  }
}

/* Custom Alerts */

.btn-alert-close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  padding: 0.75rem 0.75rem !important;
}

.btn-alert-close:hover, .btn-alert-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
}

.btn-alert-close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  margin: auto !important;
}

.alert {
  /* padding: 15px; */
  /* margin-bottom: 20px; */
  /* border: 1px solid transparent; */
  border-radius: 2px !important;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert>p,.alert>ul {
  margin-bottom: 0;
}

.alert>p+p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}

.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}

.alert-danger hr {
  border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
  color: #843534;
}

.alert {
  border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.11);
}

.alert .sign {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 5px;
  text-align: center;
  width: 25px;
  display: inline-block;
}

.alert-success {
  background-color: #dbf6d3;
  border-color: #aed4a5;
  color: #569745;
}

.alert-info {
  background-color: #d9edf7;
  border-color: #98cce6;
  color: #3a87ad;
}

.alert-warning {
  background-color: #fcf8e3;
  border-color: #f1daab;
  color: #c09853;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #e0b1b8;
  color: #b94a48;
}

.alert-white {
  /* background-image: linear-gradient(to bottom,#FFFFFF,#F9F9F9); */
  border:1px solid #bdbdbd !important;
  border-left: none !important;
  color: #404040;
  padding-left: 61px;
  position: relative;
  margin-bottom: 1rem !important; /* override default BS behave */
  /* border: none !important;  */
}

.alert-absolute {
  border: none !important;
}

.alert-white .icon {
  text-align: center;
  width: 45px;
  height: 100%;
  position: absolute;
  /* top: -1px;
  left: -1px; */
  top: 0px;
  left: 0px;
  border: 1px solid #bdbdbd;
}

.alert-white .icon:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #bdbdbd;
  position: absolute;
  border-left: 0;
  border-bottom: 0;
  top: 50%;
  right: -6px;
  margin-top: -5px;
  background: #fff;
}

.alert-white.rounded {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.alert-white.rounded .icon {
  /* border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px; */
}

.alert-white .icon i {
  font-size: 20px;
  color: #FFF;
  left: 12px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
}

.alert-white.alert-danger .icon,.alert-white.alert-danger .icon:after {
  border-color: #ca452e;
  background: #da4932;
}

.alert-white.alert-info .icon,.alert-white.alert-info .icon:after {
  border-color: #3a8ace;
  background: #4d90fd;
}

.alert-white.alert-warning .icon,.alert-white.alert-warning .icon:after {
  border-color: #d68000;
  background: #fc9700;
}

.alert-white.alert-success .icon,.alert-white.alert-success .icon:after {
  border-color: #54a754;
  background: #60c060;
}

.alert-absolute {
  position:fixed !important;
  bottom:10px;
  right:10px;
  z-index:999;
  /* left: 50%; */
  /* transform: translate(-50%, -50%); */
}
/* Custom Alert End */

.tpx {
  font-size:14px;
}

.custom-alert-danger {
  background-color:#f2dede;
  color:#a94442;
  padding:5px;
  border-bottom:1px solid #dddfeb;
}

.dash-scroll-card {
  max-height: 400px;
  overflow-y:scroll;
}

.card .card-header[data-toggle="collapse"]::after {
  content: '\f146';
  color:white;
}

.card .card-header[data-toggle="collapse"].collapsed::after {
  content: '\f0fe';
  color:white;
}
.inner-list-card {
  padding:0.2rem !important;
}

.rows-wrapper {
  color:black !important;
  font-size: 13.5px !important;
  padding-top:0.2rem !important;
}

.rows-wrapper > .row:nth-child(odd) {
  /* background-color: #c3cde9 !important; */
  background-color: #e3e6f0!important;
}

.rows-wrapper > .row:nth-child(even) {
  /* background-color: #e1e8f8 !important; */
  background-color: #e3e6f0!important;
}

.to-do-item {
  background-color: #fcf8e3;
  border-color: #f1daab;
  /* box-shadow: 2px 2px 2px #f1daab; */
}

#sidebarToggleTop {
  background-color: #1cc88a!important;
  color:white;
  margin-top:1px;
  margin-right:1px;
}

.sidebar {
    max-width: 12rem!important;
    background-color: #2D4760;
}

.sidebar .nav-item .nav-link span {
  font-size:0.9rem!important;
}

.expander-button a::after {
  content: '-';
  font-size:1rem;
  color: white;
  line-height:1.2;
}

.expander-button a.collapsed::after {
  content: '+';
  font-size:1rem;
  color: white;
  line-height:1.2;
}

.font-14 {
  font-size:14px !important;
}

.font-12 {
  font-size:12px !important;
}

.sidebar .sidebar-card {
  padding:0.2rem!important;
}

.sidebar #sidebarToggle {
  height:1.5rem!important;
  width:1.5rem!important;
}

/* remove borders */
  * {
    border-radius:0 !important;
  }
/* remove borders ends */

.collapse-button-primary::after {
  color: #4e73df!important;
  font-size: 1.3em;
}

.collapse-button-secondary::after {
  color: #6b6d7d!important;
  font-size: 1.3em;
}

.collapse-button-success::after {
  color: #169b6b!important;
  font-size: 1.3em;
}

.collapse-button-info::after {
  color: #36b9cc!important;
  font-size: 1.3em;
}

.collapse-button-warning::after {
  color: #f6c23e!important;
  font-size: 1.3em;
}

.collapse-button-danger::after {
  color: #e74a3b!important;
  font-size: 1.3em;
}

.bg-warning, .badge-warning, .btn-warning{
  background-color:#f6aa43!important;
}

.text-warning {
  color:#f6aa43!important;
}

.btn-warning {
  border-color:#f6aa43!important;
}
.table-white-gray tr {
  border-bottom:1px solid #ebe1e1 !important;
}

.bg-gradient-dark {
  background-color: #15283c;
  background-image: linear-gradient(180deg,#5a5c69 10%,#373840 100%);
  background-size: cover;
}

.sidebar, #content, .modal-header, .bg-gradient-primary {
  /* background-image: url('http://localhost/crm/team/da/dash/img/pattern_h.png'); */
}

.yellow_color {
  color: #ff9800 !important;
}

.orange_color {
  color: #ff5722 !important;
}

.purple_color {
  color: #9c27b0 !important;
}

.blue_color {
  color: #2196f3 !important;
}

.red_color {
  color: #e91e63 !important;
}

.pink_color {
  color: #9c27b0 !important;
}

.green_color {
  color: #009688 !important;
}

.login_input{
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid #ddd 2px;
  line-height: normal;
  font-weight: 300;
  transition: ease all 0.5s;
}

.login_input:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: solid #ddd 2px;
}

.designer-card-header {
  background-color: #ff5722;
  background-image: url(http://localhost/crm/team/da/dash/img/pattern_h.png);
  background-size: cover;
}

.designer-card-body {
  background-image: url(http://localhost/crm/team/da/dash/img/pattern_h.png);
}

.card-footer {
  /* background-color: #4e73df;
  background-image: linear-gradient(180deg,#4e73df 10%,#224abe 100%); */
  /* background-image: url(http://localhost/crm/team/da/dash/img/pattern_h.png); */
  /* background-size: cover; */
  border:none!important;
}

.designer-card-header *, .card-footer * {
  color:white;
}

.force-white-color {
  color:white !important;
}

.force-black-color, .force-black-color * {
  color: black !important;
}

input {
  color:black !important;
}

.h-100 {
  height:100%;
}

.w-100 {
  width:100%;
}

.d-table {
  display:table;
  width:100%;
}

.d-table-cell {
  display:table-cell;
}

.v-middle {
  vertical-align:middle;
}

.small-heading-text {
  font-size:0.75rem;
}

#inner-accordion-1 {
  padding:0.5rem;
}

.custom-mh-90vh {
  min-height:89vh;
}

/* AMIT */

A.sidenav-menu {
  overflow-y: scroll;
  height: 100vh;
}

.navbar {
  /* flex-direction: column; */
  flex-wrap: nowrap;

}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  #layoutSidenav_nav {
      /* width: 10rem; */
      height: 100vh;
      z-index: 1038;
  }

  .sidebar {
      position: fixed;
      height: 100%;
      overflow-y: scroll;
      z-index: 1000;
  }

  .sidebar .nav-item .collapse {
      position: fixed;
      left: calc(6.5rem + 1.5rem / 2);
      z-index: 1;
      top: 120px;
  }

  #sidebarToggleTop {
    position: fixed;
    background-color: #1cc88a !important;
    color: white;
  }

  .topbar {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
  }

  .navbar {
    padding: 0rem 0rem;
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 999;

  }

  .sidebar {
    width: 7rem!important;
  }

  .custom-dashboard{
    padding-left: 0!important;
    padding-right:0!important;
  }

  .itsspl-padding-0 {
    padding: 0!important;
  }
}

@media (min-width: 768px) {
  .sidebar {
      position: fixed;
      height: 100%;
      overflow-y: scroll;
      z-index: 998;
  }
  .sidebar .nav-item .nav-link {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .sidebar .nav-item .collapse {
      position: relative;
      left: 0;
      z-index: 1;
      top: 0;
  }
  .sidebar {
    width: 14rem!important;
  }
}
@media only screen and (min-width: 768px) {
  .custom-dashboard {
    padding-left: 13rem !important;
  }
}

input.original-file-upload {
  display: none;
}
.custom-file-upload {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

/* AMIT ENDS */

.upload-relative-wrapper {
  position:relative;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}

.btn-upload {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 2px 10px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}

.upload-btn-wrapper .file {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  cursor: pointer;
}

.removeitem {
  cursor:pointer;
}

.success-tick {
  color: #569745;
}

.danger-color {
  color: #d9534f;
}

.progress {
  max-width:30%;
  height:10px;
}

.minus, .plus{
  cursor:pointer;
  width:32px;
  height:32px;
  background:#f2f2f2;
  border-radius:4px;
  padding:8px 5px 8px 5px;
  border:1px solid #ddd;
  display: inline-block;
  vertical-align: middle;
  font-size: 22px;
  text-align: center;
  line-height:0.8em;
}
#words {
  height:32px;
  width: 100px;
  text-align: center;
  font-size: 16px;
  border:1px solid #ddd;
  border-radius:4px;
  display: inline-block;
  vertical-align: middle;
}

.descr_box {
  height:calc(100% - 60px) !important;
  resize:none;
}

.select2-container--default .select2-selection--single{
  border-radius: 4px!important;
  padding: 4px 6px!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 34px!important;
}

.select2-container .select2-selection--single{
  height: 34px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 24px!important;
}
.form-control-sm{
  padding: 4px 6px!important;
  height: 34px!important;
  border-radius: 4px!important;
}
.form-control{
  border-color: #aaa!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #858789 !important;
}

.btn-upload{
  border-color: transparent!important;
  color: #fff!important;
  background-color: #e48b35!important;
}

.btn-success {
  
}

.minus, .plus{
  line-height: 0.65em!important;
}

.c-page-heading {
  /* background-color: #FF5733; */
  /* background-color: #DA4626;
  background-color: #E66542;
  background-color: #E85B35; */
  color: #fff;
  background-color: #1C4E80;
}

.card-header.c-heading-accordion {
  border-bottom: none;
}


.c-card-body-heading {
  font-weight: bold;
}

.c-margin-left {
  margin-left: 13rem;
  width: 88%;
}

.c-detail-section,
.c-detail-section-description {
  border-bottom: 1px solid #1C4E80;
}

.c-accordion-title-heading-wrapper {
  font-weight: bold;
  padding-left: 1.6rem !important;
  cursor: pointer;
}

.c-accordion-btn-wrapper {
  position: relative;
}

.c-accordion-btn {
  display: inline-block;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
}

.c-btn-more-detail {
  display: inline-block;
  color: #fff;
  background-color: #e48b35;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 4px;
  font-size: 10px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.c-btn-more-detail:hover {
  color: #fff;
  background-color: #1C4E80;
}

.c-paynow-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-card-body-attachment .c-download {
  color: #1C4E80;
}

.c-card-body-attachment .col-sm-6,
.c-card-body-attachment .col-12 {
  padding: 0px 10px 0 0 !important;
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
  .card-header.c-heading {
      padding: 10px;
  }

  .c-heading .col-10,
  .c-heading .col-4,
  .c-heading .col-2,
  .c-heading .col-12,
  .c-heading-accordion .col-12,
  .c-heading-accordion .col-10,
  .c-heading-accordion .col-4,
  .c-card-body .col-5,
  .c-card-body .col-7,
  .c-card-body .col-6,
  .c-accordion-btn-wrapper .col-3,
  .c-card-body-attachment .col-sm-6,
  .c-card-body-attachment .col-12,
  .c-card-body-attachment,
  .c-detail-section-description .col-12,
  .c-detail-section-description .c-card-body-heading,
  .c-card-body-attachment .container-fluid .container-fluid {
      padding: 0 !important;
  }

  .card-body.c-card-body {
      padding: 10px !important;
  }


  .card-header.c-heading-accordion {
      padding: 10px !important
  }

  .c-detail-section,
  .c-detail-section-description,
  .c-card-body-attachment {
      font-size: 14px;
  }

  .c-accordion-title-heading-wrapper {
      padding-right: 0px !important;

  }

  .c-paynow-btn-wrapper,
  .c-accordion-title-heading-wrapper {
      font-size: 14px;
  }

  .c-detail-section-description .c-card-body-heading {
      padding-left: 0rem !important;
  }

  .c-card-body-attachment .col-10 {
      padding-right: 0px !important;
  }


}

.c-padding-right-0 {
  padding-right: 0px;
}


.c-margin-bottom {
  margin-bottom: 5px !important;
}

.c-detail-section-description .c-card-body-heading,
.c-card-body-attachment .c-card-body-heading {
  color: #e48b35;
  color: #1C4E80;
  font-size: 16px;
}

.c-paynow-btn-wrapper button{
  padding:1px 5px;
}
.c-card-body-attachment .c-download{
  padding: 0px;
}

.c-card-body-attachment {
  padding: 0px;
}

/* mobile view */
.c-download i {
  font-size: 14px !important;
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
  .c-card-body-attachment .container-fluid {
      padding-left: 1rem!important;
  }
}

.c-btn-radius-2rem {
  border-radius: 0.2rem!important;
}

.c-btn-radius-right-2rem {
  border-top-right-radius: 0.2rem!important;
  border-bottom-right-radius: 0.2rem!important;
}

.c-btn-radius-left-2rem {
  border-top-left-radius: 0.2rem!important;
  border-bottom-left-radius: 0.2rem!important;
}

/* Custom Modal */

.itsspl-modal-body {
  padding: 0rem 0.5rem;
}

.text-wapping {
  word-wrap: break-word;
}

.itsspl-modal-body .row {
  border-bottom: 1px solid #ccc;
}
.itsspl-view-more-btn{
  padding: 2px 5px!important;
}

@media only screen and (max-width: 768px) {
  .itsspl-modal-body .itsspl-modal-heading{
      display: none;
  }

  .itsspl-modal-body .row {
      border: 1px solid rgb(140, 139, 139);
      border-radius: 10px !important;
      margin-bottom: 1rem;
  }

  .itsspl-modal-body .row {
      /* background-color: rgb(247 247 247); */
      background-color: rgb(116 116 116) !important;
      color: white;
      padding: 5px 5px 5px 5px;
  }

  .itsspl-modal-body .col-12,.itsspl-modal-body .col-3,.itsspl-modal-body .col-9 {
      padding: 0.5rem !important;
  }
}

@media only screen and (min-width: 768px) {
  .itsspl-modal-body .itsspl-modal-heading {
      font-weight: bold;
      color: #1C4E80;
  }

  .itsspl-modal-body .col-12,.itsspl-modal-body .col-3,.itsspl-modal-body .col-9 {
      height: 100%;
      margin: auto;
      padding: .8rem !important;
  }

  .itsspl-modal-body .row:nth-child(even) {
      background-color: #f6f6f6;
      background-color: #F1F3F4;
  }
  .itsspl-modal-body .col-5,.itsspl-modal-body .col-2,.itsspl-modal-body .col-1{
      margin-bottom:1rem;
  }
}

.itsspl-modal-header{
  padding-left: 1rem!important;
}
.itsspl-modal-footer{
  border-top:none!important
}

/* Custom Modal Ends */

.itsspl-Attachment-file-assignment .col-6,
.itsspl-Attachment-file-solution .col-6 {
    padding: .4rem .75rem;

}
.itsspl-Attachment-file-assignment a,.itsspl-Attachment-file-solution a{
    text-decoration: none;
}

.itsspl-attachment-file-btn {
    font-size: 14px;
}

.itsspl-attachment-file-detail {
    font-size: 11px;
}

.itsspl-font-style-italic {
    font-style: italic;
}
.itsspl-Attachment-file-solution a{
    word-break: break-word;
}

.text-orange {
  color: #e48b35;
}

/* 26-11-2022 */

  .navbar {
    width: 100%;
    display: flex;
    align-items: center;       
    justify-content: space-between;
    position: fixed;
    top: 0;
    background-color: #fff;
    color: #999;
    height: 3rem;
    /* box-shadow: 0 0.1rem 0.8rem 0 rgb(58 59 69 / 15%) !important */
    border-bottom: 3px solid #36b9cc!important;
    margin-right:5px;
  }
  #sidebarToggleTop{
    position: static!important;
  }
  .topbar .nav-item .nav-link{
    height: 3rem!important;
  }
  .itsspl-padding-top-3rem{
    padding-top: 3rem!important;
  }
  .itsspl-nav-link-btn{
    font-size: 22px;
    color: #777!important;
  }
  .itsspl-nav-link-btn span.badge{
    font-size: 14px!important;
  }
  .itsspl-page-heading h5{
    color: #777;
  }
  .itsspl-dropdown-item i{
    margin-right: .2rem;
    /* color: #1C4E80; */
  }

  @media only screen and (min-width: 320px) and (max-width: 768px) {
    .itsspl-page-heading{
        margin-left: .5rem!important;
    }
    .itsspl-top-navbar-btn-wrapper{
        height: 100%;
        display: block;
        margin: auto;
    }
  }

  .itsspl-container-fluid {
      padding-top: 3rem;
  }

  .itsspl-client-page-body-row {
    padding-right:13px!important;
  }
  
  @media only screen and (min-width: 768px) {
    .itsspl-page-heading{
        margin-left: 13rem!important;
    }

    .itsspl-container-fluid{
        padding-left: 12rem!important;
        padding-right: 0rem!important;
    }
  }
  @media only screen and (min-width: 1024px) {
    .itsspl-container-fluid .card {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }
  }

  /**/
  .itsspl-dropdown {
    height: 400px !important;
    overflow-y: scroll !important;
  }

  .itsspl-dropdown-item{
    border: none!important;
    padding: 0px!important;
  }
  .itsspl-dropdown-item:hover{
    background-color: #fff!important;
  }
  .itsspl-notif-row{
    padding: .4rem .8rem;
  }
  .itsspl-read-notif-row{
    background-color: #eaecf4;
  }
  .itsspl-dropdown-item span{
    font-size: .8rem!important;
    line-height: 1rem!important;
  }
  .itsspl-dropdown-header{
    padding:0.75rem .8rem!important;
  }


  .itsspl-dropdown-markAsRead-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
    padding-bottom: .2rem;
    border-bottom: 1px solid #e3e6f0;
  }

  .itsspl-dropdown-markAsRead-btn {
    font-size: 11px !important;
    padding: 0px !important;
  }
  .font-weight-bold-600{
    font-weight: 600;
  }

  .itsspl-client-page-header {
    color: #555;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: .5rem;
  }

  .itsspl-border-bottom {
    font-size: 1rem;
  }

  .itsspl-client-page-body-row {
    font-size: .9rem;
    border-bottom: 1px solid rgba(0, 0, 0, .25);
  }

  .itsspl-client-page-body-row:last-child {
    border-bottom: none;
  }

  @media only screen and (min-width: 320px) and (max-width: 768px) {
    .itsspl-client-page-header {
        display: none;
    }

    .itsspl-client-page-header-mobile {
        color: #555;
    }

    .itsspl-client-page-body-row {
        box-shadow: 0 0 8px #777;
        margin-bottom: 20px;
        border-radius: 10px !important;
        padding: 5px;
        position: relative;
    }
    .itsspl-account-status-btn{
        font-size: 22px;
        position: absolute;
        bottom: 10px;
        right: 10px;
    }
    .itssple-padding-top-right{
        padding-right: 20px!important;
        padding-top: 10px!important;
    }
  }

  @media only screen and (min-width: 568px) and (max-width: 768px) {
    .itsspl-account-status-btn {
        
        bottom: 0px!important;
        right: 23px!important;
    }
  }
  #content-wrapper {
    background:none !important;
  }
  @media only screen and (min-width: 320px) and (max-width: 768px) {
            
      .itsspl-account-status-btn-display-none{
          display: none;
      }
  }
  .itsspl-active-btn-width{
      width: 12px;
  }
/* 26-11-2022 ends */

/* Admin - Assignment Progress Pages */
  .itssspl-form {
    height: 28px !important;
    padding: 2px 6px 4px 6px !important;
  }
  .itsspl-btn-save-progress{
    width: 28px;
    line-height: 1;
  }

  @media only screen and (min-width: 320px) and (max-width: 768px) {
    .itsspl-inreview-page-body-row {
        box-shadow: 0 0 8px #777;
        margin-bottom: 20px;
        border-radius: 10px !important;
        padding: 5px;
        position: relative;
    }
  }

  .itsspl-inreview-page-body-row {
      font-size: .9rem;
      border-bottom: 1px solid rgba(0, 0, 0, .25);
  }

  /* progress bar changes */
  @media only screen and (min-width: 320px) and (max-width: 991px) {
      
      .itsspl-progress-bar-bg-color{
        background-color: #e7f3ff;
          
      }
  }
/* Admin - Assignment Progress Pages Ends */

/* Client Page - My Orders Info */

  @media only screen and (min-width: 300px) and (max-width: 768px) {
    .c-accordion-body-key {
        width: 9rem;
        display: inline-block;
    }

  }

  @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .c-accordion-body-key {
        width: 8rem;
        display: inline-block;
    }

    .c-accordion-body-key+span {
        display: inline-block;
        width: 100%;
    }

  }

  @media only screen and (min-width: 1024px) {
    .c-accordion-body-key {
        width: 8rem;
        display: inline-block;
    }
  }
/* Client Page - My Orders Info Ends */

/* Payment Status */
  .itsspl-payment-order-page{
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    background:#e7f3ff61;
    box-shadow: 0 0 6px #999;
    border-radius: 15px!important;
    padding: 1.25rem;
    position: relative;
    color: #000;
  }
  .itsspl-payment-order-page{
    animation: paymentwindowzoomin 800ms ease 0ms 1 forwards;
    -webkit-animation: paymentwindowzoomin 800ms ease 0ms 1 forwards;
  }

  @-webkit-keyframes paymentwindowzoomin {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    100% {
        opacity: 1;
    }
  }

  @keyframes paymentwindowzoomin {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3);
    }

    100% {
        opacity: 1;
    }
  }

  .itsspl-payment-header{
    padding: 20px;
    border-radius: 20px 20px 0px 0px;

  }

  .check {
    margin: 0px auto;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    text-align: center;
  }


  .check i {
    vertical-align: middle;
    line-height: 50px;
    font-size: 50px;
  }

  .itsspl-payment-content {
    text-align: center;
  }

  .itsspl-payment-content h1 {
    font-size: 25px;

  }
  .itsspl-payment-detail-wrapper>p {
    color: #1C4E80;
  }

  .itsspl-payment-footer a {
    width: 200px;
    height: 35px;
    color: #fff;
    border-radius: 30px;
    padding: 5px 10px;
    background-color: #1c4e80b0;
    transition: all ease-in-out 0.3s;
  }

  .itsspl-order-page-btn:hover {
    text-decoration: none;
    background-color: #1C4E80!important;

  }
  .itsspl-payment-detail-wrapper>p{
    font-size: 1.25rem;
  }

/*  Payment Status Ends */

  .font-small {
    font-size:0.8rem!important;
  }

/* SUBJECTS */

  @media only screen and (min-width: 300px) and (max-width: 575px) {
    .itsspl-subject-header-row{
        display: none;
    }
    .itsspl-box-shadow{
        box-shadow: 0 0 8px #777;
    }
  }
  @media only screen and (min-width: 575px) {
    .itsspl-subject-header-row{
        border-bottom: 1px solid rgba(0, 0, 0, .25);
    }
  
  }

/* SUBJECTS ENDS */

/* SUBJECT */
  .itsspl-subject-header-course-row{
    border-bottom: 1px solid rgba(0, 0, 0, .25);
  }

  @media only screen and (min-width: 300px) and (max-width: 575px) {
    .itsspl-subject-border{
        border: 2px solid #999;
    }
    .itsspl-subject-border-bottom-success{
        border-bottom: 5px solid rgb(0, 128, 0);
    }
    .itsspl-subject-border-bottom-danger{
      border-bottom: 5px solid rgb(255, 0, 0);
    }
    .itsspl-subject-border-bottom-warning{
        border-bottom: 5px solid #f6c23e;
    }
  }

/*SUBJECT ENDS */

/* Client List Page */

  .itsspl-account-status-btn {
    font-size: 24px!important;
  }
  @media only screen and (min-width: 320px) and (max-width: 568px) {
    .itsspl-account-status-btn {
        position: relative;
        bottom: 0rem!important;
        right: 0px!important;
    }
  }

  @media only screen and (min-width:568px) and (max-width: 768px) {
    .itsspl-account-status-btn {
        position: relative;
        bottom: 0rem!important;
        right: 0px!important;
    }
  }

/* Client List Page Ends */


/* Navbar changes */

  @media only screen and (min-width: 320px) and (max-width: 768px) {
    .itsspl-navbar-bg-color{
        background-color: #3d5a80;
        background-color: #1c4e80 !important;
        box-shadow: 0 0.1rem 0.5rem 0 #1c4e80b0 !important;
        border: none!important;
        margin-right: 0!important;
        left: 0;
    }
    .itsspl-navbar-bg-color .itsspl-nav-link-btn,.itsspl-navbar-bg-color .itsspl-page-heading h5{
        color: #fff!important;
    }
    
    .itsspl-navbar-bg-color .btn.focus,.itsspl-navbar-bg-color .btn:focus{
        box-shadow:none;
    }
    #sidebarToggleTop{
        background-color:#1c4e80!important;
    }

  }

/* Navbar Changes ends */
/* Floating Button */

  .itssspl-float-btn-wrapper {
    position: fixed;
    right: 0.5rem;
    bottom: 0.5rem;
    z-index: 995;
    display: inline-block;
  }

/* Floating button ends */

/* Filter box on client page */

  @media only screen and (min-width: 300px) and (max-width: 768px) {
      .itsspl-font-label {
          font-size: .65rem;
          font-weight: bold;
      }

      .itsspl-form-control {
          padding-top: 0px !important;
          padding-bottom: 0px !important;
          height: 28px !important;
      }

      .itsspl-search-btn {
          height: 28px !important;
          width: 28px !important;
          padding: 3px !important;
      }
  }
  @media only screen and (min-width: 768px) {
      .itsspl-font-label-2{
          line-height: 35px!important;
      }
  }
  .itsspl-form-control {
      background-color: #e7f3ff61;
  }
  .itsspl-border-bottom{
      border-bottom: 1px solid #999;
  }

/* Filter box on client page ends */

.small-times-new-roman {
  font-family: "Times New Roman";
  font-size: 12px;
}

/* Admin - COuntry */

  @media only screen and (min-width: 1024px) {
    .itsspl-country-page-card {
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
  }

  @media only screen and (min-width: 300px) and (max-width: 992px) {
    .itsspl-country-header-row {
        display: none;
    }
    .itsspl-country-box-shadow{
        box-shadow: 0 0 8px rgb(216, 199, 199);
    }
  }

  @media only screen and (min-width: 992px) {
    .itsspl-country-header-row {
        border-bottom: 1px solid rgba(0, 0, 0, .25);
    }
  }

  .itsspl-country-page-card {
    font-size: .85rem;
  }
  .itsspl-country-header-row{
    font-size: .95rem;
  }
  .itsspl-word-break{
    word-break: break-all;
  }

  @media only screen and (min-width: 300px) and (max-width: 992px) {
    .itsspl-country-border{
        border: 2px solid #999;
    }
    .itsspl-country-border-bottom-success{
        border-bottom: 5px solid rgb(0, 128, 0);
    }
    .itsspl-country-border-bottom-danger{
        border-bottom: 5px solid rgb(255, 0, 0);
    }  
    .itsspl-country-border-bottom-warning{
      border-bottom: 5px solid #f6c23e;
    }
  }

/* Admin - COuntry Ends */

/* Login / Signup */

  .itsspl-country-code-wrapper {
    height: 100%;
    margin-top: auto;
  }

  .itsspl-bg-image-form {
    background-size: cover;
    background-position: 50% 20%;
  }
  #login-form .itsspl-bg-image-form {
    background-image: url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");
  }
  #signup-form .itsspl-bg-image-form {
    background-image: url("https://images.unsplash.com/photo-1450101499163-c8848c66ca85?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");
  }

  .itsspl-form-input {
    background-color: #eee !important;
    border: none !important;
    padding: 1rem .75rem !important;
    width: 100% !important;
  }

  #country-code .phone-code-select {
    background-color: #eee !important;
    border: none !important;
    height: 33px !important;
  }

  .itsspl-form .form-group .select2-container--default .select2-selection--single {
    background-color: #eee !important;
    border: none !important;
  }
  .itsspl-border-left {
    border-radius: 1rem 0 0 1rem !important;
  }

  .itsspl-form-card-footer {
    background-color: #fff;
  }

  .itsspl-form-card-footer div strong,
  .itsspl-form-card-footer div a,
  .itsspl-form-card-footer div,
  .itsspl-form-card-footer div i {
    color: #858797;
    font-size: .7rem;
  }

  @media only screen and (min-width: 768px) {
    .itsspl-form .card-body {
        padding-right: 2rem !important;
        padding-left: 2rem !important;
    }
  }

  .itsspl-form .card {
    border-top-left-radius: 1.4rem !important;
    border-bottom-left-radius: 1.4rem !important;
  }

  .itsspl-form .itsspl-bg-image-form {
    border-top-right-radius: 1.4rem !important;
    border-bottom-right-radius: 1.4rem !important;
  }

  .login-wrapper{
    height: 100%;
    width: 100%;
    margin: auto;
  }
  #login-form {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

  #signup-form {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  }

  @media only screen and (min-width: 300px) and (max-width: 568px) {
    #login-form .card,#signup-form .card{
        border-radius: 1rem!important;
    }
  }
  @media only screen and (min-width:568px) and (max-width: 768px) {
    #login-form .card,#signup-form .card{
        border-radius: 1rem!important;
    }
  }
  @media only screen and (min-width:768px) and (max-width: 992px) {
    #login-form .card,#signup-form .card{
        border-radius: 1rem!important;
    }
  }

  .itsspl-signup-page-link-btn,.itsspl-login-page-link-btn,.itssspl-forget-pass-btn{
    font-size: .8rem;
  }

  .itsspl-form-card-footer a{
      display: inline-block;
  }
  #signup-form .itsspl-form-input ,#login-form .itsspl-form-input{
      font-size: .9rem!important;
  }

/* Login / Signup Ends */

/* Clients Filter Modal */

.itsspl-client-page-modal-body {
  overflow: hidden !important;
}

.itsspl-filter-btn {
  position: fixed;
  top: 3.5rem;
  right: .5rem;
  border-radius: 7px !important;

}

.itsspl-client-page-modal-header {
  padding: .5rem 1.5rem !important;

}

.itsspl-client-page-modal-body .select2-container--default, .itsspl-client-page-modal-body .select2-container--default .select2-selection--single {
  background-color: #eee !important;
  border: none !important;
  width: 100% !important;
}

@media only screen and (min-width: 300px) and (max-width: 575px) {
  .itsspl-client-page-modal-dialog{
      width: 90%;
  }
}

/* Clients Filter Modal Ends */

/* Payments */

  .itsspl-payment-page-body-row {
    font-size: .9rem;
    border-bottom: 1px solid rgba(0, 0, 0, .25);
  }

  @media only screen and (min-width: 320px) and (max-width: 768px) {
    .itsspl-payment-page-body-row {
        box-shadow: 0 0 8px #777;
        margin-bottom: 20px;
        border-radius: 10px !important;
        padding: 5px;
        position: relative;
    }
  }

/* Payments Ends */

/* Dashboard */

.itsspl-card-body-country-Assignment {
  max-height: 23rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.itsspl-card-body-assignment-information,
.itsspl-card-body-payment-information,
.itsspl-card-body-assignment-due-week {
  max-height: 28rem;
  overflow-y: scroll;
  overflow-x: hidden;
}
.itsspl-deshboard-view-more-btn{
  font-size: 10px;
}
.itsspl-icon-font-size{
  font-size: 20px;
}

@media only screen and (min-width: 360px) and (max-width: 768px) {
  .itsspl-card-body-country-Assignment {
      max-height: 70vh;
      overflow-y: scroll;
      overflow-x: hidden;
  }
  .itsspl-card-body-assignment-information,
  .itsspl-card-body-payment-information,
  .itsspl-card-body-assignment-due-week {
  max-height: 70vh;
  }
}

@media only screen and (min-width: 300px) and (max-width: 575px) {
  .itsspl-currency-data {
      width: 96%;
      margin:0 2%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .itsspl-currency-data {
      width: 46%;
      margin:0 2%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .itsspl-currency-data{
      width: 30%;
      margin:0 1.6%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .itsspl-currency-data{
      width: 23%;
      margin:0 1%;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .itsspl-currency-data{
      width: 23%;
      margin:0 1%;
  }
}

@media only screen and (min-width: 1401px) {
  .itsspl-currency-data{
      width: 18%;
      margin:0 1%;
  }
}

/* Gradient color  */
.itsspl-Assignments-information-gradient {
  background: linear-gradient(40deg, rgba(14 132 176 / 80%), rgba(48,63,159,0.9)) !important;
}
.itsspl-Payment-information-gradient{
  background: linear-gradient(to right, rgb(123, 67, 151), rgb(220, 36, 48));
}

.itsspl-Assignment-due-gradient{
  background: linear-gradient(to right, rgb(211, 131, 18), rgb(168, 50, 121));
}


.itsspl-Country-information-gradient{
  background: linear-gradient(40deg, rgba(32,150,255,0.9), rgba(5,255,163,0.9)) !important;
}

/* Dashboard Ends */

.itsspl-font-12-px {
  font-size:12px !important;
}

/* Loader */

.itsspl-loader-wrapper {
  width: 100vw;
  height: 100vh;
  background-color: #00000040;
  position: fixed;
  top: 10;
  left: 0;
  z-index:999!important;
  /* display: none; */
}

.itsspl-loader-ball {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.itsspl-loader-ball div {
  animation: itsspl-loader-ball 1.8s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}

.itsspl-loader-ball div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #555;
  margin: -4px 0 0 -4px;
}

.itsspl-loader-ball div:nth-child(1) {
  animation-delay: -0.036s;

}

.itsspl-loader-ball div:nth-child(1):after {
  top: 63px;
  left: 63px;
  background: #1c4e80;

  
}

.itsspl-loader-ball div:nth-child(2) {
  animation-delay: -0.072s;
}

.itsspl-loader-ball div:nth-child(2):after {
  top: 68px;
  left: 56px;
  background: #1c4e80;

}

.itsspl-loader-ball div:nth-child(3) {
  animation-delay: -0.108s;
}

.itsspl-loader-ball div:nth-child(3):after {
  top: 71px;
  left: 48px;
  background: #1c4e80;

}

.itsspl-loader-ball div:nth-child(4) {
  animation-delay: -0.144s;
}

.itsspl-loader-ball div:nth-child(4):after {
  top: 72px;
  left: 40px;
  background: #1c4e80;

}

.itsspl-loader-ball div:nth-child(5) {
  animation-delay: -0.18s;
}

.itsspl-loader-ball div:nth-child(5):after {
  top: 71px;
  left: 32px;
  background: #1c4e80;

}

.itsspl-loader-ball div:nth-child(6) {
  animation-delay: -0.216s;
}

.itsspl-loader-ball div:nth-child(6):after {
  top: 68px;
  left: 24px;
  background:#e48b35;
}

.itsspl-loader-ball div:nth-child(7) {
  animation-delay: -0.252s;
}

.itsspl-loader-ball div:nth-child(7):after {
  top: 63px;
  left: 17px;
  background:#e48b35;
}

.itsspl-loader-ball div:nth-child(8) {
  animation-delay: -0.288s;
}

.itsspl-loader-ball div:nth-child(8):after {
  top: 56px;
  left: 12px;
  background:#e48b35;
}

@keyframes itsspl-loader-ball {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}

.itsspl-loader-position {
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* Loader ends */

/* Expiring Orders */

.itsspl-expire-order-page-body-row {
  font-size: .9rem;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
  .itsspl-expire-order-page-body-row{
      box-shadow: 0 0 8px #999;
      margin-bottom: 20px;
      border-radius: 10px !important;
      padding: 5px;
      position: relative;
  }
}
@media only screen and (min-width: 992px) {
  .itsspl-expire-order-page-body-header-row{
      font-size: .9rem;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  }
}

/* Expiring Orders Ends */

.text-off-white {
  color: rgba(255,255,255,.8) !important;
}

.error-field {
  border : 1px solid red;
  box-shadow: 0px 0px 5px red;
}

.stat-tile {
  text-decoration:none!important;
}

.stat-tile .card:hover {
  box-shadow: 0px 0px 4px #f6aa43!important;
}