body {
    padding-top: 50px;
}

/* 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; }
.text-danger{ font-size:14px; }
.min-height-100 { min-height:calc(100vh - 50px); }
.font-30px { font-size:30px; }
.white-space-nowrap{ white-space: nowrap; }
.dim-background{ background:rgba(0, 0, 0, 0.03); }
.dim-background.lighter{ background:rgba(0, 0, 0, 0.01); }

.usual-table thead tr th,
.usual-table-records thead tr th,
.usual-table thead tr th {
    font-size: 14px;
    padding-bottom: 8px;
    text-transform: capitalize;
    border-top: 0px;
    font-weight: 600;
}
.usual-table thead tr th:first-child{ padding-left:0px; }
.usual-table tbody tr td:first-child{ padding-left:0px; }
.usual-table tbody tr td:last-child{ padding-right:0px; }
.usual-table tbody tr td{ /*vertical-align:middle;*/font-size:14px; }
.usual-table .status span{ padding:0px 7px;border-radius:4px;color:white; }
.usual-table .status.Active span{ background:#59d475; }
.usual-table .status.Previous span{ background:#ff8a65; }
.usual-table .status.Passive span{ background:#6c757d; }
.usual-table .label-danger{ background:#dc3545;border-radius:2px !important;padding: 2px 5px; }
.usual-table .label-info{ border-radius:2px !important;padding: 2px 5px; }


.users-table .Klient.Klienti,
.users-table .Shofer.Shoferi,
.users-table .Zyre.Zyrja {
    background: #007bff;
    color: white;
}
.users-table .role-btn {
    padding: 0 5px;
    border-radius: 3px;
}

.dark-backgrounded{ background:rgba(0,0,0,0.05); }
.shofer-btn:focus{ outline:0 !important; }
.shofer-btn.collapsed::after {
    margin-bottom: 2px;
    transform: rotate(-45deg);
}

.shofer-btn::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border: 2px solid #000;
    border-top: 0;
    border-right:0;
    margin-left:10px;
    transform:rotate(133deg);
}
.font-weight-600{ font-weight:600; }
.arrow-down-icon{ position:relative; }
.arrow-down-icon::before {
    content: '';
    position: absolute;
    top: 64px;
    right: 11px;
    width: 32px;
    height: 30px;
    background: white;
    pointer-events:none;
    z-index: 1;
}
.arrow-down-icon::after {
    content: '';
    position: absolute;
    top: 68px;
    right: 17px;
    transform: rotate(-45deg);
    background: white;
    width: 18px;
    height: 17px;
    border: 2px solid #000;
    border-top-color: transparent;
    border-right-color: transparent;
    z-index: 2;
    pointer-events:none;
}
.terms-and-conditions{
    max-height:100px;
    overflow-y:auto;
}