/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */


.main-menu .navbar-header {
	height: 80px;
	margin-top: 20px;
}

.main-menu .navbar-header .navbar-brand .brand-logo img {
    max-width: 200px;
    -ms-interpolation-mode: bicubic; 
    vertical-align: middle;border: 0;
    line-height: 100%;
    outline: none;
    text-decoration: none; 
    margin-bottom: 30px;
}


.main-menu .navbar-header .navbar-brand .brand-text {
    font-size: 30px; 
    padding-top: 4px;
    padding-bottom: 4px;
    color: #FFFFFF;
    text-shadow: 1px 1px 3px #3300ff;
    text-align: center;
    padding-left: 50px;
}

.main-menu.menu-dark {
    color: #FFFFFF;
    background: #c83131;
    box-shadow: 6px 6px 5px rgba(84, 58, 52, 0.6); 
    border-top-right-radius: 20px;
    border-color: white;
}

.main-menu.menu-dark .navigation {
    color: #FFFFFF;
    background: #c83131;
}

.main-menu.menu-dark .navigation > li.active > a {
  background : #FFFFFF;
  box-shadow : 0 0 8px 1px rgba(0,0,0, 0.5);
  color : #c83131;
  font-weight : 400;
  border-radius : 5px;
  margin-right: 0;
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after, .semi-dark-layout .main-menu-content .navigation-main .nav-item a {
    color: #FFFFFF;
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content {
    background: #c83131;
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content li:not(.active) a {
    background: #c83131;
}

.semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active a {
  background: #FFFFFF;
  border-radius: 4px; }

.main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
    color: #c83131;
    background: #FFFFFF;
    border-radius: 6px;
}

.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
    background: #FFFFFF;
    color: #c83131;
}

.main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
    color: #c83131;
    background: #FFFFFF;
    border-radius: 6px;
}
.main-menu.menu-dark .navigation > li ul .active {
  background : linear-gradient(118deg, #ff3333, rgba(84, 58, 52, 0.7));
  box-shadow : 0 0 10px 1px rgba(84, 58, 52, 0.7);
  color: #c83131;
}

.main-menu.menu-dark .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-dark .navigation > li.sidebar-group-active > a {
   background: #FFFFFF !important;
  color: #c83131  !important;
}

  .semi-dark-layout .main-menu-content .navigation-main .sidebar-group-active .menu-content .active a {
  background-color: #FFFFFF; 
  box-shadow: none;
}

  .semi-dark-layout .menu-collapsed .main-menu:not(.expanded) .navigation-main li.active > a {
  background: #FFFFFF !important;
  color: #c83131  !important; }

  .semi-dark-layout .main-menu-content .navigation-main .active .menu-title, .semi-dark-layout .main-menu-content .navigation-main .active i {
    color: #c83131;

}


.btn-blue {
	border-color: #2D4263 !important;
	background-color: #2D4263!important;
	color: #fff !important; 
}

.btn-blue:focus, .btn-blue:active, .btn-blue.active {
  color: #fff;
  background-color: #456699 !important; }

.btn-blue:hover:not(.disabled):not(:disabled) {
  box-shadow: 0 8px 25px -8px #587857; 
}

.btn-blue:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }


.btn-outline-blue {
	border: 1px solid #2D4263 !important;
	background-color: transparent;
	color: #2D4263; 
}

.btn-outline-blue:hover:not(.disabled):not(:disabled) {
  background-color: rgba(69, 102, 153, 0.04);
  color: #2D4263; }

.btn-outline-blue:not(:disabled):not(.disabled):active:focus {
  box-shadow: none; }

.btn-outline-blue:not(:disabled):not(.disabled):active, .btn-outline-blue:not(:disabled):not(.disabled).active, .btn-outline-blue:not(:disabled):not(.disabled):focus {
  background-color: rgba(69, 102, 153, 0.2);
  color: #2D4263; }

.btn-outline-blue.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='blue' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); }

.show > .btn-outline-blue.dropdown-toggle {
  background-color: rgba(69, 102, 153, 0.2);
  color: #2D4263; }

a {
	color: #2D4263;
	text-decoration: none;
	background-color: transparent;
}

a:hover {
  color: #456699;
  text-decoration: none; 
}


.nav-pills .nav-link.active {
    border-color: #2D4263;
    box-shadow: 0 4px 18px -4px rgb(81 125 168 / 65%);
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #2D4263;
}


.nav-tabs .nav-link {
    font-weight: 500;
    font-size: 1.2rem;
}


.nav-tabs .nav-link.active {
    position: relative;
    color: #2D4263;
}

.nav-tabs .nav-link:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(30deg, #456699, rgba(115, 103, 240, 0.5)) !important;
    transition: transform 0.3s;
    transform: translate3d(0, 150%, 0);
}


.text-block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.text-blue {
    color: #2D4263 !important;
}


a.round1 {
    border: 1px solid #00cfe8;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    }

.border {
    border: 1px solid #151d1f;
    border-radius: 5px;
    padding: 10px;
    }

.border1 {
    color:white;
    border: 1px #c83131;
    background-color: #c83131;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    }

.btn-schedule:focus, .btn-schedule:active, .btn-schedule.active {
color: white;
background-color: #00cfe8 !important; }


.page-item.active .page-link {
    background-color: #ff9f43;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #2D4263 !important;
    border-color: #2D4263 !important;
}

.select2-container--classic .select2-results__option[aria-selected='true'], .select2-container--default .select2-results__option[aria-selected='true'] {
    background-color: #2D4263 !important;
    color: white !important;
}


.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-box {
    background-color: #2D4263;
    color: #fff;
}

.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-box {
	background-color: rgba(186, 191, 199, 0.12);
	color: #2D4263 !important;
}

.bs-stepper .bs-stepper-header .step.active .step-trigger .bs-stepper-label .bs-stepper-title {
	color: #2D4263;
}

.bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-title {
    color: #6e6b7b;
}


.dropzone .dz-message {
    color: #2D4263;
}

.dropzone .dz-message:before {
    content: '';
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237367f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-download'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'%3E%3C/path%3E%3Cpolyline points='7 10 12 15 17 10'%3E%3C/polyline%3E%3Cline x1='12' y1='15' x2='12' y2='3'%3E%3C/line%3E%3C/svg%3E);
    color: #2D4263;
}


.picker__list-item--disabled, .picker__list-item--disabled:hover, .picker--focused .picker__list-item--disabled {
    background-color: #e6e6e6;
    color: #bdbdbd;}

.picker__list-item--highlighted, .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted {
    cursor: pointer;
    color: #fff;
    background-color: #ff9f43;
}


.dropdown-item:hover, .dropdown-item:focus {
  color: #2D4263;
  text-decoration: none;
  background-color: rgba(69, 102, 153, 0.2); }

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #2D4263; }

.dropdown-item:hover, .dropdown-item:focus {
  color: #2D4263;
  text-decoration: none;
  background-color: rgba(69, 102, 153, 0.2); }


  .flatpickr-calendar .flatpickr-day.today {
    border-color: #2D4263;
}

.flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.selected:hover {
    background: #2D4263;
    color: #FFF;
    border-color: #2D4263;
}

.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
    background-color: transparent;
    border-color: #2D4263 ;
    color: #2D4263;
}

.fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active, .fc .fc-toolbar .fc-button-group .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
    background-color: rgba(69, 102, 153, 0.2) !important;
    border-color: #2D4263 !important;
    color: #2D4263;
}


  .form-control:focus {
  color: #6e6b7b;
  background-color: #fff;
  border-color: #2D4263;
  outline: 0;
  box-shadow: 0 3px 10px 0 rgba(69, 102, 153, 0.1); }