body{
	width:100%;
	height:100%;
	background:url('../../img/background.jpg') right bottom no-repeat;
}
.container-fluid, .navbar-collapse{
	padding-left:0px;
}
.navbar-brand{
	margin:15px !important;
	padding:0px 15px 0px 0px !important;
	border-right:solid 1px #ccc;
	height:20px !important
}
.navbar-collapse .navbar-nav{
	margin:15px 0px !important;
}

.nav-level1{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.navbar{
	min-height:20px !important;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.separator hr{
	margin:5px 15px;
}

/* ------------------------------------------------------------------------------------------ */
.loginform{
	width:300px;
	height:300px;
	position:absolute;
	top:50%;
	margin-top:-150px;
	left:50%;
	margin-left:-150px;
}
.loginform .input-group{
	margin:15px;
}
/* ------------------------------------------------------------------------------------------ */
.main{
	margin:15px;
}
/*
th {
    background-color: #2e6da4;
    color: white;
    vertical-align:center;
    font-weight:normal;
    font-size:16px;
    text-align:center;
} 
table input, table select{
	width:100%;
	height:25px;
	line-height:25px;
	border:solid 1px #ccc;
	padding:0px 10px;
}
*/
.align-center{
	text-align:center !important;
}
.inline{
	display:inline !important;
	width:auto !important;
}
/* ------------------------------------------------------------------------------------------ */
.input-updating,.input-updating-success,.input-updating-error{position:relative}
.input-updating::before{ content:"\eb45";font-family:"boxicons";position:absolute;right:.8em;top:.68em;font-size:16px;animation-name: spin;animation-duration: 5000ms;animation-iteration-count: infinite;animation-timing-function: linear;}
.input-updating-success::before{ content:"\ea46";font-family:"boxicons";position:absolute;right:.8em;top:.68em;font-size:16px;color:var(--bs-success)}
.input-updating-error::before{ content:"\eac5";font-family:"boxicons";position:absolute;right:.8em;top:.68em;font-size:16px;color:var(--bs-danger)}
.input-updating-success::before, .input-updating-error::before{animation-name: fadeOut;animation-duration: 4000ms;animation-fill-mode: forwards;animation-iteration-count: 1;animation-timing-function: ease-out;}
@keyframes spin { from { transform:rotate(0deg);} to {transform:rotate(360deg);} }
@keyframes fadeOut { 0% { opacity: 1;}  80% { opacity: .9;} 100% { opacity: 0}}
@keyframes fadeIn { 0% { opacity: 0;} 80% { opacity: 0.1;} 100% { opacity: 1}}
/* ------------------------------------------------------------------------------------------ */