.skin-blue .main-header .navbar{
	background: #27293d;
	box-shadow: 0 0 0 1px rgba(89, 105, 128, .1), 0 1px 3px 0 rgba(89, 105, 128, .1), 0 1px 2px 0 rgba(0, 0, 0, .05) !important;
}

.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{
    background: linear-gradient(to bottom, #6071E4, #815FE4, #4E5982);
    box-shadow: 8px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

@media (max-width:767px){
    .skin-blue .main-header .navbar .dropdown-menu li.divider{
        background: linear-gradient(87deg,#6071E4 0,#815FE4 100%)!important;
    }
    .skin-blue .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-blue .main-header .navbar .dropdown-menu li a:hover{
        background: linear-gradient(87deg,#6071E4 0,#815FE4 100%)!important;
    }
}

.skin-blue .main-header .logo{
    color: rgba(0, 0, 0, 0.65);
    border-bottom:0 solid transparent;
    font-size: x-large;
    display: block;
    background: #6071E4;
    -webkit-text-fill-color: #fff;
    font-weight: 400;
}

.skin-blue .sidebar-menu>li.active>a{
    border-left-color:#fff;
}

.card {
	font-size: .875rem;
	background: linear-gradient(87deg,#6071E4 0,#815FE4 100%)!important;
}

.progress-bar{
    float:left;
    width:0;
    height:100%;
    font-size:12px;
    line-height:20px;
    color:#fff;
    text-align:center;
    background-color:#6071E4;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition:width .6s ease;
    -o-transition:width .6s ease;
    transition:width .6s ease
}
.progress-bar-aqua,.progress-bar-info{
    background-color:#6071E4}

.progress-bar-light-blue,.progress-bar-primary{
    background-color:#6071E4}
.progress-bar-green,.progress-bar-success{
    background-color:#6071E4}

.box.box-primary{
    border-top-color:#6071E4}

.box.box-info{
    border-top-color:#6071E4}

.box.box-danger{
    border-top-color:#6071E4}

.box.box-warning{
    border-top-color:#6071E4}

.box.box-success{
    border-top-color:#6071E4}

.btn.active, .btn.active.focus {
    background-color: #6071E4;
}

.btn-primary{
    color: #fff;
    border-color: #6071E4;
    background-color: #6071E4;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
}

.btn-primary:hover,.btn-primary:active,.btn-primary.hover,.btn-primary:focus,.btn-primary.focus{
    color:#fff;
    border-color:#6071E4;
    background-color:#6071E4}

.btn-primary.disabled,.btn-primary:disabled{
    color:#fff;
    border-color:#6071E4;
    background-color:#6071E4}

.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle{
    color:#fff;
    border-color:#815FE4;
    background-color:#815FE4}

.btn-primary:not(:disabled):not(.disabled):active:focus,.btn-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus{
    box-shadow:none,0 0 0 0 rgba(96,113,228, 1);
}

.btn-primary:hover{
    color:#fff;
    background-color:#6071E4;
    border-color:#6071E4}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
    color:#fff;
    background-color:#6071E4;
    border-color:#6071E4}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{
    color:#fff;
    background-color:#6071E4;
    border-color:#6071E4}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{
    background-image:none
}
.btn-primary .badge{
    color:#6071E4;
    background-color:#fff
}

.nav-tabs-custom>.nav-tabs>li.active{
    border-top-color:#6071E4}

.nav-tabs-custom.tab-primary>.nav-tabs>li.active{
    border-top-color: #6071E4}

.label-default{
    background-color: #d2d6de;
    color: #6071E4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
}

.bg-blue{
    background: linear-gradient(87deg,#6071E4 0,#815FE4 100%)!important;
    border-radius: 20px;
}

.bg-light-blue,.label-primary,.modal-primary .modal-body{
    background-color:#6071E4 !important;
    border-radius: 10rem;
    padding-right: .875em;
    padding-left: .875em;
    text-transform: uppercase;
}

.box{
    position:relative;
    border-radius:5px; /* 3 */
    background:#27293d;
    border-radius: 15px;
    margin-bottom:20px;
    width:100%;
}

code {
    background-color: rgba(0, 0, 0, 0);;
    color: #6071E4;
    line-height: 1.4;
    font-size: 88%;
}

.bg-purple{
    background-color:#6071E4 !important
}

.alert-danger {
    color: #ffffff !important;
    background: linear-gradient(87deg,#6071E40,#815FE4 100%)!important;
    border: 1px solid #f5365c;
}

.checkbox-primary input[type="checkbox"]:checked + label::before {
    background-color: #6071E4;
    border-color: #6071E4;
}

.radio-primary input[type="radio"] + label::after {
    background-color: #6071E4;
}

.radio-primary input[type="radio"]:checked + label::before {
    border-color: #815FE4;
}

.radio-primary input[type="radio"]:checked + label::after {
    background-color: #6071E4;
}

.radio-danger input[type="radio"] + label::after {
    background-color: #6071E4;
}

.radio-danger input[type="radio"]:checked + label::before {
    border-color: #815FE4;
}

.radio-danger input[type="radio"]:checked + label::after {
    background-color: #6071E4;
}

.radio-info input[type="radio"] + label::after {
    background-color: #6071E4;
}

.radio-info input[type="radio"]:checked + label::before {
    border-color: #815FE4;
}

.radio-info input[type="radio"]:checked + label::after {
    background-color: #6071E4;
}

.radio-warning input[type="radio"] + label::after {
    background-color: #6071E4;
}

.radio-warning input[type="radio"]:checked + label::before {
    border-color: #815FE4;
}

.radio-warning input[type="radio"]:checked + label::after {
    background-color: #6071E4;
}

.radio-success input[type="radio"] + label::after {
    background-color: #6071E4;
}

.radio-success input[type="radio"]:checked + label::before {
    border-color: #815FE4;
}

.radio-success input[type="radio"]:checked + label::after {
    background-color: #6071E4;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{
    background-color: #815FE4;
    border-color: #815FE4;
    padding:1px 10px;
    color:#fff
}

.select2-container--default.select2-container--focus .select2-selection--multiple,.select2-container--default .select2-search--dropdown .select2-search__field{
    border-color: #815FE4 !important;
    background-color: #272836;
    border-radius: 10px;
}

.select2-container--default .select2-selection--multiple:focus{
    border-color: #815FE4}

.select2-container--default.select2-container--open{
    border-color: #815FE4}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: #815FE4;
    color:white
}

.form-control:focus{
    border-color: #815FE4;
    box-shadow:none;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/*  ToolTip  */

.tooltip-inner{
    max-width:200px;
    padding:3px 8px;
    color:#fff;
    text-align:center;
    background-color:#6071E4;
    border-radius:4px
}
.tooltip.top .tooltip-arrow{
    bottom:0;
    left:50%;
    margin-left:-5px;
    border-width:5px 5px 0;
    border-top-color:#6071E4}
.tooltip.top-left .tooltip-arrow{
    right:5px;
    bottom:0;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#6071E4}
.tooltip.top-right .tooltip-arrow{
    bottom:0;
    left:5px;
    margin-bottom:-5px;
    border-width:5px 5px 0;
    border-top-color:#6071E4}
.tooltip.right .tooltip-arrow{
    top:50%;
    left:0;
    margin-top:-5px;
    border-width:5px 5px 5px 0;
    border-right-color:#6071E4}
.tooltip.left .tooltip-arrow{
    top:50%;
    right:0;
    margin-top:-5px;
    border-width:5px 0 5px 5px;
    border-left-color:#6071E4}
.tooltip.bottom .tooltip-arrow{
    top:0;
    left:50%;
    margin-left:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#6071E4}
.tooltip.bottom-left .tooltip-arrow{
    top:0;
    right:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#6071E4}
.tooltip.bottom-right .tooltip-arrow{
    top:0;
    left:5px;
    margin-top:-5px;
    border-width:0 5px 5px;
    border-bottom-color:#6071E4}

/* -------------------------- Login page --------------------------- */

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

.container-login100-form-btn {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 20px;
}

.login100-form-btn {
  font-family: 'Poppins', sans-serif
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
  text-transform: uppercase;

  width: 100%;
  height: 50px;
  border-radius: 25px;
  background: #2dce89;
  border-color: #29b277;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.login100-form-btn:hover {
  background: rgba(45, 206, 137, 0.75);
  border-color: #29b277;
}

.container-login100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-image: radial-gradient(circle, #6071E4, #815FE4, #4E5982);}

.focus-input100 {
  display: block;
  position: absolute;
  border-radius: 25px;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 0px 0px;
  color: rgba(96,113,228, 0.8);
}

.input100:focus + .focus-input100 + .symbol-input100 {
  color: #6071E4;
  padding-left: 28px;
  background-color: rgba(0, 0, 0, 0.1);
}

/* ----------------------------------------------------------------- */

.bg-primary{
    background-color:#6071E4}

.text-primary{
    color:#6071E4}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{
    z-index:3;
    color:#fff;
    cursor:default;
    background-color:#6071E4;
    border-color:#6071E4}

.nav-tabs-custom > .nav-tabs > li:hover {
    border-top-color:rgba(96,113,228, 0.75);
}

.card.bg-info, .card .card-header-info .card-icon, .card .card-header-info .card-text, .card .card-header-info:not(.card-header-icon):not(.card-header-text), .card.card-rotate.bg-info .back, .card.card-rotate.bg-info .front {
	background: #4E5982;
}

.card .card-header-info .card-icon, .card .card-header-info .card-text, .card .card-header-info:not(.card-header-icon):not(.card-header-text) {
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(96,113,228, 0.4)
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #815FE4;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #6071E4;
}
::-webkit-scrollbar-thumb:active {
  background: #6071E4;
}
::-webkit-scrollbar-track {
  background: #27293d;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #27293d;
}
::-webkit-scrollbar-track:active {
  background: #27293d;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

.content-wrapper{
    min-height:100%;
    background-color:#1e1e2f;
    z-index:800
}

.sweet-alert .sa-icon.sa-info{
    border-color:#6071E4}
.sweet-alert .sa-icon.sa-info::before{
    content:"";
    position:absolute;
    width:5px;
    height:29px;
    left:50%;
    bottom:17px;
    border-radius:2px;
    margin-left:-2px;
    background-color:#6071E4}
.sweet-alert .sa-icon.sa-info::after{
    content:"";
    position:absolute;
    width:7px;
    height:7px;
    border-radius:50%;
    margin-left:-3px;
    top:19px;
    background-color:#6071E4}

.alert-info {
    color: #ffffff !important;
    background: #6071E4 !important;
    border: 1px solid #6071E4;
}

.sweet-alert button{
    background-color:#6071E4;
    color:white;
    border:0;
    box-shadow:none;
    font-size:17px;
    font-weight:500;
    -webkit-border-radius:4px;
    border-radius:5px;
    padding:10px 32px;
    margin:26px 5px 0 5px;
    cursor:pointer
}
.sweet-alert button:focus{
    outline:0;
    box-shadow:0 0 2px rgba(96,113,228, 0.5),inset 0 0 0 1px rgba(0,0,0,0.05)
}
.sweet-alert button:hover{
    background-color:rgba(96,113,228, 0.4);
}
.sweet-alert button:active{
    background-color:rgba(96,113,228, 0.5);
}

.a-check{
    color: #6071E4;
}

textarea:focus, input:focus {
  border-color: #6071E4 !important;
}

.color-fa {
    color: #fff;
}

.color-fa:hover {
    color: #ffff0;
}

.modal-content{
    position:relative;
    background-color:transparent;
    -webkit-background-clip:padding-box;
    background-clip:padding-box;
    border:1px solid #999;
    border:1px solid rgba(0,0,0,.2);
    border-radius:6px;
    outline:0;
    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
    box-shadow:0 3px 9px rgba(0,0,0,.5);
}
.modal-body{
    position:relative;
    padding:15px;
    background-color: #1e1e2f;
}
.modal-header{
    padding:15px;
    border-bottom-color:#3d3f51;
    background-color: #1e1e2f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom:1px solid #e5e5e5;
}
.modal-footer{
    padding:15px;
    text-align:right;
    border-top-color:#3d3f51;
    background-color: #1e1e2f;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top:1px solid #e5e5e5;
}
.modal-title{
    margin:0;
    line-height:1.42857143;
    color: #fff;
}

.bg-gray{
    color: #fff;
    background: linear-gradient(87deg,#6071E4,#815FE4 100%) !important;
    border-radius: 20px;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #3d3f51 inset !important;
}

input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
}

.text-error{
    color: #815FE4 !important;
}

select option {
    color: #fff;
    background-color: #27293d;
}