﻿@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";

body {
    font-family: 'Poppins', sans-serif !important;
}

/*barra navigazione*/
.navbar-custom {
    background-color: #2483a2;
}
.container-custom {
    margin-top: 40px;
}
.nav-link-custom {
    color:white;
}
a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

/*breadCRumb*/
.breadcrumb {
    margin-top:10px;
    background-color: white;
}


.check-box-custom label {
    padding-left: 5px;
}


/*ChekBox*/
.same-row {
    display:inline !important;
    width: auto !important;
}
/*intestazione*/
.custom-title-menu {
    width: 100%;
    margin-bottom: 5px;
    border-radius: 4px;
    text-align: center;
    color: black;
    font-weight: bold;
}
.about-border {
    display: block;
    width: 80px;
    height: 3px;
    /*background: #f1cd8f;*/
    background: #2483a2;
    margin: 5px auto;
}

/*errori*/
.error {
    color: red;
}

.has-error .control-label,
.has-error .help-block,
.has-error .form-control-feedback {
    color: #a94442;
}

/*pannelli*/
.w3-panel {
    padding: 0.01em 16px
}

.w3-panel {
    margin-top: 16px;
    margin-bottom: 16px
}
/*.w3-note{background-color:#f4f4f4;border-left:6px solid #337AB7}*/
.w3-note {
    border-left: 6px solid #337AB7
}

/*ChekBox toggle*/

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .switch input {
        opacity: 0;
    }

.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: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: green;
}

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%;
    }


.linkage_box {
	border: 2px solid brown;
	padding: 10px 10px 10px 10px;	
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;	
}

/*.triangle {
	width: 0;
	height: 0;
}
    

.triangle .triangle-down {
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 100px solid #32557f;
}*/

.triangle-down {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 40px solid #32557f;
	margin: auto; 

}
.col-email {
	max-width: 200px; /* o 150px, dipende da quanto vuoi stringerla */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}