/**Box Header & Title**/
.box-title {font-weight: 600;}
.box-header {background: #efefef;}
.card-title {font-size: xx-large;font-weight: 500;}


/**Login & Register Page**/
.form-control-feedback, .register-box-body {color: #777;position: absolute;top: 0;right: 0;display: block;width: 34px;line-height: 34px;text-align: center;}
.login-logo, .register-logo {font-size: 35px;text-align: center;margin-bottom: 0px;font-weight: 300;padding: 10px 0px;}

/**Header**/
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {width: 90px;}
.skin-purple-light .main-header .logo {background-color: #ffffff !important;}

/**Mini Sidebar**/
@media (min-width: 768px){
.sidebar-mini.sidebar-collapse .main-sidebar {width: 70px;}
.sidebar-mini.sidebar-collapse .main-header .logo {width: 70px;}
.sidebar-mini.sidebar-collapse .profile-user-img {width: 60px;height: 60px;}
}
.lockscreen {
    background: url(https://cvlava.com/assets/images/login-background.jpg) center center no-repeat #5882d6 !important;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: fixed;
}
/**FORM CONTROL**/
.form-control:focus { border-color: #71c4ee; box-shadow: none;}

/**Sidebar**/
.skin-purple-light .sidebar-menu > li > a {color: #000000;font-size: medium;}
.profile-user-img {width: 180px;height: 180px;}
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span {padding: 16px 10px 20px 10px;}

/**Others**/
/*Blue .active {color: #46be8a;background: #f6fffd;border-right: 3px solid #12a967;}*/
.skin-purple-light .sidebar-menu > li.active > a {font-weight: 600;}
.active {color: #6c00ff;background: #f8f6fd;border-right: 3px solid #1572f5;}
button, input, optgroup, select, textarea {font-family: Quicksand, sans-serif;}
b, strong {font-weight: 600;}

/**Input Number Bullets Hide**/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] { -moz-appearance: textfield; }

/**Semantic Dropdown**/
.ui.selection.dropdown {line-height: unset;min-height: unset;padding: .375rem .75rem;height: 36.2px;border: 1px solid #d2d6de;box-shadow: none;border-radius: 0;background: #fbfdff;font-size: 15px;color:#445461;font-weight: 400;}
.ui.selection.dropdown:hover {border-color: #d2d6de;-webkit-box-shadow:0 1px 1px rgba(7,177,7,.075);box-shadow:0 1px 1px rgba(7,177,7,.075);outline:none;}
.ui.multiple.dropdown>.label {background: aliceblue;font-size: 12px;border-radius: 0px;padding: 5px;margin: 0 2px;}
.down-icon {margin-right: -3px;padding-top: 4px;float: right;}

/**Input Color**/
input[type="color"] {height: 36.2px;}



/**Progress Bar Circle**/
.circle {
  width: 150px;
  margin: 6px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
}

.circle canvas {
  vertical-align: top;
  width: 150px !important;
}

.circle strong {
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  color: black;
}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle span {
  display: block;
  color: #aaa;
  margin-top: 12px;
}