body { padding-top: 70px; margin-bottom: 60px;}
h3, .h3 { font-size: 21px; }
.top-buffer { margin-top:20px;}
.navbg { background-color: #008fd6 }

/* Headers */
.krossh1 { font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 4em; }
.krossh2 { font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 2em; }
.krossh4 { font-family: 'Roboto', sans-serif;font-weight: 900;font-size: 1.5em; }

/* Grid and layout */
.container-full { margin: 0 auto; width: 100%; }
.margin-bottom-default { margin-bottom: .7em!important; }
.margin-bottom-top-default { margin-bottom: .7em!important; margin-top: .7em!important; }
.margin-bottom-medium { margin-bottom: 1.4em!important; }
.margin-bottom-top-medium { margin-bottom: 1.4em!important; margin-top: 1.4em!important; }
.row div.separator { padding-top: 2.5em; }

/* Boxes */
.area { background: #ededed; }

/* Buttons */
.btn-margin-right-default { margin-right: .3em; }
span.close { font-size: 1.8em; line-height: 0; padding: .3em; }
span.close:hover { cursor: pointer; color: grey; }

/* Links */
.link { margin-top: .35em; cursor: pointer; font-weight: bold; font-size: 1em; }
.link.add { color: #5cb85c; }
.link.add:hover { color: #479947; }
.link.remove { color: #d9534f; }
.link.remove:hover { color: #ad3e3c; }

/* clickables */
.clickable:hover { cursor: pointer; }
tr.clickable:hover { }
i.clickable { font-size: 1.4em; }

/* table */
table tr.inactive { background: #ffd6d6!important; }
table tr.active td { background: #dff0d8!important; }

/* Navbar */
.scrollable-menu { height: auto; max-height: 200px; overflow-x: hidden; }
.navbar-inverse { background-color: #008fd6}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #008fd6}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #080808}
.nav .dropdown-menu { background-color: #ffffff}
.nav .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #032C3B}
.nav .navbar-inverse { background-image: none; }
.nav .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #008fd6}
.navbar-inverse .navbar-brand { color: #FFFFFF}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar { background: #fff; }
.navbar-inverse .navbar-nav>li>a { color: #ededed}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #ededed; }
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.nav .dropdown-menu>li>a { color: #2a6496; font-size: 1.1em; }
.nav .dropdown-menu>li>a:hover, .nav .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #ededed}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #ffffff}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #ededed}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #ffffff}
.navbar-toggle .icon-bar:nth-of-type(2) { top: 1px; }
.navbar-toggle .icon-bar:nth-of-type(3) { top: 2px;  }
.navbar-toggle .icon-bar { background-color: #2a6496; position: relative; transition: all 500ms ease-in-out; }
.navbar-toggle.active .icon-bar:nth-of-type(1) { top: 6px; transform: rotate(45deg); }
.navbar-toggle.active .icon-bar:nth-of-type(2) { background-color: transparent; }
.navbar-toggle.active .icon-bar:nth-of-type(3) { top: -6px; transform: rotate(-45deg); }

/* Login */
form.login { padding: 2.5em 1em 1em 1em; border-radius: 1.4em 1.4em;border: 1px solid #ededed;box-shadow: 6px 6px 9px #aaa; }
.modal-footer { padding: 15px 0!important; text-align: right; border-top: 1px solid #e5e5e5; }

/* datepicker */
.datepicker.datepicker-dropdown.dropdown-menu { background: #fff!important; }

/* Chosen select */
.chosen-container-active .chosen-choices { min-height: 34px!important; box-shadow: none!important; background-image: none!important; }
.chosen-container-multi .chosen-choices { min-height: 34px!important; padding: 3px 10px!important; border: 1px solid #ccc; border-radius: 4px; background-image: none!important; }


.bold { font-weight: bold; }
.green { color: #31c400; }
.yellow { color: #f4c300; }
.red { color: #c4001a; }

/* Support section */

@media only screen and (min-width: 990px) {
	.sw-open-right {
		right: 30%;
	}
}

@media only screen and (max-width: 1000px) {
	.switcher .sw-logo {
		display: none;
	}
	
	.switcher {
		height: 100%!important;
		width: 100%;
	}
}


.sw-open:hover {
	opacity: 0.35;
	
}
.sw-open {
	padding-top: 2em;
	/*position: fixed;*/
	width: 64px;
	height: 58px;
	bottom: -4px;
	transition: position 0.8s;
	/*opacity: 0.6;*/
	visibility: visible;
	background-image: url('../img/help-icon.png');/*url('../img/open.gif');*/
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.sw-open {
	z-index: 4096;
}
.sw-open-right {
	right: 50%;
}
.sw-no-transition {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.switcher .row.leading button {
	font-size: 40px
}

.switcher {
	display: none;
    position: fixed;
    bottom: 0;
    height: 50%;
    width: 100%;
    font-family: Arial, sans-serif;
    font-size: 13px;
    color: #fff;
    padding: 20px 0 20px;
    color: #333;
    background: #eaeaea;
    z-index: 9999;
    transition: all 1s;
    visibility: visible;
}
.switcher-right {
	
    /* right: 0; */
}
.switcher-left, .switcher-right {
    padding-left: 20px;
    padding-right: 20px;
    bottom: 0;
}
.download { margin-left: .5em; }
.download:hover { -ms-transform: scale(1.1, 1.1); /* IE 9 */ -webkit-transform: scale(1.1, 1.1); /* Safari */ transform: scale(1.1, 1.1); }