html {
	font-size: 0.9rem;
	margin: 0;
	padding: 0;
}

.body-bg-color {
	background-color: #f8f9f9;
}

header {
	margin-bottom: 50px;
	overflow: hidden;
	position: fixed;
	z-index: 1000;
}

footer {
	overflow: hidden;
	position: fixed;
	z-index: 1000;
}

main {
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0;
	z-index: 100;
}

.bg-color-white {
	background-color: #ffffff !important;
}

.bg-color-light-grey {
	background-color: #fbfcfc !important;
}

.color-bg-grey {
	color: #f8f9f9 !important;
}

.bg-color-dark-grey {
	background-color: #34495e !important;
}

.bg-color-dark-grey:hover {
	background-color: #5d6d7e !important;
}

.color-dark-grey {
	color: #34495e !important;
}

.color-dark-grey:hover {
	color: #5d6d7e !important;
}

.color-black {
	color: #000000 !important;
}

.bg-color-dark-red {
	background-color: #922b21 !important;
}

.bg-color-dark-red:hover {
	background-color: #c0392b; /* 2 astetta vaaleampi. */
}

.bg-color-dark-green {
	background-color: #00CC00 !important;
}

.bg-color-dark-green:hover {
	background-color: #00FF00 !important; /* 2 astetta vaaleampi. */
}
.color-light-grey {
	color: #fbfcfc !important;
}

.color-dark-green {
	background-color: #00CC00 !important;
}

.color-dark-green:hover {
	background-color: #00FF00 !important; /* 2 astetta vaaleampi. */
}

.color-dark-red {
	color: #922b21 !important;
}

.color-dark-red:hover {
	color: #c0392b !important; /* 2 astetta vaaleampi. */
}

.icon-holder {
	margin-right: 5px;
}

.icon-holder-single {
	margin-left: 5px;
	margin-right: 5px;
}

.icon-holder-menu {
	width: 50px;
	text-align: left;
}

.mouse-pointer {
	cursor: pointer;
}

.text-color-dark-grey {
	color: #34495e;
}

.text-color-dark-red {
	color: #922b21;
}

.text-color-light-grey {
	color: #fbfcfc;
}

.text-color-light-white, .text-color-light-white:hover {
	color: #ffffff;
}

.bg-color-nav, .bg-color-nav:hover {
	background-color: #1b3156;
}

.fs-600 {
	font-size: 6em;
}

.fs-600-lh-small {
	line-height: 4em;
}

.fs-500 {
	font-size: 5em;
}

.fs-500-lh-small {
	line-height: 3em;
}

.fs-300 {
	font-size: 3em;
}

.fs-300-lh-small {
	line-height: 1em;
}

.fs-330 {
	font-size: 3.3em;
}

.fs-330 {
	font-size: 3.3em;
}

.fs-350 {
	font-size: 3em;
}

.fs-350-lh-small {
	line-height: 1em;
}

.fs-200 {
	font-size: 2em;
}

.fs-200-lh-small {
	line-height: 1em;
}

.fs-170 {
	font-size: 1.7em;
}

.fs-150 {
	font-size: 1.5em;
}

.fs-150-lh-small {
	line-height: 1.3em;
}
	
.fs-110 {
	font-size: 1.1em;
}

.fs-120 {
	font-size: 1.2em;
}

.fs-120-lh-small {
	line-height: 0.9em;
}

.fs-80 {
	font-size: 0.8em;
}

.fs-75 {
	font-size: 0.75em;
	line-height: 0.75em;
}

.fs-70 {
	font-size: 0.7em;
	line-height: 0.7em;
}

.fs-50 {
	font-size: 0.5em;
}

.nav-tabs > li > button {
	color: #922b21;
}

.nav-tabs > li > button:hover {
	color: #c0392b;
}

.nav-tabs > li > button.active {
	color: #922b21;
}

.nav-tabs > li > button.active:hover {
	color: #000000;
}

.confirm-button {
	width: calc(50% - 20px);
}

.no-borders {
	border: none;
}

.w-98 {
	width: 98;
	margin-right: 1%;
	margin-left: 1%;
}

.w-48 {
	width: 48%;
	margin: auto;
}

.w-33 {
	width: 31%;
	margin-left: 1%;
	margin-right: 1%;
}

.w-30 {
	width: 30%;
}

.w-70 {
	width: 70%;
}

.link-text {
	cursor: pointer;
	color: #2980b9;
	font-weight: bold;
	font-size: 0.8em;
}

.link-text:hover {
	cursor: pointer;
	color: #1f618d;
	font-weight: bold;
}

.left-button-panel {
	width: 300px;
}

.main-content-panel {
	width: auto;
}

.sidebar {
	width: 260px;
}
.sidebarWide {
	width: 300px;
}

.scrollable {
	overflow: auto;
}

.pivot-cell {
	height: 20px !important;
}

.card-body-content-wide {
	width: calc(100% - 315px);
}

.card-body-content-full {
	width: calc(100% - 20px);
}

.underline {
	text-decoration: underline;
}

.bg-color-light-blue {
	background-color: #f8f9f9 !important;
}

.bg-color-light-blue:hover {
	background-color: #e3e8e8 !important;
}

.android-color {
	color: #3DDC84
}

.raspberry-color {
	color: #BC1142
}

.list-style-none {
	list-style-type: none;
}

.rancho {
	font-family: 'Rancho', serif;
}

.color-mailiot-blue {
	color: #1b3156 !important;
}

.color-mailiot-red {
	color: #e63a16 !important;
}

.border-mailiot-blue {
	border: solid 2px #1b3156;
	border-radius: 5px;
}

.bg-color-mailiot-blue {
	background-color: #1b3156 !important;
}

.bg-color-mailiot-red {
	background-color: #e63a16 !important;
}

.btn:hover {
	font-weight: bold;
	color: #ffffff !important;
}

button:disabled, button[disabled]{
    color: #fbfcfc !important;
    cursor: not-allowed !important;
}

.drag-and-drop {
	background-color: #f8f9f9 !important;
	border: 2px solid #e3e8e8;
}

.draggable {
    cursor: move; /* fallback: no `url()` support or images disabled */
    cursor: url(images/grab.cur); /* fallback: Chrome 1-21, Firefox 1.5-26, Safari 4+, IE, Edge 12-14, Android 2.1-4.4.4 */
    cursor: grab; /* W3C standards syntax, all modern browser */
}

.draggable:active {
    cursor: url(images/grabbing.cur);
    cursor: grabbing;
}

.nps-radio {
	display: none;
}

.nps-radio:checked {
	border: 1px solid red;
}

.color-status-1 {
	color: #ff8b60 !important;
}

.color-status-2 {
	color: #ffb246 !important;
}

.color-status-3 {
	color: #ffd84c !important;
}

.color-status-4 {
	color: #a9d78c !important;
}

.color-status-5 {
	color: #6bc8a3 !important;
}

.modal-open .datepicker {
    left: 52% !important; 
    top: 25% !important;
}