@charset "UTF-8";

/* CSS for dynamic style */

/* font color
---------------------------------*/
.f_light {
    color: #BBB;
}
.f_dark {
    color: black;
}
.f_comp {
    color: #fe7200;
}

/* background color
---------------------------------*/
.b_light {
    background-color: #BBB;
}
.b_dark {
    background-color: black;
}
.b_comp {
    background-color: #fe7200;
}
.b_trans {
	background-color: rgba(254, 114, 0, 0.1);
}

/*  Pagination
---------------------------------*/
#content_pagination li{
	color: #fe7200;
	border-color: #fe7200 !important;
}
.circle_pagination_ov {
	background-color:#fe7200;
}
.li-circle.b_comp,
ul.pagination li.active a {
	background-color: #fe7200;
	color: #ffffff !important;
}

/* Navbar V2
---------------------------------*/
.b_comp #navbar-send .navbar_block {
	background-color: #fe7200;
}
.topic-name:hover,
.b_comp #navbar-browseby .filter:hover, 
.b_comp #navbar-sortby .filter:hover,
.b_comp #navbar-media .filter:hover,
.b_comp #navbar-ce_id .filter:hover,
.b_comp .suggestion:hover,
.b_comp .ddc-left .selected {
	background-color: #fe7200; 
	color: #ffffff;
}
.keyword{ 
    background-color: #fe7200 !important;
}
.ui-state-active{
	 background-color: #fe7200 !important;
}
.b_comp #date_from_li:focus,
.b_comp #date_to_li:focus{
    color: #fe7200 !important; 
    border-color: #fe7200 !important;
    background-color: #FFF;
}

/* Header Login
---------------------------------*/
.b_dark{
 	background-color: black;	
}
.b_comp{
	background-color: #fe7200;
}
.b_light{
	background-color: #BBB;
}
.b_red, .b_red .inblock{
	background-color: #f10000;
}
.b_white{
	background-color: #E6E6E6;
}
.b_white .inblock{
	background-color:#FFF;
	color: #999;
}
.b_grey{
	background-color: #E7E7E7;
}
.b_grey .inblock{
	background-color:#E7E7E7;
	color: #999;
}
.top-panel-active{
	border-top-color: #fe7200 !important;
}
.top-panel-block:hover .top-panel-hover{
	background-color: #fe7200 !important;
}

/* other style
---------------------------------*/
.b_comp .inblock{
	background-color: #fe7200;
	color: #ffffff;
}
.b_comp.button, .b_comp .type{
	background-color: #fe7200;
}
.b_light.button, .b_light .type{
	background-color: #BBB;
}
.b_dark input{
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
.s_input.b_dark{
	border-width: 1px;
	border-style: solid;
	border-color: transparent #BBB #BBB transparent;
}
.f_light.my_name{
	border-width: 1px;
	border-style: solid;
	border-color:  transparent #BBB #BBB transparent;
}
.f_light.my_name div{
	border-width: 1px;
	border-style: solid;
	border-color: black;
}
.top-panel-left{
	background-color: #fe7200;
	border-color: #fe7200;
}
.chapter-active{
	border-color: #fe7200 !important;
}
.btn-module i{
	background-color: #fe7200 !important;
}
.btn-comp, .btn-comp:hover{
	border: none !important;
	background-color: #fe7200 !important;
	color: #ffffff !important;
}

/* Dynamic Conference Color
----------------------------------*/
.conference_event .mwc-btn,
.conference_event .mwc-active .curriculum-bar *{
    color: #;
}
.c100.comp .bar, .c100.comp .fill {
  border-color: #fe7200 !important;
}
.conference_event .curriculum-submit,
.conference_event .curriculum-header,
.conference_event .mwc-expand,
.conference_event .mwc-collapse,
.conf-b-color,
.conf-b-color .inblock{
    background-color: #;
}
.conference_event .mwc-active,{
    border-color: # !important;
}
.conference_event .tabs-name{
	background-color: #fe7200;
	color: #ffffff;
}
.other-button a{
	background-color: #fe7200;
}
.btn-form{
	background-color: #fe7200;
	border: 1px #fe7200 solid;
	color: #ffffff;
}
.btn-form:hover{
	background-color: #cccccc;
	color: #444444;
}

/* date picker
----------------------------------*/
.dtpicker-button{
	background-color: #fe7200 !important;
}

/* portal manager dynamic styles
----------------------------------*/
.b_admin{
	background-color: #80979F !important;
}
#news a.options{
	background-color: #80979F !important;
}
.manager-heading .return{
	background-color: #80979F;
}
.btn-submit{
	background-color: #80979F !important;
	color: #ffffff !important;
}
#news ul li{
	box-sizing: content;
	border-color: #80979F !important;
}
.btn-dark{
	background-color: black !important;
}
pre{
	border-left-color: #80979F !important;
}
.list-group-item.active{
	background-color: #80979F !important;
	background-image: none !important;
}
@media (min-width: 767px) {
	.dropdown-menu li.unlock a:hover,
	.dropdown-menu li.unlock a:hover i{
		background-color: #80979F !important;
		background-image: none !important;
		color: #ffffff !important;
	}
}

/* Mobile App
----------------------------------*/
#webview-page .arrow-down {
	border-top-color: #b14f00 !important;
}