﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.top-buffer { margin-top: 30px; }
.top-buffer-small { margin-top: 15px; }

* { border-radius: 0 !important; }

#InterfaceJobsGrid.k-grid, #PropertyGrid.k-grid, #WorkOrdersGrid.k-grid, #AppliancesGrid.k-grid,
#AppliancesRemovedGrid.k-grid, #NotesGrid.k-grid, #DocumentsGrid.k-grid, #WorkOrdersGridRepairs.k-grid,
#WorkOrdersGridServices.k-grid, #WorkOrdersGridInstalls.k-grid, #ManageUsersGrid.k-grid { font-size: 12px }


#InterfaceJobsGrid .k-grid-Schedule span {
    background-image: url("img/calendar.png") !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
}
#InterfaceJobsGrid .k-grid-Property span, #PropertyGrid .k-grid-Property span {
    background-image: url("img/house.png") !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
}
#InterfaceJobsGrid .k-grid-Cancel span {
    background-image: url("img/cross.png") !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
}
#InterfaceJobsGrid .k-grid-Unbook span {
    background-image: url("img/date_delete.png") !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
}

.jobSheetTemplate span {
    background-image: url("img/script.png") !important;
    width: 16px;
    height: 16px;
    line-height: 16px;
    display: inline-block;
}

#InterfaceJobsGrid.k-grid tbody .k-button, #PropertyGrid.k-grid tbody .k-button {
    border: 0;
    background: none;
    padding: 0;
    min-width: 0;
}


.k-grid-filter.k-state-active {
    background-color: #00aeef !important;
}

.k-link {
    color: #000 !important;
    border-color: #ccc !important;
}

.k-state-selected {
    color: #000 !important;
    background-color: #ccc !important;
    border-color: #ccc !important;    
}

.k-primary {
    color: #333333 !important;
    border-color: #cccccc !important;
}

.propertyView p {
    margin: 0 0 4px !important;
}

.propertyView h4 {
    margin-bottom: 2px !important;
}

.gridView {
    margin-top: 20px;
    width: 100%;
    margin-right: 20px;
    min-height: 1px;
    position: relative;
    box-sizing: content-box;
    float: left;
}

.underline {
    width: 100%;
    border-bottom: 1px solid #333;
    display: block;
    margin-bottom: 10px;
}

.addressBar {
    width: calc(100% - 29px);
    position: relative;
    display: block;
    float: left;
    height: 50px;
    color: white;
    margin-bottom: 15px;
    background-color: #00aeef;
    margin-left: 14px;
    z-index: 1000000000;
}

.addressBar h3 {
    padding: 0;
    margin-top: 13px;
}

a {
    color: #e8910c;
}

a:hover {
    color: #333;
}

.nav a:hover {
    color: #e8910c !important;
}

.logo {
    background-image: url("img/logo.png");
    background-repeat: no-repeat;
    width: 63px;
    height: 40px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 25px
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}

.repairHeader {
    color: #fff;
    font-size: 18px;
    background-color: #66B5E8;
    padding: 5px;
    width: calc(100% - 10px);
    display: block;
}

.serviceHeader {
    color: #fff;
    font-size: 18px;
    background-color: #72B89D;
    padding: 5px;
    width: calc(100% - 10px);
    display: block;
}

.installHeader {
    color: #fff;
    font-size: 18px;
    background-color: #DD82FF;
    padding: 5px;
    width: calc(100% - 10px);
    display: block;
}
