@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600");
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap');
/* -------------------------------------------------------------------------------------------------

*** MAIN THEME OVERRIDES

   ------------------------------------------------------------------------------------------------- */

/*** BODY */
body  {
  font-family: 'Roboto', sans-serif;
  //font-family: "Maven Pro", sans-serif;
  font-size: 12px;
  color: #444754; //#676a6c;
}

.wrapper-content {
  margin-bottom:100px;
  padding-top:10px !important;
}

/*** LOGO */
.logo-name {
  color: #e6e6e6;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: -0px;
  margin-bottom: 0;
}

.middle-box h1 {
  font-size: 100px !important;
  color: #444754 !important;
}


/* -------------------------------------------------------------------------------------------------


MOOR


   ------------------------------------------------------------------------------------------------- */
.moor-input{
	background: #E4E7EF!important;
	color: #CC0000!important;
	border:0px;
	font-size: 16px!important;
	line-height:22px;
	font-weight: 200!important;
	text-align: center;
}

/* -------------------------------------------------------------------------------------------------


SLIDERS


   ------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------
SLIDER BODY: HANDLE
   ------------------------------------------------------------------------------------------------- */
.slider-body{
	height:100% !important;
	overflow-y: scroll;}
.slider-body{
	//background: #508FFC!important;
	//color: #fff;
	padding: 0px 10px 0px 10px;
	line-height: 20px;
	margin-top:1px;
}
#slider_right_content{
	/*background: #508FFC!important;
	padding:50px;*/
}
/* -------------------------------------------------------------------------------------------------
SLIDER.RIGHT: HANDLE
   ------------------------------------------------------------------------------------------------- */
#slider_right .handle{
	  left: 10px;
	  //padding: 10px; 8px;
	  position: absolute;
	  top: 5px;
	  width: 50px;
	  cursor: pointer;
	  z-index:1;

}
/* -------------------------------------------------------------------------------------------------


*** MAIN THEME NEW ELEMENTS: BTN-OPTS


   ------------------------------------------------------------------------------------------------- */
/* base style (colors) */
.btn-opts, .btn-opts-txt{
  color: #23c6c8;
  background-color: #FFF;
  border: 3px solid #BCE6EA !important;
  margin-right:2px; margin-bottom:2px;
}
.btn-opts:hover,
.btn-opts:focus,
.btn-opts.focus,
.btn-opts-txt:hover,
.btn-opts-txt:focus,
.btn-opts-txt.focus {
  background-color: #23c6c8;
  border-color: #23c6c8;
  color: #FFF;
}
/* btn-opts - size style*/
.btn-opts {
  width: 35px;
  height: 35px;
  padding: 6px 0;
  border-radius: 18px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-opts.btn-xs {/* da implementare */}
.btn-opts.btn-md {/* da implementare */}
.btn-opts.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  border-radius: 25px;
  font-size: 18px;
  line-height: 1.33;
}
.btn-opts.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  border-radius: 35px;
  font-size: 24px;
  line-height: 1.33;
}
/* btn-opts-txt - size style*/
.btn-opts-txt {
  padding: 6px 6;
  border-radius: 18px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
}
.btn-opts-txt.btn-md {
  border-radius: 25px;
  font-size: 14px;
  line-height: 1;
}
.btn-opts-txt.btn-lg {
  border-radius: 25px;
  font-size: 16px;
  line-height: 1.33;
}
.btn-opts-txt.btn-xl {
  border-radius: 25px;
  font-size: 32px;
  line-height: 1.33;
}
.btn-opts-txt.btn-xxl {
  border-radius: 25px;
  font-size: 48px;
  line-height: 1.33;
}
/* -------------------------------------------------------------------------------------------------


*** MAIN THEME NEW ELEMENTS: BTN-OPTS-TXT
*** Variante di BTN-OPTS


   ------------------------------------------------------------------------------------------------- */
/* base style (colors) */
/* btn-opts-txt - size style*/
.btn-opts-txt {
  border-radius: 16px;
}

/* -------------------------------------------------------------------------------------------------


*** MAIN THEME NEW ELEMENTS: BTN-INFO


   ------------------------------------------------------------------------------------------------- */

.btn-nfo{
  /* base style */
  width: 30px;
  height: 30px;
  padding: 6px 0;
  border-radius: 18px;
  text-align: center;
  font-size: 12px;
  line-height: 1.428571429;
  /* base style (colors) */
  color: #23c6c8;
  background-color: transparent;
  border: 0px solid #BCE6EA !important;
  margin-right:2px; margin-bottom:2px;
}
.btn-nfo:hover,
.btn-nfo:focus,
.btn-nfo.focus {
  background-color: #23c6c8;
  border-color: #A59EF0;
  color: #FFF;
}

/* -------------------------------------------------------------------------------------------------


CONTENT: SPINNER


   ------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------
main spinner
   ------------------------------------------------------------------------------------------------- */
.sk-spinner .sk-cube {
 background-color: #FFF !important;
}

/* -------------------------------------------------------------------------------------------------


DROPDOWN NFO


   ------------------------------------------------------------------------------------------------- */
.kmd-dropdown-nfo .dropdown-messages-box{
	min-width:300px;
	}
.kmd-dropdown-nfo .media-body{
  font-size: 12px!important;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* -------------------------------------------------------------------------------------------------


CONTENT: DIVIDER


   ------------------------------------------------------------------------------------------------- */
.divider1-white {
  width: 50px;
  height: 1px;
  //margin: 60px auto 0;
  margin: 20px auto 0;
  //border-bottom: 2px solid #FFF;
  border: 4px solid #FFF;
}

/* -------------------------------------------------------------------------------------------------
xsnp_ajx
   ------------------------------------------------------------------------------------------------- */
.nxsnp_ajx_body > .sk-spinner {
  display: none;
}
.nxsnp_ajx_body.sk-loading {
  position: relative;
}
.nxsnp_ajx_body.sk-loading:after {
  content: '';
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.nxsnp_ajx_body.sk-loading > .sk-spinner {
  display: block;
  position: absolute;
  //top: 40%;
  left: 0;
  right: 0;
  z-index: 2000;
}

/* -------------------------------------------------------------------------------------------------


KMD-UINAVMENU-ITEM


   ------------------------------------------------------------------------------------------------- */


.kmd-uinavmenu-item {
	//font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing:-1px;
	text-shadow: 1px 1px 5px #C5C2D2;
}

/* -------------------------------------------------------------------------------------------------


KMD-UINAVMAP-ITEM


   ------------------------------------------------------------------------------------------------- */


.kmd-uinavmap-item {
	//font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing:-1px;
}

/* -------------------------------------------------------------------------------------------------


KMD-UINAV-OPT


   ------------------------------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------------------------------


CLASS ACTIVE


   ------------------------------------------------------------------------------------------------- */
.list-dvlo > .kactive
{
  color: #23c6c8!important;
  background-color: #EFFCFF!important;
}
.tr_active {
  color: #23c6c8!important;
  background-color: #EFFCFF!important;
}
.kactive
{
  color: #23c6c8!important;
  background-color: #EFFCFF!important;
}
/* -------------------------------------------------------------------------------------------------


TRANSLATIONS


   ------------------------------------------------------------------------------------------------- */
translation{
	font-family: 'Roboto', sans-serif;
  	font-size: 11px;
	line-height: 11px;
	color: #5B695B;
    background-color: #E9FF96;
	}


/* -------------------------------------------------------------------------------------------------


ECHO_STYLE


   ------------------------------------------------------------------------------------------------- */
.echo-warning{
	/*font-family: 'Roboto', sans-serif;
  	font-size: 11px;
	line-height: 11px;
	color: #5B695B;
    background-color: #B5CDB5;
	border-bottom:1px dotted #DDF5DD;*/
  background-color: #F9F2F4;
  border-radius: 4px;
  color: #ca4440;
  font-size: 90%;
  padding: 2px 4px;
  //white-space: nowrap;
	}
.echo-warning span{
	font-family: 'Roboto', sans-serif;
  	/*font-size: 11px;
	line-height: 11px;*/
	color: #DDF5DD;
	}
/* -------------------------------------------------------------------------------------------------


JOBLOGS


   ------------------------------------------------------------------------------------------------- */
.jlog{
	font-family: 'Roboto', sans-serif;
  	font-size: 13px !important;
	font-weight: normal !important;
	line-height: 13px !important;
	color: #FFFFFF;
    background-color: #484564;
	border-bottom:1px dotted #8E8BAA;
	}
.jlog span{
	font-family: 'Roboto', sans-serif;
  	/*font-size: 11px;
	line-height: 11px;*/
	color: #8E8BAA;
	}

/* -------------------------------------------------------------------------------------------------


JOBLOGS

inspiration: https://blog.logrocket.com/creating-custom-select-dropdown-css/
   ------------------------------------------------------------------------------------------------- */
.kmd-select {
  min-width: 350px;
  position: relative;
    //color:red !important;
}

.kmd-select > option{
  //color:lime !important;
  appearance: none;
  /*  safari  */
  -webkit-appearance: none;
  /*  other styles for aesthetics */
  width: 100%;
  font-size: 1.5rem;
  line-height:2rem;
  padding: 0.675em 6em 0.675em 1em;
  background-color: #fff;
  border: 1px solid #caced1;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
}
.kmd-select > option::after{
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 55%;
}

.kmd-form-header {
	background-color:lime !important;
}

.data_magnify {
	padding:2px;
	//border:1px dotted #E0EDF0 !important;
	border-bottom:1px dotted #D1E3E6 !important;
	color: #0F768C!important;
	background-color: #EFFCFF!important;
}


.kmd-form-dvf input{
	color:#444754!important;
	border-radius: 10px;
	border:2px solid #808390;
	}