/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);*/

@font-face {
    font-family: 'GothamRoundedBold';
    src: url('../fonts/gothamrnd-bold.eot');
    src: url('../fonts/gothamrnd-bold.eot') format('embedded-opentype'),
         url('../fonts/gothamrnd-bold.woff') format('woff'),
         url('../fonts/gothamrnd-bold.ttf') format('truetype'),
         url('../fonts/gothamrnd-bold.svg#GothamRoundedBold') format('svg');
}
@font-face {
    font-family: 'GothamRoundedBook';
    src: url('../fonts/gothamrnd-book.eot');
    src: url('../fonts/gothamrnd-book.eot') format('embedded-opentype'),
         url('../fonts/gothamrnd-book.woff') format('woff'),
         url('../fonts/gothamrnd-book.ttf') format('truetype'),
         url('../fonts/gothamrnd-book.svg#GothamRoundedBook') format('svg');
}
@font-face {
    font-family: 'GothamRoundedMedium';
    src: url('../fonts/gothamrnd-medium.eot');
    src: url('../fonts/gothamrnd-medium.eot') format('embedded-opentype'),
         url('../fonts/gothamrnd-medium.woff') format('woff'),
         url('../fonts/gothamrnd-medium.ttf') format('truetype'),
         url('../fonts/gothamrnd-medium.svg#GothamRoundedMedium') format('svg');
}
/*@font-face {
    font-family: 'GothamRoundedLight';
    src: url('../fonts/gothamrnd-light.eot');
    src: url('../fonts/gothamrnd-light.eot') format('embedded-opentype'),
         url('../fonts/gothamrnd-light.woff') format('woff'),
         url('../fonts/gothamrnd-light.ttf') format('truetype'),
         url('../fonts/gothamrnd-light.svg#GothamRoundedLight') format('svg');
}*/

body { width:100%; min-height:100%; background:#ecedf0; font-family:'GothamRoundedBook', 'Open sans', arial; font-size:14px; color:#000; }

.loading-overlay {
	position:absolute;
	z-index:999;
	bottom:0; left:0; right:0;	 top:0;
	position:absolute;
	opacity:0.5;
	background:#FFF;
}

.bounce-loader {
    margin:-9px 0 0 -35px;
    text-align:center;
    width:78px;
    height:20px;
    line-height:20px;
    left:50%; top:50%;
    position:absolute;
    z-index:10000;
}
.bounce-loader .bounce1, .bounce-loader .bounce2, .bounce-loader .bounce3 {
    animation:1.4s ease-in-out 0s normal both infinite running bouncedelay;
    background-color:#0088CC;
    border-radius:100%;
    box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.15);
    display:inline-block;
    height:18px;
    width:18px;
	margin-right:4px;
}

.bounce-loader .bounce1 { animation-delay:-0.32s; }
.bounce-loader .bounce2 { animation-delay:-0.16s; }
.bounce-loader .bounce3 { margin:0; }
@keyframes bouncedelay {
	0%, 80%, 100% { transform:scale(0); }
	40% { transform:scale(1); }
}

.header {
	position:fixed; z-index:1000;
	height:60px;
	left:0; right:0; top:0;
	background:#FFF;
	border-bottom:1px solid #E9E9E6;
}
#logo img { margin:4px 0 0 10px; }

#user-box {
    display:inline-block;
	float:right;
    margin:12px 0 0 0;
    position:relative;
    vertical-align:middle;
}

#user-box figure { display:inline-block; vertical-align:middle; width:35px; }
#user-info { display:inline-block; vertical-align:middle; margin:0 25px 0 10px; }
#user-info .name, #user-info .role { display:block; font-size:0.9em; line-height:1.2em; }
#user-info .name { color:#000011; }
#user-info .role { color:#ACACAC; }

#mobile_menu { display:none; padding:20px 30px; }

#wrapper {
	/*padding-top:60px;
	table-layout:fixed;
    overflow:hidden;*/
    width:100%;
	/*min-height:100%;*/
}

#sidebar { position:fixed; bottom:0; left:0; top:60px; 	width:15%; }
#sidebar .sidebar-header { position:relative; color:#777; height:50px; }
#sidebar .sidebar-header .sidebar-title { background:#1D2127; }
#sidebar #menu-button { display:block; width:100%; color:#FFF; padding:15px 20px; font-size:1.1em; }
#menu-button:hover { color:#FFF; }

/* Min menu */
.min-sidebar { width:45px !important; }
.min-sidebar #menu-button { padding:15px 20px 15px 16px !important; }
.min-sidebar ul li a span { display:none !important; }
.min-sidebar ul li a { padding-left:8px !important; }
.min-main-section { margin-left:45px !important; }

#menu {
    position:relative;
    overflow:hidden;
    width:100%; height:100%;
	background:#1D2127;
	box-shadow:-5px 0 0 #2F3139 inset;
}

nav ul {
	margin-right:5px;
	padding-left:0;
	margin-bottom:0;
	list-style:none;
}

nav ul li { position:relative; display:block; }

nav ul li a {
	position:relative; display:block;
	font-size:1.1em; color:#abb4be;
	white-space:nowrap;
	padding:4% 4%;
}

nav ul li ul li a { padding:12px 25px 12px 50px; }
nav ul li ul li a:visited { text-decoration: none; }
nav ul li a:hover { color:#FFF; text-decoration:none; background-color:#3e4247; }

nav ul li.current a { box-shadow:2px 0 0 #0088CC inset; }
nav ul li a i { width:28px; text-align:center; }
nav ul li span { vertical-align:middle; }

nav ul li hr { margin:0; border-color:#3e4247; }

#tinynav1 {
	position:absolute;
	top:0px;
	background:red; }

#main-section {
	margin-left:15%;
    position:relative;
    vertical-align:top;
}

#main-section { }
#second-section { padding:80px 20px 10px; }

#message {
	text-align:center;
	background:#ecedf0;
	padding:8px 15px 10px;
	border-radius:0 0 5px 5px;
}
#message p { margin:0; }

#breadcrumbs {
	position:fixed; z-index:1000;
	left:15%; top:60px;
	width:85%;
	background:#1D2127;
	border-bottom:none;
	/*border-left:1px solid #3A3A3A;*/
	box-shadow:1px 3px 0 1px #CCCCCC;
	height:50px;
	padding:0;
}
#breadcrumbs h1 {
	color:#FFF;
    border-bottom:4px solid #0088CC;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    display:inline-block;
    float:left;
    height:50px;
    font-size:1.4em;
    line-height:50px;
    margin:0;
    padding:0 32px;
}
#breadcrumbs ol {
	display:inline-block;
	line-height:50px;
	margin:0 20px 0 0;
	padding:0;
}
#breadcrumbs ol li {
	color:#C3C3C3;
	display:inline-block;
	font-weight:300;
}
#breadcrumbs ol li:after {
    content:'/';
    display:inline-block;
    font-size:1.4rem;
    margin:0 10px;
    vertical-align:middle;
}
#breadcrumbs ol li:last-child:after { display:none; }
#breadcrumbs ol li a { color:#C3C3C3; }
#breadcrumbs ol li a:hover { text-decoration:none; color:#0088CC; }
#breadcrumbs ol li i { font-size:1.2em; vertical-align:middle; margin-right:4px; }

section.panel {
    margin-bottom:20px;
    background-color:#fff;
    border:1px solid transparent;
    border-radius:4px;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .05);
    box-shadow:0 1px 1px rgba(0, 0, 0, .05);
}

.panel-title {
    color:#33353F; font-size:1.3em; line-height:normal; text-transform:none;
    padding:0;
}

.panel-heading {
    background:#f6f6f6;
    border-radius:5px 5px 0 0;
    border-bottom:1px solid #DADADA;
    padding:15px;
    position:relative;
}
.panel-heading i { font-size:0.9em; margin-right:2px; }
.panel-heading .btn { font-size:13px; padding:5px 10px 4px; }

.panel-body {
	padding:15px 15px 0;
    background:#fdfdfd;
    -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);
    border-radius:5px;
}

.filters, .edit { padding:15px 15px 11px; }
.filters fieldset, .edit fieldset { margin:0; }
.filters .form-group, .edit .form-group { margin-bottom:5px; }
.filters .form-control, .edit .form-control { font-size:14px; }
.filters input[type=submit], .edit input[type=submit] { margin:0; }

fieldset { border:1px solid #DADADA; padding:20px 20px 5px; margin-bottom:20px; }

/*.help { padding-top:2px; font-size:0.9em; text-align:right; color:#8c8c8c; }*/

.help {
	display:none;
    position:absolute; z-index:1000;
    top:75px; left:0;
    max-width:100%;
    padding:15px;
    background:#FFF;
    font-size:0.9em;
    border-radius:5px;
    box-shadow:0 1px 3px #CCC;
    border:1px solid #DADADA;
}

.help p:last-child { margin:0; }
.help ul { margin-left:20px; }
.help ul li { list-style-type:disc; }

.help::before {
    content: "\25B2";
    position:absolute;
    top:-12px;
    left:20%;
    font-size:14px;
    line-height:14px;
    color:#DADADA;
    text-shadow:none;
    display:block;
}

h3 {
	display:inline-block;
	/*clear:right;
	right:0;*/
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background:#FFF;
	padding:12px;
	margin:0;
	font-size:0.9em; text-align:center;
}

h3 i { margin-right:5px; }

.panel-body h3 { background:#DADADA; font-size:0.9em; }

#add_link { position:fixed; bottom:0; right:1%; background:#000;}

table .fa { vertical-align:middle; font-size:1.2em; }
table a:hover { text-decoration:none; }

/*.add_button { font-size:2.8em; line-height:0; text-align:right; margin:0; }
.add_button a:hover { color:#333; }*/
.cancel { font-size:0.9em; margin-top:20px; }

#pagination { margin-bottom:15px; text-align:right; }
#pagination a, #pagination a:visited {
	border-radius:4px;
	display:inline-block;
	padding:8px 10px;
	font-size:1em; line-height:1em; text-decoration:none; text-align:center;
	border:1px solid #ddd;
}
#pagination a:hover, #pagination a.active { background:#f9f9f9; color:#333; }

#schedule_table td { position:relative; }
#schedule_table td:hover { cursor:pointer; background:#EEE; }
#schedule_table td.time:hover { cursor:default; background:#FFF; }
#schedule_table .time { height:40px; }

#schedule_table .tab { position:absolute; width:100%; height:40px; }
#schedule_table .event { position:relative; }
#schedule_table .event-detail {
	position:absolute; z-index:1000; width:100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:#47a447;
}

#schedule_table .event-body {
	display:block; position: absolute; width:100%;
  	left:0; top: 50%;
  	transform: translateY(-50%);
  	font-size:1em; color:#FFF; white-space:normal; text-align:center;
}
#schedule_table .place { font-size:0.9em; }
#schedule_table .fa { font-weight:bold; }

.process img { margin-bottom:30px; }
.table_fa { width:1px; }
.table_fa i { font-size:0.8em; }

/*************************************/
/* Login
/*************************************/
.body-sign {
	display:table;
	width:100%; height:100%;
	margin:0 auto;
	max-width:500px;
	padding:0 15px;
	margin-top:4%;
}

.body-sign .center-sign {
    display:table-cell;
    padding-top:20px;
    vertical-align:middle;
}

.body-sign .panel-sign { background:transparent; }

.body-sign .panel-sign .panel-title-sign .title {
    background-color:#0088CC;
    border-radius:5px 5px 0 0;
    display:inline-block;
    font-size:1.2rem;	font-weight:bold; color:#FFF; line-height:2rem;	text-transform:uppercase;
    padding:13px 17px;
	vertical-align:bottom;
	margin:25px 0 0 0;
}

.body-sign .panel-sign .panel-title-sign .title i { margin-right:5px; }

.body-sign .panel-sign .panel-body {
	background:#FFF;
	border-top:5px solid #0088CC;
	border-radius:5px 0 5px 5px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
	padding:8%;
}

.body-sign .copyright { font-size:0.9em; color:#999; }

/*************************************/
/* Bootscrap
/*************************************/

.btn { padding:6px 8px; }
p { margin-bottom:15px; }
ul { list-style:none; padding:0; }
*:focus { outline:0; }

.form-group { position:relative; }

.bg-success, .bg-warning, .bg-danger, .bg-info {
	padding:8px 15px; margin-bottom:15px;
	color:#FFF;
	border:1px solid;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.bg-success i, .bg-warning i, .bg-danger i, .bg-info i { margin-right:5px; }
.bg-success { background:#47a447; border-color:#388038; }
.bg-warning { background:#ed9c28; border-color:#d18211; }
.bg-danger { background:#d2322d; border-color:#a82824; }
.bg-info { background:#5bc0de; border-color:#31b0d5; }
.bg-success a, .bg-warning a, .bg-danger a, .bg-info a { color:inherit; font-weight:bold; }

.progress { margin:0; }

th { font-family:'GothamRoundedMedium'; }
.table { margin:-10px 0 15px; }
.table-bordered { margin-top:0; }

.blink {
  animation: blink-animation 3s steps(5, start) infinite;
  -webkit-animation: blink-animation 3s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

/*************************************/
/* Fancybox
/*************************************/

.mfp-content {
   /* width:70%!important;
	max-width:70%!important;*/
 }

#fancybox { background:#f9f9f9; padding:10px; }
#fancybox h1 { font-size:1.4em; margin:0 0 15px; }
#fancybox h2 { font-size:1.2em; margin:0 0 15px; }
#fancybox h3 { background:#DADADA; }

#fancybox fieldset { background:#FFF; }
#fancybox form { border:0; padding:0; }
#fancybox .form-group { margin-bottom:15px; }

#fancybox .process { padding:20px; font-size:1.1em; background:url('../pictures/design/paper.png'); }
#fancybox .process h2 { padding:20px 0 0; color:#F36548; }
#fancybox .process ul { margin-left:35px;  list-style:circle; }
#fancybox .process ul li { margin-bottom:8px; }
#fancybox .process ul li ul { margin-top:4px; }
#fancybox .process ul li ul li { margin-bottom:4px; } 
#fancybox .process span { color:#AAA; font-weight:normal; font-size:0.9em; }

/*************************************/
/* Jquery
/*************************************/

.ui-menu .ui-menu-item { font-family:'Open sans'; font-size:14px; }