html {overflow-y:scroll;}
body { padding-right: 0 !important;}

.onlyMobile {display:none;}

@media (min-width: 992px) {
	li.dropdown:hover > ul.dropdown-menu {display: block; margin-top: 0px;}
}

.nav-link {color: white !important;}
.main-auto {margin-top: 50px; padding:20px;}

.login-form {margin: 20px;}
.login-form .row {margin-bottom: 20px;}

.form-group {margin-bottom: 1rem;}

.link-clear {text-decoration: none; color:initial;}
.link-clear:hover {color: initial;}


/*PREHLAD*/

.prehlad-order {border-radius: 3px; margin-bottom: 3px; padding:3px; font-size:12px; cursor: pointer;}
.prehlad-order-in {background-color: #FFA07A; }
.prehlad-order-in-back {background-color: #2ECC71; }
.prehlad-order-out {background-color: #FF9;}
.prehlad-order-out-back {background-color: #ABEBC6; }
.prehlad-view {cursor: pointer;}
.prehlad-view::first-letter {
    text-transform: uppercase;
}
.dashboard-new {cursor: pointer;}
.calTr td{padding: 2px 6px 2px 8px; font-size: 12px;}
.showOrdersClick{cursor: pointer;}
.order-quick{background: linear-gradient(90deg, yellow 30%, #FA8072 70%); color:black;} 
.tr_task0 {background-color:#FF8C00; color:black;}
.tr_task1 {background-color:#FFFF00; color:black}
.tr_task2 {background-color:#66CC99; color:black}
.textBlack {color:black;}
.daysOrderHeader {height: 10px; font-size: 11px;}
.daysOrderHeader td {padding: 1px; font-weight: bold; padding-left:3px;}

.bbLeftSticky1  {position: sticky; left: 0; z-index: 0; background-color: white;}
.bbLeftSticky2  {position: sticky; left: 22px; z-index: 0; background-color: white;}
.bbLeftSticky3  {position: sticky; left: 85px; z-index: 0; background-color: white;}

.order_table tr:hover {background-color: #7B68EE; color:white;}

#showOrders hr {margin-top: 5px; margin-bottom: 3px;}

table.table-fit {
    width: auto !important;
    table-layout: auto !important;
}
table.table-fit thead th, table.table-fit tfoot th {
    width: auto !important;
}
table.table-fit tbody td, table.table-fit tfoot td {
    width: auto !important;
}

.home-warning div {border:1px solid grey; padding:3px; border-radius: 2px; text-align: justify; margin-left: -1px; margin-top: -1px;}
.home-note {font-size:12px;}
.home-note div {border:1px solid grey; padding:3px; border-radius: 2px; text-align: justify;margin-left: -1px; margin-top: -1px;}
.home-chat {font-size:12px;}

.calendar-click{cursor: pointer;}

.chat-border {border:4px solid #17a2b8; border-radius:5px;}

.clean-days {margin-left: 1px; margin-right: 1px; border-radius: 3px; padding-left: 2px; font-size: 10px; color: white;}

#order-detail-modal hr {margin-top: 2px!important; margin-bottom: 2px!important;}

#order-detail-modal {font-size: 13px;}

body.modal-open {
    overflow: hidden;
}

.modal-info {font-size:11px; margin-bottom: -10px; background-color: darkblue; color: white;}

.quote {background-color: darkblue; padding: 10px; color: white; font-weight: bold;}
.quote a:link, .quote a:visited  {color: white; text-decoration: none;}

.noBorder {
    border: none;
}

/*TABLE GENERAL*/
div[class^="table-sort-"],div[class^="table-filter-"] { cursor:pointer;}
.modal-edit-row-ajax {cursor:pointer;}
.table-nonfluid {width: auto !important;}

.modal-open[style] {padding-right: 0px !important;}
.modal-body{overflow-y:scroll;}
.modal-backdrop {background: none;}
.table_description {color:black; font-size:11px; font-weight:normal; margin-bottom:10px; }
.superCompact tr, .superCompact td {font-size: 13px; padding: 2px;}
.trDelimeter {border-top: 2px solid red ;}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: #dcdcdc;
  }

/*ORDER*/
.v-dots {height: 12px;}
.btn-vdots {height: 22px; padding:0px;}
.table-order {font-size: smaller;     margin-left: auto;
    margin-right: auto;}
.table-order tr td {padding: 0px 5px 0px 5px;}
.fs-12 {font-size: 12px;}

.modal-body .orders {font-size:13px;}
.modal-body .orders select, .modal-body .orders input {font-size: 11px;height: 27px!important;}
.modal-body .orders textarea {font-size: 12px;}
.modal-body .orders .form-row {margin-bottom:0px;}
.modal-body .orders .formHr {margin-bottom:5px!important; margin-top:3px!important;}
.modal-body .orders .filter-option-inner-inner {font-size: 12px;}
.error {color:red;}

.modal-body .oleasing_version {font-size:13px;}
.modal-body .oleasing_version select, .modal-body .oleasing_version input {font-size: 11px;height: 27px!important;}
.modal-body .oleasing_version textarea {font-size: 12px;}
.modal-body .oleasing_version .form-row {margin-bottom:2px;}
.oleasing-blue {background-color: #5a99d4;}
.oleasing-grey {background-color: #d9d9d9 !important;}
.oleasing-green {background-color: #a7d08c;}
#mainOffer td{border-color: black;}
#mainOffer table td:nth-child(2) {padding-left: 20px;}


/*CLIENT*/
.highlightSearch {background-color: yellow;}
.searchClient {height: 60px; font-size: 25px; color: black!important; font-weight: bold;}

/*BIGBOARD*/
.table-bigboard {font-size: 11px;}
.table-bigboard tr {line-height: 1.3;}
.table-bigboard td {padding:0px 2px 0px 2px!important;  border:1px solid #464646!important; color:#000000; font-size: 11px arial;}
.bg-green {background-color:green!important;}
.bg-red {background-color:red!important;}
.bg-red-bb {background-color:#ff0000!important;}
.bg-yellow {background-color:yellow!important;}
.bg-yellow-bb {background-color:#ffff33!important;}
.bg-orange {background-color:orange!important;}
.bg-blue {background-color:blue!important;}
.bg-maybe{background-color: #1E90FF!important;}
.bg-grey {background-color:#d6d6d6!important;}
.text-blue {color:#0000a7!important;}
.big-free {background-color:#DCDCDC; cursor: pointer;}
.big-td {cursor: pointer;}
.borderBBYes {border-left: 0px; border-top: 0px; border-bottom: 0px; border-right: 1px solid blue;}
.borderBBNo {border-left: 0px; border-top: 0px; border-bottom: 0px; border-right: 0px;}
.big-td-info {width: 20px; font-size: 9px; text-align: center; font-weight: bold;}
.bb-td {width: 35px;}
.bb-cal {font-size: 11px;}

.bg-red-blue-bb {background: linear-gradient(#ff0000, 70%, blue)!important;}
.bg-yellow-blue-bb {background: linear-gradient(#ffff33, 70%, blue)!important;}

.bigTrTd td:nth-child(11) {border-left:2px solid white!important; position: relative; left: 0.5px; z-index: 1;}

.gps {background: #0b8c0b; width:10px;}
.airtag {background: #90EE90; width:10px;}
.forsell {background-color: #5897fb; width:10px;}
.estate {background: #FF00FF; width:10px;}
.sold {background:#000000; color: #FFFFFF!important;}

.table-bigboard tr, .table-bigboard td {padding:0px;}

/*POISTENIE*/
.flotila_cars {font-size: 12px;}

/*SIGN*/
.sign-active {
  position: fixed;
  top:300px;
  left: 50%;             /* start in middle horizontally */
  transform: translateX(-50%);  /* shift left by half width */  
  padding: 20px;
  background-color:#e9ecef;
  border: 1px solid grey;
  border-radius: 5px;
}

/*ROTATE*/
.rotate {
    text-align: left;
    white-space: nowrap;
    width: 1.5em;
    height:200px;
  }
  .rotate div {
    -webkit-transform: rotate(-90.0deg);
           margin-left: -10em;
           margin-right: -10em;
           margin-bottom: 10em;
  }

  /*ZOOM*/
  .zoom:hover {
    -ms-transform: scale(2); /* IE 9 */
    -webkit-transform: scale(1.5); /* Safari 3-8 */
    transform: scale(2); 
  }

/*AJAX*/
.delete-item-info {background-color:red; color:white; margin-top:10px; border-radius:5px; padding:5px;}  
.form-row {margin-bottom:15px;}
.formHr {margin-top: 20px; margin-bottom: 20px; border-top:2px solid #464646;}

/*OTHERS*/
.btnDelimeter {margin-right: 5px;}
.pre-wrap {white-space: pre-wrap;}
.line-through {text-decoration: line-through;}
[id^='toggle-area-']{display: none;}
.clocktime {position: fixed; right: 20px; top: 15px; color: white; z-index: 9999999999;}
 .btn-w-warning {width:60px;}

/*ANKETA*/
.anketa_1 {background-color: #66ff99;}
.anketa_2 {background-color: #c3e6cb;}
.anketa_3 {background-color: #ffeeba;}
.anketa_4 {background-color: #f5c6cb;}
.anketa_5 {background-color: #fd2f37;}

 /*ZMLUVA*/
 .main-zmluva {width:90%;}
 #table-zmluva  {border:0px; border-collapse: collapse; }
 #table-zmluva  td { border:0px; vertical-align:top; font-size:14px; text-align: justify;}
 #table-zmluva2  {border:0px; border-collapse: collapse; }
 #table-zmluva2 td { border:0px; vertical-align:top; font-size:14px;}

 .second-zmluva {margin-top:25px;}
 .zmluva-view {color: red;}
 .zmluva-info {color: red; font-size:12px; margin-left:10px;} 
 .third-zmluva td {font-size:14px!important;}
 .zmluva-correct-delimeter {margin-bottom: 30px;}
 .prehladDni {border-top: 5px white solid;}
 
 .logo-print {position:fixed; top:0px; right:0px; height: 100px; display: none;}
 .zmluva-owner {text-align: right; margin-top: 40px; font-style: italic;}

 .square-print {width:15px; height:15px; border:1px solid #000; display: inline-block; margin-right:5px; margin-left:2px;}

 .alignMobPc {text-align: center;}
 .text-nowrap-pc {white-space: nowrap;}

 .uploadOtherScan {cursor: pointer;}

 .emailOrderMark {color:red; font-weight: bold; background-color: yellow;}

 /*OPER LEASING*/
 .ol-2 {margin-left:20px;}

 .red-alert-box { position: fixed; bottom: 20px; right: 20px; background-color: #ff0000; color: white; padding: 16px 24px; font-size: 16px; border-radius: 8px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); z-index: 9999; max-width: 300px;}

.navbar .container-fluid {
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}

/* MOBILE: */
@media (max-width: 991px) {
    .alignMobPc {text-align: left!important;}
	.noInMobile {display:none;}
	.onlyMobile {display:block;}
	.navbar-collapse { max-height: calc(100vh - 60px); overflow-y: auto; }  
	.ik-main {padding:0px 2px 0px 2px; margin-top:130px; }	
    #showOrders td {border-bottom:5px solid white!important; text-align: center;}
    .text-nowrap-pc {white-space: normal;}
    .iof {font-size:8px;}
    .main-auto {padding:5px; margin-top: 60px;}
    /*table {min-width: 600px!important;}*/
    #showOrders td {padding: 1px; font-size: 10px;}
    #showOrders td img {width:10px;}
    #showOrders td hr {margin:0px;}
}

/* PC: */
@media (min-width: 992px) {
    /*SET BACKGROUND-COLOR*/
    body {background-color: #D2D2CC;}
    table, .home-note, .home-warning {background-color: white!important;}

    .wallfixed {position: fixed; right: 4px;}
}

     #mainOffer table td {padding:5px;}
    .olb-all {border: 1px black solid;}
    .olb-l {border-left: 1px black solid;}
    .olb-r {border-right: 1px black solid;}
    .olb-b {border-bottom: 1px black solid;}

    .olb-lr {border-left: 1px black solid; border-right: 1px black solid;}  
    .olb-lb {border-left: 1px black solid; border-bottom: 1px black solid;}    
    .olb-lrb {border-left: 1px black solid; border-right: 1px black solid; border-bottom: 1px black solid;}       

@media print {
    .logo-print {position:fixed; top:0px; right:0px; height: 100px; display:block;}
    #mainOffer {-webkit-print-color-adjust: exact;}    
}

@media all and (display-mode: standalone) {
  /* Center the login form vertically and horizontally */
  .login-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh; /* full height */
    gap: 1rem; /* space between inputs */
    padding: 2rem;
    box-sizing: border-box;
  }

  /* Make inputs bigger */
  .login-form input {
    width: 300px;      /* or 80% for responsive */
    padding: 1rem;     /* bigger input area */
    font-size: 1.2rem; /* larger text */
    border-radius: 8px;
    border: 1px solid #ccc;
  }

  /* Make button bigger too */
  .login-form button {
    width: 300px;      /* same as inputs */
    padding: 1rem;
    font-size: 1.2rem;
    border-radius: 8px;
    background-color: #0d6efd;
    color: white;
    border: none;
    cursor: pointer;
  }

  .login-form button:hover {
    background-color: #0b5ed7;
  }
}