@font-face { 
    font-family: 'Roboto-Regular';
    src: url('../font/Roboto-Regular.ttf') format('truetype');
}

@font-face { 
    font-family: 'Roboto-Medium';
    src: url('../font/Roboto-Medium.ttf') format('truetype');
}

@font-face { 
    font-family: 'Roboto-Bold';
    src: url('../font/Roboto-Bold.ttf') format('truetype');
}

@font-face { 
    font-family: 'Roboto-Semibold';
    font-style: normal;
    font-weight: 1000;
    font-stretch: 100%;
    font-display: swap;
    src: url('../font/RobotoFlex-Regular.ttf') format('truetype');
}

:root{
    --white: #FFFFFF;
    --white-hover: #E5E5E5;

    --dark-white: #f3f2f2;
    
    --acqua: #E5F4FB;
    --blue: #0195DA;
    --dark-blue: #005d88;
    --light-grey: #dddddd;
    --grey: #BCBCBC;
    --dark-grey: #707070;
    --black: #575756;
    --black-hover: #2b2a2a;
    --red: #FF5D00;
    --orange: #FF9800;
    --yellow: #FFCC00;
    --pink: #FC6EA0;
    --purple: #9C27B0;
    --input-border: #bdbdbd;

    --light-green: #B6DA53;
    --light-green-hover: #adcf51;
    --middle-green: #3DB23D;
    --dark-green: #2E8A01;
}

html {
    height:100%;
}

body{
    font-family: 'Roboto-Regular', sans-serif;
    height: 100%;
}

.select-location{
    font-family: 'Roboto.Regular', sans-serif;
    font-size: 16px;
    background-color: #fff;
    height:35px;
    border:0px;
    /*border:1px solid #000;*/
    border-radius: 5px;
    padding-left: 10px;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.24);
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.24);
}

input[type=submit]{
    margin-top: 7px;
}

.no-pointer{
    cursor: auto !important;
}

.bordered-container{
    border: 1px solid var(--grey);
    border-radius: 5px;
    padding: 1rem;
}

.branch-color{
    width: 25px;
    height: 25px;
    border-radius: 5px;
    background-color: red;
}

a:hover{
    color: var(--blue);
}

a.green{
    font-family: 'Roboto-Medium', sans-serif;
    color: var(--light-green);
    cursor: pointer;
}

a.green:hover{
    font-family: 'Roboto-Medium', sans-serif;
    color: var(--light-green-hover);
}
span.fa-green,
a.fa-green{
    color: var(--light-green);
    cursor: pointer;
}
span.fa-green:hover,
a.fa-green:hover{
    color: var(--light-green-hover);
}

span.fa-description{
    color: var(--black);
}

span.fa-description{
    color: var(--black-hover);
}

a.fa-white{
    color: var(--white);
    cursor: pointer;
}

a.fa-white:hover{
    color: var(--white-hover);
}

.separator{
    clear: both;
    height: 60px;
}

.form-notch{
    display:none !important;
}

.icon-dark{
    color: var(--black);
    top:63% !important;
}

.icon-normal{
    top: 75% !important;
}

.bordered{
    border: 1px solid var(--grey);
    border-radius: 10px;
    padding: .5rem;
}

.vertical-border{
    border-right: 1px solid var(--grey);
}

/*.form-outline .form-control:target{
    border-color: var(--blue);
}*/

.table-blue{
    font-family: 'Roboto-Medium', sans-serif;
    text-transform: uppercase;
    background-color: var(--blue);
    color: var(--white);
    border-color: var(--blue);
}

.table-blue-sm{
    font-family: 'Roboto-Medium', sans-serif;
    background-color: var(--blue);
    color: var(--white);
    border-color: var(--blue);
}
.table-blue-sm > tr > th{
    padding-top:0;
    padding-bottom:0;
}
.blue-border-bottom{
    border-bottom-color: var(--blue);
}

.home-icon{
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.btn-small{
    padding: 4px 5px 4px 5px;
}

.btn-primary,
.btn-primary.active{
    background-color: var(--light-green);
}

.btn-primary.disabled, 
.btn-primary:disabled {
    color: #fff;
    background-color: var(--middle-green);
    cursor:crosshair;
  }

.btn-primary:hover{
    background-color: var(--light-green-hover);
}

.btn-primary:focus{
    background-color: var(--light-green);
}

.no-margin{
    margin:0;
}

.no-padding{
    padding:0;
}

.margin-top{
    margin-top: 10px;
}

.page-title{
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}

.table-no-result{
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
}

.blue-subtitle{
    font-family: 'Roboto-Bold', sans-serif;
    color: var(--blue);
}

.red-subtitle{
    font-family: 'Roboto-Bold', sans-serif;
    color: var(--red);
    text-align: center;
}

.left-bordered{
    border-left: 1px solid;
    border-left-color: var(--grey);
}

.ui-autocomplete{
    z-index: 1060;
}

.ui-menu .ui-menu-item-wrapper:hover {
    background-color: var(--blue);
    color: var(--white);
}

/* fix per placeholder invisibile */
.form-outline .form-control:not(.placeholder-active)::placeholder {
    opacity: 1;
}

/*
 Navbar
*/

.navbar {
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,.24);
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.24);
    background-color: #fff !important;
}

.navbar-light .navbar-nav .nav-link {
    color: var(--blue) !important;
    font-weight: bold;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7);
}
 

/*
 Card container
*/

.card-body.title{
    background-color: var(--blue);
    color: var(--white);
    border-radius:5px;
    padding: 0.6rem;
}

h5.title{
    margin: 0;
    font-family: 'Roboto-Bold', sans-serif;
    text-transform: uppercase;
}

.no-padding-left{
    padding-left: 0px;
}

.no-padding-right{
    padding-right: 0px;
}

.card-assistance{
    margin-top: 0px;
}

.card-header {
    padding: 1rem 2rem;
    margin-bottom: 0;
    background-color: var(--blue);
    color: var(--white);
    font-weight: bold;
    font-size: 34px;
}

.header-title{
    font-family: 'Roboto-Bold', sans-serif;
}

.header-subtitle{
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 1.25vw;
}

.card-container{
    /*background-color: #f00;*/
    min-width: 300px;
    padding: 0.6rem;
    margin-top: 5rem;
    border-radius:10px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.24);
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .25), 0 3px 6px 2px rgba(0, 0, 0, 0.14)*/
}

.card-big{
    /*width: 65%;*/
    min-width: 150px;
}

.card-small{
    /*max-width: 33%;*/
    min-width: 150px;
}

.card-blue{
    background-color: var(--blue);
    color: var(--white);
}

.card-orange{
    background-color: var(--orange);
    color: var(--white);
}

.card-light-green{
    background-color: var(--middle-green);
    color: var(--white);
}

.card-green{
    background-color: var(--dark-green);
    color: var(--white);
}

.card-yellow{
    background-color: var(--yellow);
    color: var(--white);
}

.card-purple{
    background-color: var(--purple);
    color: var(--white);
}

.card-red{
    background-color: var(--red);
    color: var(--white);
}

.card-grey{
    background-color: var(--dark-grey);
    color: var(--white);
}


/* forms */
.form-group .form-control,
.form-outline .form-control {
    min-height: auto;
    padding: .33em .75em;
    border: 1px solid var(--input-border);
    background: #fff;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.form-outline .form-control-sm {
    /*min-height: auto;
    padding: 0;*/
    margin: .25rem .3rem;
    padding: .3rem .55rem;
    border: 1px solid #757575;
    background: transparent;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.form-label {
    font-family: 'Roboto-Bold', sans-serif;
    margin-top: .7rem;
    margin-bottom: .05rem;
    color: var(--black);
        
}

.input-white{
    background-color: var(--white) !important;
    border: 2px solid var(--black) !important;
    text-transform: capitalize;
    
}

.input-white-location, 
.input-white-location::selection{
    background-color: var(--white) !important;
    border: 0px !important;
    text-transform: capitalize;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2),0 2px 10px 0 rgba(0,0,0,.1);
}

.form-check-input[type="checkbox"]:active{
    background-image: none;
    background-color: var(--blue);
}

.form-check-input[type="checkbox"]:checked {
    background-image: none;
    background-color: var(--blue);
}

.form-check-input:checked {
    border-color: var(--blue);
}

.color-container{
    display: inline;
}

.color-input-container{
    float:left;
    width:90%;
}

.color-preview-container{
    width:40px;
    height:40px;
    margin-top: 36px;
    border-radius: .25rem;
    float:right;
}

.address-container{
    position: relative;
    display: inline;
}

.address-input{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.address-input-container{
    float:left;
    width:93%;
}

.input-group-addon,
.address-icon-container{
    width:40px;
    border: 1px solid var(--input-border);
    cursor: pointer;
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
}

.address-icon{
    color: var(--light-green);
}

.address-icon:hover{
    cursor: pointer;
    color: var(--light-green-hover);
}


/* tables */

.table th{
    font-weight:unset;
    font-size:17px;
}

/* modals */

.modal-header{
    color: var(--white);
    background-color: var(--blue);
    padding: 0.8rem;
}

.modal-header .btn-close{
    color: var(--white);
}

.modal-title{
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 1.60rem;
}

/* footer */

footer.bottom-bar{
    height: 60px;
}

.bottom-bar-icon{
    margin-top: 5px;
}

a.bottom-bar-icon-link{
    color: var(--white);
}

a.bottom-bar-icon-link:hover{
    color: var(--white-hover);
}

.icon-container{
    margin-left: 6px;
    margin-right: 6px;
}

/* nav tabs */

.nav-tabs{
    font-family: 'Roboto-Bold', sans-serif;
    background-color: var(--white-hover);
    border: 1px solid var(--light-grey);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: var(--dark-grey);
    border-bottom: 2px solid var(--blue);
}

.nav-tabs .nav-link{
    padding-top: 13px;
    padding-bottom: 12px;
}

.nav-tabs .nav-link.active{
    background-color: var(--blue);
    border-bottom: 2px solid var(--blue);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: var(--white);
}


/***************************************************/
/***************************************************/
/***************************************************/




.flex-card-container{
    display: grid;
    display: -ms-grid;
    display: -moz-grid;
    /* grid-template-columns: repeat(4, 300px [col-start]); */
    grid-template-columns: 1fr 1fr 1fr ;
}

/*.flex-card{
    flex:1;
    margin-left:5px;
    margin-right:5px;
}*/

.card.docs-card{
    position: relative;
    width: auto;
    min-width: 200px;
    height: 110px;
    max-height: 110px;
    margin:3.5px;
    cursor: pointer;
    padding:5px;
}

.docs-card.blue{
    font-family: 'Roboto-Medium', sans-serif;
    background-color: var(--blue);
    color: var(--white);
}


/*
    MODALS
*/

.modal-header.alert{
    padding:10px;
    margin:0;
}

.modal-body.alert{
    text-align: center;
    font-family: 'Roboto-Medium', sans-serif;
    padding:0;
    margin:5px;
}

.modal-footer.alert {
    padding: 5px;
    margin: 0;
    border-top: 0px;
}

/*
    AGENDA RISORSE
*/

.AgendaLink:hover {
    color: var(--blue);
    cursor: pointer;
    font-weight: 800;
    /*text-decoration: underline;*/
}

#calendars_container {
    width:100%;
}
.calendar_block {
    float:left;
    clear:none;
    margin-right:20px;
}

.agendaclosebar a{
    color:black;
}

/*
    SOGEI
*/

.sogei-title{
    font-family: 'Roboto-Bold';
    font-size: 30px;
}

.sogei-table-item{
    font-family: 'Roboto-Bold';
    font-size: 18px;
}

.sogei-td-title{
    border-width: 0 0 0 1px !important;
    width: 20%;
}

.sogei-td-info{
    border-width: 0 1px 0 0 !important;
}

.text-warning{
    color: var(--yellow);
}

.text-error{
    color: var(--red);
}