@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');

body {
    background-color: #f0f2f5;
    font-family: 'Roboto', sans-serif;
}

/*Sennò la navbar ha il padding*/
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.main-app-image {
    padding-left: 20px;
}
/*navbar*/
.navbar-default .navbar-nav>li>a {
    background-image: linear-gradient(to bottom,#333333 0,#333333 100%);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    font-family: "Roboto", sans-serif;
    background-color: #333;
}
.navbar-default .navbar-nav>li>a {
    color: #ffffff;
    font-size: revert;
    text-shadow: none;
	transition-duration: 0.4s;
    opacity: 0.75;
}
.navbar-default .navbar-nav>li>a:hover {
    color: white;
    opacity: 1;
 	transition: transform .2s;
}
.navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
}
.navbar-brand{
    margin-left: -15px;
    color: white !important;
    font-weight: bold;
    padding-left: 30px;
}
.navbar-nav>li>a {
    padding-top: 18px !important;
}
.navbar-btn {
    padding-top: 6px !important;
    margin-top: 13px !important;
}
/*Quando l'item della navbar è stato cliccato*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover {
    background-image: linear-gradient(to bottom,#333333 0,#333333 100%);
    color: #ec6519;
}
/*Freccettina degli items nella navbar-> la levo*/
.caret {
    border-right: none !important;
    border-left: none;
}
/*Gli items della tendinda quando clicchi su bottone della navbar*/
.dropdown-menu>li, .dropdown-menu>li {
    transition-duration: 0.3s;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #ffffff !important;
    background-image: none;
    color: #ec6519;
}
.open>.dropdown-menu {
    border-radius: 15px;
}
.dropdown-menu>li>a{
    border-radius: 15px;
}
/*Items della navbar utilizzati come toolbar(quelli che sono a dx della navbar)*/
.dropdown-toggle>span>i{
    font-size: large;
}

/*Bottoni della videata*/
.panel-title>.btn-toolbar {
    margin-top: 1px !important;
}
/*Levo il padding del pannello nella videata*/
.panel-body{
    padding: 1px !important;
}
/*Ho paura che questo comprometta qualche cosa anche in altri oggetti però. 
    Se non sbaglio è usato come conternitore di label(o quel che sia) della n-esima riga in dettaglio*/
.main-row-page{
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.frame-content-box {
    margin-top: 5px;
}
/*Bottoni*/
.btn-default{
    border-radius: 10px !important;
    margin-right: 15px;
}
.btn-primary {
    background-image: linear-gradient(to bottom,#409f11 0,#409f11 100%) !important;
    background-color: #409f11;
    border-color: #409f11 !important;
}
.btn-primary:hover, .btn-primary:focus{
    background-color: #3b8815 !important;
    background-image: linear-gradient(to bottom,#3b8815 0,#3b8815 100%) !important;
} 
.btn-primary:active {
    background-image: linear-gradient(to bottom,#409f11 0,#409f11 100%) !important;
    background-color: #409f11 !important;
    border-color: #409f11 !important;
}


/*Visualizzazione della videata*/
#wep{
    margin: 2%;
}
.panel-default>.panel-heading {
    border-radius: 20px 20px 0px 0px;
    background-image: none !important;
    background-color: white;
}
#wep-main-forms-container > .panel{
    border-radius: 20px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 6px 40px 0 rgb(0 0 0 / 2%);
}
.form-caption + .form-body.panel-body {
    height: calc(100% - 60px);
}
.panel, .panel-default{
    border: none;
    background-color: white !important;
}
.panel-heading{
    border: none !important;
}
/*Gestione separatore linea black tra intestazione della tab-page*/
.tabbed-view-frame-box{
    border-top: none;
}

/*Gestione separatore linea black tra intestazione della videata*/
.panel-title{
    font-size: xx-large;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: black solid 1px
}
.frame-box-fixed > .panel-body {
    background-color: white;
}
.frame-toolbar-caption {
    font-size: x-large;
}
/*Serve per un pannelletto dentro la videata che sforerebbe altrimenti*/
.form-caption + .form-body.panel-body {
    height: calc(100% - 90px) !important;
}

/*La tabella della videata*/
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	padding-top: 13px;
	padding-bottom:13px;
	cursor: pointer;
}
.table-bordered {
    border: none;
}
.panel-list-bordered {
    border-bottom: none;
}

/*Bottoni*/
.btn-default {
    background: #e4e6eb;
    color: #1d1f23;
    border: none;
    text-shadow: none;
    border-radius: 15px ;
    transition-duration: 0.3s;
}
.btn-default.focus, .btn-default:focus {
    color: white;
    background: #e4e6eb;
    color: #1d1f23;
    border-color: #ffffff;
    outline: none;
}
.btn-default.hover, .btn-default:hover, .btn-default.focus-visible, .btn-default:focus-visible {
    background: #b5b8c1;
    color: #1d1f23;
	cursor: pointer;
}
.btn-default.active, .btn-default:active {
    background: #e4e6eb;
    border-color: #dbdbdb;
    color: #1d1f23;    
	outline: none;
}
/*Bottoni della smart lookup (è che non mi viene il nome del tipo di input)*/
.input-group-btn>.btn {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

/*Tab-page*/
.nav-tabs>li>a {
    color: #333;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #EC6519;
}
.nav-tabs>li>a:hover {
    border-color: #fff #fff #ddd;
}
.nav>li>a{
    text-decoration: none;
}
.nav>li>a:hover{
    text-decoration: none;
    background-color: white;
}
/*Messaggi*/
.staff-message {
    margin-bottom: 10px;
    margin-left: 70px;
    border-radius: 10px;
    background-color: #fad8c4;
    padding: 15px;
}
.customer-message {
    margin-bottom: 10px;
    margin-right: 70px;
    border-radius: 10px;
    background-color: #ececec;
    padding: 15px;
}

/*Anteprima documenti*/
.has-round-borders {
    overflow: hidden !important;
}

/*OggettoHTML del Ticket*/
.tck-object>b {
    color: #EC6519;
    font-weight: 800;
}
.tck-row {
    color:#807474;
}
.tck-row>span {
    color: #5b5b5b;
    font-weight:600;
}
/*iFrame del messaggio*/
.msg-frame>iframe{
    width: 100%;
    border: none;
}

.border-top{
    border-top: 1px solid rgb(119, 119, 119);
}

/*Calendario*/
.calendar-activity {
    border-radius: 3px;
    /*box-sizing: border-box;*/
    padding-top: 0px !important;
    margin-top: 1px;
    width: 85%;
}
.calendar-activity-container {
    border: 1px solid rgba(0,0,0,0.25) !important;
}
.calendar-day{
	background:#e4e6eb !important;
}
.calendar-date> span{
    font-size: medium;
}
.calendar-program-title>.book-box>span, .calendar-presence-title>.book-box>span{
	font-size: x-large;
	font-weight: bold;
}
.calendar-program .calendar-activity{
	width: 97% !important;
}
.calendar-program-title>.book-box, .calendar-presence-title>.book-box{
	width: 100% !important;
}
.calendar-date, .calendar-day{
    width: 100% !important;
}
.calendar-activity-container>.calendar-activity {
    padding-right: 2px;
    padding-left: 14px;
    margin-top: 11%;
    height: 80% !important;
    margin-left: 3%;
}
.calendar-activity {
    border-radius: 3px;
    /*box-sizing: border-box;*/
    padding-top: 0px !important;
}
.calendar-presence-title>.book-section{
    height: 100% !important;
}
.box-presence{
    height: 100% !important;
}
.calendar-presence-detail{
	height: 100% !important;
}
.box-presence>span{
    font-size: medium !important;
}
.ml-30{
    margin-left: 30px;
}