﻿
.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;
}

    .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;
}

.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 tbody tr:nth-child(4n), .k-scheduler-table tbody tr:nth-child(4n-1) {
    background: lightgrey;
}

.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%; 
}