@media (min-width: 1200px){
    .container {
        max-width: inherit;
    }
}

.table {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: .08em;
}
.table thead th{
	border-top: 0px;
}
.table-active, .table-active>td, .table-active>th{
	background-color: transparent;
}
.table th{
	color:#3a3a3a;
	font-weight: 500;
	font-size: 12px;
	outline-color:transparent;
	background-color: #9BDE41;
	color:white;
	font-weight: 600;
}
.table td{
	font-weight: 400;
	font-size: 12px;
	vertical-align: middle;
	padding: .5rem;
}
.table tr.table-inactive{
	background-color: #FFDDdd;
	color: #ff5454;
}
.table tr.table-active{
	background-color: #EBF8d9;
	color: #54bc08;
}

.table .user,
.table .email,
.table .name,
.table .owner {
	text-align: left;
}
.table .checkbox{
	width: 30px;
}
.table .seat{
	width: 80px;
}

.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #9BDE41;
    border-color: #9BDE41;
}
.page-link:hover {
    z-index: 2;
    color: var(--global-color-main-base);
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.page-item a{
	color: var(--global-color-main-base);
	font-weight: 600;
}

.page-item .btn-primary:not(:disabled):not(.disabled).active, 
.page-item .btn-primary:not(:disabled):not(.disabled):active, 
.show > .page-item  .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #9BDE41;
    border-color: #9BDE41;
}
.page-item .btn-primary:not(:disabled):not(.disabled).active:focus, 
.page-item .btn-primary:not(:disabled):not(.disabled):active:focus, 
.show > .page-item .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(155, 222, 65, 0.5);
}

#app-structures div.round-box.round-box-light div.round-box-body{
	padding:26px;
}

#app-structures .value{
	font-size: .9em
}
#app-structures label{
	margin-bottom: 0px;
	font-size: 12px
}
#app-structures label .value{
	font-size: 1em;
	color:#3a3a3a;
}

#app-structures #seat-max{
	text-transform: uppercase;
}

#app-structures #seat-max,
#app-structures #seat-free,
#app-structures #seat-busy{
	text-align: right
}
#app-structures #users-count label,
#app-structures #seat-busy label,
#app-structures #seat-free label,
#app-structures #seat-max label,
#app-structures #invitation-pending label{
	color:#3a3a3a;
	font-weight: normal;
}

#app-structures #users-count label .value,
#app-structures #invitation-pending label .value,
#app-structures #seat-busy label .value,
#app-structures #seat-free label .value,
#app-structures #seat-max label .value {
	font-weight: 700;
    font-size: 14px;
}
#app-structures #invitation-pending label .value{
	color: #FF2128
}

/*#app-structures #seat-busy label,*/
#app-structures #seat-busy label .value{
	color: #37B9ED
}
#app-structures #seat-max label{
	font-weight: 600;
}
#app-structures .donut_single{
    position: relative;
	 width: 140px;
    height: 140px;
    margin: -20px auto;
	font-family: 'Monts', sans-serif;
	font-size: 12px;
}

#app-structures .chart{
    width: 140px;
    height: 140px;
 
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
}

#app-structures .labelOverlay {
    width: 90px;
    height: 45px;
    position: absolute;
    top: 50px;
    left: 27px;
    text-align: center;
    cursor: default;
	font-size: 1.5em;
}

#app-structures .labelOverlay p {
  line-height: 0.3;
  
  padding:0;
  margin-bottom: 16px;
}

#app-structures .labelOverlay p.seat-free {
  line-height: 0.5;
  font-size: 2em;;
  color: #3D3D3D;
  font-weight: 900;
}

#app-structures .labelOverlay p.seat-unit {
  line-height: 0.5;
  font-size: .8em;
  color: #707070;
  font-weight: 700;
}

#app-modal .modal-content{
	background-color: white;
	border: 10px solid rgba(55, 184, 237,.2);
	    letter-spacing: .08em;
}
#app-modal .modal-content .modal-title{
  font-family: 'Montserrat', sans-serif;
    font-weight: 800;
	font-size: 18px;
    margin-bottom: 00px;
    margin-top: 0;
	padding-left: 5px;
	color:#3a3a3a;
	text-align: center;
}
#app-modal .modal-content .modal-header{
	padding-bottom:0px;
	color: white;
	border-bottom: 0px;
}
#app-modal .modal-content .close{
	font-size: 2rem
}
#app-modal .modal-content .round-box-body{
	padding:20px;
	font-size: 14px;
	font-weight: 300;
}
#app-modal .modal-content label{
	text-align: left;
    display: block;
	font-size: inherit;
	margin-bottom: 0px
}
#app-modal .modal-content .value{
	font-weight: 500;
}

/* bs-switch */
.bs-switch {
    position: relative;
    display: inline-block;
	width: 40px;
    height: 23px;
}
.bs-switch input {
    display: none;
}
.bs-switch .slider.round {
    -webkit-border-radius: 34px;
    border-radius: 34px;
}
.bs-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}

.bs-switch .slider.round:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.bs-switch .slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}
.bs-switch input:checked+.slider {
    background-color: var(--global-color-main-base);
}

.bs-switch input:checked+.slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}

#app-structures .btn{ font-size: 12px}



#app-structures{
}

#structures{
    padding:0px;
    border-radius: 5px;
    background-color: #F7F7F7;
}
.filter{ 
	background-color: #F7F7F7;
	margin-bottom: 20px;
	border-radius: 5px;
	font-size:12px;
	letter-spacing: 0.08em;
}
 .filter h5{
	color:#3a3a3a;
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;	
	letter-spacing: 0.08em;
    margin-bottom: 1rem;
}
.filter h5 i.material-icons{
	font-size:15px
}
.filter .form-group{
	margin-bottom: 0;
}
.filter .form-group legend{
	padding-left: .75rem;
}
.filter input,
.filter select{
    font-size:1em;
    margin: 0px;
	letter-spacing: 0.08em;
}
.filter select option{
	font-size:14px !important;
	letter-spacing: 0.08em;
}
.filter-status li{ 
	margin-left:1em;
	vertical-align: text-top;
}
.filter-status input{ 
	vertical-align: text-top;
}

.mx-datepicker{
	/*
	width:auto!important;
	display: block!important;
	*/
	width: 49%!important;
	font-size: .9em!important;
}

#app-structures #app-loader,
#app-structures #app-content{

    padding:20px;
    border-radius: 5px;
    background-color: #F7F7F7;
}