/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 11, 2017 */

html, body, div, span, applet, object, iframe,
h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, custom-select,
caption, tbody, tfoot, thead, tr, th, td { font-family: 'ralewayregular'; letter-spacing: 2px; }

h1 {font-family: ralewayextralight; font-size: 63px; letter-spacing: 1px; }
h2 {font-family: ralewaybold; font-size: 45px; letter-spacing: 1px; }
h3 {font-family: ralewaymedium; font-size: 36px; letter-spacing: 1px; }
h4 {font-family: ralewaylight; font-size: 24px; letter-spacing: 1px; }
h5 {font-family: ralewaylight; font-size: 16px; letter-spacing: 1px; }
h6 {font-family: ralewayextralight; font-size: 48px; letter-spacing: 2px; text-align: right; color: #0000AA; }


input.form-control, .custom-select  { 
    border-top: 	none;
    border-left: 	none;
    border-right: 	none;
    border-bottom: 	3px solid #cccccc;
	background:		#FFFFFF;
	border-radius:  0;
}
input.form-control:focus, .custom-select:focus  { 
    border-top: 	none;
    border-left: 	none;
    border-right: 	none;
    border-bottom: 	3px solid #007bff;
	-webkit-box-shadow: none;
    box-shadow: none;
	border-radius:  0;
}
.control-label {
	color: #007bff;
	margin-top: .5rem;
}



@font-face {    font-family: 'ralewayblack';
    src: url('raleway/raleway-black-webfont.woff2') format('woff2'),
         url('raleway/raleway-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewayblack_italic';
    src: url('raleway/raleway-blackitalic-webfont.woff2') format('woff2'),
         url('raleway/raleway-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewaybold';
    src: url('raleway/raleway-bold-webfont.woff2') format('woff2'),
         url('raleway/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewaybold_italic';
    src: url('raleway/raleway-bolditalic-webfont.woff2') format('woff2'),
         url('raleway/raleway-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewayextralight';
    src: url('raleway/raleway-extralight-webfont.woff2') format('woff2'),
         url('raleway/raleway-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewayextralight_italic';
    src: url('raleway/raleway-extralightitalic-webfont.woff2') format('woff2'),
         url('raleway/raleway-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewayitalic';
    src: url('raleway/raleway-italic-webfont.woff2') format('woff2'),
         url('raleway/raleway-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewaylight';
    src: url('raleway/raleway-light-webfont.woff2') format('woff2'),
         url('raleway/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewaylight_italic';
    src: url('raleway/raleway-lightitalic-webfont.woff2') format('woff2'),
         url('raleway/raleway-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewaymedium';
    src: url('raleway/raleway-medium-webfont.woff2') format('woff2'),
         url('raleway/raleway-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewaymedium_italic';
    src: url('raleway/raleway-mediumitalic-webfont.woff2') format('woff2'),
         url('raleway/raleway-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {    font-family: 'ralewayregular';
    src: url('raleway/raleway-regular-webfont.woff2') format('woff2'),
         url('raleway/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

		.bg-brown    { background: #800000; /* Colore di sfondo */
		color: #FFFFFF; /* Colore del testo */
		}
		.bg-DarkSlateGrey    { background: #2f4f4f; /* Colore di sfondo */
		color: #FFFFFF; /* Colore del testo */
		}
		.navbar-DarkSlateGrey    { background: #2f4f4f; /* Colore di sfondo */
		color: #FFFFFF; /* Colore del testo */
		}
		.card-DarkSlateGrey    { background: #2f4f4f; /* Colore di sfondo */
		color: #FFFFFF; /* Colore del testo */
		}
		.btn-file {
			position: relative;
			overflow: hidden;
		}
		.btn-file input[type=file] {
			position: absolute;
			top: 0;
			right: 0;
			min-width: 100%;
			min-height: 100%;
			font-size: 100px;
			text-align: right;
			filter: alpha(opacity=0);
			opacity: 0;
			outline: none;
			background: white;
			cursor: inherit;
			display: block;
		}
		th {
			background: #2f4f4f;
			color: #FFFFFF;
		}
		
		.nav-item {
			line-height: 1em;
		}
		.switch {
		  position: relative;
		  display: inline-block;
		  width: 60px;
		  height: 34px;
		}

		.switch input { 
		  opacity: 0;
		  width: 0;
		  height: 0;
		}

		.slider {
		  position: absolute;
		  cursor: pointer;
		  top: 0;
		  left: 0;
		  right: 0;
		  bottom: 0;
		  background-color: #dc3545;
		  -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: #28a745;
		}

		input:focus + .slider {
		  box-shadow: 0 0 1px #2196F3;
		}

		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%;
		}

/* Style The Dropdown Button */
.dropbtn {
    background-color: #FFFFFF;
    color: black;
	padding: .5em 3em .5em 3em;
    font-size: 16px;
    border: none;
    cursor: pointer;
	border-radius: 10px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    text-decoration: none;
    padding: .5em 3em .5em 3em;
    display: block;
	border-radius: 10px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
	border-radius: 10px;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #cccccc;
}