/*
	SpecificSections.css
	TemplateName: Business Management
	Copyright (c) 2015, ObjectWeb Srl. All rights reserved.
	Version: 1.0.0
*/


:root {
   --main-color: #737A2A;
   --secondary-color: #9AA83A;
   /*--section-background-color: #f6f7f9; - Grigio chiaro */
   --main-background-color: #fbfdf8;
   --section-background-color: #eaf2da;
   /*--menu-color: #EEF3F9; - Grigio */
   --menu-color: #f2f8e9;
   --white-color: #fff;
   --gray-color: #a1a8b1;
}


/* Generico
------------------------------------------------------------------------------------------------- */
body {
   background-color: var(--main-background-color);
   color: #6b7178;
}

.breadcrumb {
	margin-top: 20px;
	margin-bottom: 0px;
	background: transparent;
	padding: 0px;
}

.breadcrumb a i {
	font-size: 14px;
	border-radius: 10px;
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	height: 25px;
	width: 25px;
	text-align: center;
	line-height: 23px;
	color: var(--secondary-color);
	background-color: var(--white-color);
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	display: inline-block;
	padding: 2px;
}

.btn.btn-primary {
  	background-color: var(--main-color);
  	padding: 8px 30px;
  	border-radius: 10px;
  	border: crimson;
  	font-weight: 600;
  	color: var(--white-color) !important;
  	margin-right: 10px;
  	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

.btn.btn-primary i {
	margin-right: 5px;
}

.btn.btn-primary:hover {
	color: var(--gray-color) !important;
}

.btn.btn-default,
.btn.btn-secondary {
    background-color: #eeeeee !important;
    color: var(--gray-color) !important;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    font-weight: 600;
    font-size: 14px;
    padding: 8px 24px;
    border-radius: 10px;
    border: 0px;
}

.btn.btn-default:hover,
.btn.btn-secondary:hover {
	color: var(--secondary-color);
}

.reset-password-container .button-secondary,
.simple-registration .button-secondary {
	border-radius: 10px !Important;
	FONT-WEIGHT: 300;
	padding: 8px 30px !important;
	margin-left: 10px;
}

.section-title {
	padding: 10px 0px 20px;
}

.section-title h2 {
	font-family: "Nunito";
	font-weight: 400;
	margin: 0px;
}

#footer-copyright {
	background-color: transparent;
    text-align: center;
    color: var(--gray-color);
}

.panel-element .panel-header {
	background-color: var(--section-background-color);
	padding: 30px 20px 15px 20px;
}

.panel-element .panel-header h2,
.panel-element .panel-header .course-title,
.panel-element .panel-header .title {
	background-color: var(--white-color);
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	padding: 15px;
	border-radius: 10px;
	font-weight: 600;
	font-style: italic;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0px;
}

.panel-element .panel-content {
    background-color: var(--section-background-color);
    padding: 0px 20px 30px 20px;
    border-radius: 10px;
}

.notification {
  position: absolute;
  right: 15px;
  bottom: -20px;
  background: var(--menu-color) none repeat scroll 0% 0%;
  padding: 10px 21px;
  font-size: 15px;
  border-radius: 10px;
  font-weight: 600;
}

.notification a {
  text-transform: uppercase;
  margin-left: 7px;
}

.notification a:hover {
  color: #FFF;
}

.dropzone {
    border: 3px dashed var(--main-color) !Important;
}

.text-info {
    color: var(--main-color);
}

.orange-text {
	color: var(--secondary-color);
}
/* ---------------------------------------------------------------------------------------------- */



/* Header
------------------------------------------------------------------------------------------------- */
header {
   background: var(--white-color);
}

header.container-block {
   content: " ";
   display: inline-block;
   width: 100%;
}

header .brand-box {
    border-right: 1px solid #f2f2f2;
    position: relative;
    display: inline-block;
    padding: 14px 34px;
    float: left;
    background-color: var(--main-background-color);
}

header .brand {
	background: transparent url(../Images/LogoPortale.png) no-repeat scroll center center / contain;
	display: inline-block;
	float: left;
	height: 70px;
	width: 200px;
}

.toggle-left-panel {
   float: left;
   margin: 28px 35px 25px 5px;
   padding: inherit;
   text-align: center;
   height: 40px;
   width: 40px;
   font-size: 20px;
   position: relative;
   background: var(--white-color);
   border-radius: 10px;
   color: var(--secondary-color);
   margin-left: 30px;
   padding: 9px 0px;
}

.toggle-left-panel .bar {
	background-color: var(--secondary-color);
	width: 30px;
	height: 3px;
	margin-bottom: 7px;
}

.toggle-left-panel .bar:nth-child(1){
	width: 25px;
	transition: all 0.4s ease-in-out;
}

.toggle-left-panel .bar:nth-child(2){
	width: 30px;
	transition: all 0.4s ease-in-out;
}

.toggle-left-panel .bar:nth-child(3){
	width: 20px;
	transition: all 0.4s ease-in-out;
}

.toggle-left-panel:hover .bar:nth-child(1){
	width: 30px;
	transition: all 0.4s ease-in-out;
}

.toggle-left-panel:hover .bar:nth-child(2){
	width: 25px;
	transition: all 0.4s ease-in-out;
}

.toggle-left-panel:hover .bar:nth-child(3){
	width: 30px;
	transition: all 0.4s ease-in-out;
}

.hidden-menu .toggle-left-panel:hover {
  color: #6d6a69;
}

header .section.login {
	margin-bottom: 0px !important;
}

header .section.login #login a.toggle-modal{
	float: right;
    margin: 25px 5px;
    padding: 7px !important;
    text-align: center;
    height: 40px;
    width: 40px;
    font-size: 20px;
    position: relative;
    background: var(--white-color);
    border-radius: 50%;
    box-shadow: 0px 2px 3px rgb(4 4 7 / 10%);
    background-color: #BE212B;
    color: var(--white-color);
}

#header-sections-container {
   display: inline-block;
  	float: right;
}

#header-sections-container .logout {
	margin-top: 22px;
	margin-right: 15px;
	border-radius: 10px;
	padding: 5px 30px;
	font-size: 15px;
}

#header-sections-container .logout i {
    font-size: 19px;
    margin-right: 6px;
    padding-top: 5px;
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    height: 40px;
    width: 40px;
    color: var(--secondary-color);
    background-color: var(--white-color);
    text-align: center;
    line-height: 29px;
}

#header-sections-container .logout a {
	padding: 1px 5px 0px 5px;
	border-right: 1px solid var(--white-color);
	color: var(--gray-color);
}

#header-sections-container .logout .logout-link i {
	color: var(--gray-color);
}

#header-sections-container .logout .logout-link i:hover {
	color: var(--main-color);
}

#header-sections-container .logout a.name {
	font-weight: 600;
}

#header-sections-container .logout a.logout-link {
	border-right: 0px;
}

#header-sections-container .logout a:hover {
	color: #555;
	text-decoration: none;
}
	
#header-sections-container .logout a.user-link {
}

@media(max-width: 767px){
	header .brand {
		height: 30px;
  		width: 70px;
	}

	.toggle-left-panel {
      	margin: 5px 35px 5px 5px;
	}

	header .section.login #login a.toggle-modal {
		margin: 5px 15px;
	}

	#header-sections-container .logout {
		margin-top: 5px;
	}
	
	header .brand-box {
		padding: 11px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Menù
------------------------------------------------------------------------------------------------- */
#left-panel {
   background: var(--menu-color);
   left: 0;
   margin-top: 100px;
   min-height: calc(100% - 100px);
   position: absolute;
   top: 0;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
   width: 270px;
   z-index: 900;
   padding-right: 15px;
   padding-top: 20px;
}

.hidden-menu #left-panel {
   left: -260px;
}

.hidden-menu #left-panel:hover {
   left: 0;
}

#page-content {
   margin-left: 270px;
   transition: all 250ms cubic-bezier(0.1, 0.57, 0.1, 1) 0s;
}

.hidden-menu #page-content {
	margin-left: 10px;
	/*z-index: 1;*/
	position: relative;
}

#left-panel .navbar-collapse {
   padding: 0;
}

#left-panel .navbar-default {
   background-color: transparent;
   border-color: transparent;
}

#left-panel .navbar-nav > li {
   float: none;
   positon: relative;
}

#left-panel .navbar-nav > li:after {
   clear: both;
   content: ".";
   display: block;
   height: 0;
   visibility: hidden;
}

#left-panel .navbar-default .navbar-nav > li > a {
    color: #6b7178;
    padding: 14px 15px;
    margin-bottom: 15px;
    padding-left: 71px;
    line-height: 16px;
}

#left-panel .navbar-default .navbar-nav > li > a:hover {
   	border-radius: 0 30px 30px 0;
}

#left-panel .navbar-default .navbar-nav > li > a:hover i,
#left-panel .navbar-default .navbar-nav > li.active:hover > a i{
	color: var(--main-color);
}

#left-panel .navbar-default .navbar-nav > .active > a,
#left-panel .navbar-default .navbar-nav > .active > a:hover,
#left-panel .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    border-radius: 0px 15px 15px 0px;
}

#left-panel .navbar-default .navbar-nav > li > a i {
    font-size: 17px;
    margin-right: 18px;
    padding-top: 5px;
    position: absolute;
    left: 29px;
    top: 3px;
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 23px;
    top: 50%;
    margin-top: -17.5px;
    color: var(--gray-color);
    background-color: var(--white-color);
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    display: inline-block;
}

#left-panel .navbar-default .navbar-nav > li.active > a i {
	 background-color: var(--white-color);
	 color: var(--main-color);
}

#left-panel .navbar-default .navbar-nav > .active > a::after {
	color: var(--white-color) !Important;
}

@media(max-width:991px) {
   .hidden-menu #left-panel {
      left: -270px;
   }

   .hidden-menu #page-content {
      margin-left: 0;
   }
}

nav ul li.active.parent-active.open > a::before {
   content: "";
}

@media(max-width: 767px){
	#left-panel {
	 	margin-top: 54px;
  		padding-top: 15px;
	}

	.hidden-menu #left-panel {
    	left: -100%;
	}

	#left-panel .navbar-default .navbar-nav > li > a i {
		left: 15px;
	}

	#left-panel .navbar-default .navbar-nav > li > a {
		margin-bottom: 2px;
  		padding-left: 60px;
	}
}
/* ---------------------------------------------------------------------------------------------- */



/* Login
------------------------------------------------------------------------------------------------- */
.login .content {
	display: inline-block;
	width: 100%;
}

.login.panel.panel-success {
    background-color: var(--menu-color);
    padding: 20px 0px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

.login.panel-success > .panel-heading {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 34px;
    margin: 0;
    color: var(--gray-color);
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 15px;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0px;
    border: 0px;
    text-transform: initial;
    width: 100%;
    text-align: center;
    padding: 0px;
}

.login .panel .form-horizontal .control-label {
	width: 100% !important;
	color: var(--gray-color);
	margin-bottom: 3px;
}

.login .form-horizontal .input-div {
	width: 100%;
}

.login .form-horizontal .input-div input {
	background-color: transparent;
	border: 0px;
	border-bottom: 1px solid var(--gray-color);
	border-radius: 0px;
	box-shadow: none;
	max-width: 100%;
}

.keep-login .input-div {
	position: absolute;
	top: 0px;
	left: 15px;
}

.keep-login .input-div input {
	max-width: 15px;
	width: 12px !important;!I;!;
	height: 12px;
	padding-top: 2px;
	!I;!;
}



.login .button-secondary {
  	color: var(--gray-color);
  	text-decoration: none;
}

.login .panel-success .button-secondary:hover {
    color: var(--main-color) !important;
    background-color: transparent;
}

.login .ContentPanePlaceHolder_ctl00_CancelButton {
	display: none;
}

fieldset legend,
.reset-password-container h1,
.set-new-password-container h1 {
	background-color: var(--white-color);
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    padding: 15px;
    border-radius: 10px;
    font-weight: 600;
    font-style: italic;
    font-size: 15px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.simple-registration .legend .validation-required {
	display: none !Important;
}
/* ---------------------------------------------------------------------------------------------- */



/* Form
------------------------------------------------------------------------------------------------- */
.panel-content #parameters-container {
	display: inline-block;
	width: 100%;
}

.panel-content #parameters-container .col-sm-12:nth-child(2),
.panel-content #parameters-container .col-sm-12:nth-child(3) {
	width: 50%;
	float: left;
}

.statistiche-partner .panel-content #parameters-container .col-sm-12:nth-child(1),
.statistiche-partner .panel-content #parameters-container .col-sm-12:nth-child(2) {
	width: 50%;
	float: left;
}

.statistiche-partner .panel-content #parameters-container .col-sm-12:nth-child(3) {
	width: 100%;
}

.panel-footer {
	background-color: transparent;
	border-top: 0px;
	padding: 20px 0px;
}

.form-control {
	background-color: transparent;
	border: 0px;
	border-bottom: 1px solid #cccccc;
	box-shadow: none;
	border-radius: 0px;
	color: var(--gray-color);
}

.input-div input,
.input-div .input-type-textarea,
.input-div input.input-type-text,
.input-div .input-type-dropdownlist,
.input-div input.input-type-email,
.input-div input.input-type-zip,
.input-div input.input-type-telephone-number{
	max-width: 100% !Important;
	width: 100% !IMPORTANT;!I;!;
}

.input-div .input-type-dropdownlist {
	text-transform: uppercase !Important;
}

.input-div .input-type-date {
	max-width: 100% !Important;
	border: 0px;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	background-color: transparent;
}

.inputbox.vertical .validation-required {
	background: none !Important;
	padding-left: 0px !Important;
}

.inputbox.vertical .validation-required:after {
	content: "*";
}

.inputbox .validation-highlight {
    background: #fff0f0 none repeat scroll 0 0 !important;
    border-color: #a90329;
}

.input-div {
    position: relative;
}

.inputbox label.validation-error-label {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    bottom: -15px;
    background-color: #a90329 !important;
    font-size: 11px !Important;
    font-weight: lighter;
    padding: 2px 10px !important;
    position: absolute;
    color: #FFF !important;
    right: -5px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Form
------------------------------------------------------------------------------------------------- */
.home-link .item {
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	border-radius: 15px;
	margin-top: 20px;
	display: block;
	color: #6b7178;
}

.home-link .item:hover {
	text-decoration: none;
}

.home-link .item .image {
	height: 140px;
	width: 100%;
	background-size: cover;
	background-position: center;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	position: relative;
}

.home-link .item:hover .image .overlay {
	background-color: rgba(0,0,0,0.2);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.home-link .item .title {
	background-color: var(--white-color);
	padding: 60px 40px 40px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	font-size: 18px;
	position: relative;
	text-align: center;
	line-height: 18px;
	min-height: 136px;
}

.home-link .item .icon {
    font-size: 30px;
    position: absolute;
    left: 50%;
    top: -12px;
    border-radius: 10px;
    height: 60px;
    width: 60px;
    text-align: center;
    line-height: 26px;
    margin-top: -17.5px;
    color: var(--white-color);
    background-color: var(--white-color);
    display: inline-block;
    margin-left: -30px;
    background-color: var(--secondary-color);
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    text-align: center;
    padding-top: 15px;
}

.home-link .item:hover .icon {
	background-color: #6b7178;
}
/* ---------------------------------------------------------------------------------------------- */


/* Statistiche
------------------------------------------------------------------------------------------------- */
.graph-grid a {
	display: block;
	position: relative;
	margin-bottom: 20px;
	padding: 30px 30px 30px 110px;
	background-color: var(--white-color);
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	border-radius: 10px;
	color: var(--gray-color);
}

.graph-grid a:hover {
	text-decoration: none;
}

.graph-grid a .title {
	font-size: 16px;
	margin-bottom: 6px;
	display: block;
}

.graph-grid a i.fa-bar-chart {
	font-size: 29px;
	margin-right: 18px;
	padding-top: 13px;
	position: absolute;
	left: 29px;
	top: 3px;
	border-radius: 10px;
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 32px;
	top: 50%;
	margin-top: -30.5px;
	color: var(--white-color);
	background-color: var(--secondary-color);
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
}

.graph-grid a i.fa-bar-chart:before {
	content: "\f080";
}

.graph-grid a .more {
	background-color: var(--menu-color);
	padding: 4px 24px;
	border-radius: 10px;
	border: crimson;
	font-weight: 600;
	color: var(--gray-color);
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	font-size: 12px;
}

.graph-grid a:hover .more {
	color: var(--main-color) !important;
}

.graph-grid a .more i {
	padding-left: 5px;
}
/* ---------------------------------------------------------------------------------------------- */



/* Tabelle
------------------------------------------------------------------------------------------------- */
table.data-table {
	border: 0px !Important;
}

table.data-table thead tr, table.data-table tfoot tr {
	background: none !Important;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: var(--white-color);
}
/* ---------------------------------------------------------------------------------------------- */


/* Tabelle
------------------------------------------------------------------------------------------------- */
.modal-header {
  	position: relative;
  	background-color: var(--menu-color) !IMPORTANT;
  	color: var(--main-color) !important;
  	border: none;
}

.ow-modal .modal-header .close-modal {
	color: var(--secondary-color) !IMPORTANT;
}

.modal-header .modal-title {
  	font-weight: 300 !important;
  	font-size: 25px !important;
  	color: #6b7178 !important;
}

.modal-header .modal-title i {
  	margin-right: 5px;
  	font-size: 17px;
  	padding-top: 2px;
    border-radius: 10px;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    height: 35px;
    width: 35px;
    text-align: center;
    background-color: var(--white-color);
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    display: inline-block;
    color: var(--main-color);
    line-height: 30px;
}

.modal-header .close-modal {
    position: absolute;
    background-color: var(--white-color);
    width: 40px;
    height: 40px;
    text-align: center;
    color: var(--secondary-color);
    line-height: 40px;
    border-radius: 50%;
    right: -20px;
    top: 10px;
    font-size: 20px;
}

.modal-header .close-modal:hover {
	background-color: transparent;
	color: #6b7178;
}

.modal-header .close-modal:hover {
  	background-color: #ddd;
}

.modal-body {
    padding: 30px 50px;
    text-align: center;
    font-size: 20px !Important;
}

.modal-body .form-group {
	text-align: left;
}

.modal-body .form-group label {
	font-size: 14px;
}

.modal-body .dropzone {
	margin: 25px 0px 15px 0px;
}

.modal-body .dropzone .dz-message {
	font-size: 14px !Important;
	padding: 0px 50px;
}

.modal-footer {
	margin-top: 0px;
	border-top: 0px;
	padding-top: 0px;
}
/* ---------------------------------------------------------------------------------------------- */


/* Gestione Documenti
------------------------------------------------------------------------------------------------- */
#files th,
#files td {
  	padding: 10px 0px;
}

#files tbody tr td span.file-type-image {
	display: none !Important;
}

.web-explorer-container .ow-treeview .item-node {
	background: none !Important;
}

#files table thead tr {
   color: var(--main-color) !Important;
   background-color: var(--white-color) !Important;
}


.web-explorer-container .actions {
	position: absolute;
	right: 10px;
	top: 10px;
}

.web-explorer-container .actions a {
	background-color: var(--white-color);
	padding: 8px 30px !Important;
	border-radius: 10px;
	font-weight: 600;
	margin-right: 10px;
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	color: #6b7178;
	background: none !Important;
	min-width: 120px !Important;
	text-align: right !IMPORTANT;
}

.web-explorer-container .actions a:before {
	font-weight: 600;
	font-family: "Font Awesome 5 Free";
	color: var(--main-color) !Important;
	position: absolute;
	left: 15px;
	top: 7px;
	font-size: 15px;
}

.web-explorer-container .actions a.folder-new:before {
	content: "\f65e";
}

.web-explorer-container .actions a.file-edit:before {
	content: "\f573";
}

.web-explorer-container .actions a.file-copymove:before {
	content: "\f0c5";
}

.web-explorer-container .actions a.file-delete:before {
	content: "\f1f8";
}

.web-explorer-container .actions a.file-upload:before {
		content: "\f574";
}

.web-explorer-container .actions a span {
	margin-top: 0px !Important;
}

.web-explorer-container #subutility,
#subcontent {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
    border: 0px !Important;
    padding: 10px 0px;
}

.column-check {
	font-size: 14px;
	PADDING: 3px !important;
	border-radius: 10px;
	height: 27px;
	width: 27px;
	text-align: center !IMPORTANT;
	line-height: 23px !important;
	color: var(--secondary-color);
	background-color: var(--white-color);
	box-shadow: 0px 2px 4px rgb(0 0 0 / 10%);
	margin-right: 3px;
	width: 27px !important;
	float: left !important;
	margin-left: 20px;
	margin-top: 5px;
}

.column-check input {
	border: 2px solid var(--secondary-color);
	-webkit-appearance: none;
	width: 12px;
	height: 12px;
	padding-top: 2px;
	margin: 0px !IMPORTANT;
}

.column-check input:checked {
	background-color: var(--secondary-color);
	position: relative;
}

.column-check input:checked::after {
	content: '';
	position: absolute;
	left: 2px;
	top: -3px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0; /* Segno di spunta */
	transform: rotate(45deg);
}
/* ---------------------------------------------------------------------------------------------- */



/* Gestione docenti
------------------------------------------------------------------------------------------------- */

.manage-teachers .tab-course-category {
	background-color: var(--white-color);
}

.manage-teachers .tab-course-category a {
    border: 0px;
    border-bottom: 1px solid #f9f9f9;
    padding: 20px 30px;
    display: block;
	color: #6b7178;
    text-align: left;
    margin-bottom: 15px;
    margin-top: 10px;
    font-weight: 600;
    background-color:var(--white-color);
    border-left: 5px solid var(--secondary-color);
	position: relative;
}

.manage-teachers .tab-course-category a:before {
    content: "\f078";
	font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 30px;
    top: 10px;
    color: var(--secondary-color);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 21px;
    padding: 9px;
    text-align: center;
}

.manage-teachers .tab-course-category.active a:before {
  content: "\f106";
} 

.manage-teachers .tab-course-category .list {
	padding: 20px 30px;
}

.manage-teachers .tab-course-category .list .input-group {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left: 24px;
}

.manage-teachers .tab-course-category .list .input-group input {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 10px !IMPORTANT;
}

.manage-teachers .tab-course-category .list .input-group label {
	font-weight: 400;
}

.manage-teachers .partners .form-group {
	background-color: var(--white-color);
	padding: 20px 10px;
}

.manage-teachers .partners .form-group .input-group {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-left: 24px;
}

.manage-teachers .partners .form-group .input-group input {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 10px !IMPORTANT;
}

.manage-teachers .partners .form-group .input-group label {
	font-weight: 300;
}
/* ---------------------------------------------------------------------------------------------- */



.multiselect select {
   background-color: transparent !important;
}

.multiselect .filter-multiselect {
   background-color: var(--white-color) !important;
}