@import url('https://fonts.googleapis.com/css?family=Questrial');


/* Attention, do not edit this file directly, please use the stylesheet editor in admin.
Any changes made here will be overwritten*/

* {
font-family:'Questrial', sans-serif;;
}
#login_logo {
background:url(Claires_white_logo.png);
height:80px;
background-size:auto;
background-repeat:no-repeat;
background-position:center;
}
#selected_employees_list {
margin:0px;
list-style:none;
padding:2px 0;
}
#selected_employees_list li:nth-child(even){
background:#fafafa;
}
#selected_employees_list li {
margin:5px 0;
}
#selected_employees_list li:nth-child(odd) {
background:#fff;
}
.bg-dark {
background-color:rgb(148,145,199) !important;
}
#dashboard .navbar-brand {
background-color:#553d94;
}
#dashboard .sidebar .nav-link.active,#dashboard .sidebar .nav-link:hover {
color:#fff;
background-color:rgb(148,145,199) !important;
}
.navbar-dark .navbar-nav .nav-link {
color:rgba(255,255,255,.8);
}
h2 {
color:#553d94;
}
h3 {
color:#9491c7;
font-size:1.5em;
}
h2 span {font-size:0.7em}
.btn-primary,.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
background-color:rgb(90,199,212);
border-color:rgb(91, 184, 195);
}
.btn-primary:hover {
background-color:rgb(5, 177, 190);
border-color:rgb(5, 177, 190);
}
.card .card-header .status-toggle.fa-toggle-on {
color:#553d94;
}
#signin {
background-color:#553d94;
color:#fff;
background-image:url('Claires_BG.png');
}
#dashboard .sidebar .nav-link {
	color:#553d94;
	background-position: center right;
	background-repeat: no-repeat;
}

#dashboard .sidebar .nav-link.nav-child {
	display:none;	
	background-color:#fdfdfd;
	font-size:0.95em;
	border-right: 1px solid #dfe0e1;
}


#dashboard .sidebar .nav-link.nav-child.vis {
	padding-left:35px;
	display:block;
	
}

.alternate:nth-child(even){
background:#eee;
}



.navbar.bg-dark {
background-image:url(Claires_white_logo.png);
background-repeat:no-repeat;
background-position:center;
background-size:auto 60%;
}
ul.listing li:hover,ul.listing li.active {
background:rgb(148,145,199);
}
#header-alert {
z-index:99;
}
#feedback {
background:#fff;
padding:10px;
border:1px solid #9491c7;
box-sizing:border-box;
}
td.label {
font-weight:bold;
text-align:right;
padding-right:3px;
}
.week_list div:nth-child(even) {
background:#f1f1f1;
}
.week_list div.active {
background:#553d94;
color:#fff;
}
.chat.chat_f {
margin-left:10%;
}
.chat.chat_t {
margin-right:10%;
}
.chat .chat_dt {
font-size:0.8em;
}
.chat .chat_copy {
padding:8px;
border-radius:10px;
}
.chat_f .chat_copy {
background:#f4f3ff;
}
.chat_t .chat_copy {
background:#f7f7f7;
}
#trigger_list_form .toggle_status {
font-size:30px;
color:#ccc;
cursor:pointer;
}
#trigger_list_form .toggle_status.fa-toggle-on {
color:#553d94;
}
.chat {
padding:8px 10px;
border-radius:15px;
margin-bottom:10px;
}
.chat.contact {
background:#eee;
margin-right:10%;
}
.chat.self {
background:#177db8;
margin-left:10%;
color:#fff;
}
.chat p {
margin-bottom:0px;
}
.chat span {
font-size:0.8em;
opacity:0.5;
}

.min-padding {
	padding-left:1px;
	padding-right:1px;	
}

.btn-chart {
    padding: 0.4rem 0.5rem;
}

.row {

    margin-right: -5px;
    margin-left: -5px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 5px;
    padding-left: 5px;
}

@media (min-width: 1600px) {
#feedback {
position:fixed;
top:60px;
right:0px;
width:600px;
height:80%;
overflow-y:scroll;
}

}

@media (min-width: 1200px) and (max-width: 1599px) {
#feedback {
position:fixed;
top:60px;
right:0px;
width:600px;
height:80%;
overflow-y:scroll;
}

}

@media (min-width: 980px) and (max-width: 1199px) {
#feedback {
position:fixed;
top:60px;
right:0px;
width:600px;
height:80%;
overflow-y:scroll;
}

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {
.navbar.bg-dark {
background-position:center 65px;
background-size:auto 25%;
}
#header-user {
width:auto;
}
#dashboard .sidebar-sticky {
padding-top:100px;
}
#header-alert {
position:fixed;
}
.card-header h1 {
clear:both;
}
td.label {
text-align:left;
}

}

@media (max-width: 480px) {

}