.ReactModal__Content{padding:0px !important; border:none !important; background:#831f85 !important; width:60%; overflow-x: hidden !important;}
.modalHeader{padding:15px 20px; color:#fff; background:#831f85;}
.modalBody{padding:10px 10px 20px 10px; background:#fff; top:-1px; position:relative; height:480px;}

.b-tooltip-content{ padding:0px !important; width:600px;}
.b-tooltip-header{padding:10px 15px; background:#831f85 !important; color:#fff !important; border-bottom:none !important;}
.b-tooltip-cont{margin:10px 0px;}
.b-float-root > .b-floating {box-shadow: 0px 14px 33px -16px rgba(0,0,0,0.22) !important;}
.modalFooter{background:#dedede; position: relative; top:-2px;}
.modalClose {background: none; border: none; color: #fff; float: right; font-size: 30px; font-weight: bold; top: -5px;
right: -5px; position: relative; outline:none !important;}


.b-grid:not(.b-moving-splitter) .b-grid-row.b-hover .b-grid-cell, .b-grid:not(.b-moving-splitter) .b-grid-row.b-hover .b-resource-role {background-color: #831f85 !important; color:#fff !important;}
.b-grid:not(.b-moving-splitter) .b-grid-row.b-hover .b-sch-timeaxis-cell{ background-color: transparent !important;}
.b-selected.b-grid-cell{background-color: #831f85 !important; color:#fff !important;}
.b-selected.b-grid-cell .b-resource-role{color:#fff !important;}
.b-grid-row.b-selected .b-grid-cell{background-color: #831f85 !important; color:#fff !important;}
.b-grid-row.b-selected .b-resource-role{color:#fff !important;}
.b-grid-row.b-selected .b-sch-timeaxis-cell{background-color:transparent !important;}

.b-unplannedgrid .b-grid-cell { padding:0px !important;}
.right-panel {padding-top:10px; padding-bottom:20px;padding-right:5px; padding-left:10px;}
.b-hover .right-panel a {color:#fff !important;}
.b-hover .right-panel .sub-text {color:#c6c5c5 !important;}
/* left border colors  */
.border-green {border-left:8px solid; border-color:#23b632 !important;}
.border-purple {border-left:8px solid; border-color:#831f85 !important;}
.border-red {border-left:8px solid; border-color:#ED1C24 !important;}
.border-blue {border-left:8px solid; border-color:#1991EB !important;}
.border-orange {border-left:8px solid; border-color:#f78a11 !important;}

.form-label{margin-bottom:2px !important; color:#777 !important;}
.form-control{border-radius:4px;}
.dIONkO .form-group {margin-top:0px !important;}
.form-group {margin-bottom: 1rem !important;}
.nav-tabs {margin-bottom: 15px;}
.col-form {width:78%;}
.col-btn {width:20%; margin-left:auto; margin-right:5px; height:45px;}
.notes-table .table-responsive { height: 355px; overflow-x: hidden; overflow-y: scroll }
.notes-table .table-responsive th:nth-child(1) {width:10%}
.notes-table .table-responsive th:nth-child(2) {width:90%}
.notes-table .table-responsive th:nth-child(3) {width:10%}

.notes-table .table-responsive::-webkit-scrollbar-track{
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2) !important;
  border-radius: 0px !important;
  background-color: #f5f5f5 !important;
}
.notes-table .table-responsive::-webkit-scrollbar,
.b-widget-scroller::-webkit-scrollbar {
  width: 12px !important;
  background-color: #f5f5f5 !important;
}
.notes-table .table-responsive::-webkit-scrollbar-thumb{
  border-radius: 10px !important;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  background-color: #831f855c !important;
}
.kEnWBh .b-grid-header {height:75px !important;}
.kEnWBh .b-grid-header-text {overflow:unset !important;}
.unassigned-label {top: 8px;position: fixed; right: 0;left: 0; width: 100%;text-align: center;}
.unassigned-search {position: absolute; top: 104px; z-index: 9; width: 230px; right: 39px;} 
.unassigned-search input { height: 22px; font-size:12px;    }

.lnkdetails {padding: 0px; margin-top: 5px; line-height: 0; display: block; font-size: 11px;}


.b-sch-style-colored.b-sch-event-wrap .b-sch-event { border-width:6px !important; padding-left:5px;}
.top-text { font-size: 13px;}
.sub-text { font-size: 11px; color:#888;}


/* custom status icons  */
.sched-icon { 
     font-size: 20px !important; 
     color:#fff !important;
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     margin-right:5px !important;
}

.arrived:before {
     content: "\f0ec";
 }
 .dispatched:before {
     content: "\f0d1";
 }
 .completed:before {
     content: "\f00c";
 }
 .cancelled:before {
     content: "\f00d";
 }
 .received:before {
     content: "\f0e0";
 }
 .on-the-way:before {
     content: "\f1b9";
 }
 .open:before {
     content: "\f2b7";
 }
 .not-finished:before {
     content: "\f2d4";
 }


 .light-text, .light-text span, .light-text p, .light-text div {color:#fff !important;}
.dark-text, .dark-text span, .dark-text p , .dark-text div, span.dark-text  {color:#777 !important;}

/* loading */
.spanLoading { display:none;}
.c-btn:disabled .spanLoading {
  display:block;
}
.spinner-grow {
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  -webkit-animation: spinner-grow 1s linear infinite;
  animation: spinner-grow 1s linear infinite;
  color: #6e0677!important;
  top: -5px;
  position: relative;
  margin-right: 10px;
}


@keyframes spinner-grow
{
   0% {
        box-shadow: 0 0 0 2px #6e0677;
   }
   20% {
        box-shadow: 0 0 0 2px #6e0677;
   }
   40% {
        box-shadow: 0 0 0 4px #6e0677;
   }
   60% {
        box-shadow: 0 0 0 6px #6e0677;
   }
   80% {
        box-shadow: 0 0 0 4px #6e0677;
   }
    100% {
        box-shadow: 0 0 0 2px #6e0677;
   }
  
}

.side-filter , .side-filter i {
     color:#ab2fae !important; 
     font-weight:normal;
     font-size:12px;
}

.search-icons  {
     margin-left:20px;
     height:73px;
     display:flex;
}
.search-icons .d-flex {
   align-self:center;
}
.search-icons i {
     font-size:20px !important;
     color:#6e0677 !important; 
     margin-right:6px;
     vertical-align: middle;
}
.search-icons a {
     color:#6e0677 !important; 
}
.search-icons a:hover,.search-icons a:hover i {
     color:#fff !important;
}
.btn-outline-primary_2:hover {
     background:#470d61 !important;
     color:#fff !important;
}
.print-btn {height:43px; margin-top:13px; margin-right:20px; padding-right:15px !important; padding-left: 15px !important;}
.filter-links {font-size:10px; margin-top:5px;}
.filter-links a {margin-right:3px;  margin-left:3px; color:#831f85; cursor: pointer;}
.filter-links a:first-child{ margin-left: 0px;}

.dash-grey-card {
-webkit-box-shadow: 0px 14px 33px -16px rgba(0, 0, 0, 0.22);
-moz-box-shadow: 0px 14px 33px -16px rgba(0, 0, 0, 0.22);
box-shadow: 0px 14px 33px -16px rgba(0, 0, 0, 0.22);
border: 0px;
}

.dash-grey-card i.inner-icon {
font-size: 30px;
}
.c-card {
position: relative;
border: 1px solid #e6eaee;
border-radius: 4px;
background-color: #fff;
}  
/* global classes */
.radius-3 {border-radius:3px;}
.btn-primary {background-color:#470d61 !important; color:#fff !important; box-shadow: none important; border-radius:4px !important; border: 1px solid #e6e4e4;}
.px-15 {padding:0px 15px;}
.clickable {cursor: pointer;}
.text-purple {color:#831f85 !important;}
.w-90px {width:90px;}