@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,350;1,300&family=Open+Sans:wght@300&family=Raleway:wght@500&family=Roboto:wght@300&display=swap');

.font-pers-1 {font-family: 'Montserrat', sans-serif;}

a, P, h5, h4, h3, h2, h1 {font-family: 'Montserrat', sans-serif;}



.bordo_marrone  {border-color:#486bab !important}











.hover_sfondo_marrone:hover {color:#fff !important; background-color:#486bab !important}

.hover_sfondo_nero:hover {color:#fff !important; background-color:#000 !important}

.sfondo_marrone {color:#fff !important; background-color:#eba021 !important} 

.sfondo_grigio_chiaro {color:#000 !important; background-color:#f9f9f9 !important} 

.sfondo_blu_grigio {color:#fff !important; background-color:#486bab !important} 

.sfondo_rosso {color:#fff !important; background-color:#a02023 !important} 

.sfondo_nero {color:#fff !important; background-color:#26292d !important} 

.sfondo_input {color:#fff !important; background-color:#ffffff !important}

.testo_rosso {color:#a02023 !important;}  

.testo_blu_grigio {color:#a02023 !important;}

.testo_verde {color:#71b338 !important;} 

.testo_nero {color:#586074 !important;}

.testo_colore {color:#3366ff !important;}

.sfondo_colore {color:#fff !important; background-color:#a02023 !important} 

.sfondo_colore_footer {color:#fff !important; background-color:#1e2331 !important}

.testo_argomento {color:#26292d !important;}





.btn_sfondo_registra {color:#fff !important; background-color:#2996cc !important}

.btn_sfondo_annulla {color:#fff !important; background-color:#3366ff !important} 

.btn_sfondo_elimina {color:#fff !important; background-color:#002080 !important} 

.btn_sfondo_conferma {color:#fff !important; background-color:#2996cc !important} 

.btn_hover_sfondo_grigio_chiaro:hover {color:#000 !important; background-color:#fff !important; border:1px solid; border-color:#2996cc !important;}

.hover_li:hover {color:#000 !important; background-color:#f9eefe !important;}

.hover_ombra:hover {box-shadow:0 0px 0px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.10);}



.my_btn {

	border:1px solid #fff;	

    border-radius:25px;

    padding:10px;

	transition: all 0.5s;

}

.my_btn_hover:hover {

	background-color:#1d6d95 !important;

	color:#fff !important;

	box-shadow:0 0px 0px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.10);

	}

	





.input {

	border:1px solid #e2e4e9;

    border-radius:6px;

    padding:12px;

	background-color:#fff;

}

.input_large {

	border:1px solid #e2e4e9;

    border-radius:6px;

    padding:14px;

	background-color:#fff;

}



.input:focus { 

    outline:none;

	border:1px solid;

    border-color:#2996cc;

	border-radius:6px;

	transition: all 0.5s;

    box-shadow:0 0 0px #2996cc;

}

.input_large:focus { 

    outline:none;

	border:1px solid;

    border-color:#2996cc;

	border-radius:6px;

	transition: all 0.5s;

	box-shadow:0 0px 0px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.10)

}





.select {

    border:1px solid #e2e4e9;

    border-radius:6px;

	padding:14px;

	background-color:#fff;

}

.select:focus { 

    outline:none;

	border:1px solid;

    border-color:#2996cc;

	border-radius:6px;

    transition: all 0.5s;

	box-shadow:0 0px 0px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.10)

}





.myalert {

    padding: 12px 12px;

    /*color: white;*/

	position: top

}



.closebtn {

    margin-left: 15px;

    color: white;

    font-weight: bold;

    float: right;

    font-size: 22px;

    line-height: 20px;

    cursor: pointer;

    transition: 0.3s;

}



.closebtn:hover {

    color: black;

}



.center {

  margin: auto;

  max-width: 90%;

  min-width: 320px;

  margin-top: 5%;

  padding: 10px;

}



/* Create a Parallax Effect */

.bgimg {

  background-attachment: fixed;

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;



}



.grad3 {

  background-color: #26292d; /* For browsers that do not support gradients */

  background-image: linear-gradient(to bottom left,white, #e38f18, #e38f18);

}

.grad1 {

  background-color: #383f75; /* For browsers that do not support gradients */

  background-image: linear-gradient(to bottom left,#383f75, #ff723a, #ee2e21);

}



.grad2 {

  background-color: #e38f18; /* For browsers that do not support gradients */

  background-image: linear-gradient(to top, #e38f18, #e38f18, #26292d);

  color: white;

  padding:12px;

  

}



mylabel {

	padding-left: 4px;

	font-size: 14px;

	font-weight: bold;

	color: #586074;

}



/* Inizio Switch*/

.switch {

  position: relative;

  display: inline-block;

  width: 60px;

  height: 34px;

}



.switch input {display:none;}



.slider {

  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: .4s;

  transition: .4s;

}



.slider:before {

  position: absolute;

  content: "";

  height: 26px;

  width: 26px;

  left: 4px;

  bottom: 4px;

  background-color: white;

  -webkit-transition: .4s;

  transition: .4s;

}



input:checked + .slider {

  background-color: #b57113;

}



input:focus + .slider {

  box-shadow: 0 0 1px #b57113;

}



input:checked + .slider:before {

  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);

}



/* Rounded sliders */

.slider.round {

  border-radius: 34px;

}



.slider.round:before {

  border-radius: 50%;

}

/* fine switch */