﻿/* START Grids */

.grid-parent {
    padding-right: 2px;
}

.grid-row-buttons-photo-2 {
    text-align: center;
    padding-top: 2px;
    padding-left: 2px;
}

.grid-row-buttons-2 {
    text-align: center;
    padding-top: 2px;
}

.grid-row-buttons-3 {
    text-align: center;
    padding-top: 3px;
}

.grid-row-buttons-4 {
    text-align: center;
    padding-top: 4px;
}

.grid-row-links-8 {
    text-align: center;
    color: dodgerblue !important;
    padding-top: 8px;
}

    .grid-row-links-8 a {
        color: dodgerblue !important;
    }

.btn-grid {
    background-color: transparent;
    padding-top: 4px;
}

.btn-grid-style {
    padding: 1px 3px !important;
}

.btn-grid-edit-orange i {
    font-size: 16px;
    padding-left: 3px;
    color: orangered;
}

.btn-grid-edit-red i {
    font-size: 15px;
    padding-left: 3px;
    color: red;
}

.btn-grid-edit i {
    font-size: 16px;
    padding-left: 3px;
    color: #006633;
}

.btn-grid-delete i {
    font-size: 18px;
    color: #FF6600;
}

.btn-grid-status-life i {
    font-size: 18px;
    color: #28a028;
}

.btn-grid-sub i {
    color: #666666;
}

/* STOP Grids */


/*JQX Overwrites*/


.jqx-cell-a {
    color: #2D353C;
    text-decoration: none !important;
    line-height: 16px !important;
    top: calc(50% - 9px);
    position: absolute;
    margin-left: 5px;
}

    .jqx-cell-a:active:visited:hover:link {
        color: #2D353C;
    }

.jqx-fill-state-pressed{
    background: #e4e5e5;
    border-color: #84837b;
    color: black;
}

.jqx-fill-state-hover {
    background: #e4e5e5 !important;
    border-color: #84837b;
    color: black !important;
}

.jqx-fill-state-normal-summer, .jqx-widget-header-summer
{
    background-color:#ffffff;
}

.jqx-scrollbar-thumb-state-normal-horizontal-summer
{
    background-color:#888888;
}


.jqx-radiobutton-check-checked {
    background: #ff5b57;
}

.jqx-rc-all {
    border-radius: 1px;
}

.jqx-rc-l {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.jqx-rc-r {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.jqx-switchbutton-label-on {
    background-color: #0167ae;
    color: white;
}

.jqx-switchbutton-label-off {
    background-color: #888c90;
    color: white;
}

.jqx-widget {
    font-size: 11px;
}

.jqx-widget-header {
    font-size: 11px;
}

.jqx-grid-load {
    background-image: url('../imgProject/loader.gif');
}

    .jqx-grid-load + span {
        color: #4d7db7;
    }

.jqx-grid-column-header {
    font-size: 11px;
    font-weight: bold;
}

.jqx-fill-state-disabled {
    color: #000000;
    opacity: 1;
    background-color: #d8dcd8;
}

.jqx-input-disabled {
    background-color: #d8dcd8;
}

.jqx-listitem-state-disabled {
    opacity: .55;
}

.jqx-grid-groups-header {
    font-weight: bold;
    font-size: 10px;
}

/*.jqx-grid, .jqx-grid input {
    text-transform: uppercase;
}*/

.jqx-rc-all span, .jqx-grid-pager {
    text-transform: none !important;
}

.jqx-grid-pager {
    z-index: 1 !important;
}

.jqx-grid-cell {
    font-size: 11px !important;
}

.jqx-widget-content {
    font-size: 11px !important;
    font-family: Verdana !important;
}

.jqx-calendar td {
    font-size: 11px !important;
}


.jqx-tabs-title {
    font-weight: normal !important;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
}

.jqx-grid-pager {
    font-weight: normal;
}

.jqx-date-time-input-popup-summer table {
    border-width: 1px;
    border-style: solid;
    border-color: #aaaaaa;
    background-color: #faf8f8;
}

.jqx-date-time-input-popup table td input
{
    width: 30px !important;
}

#jqxFileUpload button {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}


.jqx-dropdownlist-content {
    margin-top: 4px !important;
}

.jqx-loader-icon {
    background-image: url(../imgProject/loader2.gif);
    background-color: darkgrey;
    background-position-y: 10% !important;
}

.jqx-loader-text-bottom {
    color: #17468f;
    font-weight: bold;
    font-size: 10px;
}

.jqx-tabs-header {
    background: #405066 !important;
    padding-left:10px;
    color:white;
}

.jqx-tabs-title-selected-top {
    background: white !important;
    border-color: white !important;
}

/*.jqx-grid-cell-selected {
    background-color: #f5e3e5;
}*/

.notBlue .jqx-grid-cell-selected {
    background: #a7e2b0;
}

.jqx-menu-wrapper {
    z-index: 1100 !important;
}

.jqx-listbox-filter-input {
    left: 1px !important;
}

.grid-header-two-lines .jqx-grid-column-header div:not(.jqx-grid-group-column):not(.jqx-icon-close):not(.jqx-icon) {
    margin-top: 0px !important;
    padding-top: 2px;
    line-height: 1.23 !important;
}

.jqx-widget-summer
{
    border-color:#ababab !important;
}

.jqx-grid-column-header
{
    background-color:#18355e;
    color:white;
}

.jqx-grid-pager 
{
    background-color:#e5e5e5;
}

input:focus {
    background-color:#f2e8e9 !important;
    background:#f2e8e9 !important;
}
.jqx-widget:focus 
{
     background-color:#f2e8e9 !important;
   background:#f2e8e9 !important;
}


.jqx-grid-cell-selected.jqx-grid-cell-edit
{
    border-color:#ababab !important;
    border-right-width:1px !important;
    border-bottom-width:1px !important;

}
