/* GENERAL STYLES */

body, html {
	font-weight: 100;
    color: #717171;
    min-height: 100%;
    height: 100%;
    max-height: 100%;
}

@font-face{
	font-family:'google';
	src:url('../fonts/google.ttf');
}

.wrapper {
	display: flex;
	align-items: stretch;
	min-height: 100%;
	min-height: 100vh;
	margin-bottom: 0;
	padding: 0;
	border-radius: 0;
}

.vertical-center {
	min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)       */
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.container-with-header {
	padding-top: 55px;
}

.text-muted {
	color: #9ea5ab !important;
}

/* BUTTONS STYLES */

.btn {
	border-radius: 10px;
	border-color: transparent;
}

.btn-primary, .leaflet-container .btn-primary {
	color: #fff;
	background-color: #036920;
	border-color: #025f1f;
}

.leaflet-container {
  font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif
}

.leaflet-container .btn-danger {
	color: #fff;
}

.btn-primary:hover, .leaflet-container .btn-primary:hover {
	background-color: #69b522;
	border-color: hsla(92, 68%, 38%, 1);
}

.btn-primary:disabled {
	background-color: #69b522;
	border-color: hsla(92, 68%, 38%, 1);
}

.btn-secondary, .leaflet-container .btn-secondary {
	color: #036920;
	background-color: #dfdfdf;
}

.btn-secondary:hover, .leaflet-container .btn-secondary:hover {
	background-color: #69b522;
	border-color: hsla(92, 68%, 38%, 1);
	color: #fff;
}

.btn-light, .nav-link.btn-light, a, .btn.btn-link {
	color: #036920;
}

/* HEADER STYLES */

header#main-header {
	max-height: 55px;
	height: 55px;
	position: fixed;
	background: #fff;
	min-width: 100%;
	z-index: 100;
	background-color: #fff;
	border-bottom: 4px solid #e9ecef;
}

header#main-header > div {
	background-color: #fff;
	border-bottom: 1px solid #dfdfdf;
}

header#main-header .navbar {
	padding: 3px 1rem;
	padding-bottom: 5px;
	height: 55px;
}

/* DROPDOWN STYLES */

.dropdown-menu {
    border-radius: 10px;
    margin-top: 5px;
    padding-top: 0px;
    left: -1px;
}

.dropdown-menu .dropdown-item {
	color: #717171;
	padding: .5rem 1.5rem;
}

.dropdown-item:active {
	color: #fff;
	background-color: #69b522;
	border-color: hsla(92, 68%, 38%, 1);
}

.dropdown-menu .dropdown-item.dropdown-title {
	background-color: #dfdfdf;
	border-radius: 9px 9px 0px 0px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	/* margin-bottom: 0.5rem; */
}

.form-control::-webkit-input-placeholder {
  color: #bbb;
}  /* WebKit, Blink, Edge */

.form-control:-moz-placeholder {
  color: #bbb;
}  /* Mozilla Firefox 4 to 18 */

.form-control::-moz-placeholder {
  color: #bbb;
}  /* Mozilla Firefox 19+ */

.form-control:-ms-input-placeholder {
  color: #bbb;
}  /* Internet Explorer 10-11 */

.form-control::-ms-input-placeholder {
  color: #bbb;
}

img#spaceag-top-nabvar-brand {
	width: 150px;
	position: relative;
	top: -1px;
}

/* LOADER STYLES */

div#loader {
    background: hsla(0, 0%, 0%, 0.75);
    width: 100%;
    z-index: 1005;
    border-radius: 0px;
    position: fixed;
    min-height: 100%;
    display: none;
}

div#loader .row {

}

div#loader #loader-spinner-label {
	color: #999;
	position: relative;
    top: 25px;
}

div#loader #loader-spinner, #loader-spinner {
    color: #999;
    position: absolute;
    font-size: 40px;
    margin-top: -20px;
    margin-left: -20px;

    /*-webkit-animation-name: spin;*/
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;

}

.spinner {
	/*-webkit-animation-name: spin;*/
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 1000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 1000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.spining-item {
	/*-webkit-animation-name: spin;*/
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 1000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 1000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;

}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/* ICONS STYLES */

i.right-margin {
	margin-right: 3px;
}

i.left-margin {
	margin-right: 3px;
}


.dropdown-header {
    color: hsla(208, 7%, 65%, 1);
    background: #e9ecef;
}

.btn.btn-secondary.btn-gray-text {
    color: #717171;
}

.btn.btn-secondary.btn-gray-text:hover {
    color: #ffffff;
}

.btn.btn-secondary.btn-gray-text:disabled, .btn.btn-secondary.btn-gray-text.disabled {
    color: #fff;
}

.leaflet-container a {
    color: #036920;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background-color: #69b522;
	border-color: hsla(92, 68%, 38%, 1);
}

#not-compatible-browser-sign {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 9999;
}

#not-compatible-browser-sign.show {
	display: flex;
}

#not-compatible-browser-sign .browser-icon {
    font-size: 4em;
}

.text-transform-none {
		text-transform: none !important;
}

.transparent-bg {
	background-color: transparent;
}

.highlight {
  background-color: yellow;
}

.dropdown-item-list {
    max-height: 500px;
    overflow-y: auto;
}

.btn.btn-loading i.spining-item {
	display: none;
	font-size: 1.5em;
}

.btn.btn-loading span.btn-content {
	display: block;
}

.btn.btn-loading.loading i.spining-item {
	display: block;
}

.btn.btn-loading.loading span.btn-content {
	display: none;
}

div#crop-selection-menu {
    position: relative;
    left: 11vh;
}

.dropdown-menu.dropdown-menu-right {
    right: 0px;
    left: auto;
}

/* NPS */

div#nps-questionaire ul.nps-scores-list.list-group.list-group-horizontal {
    flex-direction: row;
}

div#nps-questionaire h6#nps-title {
    width: 100%;
    margin-bottom: 10px;
}

li.nps-score-item.list-group-item {
    padding: 8px 0px;
    margin: 3px;
    font-size: 0.9em;
    text-align: center;
    font-weight: 500;
    background: #036920;
    border: none;
    border-radius: 4px;
    min-width: 35px;
}

div#nps-questionaire {
    background: #fff;
    padding: 5px 0px 30px 0px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

a.nps-score-btn {
    color: #fff;
    padding: 0px 10px;
}

li.list-group-item.scale-indicator-item {
    border: none;
    padding: 0px;
    position: relative;
    top: 8px;
    margin: 0px 5px;
}

div#nps-questionaire a.close-btn {
    float: right;
    padding: 5px 15px;
    margin-right: 5px;
    color: #9b9b9b;
}

div#nps-questionaire a#send-feedback {
    margin-top: 15px;
}

a#send-feedback {
    margin-top: 15px;
}

textarea#nps-feedback-text {
    max-width: 65%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

div#nps-questionaire .step-container {
	display: none;
}

div#nps-questionaire .step-container#nps-questionaire-step-1 {
	display: block;
}

div#new-rv-questionaire {
	bottom: 15px;
  left: 25px;
}


::-webkit-scrollbar-track
{
    border-radius: 10px;
    background-color: rgba(245, 245, 245, 0.5);
}

::-webkit-scrollbar
{
    width: 8px;
    background-color: transparent;
    height: 8px;
}

::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    background-color: hsla(0, 0%, 60%, 1);
}

/* API CALL BUTTON */

.api-call-btn-group {
    position: relative;
}

.api-call-btn-group .alerts-container {
	position: absolute;min-width: 400px;margin: 15px 0px;right: 0px;
}

.api-call-btn-group .btn.btn-api-call .default-label {
	display: block;
}

.api-call-btn-group .btn.btn-api-call.loading .default-label {
	display: none;
}

.api-call-btn-group .btn.btn-api-call .loading-label {
	display: none;
}

.api-call-btn-group .btn.btn-api-call.loading .loading-label {
	display: block;
}

/* Label to hide a part of an Vue.js app until it has been mounted  */
[v-cloak] { display: none; }