@import "inter.css";

@keyframes swing {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}


* {
  font-family: 'Inter', sans-serif;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
a:hover {
  text-decoration: none
}
*:focus {
  outline:0;
  outline:none;
}
p, li{
  line-height: 1.3rem;
    font-size: 0.9em;
    font-weight: 300
}

.tooltip {
  font-size: 0.7em;
}
.loader {
  background:#f1f2f3 url(../img/bgs/loader.gif) center center no-repeat;
  background-size:100px;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.btn {
  border-radius:30px;
  padding:12px 25px;
  font-size:0.9em;
  font-weight:600;
  align-items: center
}
.btn-sm {
  border-radius:30px;
  padding:6px 10px;
  font-size:0.7em;
}
.btn i {
  padding-right: 3px;
}
.btn-equal {
  min-width:160px;
}
.btn-primary {
  background:#5D33A8;
  border-color:#5D33A8;
}
.btn-empty {
  background:transparent;
  border-color:transparent;
  color:#424B4B;
}
.btn-default {
  background:#CBD1D4;
  border:0;
  color:#FFFFFF;
}
.btn-default:hover,
.btn-default:focus {
  background:#B6BDC1;
  border:0;
  color:#FFFFFF;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background:#3E236E;
  border-color:#3E236E;
}
.btn-secondary {
  background:transparent;
  border-color:#5D33A8;
  border-width: 2px;
  color:#5D33A8;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
  background:#5D33A8;
  color:#fff;
  border-color:#5D33A8;
}
.btn-third {
  background:transparent;
  border-color:#7fa5be;
  border-width: 2px;
  color:#7fa5be;
}
.btn-third:hover,
.btn-third:focus,
.btn-third:active {
  background:#57829f;
  color:#fff;
  border-color:#57829f;
}
.btn-icon {
    width: 30px;
    height: 30px;
    line-height: 35px;
    padding: 0;
    text-align: center;
}
.btn-icon i {
  font-size:1.0rem;
  padding:0;
}
.btn-group-toggle .btn {
  font-weight:500;
  margin:0 0.3rem;
  padding:6px 10px;
  min-width:70px;
}
.btn-group-toggle .btn:first-child {
  margin-left:0;
}
.btn-group-toggle .active {
  background:#5D33A8 !important;
  color:#fff;
}
.btn .disabled {
    background-color: #bbb !important;
    cursor:not-allowed !important;
}
/*-------------colors, backgrounds--------*/
.bg-purple-1 {
  background:#663BB7;
}
.bg-purple-2 {
  background:#3E236E;
}
.bg-purple-3 {
  background:#5D33A8;
}
.bg-pale-1 {
  background:#EEF2F5;
}
.bg-pale-2 {
  background:#F1F1F1;
}
.bg-pale {
  background:#E5EBEF;
}
.bg-teal-1 {
  background:#B9CAC7;
}
.bg-teal-2 {
  background:#424B4B;
}
.bg-white {
  background:#fff;
}
.bg-cyan {
  background:#7CECE5;
}
.text-black {
  color:#424B4B;
}
.text-light {
  color:#fff
}
.text-muted {
  color:#94A0A0;
}
.text-orange {
  color:#D36838;
}
.text-primary {
  color:#5D33A8 !important;
}
.text-sm {
  font-size:0.8em;
}
.text-reg {
  font-size:1.0em !important;
}
h1.big-hello {
  font-weight:700;
  font-size:2.5em;
  letter-spacing: -0.8px;
  margin: 0.7rem 0 1.8rem 0;
}
.font-weight-medium {
  font-weight: 500
}
/*----------------page-wrapper----------------*/

.page-wrapper {
  height: 100vh;
}

.page-wrapper.toggled .sidebar-wrapper {
  left: 0px;
}

@media screen and (min-width: 768px) {
  .page-wrapper.toggled .page-content {
    padding-left: 260px;
  }
}
@media screen and (max-width: 767px) {
  .page-wrapper main.page-content {
      padding-left: 0px;
  }
  .content-area-begin {
    margin-top:133px;
  }

}


/*----------------sidebar-content----------------*/

.show-sidebar {
  right: 0;
  top: 0;
  border-radius: 0 4px 4px 0px;
  width: auto;
  transition-delay: 0.3s;
  position: absolute;
  z-index: 90;
  margin:18px;
}
.toggled .show-sidebar {
  display: none
}
.sidebar-wrapper {
  width: 260px;
  height: 100%;
  max-height: 100%;
  position: fixed;
  top: 0;
  left: -200px;
  z-index: 999;
}
.sidebar-content {
  position: relative;
}
.sidebar-wrapper i {
  font-size:1.4em;
}
.sidebar-content {
}
.sidebar-content li {
}
.sidebar-content li a {
  padding:0.8em 17px;
  height: 58px;
  font-size:1.0em;
}
.sidebar-content li.active a {
  background:#5D33A8;
  padding:0.8em 18px 0.8em 15px;
  border-left:4px solid #3E236E;
}
.hideMenu .sidebar-content li a i {
  position:absolute;
  right:0;
  margin-right: 21px;
}
.hideMenu .sidebar-content li a {
  overflow:auto;
  height: 58px
}
.toggled .sidebar-content a span {
  padding-left:20px;
}
.hideMenu .sidebar-content a span {
  display: none
}
.sidebar-wrapper {
  font-size:1.0rem;
}
.sidebar-wrapper  .close-sidebar {
  cursor: pointer;
  height: 65px;
  line-height: 65px;
  padding:0 20px;
}
@media screen and (max-width: 767px) {
  .sidebar-wrapper {
    width: 100%;
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 999;
  }
  #sidebar {
    top:133px;
  }
  .toggled .show-sidebar {
    display: block !important
  }
  .toggled #sidebar .show-sidebar {
    display: none !important
  }
  .close-sidebar {
    display: none
  }
  .show-sidebar {
    right: 0;
    border-radius: 0;
    transition-delay: 0.3s;
    margin: 0;
    position: relative;
  }
}

/*------navbar---------*/
.navbar {
  padding:10px 0;
  height:65px;
  background:#fff;
  position: relative;
  z-index: 10;
}
.link-icons li {
  font-size:1.5em;
  margin-right:15px;
}
.link-icons li:last-child {
  margin-right:0px;
}
.user-icon img {
  width:30px;
}
.link-icons .nav-link.dropdown-toggle {
  padding:0;
}
@media screen and (max-width:767px) {
  .mobile-navbar li a {
    font-size:1.7em;
  }
  #white-navbar, #purple-navbar {
    position:fixed;
    width:100%;
    z-index:99;
  }
  #purple-navbar {
    top:65px;
  }
  #right-panel {
    top:133px;
    position:absolute;
    width:100%;
    z-index:99;
  }
}
/*----page-content-----*/

.page-wrapper .page-content {
  display: inline-block;
  width: 100%;
  min-height:100vh;
  overflow-x: hidden;
  padding-left:60px;
}
.content-area {
  margin-top:30px;
}

/*-----icons----*/
.round-icon {
  width:100px;
  height:100px;
  line-height:100px;
}
.round-icon i {
  font-size:4em;
  line-height: 100px;
}

/*-----card-----*/
.card {
  border:0;
}
.card-header {
  background:none;
  margin-bottom:0;
  border-bottom:2px solid #E5EBEF;
}
.card-footer {
  background:#fff;
  padding-top:1.3em;
  padding-bottom:1.3em;
  border-top:2px solid #E5EBEF;
}
.card-user img {
  width:40px;
}
.card-item {
  border-bottom:2px solid #E5EBEF;
  margin-bottom:1.1em;
  padding-bottom:1.15em;
}
.card-item:last-child {
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}
.card-content h5 {
  font-size:14px;
  margin:0 0 3px 0;
  font-weight: 400;
}
.card-content p {
  font-weight: 300;
  font-size:11px;
}
.user-card h4 {
  font-weight: 700;
  font-size:1.4rem;
  margin:0;
}
.card-toggled, .card-collapsed:hover {
  border-left:4px solid #3E236E;
  background:#EEF2F5;
}
.hover-card:hover .card-body {
  background:#f9f9f9;
}
.hover-card:hover .round-icon {
  background:#56D0C8 !important;
}
.hover-card.stack-link:hover .card-body {
  border-left:3px solid #FFE39E
}
#dashboard-greetings {
  border-radius:;
  background:url(../img/bgs/yellow-orange.jpg) center top no-repeat;
  background-size: cover
}
#dashboard-greetings input {
  border:0;
}
@media screen and (max-width:767px) {
  .card {
    margin-bottom:1em;
  }
}
/*------borders-----*/
.border {
  border:2px solid #E5EBEF !important;
}
.border-bottom {
  border-bottom:2px solid #E5EBEF !important;
}
.border-top {
  border-top:2px solid #E5EBEF !important;
}
.border-right {
  border-right:2px solid #E5EBEF !important;
}
.border-left {
  border-left:2px solid #E5EBEF !important;
}
.form-section {
  border-bottom:2px dashed #E5EBEF
}
.dropzone {
  border:2px dashed #E5EBEF !important
}
.divider {
  height:1px;
  width:100%;
  display: block;
  background:#E5EBEF;
  margin:2em 0;
}
/*-----badge----*/
.group-badges .badge img {
  width:100%;
}
.group-badges .badge {
  margin-left:-25px;
}
.group-badges .badge:first-child {
  margin-left:0
}
.badge-default {
    background: #E5EBEF;
    padding: 8px 12px;
    border-radius: 20px;
}
.badge {
  border-radius:20px;
  padding: 8px 12px;
}
.badge-sm {
  padding: 3px 6px;
  font-weight:400;
  margin-right:5px;
}
/*----hrms----*/
.purple-border {
  border:3px solid #663BB7;
  border-radius:50%;
  width:150px;
  height:150px;
}
.total-type {

}
/*----stack table----*/
.no-stack {
  background:transparent !important;
  border:2px dashed #E5EBEF;
}
.no-stack2 {
  background:transparent !important;
  border:2px dashed #cdd3d7;
  font-size:12px;
}
.stack .card {
   margin-bottom:15px;
}
.stack-sm .card-body {
  padding:10px;
  background:#f8f8f8 !important;
}
.stack .card-body {
  padding-top:1em;
  padding-bottom:1em;
}
.stack-sm .card {
  margin-bottom: 7px
}
.stack .stack-link:hover {
  color:#;
}
.stack-table [class*=bg-warning], [class*=bg-warning]{
  background:#FFE39E !important;
}
.stack-table [class*=bg-default], [class*=bg-default] {
  background:#E5EBEF !important;
}
.stack-table [class*=text-warning], [class*=text-warning] {
  color:#FA5A12 !important;
}
.stack-table [class*=bg-success], [class*=bg-success] {
  background:#9EFFBB !important;
}
.stack-table [class*=text-success], [class*=text-success] {
  color:#018548;
}
.stack-table [class*=bg-danger],[class*=bg-danger] {
  background:#FFA09E !important;
}
.stack-table [class*=text-danger],[class*=text-danger] {
  color:#850101;
}
.stack-table p {
  font-size:0.95em;
  font-weight: 300
}
.stack-table small {
  font-size:0.7em;
  font-weight: 300
}
.stack-table .badge {
  padding:12px 25px;
  min-width: 120px;
}
.stack .search-table input {
  font-size: 0.8em;
    width: 230px;
    max-width: 100%;
    padding: 0.9em 1.3em;
    height: auto;
}
.stack-dark .card-body {
  background:#EEF2F5;
}
.stack-dark a:hover .card-body {
  background:#E1EBF2;
}
.stack-total .card-body {
  background:#E5EBEF !important;
}

.pagination .disabled {
  width:20px;
  height:20px;
  line-height: 20px;
  text-align: center;
  font-size:0.7em;
}
/*---modal----*/
.modal-content {
  border:0;
  border-radius:10px;
}
.modal-title {
  color:#fff;
  font-size:1.2em;
  font-weight: 600;
}
.modal-footer {
  padding:1rem 1.3rem;
  border-top: 3px solid #E5EBEF
}
.modal-body {
  padding:1.7rem !important;
}
.modal-header {
  background: #5D33A8;
  border: 0;
  padding:1.3rem;
  border-radius:10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 100%;
    width:700px;
    margin: 1.75rem auto;
  }
  .modal-sm {
    width:400px;
    max-width: 100%;
  }
}
/*-----form---*/
.form-group.checkbox label {
  font-size:0.9em;
  color:#424B4B;
}
.form-group label {
  color:#94A0A0;
  font-size:0.7em;
  font-weight: 300;
  display: block;
}
.form-group input:focus {
  outline:0 !important;
  outline:none !important;
}
.form-group:last-child {
  margin-bottom:0;
}
.form-group {
  margin-bottom:2em;
}
.form-group input[type=text],.form-group input[type=password],.form-group input[type=password2],
.form-group input[type=email],.form-group select, .form-group input[type=number], .form-group textarea{
  background:transparent;
  border:0;
  border-bottom:1px solid #CBD1D4;
  border-radius:0;
  padding:5px 0;
  height:auto;
  font-weight: 300;
  width:100% !important;
  font-size:0.85em;
  display: block
}
.form-group input[type=file] {
  font-size:0.7rem;
  font-weight: 300
}
.form-group .input-group-text {
  padding: 0;
  border: 0;
  background: transparent;
  border-bottom: 1px solid #CBD1D4;
  border-radius: 0;
}
.form-group .form-control.form-control-white {
  background:#fff;
  border-radius:0.4em;
  height:auto;
  padding:14px;
  border:0;
}
span.select2-selection.select2-selection--single,
span.select2-selection.select2-selection--multiple {
    border: 0;
    border-bottom: 1px solid #CBD1D4;
    border-radius: 0;
    padding: 0;
    height: auto !important;
    display: block !important;
    width: 100% !important;
    font-weight: 300;
    font-size:0.85em;
}
.job-search span.select2-selection.select2-selection--single,
.job-search  span.select2-selection.select2-selection--multiple {
  padding: 9px 14px;
    border-radius: 0.4em;
    border: 0;
}
.job-search .select2-container--default .select2-selection--single .select2-selection__arrow {
  top:10px;
  right:5px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    outline: 0;
    border-bottom: 1px solid #CBD1D4 !important;
}
span.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #FFE39E !important;
    border: 1px solid #FFE39E !important;
    border-radius: 11px !important;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 1px 5px;
    font-size: 0.8em !important;
}
.select2-selection__rendered {
  padding:0 !important;
}
span.select2.select2-container.select2-container--default {
  width:100% !important;
}
.select2-results {
  font-size:0.85em;
  font-weight: 300
}
.select2-results__option {
  font-size:0.85em;
  font-weight: 300
}
.datepicker {
  font-size:0.85em;
  min-width:14rem;
}
.datepicker .table-condensed {
  width:100%;
}
/*----vertical tabs--*/
.vertical-tabs-section li a {
  color:#424B4B;
  font-weight: 500;
  font-size: 0.9em;
  border-radius:0 !important;
  padding-right: 1.3rem;
  padding-left:20px;
}
.vertical-tabs-section .nav-pills li a.active {
  color:#663BB7;
  font-weight:600;
  background:none;
  border-right:3px solid #3E236E;
}
.vertical-tabs-section .nav-pills li {
  margin-bottom: 15px;
}
.vertical-tabs-section .nav-pills li:last-child {
  margin-bottom:0;
}
.horizontal-tabs-section .nav-pills li a.nav-link.active {
  background:#5D33A8;
  border-radius:20px;
  color:#fff;
  font-weight:600;
}
.horizontal-tabs-section .nav-pills li {
  margin:0 0.3em;
}
.horizontal-tabs-section .nav-pills li:first-child {
  margin-left:0;
}
.horizontal-tabs-section .nav-pills li:last-child {
  margin-right:0;
}
.horizontal-tabs-section .nav-pills li a.nav-link {
  background:#E5EBEF;
  text-align:center;
  min-width:80px;
  font-weight:300;
  border-radius:20px;
  color:#424B4B;
  font-size:0.9em;
}
/*---card-tabs--*/
.card-tabs li.nav-item a  {
  color:#424B4B;
  padding: 1.25rem;
  border-radius:0 !important;
  border:0;
}
.card-tabs li:first-child a.nav-link {
  border-top-left-radius: 0.25rem !important
}
.card-tabs li.nav-item a.nav-link.active {
    color: #3E236E;
    border-bottom: 4px solid #3E236E;
    margin-bottom: -4px;
    font-weight: 500;
}
/*----table----*/
.table th {
  font-size: 0.9em;
  font-weight: 500;
  background:#EEF2F5;
  border:0 !important;
}
.table td input {
  font-size:1em !important;
}
.table tbody tr:first-child td {
  border-top:4px solid #E5EBEF;
}
.table tbody tr:last-child td {
  border-bottom:4px solid #E5EBEF;
}
.table thead {
  border-radius:4px;
}
.table td {
  font-weight: 300;
  font-size: 0.8em;
  align-items: center;
  align-self: center;
  vertical-align: middle
}
.stack td:last-child,
.table td:last-child,
.table th:last-child {
  text-align:right;
}
.table td:last-child input {
  text-align: right;
  background:#f8f8f8;
  border:0;
  padding:8px;
  border-radius: 5px
}
.table .delete-icon-inline-table {
  background: #FFA09E;
    color: #850101;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    line-height: 16px;
    border-radius: 50%;
    padding: 3px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
}
.table .edit-icon-inline-table {
  background: #E5EBEF;
    color: #5D33A8;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    line-height: 16px;
    border-radius: 50%;
    padding: 3px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
}
.table .delete-icon-inline-table:hover {
  background:#ED706D;
}
.table .edit-icon-inline-table:hover {
  background:#F1F1F1;
}
.table .delete-icon-inline-table i,
.table .edit-icon-inline-table i {
  padding:0;
  margin:0;
}
.table.salary-report td,
.table.salary-report th {
  text-align:center;
}
.table.salary-report td:nth-child(1),.table.salary-report td:nth-child(2),
.table.salary-report th:nth-child(1),.table.salary-report th:nth-child(2) {
  text-align:left;
}

.table.salary-report th:nth-child(12) {
  background:#D8E3EA;
}
.table.salary-report td:nth-child(12) {
  background:#EEF2F5
}

/*---calendar--*/
thead th.fc-day-header {
    background: #E5EBEF;
    padding: 8px 5px;
}
#calendar {
  background: #fff;
  border-top-left-radius: 0.7em;
  border-top-right-radius: 0.7em;
}
#calendar th,
#calendar td {

}
.fc-toolbar h2 {
    font-size: 1.6em;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
}
#calendar .fc-button-primary:disabled {
    color: #ccc;
    background-color: transparent;
    border: 2px solid #ccc;
}
#calendar .fc-button-primary {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 20px;
    font-size: 0.9em;
    text-transform: capitalize;
    padding: 7px 15px;
}
.fc-unthemed td.fc-today {
    background: #EEF2F5 !important;
}
#calendar .fc-prev-button,
#calendar .fc-next-button {
  padding: 7px !important;
}
.fc-button-group button:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.fc-button-group button:last-child {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.fc-button-group .fc-timeGridWeek-button  {
  border-radius:0  !important;
}
.fc-event-container .fc-event {
    position: relative;
    display: block;
    font-size: .74em;
    padding:2px 3px;
    line-height: 1.7em;
    border-radius: 0;
    font-weight: 300;
    border: 0 !important;
    color: #fff ;
}
#calendar .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0;
    padding: 1.3em;
    background: #F57D7B;
    border-top-left-radius: 0.7em;
    border-top-right-radius: 0.7em;
    color: #fff;
}
.fc-event.ix-bday {
  background:#FFC4C3;
}
.fc-event.ix-int-events {
  background:#AABEBA;
}
.fc-event.ix-ext-events {
  background:#C2A7F2;
}
.fc-event.ix-holiday {
  background:#9ED8D8;
}
.fc-event.ix-leaves {
  background:#FFE39E;
  color:#888;
}
.fc-event.ix-ext-link {
  background:#FFA96A;
}
/*--progress--*/
.progress-bar {
  background:#5D33A8;
}
.progress {
  background:#B9CAC7;
  height:5px !important;
}
.leave-allocation .progress {
  margin-top:5px;
}
.leave-allocation p {
  font-size:11px;
  letter-spacing: -0.5px;
}
/*--memo--*/
.grey-form {
  border: 0;
    padding: 1em 1.2em !important;
    font-size: 0.8em;
    background: #EEF2F5;
    height: auto;
}
.grey-form:focus {
  border:0;
  background:#EEF2F5;
}
.message-body-text p {
  font-size:0.93em;
}
/*--data-table--*/
.dataTable * {
  color:#424B4B;
}
.dataTables_wrapper .dataTables_filter input,
.dataTables_length select {
    margin-left: 0.5em;
    background:none;
    border-radius:0 !important;
    border: 0;
    border-bottom: 2px solid #CBD1D4;
}
.dataTables_wrapper .dataTables_filter input {
  width:190px;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  font-size:0.8em;
   color:#424B4B !important;
}
table.dataTable th {
  font-weight: 500 !important
}
table.dataTable.no-footer {
  border-bottom:0 !important;
}
body .dataTables_wrapper .dataTables_paginate {
  margin-top: 3px
}
body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #663BB7 !important;
    border: 0 !important;
    border-radius: 50%;
    color: #fff !important;
    font-weight: 500;
    font-size: 0.8em;
}

/*---IX Onboarding----*/
.share-link a {
  color:#424B4B;
  margin:0 0.2em;
  font-size:1.5em;
}
.profile-tabs ul.nav.nav-pills li a.active, .profile-tabs ul.nav.nav-pills li:hover a {
    border-radius: 0;
    background:none;
    text-transform: uppercase;
    font-weight: 500;
    color:#663BB7;
    padding:12px 25px;
}
ul.nav.nav-pills li a {
   text-transform: uppercase;
   color:#424B4B;
   padding:12px 25px;
}
.profile-section {
  margin-top:60px;
}
.profile-photo {
  margin-top:-60px;
  margin-bottom:40px;
}
.profile-photo-holder {
  background:#fff;
  padding:10px;
  margin:0 25px;
  width:auto;
  border:1px solid #ddd;
}

/*---- steps applicant---*/
.board .nav-tabs {
  position: relative;
  margin: 0 auto 20px auto;
}
.board .tab-content {
  margin:50px auto;
}
.board > .board-inner > .nav-tabs {
  border: none;
}
.board span.round-tabs {
  width: 70px;
  height: 70px;
  line-height: 70px;
  display: block;
  border-radius: 50%;
  background: #fff;
  border:3px solid #663BB7;
  color:#663BB7;
  text-align: center;
  margin:0 auto 10px auto;
}
.board  .board-inner li a::after {
  height: 6px;
    background: #ddd;
    width: 100%;
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    z-index: 0;
    margin-left: 35px;
}
.board .board-inner li:last-child a::after{
  width:0%;
  display: none !important;
}
.board .active span.round-tabs {
  background: #663BB7;
  color: #fff;
}
.board .active,
.board a:hover {
  border:0;

}
.board .nav-tabs .nav-link.active,
.board .nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border-color: 0;
}
.board .nav-tabs > li {
  width: 20%;
  margin: 0 auto !important;
  justify-content: center;
  text-align:center;
}
.board .nav-tabs > li a {
  position: relative;
  margin: 0 auto !important;
  border-radius: 100%;
  padding: 0;
  border:0 !important;
  color:#000 !important;
}
/*---- set schedule modal---*/
.set-schedule-form .btn-group-toggle .btn:first-child {
    margin-left: 0.3rem;
}
.set-schedule-form .btn-group-toggle .btn {
  margin-bottom:5px;
  padding-top:10px;
  padding-bottom:10px;
}
.set-schedule-form .datepicker-inline {
  width:100%;
}
.set-schedule-form .datepicker-inline .datepicker td,
.set-schedule-form .datepicker-inline .datepicker th {
    text-align: center;
    width: 20px;
    height: 30px !important;
}
/*---comparison table--*/
.table-compare {
  border:0;
}
.table-compare th,
.table-compare td {
  border:1px solid #eee;
  padding:20px;
  border-left:0;
  border-top:0;
}
.table-compare td,
.table-compare td p {
  font-size:10px;
  vertical-align: top
}
.table-compare td .btn {
  font-size:0.7rem;
}
.table-compare tr:first-child td {
  border-top:1px solid #eee
}
.table-compare th {
  vertical-align: bottom;
  font-weight: 500
}

/*- vue input -*/
.form-group  .vs__dropdown-toggle {
    padding: 4px 0;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
    font-size: 0.95em;
    font-weight: 300;
}
.form-group  input.vs__search {
    padding: 0;
    color: #212529;
    font-weight: 300;
}
.form-group  .vs__open-indicator {
  transform: scale(0.7);
}
.form-group  .vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(0.7);
}
.form-group  button.vs__clear svg {
  transform: scale(0.7)
}
.form-group  span.vs__selected {
    padding: 0;
    margin: 0;
    border:0
}
.form-group .vs__selected-options {
    padding: 0;
}
.form-group .vs__dropdown-toggle .vs__selected-options span.vs__selected {
    background: #ffe08e;
    font-size: 0.7em;
    border-radius: 13px;
    line-height: 0.7em;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 4px;
}
.form-group .vs__dropdown-toggle .vs__selected-options span.vs__selected .vs__deselect {
  transform: scale(0.7);
}
.form-group input.vs__search,
.form-group input.vs__search:focus {
    margin: 0;
}
.form-group .vs__actions {
    padding: 0;
}
.form-group .vs--single .vs__dropdown-toggle .vs__selected-options span.vs__selected {
    background: none;
    font-size: 0.87em;
    padding: 0;
}
.form-group .b-form-datepicker {
    border: 0;
    border-bottom: 1px solid #CBD1D4 !important;
    border-radius: 0;
}
.form-group .b-form-datepicker label.form-control {
    font-size: 12px;
    color: #495057;
}
svg.bi-calendar,
svg.bi-calendar-fill {
    transform: scale(0.66);
}
.b-form-btn-label-control > .btn {
    padding: 0 !important;
}
.b-calendar-inner header.mb-1 {
    display: none;
}
.b-calendar-grid-body .row span.active.btn-primary {
    background: #5D33A8;
}
.leave-summary-admin tr td {
  height:53.33px !important;
}
.quick-add-link {
  color:#5D33A8;
  font-size:10px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background: none !important;
    cursor: not-allowed;
}
.select2-container--default.select2-container--disabled .select2-selection__rendered {
    color: #bbb !important;
}
.side-menu ul li a {
  color:#424B4B;
  display: block;
  padding:5px 5px 5px 0px;
  margin-bottom:15px;
}
.side-menu ul li a.active {
  padding-left:20px;
  border-left:5px solid #5D33A8;
}
.active-oppo {
  margin-bottom:10px
}
h7 {
  font-size: 0.94em;
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
.bc-selection {
 border:2px solid #f4f4f4;
 border-radius:5px;
 padding:20px;
 color:#5D33A8;
}
.bc-selection:hover {
  background:#f4f4f4;
  color:#5D33A8;
}
.bc-selection:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right:1px solid #f4f4f4;
}
.bc-selection:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left:1px solid #f4f4f4;
}
.v-top td {
  vertical-align: top
}
.quotation-table th {
  padding-top:10px;
  padding-bottom: 10px
}
.quotation-table .nested-table th {
  padding-top:5px;
  padding-bottom:5px;
  background:#f2f5f8;
}
.nested-table {
  border:1px dashed #dee2e6 !important;

}
.quotation-table .item-info > td {
  padding-top:17px;
  padding-bottom: 17px;
  border:0;
}
.quotation-table {
  line-height:1.4em;
}
.quotation-table .item-details > td {
  padding:0;
  padding-bottom:20px;
  border-top:0;
  border-bottom:3px solid #dee2e6;
}
.quotation-table .final-total-quote td {
  border-top:0;
}
.quotation-table .nested-table .form-intable {
  display: block;
  text-align:center ;
  margin-bottom:5px;
  padding: 5px !important;
}
.quotation-table .form-intable-holder {
  position:relative;
}
.quotation-table .form-intable:last-child {
  margin-bottom:0;
}
.quotation-table .nested-table {
  font-size:1.15em;
}
.quotation-table .nested-table tr:last-child td {
  border-bottom:0 !important;
}
.quotation-table .nested-table td {
    border-top: 1px dashed #dee2e6 !important;
}
input.form-intable+span:after {
  content: "%";
  position:absolute;
  top:6px;
  right:25px;
  color:#bbb;
  z-index:1;
}
input.form-intable {
  background: #f8f8f8;
  width:100%;
  border: 0;
  padding:10px;
  border-radius: 5px
}
.text-right input.form-intable {
  text-align: right!important
}
@media screen and (max-width: 767px) {
  .leave-allocation {
    margin-bottom: 10px !important;
    font-size: 20px;
  }
  .leave-allocation .progress {
    margin-bottom: 20px;
  }
  .leave-allocation [class*=col]:last-child .progress {
    margin-bottom: 0 !important;
  }
}


/*************************************/
/*************************************/
/*BUSINESS CASE*/

.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}
.text-cyan{
    color: #7CECE5;
}
.icon-info{
    background: #17a2b8 !important;
}
.icon-warning{
    background: #FEAB2D !important;
}
.icon-danger{
    background: #f76a8c !important;
}
.text-gray{
    color: #bbbbbb;
}
.choose-bc-link{
    transition: 0.1s !important;
}
.choose-bc-link-a a{
    color: #4b4b4b !important;
}
.choose-bc-link:hover,
.choose-bc-link:focus,
.choose-bc-link:active{
    color: #5D33A8 !important;
    background:#f8f8f8 !important;
    border-color:#5D33A8 !important;
}
.choose-bc-link i{
    color: #827397;
}
.gross-margin{
    margin-right: 50px;
}
.gross-margin h1{
    color: #5D33A8;
    font-weight: 600;
}
.chevron-toggle {
    position: absolute;
        color: #5b5b5b;
    font-size: 28px;
    top: 0;
    right: 0;
    margin: 25px 20px 0 0;
}
.bc-header h6 {
    margin-bottom: 15px;
    color: #3E005D;
    padding: 0 0 10px 0;
    display: table;
}
.table-bc-header {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.table-bc-header th {
    font-weight: 500;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    border-radius: 0.3rem;
}
.btn-cancel{
    padding: 0px;
}
.bg-light-purple{
    background-color: #f4eeff;
}
.dropdown-badge {
    padding: 4px;
    font-size: 14px;
    background: #f9f9f9;
    color: #4b4b4b;
    margin-top: 5px;
    border-radius: 50%;
}
.dropdown-menu-bc {
    box-shadow: none;
    padding: 0;
    font-size: 12px;
}
.inTable, .direct-cost .select2-container--default .select2-selection--single {
    background: none;
    color: #4a47a3;
    min-height: 0;
    padding: 3px 0;
    border: 0 !important;
    margin: 0 0 10px 0;
    border-bottom: 1px dotted #bbb !important;
}
.input-group-bc {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}
.direct-cost .table td, .table th {
    padding: .9375rem .4rem;
    vertical-align: top;
}
.direct-cost .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 18px;
    font-size: 11px;
    font-weight: 400;
}
.bg-light-yellow{
    background-color: #fff2e5;
}
tr.bg-light-yellow td:first-child {
    border-left: 7px solid #fb7b6b;
    padding-left: 7px;
    border:

}
.page-wrapper-print .page-content {
    padding-left: 0px;
}
.gross-margin-print{
    margin-right: 0px;
}
.costline-card .card-header{
    background-color: #fcf8f3;
    border-bottom: 0;
}
.select2-container, .select2-dropdown, .select2-search, .select2-results {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}