/*
    Variabili
 */
:root {
    --main-navbar-z-index: 10;
    --collapse-page-z-index: 21;
    --overlay-z-index: 1000;
}

body {
    font-size: .875rem;
}

.logo {
    margin-left: 15px;
}
.copy {
    margin-top: 20px;
}

.text-selection-none{
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none;
}

.presenze label {
    font-weight: normal;
}

.presenze .ora {
    max-width: 150px;
}

.presenze .radio {
    display: inline-block;
    margin-right: 10px;
}

#login .hideShowPassword-toggle {
    margin-top: 0 !important;
    z-index: 2;
}

.marginTop20 {
    margin-top: 20px;
}

button.filter {
    margin-bottom: 1em;
}

.lezione-mia {
    background-color: #e8efe2;
}

a.lezione-mia {
    color: #265986;
}

/* vedi https://github.com/twbs/bootstrap/pull/13203 */

.row-eq-height {
    display: flex;
}

.row-eq-height .panel {
    height: 95%;
}

th .full, td .full {
    display: block;
    width: 100%;
}

.back {
    margin-top: 20px;
}

.modal-header h3 {
    margin-top: 0;
}

.no { margin-left: 30px}
.tbnome { width: 70%}
.btn-ritardo { margin-top:5px}

.pTop20 { padding-top: 20px}
.pTop40 { padding-top: 40px}

.pBottom20 { padding-bottom: 20px}
/*.navbar a { color: #000 !important }*/
/* media queries */

.blur-5px {
    -webkit-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

@media all and (max-width: 768px)  {
    .top-nav {
        margin-top: -100px;
    }
}

@media all and (min-width: 768px) and (max-width: 1024px) {
    .side-nav {
        width: 50px;
    }
    .side-nav a span {
        display: none;
    }
    .side-nav > li > ul > li > a {
        padding-left: 20px;
    }
}

/* navbar area docente */
.navbarDocente {background-color: #82DAF2}

.navbarDocente > .open > a,
.navbarDocente > .open > a:hover,
.navbarDocente > .open > a:focus {
    background-color: #82DAF2 !important;
}

.navbarDocente > .active > a:hover,
.navbarDocente > .active > a:focus,
.navbarDocente > .active > a {
    background-color: #82DAF2 !important;
}

.nav-tabs li > a {
    text-decoration: none;
    background-color: #888888;
    color: #ffffff;
}
.nav-tabs li > a:focus, .nav-tabs li > a:hover {
    text-decoration: none;
    background-color: #555555;
    color: #ffffff;
}

#xcorso-navbar
{
    padding: 0 3%;
}

#xcorso-navbar .navbar-toggler {
    margin: 5px 0;
}

#xcorso-navbar .nav-link {
    color: white;
}

#xcorso-breadcrumb a {
    color: white;
}

#xcorso-navbar .navbar-text {
    padding-top: 0!important;
    padding-bottom: 0!important;
}

#xcorsoTop {
    background-image: linear-gradient(to right, #FFFFFF 25%, #6B918E 100%);
}

.navbar#xcorso-navbar .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#xcorso-actions-bar {
    padding: 0 3%;
    box-shadow: 0 2px 6px #d2d2d2;
}

#xcorso-actions-bar-navbar .navbar-nav,
#xcorso-actions-bar-sm-navbar .navbar-nav {
    width: 100%;
    flex-direction: row;
}

#xcorso-actions-bar-navbar .navbar-nav li,
#xcorso-actions-bar-sm-navbar .navbar-nav li{
    width: 16.666%;
    min-width: 90px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

#logoHeaderTopLeft {
    margin: 10px 0;
    width: 100%;
    max-width: 478px;
}

#siferBreadcrumb{
    margin-bottom: 20px;
    box-shadow: 0 2px 6px #d2d2d2;
}

#siferBreadcrumb ol {
    margin: 0;
    padding: 9px 0 7px 0;
    background-color: #ffffff; /* #f3f3f3 #f7e6bc */
    font-size: 14px;
}

#siferBreadcrumb li + li:before {
    /* content: "\00bb\00a0"; */
    color: #000;
    content: "»";
    padding: 0 3px;
}

#siferBreadcrumb a {
    /*
    padding: 2px 6px;
    border: 1px solid #fff;
    border-radius: 100px;
    line-height: 26px !important;
    */
}

#xcorsoFooter {
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: #f0f0f0;
    font-size: 12px;
    border-top: 2px solid lightgrey;
    height: 45px;
    max-height: 42px;
    z-index: 1030;
}

#xcorsoFooterGap {
    height: 52px;
}

/*** Navbar ***/

.navbar {
    border-radius: 0;
    border: 0 #f3f3f3;
    margin: 0;
}

.navbar .navbar-brand,
.navbar .navbar-nav > li > a {
    color: #ffffff;
}

.xcorso-menu-sm {
    padding: 0 5%;
    box-shadow: 0 2px 6px #d2d2d2;
}

.xcorso-menu .navbar-nav > li > a,
.xcorso-menu-sm .navbar-nav > li > a
{
    max-height: 25px;
    transition: transform .2s;
}

.xcorso-menu .navbar-nav > li > a:hover,
.xcorso-menu-sm .navbar-nav > li > a:hover
{
    transform: scale(1.2);
}

.xcorso-menu .navbar-nav > li {
    padding: 0 .5em;
}

.navbar .navbar-toggle {
    margin: 6px 12px 6px 0;
    padding: 6px 7px 6px 7px;
}

.navbar .navbar-toggle .icon-bar {
    width: 19px;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #1f4b80;
    /*color: #C12629;*/
}

.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a {
    background-color: #1f4b80;
    /*color: #C12629;*/
}

/** nav tabs **/

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-color: #ddd #ddd #fff #ddd;
    color: #1f4b80;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.1;
}

.nav-tabs > li > a,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
    font-size: 24px;
    line-height: 1.1;
}

.navbar-sticky {
    position: sticky;
    top: 0;
    z-index: var(--main-navbar-z-index);
}

#registro-credits {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1040;
    background-color:rgba(0,0,0, .5);
    visibility: hidden;
}

#registro-credits.show {
    visibility: visible;
}


.registro-button .registro-button-text {
    text-align: left;
}

/*** Adattamenti select2 ***/

/*
[class^="col-"] {
    margin: 0 !important;
    padding: 0 !important;
}
*/

[class^="select2-"] {
    border-color: #ccc !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset !important;
    color: #555 !important;
}

.select2-selection__clear,
.select2-selection__arrow,
.select2-selection__placeholder {
    border: none !important;
    box-shadow: none !important;
    color: #999 !important;
}

[class^="select2-"]:focus {
    border-color: #66afe9 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6) !important;
    outline: 0 none !important;
}

.select2-selection__rendered {
    padding: 6px 30px 6px 12px !important;
    line-height: 1.42857 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f5f5f5;
}

/*** Adattamenti bootstrap ***/

fieldset {
    border: 1px solid #CACACA !important;
    margin: 1px !important;
    padding: 0.5em !important;
}

legend {
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
    font-size: 0.7em !important;
    padding: 3px !important;
    border: 1px solid #CACACA !important;
    margin: 0 !important;
    width: auto !important;
}

table {
    margin-bottom: 10px !important;
}

h2 {
    color: #1f4b80;
    margin-top: 0;
    margin-bottom: 20px;
}

h3 {
    color: #1f4b80;
    margin-top: 0;
    margin-bottom: 10px;
}

h4 {
    color: #1f4b80;
    margin-top: 0;
    margin-bottom: 0;
}

caption {
    color: #1f4b80;
    font-size: 24px;
    font-weight: 500;
}

.well {
    box-shadow: none;
}

.nowrap {
    white-space: nowrap;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.nomargin {
    margin: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

input:disabled, textarea:disabled, select:disabled {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.badge-success {
    background-color: #5cb85c;
}

.badge-caution {
    color: #FFFFFF;
    background-color: rgba(220,53,69,0.5);
}

.text-caution {
    color: rgba(220,53,69,0.5);
}

.alert {
    margin-bottom: 10px;
}

.modal-body {
    background-color: #fff;
}

.modal .modal-title {
    width: 100%;
}

.modal-backdrop {
    visibility: hidden;
}

.modal.show {
    background-color: rgba(0,0,0, .5);
}

.popSourceBlock {
    display:none;
}

#collapse-overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: calc(var(--collapse-page-z-index) - 1);
}

.overlayFade {
    position: relative;
    border: 1px solid #faebcc;
    background-color: #fcf8e3;
    border-radius: 4px;
    z-index: calc(var(--overlay-z-index) + 1);
    padding: 3px;
}

.table-nonfluid {
    width: auto !important;
}

.form-control-date {
    width: 100px;
}

.form-control-iban {
    width: 240px;
}

.popover{
    max-width: 100%; /* Max Width of the popover (depending on the container!) */
}

/* mostra la griglia nella griglia */
.show-grid {
    /*margin-bottom: 15px;*/
}

.show-grid [class^="col-"] {
    border: 1px solid rgba(86, 61, 124, 0.2);
    padding-bottom: 10px;
    padding-top: 10px;
}

/*** Input file stile bootstrap. ***/

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}


/* da qui è vecchio */


.form-group > .required:after {
    content: ' *';
}

.glyphicon {
    margin-right: 5px;
}

/* paginatore */

.fixed-table-pagination div.pagination, .fixed-table-pagination .pagination-detail {
    margin-bottom: 10px;
    margin-top: 10px;
}
.fixed-table-pagination div.pagination .pagination {
    margin: 0;
}
.fixed-table-pagination .pagination a {
    line-height: 1.42857;
    padding: 6px 12px;
}
.fixed-table-pagination .pagination-info {
    line-height: 34px;
    margin-right: 5px;
}
.fixed-table-pagination .page-list {
    display: inline-block;
}
.fixed-table-pagination li.disabled a {
    cursor: default;
    pointer-events: none;
}

.fixed-table-counter .counter-info {
    line-height: 17px;
    margin-right: 5px;
}

pre {
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    word-break: normal;
}


/** tools **/
/** troncamento testo lungo **/
.truncate {
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/** fake trento css **/
#logoProv {
    background-color: #dfe9f0;
    padding-left: 15px;
}

/** Toggle switch button */

.btn.toggle.toggle-ios .toggle-handle {
    width: 40px;
    vertical-align: top;
}

.btn.toggle.toggle-ios, .btn.toggle.toggle-ios .btn {
    border-radius: 15px;
}

/** stretched-y-button */

.stretched-y-button {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto;
    background-color: #337ab7;
    color: white;
    text-align: center;
    padding: 1em .5em;
}

.stretched-y-button::content {
    margin-top: 10px;
}

.stretched-y-button > .icon {
    position: relative;
    display: inline-block;
}

.select2-results__option[aria-selected=true] {
    display: none;
}

.select2-results__option[aria-disabled=true] {
    display: none;
}

.collapse-page {
    background-color: #d4d2d3;
    padding: 19px;
    position: relative;
    z-index: var(--collapse-page-z-index);
}

.collapse-page .title {
    position: sticky;
    top: 0;
    z-index: calc(var(--collapse-page-z-index) + 1);
}

.collapse-page .title.title-shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.collapse-page .d-collapse-page-none {
    display: none;
}

.collapse-tab {
    background-color: #d4d2d3;
    z-index: calc(var(--collapse-page-z-index) + 1);
    position: relative;
}

.table-sm td .collapse-tab {
    margin: -.3rem;
    padding: .3rem;
}

.tr-collapse-page-header.active td {
    position: relative;
    z-index: calc(var(--collapse-page-z-index) + 1);
}


.tr-collapse-page-header.active > td {
    padding-right: 0;
    background-color: #d4d2d3!important;
}

.tr-collapse-page-header.active > td > .td-container {
    border-right: 1px solid lightgrey;
    padding-right: 8px;
    width: 100%;
    height: 100%;
}

.collapse-page .body {
    background-color: white;
    padding: 5px 5px;
}

.navbar.xcorso-menu-sm li > a,
.navbar.xcorso-menu-sm li > a:hover
{
    font-size: 13px;
}

.waiting-cursor {
    cursor: progress;
}

.ajax-title {
    border-radius: 6px 6px 0 0;
}

/* widget */
.widget-panel{
    position: relative;
}

.widget-panel .widget-panel-image {
    display: inline-block;
    padding: 15px 15px;
    height: 100%;
}

.widget-panel .widget-panel-stat {
    position: absolute;
    top: 0;
    right: 0;
}

.widget-panel .widget-panel-stat > span.badge {
    position: relative;
    right: -50%;
    font-size: 20px;
    margin-top: -.5em;
}

.widget-panel .widget-panel-body {
    display: inline-flex;
    vertical-align: top;
    padding: 10px 10px;
    max-width: 190px;

}

.widget-panel .widget-title {
}

/* widget square */
.widget-square-panel {
    position: relative;
    min-width:180px;
    min-height: 180px;
    max-width: 240px;
    max-height: 180px;
    width: 20%;
    padding: 10px 10px;
    margin-bottom: 0;
    margin-right: 5px;
    margin-left: 5px;
    border:none;
}

.widget-square-panel.active {
    top: -25px;
    min-height: 237px;
    max-height: 237px;
    padding-bottom: 42px;
    margin-bottom: -50px;
}

#widget-container .widget-square-panel.widget-link:not(.active)
{
    transition: .5s;
}

#widget-container .widget-square-panel.widget-link:not(.active):hover
{
    transform: translateY(-25px);
    min-height: 205px;
    max-height: 205px;
    padding-bottom: 35px;
    margin-bottom: -25px;
}

.widget-square-panel.waiting {
    animation: bounce-widget .5s infinite alternate-reverse;
}

.widget-square-panel .widget-panel-image {
    position: absolute;
    left: 50%;
    top: 50%;
    color: black;
}

.widget-square-panel .widget-panel-image > span > i{
    position: static;
    margin-top: -.5em;
    margin-left: -50%;
    opacity: .25;
}

.widget-square-panel .widget-panel-body {
    position: absolute; /* serve per posizionare il testo sull'immagine */
    bottom: 0;
    left: 0;
    padding: inherit;
}

.widget-square-panel .widget-title {
    font-size: medium;
    position: relative; /* serve per posizionare il testo sull'immagine */
}

.widget-panel.widget-link,
.widget-square-panel.widget-link{
    cursor: pointer;
}

.widget-panel.widget-link:active,
.widget-square-panel.widget-link:active{
    box-shadow: none;
    outline: 0;
}

#widget-container .widget-row {
    padding: 30px 15px 20px 15px;
    overflow-y: hidden;
    position: relative;
}

.widget-square-panel a.widget-statistic.active {
    text-decoration: underline;
}

.widget-divider {
    min-height: 50px;
    padding: 5px 10px;
}

.expanded-choices-horizontal > div {
    display: inline-block;
    padding-right: 5px;
}

.form-group .form-text {
    text-align: right;
}

#registro-modal-medium .modal-dialog {
    max-width: none;
    width: 55%;
    margin-left: auto;
    margin-right: auto;
}

#registro-modal-slim .modal-dialog {
    max-width: none;
    width: 35%;
    margin-left: auto;
    margin-right: auto;
}

#registro-modal .modal-dialog {
    max-width: none;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 576px) {
    #registro-modal .modal-dialog {
        width: 90%;
    }
    #registro-modal-medium .modal-dialog {
        width: 90%;
    }
    #registro-modal-slim .modal-dialog {
        width: 90%;
    }
}

@media only screen and (min-width: 577px) and (max-width: 1280px) {
    #registro-modal-medium .modal-dialog {
        width: 90%;
    }
}

body.modal-open .overflow-x-auto  {
    overflow-x: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.dropdown .dropdown-registro-item {
    text-align: center;
    padding: 10px !important;
    cursor: pointer;
}

/**
 * Effetto della stella che si accende quando ci passo sopra con il mouse
 */
.add-bookmark {opacity: 0; position: absolute; top: 0; left: 0;}
.add-bookmark:hover {opacity: 1;}

/**
 * Chevron sui collapse
 */
[data-toggle="collapse"][aria-expanded="false"] .collapse-prepend-chevron::before,
[data-toggle="collapse"][aria-expanded="false"] .collapse-append-chevron::after
{
    font-family: "Font Awesome 5 Free", serif;
    font-weight: 900;
    content: "\f054";
}
[data-toggle="collapse"][aria-expanded="true"] .collapse-prepend-chevron::before,
[data-toggle="collapse"][aria-expanded="true"] .collapse-append-chevron::after
{
    font-family: "Font Awesome 5 Free", serif;
    font-weight: 900;
    content: "\f078";
}

.custom-file-label::after {
    content: "Sfoglia";
}

.not-allowed {
    opacity: 0.6;
    cursor: not-allowed!important;
}

.text-warning {
    color: #dfac16!important;
}
.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}