/**
 * All your custom CSS should go into this file
 */

body {
}

.panel {
    border-radius: 0 !important;
}

.panel-heading {
    border-radius: 0 !important;
}

.stranka-panel .panel-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
}



.panel-title span.buttons {
    float: right;
    margin-left: 5px;
    cursor: pointer;
}

form#search {
    display: table-cell;
}

.table-no-margin {
    margin-bottom: 0 !important;
}

.solari_keypad_container {
    padding: 5px 15px !important;
}

.solari_keypad {
    margin-bottom: 5px;
}

.solari_keypad:last-child {
    margin-bottom: 0;
}


.solari_keypad .col-lg-3 {
    padding-left: 5px;
    padding-right: 0;
}

.solari_keypad .col-lg-3:last-child {
    padding-right: 5px;
}

.solari_keypad .col-lg-3 button {
    height: 55px;
}

.solari_keypad .col-lg-3 button span:first-child {
    font-size: 24px;
}

.solari_keypad .col-lg-3 button sup {
    font-size: 13px;
}

.solari_keypad .form-group {
    margin-bottom: 0;
    margin: 0 5px;
}

.custom_loader {
    padding: 5px 15px !important;
}

#show-all-history {
    padding: 0 5px 5px 0;
}

#history-panel {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.history th {
    font-weight: bold;
}

.history .consumption td, .empty_service td, .service_history .consumption td{
    background-color: #f2dede !important;
}

.history .consumption:hover td, .empty_service:hover td, .service_history .consumption:hover td{
    background-color: #ebcccc !important;
}

.history .payment td, .service_history .payment td{
    background-color: #dff0d8;
}

.history .payment:hover td, .service_history .payment:hover td{
    background-color: #d0e9c6;
}

.service_history .freeze_more td{
    background-color: #3498db;
}

.service_history .freeze_more:hover td{
    background-color: #3088c2;
}


.history td, .service_history td {
    border-top: 1px solid #dddddd;    
}

table.service_history {
    border-top: 1px solid;
}

table#storno td:nth-child(1) {
    width: 8%;
}
table#storno td:nth-child(2) {
    width: 16%;
}
table#storno td:nth-child(3) {
    width: 10%;
}
table#storno td:nth-child(4) {
    width: 55%;
}
table#storno td:nth-child(5) {
    width: 11%;
}

.customer-table td, .customer-table th {
    padding: 5px !important;
}

.customer-table td:nth-child(1) {
    width: 12%;    
}

.customer-table td:nth-child(2) {
    width: 20%;    
}

.customer-table td:nth-child(3) {
    width: 18%;    
}

.customer-table td:nth-child(4) {
    width: 12%;    
}

.customer-table td:nth-child(6) {
    width: 15%;    
}

.history-buttons {
    padding: 5px;
}

.edit_service, .activate_service, .deactivate_service {
    margin-right: 5px;
}

.service_with_treiner {
    margin-right: 5px;
}

.valid_before {
    text-decoration: underline;
    cursor: pointer;
}

tr.service td:nth-child(1) {
    width: 15px;
}

tr.service td:nth-child(1) span {
    cursor: pointer;
}

tr.service button {
    width: 80px;
}

tr.service button.service_awaiting {
    width: auto !important;
}

tr.service td:nth-child(3), tr.service td:nth-child(4), tr.service td:nth-child(5) {
    text-align: center;
}

#services_table th:nth-child(3), #services_table th:nth-child(4), #services_table th:nth-child(5) {
    text-align: center;
}

tr.service td:nth-child(6) {
    text-align: right;
}

tr.service td:nth-child(7){
    width: 25px !important;
}

#services_table th:nth-child(6) {
    text-align: right;
}