@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/

body {
	background: #f7f7f7;
	background-position: center center;
	background-size: cover;
	background-repeat: repeat;
	font-size: 14px;
	color: #555;
	font-family: 'Open Sans', sans-serif;
	font-kerning: normal;
	font-weight: normal;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	overflow-x: auto; /*this have to be set to 'auto' due to jquery ui!*/
	padding-top: 50px;
	min-height: 100vh;
	position: relative;
}

@media (max-width: 991px) {
	body {
		font-size: 12px;
	}
	.form-control {
		font-size: 11px;	
	}
}

small, .small {
	font-size: 80%;
}

h1, h2, h3, h4, h5 {
	line-height: 1.5;
	font-family: 'Open Sans', sans-serif;
	Xfont-family: 'Roboto', sans-serif;
}

h1, h2 {
	margin-top: 35px;
	margin-bottom: 20px;
}

hr {
	margin: 35px 0;	
}

.input-group {
	display: inline-table;
	line-height: 1; 
}

.input-group-addon {
	background: rgba(255,255,255,0.01);
}

.navbar input[type=text]:disabled + .input-group-addon {
	background: #eee;
	
}

.navbar input[type=text] + .input-group-addon {
	border-left: 0;
}

.navbar .input-group-addon + input[type=text] {
	border-left: 0;
}

.navbar .input-group.calendar button[type=button] {
	padding: 6px;
    color: #444;
    border-right: 0;
}

.navbar .input-group.calendar ul.dropdown-menu {
	margin-top: -1px;
    margin-right: -1px;
    border-top-right-radius: 0;
}

.container {
	position: relative;
}

@media (min-width: 1400px) {
	.container {
    	width: 1370px;
	}
}

.clear {
	clear: both;
}

.left {
	float: left;
}

.right {
	float: right;
}

.text-right, .ta-right {
	text-align: right;
}

.uppercase, .ta-upper {
	text-transform: uppercase;
}

.faded {
	opacity: 0.7;
}

.faded-more {
	opacity: 0.5;
}

.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.alert {
	margin-bottom: 5px;
}

a {
	color: #222;
}

a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}

a[name]:not(.btn) { 
    margin-top: -230px;
    margin-bottom: 230px;
    display: block;
}

@media (max-width: 991px) {
	a[name]:not(.btn):not([name^="template"]) {
	    margin-top: -100px;
    	margin-bottom: 100px;
	}
}

p {
    margin: 0;
}

label[for],
[onclick] {
	cursor: pointer;
}

.btn-primary {
	background-color: #21394c;
	border-color: #222;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #111;
	border-color: #000;
	transition: 0.2s all;
}

.notfound, .not-found  {
	padding-top: 50px;
	padding-bottom: 100px;
}

.row {
    margin-right: -6px;
    margin-left: -6px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 6px;
	padding-right: 6px;
}

.glyphicon-spin,
a[disabled] .disabled-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

textarea[textautoresize] {
	transition: 0.2s height;
}

.table {
	font-size: 90%;
}

.table-default > tbody > tr > td:last-child {
	text-align: right;
}

table.last-col-left tr td:last-child {
	text-align: left;
}

.form-control:focus {
    border-color: #555;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(175 175 175 / 60%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(163 163 163 / 60%);
}

*[data-edit-template] {
	margin: -4px -45px 1px -1px;
	padding: 4px 8px 3px 8px;
	position: relative;
	float: left;
	z-index: 99;
	opacity: 0.5;
	transition: 0.4s all;
}
*[data-edit-template]:hover {
	opacity: 1;
	transition: 0.4s all;
	color: black!important;
}

[data-edit-template] + [class^="edit-template-"] + [class^="t"] {
	min-height: 32px;
}

[class^="edit-template-"] iframe body {
	background: rgba(255, 255, 255, 0.3);
}

.form-control {
	margin-bottom: 2px;
}

.form-horizontal .control-label {
	color: #777;
	text-align: left;
}

.form-group {
	margin-bottom: 4px;
}

.form-group-header {
	opacity: 0.7;
	line-height: 0.1;
	font-size: 80%;
} 

.toggle-hide {
	display: none;
}

.dropdown-menu {
	min-width: 68px;
}

.highlighted {
	background: rgb(255 255 137 / 70%);
}

.alert.recovery-alert {
    margin-top: 61px;
    margin-bottom: 5px;
    position: fixed;
    width: 100%;
    padding: 8px 16px;
    z-index: 65535;
}

@media (max-width:767px) {
	.alert.recovery-alert {
		margin-top: 52px;
	}
}

@media (max-width:285px) {
	.alert.recovery-alert {
		margin-top: 102px;
	}
}