@charset "utf-8";

@media (min-width: 576px) { } /* sm */
@media (min-width: 768px) { } /* md */
@media (min-width: 992px) { } /* lg */
@media (min-width: 1200px) { } /* xl */

html, body { }

/* Fonts */
@font-face { font-family: "RobotoRegular"; src: url("Roboto-Regular.ttf") format("truetype"); }
@font-face { font-family: "RobotoMedium"; src: url("Roboto-Medium.ttf") format("truetype"); }
@font-face { font-family: "RobotoLight"; src: url("Roboto-Light.ttf") format("truetype"); }
@font-face { font-family: "RobotoBlack"; src: url("Roboto-Black.ttf") format("truetype"); }


/* Header section and nav *******************************************************************************************************/
#header .nav-item { padding:0; margin:0; text-align:center; }
#header .nav-link { font-family:RobotoRegular, Arial, sans-serif; color:#FFF !important; font-size:16px; line-height:20px; padding:0; margin:0; text-transform:uppercase; border-bottom:4px solid rgba(155, 116, 182, 1); }
#header .navbar-brand img { height:60px; }
#header .nav-link:hover { border-bottom:4px #FFFFFF solid; transition:border-bottom 0.2s ease; }
@media (min-width: 768px) { 
	#header .navbar-brand img { height:80px; }
	#header .nav-link { margin:0 0 0 30px; }
}


/* Body section *******************************************************************************************************/
#mainbody { padding-top:30px; padding-bottom:50px; }
@media (min-width: 768px) {
	#mainbody { padding-bottom:150px; }
}

/* Footer section *******************************************************************************************************/
#footer { color:#CCC; }
#footer p { margin-bottom:5px; color:#CCC; }
#footer h1 { font-size:18px; color:#CCC; margin:0 0 10px 0; font-weight:normal; font-family:RobotoLight, Arial; }
#footer a { color:#CCC; }
#footer a:hover { color:#FFF; }


/* Misc *******************************************************************************************************/
.date-picker { cursor:pointer; width:150px; background:#FFF !important; }

#wait { position:fixed; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.6); z-index:100000; display:none; justify-content:center; align-items:center; }
#wait div { width:200px; height:200px; padding-top:70px; margin:auto; text-align:center; color:#FFF; background-image:url(../images/loader.gif); background-repeat:no-repeat; background-size:60px 60px; background-position:center top; }