.cl-0 { background-color: #FFFAA0; } .cl-0::before { background-color: #FFFAA0!important; } .cl-1 { background-color: #B22222; } .cl-2 { background-color: #DB7093; } .cl-3 { background-color: #DA70D6; } .cl-4 { background-color: #7FFFD4; } .cl-5 { background-color: #A9A9A9; } .cl-6 { background-color: #F0FFFF; } .cl-7 { background-color: #808000; } .btn-color-reservation { height: 34px; width: 34px; border-color: #cccccc; } @media (max-width:767px) { .mt-xs-6 { margin-top: 6px !important; } } span.size-20 { font-size: 20px; font-variation-settings: 'OPSZ' 20; } span.size-24 { font-size: 24px; font-variation-settings: 'OPSZ' 24; } span.size-40 { font-size: 40px; font-variation-settings: 'OPSZ' 40; } span.size-48 { font-size: 48px; font-variation-settings: 'OPSZ' 48; } /* Rules for using icons as black on a light background. */ .dark { background: black; color: rgba(255, 255, 255, 1); font-variation-settings: 'GRAD' -25; } .dark-inactive { background: black; color: rgba(255, 255, 255, 0.3); font-variation-settings: 'GRAD' -25; } .mt-6 { margin-top: 6px !important; } body { padding-top: 70px!important; } .navbar-default { background-color: #484848!important; border:0!important; min-height:40px !important; /*border-color: #f37122!important; */ } .navbar2 { top: 50px; } body .navbar-default .navbar-nav > li > [disabled="disabled"] { color: #aaa !important; cursor: default; pointer-events: none; } .navbar2.navbar-default { background-color: #A9A9A9!important; min-height:20px !important; border-top:1px solid #484848!important; border-bottom:0; z-index:1029; } .navbar2.navbar-default .navbar-nav > li > a { color: #ffffff!important; font-size:small!important; padding-top:6px !important; padding-bottom:0 !important; height: 32px!important; } .navbar2.navbar-default .navbar-nav > .open > a, .navbar2.navbar-default .navbar-nav > .open > a:hover, .navbar2.navbar-default .navbar-nav > .open > a:focus, .navbar2.navbar-default .navbar-nav > li .active { background-color: #484848!important; } .navbar2.navbar-default .navbar-nav > .active > a, .navbar2.navbar-default .navbar-nav > .active > a:hover, .navbar2.navbar-default .navbar-nav > .active > a:focus { border-bottom:3px solid #ec971f; } .navbar2.navbar-default .navbar-nav > .open > a, .navbar2.navbar-default .navbar-nav > .open > a:hover, .navbar2.navbar-default .navbar-nav > .open > a:focus { border-bottom:3px solid #ec971f; } .navbar2.navbar-default .navbar-toggle:hover, .navbar2.navbar-default .navbar-toggle:focus { /* background-color: #ec971f!important; */ border-bottom:3px solid #ec971f; } .navbar2.navbar-default .navbar-nav > li > a { border-bottom:3px solid transparent; } .navbar2.navbar-default .navbar-nav > li > a:hover, .navbar2.navbar-default .navbar-nav > li > a:focus { color: #ffffff!important; border-bottom:3px solid #ec971f; background-color: #484848!important; outline:0; transition: .4s ease-out; } .navbar2.navbar-default .navbar-nav > li .active { border-bottom:3px solid #f0ad4e; } .navbar2.navbar-default .navbar-nav > li .disabled-link { color: #ddd!important; background-color: #A9A9A9!important; pointer-events:none; } .navbar2.navbar-default .navbar-nav > li > .disabled-link:hover { color: #ddd!important; background-color: #A9A9A9!important; cursor:default; } .navbar-default .navbar-nav .navbar-nav > li > a:active { opacity: 0.9; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #ffffff!important; background-color: #484848!important; /*background-color: #ec971f!important;*/ border-bottom:4px solid #ec971f; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { color: #ffffff!important; /*background-color: #ec971f!important; */ border-bottom:4px solid #ec971f; } .navbar-default .navbar-toggle { border-color: #ec971f!important; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { /* background-color: #ec971f!important; */ background-color: #484848!important; color: #ec971f!important; } .navbar-default .navbar-toggle .icon-bar { background-color: #ffffff!important; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #ffffff!important; } .navbar-default .navbar-link { color: #ffffff!important; } .navbar-default .navbar-link:hover { color: #ffffff!important; } .navbar-nav > li > .dropdown-menu { background-color: #484848!important; z-index: 1030; } .navbar-nav > li > .dropdown-menu > li > a { color: #ffffff!important; } .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-nav > li > .dropdown-menu > li > a:focus { background-color: #484848!important; color: #ec971f!important; } .navbar-default .navbar-nav > li > a:active { opacity: 0.9; } .navbar-default .navbar-brand { color: #ffffff!important; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #ffffff!important; } .navbar-default .navbar-text { color: #ffffff!important; } .navbar-default .navbar-nav > li > a { color: #ffffff!important; height: 48px!important; border-bottom:4px solid transparent; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffffff!important; border-bottom:4px solid #ec971f; background-color: #484848!important; outline:0; transition: .4s ease-out; } .navbar-default .navbar-nav > li .active { color: #ffffff!important; /* background-color: #f0ad4e!important; /*#f37122!important; */ border-bottom:4px solid #f0ad4e; } .navbar-default .navbar-nav > li .disabled-link { color: #aaaaaa!important; background-color: #222222!important; pointer-events:none; } .navbar-default .navbar-nav > li > .disabled-link:hover { color: #aaaaaa!important; background-color: #222222!important; cursor:default; } @media (max-width: 991px) and (min-width:767px) { .navbar-header, .navbar-collapse { margin-right:15px!important; } } @media (max-width: 991px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #ffffff!important; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #ec971f!important; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #f37122!important; } .navbar-default .navbar-nav > li .active { color: #f37122!important; } .navbar-default .navbar-nav > li > a { border-bottom:0px!important; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ec971f!important; border-bottom:0!important; } .navbar-default .navbar-nav > li .active { color: #f0ad4e!important; } .navbar-fixed-top { position: relative!important; top: auto!important; } .navbar-collapse { max-height: none!important; } body { padding-top: 0!important; } .navbar2 { margin-top:-20px; } .navbar-toggle { border: none; background: transparent !important; } .navbar-toggle:hover { background: transparent !important; } .navbar-toggle .icon-bar { width: 22px; transition: all 0.2s; } .navbar-toggle .top-bar { transform: rotate(45deg); transform-origin: 10% 10%; } .navbar-toggle .middle-bar { opacity: 0; } .navbar-toggle .bottom-bar { transform: rotate(-45deg); transform-origin: 10% 90%; } .navbar-toggle.collapsed .top-bar { transform: rotate(0); } .navbar-toggle.collapsed .middle-bar { opacity: 1; } .navbar-toggle.collapsed .bottom-bar { transform: rotate(0); } } .table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th { border: none; } /*no collapse*/ .navbar-collapse.collapse.off { display: block!important; } .navbar-collapse.collapse.off ul { margin: 0; padding: 0; } .navbar-nav.no-collapse>li, .navbar-nav.no-collapse { float: left !important; } .navbar-right.no-collapse { float: right!important; } #navcontainer ul { margin: 0; list-style-type: none; } #navcontainer ul li { display: inline; margin-left:5px; } /*#navcontainer ul li:first-child { display: inline; margin-left:0px; }*/ .leftJustify { text-align: left; } .paddingMenuRight { padding-right: 15px; } .pagination-ys { /*display: inline-block;*/ padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination-ys table > tbody > tr > td { display: inline; } .pagination-ys table > tbody > tr > td > a, .pagination-ys table > tbody > tr > td > span { position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; color: #dd4814; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px; } .pagination-ys table > tbody > tr > td > span { position: relative; float: left; padding: 8px 12px; line-height: 1.42857143; text-decoration: none; margin-left: -1px; z-index: 2; color: #aea79f; background-color: #f5f5f5; border-color: #dddddd; cursor: default; } .pagination-ys table > tbody > tr > td:first-child > a, .pagination-ys table > tbody > tr > td:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .pagination-ys table > tbody > tr > td:last-child > a, .pagination-ys table > tbody > tr > td:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination-ys table > tbody > tr > td > a:hover, .pagination-ys table > tbody > tr > td > span:hover, .pagination-ys table > tbody > tr > td > a:focus, .pagination-ys table > tbody > tr > td > span:focus { color: #97310e; background-color: #eeeeee; border-color: #dddddd; } .table-condensed-min-padding>thead>tr>th, .table-condensed-min-padding>tbody>tr>th, .table-condensed-min-padding>tfoot>tr>th, .table-condensed-min-padding>thead>tr>td, .table-condensed-min-padding>tbody>tr>td, .table-condensed-min-padding>tfoot>tr>td{ padding: 1px; } .row-bordered:after { content: ""; display: block; border-bottom: 1px solid #ccc; margin: 0 15px; } .btn-menu { width:110px; } .stop_submit { background-color: #FF0000; border: 1px solid #CC3300; color: #FFFFFF; font-size: 8px; font-weight: bold; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin: 0px; vertical-align: middle; text-align: center; width: 100px; height: 11px; text-decoration: none; } /* Tabelne fore: 2 col display na malih zaslonih, sicer pusti 8 - stolpčna tabela */ @media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { /* Force table to not be like tables anymore */ .myitems table, .myitems thead, .myitems tbody, .myitems th, .myitems td, .myitems tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .myitems thead tr { position: absolute; top: -9999px; left: -9999px; } .myitems tr { border: 1px solid #ccc; } .myitems td { /* Behave like a "row" */ border: none; position: relative; padding-left: 50%; display: inline-block; } /* drugače nariše grid in še tega malo čez rob */ .myitems td .ajax__calendar_container { display: inline-table; } /* malo povečam X gumb */ .myitems td .btn-xs { padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px } .myitems td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; padding-left: 10px; white-space: nowrap; display: inline-block; font-weight: bold; } /* Label the data */ .myitems td:nth-of-type(1):before { content: attr(data-label); } .myitems td:nth-of-type(2):before {content: attr(data-label); } .myitems td:nth-of-type(3):before { content: attr(data-label); } .myitems td:nth-of-type(4):before { content: attr(data-label); } .myitems td:nth-of-type(5):before { content: attr(data-label); } .myitems td:nth-of-type(6):before { content: attr(data-label); } .myitems td:nth-of-type(7):before { content: attr(data-label); } .myitems td:nth-of-type(8):before { content: attr(data-label); } .myitems td:nth-of-type(9):before { content: attr(data-label); } .myitems td:nth-of-type(10):before { content: attr(data-label); } .myitems td:nth-of-type(11):before { content: attr(data-label); } } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .myitems body { padding: 0; margin: 0; width: 320px; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .myitems body { width: 495px; } } .collapse-trigger .show-when-collapsed{ display: none; } .collapse-trigger.collapsed .show-when-collapsed{ display: inline-block; } .collapse-trigger .show-when-open{ display: inline-block; } .collapse-trigger.collapsed .show-when-open{ display: none; } .huge { font-size:xx-large ; } .large { font-size: large; } .chart { position: relative; display: inline-block; width: 110px; height: 110px; margin-top: 0px; text-align: center; } .chart canvas { position: absolute; top: 0; left: 0; } .percentage { display: inline-block; line-height: 110px; z-index: 2; } /* border v gridih */ .v-divider-right{ width:1px; height:100%; border-right:1px solid lightgray; } .v-divider-left{ width:1px; height:100%; border-left:1px solid lightgray; } /* večji modal za edit - mora bit v container */ .modal-edit .modal-dialog { width: 70%; } .autocomplete_completionListElement{visibility:hidden;margin:0!important;background-color:#FFF;color:windowtext;border:1px solid #7F9DB9;overflow:auto;height:auto;width:auto;text-align:left;list-style-type:none;z-index:999;padding:0!important;margin:0!important} .autocomplete_highlightedListItem{background-color:#9FE0FF;color:#000;padding:1px;text-align:left;z-index:999;cursor:pointer} .autocomplete_listItem{background-color:window;color:windowtext;padding:1px;text-align:left;z-index:999} .divMain{padding:0;width:100%;} #RoomTooltip { background-color: White; color: Black; } #RoomTooltipOO { background-color: #f2dede; border-color: #ebccd1; color: #a94442; opacity: 1!important; } .label-as-badge { border-radius: 1em; } .radio.radiobuttonlist input[type="radio"], .checkbox.checkboxlist input[type="checkbox"] { margin-left: 0; } .radio.radiobuttonlist label, .checkbox.checkboxlist label { margin-bottom: 4px; margin-left: 0; } fieldset legend { border: 0; font-size: inherit; font-weight: 700; margin-bottom: 0; } fieldset .radio, fieldset .checkbox { margin-top: 4px; } #overlay { background-color: rgba(0, 0, 0, 0.8); z-index: 999; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; opacity: 0.05; } .modalBackground{background-color:#000;filter:alpha(opacity=50);opacity:.5} .btnitem { filter:alpha(opacity=70); opacity:.7!important; width:100%!important; height:100%!important; } .masquare { background-color: #d9534f; height: 60px; border:solid 1 black; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; display: table; overflow: hidden; width: 100%; margin:0px -20px 5px 0px; } .masquare6 { width:60px; } .masquare.maitems-services { background-color: #337ab7; } .btn.maitems-services:hover { background-color: #286090!important; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .btn.maitems-services.active { background-color: #337ab7; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .masquare.maitems-food { background-color: #5bc0de; } .btn.maitems-food:hover { background-color: #31b0d5!important; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .btn.maitems-food.active { background-color: #5bc0de; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .masquare.maitems-drinks { background-color: #5cb85c; } .btn.maitems-drinks:hover { background-color: #449d44!important; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .btn.maitems-drinks.active { background-color: #5cb85c; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .masquare.maitems-alcohol { background-color: #d9534f; } .btn.maitems-alcohol:hover { background-color: #c9302c!important; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .btn.maitems-alcohol.active { background-color: #d9534f; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .masquare.maitems-other { background-color: #f0ad4e; } .btn.maitems-other:hover { background-color: #ec971f!important; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .btn.maitems-other.active { background-color: #f0ad4e; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .maorders { background-color: #d9534f; } .maClean { background-color: #337ab7; } .maDirty { background-color: #d9534f; } .masquare:hover { -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 10px rgba(0, 0, 0, .25); } .maitems:active { background-color: #31b0d5; } .maorders:active { background-color: #c9302c; border: solid 1px black; } .maorders.active { background-color: #c9302c; border: solid 1px black; } .itemLabel { display: table-cell; vertical-align: middle; text-align: center; font-weight:bold; text-transform: uppercase; color: White; text-shadow: 1px 1px 0 rgba(140,140,140,0.2) , -1px -1px 1px rgba(0,0,0,0.35) ; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ } .padding-md { padding: 5px !important; } /*verify teble*/ table.verify_result { width:99%; border-width: 1px 1px 1px 1px; border-spacing: 0px; border-style: solid solid solid solid; border-color: gray gray gray gray; border-collapse: collapse; background-color: white; } table.verify_result td { border-width: 1px 1px 1px 1px; padding: 3px 3px 3px 3px; border-style: solid solid solid solid; border-color: gray gray gray gray; -moz-border-radius: 0px 0px 0px 0px; font-weight:bold; text-align:right; line-height: 18px; } table.verify_result h5 { margin: 0 auto !important; text-align: center !important; background-color: #F0F0F0; } table.verify_result tr { background-color: #FFFFFF; } table.verify_result tr:hover { background-color: #FFFFCC; } .LevelGreen { color: #00CC66; } .LevelYellow { color: #FF9900; } .LevelRed { color: #CC3300; } /*tool tip*/ .xstooltip { background: url('http://localhost/ClickPlusImages/drop-shadow.png') no-repeat right bottom !important; left: 0; margin: 10px 0 0 10px; position: absolute; top: 0; visibility: hidden; z-index: 2; } .xstooltip div { background-color: #FFFFCC; border: 1px solid #999999; color: #666666; display: block; font: bold 9pt sans-serif; margin: -6px 6px 6px -6px !important; max-width: 250px; padding: 10px; position: relative; text-align: left; } .xstooltip img { background-color: #CCCCCC; border: 1px solid #999999; color: #666666; display: block; font: bold 9pt sans-serif; height: 300px; margin: -6px 6px 6px -6px !important; padding: 0; position: relative; width: 450px; } .top5 { margin-top:5px; } .top2 { margin-top:2px; } .top10 { margin-top:10px; } .top20 { margin-top:20px; } .top8 { margin-top :8px; } .bottom5 { margin-bottom:5px; } .bottom8 { margin-bottom:8px; } .bottom20 { margin-bottom:20px; } .right10 { marign-right: 10px; } .left10 { margin-left: 10px; } .bold { font-weight:bold; } .no-padding-right { padding-right:0 !important; margin-right:0 !important; } .no-padding-left-right { padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important } .no-padding-left { padding-left:0 !important; margin-left:0 !important; } @media (min-width: 767px) { .buttons-in-heading { text-align: right; } } /* footer on bottom */ html, body { height: 100%; } #Container { min-height: 100%; margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */ padding-bottom :30px; } .push { height: 30px; /* '.push' must be the same height as 'footer' */ } footer {background-color: #f5f5f5; font-size:small;} form { height: 100%; } /* end footer on bottom */ /* center middle verticaly */ .vcenter-outer { display: table; position: absolute; height: 100%; width: inherit; } .vcenter-middle { display: table-cell; vertical-align: middle; } .vcenter-inner { margin-left: auto; margin-right: auto; width: 100%; /*whatever width you want*/; } /* ko je date polje na sredini med buttonom ali checkboxom na levi in input add-on sliko koledarja na desni */ .nested-group { -moz-border-radius:0 0px 0px 0!important; -webkit-border-radius:0 0px 0px 0!important; border-radius:0 0px 0px 0!important; } /* checkboxes & radios */ .chk-in-grid input[type=checkbox] + label:before { margin-top:0px!important; margin-bottom:0px!important; } .chk-in-group-sm input[type=checkbox] + label:before { margin-top:0px!important; } input[type=checkbox] { display:none; } /* to hide the checkbox itself */ input[type=checkbox] + label:before { font-family: FontAwesome; font-size:large; content: "\f096"; /* unchecked icon */ position: absolute; margin-top: -2px!important; margin-left: -20px; letter-spacing: 7px; /* space between checkbox and label */ } .control-label input[type=checkbox] + label:before { margin-top: -5px!important; } .chk-xs input[type=checkbox] + label:before { min-height:1px; height:10px; margin-top:4px!important; font-weight:normal!important; } .input-group-addon.input-group-chk { padding-bottom:0; padding-top:0; padding-right:6px; } input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */ input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */ input[type=checkbox] + label { min-height: 20px; padding-left: 20px; font-weight: normal; font-size:normal; cursor: pointer; vertical-align:middle!important; } input[type=radio] { display:none; } /* to hide the checkbox itself */ input[type=radio] + label:before { font-family: FontAwesome; font-size:large; content: "\f096"; /* unchecked icon */ position: absolute; margin-top: -2px!important; margin-left: -20px; letter-spacing: 7px; /* space between checkbox and label */ } input[type=radio]:checked + label:before { content: "\f046"; } /* checked icon */ input[type=radio]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */ input[type=radio] + label { min-height: 20px; padding-left: 20px; font-weight: normal; font-size:normal; cursor: pointer; vertical-align:middle!important; } /* izgled vrstic računa */ .form-control-invoice { border: none!important; border-color: transparent!important; background-color: transparent!important; padding-left:0!important; padding-right:0!important; margin-bottom: 1px!important; width: 99%!important; } .form-control-invoice-curr { border: none!important; border-color: transparent !important; background-color: transparent !important; padding-left: 6px!important; padding-right: 0 !important; margin-bottom: 1px !important; width: 99% !important; } .input-group-addon-inv { border: none!important; border-color: transparent!important; background-color: transparent!important; } thead.table-inv { border-bottom:solid 1px; border-color:#484848; } tbody.table-inv:before { line-height:0.1em; content:"\200C"; display:block; } /* ikone v koledarju web */ /*body { font-family: "Helvetica Neue Bold", arial, helvetica, sans-serif; font-size: 100%; margin: 10px; color: #333; background-color: #cecece; } h1 { margin: 0; font-weight: normal; } */ time.icon { font-family: "Helvetica Neue Bold", arial, helvetica, sans-serif; font-size: 1em; /* change icon size */ display: block; position: relative; width: 7em; height: 7em; background-color: #fff; margin: 2em auto; border-radius: 0.6em; overflow: hidden; -webkit-backface-visibility: hidden; -webkit-transform: rotate(0deg) skewY(0deg); -webkit-transform-origin: 50% 10%; transform-origin: 50% 10%; } time.icon * { display: block; width: 100%; font-size: 1em; font-weight: bold; font-style: normal; text-align: center; } time.icon strong { position: absolute; top: 0; padding: 0.4em 0; color: #fff; background-color: #fd9f1b; border-bottom: 1px dashed #f37302; box-shadow: 0 2px 0 #fd9f1b; } time.icon em { position: absolute; bottom: 0.3em; color: #fd9f1b; } time.icon span { width: 100%; font-size: 2.8em; letter-spacing: -0.05em; padding-top: 1em; color: #2f2f2f; } .doc-box { text-align:center; border: 1px solid #cccccc; padding: 10px; } .doc-box:hover { background: #e6e6e6; cursor:pointer; } .doc-box-span { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; } .selectpicker .selectpicker-lg .selectpicker-sm .selectpicker-modal-sm .selectpicker-modal { z-index: 9999 !important;} .datepicker .date {z-index: 100001 !important;} .min-width-100 { min-width:100px; } .min-width-150 { min-width:150px; } .min-width-50 { min-width:50px; } .g-recaptcha{ margin: 15px auto !important; width: auto !important; height: auto !important; text-align: -webkit-center; text-align: -moz-center; text-align: -o-center; text-align: -ms-center; } ul>li>a.gdpr { padding:0; margin-right: 12px; } .rListCollapse { color:#333333!important; overflow: hidden; } .rListCollapse i { position: fixed; color: white!important; margin-top: 3px; margin-left: -10px; } .divAlertModalPopUP .modal-header { color: #ffffff; background-color: #f0ad4e; border-radius: 6px 6px 0px 0px; } .divInfoModalPopUP .modal-header { color: #ffffff; background-color: #5bc0de; border-radius: 6px 6px 0px 0px; } .divErrorModalPopUP .modal-header { color: #ffffff; background-color: #d9534f; border-radius: 6px 6px 0px 0px; } .divQuestionModalPopUP .modal-header { color: #ffffff; background-color: #337ab7; border-radius: 6px 6px 0px 0px; } .top-minus-40 { margin-top:-60px; } .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { margin: 60px auto; font-size: 10px; position: relative; /*text-indent: -9999em;*/ border-top: 1.1em solid rgba(255, 255, 255, 0.2); border-right: 1.1em solid rgba(255, 255, 255, 0.2); border-bottom: 1.1em solid rgba(255, 255, 255, 0.2); border-left: 1.1em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #loadingDiv { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; } .center-screen { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 100px; height: 100px; } .margin4 { margin-right:4px; } .changebuttonalone { -moz-border-radius: 4px !important; -webkit-border-radius: 4px !important; border-radius: 4px !important; } .button-straight-left { border-radius: 0px 4px 4px 0px; -moz-border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; /*font-size: 1.4em!important;*/ } .input-data-error { border-color: #d9534f; border-width: 2px; } .repeaterLabel .label { line-height: 2!important; } .setupReportHeader label { font-weight: bold!important; } .setupReportHeader { margin-left: -32px; } .tableContainer.disabled { pointer-events: none; } .bookingContainer.disabled { pointer-events: none; } .isDisabled { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none !important; } .isDisabled1 { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none !important; pointer-events: none; } .checkbox[disabled="disabled"] { color: currentColor; cursor: not-allowed; opacity: 0.5!important; text-decoration: none !important; pointer-events: none; } .navbar-xs .nav .nav-tabs { min-height: 28px; height: 28px; padding: 0px 12px; font-size: 16px; line-height: 28px; } .navbar-xs .nav-tabs > li > a { padding-top: 0px !important; padding-bottom: 0px !important; line-height: 28px !important; font-size: 12px!important; } .navbar-xs .tab-content { padding: 0px; /*border-bottom: 1px solid #ddd;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .navbar-xs .nav-tabs { border-bottom: 0px; border-top: 1px solid #ddd; border-top-right-radius: 4px; border-top-left-radius: 4px; margin-bottom: 10px; } .navbar-xs .nav-tabs > li { margin-bottom: 0; margin-top: -1px; } .navbar-xs .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .navbar-xs .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #ddd!important ; border-top-color: transparent!important; } .required { background-color: #fff3e2; } .required .btn { background-color: #fff3e2; } .faBtn { font-size: 1.2em; margin-left: 4px; } a.faBtn { color: #333333; } a.faBtn:hover, a.faBtn:active { text-decoration: none; } .faBtn[disabled] { color: #aaa; } tr.btn-danger:hover td { background: #d43f3a; } tr.btn-info:hover td { background: #31b0d5; } #ctl00_MCP_panelAlert .close { border: none; } #ctl00_MCP_panelAlert .close:hover { border: none; background: inherit; color: inherit; } .bg { /* The image used */ background-image: url(''); /* Full height */ height: 100%; /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } .legalPic { position: absolute; bottom: 0; right: 0; font-size: 0.5em; } .tooltipHK > .tooltip-inner { padding: 0px; } .tooltipHK .panel-body { margin-left: 4px; margin-right: 4px; } .tooltipHK .panel-heading { font-weight:bold; } .tooltipHK.in { opacity: 1; filter: alpha(opacity=100); } .tooltipHKL { top: 0; left: 0; position: absolute; height: 100%; } .label-offer { border: solid 2px #adadad; background-color: #ffffff; color: #adadad; } .tableContainer input { border-color: #ccc; border-radius: 4px; border-style: outset; color: #666; text-align: center; } .btn-search::before { font-family: FontAwesome; content: "\f002"; margin-right: 6px; } .js-notification { position: absolute; top: 0; right: 5px; color: #ffffff; background-color: #d9534f; } .js-notification-bell { margin-right:5px; } .modal.in #notification-modal.modal-dialog { position: fixed; bottom: 0px; left: 0px; margin: 10px; } .notification-panel .label { margin-right: 4px; } .divRatePrice { border: solid; border-radius: 4px; border-width: 1px; height: 100%; color: #666; background-color: #eee; align-items: center; display: flex; justify-content: center; } .divRatePriceSingle7 { font-size:28px; } .divRatePriceSingle14 { font-size: 20px; } .divRatePriceSingle31 { font-size: 11px; } .footer-pic { position: absolute; right: 0; } .bootstrap-select.room-control .dropdown-toggle .caret { margin-right: -8px !important; } .btn-category { margin-right: 1em; } .btn-category:hover { filter: brightness(90%); } .divCategory { display: flex; overflow: hidden; scroll-behavior: smooth; } .btn-category-left { margin-right: 1em; display: flex; align-items: center; } .btn-category-right { margin-left: 1em; display: flex; align-items: center; } .divCategories { border: 1px solid; border-top-color: currentcolor; border-right-color: currentcolor; border-bottom-color: currentcolor; border-left-color: currentcolor; border-radius: 3px; border-color: #dddddd; padding: .3em; display: flex; flex-flow: row; } .i-category { width: 1.5em; } @font-face { font-family: 'Material Symbols Rounded'; font-style: normal; src: url('http://localhost/fonts/MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2' format('woff'); } .material-symbols-rounded { font-family: 'Material Symbols Rounded'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; }