/*================================================================================
	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.  */


@font-face {
	font-family: 'FontAwesome';
	src: 'Font Awesome 5 Pro';
 }


 .fa-2xs{font-size: 0.625em!important}
 .fa-xs{font-size: 0.75em!important}
 .fa-sm{font-size: 0.875em!important}

 .text-right {text-align: right;}
 .table.table-hwl>*>*>* {padding: 1.28rem 0.3rem;}

 .f-right {float:right}
 .w-16 {width:16px}
 .w-32 {width:32px}
 

 ._3t_sheet{
	overflow-x: scroll;
	overflow-y: hidden;
 }

 .card-browser-states .browser-states {margin-top:0.7rem}

 .dropdown.chart-dropdown {position:absolute;right:1rem}

 #dashboard_homeworkstatics .avatar {background-color:#eaeaea}

 .avatar-text {
    white-space: nowrap;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    color: #FFFFFF;
    display: inline-flex;
    font-size: 1rem;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    border-radius: 50%!important;
    width: 32px;
    height: 32px;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.nav-item .dropdown-item.active, .dropdown-item:active { color:#fff!important}
.auth-footer-btn .btn {width:48px}


.nav-item .avatar-text {margin-top:-5px;}
.wh-48
{
width:42px!important;
height: 42px!important;
font-size: larger;
}

.rotate:hover {animation: rotation 1s infinite linear;}
@keyframes rotation {from {transform: rotate(0deg);}to { transform: rotate(359deg);}}

.students-info p.card-text { color:#8c8c8c}
.avatara img {border-radius: 50%;}
.avatar-status-online.online-sign:after {
	font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    width: 20px;
    height: 20px;
    right: -8px!important;
	bottom: -5px!important;
	background-color: #3f0098;
}


.online-sign:after {content: "\f00c";}
.resources-list .form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label { opacity:1 }

.resources-list .form-check-input:disabled { filter: none; opacity: 1; pointer-events: none; }

.students-application .sidebar-content .students-user-list-wrapper .avatar{ width:42px }


.inactive { visibility: unset; }
.filter-active .inactive { visibility: collapse; }
.filter-active .inactive td:first-child { visibility: unset;}
.filter-active .inactive td:first-child span {position: absolute}


.lesson-name-h{ display: none;  }
.filter-active .lesson-name-v{ display: none;  }
.filter-active .lesson-name-h{ display: table-cell;  }

 .list-divider{
	width: 100%;
	border-bottom: 1px solid #eee;
    margin-top: 1rem;
	margin-bottom: 1rem;
 }

 .mt-05 {margin-top:0.5rem}
 .mb-05 {margin-bottom:0.5rem}
 
 #Form-field-Homework-notes{ height: 187px;}
 .resources-list{
	position: relative;
    height: 187px;
    width: 100%;
	
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
 }

.is-scrollable{
	margin-left: -10px;
	margin-right: -15px;
	
    padding: 1px 10px 15px;
    background: #f6f6f6;
}


.custom-option-item {
    display: flex;
    align-content: stretch;
    align-items: center;
    justify-content: center;
	min-height: 70px;
}

.row.center{ justify-content : center}
.custom-option-item-check:checked + .custom-option-item.warning{ color:#d47f00;background-color: #fee3bb; border-color:#d47f00}
.custom-option-item-check:checked + .custom-option-item.warning .custom-option-item-title { color: #d47f00 }


.custom-option-item-check:checked + .custom-option-item.success{ color:#00a607;background-color: #d2ffdd; border-color:#00a607}
.custom-option-item-check:checked + .custom-option-item.success .custom-option-item-title { color: #00a607 }


.custom-option-item-check:checked + .custom-option-item.danger{ color:#c80000;background-color: #ffd9d9; border-color:#c80000}
.custom-option-item-check:checked + .custom-option-item.danger .custom-option-item-title { color: #c80000 }





.picker--opened .picker__holder{
	width: 500px;
 }

.stripe-loading-indicator .stripe, .stripe-loading-indicator .stripe-loaded{ background: #7C5EA5!important}

.fa-15x{font-size:1.5em}
.navbar-light .fa-moon-state:before{content:"\f186"}
.navbar-dark .fa-moon-state:before{content:"\f185"}
.pt-05{padding-top: 5px;}

.nav .modern-nav-toggle{margin:1.071rem 0}

.pb-30 {padding-bottom: 30px;}
.mb-30 {margin-bottom: 30px;}







.header-navbar .navbar-container .dropdown-student .selected-student {
	font-weight : 500;
  }
  
  .header-navbar .navbar-container .dropdown-student .nav-link .flag-icon {
	margin-right : 0.4rem;
  }
  
  .header-navbar .navbar-container .dropdown-student .dropdown-menu .dropdown-item .flag-icon {
	margin-right : 0.4rem;
  }

  .header-navbar .navbar-container ul.navbar-nav li.dropdown-student .dropdown-menu.dropdown-menu-end {
	right : -2px;
  }
  



.spinning{
	text-align: center;
	margin:0 auto;
	display: inline-block;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
}


.control-balloon-selector ul li.active[data-value="unfinished"]{ background-color: rgb(255, 0, 0)!important;}
.control-balloon-selector ul li.active[data-value="finished"]{ background-color: rgb(34, 182, 34)!important;}
.control-balloon-selector ul li.active[data-value="working"]{ background-color: rgb(142, 74, 237)!important;}


.status.working {
	border: 3px solid #ebb1f6;
	color: #c858db;
}

.status.finished {
	border: 3px solid #9de585;
	color: #3cc15d;
}

.status.partly {
	border: 3px solid #f6ac51;
	color: #f78b06;
}

.status.unfinished {
	border: 3px solid #ec7777;
	color: #f70606;
}
span.status {
	border-radius: 3px;
	width: 100%;
	display: inline-block;
	text-align: center;
	line-height: 2em;
	text-transform: uppercase;
	font-weight: 600;
}




table._3table {
	text-align: left;
	position: relative;
	margin-bottom: 30px;
}


._3table td, ._3table thead tr th { padding: 3px 8px;	font-size: 1rem; resize: both;}


._3table,
._3table td {
	border: 1px solid rgb(224, 224, 224)
}

._3table tr {
	height: 40px
}




._3table th span.vertical,
._3table td span.vertical {
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	white-space: nowrap;
	font-weight: 600;
}

._3table .ahw, ._3table .ehw {
	border-radius: 5px;
	font-size: xx-small;
   
	color: #fff;
	padding: 3px 7px
}
._3table .ahw {
	background-color: rgb(34, 182, 34);
}
._3table .ehw {
	background-color: rgb(46, 134, 222);
}

._3table .tick-border{
	border-top:2px solid #bbb;
}


._3table td>ul{
	padding-left:15px;
}


@media (max-width: 767.98px) {
	.header-navbar .navbar-container ul.navbar-nav li .selected-student {
	  display : none;
	}
	
}

@media (min-width:992px){
	#homework .col-md-6{width:48%}
	#homework .col-md-6:nth-child(2), #homework .col-md-6:nth-child(4) {float:right}
	
}

@media (max-width:1371px){
	._3table td, ._3table thead tr th { padding: 3px 3px;	font-size: 0.7rem; }
}