/* Titolo sopra ogni input form */
h5.form-input-title {
    padding: 0 .5em;
    margin: 0;
    float: left;
}

/* Errore sotto ogni input form */
.ui-message.ui-message-error {
    float: right;
}

/* Icon in the template */
.landing-body .landing-topbar .landing-topbar-left .logo img {
    height: 22px;
    width: auto;
}

/* Icon in the login page */
.login-body .login-wrapper .login-panel .logo img {
    width: 85px;
    height: 85px;
}

/* Icon in the menu bar on the left */
.menu-wrapper .sidebar-logo img {
    width: 22px;
    height: 22px;
}

/* Icon in basic error */
.exception-body .exception-topbar .layout-topbar-logo > img {
    height: 22px;
}

/* Icon for menu type 'horizontal': disabled by default */
.layout-topbar-light .layout-topbar .layout-topbar-wrapper .layout-topbar-left .layout-topbar-logo > img {
    height: 22px;
}

/************************************
 * ???
************************************/
#languageSelector.ui-state-default {
    margin:10px 10px 0 0;
    padding-right: 40px;
    font-size: 16px;
}

li.header {
    text-transform: uppercase;
}

.sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}
.sidebar-form, .sidebar-menu>li.header {
    overflow: hidden;
    text-overflow: clip;
}

#userImage {
    float: left;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -2px;
}

ul.dropdown-menu > li.user-header {
    height: auto!important;
}

a.dropdown-toggle {
    background-color: #3c8dbc!important;
}

a#logout {
    color: #3c8dbc!important;
    background: transparent;
}

ol.breadcrumb {
    visibility: hidden;
}

.exporter{
    margin: 16px 0 8px 0;
    font-size: 18px !important;
}

.exporter i{
    margin: 12px 6px 12px 6px;
}

/* Per i dialog che coprono quasi tutto lo schermo */
.dialogFullScreen{
    position: fixed !important;
    width: 84vw !important;
    left: 8vw !important;
    max-height: 84vh !important;
    top: 8vh !important;
    padding: 0px !important;
}

/* Per far si che l'intestazione di tali dialog rimanga fissa rispetto allo scorrimento della scroll */
#content .content .dialogFullScreen .ui-dialog-titlebar {
    background-color: white !important;
    position: fixed !important;
    width: 84vw;
    z-index: 1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

/* La dimensione della scritta della intestazione dei dialog */
.dialogFullScreen .ui-dialog-title {
    font-size: 24px !important;
    font-weight: bold !important;
}

/* La posizione del pannello dentro ai dialog */
.dialogFullScreen .dialogPanel {
    text-align:left;
    padding: 0 20px 20px 20px;
    /*margin-top: 62px*/
}

/* Per far si che il contenuto del dialog sia scrollabile */
.dialogScrollable{
    overflow: scroll !important;
    /* max-height: 70vh; */
}

/* .dialogHeader { */
/* 	float: left; */
/* 	font-size: 20px; */
/* 	font-weight: bold; */
/* 	text-decoration: underline; */
/* } */

.dialogIcon {
    font-size: 15px;
    margin: 15px 15px 15px 0px;
}

.dialogKey {
    font-weight: bold;
}

.dialogColumnLabel {
    text-align: left;
}

.dialogTable {
    margin: 0 auto;
}

/* Sezione per la parte legata al dialog per i pdf */
.dialogFullScreen2.pdfDialog {
    position: fixed !important;
    width: 84vw !important;
    left: 8vw !important;
    height: 84vh !important;
    top: 8vh !important;
}

/* .pdfDialog.ui-dialog .ui-dialog-content { */
/* 	max-height: 84vh !important; must be the same as .ui-dialog height */
/* } */

/* .pdfDialog.ui-dialog .ui-dialog-content .ui-outputpanel { */
/* 	height: 100%; */
/* } */

.pdfDialog.ui-dialog {
    height: 90% !important;
    top: 5% !important;
}

@media screen and (max-width: 992px) {
    .pdfDialog.ui-dialog {
        width: 90% !important;
        left: 5% !important;
    }
}

.pdfDialog.ui-dialog .ui-dialog-content {
    height: 90% !important; /* must be the same as .ui-dialog height */
}

.pdfDialog.ui-dialog .ui-dialog-content .ui-outputpanel {
    height: 100%;
}

/* Utils */
.preformatted {
    white-space: pre-wrap;
}

.bluelink {
    color: #3c8dbc !important;
    /* text-decoration: underline; */
}

.bluelink:hover {
    text-decoration: underline;
}

/* Media queries to hide objects */
@media (max-width: 767px) {
    .hidden-xs {
        display:none !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display:none !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display:none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display:none !important
    }
}

.btn-desktop {
    width: 60% !important;
}

.btn-mobile {
    width: 80% !important;
    margin-top: 15px !important;
}