#the-list .pods-ui-col-field-naziv {
    font-size: 16px !important;
    padding-top: 20px !important;
}
/* The Modal (background) */
.tutor-dashboard-menu-processReq {
    display:none;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000 !important; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.myBtn:hover {
    opacity: 0.8;
}
.parent-raz:hover {
    opacity: 0.8;
}
.parent-raz:hover
.myBtn {
    opacity: 1;
}
.myBtn {
    opacity: 0;
}
/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 45%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.pods-form-front .pods-field-input {
    width: 100% !important;
}
.pods-form-front .pods-field-input select {
    width: 100% !important;
}
.pods-form-front .pods-field-input input {
    width: 100% !important;
}
.form-reservation {
    width: 80% !important;
    margin: 20px 0 !important;
    display: flex;
    flex-direction: column;
}
body {
    padding-right: 0 !important;
}
.swal2-popup .swal2-styled:focus {
    box-shadow: none !important;
}
.swal-button:focus {
    box-shadow: none;
}
.form-reservation-perm {
    width: 80% !important;
    margin: 20px 0 !important;
}
#room-dropdown {
    max-width: 400px;
    margin: 10px 0;
}
.stileone {
    cursor:pointer;
    padding: 5px 0;
    text-align: center;
}
.reserved {
    cursor:pointer;
    padding: 5px 0;
    background: red;
    text-align: center;
}
.top-headers-wrapper {
    z-index: 888 !important;
}
.height-100 {
    min-height: 100px !important;
}
span.select2.select2-container.select2-container--default {
    min-height: 100px;
    overflow-y: auto;
}
.pods-form-front .pods-field-input {
    display: flex;
    flex-direction: column-reverse;
}
.pods-form p {
    margin-bottom: 0 !important;
    font-weight: bold;
}
.pods-form select {
    margin-top: 0 !important;
}
.pods-form-front-success {
    display: none;
}
.fc .fc-scrollgrid-section table {  margin-bottom: 0 !important; }
.fc .fc-scrollgrid-section-body table, .fc .fc-scrollgrid-section-footer table
{ border-bottom-style: unset !important; }
.fc .fc-scrollgrid-liquid {margin-bottom: 0;}
.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #ddd !important;
    border: 1px solid #ddd !important;
}
.parent{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    position:relative;
}
.calendar{
    width: 83%;
}
.sidebar-calendar {
    width: 15%;
    max-height: 800px;
    overflow: auto;
    margin: 0 1%;
    border: solid 1px grey;
    margin-bottom: 20px;
}
.sidebar-calendar::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.sidebar-calendar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.sidebar-calendar::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
.sidebar-calendar::-webkit-scrollbar-thumb:hover {
    background: #555;
}
#foo {
    margin-bottom: 10px;
}
.tutor-dashboard-menu-submitSelected, .tutor-dashboard-menu-dodaj-termin {
    display:none;
 }
.room-sw-cnt {
    display: flex;
    flex-direction: row;
    padding: 15px 0;
    justify-content: flex-end;
    overflow-x: auto;
    flex-wrap: wrap;
}
.room-sw-inner {
     padding: 0px; margin: 5px; border-radius: 5px; display: flex; min-width: 75px;
}.room-sw-input {
     margin: 0 5px  !important;
}.room-sw-label {
     margin: 0  !important;
      padding-top: 1px;
}
 .head-cal {
     padding-bottom: 15px;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
 }
 .programs-sw {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     width: 95%;
     margin: 10px 2.5% 10px 2.5%;
     background: #eee;
     border-radius: 5px;
     padding-bottom: 10px;
 }
.programs-sw-fak {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     width: 95%;
     margin: 10px 2.5% 10px 2.5%;
     background: #eee;
     border-radius: 5px;
     padding-bottom: 10px;
 }
 .razred-sw {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     width: 95%;
     margin: 10px 2.5% 10px 2.5%;
     background: #eee;
     border-radius: 5px;
     padding-bottom: 0px;
 }
 .predavanja-sw {
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     width: 85%;
     margin: 10px 7.5% 10px 7.5%;
     background: #eee;
     border-radius: 5px;
 }
#bookmark-this {
    padding: 5px 10px;
    background-color: #b39d81;
    border: 1px solid #b39d81;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    margin-left:10px;
}
#reload-source {
    padding: 5px 10px;
    background-color: #b39d81;
    border: 1px solid #b39d81;
    border-radius: 4px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    margin-left:10px;
}

#bookmark-this:hover {
    background-color: #b39d81;
    border: 1px solid #b39d81;
    text-decoration: none;
}

#bookmark-this:active {
    background-color: #b39d81;
    border: 1px solid #b39d81;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}
#reload-source:hover {
    background-color: #b39d81;
    border: 1px solid #b39d81;
    text-decoration: none;
}
.mystyle {
    margin-top:40px;font-size:13px; font-weight: bold;border-radius: 5px; padding: 15px 15px 15px;background-color: #d2ac67; color: #fff; text-transform:uppercase;min-width:180px;float:right;
}
.mystyle:hover {
    opacity: 0.7;
}
.pure-button:hover {
    opacity: 0.7;
}
#reload-source:active {
    background-color: #b39d81;
    border: 1px solid #b39d81;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}
.dvTable {
    margin-top: 30px !important;
}
@media only screen and (max-width: 992px) {
    .fc-direction-ltr .fc-daygrid-event .fc-event-time {
        display: none !important;
    }
    .tabela-1 {
        overflow: auto;
    }
    .hel{
        margin-top: 5vh;
    }
    .programs-sw {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        margin: 10px 0% 10px 0%;
        background: #eee;
        border-radius: 5px;
        overflow-x: auto;
    }
    .programs-sw-fak {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        margin: 10px 0% 10px 0%;
        background: #eee;
        border-radius: 5px;
        overflow-x: auto;
    }
    .dvTable {
        margin-top:20px;
    }

    .predavanja-header {
        display: none !important;
    }
          .razred-sw {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        margin: 10px 0 10px 0;
        background: #eee;
        border-radius: 5px;
      overflow-x: auto;
      flex-wrap: wrap !important;
      justify-content: center !important;
    }
      .header-span {
          display: none !important;
      }
    .predavanja-sw {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        margin: 10px 0% 10px 0%;
        background: #eee;
        border-radius: 5px;
        overflow-x: auto;
    }
    .fc-toolbar-title-t {
        margin-left: 0 !important;
    }
    .head-cal {
        flex-direction: column;
    }
    .room-sw-cnt {
        display: flex;
        flex-direction: row;
        padding: 15px 0;
        justify-content: center;
        overflow-x: auto;
        width: 100%;
    }
    .room-sw-inner {
        margin:  5px 10px;
        min-width: 75px;
    }
    .parent {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        flex-direction: column;
    }
    .calendar{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .fc .fc-col-header-cell-cushion {
        writing-mode: vertical-rl;
        text-orientation: upright;
        padding: 2px 0 !important;
    }
    .sidebar-calendar {
        width: 100%;
    }
    .modal-content {
        margin: 5% auto !important;
        width: 90% !important;
    }
    .fc .fc-toolbar {
        flex-direction:column;
    }
    .fc .fc-toolbar-title {
        margin: 10px 0;
    }
    .modal-content-update {
        margin: 5% auto !important;
        width: 90% !important;
    }
    .raz-label {
        font-size: 10px !important;
        width: 100% !important;
    }
    .razredSelect {
        margin: 0 6px 4px 0 !important;
    }
    .tutor-dashboard-content {
        margin-bottom: 0 !important;
    }
}
/* The Modal (background) */
.modalUpdate {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000 !important; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content-update {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 45%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.closeUpdate {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeUpdate:hover,
.closeUpdate:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
