.switch {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 24px;
    margin-left: 10px;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(23px);
    -ms-transform: translateX(23px);
    transform: translateX(23px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/* odd resource‑rows → light gray */
.k-scheduler-content tr:nth-child(odd) td {
    background-color: #f5f5f5;
}

/* even resource‑rows → white */
.k-scheduler-content tr:nth-child(even) td {
    background-color: #ffffff;
}

.k-scheduler-table tbody tr:nth-child(odd) td {
    background-color: #f5f5f5;
}

.k-scheduler-table tbody tr:nth-child(even) td {
    background-color: #ffffff;
}

/*End new halfday css*/

.k-edit-field {
    display: flex;
    gap: 16px; /* Space between columns */
    align-items: flex-start; /* Keep left column fixed at its natural height */
}

    .k-edit-field > div {
        flex: 1; /* Each column takes equal width */
        position: relative; /* Allow independent content control */
    }

    .k-edit-field input {
        width: 100%; /* Ensure inputs expand to full column width */
    }

.k-popup {
    z-index: 1050; /* Ensure dropdown is above other elements */
}



.item-template {
    display: flex;
    align-items: center;
    padding: 5px 10px;
}

    .item-template i {
        margin-right: 5px;
        color: #007BFF;
    }



.custom-template-wrpper{
    background-color: cyan;
}

.k-scheduler-header .k-i-lock {
    color: red;
    font-size: 16px;
}

.k-scheduler .k-scheduler-content .k-resource tr {
    height: 100px; /* Adjust resource row height */
}

#lockIcon, #lockedByLabel {
    float: left; /* Align to the left side */
    margin-right: 10px; /* Add some space between elements */
}

.k-edit-buttons {
    position: relative;
    padding-left: 50px; /* Ensure space for the icon and label */
}

.k-scheduler-search {
    float: right;
    margin-right: 10px;
    margin-top: 5px;
}

    .k-scheduler-search input {
        width: 200px;
    }

.scheduler-template img {
    float: left;
    margin: 0 8px;
}

.scheduler-template p {
    margin: 5px 0 0;
}

.scheduler-template h3 {
    padding: 0 8px 5px;
    font-size: 12px;
}

.scheduler-template a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
.pac-container {
    z-index: 1000000000 !important;
}

    .k-state-hover .scheduler-template a,
    .scheduler-template a:hover {
        color: #000000;
    }

    .categoryRows:hover {
        background-color: lightgrey;
        cursor: pointer;
    }
      .categoryRows {
        background-color: white;
        cursor: pointer;
    }
      
    .createrRows:hover {
        background-color: lightgrey;
        cursor: pointer;
    }
      .createrRows {
        background-color: white;
        cursor: pointer;
    }

body, h1, h2, h3 {
    margin: 0;
}

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color: #f0e68c !important;
}

.adress-input-editor {
    width: 400px !important;
}

.k-nonwork-hour {
    height: 30px !important;
}

.k-recur-end-never {
    display: none !important;
}

.k-recur-view .k-reset li:first-child {
    display: none !important;
}

.k-recur-view .k-reset li:last-child label {
    width: 10% !important;
}

.k-recur-end-until {
    width: 15px !important;
    margin-right: 5px !important;
}

.k-scheduler-edit-form .k-edit-label {
    width: 20% !important;
}

.k-edit-form-container {
    position: relative;
    width: 600px !important;
}

.k-edit-field {
    width: 70% !important;
}

.k-recur-view > div:nth-of-type(1) {
    display: none !important;
}

.k-recur-view > div:nth-of-type(2) {
    display: none !important;
}

.k-recur-end-count {
    width: 15px !important;
}

#Title {
    width: 400px !important;
}

/*#Adress {
    height: 80px !important;
}*/

#Description {
    height: 100px !important;
    resize: vertical !important;
}

.mail {
    width: 15px;
    height: 15px;
    background: url('../Images/maila.jpg');
    background-repeat: no-repeat;
}

.outsource {
    /*position: relative;
    top: 4px;*/
    content: url('../Images/outsourced_green_small.png');
    width: 15px;
    height: 15px;
}

.notoutsource {
    /*position: relative;
    top: 4px;*/
    content: url('../Images/outsourced_red_small.png');
    width: 15px;
    height: 15px;
}

.resourcesDiv {
    position: absolute;
    top: 75px;
    width: 70%;
}

.oddrow {
    line-height: 40px;
    text-align: center;
    background-color: white;
    /*height: 78.4px;*/
    width: 100%;
    /*margin-bottom: 1px;*/
}

    .oddrow:hover {
        line-height: 40px;
        text-align: center;
        background-color: lightskyblue;
        border: 1px;
        /*height: 78.4px;*/
        width: 100%;
        /*margin-bottom: 1px;*/
        cursor: pointer;
    }

.evenrow {
    line-height: 40px;
    text-align: center;
    background-color: lightgrey;
    /*height: 78.4px;*/
    width: 100%; /*200px;*/
}

    .evenrow:hover {
        line-height: 40px;
        text-align: center;
        background-color: lightskyblue;
        border: 1px;
        /*height: 78.4px;*/
        width: 100%;
        cursor: pointer;
    }

.oddrowback {
    line-height: 40px;
    text-align: center;
    background-color: white;
    height: 78.4px;
    width: 100%;
    margin-bottom: 1px;
    display: none;
}

.addemployeebutton {
    height: 78.4px !important;
    width: 100% !important;
    margin-bottom: 1px !important;
    cursor: pointer !important;
}

.appointment-template {
    height: 40px !important;
}

    .appointment-template img {
        float: left;
        margin: 0 8px;
    }

.k-scheduler-table td {
    height: 30px !important;
}

#scheduler {
    width: 100%;
}

.k-scheduler-footer {
    display: none !important;
}

.well {
    background-color: #ffffff !important;
}

.k-scheduler-weekview tr:nth-child(2) .k-scheduler-table td {
    height: 30px !important;
}

.k-scheduler-weekview tr:nth-child(2) .k-scheduler-table th {
    height: 30px !important;
}

.k-scheduler-workWeekview tr:nth-child(2) .k-scheduler-table th {
    height: 30px !important;
}

.k-scheduler-planeringsVyview tr:nth-child(2) .k-scheduler-table th {
    height: 30px !important;
}

.logoDiv {
    display: inline-block;
    margin-top:-25px;
}

.searchDiv {
    margin-top: 25px;
}

#logo {
    vertical-align: top;
}


.topMenu {
    margin-right: 100px;
}

.k-datepicker:first-child {
    display: block !important;
}

#endDateTimeDiv {
    display: none !important;
}

#startDateTimePickerDiv {
    display: none !important;
}

.searchRow {
    cursor: pointer;
}

/*.k-scheduler-times th {
     display:none !important;
}*/

/* Info template */
.k-notification-info.k-group {
    background: rgba(0%,0%,0%,.7);
    color: #fff;
}

.new-load {
    width: 300px;
    height: 100px;
}

    .new-load h3 {
        font-size: 1em;
        padding: 32px 10px 5px;
        /*float: left;*/
    }

    .new-load img {
        float: left !important;
        margin: 30px 15px 30px 30px;
    }

.email {
    height: 5px;
    /*margin-top: 8px;*/
}

.tele {
    height: 5px;
    position: relative;
}

.email span {
    margin-top: 6px;
    margin-left: 5px;
    float: left;
}

.email i {
    margin-top: 20px;
    margin-left: 25px;
    float: left;
}

.tele span {
    position: absolute;
    left: 45px;
    top: -10px;
}

.tele i {
    position: absolute;
    left: 25px;
    top: 3px;
}

#workorderRemover {
    cursor: pointer;
}

 .k-notification-error.k-group {
     background: #ff0000;
     background: rgba(100%,0%,0%,.7);
                    color: #ffffff;
 }

div#loader { display: none; }

#loaderAddemployee { display: none;}

 .nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

    .circle_green
    {
        border: 2px solid #a1a1a1;
        padding: 10px 11px;
        background: green;
        width: 2px;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 1%;
    }

       .circle_red
    {
        border: 2px solid #a1a1a1;
        padding: 10px 11px;
        background: red;
        width: 2px;
        border-radius: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 1%;
    }

.imageWorkOrder { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

.imageComment { 
   position: absolute; 
   top: 200px; 
   left: 0; 
   width: 100%; 
}