/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/
/*loading gif*/
#loader{
	z-index: 1000;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: wait;
	position: fixed;
	opacity: 0.6;
	background-color: rgb(0, 0, 0);
}
#loader > div{
	z-index: 1011;
	position: fixed;
	padding: 0px;
	margin: 0px;
	width: 30%;
	top: 40%;
	left: 35%;
	text-align: center;
	color: rgb(0, 0, 0);
	border: 3px solid rgb(170, 170, 170);
	cursor: wait;
	background-color: rgb(255, 255, 255);
}
#loader > div > h1{
	font-size: 33px;
}

.table-scrollable1 {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
margin: 10px 0 !important;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i, .page-sidebar .page-sidebar-menu > li > a > i {
   color: #555555;
}

body, h1, h2, h3 {
font-family: 'Helvetica Neue', 'Helvetica', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Arial', 'sans-serif'
}

select.supplier {
width: 80px;
}

span#calTitle {
    color: #555;
}

.portlet.calendar .fc-button {
    color: #555;
}

select.status {
width: 60px;
}

.column-5 {
	width:20%;
}

.portlet.box.red > .portlet-title {
	background-color:#428bca;
}

.portlet.box.green-meadow > .portlet-title {
	background-color: #FFFF66;
}

.portlet.box.red {
	border: 1px solid #428bca;
	background-color:white;
}

.portlet.box.red > .portlet-title > .actions .btn-default:hover {
	border: 1px solid #000;
	color: #000;
}

.portlet.box.red > .portlet-title > .actions .btn-default {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #fff;
    color: #fff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus  {
	background-color:#EEEEEE;
}

.portlet > .portlet-title > .caption,  .portlet.box.green-meadow > .portlet-title > .caption > i, .portlet.calendar .fc-button, .portlet.box.red > .portlet-title > .caption > i {
	
}

.portlet.calendar .fc-event .fc-event-title, .portlet.calendar .fc-event .fc-event-time {
	color:black;
}
.portlet.calendar .fc-button.fc-state-disabled  {
	color:black;
}

td {
	word-wrap:break-word;
}
.portlet.calendar .fc-widget-header, .fc-day-number, .fc-day-content, .portlet.calendar .fc-event .fc-event-title, .portlet.calendar .fc-event .fc-event-time {
	font-weight:900;
}

label {
	max-width:100%;
	word-wrap:break-word;
}

.row.slotRow {
    display: inline-flex;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}
	
.section_header {
	
    font-size: 24px;
    font-weight: 800;
    background-color: #4b8df8;
    width: 100%;
    padding: 5px 10px;
    color: #fff;

}

.calender_hover_content_title {
	display:block;
	color:grey;
}

.calender_hover_content {
	font-weight:800;
	color:black;
}

.button-next, .button-previous{
	display:none !important;
}

fieldset.fieldsetGroup {
    border-radius: 2px;
}

.dash{
	padding: 8px;
	text-align: center;
}

.nav-title {
	float: left;
    padding: 3px 20px;
    font-size: 16px;
    margin-right: 30px;
    color: #fff;
    margin-top: 13px;
}

.venueTabs .nav-title {
    background: #f3565d;
}
ul.nav.nav-tabs.venueTabs {
    border-bottom: 1px solid #f3565d;
}
.venueTabs>li.active>a,
.venueTabs>li.active>a:hover,
.venueTabs>li>a:hover {
    border-bottom-color: #f3565d;
}

.facilityTabs .nav-title {
    background: #89c4f4;
}
ul.nav.nav-tabs.facilityTabs {
    border-bottom: 1px solid #89c4f4;
}
.facilityTabs>li.active>a,
.facilityTabs>li.active>a:hover,
.facilityTabs>li>a:hover {
    border-bottom-color: #89c4f4;
}

.participantTabs .nav-title {
    background: #45b6af;
}
ul.nav.nav-tabs.participantTabs {
    border-bottom: 1px solid #45b6af;
}
.participantTabs>li.active>a,
.participantTabs>li.active>a:hover,
.participantTabs>li>a:hover {
    border-bottom-color: #45b6af;
}

.profile-pic	{
	width:25px
}