.row:before, .row:after {
display: inline-block !important;
}
html {position: relative;min-height: 100%;}
body{background-color: #fff;color: #333;margin-bottom: 160px; /* Margin bottom by footer height */}
.user{color:#fff;vertical-align:middle;}

/* Sticky footer styles
-------------------------------------------------- */
.footer {position: absolute;bottom: 0;width: 100%;height: 80px;line-height: 60px;background-color: #333;color: #fff;}
.bsc-link { color: #2f4a65!important; text-decoration:none;}
.larg{width:100%;}
.accordion-color{background-color: #fcfdfd!important;}
/*---------------- NAVS & MENU-------------------*/

.navbar-color{background-color: #2f4a65;}
.navbar-nav > li > .dropdown-menu { background-color: #435c74;color: #fff; }
.navbar-nav > li > .dropdown-menu a{color: #fff; }
.navbar-nav > li > .dropdown-menu a:hover{ background-color: #2f4a65;color: #fff; }

.bsc-nav {background-color: #2f4a65;color:#fff;vertical-align: middle;} /*Colore sfondo nav bar*/
.bsc-nav-2 {background-color: red ;color:#fff;vertical-align: middle;} /*Colore sfondo nav bar*/
.bsc-head {background-color: #2f4a65;color:#fff;}
.main-menu {font-size: 24px;}
#close{color:#fff;float:right}
/*----------------/ NAVS -------------------*/

#cambia_tipo_login{
	background-color: #2f4a65;
	border-color:#fff;
	color:#fff!important;
	vertical-align: middle;
	background-image: url('../svg/freccia.png');
}

.disabled-button {
	cursor: none;
}

.fas .fa-angle-down{background-color: #2f4a65; color:#fff;}

/*------- CARDs -------------------*/

/*Dimensione card login*/
.login{
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #999999;
    border-radius: .25rem;
    
    
    }
    
.strutture{width:20rem;}
.cruscotto{width: 100%;}

/* Colore testata card e dettagli*/
.violetto{background-color: #6e4057;color:#fff;}
.blu{background-color: #2f4a65;color:#fff;}

/*  Layout Card ORGANIZZAZIONI e UNITA' ORGANIZZATIVE*/
.card-org{position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #999999;    
    border-radius: .25rem; min-width: 20rem; max-width:20rem; min-height: 25rem; /* Added */}
.card-body-org{border-left: 1px solid #999999;}

.card-u-org{position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #999999;    
    border-radius: .25rem; min-width: 18rem; max-width:20rem; min-height: 25rem; /* Added */}
.card-body-u-org{border-left: 1px solid #999999;}

.card-persone{position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #999999;    
    border-radius: .25rem; min-width: 20rem; max-width:20rem; min-height: 25rem; /* Added */}
    
    .card-persone-org{position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #999999;    
    border-radius: .25rem; min-width: 20rem; max-width:20rem; min-height: 35rem; /* Added */}
    
        .card-persone-u-org{position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #999999;    
    border-radius: .25rem; min-width: 20rem; max-width:20rem; min-height: 40rem; /* Added */}
.card-body-persone{border-left: 1px solid #999999;}


/* / Layout Card ORGANIZZAZIONI e UNITA' ORGANIZZATIVE*/

.verde{background-color: #2F6A65;color:#fff;}
.card-title{color: #333;}
.sidebar{width:100%;}
a{color: #2F6A65;}
a:hover{color: #2F6A65;}
/*------- / CARDs -------------------*/

/* -------- DATA TABLE ---------*/

  div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    
    justify-content: center;
}

  
/* -------- FINE DATA TABLE ---------*/

.bordino{border: 1px solid red;}

/* aspetto font awsome*/
i {vertical-align: middle;}


/* Override colore primario bootstrap con il colore di BSCWeb */
.btn-primary {color: #ffffff;background-color: #435c74;-webkit-background-color: #435c74;border-color: #435c74;}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {color: #ffffff;background-color: #2f4a65;}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {background-image: none;}

/* Override colore primario bootstrap con il colore di BSCWeb */
.btn-bsc-primary {color: #ffffff;background-color: #435c74;-webkit-background-color: #435c74;border-color: #435c74;}
.btn-bsc-primary:hover,
.btn-bsc-primary:focus,
.btn-bsc-primary:active,
.btn-bsc-primary.active,
.open .dropdown-toggle.btn-bsc-primary {color: #ffffff;background-color: #2f4a65;}
.btn-bsc-primary:active,
.btn-bsc-primary.active,
.open .dropdown-toggle.btn-bsc-primary {background-image: none;}

/* Override colore success bootstrap verde*/
.btn-bsc-success {color: #fff;background-color: #5c7443;-webkit-background-color: #5c7443;border-color:#5c7443;}
.btn-bsc-success:hover,
.btn-bsc-success:focus,
.btn-bsc-success:active,
.btn-bsc-success.active,
.open .dropdown-toggle.btn-bsc-success {color: #ffffff;background-color: #4a652f;}
.btn-bsc-success:active,
.btn-bsc-success.active,
.open .dropdown-toggle.btn-bsc-success {background-image: none;}

/* Override colore bootstrap azzurro*/
.btn-bsc-side {color: #fff;background-color: #3c6868;-webkit-background-color: #3c6868;border-color:#3c6868;width:100%}
.btn-bsc-side:hover,
.btn-bsc-side:focus,
.btn-bsc-side:active,
.btn-bsc-side.active,
.open .dropdown-toggle.btn-bsc-side {color: #ffffff;background-color:#2f6565;}
.btn-bsc-side:active,
.btn-bsc-side.active{background-color:#fff;border-color:#2f6565;color:#2f6565;font-weight:bolder;}
.open .dropdown-toggle.btn-bsc-side {background-image:none;}

.struttura {float: left;text-align: left;}
.org {background-color: #437474;}
.unita {background-color: #558181;}
.personale {background-color: #688f8f;}

/*aspetto paginazione*/
.pagination>li>a,
.pagination>li>span {border: 1px solid #2f4a65;}
.pagination>li>a:hover {background-color: #2f4a65;color:#fff;border: 1px solid #2f4a65;}

.page-link:not(:disabled):not(.disabled) {cursor: pointer;}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #2f4a65;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #2f4a65;
    border-color: #2f4a65;
}

/* fine aspetto paginazione*/


/* ASPETTO COMPONENTE SELECT AJAX */
/* select ajax con larghezza al 100% */
.bootstrap-select {
    /* width: 100% !important; */
}

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #495057 !important;
    background-color: #fff;
    border: 1px solid #ced4da;
    -webkit-color: #495057 !important;
    -webkit-background-color: #fff;
   -webkit- border: 1px solid #ced4da;
}

.bootstrap-select > .dropdown-toggle {
    border: 1px solid #ced4da;
    color: #495057;
    background-color: #fff;
}

.dropdown-item.active, .dropdown-item:active {
      background-color: #2f4a65;
}


.bootstrap-select.is-invalid > .dropdown-toggle.bs-placeholder {
	border: 1px solid #dc3545 !important;
}

/* FINE ASPETTO COMPONENTE SELECT AJAX */


.radio-group {
	border-radius: .25rem;
}
.radio-group.has-error {
	border: 1px solid #dc3545 !important;
}

/* STILE FLEX PER PULSANTI NELLE GRIGLIE */
.flex-button-grid {
    display: flex;
}

/* colore nero per icone font awesome */
.icon-black {
	color:#000;
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1922px){

    #nav-side-small{display:none;}
    
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .strutture{width: 100%;}
    #side-desk{display:none;}
    #nav-side{display:none; margin-bottom: 2rem;}
}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}