﻿table td.calendar-tasks-customer-cell{
    /*width:20px;*/
    height:200px;
}

span.label.small {
    font-size: 10px;
    top: 4px;
    position: relative;
}



.calendar-tasks-task-title{
    width: 150px;
    display: table-cell;
    border:solid;
    border-collapse:collapse;
}

.calendar-task-has-expired{
    background-color:red;
}

.calendar-tasks-customer-header {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

.week-form-overview-customer-name{
    float:left;
}

.week-form-overview-published-status{
    margin-left: 12px;
    margin-top: 8px;
    font-size:0.7em;
}

.mini{
    font-size:70%;
}

.calendar-tasks-cell{
    text-align:center;
}

button.calendar-task-is-complete{
    font-size:0.6em;
    margin-top:1px;
    margin-bottom:1px;
}

.add-task-btn{
    font-size:0.6em;
    padding: 2px 2px 2px 2px;
}
.pointer{
    cursor:pointer;
}

.weekplanner-customer-details {
    text-align: left;
    margin-bottom: 12px;
    font-size: 0.7em;
    font-weight: bold;
    width: 100%;
    color: black;
    background-color: #CCCCCC !important;
}

.weekplanner-customer-box {
    background-color: #CCCCCC !important;
    color:black;
    border:1px solid black;
}

.weekplanner-customer-time {
    float: right;
    width: 30px;
    display: inline-block !important;
    min-width: 30px;
    font-size: 0.9em;
    font-weight: bold;
    background-color: white;
    color: black;
}

select.form-control.customer-slot-user-select:not([size]):not([multiple]){
    font-size:0.7em;
    padding:0;
    height:25px;
    float:left;
}

.working-hours-input {
    width: 40px;
    clear: none;
    float:left;
}

.working-hours-timespans-input {
    width: 100%;
    clear: none;
    float: left;
    margin-bottom: 10px;
}

.working-hours-deviations input, .working-hours-deviations .deviation-header {
    font-size: 0.7em;
    text-align: center;
    
}

.default-dailyhours-input, .default-break-input {
    font-size: 0.8em;
    width: 50px;
    margin-left: -10px;
}

.deviation-row2-input input {
    width: 100%;
    float: left;
}


.deviation-row2-cell.deviation-row2-cell-break {
    padding-right: 1px;
}

.deviation-row2-cell.deviation-row2-cell-hours {
    padding-left: 1px;
}

.deviation-row2-cell label {
    font-size:0.7em;
}



.deviation-list-header {
    font-size: 0.7em;
    text-align: center;
    margin-top: 8px;
}

.working-hours-table{
    font-size:0.7em;
    margin-bottom:24px;
}

.draggable-box, .anlaggning-draggable-box {
    cursor: -webkit-grab;
}

#weekplanner .container{
    max-width:1500px;
}

.weekplanner-table th {
    width: 20%;
}

.overview-checkbox {
    float: right;
    font-size: 0.6em;
}

@media screen and (max-width: 1056px) {
    /*.weekplanner-table{
        width:970px;
    }*/
    .weekplanner-table th {
        width: 194px;
    }

    .weekplanner-section{
        display:table;
    }
}

.week-planner-customer-slot-customer-name{

}


.weekplanner-table td {
    vertical-align: top;
}

.weekplanner-customer-slot-workername{
    overflow:hidden;
    font-weight:bold;
}

.weekplanner-customer-details .row{
    margin-bottom:4px;
}

.weekplanner-customer-details h6{
    
}

.weekplanner-worker-dailyhours {
    font-size: 0.8em;
    margin-bottom: 8px;
    font-weight: bold;
}

.weekplanner-customer-details h6 {
    float: left;
    min-width: 50%;
    max-width: 90%;
    overflow: hidden;
    margin-bottom: 0px;
}

.week-planner-customer-slot-customer-address{
    font-weight:normal;
    padding-bottom:8px;
}

.weekplanner-customer-time-status {
    font-weight: bold;
}

.weekplanner-customer-details .actions {
    float: right;
}

.weekplanner-customer-details-remove{
    cursor:pointer;
}

.weekplanner-customerregions h6{
    margin-top:16px;
    margin-bottom:8px;
}

.weekplanner-customers span.label, .weekplanner-workers span.label {
    font-size: 0.7em;
}

.weekplanner-totaltime {
    margin-top: 16px;
    font-weight: bold;
}

.week-select-table th{
    font-size:0.6em;
}

.week-planner-responsible .weekplanner-customer-slot-workername {
    text-decoration: underline;
    color: red;
}

#weekplanner div.worker-col{
    display:table-cell;
}

@media (max-width: 991px) {
    #weekplanner div.worker-col-left {
        float:left;
        clear:none;
    }
    #weekplanner div.worker-col-right {
        float: right;
    }
    .row.default-working-hours {
        padding-left: 8px;
    }

    .form-group.deviations {
        padding-left: 36px;
    }
}

div.week-planner-responsible-level-1 {
    text-decoration: underline;
    color: red;
}

div.week-planner-responsible-level-2 {
    text-decoration: none;
    color: red;
}

div.week-planner-responsible-level-3 {
    text-decoration: none;
    color: green;
}

.week-planner-part-responsible .weekplanner-customer-slot-workername {
    text-decoration: underline;
}

span.week-planner-part-responsible {
    text-decoration: underline;
}

.weekplanner_time_warning {
    color: red;
    font-weight:bold;
}



.week-select-table select.form-control.isoweek-select{
    font-size:0.6em;
    height:1.9rem;
}

.page-help{
    cursor:pointer;
}

.page-help-content{
    display:none;
}

.estimated-work h4 {
    margin-bottom: 8px !important;
    
}

.estimatedwork h6{
    margin:-10px 0px 0px 0px;
    text-align:center;
}

.deviation-input {
    padding:2px 2px 2px 2px;
}

.header-week {
    margin: 0 0 0 15px;
    font-size: 0.8em;
    text-align: center;
    color: #adb7be;
}

/* Files */

.file-manager-item {
    cursor: pointer;
}

.folder .bold {
    font-weight: bold;
}

#file-manager ul, #file-selection ul {
    padding-left: 1em;
    line-height: 1.5em;
    list-style: none;
}

.file-manager-row{
    margin-bottom:4px;
    margin-top:4px;
}

.file-manager-row .file-option-btn {
    opacity: 0;
}

.file-manager-row:hover .file-option-btn {
    opacity: 1
}

.folder-selected{
    background-color:white;
}

.file-drag-handle {
    cursor: move;
}

[contenteditable] {
    padding: 5px;
    outline: 0px solid transparent;
    border-radius: 3px;
}

    [contenteditable]:not(:focus) {
        border: 1px dashed #ddd;
    }

    [contenteditable]:focus {
        border: 1px solid #51a7e8;
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(81,167,232,0.5);
    }

.widget-tabs-compact .widget-tabs-nav .nav-link {
    height: 30px;
}

.sortable-handle{
    cursor:move;
}

.selected-folder{
    background-color:white;
}

.file-selection-file{
    cursor: pointer;
}

.file-selection-selected-folder {
    background-color: #808080;
    color:white;
}

.selectize-dropdown {
    z-index: 9999;
}


.fc-scroller {
    height: auto !important;
}

.fc-head .fc-widget-header {
    margin-right: 0 !important;
}

.fc-scroller {
    overflow: visible !important;
}
.only-print {
    display: none;
}

.environment-label {
    margin-left: 50px;
    font-weight: bold;
    font-size: 1.5em;
    color:crimson;
}

.weekplanner-daily-worker-info{
    font-size:0.8em;
}

.ready-for-planning-label {
    margin-left: 2px;
    font-size: 0.9em;
    font-family: 'Proxima Nova', sans-serif;
}

.user-has-not-viewed-week{
    color:red;
}

/*
    sweetAlert
*/
.text-muted{
    text-align:left;
}

@media print {
    .horizontal-navigation .page-content {
        padding-top: 0px;
    }

    .only-print{
        display:inherit;
    }

    div.section {
        page-break-inside: avoid;
    }
}
.notes-list-customername {
    font-size: 10px;
    text-transform: capitalize;
    display: block;
    font-family: verdana;
}

.divider{
    height:24px;
}

.success {
    color:#5cb85c;
}

/* nem */

.btn-mob-resp {
    margin-top: 1em !important;
}

.nem-btn {
    border-color: #48525a !important;
    background-color: #48525a !important;
}

.nem-btn:hover {
    border-color: #5d6a74 !important;
    background-color: #5d6a74 !important;
}

.nem-disp-n {
    display: none !important;
}

@media (min-width: 1024px) {
    .btn-mob-resp {
        margin-top: initial !important;
    }

    .nem-disp-n {
        display: initial !important;
    }


}