/* Title izmjene */

.mainTitle {
    border: none;
    border-radius: 0;
    position: relative;
}


@media screen and (max-width: 600px) {
    .mainTitle {
       margin-top: 3rem;
    }
   }

.mainTitle::after {
    content: '';
    position: absolute;
    bottom: -10px; /* Adjust this value to position the border below the heading */
    left: 50%; /* Center the pseudo-element horizontally */
    transform: translateX(-50%); /* Center the pseudo-element horizontally */
    width: 80%; /* Set width to 80% of the element */
    border-bottom: 2px solid #4caf509c;
}

.select-wrapper input.select-dropdown {
    border: 1px solid #4caf50;
    padding-left: 5px;

}


.dropdown-content li>a, .dropdown-content li>span {
    color: #3dbb41ba;
}

.select-dropdown.dropdown-content li:hover {
    background-color: #4caf5080;
}

.select-dropdown.dropdown-content li.selected {
    background-color: #4caf50ba !important;
}

.select-dropdown.dropdown-content li.selected span {
    color: #fff;
}


.select-dropdown li img, #flagImage {
    border: none;
}

.dropdown-content li:not(:last-child) {
    border: 1px solid lightgray;
    padding-bottom: 1px;
}

.select-dropdown {
    max-height: 316px !important; /* cchack for this */
}

@media screen and (max-width: 400px) {
   .select-wrapper .dropdown-content  {
        width: 180px !important; /* cchack for this */
    }
  }
  


.dashboardCard {
    border-radius: 10px !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    transition: 0.3s ease all;
    padding-top: 25%;
}

.dashboardCard:hover {
    transform: translateY(-5px);
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.4);
}

.sidenav li>a:hover {
    background-color: #4caf5080;
    border-radius: 10px;
}

.truncate  {
    margin-bottom: 5px;
}
.activeLinkName {
    background-color: #4caf50ba;
    border-radius: 10px;
    text-align: center;
}

#activeKampName {
    background-color: #b8ec84;
    border-radius: 10px;
    color: gray;
    text-align: center;
}


.toast.rounded {
    background-color: #4caf50;
    border-radius: 10px;
}

.btn  {
    background-color: #4caf50;
}

.btn:hover {
    background-color: #4caf4fdd;
}

/* Vrsta smještajne jedinice ispod */

.pagination li.active {
    border-radius: 5px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    background-color: #4caf50;
}
.pagination li.active a {
    color: rgba(0, 0, 0, 0.87);
}

.pagination li i {
    font-size: 2rem;
    color: #4caf50;
}
.pagination li.disabled a i {
    cursor: default;
    color: #4caf5080;
}

label#itemsPerPageLabel {
    width: 130%;
}
input[type=text]:not(.browser-default):focus:not([readonly]) {
    border-bottom: 1px solid #4caf50;
    -webkit-box-shadow: 0 1px 0 0 #26a69a;
    box-shadow: 0 1px 0 0 #4caf50;
}

.input-field .prefix.active {
    color: #4caf50;
}


.sidenav .divider {
    margin: 5px 0;
}

.divider {
    background-color: #4caf50;
}

table.highlight > tbody > tr:hover {
    background-color: #4caf5080 !important;
}


/* styles for fokus state on all pages */
input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #4caf50;
    -webkit-box-shadow: 0 1px 0 0 #4caf50;
    box-shadow: 0 1px 0 0 #4caf50;
}

[type="checkbox"].filled-in:checked+span:not(.lever):after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 2px solid #4caf50;
    background-color: #4caf50;
    z-index: 0;
}

.blue {
    background-color: #4caf50 !important; /* color of edit button */
}

a {
    color: #4caf50; /* changed color of the img icons to green */
}
a:hover {
    color: #4caf4fdd;
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
    background-color: #34bb38ba;
}


/* broj SJ stajliranje ispod */

.tabs .tab a {
    color: #4caf50 !important;
}

.tabs .indicator {
    background-color: #4caf50 !important;
}

.tabs .tab a:hover {
    color: #4caf5080 !important;
}

.tabs .tab a:focus.active {
    color: #34bb38ba !important;
    background-color: #e0f2f1 !important;
}

.timepicker-digital-display {
    
    background-color: #4caf50;
    padding: 10px;
    font-weight: 300;
}

.timepicker-close {
    color: #4caf50;
}

.timepicker-tick.active, .timepicker-tick:hover {
    background-color: #4caf5080;
}

.timepicker-canvas line {
    stroke: #4caf50;
}
.timepicker-canvas-bg, .timepicker-canvas-bearing {
    fill: #4caf50;
}

.dropdown-content li:hover, .dropdown-content li.active {
    background-color: #4caf5080; /* Check these styles */
}

.datepicker-date-display {
   
    background-color: #4caf50;
  
}

.datepicker-cancel, .datepicker-clear, .datepicker-today, .datepicker-done, .datepicker-table td.is-today {
    color: #4caf50;
}
 
.datepicker-day-button:hover,.datepicker-day-button:focus {
    background-color: #4caf5080;

    border-radius: 5px;
 
}
.datepicker-table td.is-selected {
    background-color: #4caf50;
    color: #fff;
    border-radius: 5px;
}

button:focus {
    background-color: #4caf50;
}

.btn-floating {
    border-radius: 10px;
}


.center-align button.waves-effect.waves-light.btn {
    background-color: #4caf50;
    border-radius: 5px;
    width: 100%;
    height: 50px;
}
.center-align button.waves-effect.waves-light.btn:hover {
    background-color: #4caf4fd8;
}

@media screen and (max-width: 828px) {
    button.btn-floating.blue.editVSJ {
        margin-bottom: 5px;
    }
    
}

@media screen and (max-width: 396px) {
    button.btn-floating.blue.editBrojSJ {
        margin-bottom: 5px;
    }
    
}
@media screen and (max-width: 362px) {
    button.btn-floating.blue.editObjekti {
        margin-bottom: 5px;
    }
    
}
@media screen and (max-width: 450px) {
    button.btn-floating.blue.editTockeInteresa {
        margin-bottom: 5px;
    }
    
}

@media screen and (max-width: 2478px) {
    button.btn-floating.blue.editTranslations {
        margin-bottom: 5px;
    }
    
}
@media screen and (max-width: 351px) {
    button.btn-floating.blue.editNatpisi {
        margin-bottom: 5px;
    }
    
}
@media screen and (max-width: 547px) {
    button.btn-floating.blue.editStopBooking {
        margin-bottom: 5px;
    }
    
}
@media screen and (max-width: 362px) {
    button.btn-floating.blue.editParametri {
        margin-bottom: 5px;
    }
    
}
@media screen and (max-width: 369px) {
    button.btn-floating.blue.editIntegracije {
        margin-bottom: 5px;
    }
    
}
/*
@media screen and (max-width: 600px) {
    .center-align button.waves-effect.waves-light.btn {
        border-radius: 5px;
        width: 50%;
        margin-left: 20%;
    }
   }

   @media screen and (max-width: 450px) {
    .center-align button.waves-effect.waves-light.btn {
        border-radius: 5px;
        width: 150px;
        margin-left: 20%;
    }
   }
   */

   .center-align button.waves-effect.waves-light.btn {
    border-radius: 5px;
   max-width: 400px;
}




   /* Styles for modals */

.modal {
    width: 90% !important;
}

.container-border {
    border: 2px solid #4caf50 ;
    border-radius: 10px;
}

i.medium {
    font-size: 3rem;
}
  

.col.s12.l10.offset-l2.additionalPadding {
    padding: 0 20px;
}



.max-width {
    max-width: 500px;
    margin: 0 auto;
}



/* Styles for select language on login page */