:root{
    --background-color:#0780C5;
    --text-color:#FFFFFF;
    --secondary-text-color:#383B1D;
    --highlight-color:#CDDDE8;
    --dark-highlight-color:#b4c4cf;
    --darker-highlight-color:#9babb6;
    --secondary-background-color:#ED212A;
}

	/* only variable associated css rules */
.section-header .title,.section-bottom-links a,#remember_me_checkbox{
    color: var(--text-color) !important;
}
.section-area{
	background-color: var(--background-color);
	color: var(--text-color);
}
.username,.name .caret{
	color: var(--text-color);
}
#sidebar ul li.menu-element{
	color:var(--text-color);
}
#sidebar ul li.menu-element.active,.add_ticket_button span{
	color:var(--secondary-text-color) !important;
}
.highlightBackground,.form-group.sb-search-open .search-label, 
.no-js .sb-search .search-label,.add_ticket_button {
	background-color:var(--highlight-color) ;
    border: 1px solid var(--dark-highlight-color);
    box-shadow: 0 0 4px 0px rgba(111,111,111,0.5);
}
.highlightColor{
	color:var(--highlight-color) ;
}
#apps_button a{ 
	color:var(--text-color) !important;
}
#sidebar .sidebar-header{
	border-bottom:2px solid var(--highlight-color) !important;
}
.ribbon span{
	background:linear-gradient(var(--highlight-color) 0%, var(--highlight-color) 100%);
	color:var(--secondary-text-color) !important;
}
.btn-switch.active{
	background-color:var(--highlight-color) !important;
    border:1px solid var(--highlight-color);
    color:var(--secondary-text-color) !important;
}

.btn-switch{
    font-weight: 900;
	border:1px solid var(--highlight-color);
}
.image-area{
	background-color:#e7e7e7;
}

#main-nav,#registration_modal .modal-content {
    background-color: var(--background-color);
}
.search-label,#sidebar ul li:hover span{
	color:var(--secondary-text-color) !important;
}
#form_login button i,#form_forgot_password button i,#registration_modal .modal-body button i,#form_forgot_password p,.autocomplete ul a{
	color:var(--secondary-text-color) !important;
}
#form_reset_password p:not(.valid .invalid){
	color:var(--text-color);
}
#form_login button:hover,#form_forgot_password button:hover{
	border:1px solid var(--darker-highlight-color);
}
#form_login button i{
    color:var(--secondary-text-color);
}
#form_login button,#form_forgot_password button,#registration_modal .modal-body button{
	color:var(--secondary-text-color);
	background:var(--highlight-color);
	border:1px solid var(--darker-highlight-color);
}
#sidebar{
	background:var(--secondary-background-color);
}
.menu-element.active,.menu-element:hover{
	background:var(--highlight-color) !important;

}

.fl-table td {
    font-size: 12px;
	color:var(--text-color);
	color:black;
}


.fl-table tbody td {
color:black !important;
}
#sidebar .sidebar-header h3{
    color:var(--secondary-text-color) !important;
}
#sidebar .sidebar-header,.autocomplete ul,.add_ticket_button:hover{
    background: var(--dark-highlight-color);
    color:var(--secondary-text-color);
}
.bg-hightlight-color{
	background-color:var(--highlight-color) !important;
	border:1px solid var(--highlight-color);

}
.fl-table {
    border:1px solid var(--dark-highlight-color);
}
.fl-table thead th {
    background-color: var(--highlight-color);
    color:var(--secondary-text-color) !important;
    
}