input[type="submit"], button {
cursor: pointer;
} .tablenav-pages .displaying-num {
display: block;
font-size: .9em;
margin-bottom: 5px;
}
.tablenav-pages .pagination-links > * {
display: inline-block;
background: var(--vri-light-grey-bg-color);
border:1px solid var(--vri-light-border-color);
padding: 2px 5px;
}
.tablenav-pages .pagination-links .tablenav-paging-text {
font-size: .9em;
} .notice {
box-sizing: box-sizing;
padding: 15px;
border-radius: 4px;
margin: 5px 5px 30px;
display: inline-block;
width: 100%;
}
.notice p {
margin-bottom: 0;
padding-bottom: 0;
}
.notice-success {
box-sizing: box-sizing;
background: #f0fcff !important;
background-image: none !important;
border: 2px solid #6996c6;
color: #6996c6;
}
.notice-success > p {
color: #6996c6 !important;
margin-bottom: 0 !important;
}
.notice-error {
box-sizing: box-sizing;
background: #fdecec !important;
background-image: none !important;
border: 2px solid #f25456 !important;
color: #f25456;
}
.notice-error > p {
color: #f25456 !important;
margin-bottom: 0 !important;
}
.notice-warning {
box-sizing: box-sizing;
background: #fffbf5 !important;
background-image: none !important;
border: 2px solid #f19112 !important;
color: #f19112;
}
.notice-warning > p {
color: #f19112 !important;
margin-bottom: 0 !important;
}
.notice-info {
box-sizing: box-sizing;
background: #f2f8fd !important;
background-image: none !important;
border: 2px solid #2e8dd6 !important;
color: #2e8dd6;
}
.notice-info > p {
color: #2e8dd6 !important;
margin-bottom: 0 !important;
}
.err {
background: url(//nappmb.cz/wp-content/plugins/vikrentitems/site/resources/resources/images/error-msg.png) no-repeat scroll 10px center !important;
border: 1px solid #DDDDDD !important;
border-radius: 5px;
color: #D90000;
font-weight: bold;
margin: 15px 0 20px;
padding: 20px 0 20px 60px !important;
}
.warn {
background: url(//nappmb.cz/wp-content/plugins/vikrentitems/site/resources/resources/images/warning-msg.png) no-repeat scroll 10px center !important;
border: 1px solid #DDDDDD !important;
border-radius: 5px;
color: #CC9A04;
font-weight: bold;
margin: 15px 0 20px;
padding: 20px 0 20px 60px !important;
}
.successmade {
background: url(//nappmb.cz/wp-content/plugins/vikrentitems/site/resources/resources/images/success-msg.png) no-repeat scroll 10px center !important;
border: 1px solid #DDDDDD !important;
border-radius: 5px;
color: #196A19;
font-weight: bold;
margin: 15px 0 20px;
padding: 20px 0 20px 60px !important;
}
.vrilocationbox {
background: none repeat scroll 0 0 #F6F6F6;
border: 1px solid #DDDDDD;
border-radius: 4px 4px 4px 4px;
display: block;
margin: 10px;
padding: 10px;
}
.vrilocationbox h3 {
font-weight:bold;
font-size: 1.1em;
margin:0 0 3px 0;
}
.vri-oconfirm-middlep {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
margin: 0 0 20px;
}
.vri-oconfirm-middlep > div {
flex: 1;
}
.vri-coupon-outer {
background: none repeat scroll 0 0 #f6f6f6;
border: 1px dashed #a2d1ad;
color: #666;
font-size: .9em;
margin: 0;
padding: 15px;
margin: 5px;
}
.vri-coupon-outer form {
margin-bottom: 0;
}
.vrientercoupon span {
display: block;
padding: 0 0 5px 0;
}
.vrientercoupon .vriinputcoupon, .vri-enterpin-top #vri-pincode-inp {
border: 1px solid #ddd;
box-shadow: none;
font-size: .9em;
padding: 8px;
float: left;
}
.vrientercoupon .vrisubmitcoupon, .vri-enterpin-block .vri-pincode-sbmt {
border-radius: 3px;
cursor: pointer;
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
padding: 7px;
margin: 0 0 0 5px;
width: auto;
}
.vrientercoupon .vrisubmitcoupon:hover {
background:#328432;
border: 1px solid #398439;
transition: all 400ms ease-in-out 0s;
}
.vrientercoupon .vrisubmitcoupon {
background: #159049;
border: 1px solid #398439;
color: #FFF;
}
.vri-enterpin-block {
background: #f6f6f6;
border: 1px solid #ddd;
padding: 15px;
margin: 5px;
}
.vri-enterpin-block .vri-enterpin-top span {
display: block;
margin-bottom: 3px;
}
.vri-enterpin-block .vri-enterpin-top span > span {
font-weight: bold;
text-transform: uppercase;
}
.vri-enterpin-block .vri-pincode-sbmt {
background: #337ab7;
border: 1px solid #2e6da4;
color: #fff;
box-shadow: none;
text-shadow: none;
}
.vri-enterpin-block .vri-pincode-sbmt:hover {
background: #286090;
border: 1px solid #204d74;
color: #fff;
}
.vrilocationbox .vriloclistloctimebox {
color:#00647E;
}
.vrilocationbox .vriloclistlocdescr {
margin:10px 0 0 0;
}
.vrilocationbox .vriloclistlocdescr p {
margin: 0px 0 5px 0;	
}
.vrivordudata {
width:91%;
background:#f6f6f6;
border:1px solid #ddd;
padding:15px;
line-height:1.6em;
margin:25px auto 5px auto;
font-size: 9em;
display: table;
}
.vrivordudata p {
margin:0;
padding:0;
}
.vrivordudata span {
display:block;
}
.vrivorditeminfo {
line-height:1.8em;
font-size: 1em;
margin:15px 0 0 0;
background:#fbfbfb;
border:1px solid #ddd;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
width:60%;
padding:15px;
}
.vrivorditeminfo p {
margin:0;
padding:0;
}
.vrivordcosts .vrivordcoststot .vri-ord-tot-cost {
margin-left: auto;
}
.vrivordpaybutton {
text-align: center;
margin:10px 0;
}
.vrivorditeminfo .vrivorditeminfotitle {
font-weight:bold;
}
.vrivordudata .vrivordudatatitle {
color: #666666;
font-size: 1.1em;
text-transform: uppercase;
padding:0 0 5px 0;
}
.item_container {
overflow: hidden;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #cccccc;
width: 97%;
padding: 8px;
margin-top: 5px;
margin-bottom: 5px;
}
.imgresult {
padding:1px;
border:1px solid #ddd;
}
.item_img_box { margin-right: 12px;
border:1px solid #eee;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
padding:10px;
}
div.item_img_box img {
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.item_description_box {
display: inline;
}
.item_carats {
margin:10px 0 0 0;
display: block;
}
.item_carats table td {
padding: 10px !important;
margin:0 3px 5px 0;
border-right:1px dotted #ccc;
vertical-align:middle;
}
.item_carats table tr td:last-child {
border:0;
}
.vrhword {
font-size: 1em;
font-weight:bold;
display: block;
text-transform:uppercase;
}
.item_prices h4, .item_options h4 {
margin-bottom: 0;
padding-bottom: 0;
}
.showprc-table-row {
display: flex;
align-items: center;
column-gap: 5px;
border: 1px solid #ddd;
padding: 15px 10px;
margin: 10px 0;
border-top: 3px solid #eee;
border-radius: 6px;	
}
.vri-showprc-name {
flex: 1;
display: flex;
font-size: 1.2em;
}
.vri-showprc-name label {
display: block;
margin-right: 15px;
}
.showprc-table-row .vri-showprc-opt-img-wrap {
margin-right: 10px;
}
.showprc-table-row .vri-showprc-opt-img-wrap img {
max-width: 100px;
border-radius: 4px;
}
.vri-showprc-cost {
margin-left: auto;
font-weight: bold;
font-size: 1.1em;	
}
.item_prices .vri-showprc-pricetbl-cost, .item_prices .vri-showprc-pricetbl-sub-cost {
text-align: right;
}
.vriarsfound {
font-size: .9em;
color:#999;
border-bottom:1px solid #ddd;
padding:0 0 5px 0;
}
.item_options {
margin: 35px 0;
}
.item_options .vrioptionaldescr {
padding:0 0 10px 0;
font-size: .9em;
}
.item_options .vrhword {
margin:0 0 10px 0;
}
.item_options p {
padding:0;
margin:0;
}
.item_options .vri-showprc-opttbl-price {
text-align: right;
margin-right: 10px;
}
.item_options .vri-showprc-opttbl-input, .item_prices .vri-showprc-pricetbl-radio {
width: 95px;
text-align: right;
padding-right: 10px;
}
.item_buttons_box {
display: inline-block;
width: 100%;
text-align: right;
margin:15px 0 0 0;
}
.item_buttons_box .booknow {
margin:0 0 15px 0;
width: auto;
cursor: pointer;
}
.item_buttons_box .goback {
float: left;
}
.vrirentalriepilogo {
color: #666;
font-size: 1.4em;
text-transform: uppercase;
}
.vrirentforlocs {
float:none;
clear:both;
}
.vrirentforlocs .vrirentalfor {
margin-bottom: 10px;
}
.vrirentalfor .vrirentalforone {
margin: 0;
margin-top: 25px;
font-size: 1.1em;
font-weight: bold;
}
.vrirentalfordate {
font-size:1em;
padding:0 2px;
color:#000;
}
.vrirentalfor > span {
display: inline-block;
font-size: 1.4em;
margin: 0 0 8px;
}
.vrirentalfortwo {
display:block;
font-size: .9em;
color:#666;
padding:8px 0 0 0;
text-transform:uppercase;
}
.vrirentalfortwo p {
display:block;
margin:0 0 5px 0;
padding:0;
}
.vritableorder {
line-height:1.6em;
margin:15px 0 20px 0;
width:100%;
}
.vritableorder .vritableorderfrow {
border-bottom:1px solid #ddd;
}
.vritableorder tr td {
padding: 10px 15px;
text-align: center;
}
.vritableorder tr td:first-child {
text-align: left;
}
.vritableorder .vritableorderfrow td {
font-size: 1.1em;
font-weight: bold;
padding: 10px 15px;
}
.vritableorder .vriordrowtotal {
font-size: 1em;
}
.vritableorder .vriordrowtotal .vritotalord {
font-size: 1.2em;
}
.vritableorder .vriordrowtotal td { 
font-weight:normal !important;
font-size: .9em;
background: #efefef none repeat scroll 0 0;
padding: 10px 0 10px 10px;
vertical-align: middle;
}
.vripickuploc {
background: none repeat scroll 0 0 #FBFBFB;
border: 1px solid #C9E9FC;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
color: #666666;
float: left;
font-size: 1.1em;
margin: 0 15px 20px 0;
padding: 10px;
}
.vrilocsboxsum {
float:right;
}
.vridropoffloc {
font-size: 1.1em;
margin:0;
padding:0;
color:#666;
background: none repeat scroll 0 0 #FBFBFB;
border: 1px solid #C9E9FC;
border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 4px 4px 4px;
padding: 10px;
margin:0 0 20px 0;
float:left;
}
.vridropoffloc + form {
clear:both;
float:none;
padding:10px 0 10px 0;
margin:15px 0 0px 0;
border-top:1px solid #eee;
}
.vriseparatorcflong {
font-size: .9em;
padding:15px 0 10px;
color:#666;
}
.vrichoosepayment {
font-size: 1em;
text-transform:uppercase;
padding:10px 0 10px 0 !important;
color:#666;
margin:0;
}
.vrichoosepayment+ul {
margin:0;
padding:0;
}
.vrichoosepayment+ul li {
display:inline;
}
.vripickuploc .vripickuplocname, .vridropoffloc .vridropofflocname {
display:block;
font-size: .9em;
padding:5px 0 0 0;
font-weight:bold;
}
.item_disclaimer {
overflow: hidden;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 1px solid #cccccc;
margin-top: 10px;
margin-bottom: 10px;
padding: 8px;
}
.item_title {
margin-bottom: 13px;
}
.item_separator {
margin-top: 15px;
}
.item_result {
overflow: hidden;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border: 2px solid #cccccc;
width: 98%;
padding: 8px;
}
.vrisrowprice .vrisrowpricediv {
background:#eee;
border-radius: 10px;
padding:8px !important;
color:#00647E;
width:90px;
text-align:center;
border:1px solid #ddd;
}
.vrisrowprice .vrisrowpricediv .vristartfrom {
font-size: .9em;
display:block;
}
.vrisrowprice .vrisrowpricediv .item_cost {
font-size: 1.3em;
font-weight:bold;
display:block;
}
.vrisearchcaratt td {
padding:10px !important;
font-size: .9em;
border-bottom:1px dotted #ccc;
}
.vrisearchcaratt tr:last-child td {
border:0;
}
.vrirowcname {
font-size: 1em;
font-weight:bold;
}
.vrirowcdescr p {
margin:0 0 3px 0;
padding:0;
}
.vrirequired {
color: #ff0000;
}
.vridivcustomfield .vriinput {
background: none repeat scroll 0 0 #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: none;
color: #444;
font-size: 16px;
padding: 10px;
width: 100%;
}
.vridivcustomfield .vriinput:focus {
outline: none;
border-color:#000;
transition: all 200ms ease-in-out 0s;
}
.vridivcustomfield .vritextarea {
background-color: #fff;
color: #444;
background-image: none;
border: 1px solid #ddd;
font-size: 16px;
height: 200px;
min-width: 323px;
line-height: 1.42857;
margin: 0;
padding: 10px;
position: relative;
transition: all 200ms ease-in-out 0s;
z-index: 2;
}
.vridivcustomfield .vritextarea:focus {
outline: none;
border-color:#000;
transition: all 200ms ease-in-out 0s;
}
.vridivcustomfield .vri-customfield-label {
margin-bottom: 5px;
}
.vridivcustomfield .vri-customfield-label label {
display: inline-block;
}
.vri-oconfirm-mainf-cont .booknow {
width: auto;
margin: 0 auto;
display: table;
}
.vri-oconfirm-paym-block {
margin: 40px 0;
text-align: center;
}
.vri-oconfirm-paym-block .vri-medium-header {
margin-bottom: 10px;
font-weight: bold;
}
.vri-oconfirm-paym-block ul li {
display: inline-block;
list-style-type: none;
background: #eee;
border: 1px solid #eee;
padding: 10px;
border-radius: 2px;
cursor: pointer;
margin: 4px;
}
.vri-oconfirm-paym-block ul li label {
margin-left: 5px;
}
.vri-oconfirm-paym-block .vri-gpay-licont-active {
border: 1px solid #159049;
background: #fff;
}
.vridivcustomfield {
text-align: left;
display: inline-block;
margin: 0 45px 13px 0;
}
.vri-oconfirm-mainf-cont .vridivcustomfield.vricustomfldinfo {
width: 100%;
text-align: center;
}
.vricustomfields .vriseparatorcf {
font-size: 1.3em;
margin: 10px 0 20px;
}
.vri-oconfirm-mainf-cont .vridivcustomfield select {
height: auto;
width: 100%;
padding: 8px 15px;
font-size: 16px;
border: 1px solid #ddd;
}
.vricustomfldinfo {
width: 99%;
}
.vrilist {
list-style-type: none;
}
.vrilist {
margin:0;
padding:0;
}
.vrilist li {
list-style-type: none;
margin:0px 10px 15px 0px !important;
border-radius: 7px;
padding:15px !important;
-moz-border-radius: 7px;
webkit-border-radius: 7px;
border: 2px solid #CCCCCC;
display:inline-block;
width:95%;
}
.vrilist li:before {
}
.vrilist li span {
}
img.vrilistimg {
margin: 0 15px 0 0;
max-width: 100%;
}
.vrilistitemname {
display: block;
font-weight: bold;
font-size: 1.3em;
}
.vrilistitemcat {
color: #666;
display: block;
font-size: .9em;
margin: 0;
}
.vrilistitemdescr {
font-size: .9em;
margin: 12px 0 0;
}
.vrilistcostdivcont, .vri-result-costdivcont {
text-align: left;
padding: 15px 20px;
}
.vri-result-itemdescr {
font-size: 1em;
margin: 8px 0 0;
}
.vri-search-selectquantity {
margin-top: 5px;
}
.vri-search-selectquantity label {
font-size: .8em;
display: block;
margin: 0 0 3px;
font-weight: bold;
}
.vri-list-item-img {
display: inline-block;
float: left;
margin: 0 10px 0 0;
flex-basis: 28%;
}
.vri-list-item-descr {
flex: 1;
padding: 15px;
}
.vrilistdivcost .vriliststartfrom, 
.vriliststartfromtext, .vristartfrom,
.vri-result-divcost .vriliststartfrom {
margin: 0;
margin-right: 6px;
font-size: .8em;
text-align: left;
display: block;
}
.item_cost {
font-size: 1.4em;
font-weight: bold;
}
.vristartfrom {
color: #006600;
}
.vriliststartfrom, .vriliststartfromtext {
color: #777;
}
.vrilistdivcost .item_cost {
font-size: 1.4em;
}
.vrisrowpricediv {
float:right;
}
.vrisearchrightbookdiv {
display: inline-block;
text-align: right;
width: 100%;
}
.vriselectquantitydiv, .vrisearchsubdiv {
display:inline-block;
}
.vrilistgoon {
background:#006600;
border-radius: 5px;
cursor: pointer;
font-size: .9em;
padding: 7px 10px;
text-align: center;
border:1px solid #003300;
display:inline !important;
}
.vrilistgoon:hover {
background:#004600;
}
.vri-pagination {
display: inline-block;
width: 100%;
margin: 15px 0 0;
}
.vri-pagination ul {
display: block;
text-align: center;
}
.vri-pagination ul li {
display: inline-block;
list-style-type: none;
padding: 0 3px;
}
.vri-pagination ul li .pagenav {
border-radius: 2px;
padding: 1px 5px 3px;
}
.vri-pagination ul li span.pagenav {
background: #f2f2f2 none repeat scroll 0 0;
border: 1px solid #e7e7e7;
color: #999;
}
.vri-pagination ul li a.pagenav {
background: #eee none repeat scroll 0 0;
border: 1px solid #ddd;
color: #006600;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
transition: all 400ms ease-in-out 0s;
}
.vri-pagination ul li a.pagenav:hover {
background: #ddd;
text-decoration: none;
}
.vrilistgoonlist {
display:block;
text-transform:uppecase;
margin:5px 0 0 0;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
transition: all 400ms ease-in-out 0s;
}
.vrilistgoonlist a, .vricontinue, .vricompleteorderdiv a, .vrirelitemsubmit {
font-size: .9em;
text-decoration: none !important;
color: #fff !important;
font-weight:bold;
background: #000;
border-radius:4px;
padding:9px 15px;
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
border:0;
display: inline-block;
width: 100%;
box-sizing: border-box;
}
.vrilistgoonlist a:hover, .vricontinue:hover, .vricompleteorderdiv a:hover, .vrirelitemsubmit:hover {
background:#444;
color: #fff;
text-decoration: none;
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
}
.book {
font-size: .9em;
text-transform:uppercase;
text-decoration: none !important;
color: #fff;
font-weight:bold;
background: #189b2d;
border-radius: 2px;
padding:9px 15px;
transition: all 200ms ease-in-out 0s;
border:0;
display: inline-block;
width: 100%;
}
.goback a {
text-decoration: none !important;
font-size: .9em;
text-transform:uppercase;
color: #777;
font-weight:bold;
background:#eee;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
padding:9px 15px;
-webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
transition: all 400ms ease-in-out 0s;
border:1px solid #ddd;
}
.goback a:hover {
color: #777;
text-decoration: none;
background: #fbfbfb;
}
.vricontinue {
padding:9px 35px;
cursor: pointer;
}
.vrilistgoon a {
color: #fff;
font-weight:bold;
text-transform:uppercase;
}
form .vriselectm {
padding: 4px 9px;
margin: 10px 0 0 0;
border: 1px solid #ddd;
}
.vrilistsep {
display: block;
margin:3px 0 10px 0;
height:10px;
}
.vritdfree{
color: #222;
background: #f9f9f9;
}
.vritdfree a {
color: #333 !important;
text-decoration: none !important;
}
.vritdbusy{
color: #fff;
background: #b20000;
}
.vritdbusy a {
color: #fff;
}
.vritdwarning{
color: #fff;
background: #f89d33;
}
.vritdwarning a {
color: #fff !important;
}
.vritdclosedday {
color: #222;
opacity: 0.5;
}
.vridetsep {
margin-bottom: 5px;
margin-top: 8px;
}
.vrilegendediv {
clear:both;
margin: 20px 0 15px;
float:none;
}
.vrilegenda {
margin-right: 15px;
font-weight: bold;
padding:5px 0;
}
.vrilegendediv .vrilegenda-status, .vrilegenda > span:first-child {
border-radius: 2px;
margin-right: 5px;
display: inline-block;
width: 14px;
height: 14px;
vertical-align: middle;
border-radius: 50%;
}
.vrilegfree {
background: #f9f9f9;
border: 1px solid #ccc;
}
.vrilegwarning {
background: #f89d33;
border: 1px solid #f89d33;
}
.vrilegbusy {
background: #b20000;
border: 1px solid #b20000;
}
.vricaldivcont {
background: #fff;
border: 2px solid #eee;
border-top: 2px solid #060;
padding: 3px 8px 8px;
margin: 0 10px 8px 0;
border-radius: 0;
display: inline-block;
vertical-align: top;
}
.vrical {
border: 0 none;
border-collapse: separate;
border-spacing: 2px;
box-sizing: inherit;
width: 100%;
margin-bottom: 0;
}
.vricaldays {
padding:2px;
}
.vrical tr:first-child td {
font-size: 14px;
border-bottom: 1px solid #eee;
}
.vrical tr td {
border: 0;
font-size: 12px;
width: 35px;
height: 35px;
white-space: nowrap;
}
.vrical tr td > * {
display: block;
padding: 4px;
}
.vrical tr td > a {
text-decoration: none !important;
}
.vri-avcals-container .vrical tr td:hover {
background: #eee;
color: #666;
text-decoration: none;
}
.vricaldays td {
font-weight: bold;
font-size: 13px;
text-align: center;
}
.vricalcontainer {
border:0;
border-spacing:0;
border-collapse: collapse;
}
.vricalcontainer td {
border: 0 none;
margin: 5px;
padding: 5px 5px 5px 0;
}
.vricalcontainer .vrical {
border-radius:4px;
}
.vricalcontainer .vrical .vriitdetmonthnam {
background:#FBFBFB;
}
.vri-hourlycal-container .vrical tr td:first-child {
background: #e7e7e7;
color: inherit;
font-weight: bold;
border-right: 1px solid #ddd;
}
.vri-hourlycal-container .vrical tr:first-child td {
font-weight: bold;
}
.vri-hourlycal-container .vrical tr td {
vertical-align: middle;
}
.vri-hourlycal-container {
margin-top: 20px;
margin-bottom: 20px;
}
.vri-hourlycal-container .vri-medium-header {
font-size: 1em;
}
.vri-hourlycal-container .table-responsive {
border: 1px solid #ddd;
border-radius: 2px;
}
.vri-hourlycal-container .table {
margin-bottom: 0;
}
.vri-hourlycal-container .table > tbody > tr > td {
border-top: 0;
border-left: 1px solid #ddd;
white-space: nowrap;
}
.vri-hourlycal-container tr:first-child td {
border-color: #ddd;
}
.vri-hourlycal-container .vrical tr td:first-child {
background: transparent;
border-left: 0;
}
.vrilistitemcarats img {
float:left;
}
.vri-medium-header {
font-weight: bold;
margin-bottom: 8px;
}
.item_moreimages {
max-width: 250px;
overflow: hidden;
margin:5px 0 0 0;
}
.item_moreimages img {
margin-right: 3px;
padding: 1px;
border: 1px solid #cccccc;
background-color: #ffffff;
width:70px;
}
.item_moreimages img:hover {
opacity:0.7;
}
.loginregistercont {
width: 100%;
}
.registerblock {
width: 40%;
float: left;
background:#f6f6f6;
border:1px solid #ddd;
padding:15px;
margin:0 15px 0 0;
border-radius:4px;
}
.registerblock h3, .loginblock h3 {
color: #666666;
font-size: 1.1em;
text-transform: uppercase;
padding:10px 0;
}
.registerblock table {
width:80%;
}
.loginblock {
width: 40%;
float: left;
background:#f6f6f6;
border:1px solid #ddd;
padding:15px;
border-radius:4px;
}
.vrilocationsmapdiv {
width:100%;
text-align:center;
font-size:1em;
display: inline-block;
}
.vrilocationsmapdiv a {
padding: 0 10px;
text-decoration: none;
}
#vrimapcanvas {
border: 8px solid #cccccc;
border-radius: 5px;
margin:0 auto;
box-shadow:0 0 5px #bbb;
}
#map-canvas {
position: fixed !important;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.vrigmapinfow {
padding: 3px;
color:#555;
}
.vrigmapinfowdescr {
font-size: .9em;
}
.vrigmapinfowdescr p {
margin:0;
padding:0 0 5px 0;
}
.vrigmapinfow h3{
font-size: 1.1em;
margin:0 0 10px 0;
padding:0;
} .vridivsearch {
padding:10px;
background:#fbfbfb;
border:1px solid #eee;
border-radius:4px;
width:96%;
clear:both;
float:none;
margin:25px 0 0 0;
display:inline-block;
box-sizing: border-box;
}
.vri-bookform-container  {
padding: 40px;
background:#fbfbfb;
border:1px solid #eee;
border-radius:4px;
clear:both;
float:none;
margin:40px 0 0 0;
display: flex;
flex-wrap: wrap;
}
.vri-bookform-container .vri-medium-header {
flex: 100%;
font-size: 1.2em;
margin-bottom: 20px;
}
.vri-bookform-container .vridivsearch {
background: transparent;
border:0;
width: auto;
padding: 0;
flex: 1;
order: 0;
margin-top: 0;
}
.vri-bookform-container .vrilocationsbox {
order: 2;
flex-basis: 100%;
}
.vri-bookform-container .vrilocationsbox .vrilocationsmapdiv {
width: 100%;
text-align: center;
font-size: 1em;
display: inline-block;
}
.vri-bookform-container .vrilocationsbox .vrilocationsmapdiv span {
display: inline-block;
text-align: center;
margin: 0 8px;
}
.vridivsearch .ui-datepicker-trigger {
margin:0 10px 0 0;
}
.vridivsearch form table td select, .vridivsearch form table td input {
background:#fefefe;
border:1px solid #ddd;
border-radius:4px;
color:#666;
padding:6px !important;
font-size: 1em !important;
}
.vridivsearch form .vricalform input[type^="submit"],
.vriordcancformbox table td input.btn {
background:#000;
border:0;
border-radius:4px;
margin:10px 0 0 0;
font-size: .9em;
cursor:pointer;
color:#fff;
font-weight:bold;
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
}
.vriordcancformbox table td input.btn {
padding: 5px 10px;
}
.vridivsearch form .vricalform input[type^="submit"]:hover,
.vriordcancformbox table td input.btn:hover {
background:#444;
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
}
#vricalculate {
background: #1491ae;
border:0;
border-radius:2px;
margin:0 0 0 5px;
font-size: 1em !important;
cursor:pointer;
color:#fff;
font-weight:400;
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
padding: 8px 10px;
display: inline-block;
text-align: center;
vertical-align: top;
}
#vricalculate:hover {
background: #10758c;
}
#vricalculate:active {
background: #58a0b1;
}
.ui-helper-clearfix {
z-index:10000 !important;
}
.ui-datepicker-trigger {
margin:0 0 0 2px;
}
.dailyprices {
font-size: 1em;
line-height:34px;
}
.vripaymentchangetot {
background:#FBFBFB;
border:1px solid #C9E9FC;
border-radius:4px;
padding:10px;
font-size: 1.1em;
color:#666;
display:block;
}
.vripaymentchangetot .vriorddiffpayment {
font-weight:bold;
color:#144D5C;
font-size: 1.2em;
}
.vrioptionforcequant {
padding: 5px 10px;
background:#fbfbfb;
border:1px solid #ddd;
}
.item_prices input[type="radio"] {
margin-right: 0;
} .vriuserorderstable {
width: 100%;
padding: 5px;
}
.vriuserorderstablerow td {
font-weight: bold;
font-size: 1em;
}
p.vriuserordersparag {
font-style: italic;
padding: 5px;
}
.vriprintdiv {
text-align: right;
}
.vriprintdiv a img {
border: 0;
}
.vriordcancbox {
border: 1px solid #ddd;
padding: 20px;
margin-top: 10px;
background: #fbfbfb;
}
.vriordcancbox h3 {
font-size: 1.1em;
margin-top: 0 !important;
margin-bottom: 15px !important;
}
.vri-ord-reqcanc-entry {
margin: 10px 0;
}
.vriordcancbox input.vriinput, .vriordcancbox textarea {
font-size: 14px;
border: 1px solid #CCCCCC;
background: #fff;
margin: 0 0 5px 0;
padding: 8px 15px;
height: auto;
}
.vriordcancbox input.vriinput {
width: 100%;
}
.vriordcancbox textarea {
width: 80%;
}
.vriordcancbox a {
text-decoration: none;
}
.vriordcancformbox {
display: none;
margin: 15px 0 0;
}
.vriordcancformbox table td {
padding: 5px;
} .vriemptycartdivcontainer {
float: left;
display:inline-block;
position:relative;
}
.vriemptycartdiv {
font-size: 1em;
margin: 2px;
font-weight: bold;
text-align:center;
}
.vriemptycartdiv a {
border-radius: 4px;
color: #ffffff !important;
padding: 8px 10px;
text-decoration:none;
display:inline-block;
background: none repeat scroll 0 0 #d9534f;
border: 1px solid #d43f3a;
transition: all 200ms ease-in-out 0s;
}
.vriemptycartdiv a:hover, .vriemptycartdiv a:focus, .vriemptycartdiv a:active {
background: none repeat scroll 0 0 #c9302c;
border-color: #ac2925;
transition: all 200ms ease-in-out 0s;
text-decoration: none;
}
.vriemptycartconfirmbox {
display: none;
background: none repeat scroll 0 0 #fff;
border: 1px solid #ddd;
border-radius: 2px;
padding: 20px 10px;
position: absolute;
left: 1px;
width: 410px;
z-index: 1000;
transition: all 200ms ease-in-out 0s;
box-shadow: 0 0 10px rgba(0,0,0, .1);
}
.vriemptycartconfirmbox > span {
display: block;
font-weight: bold;
}
.vriemptycartconfirmbox a, .vriemptycartconfirmbox a:link {
margin: 0 3px 0 0;
padding: 0px 10px;
border-radius: 4px 4px 4px 4px;
font-weight:bold;
text-decoration: none;
display: inline-block;
}
.vriemptycartconfirmbox .vri-summary-yes {
color:#ffffff !important;
background: none repeat scroll 0 0 #159049;
border: 1px solid #398439;
}
.vriemptycartconfirmbox .vri-summary-no {
color:#666 !important;
background: none repeat scroll 0 0 #eee;
border: 1px solid #ddd;
}
.vriemptycartconfirmbox .vri-summary-yes:hover, .vriemptycartconfirmbox .vri-summary-yes:focus, .vriemptycartconfirmbox .vri-summary-yes:active {
background: none repeat scroll 0 0 #328432;
border-color: #398439;
transition: all 200ms ease-in-out 0s;
text-decoration: none;
}
.vriemptycartconfirmbox .vri-summary-no:hover, .vriemptycartconfirmbox .vri-summary-no:focus, .vriemptycartconfirmbox .vri-summary-no:active {
background: none repeat scroll 0 0 #ddd;
border-color: #ccc;
transition: all 200ms ease-in-out 0s;
text-decoration: none;
}
.vriremoveitemdiv {
float: right;
}
.vriremoveitemdiv a, .vriremoveitemdiv a:link {
color: #990000;
border: 1.5px solid #990000;
border-radius: 4px;
display: inline-block;
padding: 4px 5px 4px;
background: #fff;
transition: all 200ms ease-in-out 0s;
}
.vriremoveitemdiv a:hover {
background: #990000;
color: #fff;
transition: all 200ms ease-in-out 0s;
}
.vridiscsquantsdiv {
background: #fbfbfb none repeat scroll 0 0;
border: 1px solid #eee;
border-radius: 4px;
margin: 0 0 10px;
max-width: 250px;
padding: 10px 25px 20px;
}
.vridiscsquantstable {
width: 100%;
}
.vridiscsquantstrfirst td {
border-bottom: 1px solid #ddd;
font-weight: 400;
color: #006600;
padding: 4px 0 8px;
}
.vridiscsquantstrentry td {
padding: 7px 0 0;
}
.vridiscsquantsdivsearchmain {
width:100%;
display:inline-block;
}
.vridiscsquantsdivsearch {
display: block;
padding:10px;
width:50%;
float:right;
}
.vridiscsquantstablesearch {
width: 100%;
}
.vridiscsquantstrfirstsearch td {
font-weight: bold;
text-align: center;
}
.vridiscsquantstrentrysearch td {
text-align: center;
}
.vrichangedatesdivcontainer {
float: left;
display:inline-block;
position:relative;
}
.vrioconfirmbuttonsdiv {
width:100%;
margin: 30px 0 15px;
display:inline-block;
}
.vrioconfirmbuttonsdiv > div {
margin: 5px;
}
.vrichangedatesdiv {	
font-size: 1em;
margin: 2px;
color:#fff;
font-weight: bold;
text-align:center;
float:right;
}
.vrichangedatesdiv a {
background-color: #337ab7;
border: 1px solid #2e6da4;
border-radius: 4px;
color:#fff !important;
text-decoration:none;
display:inline-block;
padding:8px 10px 8px;
transition: all 200ms ease-in-out 0s;
}
.vrichangedatesdiv a:hover {
background: #286090;
border-color: #204d74;
text-decoration:none;
transition: all 200ms ease-in-out 0s;
}
.vricompleteorderdiv {
font-size: 1em;
line-height: 2em;
margin: 2px;
color:#fff;
font-weight: bold;
text-align:center;
display:inline-block;
float:right;
}
.vrichangedatesconfirmbox {
display: none;
background: none repeat scroll 0 0 #fff;
border: 1px solid #ddd;
border-radius: 2px;
padding: 20px 10px;
position: absolute;
left: 1px;
top: 46px;
width: 410px;
z-index: 1000;
transition: all 200ms ease-in-out 0s;
box-shadow: 0 0 10px #0000001a;
}
.vrichangedatesconfirmbox > span {
display: block;
font-weight: bold;
margin-bottom: 10px;
}
.vrichangedatesconfirmbox a {
margin: 0 3px 0 0;
padding: 0px 10px;
border-radius: 4px;
font-weight: bold;
text-decoration: none;
display: inline-block;
}
.vrichangedatesconfirmbox .vri-summary-yes {
color: #fff !important;
background: none repeat scroll 0 0 #159049;
border: 1px solid #398439;
}
.vrichangedatesconfirmbox .vri-summary-no {
color: #666 !important;
background: none repeat scroll 0 0 #eee;
border: 1px solid #ddd;
}
.vri-summary-interested {
margin: 50px 0;
}
.vrirelateditems {
padding: 5px;
width: 1200px;
overflow-x: auto;
overflow-y: hidden;
display: flex;
}
.vriyoumightintp {
font-size: 1.4em;
margin:15px 0;
}
.vrirelateditemsdivscroll {
overflow-x:auto;
overflow-y:hidden;
}
.vrirelitemimgdiv {
display:inline-block;
margin:0 0 10px 0;
width: 100%;
}
.vrirelitemimgdiv img {	
max-width: 100%;
}
.vrirelitemname {
font-size: 1em;
font-weight:bold;
display: block;
padding: 0 20px 10px;
}
.vrirelitemdiv {
float: left;
border: 1px solid #DDDDDD;
text-align:center;
width: 33%;
margin:0 15px 0 0;
list-style-type: none !important;
min-height: 250px;
}
.vrirelitemdiv > form {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.vrirelitemsubmit {
margin-top: 15px;
margin-bottom: 0;
padding: 9px 30px;
}
.vrirelitemdiv .vri-oconfirm-relitem-bottom {
margin-top: auto;
flex-basis: 100%;
}
.vrirelitemdiv .vri-oconfirm-relitem-bottom .vriselectquantitydivrelmain {
padding: 5px 20px 15px;
border-top: 1px solid #ddd;
}
.vridiscsquantsdivsearchrel {
text-align:center;
}
.vriselectquantitydivrel {
margin:5px 0 0 0;
}
.vriselectquantitydivrel label {
display: inline-block;
font-weight: bold;
margin-bottom: 5px;
font-size: .8em;
}
.vriselectquantitydivrel .vrismallinput {
width: 60px !important;
display: block;
float: none;
margin: 0 auto;
}
.vrirelitemdiv {
width: auto;
}
.vrirelateditemsdivscroll .vrirelateditems {
margin: 0;
}
.vrirelateditemsdivscroll .vrirelateditems .vrirelitemdiv {
margin: 0;
margin-right: 15px;
}
.vridiscsquantsdivsearchrel {
margin: 10px;
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
}
.vridiscsquantsdivsearchrel table {
margin:0 auto;
width: 100%;
font-size: .9em;
}
.vridiscsquantstrfirstsearchrel td {
font-weight: bold;
}
.vrilistitemcarats table td, .vrilistitemcarats table tr {
border:0;
}
.vrilistitemcarats table td {
padding:0 5px;
}
.vricontinuerentdiv {
padding: 20px;
margin: 0 0 30px 0;
border: 1px solid #eee;
box-sizing: border-box;
}
.vricontinuerentdiv > h4 {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 5px;
padding-bottom: 10px;
}
.vricontinuecategory {
display: inline-block;
margin: 0 5px 0 0;
}
.vricontinuerentdiv label {
display: block;
margin-bottom: 2px;
font-weight: bold;
}
.vricontinuerentdiv select {
background: #fff;
border: 1px solid #dddddd;
border-radius: 4px;
margin: 0;
padding: 6px !important;
}
.vricontinuerentdiv .booknow {
display: inline-block;
margin: 0 0 0 5px;
width: auto;
padding: 7px 15px;
font-size: .9em;
}
.vricontinuerentdiv .vricontinue {
float:right;
}
.vrirelitemimg {
clear:both;
float:none;
}
.vriitcaratsdiv span {
display: inline-block;
padding: 8px;
border-right: 1px solid #ddd;
}
.vri-itemdet-carats, .vri-showprc-carats {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
margin: 23px 0 4px;
padding: 2px 0;
}
.vri-itemdet-carats .vriitcaratsdiv span {
border:0;
padding: 5px;
}
.vriitcaratsdiv span:last-child {
border:0;
}
.vrispecificationopt {
display: flex;
align-items: center;
border: 1px solid #ddd;
background: #f6f6f6;
padding: 15px;
margin: 10px 0;
border-radius: 6px;
}
.vrispecificationoptinfo {
flex: 1;
}
.vrispecificationopt p {
margin: 0 0 5px 0;
padding: 0;
}
.vrispecificationoptname {
font-size: 1.1em;
font-weight: bold;
}
.vrideliveryservicespan {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #ddd;
border-radius: 5px;
display: table;
font-size: 1em;
padding: 7px 21px 7px 18px;
margin: 5px auto 8px;
position: relative;
}
.vrideliveryservicespan:after {
background: url(//nappmb.cz/wp-content/plugins/vikrentitems/site/resources/resources/images/deliveryok.png) no-repeat scroll left center transparent;
content: "";
height: 49px;
left: -11px;
top: -23px;
position: absolute;
width: 49px;
}
.item_delivery {
border: 1px solid #ddd;
font-size: .9em;
margin: 15px 0;
padding: 15px;
}
.item_delivery label {
margin: 0 10px 0 0;
}
.vrideliverycont {
display: none;
}
.vrideliverycont > div:first-child {
margin: 10px 0;
}
.vrideliverycont #vrideliveryaddress {
display: block;
margin-bottom: 5px;
}
.vrideliverycont label {
font-weight: bold;
}
.vrichangedeliveryaddress, .vrichangedeliveryaddress:link {
cursor: pointer;
display: inline-block;
padding: 3px 10px;
text-decoration: none;
background-color: #337ab7;
border: 1px solid #2e6da4;
border-radius: 4px;
color: #ffffff;
margin-left: 10px;
}
.vrichangedeliveryaddress:hover {
background-color: #286090;
border-color: #204d74;
}
#vrideliverymapesit {
border-top: 1px solid rgba(255,255,255,.2);
margin-top: 10px;
padding-top: 10px;
}
#vrideliverymapesit.vrimaperr {
color: #fe6464;
}
#vripanel {
font-size: 1em;
position: absolute;
top: 120px;
left: 30px;
z-index: 5;
background-color: rgba(0, 0, 0, 0.8);
padding: 20px;
color: #eee;
max-width: 60%;
font-family: Arial, Tahoma, Sans-serif;
}
.vrimapnotes {
margin: 10px 0 0 0;
font-size: .85em;
}
#vrideliverymapesit p {
margin: 5px 0 0;
padding: 0;
}
#vrideliverymapcontinue {
display: none;
float: right;
clear: both;
}
#vrideliverymaploading {
display: none;
float: right;
margin-right: 10px;
}
.vripricestroke {
text-decoration: line-through;
}
.vrivordcostsdelivery {
color: #125a7d;
font-weight: bold;
}
.vrivordcoststot {
padding-top:5px;
display: inline-block;
width: 100%;
text-align: right;
}
.vrimapitemtitle {
border-bottom: 1px solid rgba(255,255,255,.2);
display: block;
font-size: 1.2em;
font-weight: 400;
margin: 0 0 12px;
padding: 5px 10px 5px 0;
color: #eee;
}
.vricalform .vridtsp {
font-size: 1.1em;
}
.vrideliveryinsaddr label {
display: block;
color: #fff;
font-weight: normal;
margin: 0 0 8px;
}
#deliveryTo {
background-color: rgba(255,255,255,0.9);
background-image: none;
border: 1px solid #000;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
color: #555;
font-size: 1em;
line-height: 1.42857;
margin: 0;
padding: 6px 12px;
position: relative;
width: auto !important;
z-index: 2;
}
.vridivsearch {
background: none repeat scroll 0 0 #FBFBFB;
border: 1px solid #EEEEEE;
border-radius: 4px;
padding: 25px;
width: 100%;
}
.vricalform {
display: inline-block;
width: 100%;
}
.vrisfentry {
display: inline-block;
margin: 0 0 10px;
width: 100%;
}
.vridivsearch .vrisfentry label {
display: block;
margin: 7px 0 5px 0;
}
.vridivsearch .vrisfentry .vrisfentrytime label, .vridivsearch .vrisfentry .vrisfentrytimeslot label {
float: left;
margin: 5px 5px 0 0;
flex-basis: 25px;
text-align: right;
}
.vridivsearch .vrisfentry div {
display: inline-block;
}
.vridivsearch .vrisfentry > span {
border-collapse: separate;
display: inline-block;
float: left;
position: relative;
}
.vrisfentry .vri-sf-input-wrap {
width: 50%;
vertical-align: top;
display: inline-block;
}
.vrisfentry .vri-sf-input-wrap > span {
display: block;
position: relative;
margin-right: 10px;
}
.vridivsearch .vrisfentry input {
background-color: #fff;
border: 1px solid #ddd;
font-size: .9em;
line-height: 1.42857;
margin: 0;
padding: 7px 10px;
position: relative;
z-index: 2;
width: 100%;
box-sizing: border-box;
}
.vrisfentry .vri-sf-input-wrap .vri-caltrigger {
position: absolute;
z-index: 10;
right: 10px;
top: 10px;
color: #666;
}
.vri-cal-img {
border-color: #ccc;
border-image: none;
border-radius: 0 4px 4px 0;
border-style: solid solid solid none;
border-width: 1px 1px 1px 0;
color: #555;
cursor: pointer;
font-size: 1em;
font-weight: 400;
height: 18px;
line-height: 18px;
padding: 8px 10px;
text-align: center;
box-sizing: border-box;
}
.vridivsearch .vrisfentry input.vri-numbinput {
width: 50px !important;
border-radius: 4px;
}
.vridivsearch .vridetbooksubmit {
width: auto;
}
.vrisfentry .vriplacesp {
width: 100%;
}
#vricomselph, #vricomseldh {
flex: 1;
display: inline-block;
float: left;
}
#vricomselpm, #vricomseldm {
flex: 1;
display: inline-block;
float: left;
}
.vripickdroplab {
min-width: 140px;
}
.vrisfentrytime, .vridivsearch .vrisfentry .vrisfentrytimeslot {
width: 50%;
}
.vridivsearch .vrisfentry .vri-sf-entrytime-inner, .vridivsearch .vrisfentry .vri-sf-timeslot-inner {
display: flex;
}
.vridivsearch .vri-sf-entrytime-inner label.vritimedots {
margin-left: 5px;
flex-basis: 5px;
text-align: center;
}
.vridivsearch .vri-sf-timeslot-inner label {
flex-basis: 50px;
text-align: right;
}
.vridivsearch .vri-sf-timeslot-inner > span {
flex: 1;
}
.vrisfentry .vriplacesp select, #vricomselph select, #vricomselpm select,
#vricomseldh select, #vricomseldm select, .vridivsearch .vrisfentry .vrisfentrytimeslot select {
background: #fff;
font-size: .9em;
padding: 8px 8px;
margin-bottom: 0;
border: 1px solid #ddd;
width: 100%;
}
.hasDatepicker {
background: #FFFFFF;
border: 1px solid #ddd;
border-radius: 2px;
float: left;
margin: 0 5px 0 0;
padding: 3px 6px;
width: auto;
}
.vridivsearch .ui-datepicker-trigger {
float: left;
}
.vrisfentrysubmit {
text-align: center;
}
.vrisfentrysubmit input {
background: none repeat scroll 0 0 #000;
border-radius: 4px;
cursor: pointer;
font-size: .9em;
padding:12px 45px;
}
.vrisfentrytimeslot > span {
display: inline-block;
float: left;
}
.vridtsp {
margin: 7px 0 0 0;
}
.vriforcetime {
cursor: not-allowed;
display: inline-block;
margin-left: 3px;
padding: 5px;
}
.vrismallinput {
background: #FFFFFF;
border: 1px solid #CCCCCC;
border-radius: 2px;
height: 24px;
margin: 0 5px 0 0;
padding: 3px 6px;
width: auto !important;
}
.vri-avcals-container {
display: inline-block;
width: 100%;
} .vrilistcontainer, .vri-search-results-container {
display: inline-block;
width: 100%;
}
.vri-list-item-block, .vri-search-result-block > form {
display: flex;
flex-wrap: wrap;
width: 100%;
border:1px solid #ddd;
margin: 10px 0;
} 
.vri-list-item-inner, .vri-result-item-inner {
border-right: 1px solid #ddd;
float: left;
position: relative;
flex: 1;
display: flex;
flex-wrap: wrap;
}
.vri-list-item-cont, .vri-result-item-cont {
flex-basis: 20%;
align-self: center;
}
.vri-list-item-cont, .vri-result-item-cont{
float: right;
margin: 0;
padding: 0;
position: relative;
width: 20%;
}
.vri-result-item-img {
display: inline-block;
float: left;
margin: 0 10px 0 0;
flex-basis: 28%;
}
.vri-result-item-img img, .vri-list-item-img img {
padding: 5px;
max-width: 100%;
}
.vri-result-item-details {
flex: 1;
padding: 15px;
}
.vri-result-itembottom {
display: inline-block;
width: 100%;
}
.vri-search-selectquantity .vri-numbinput {
max-width: 65px!important;
display: inline-block;
padding-left: 5px;
}
.vri-search-selectquantity span {
display: block;
margin: 10px 5px 0 0;
font-size: 1em;
font-weight: bold;
}
.vri-search-subdiv {
margin: 15px 0 0;
}
.vrilistitemcarats, .vri-result-itembottom {
display: block;
margin-top: 10px;
}
.vri-result-itemcarats {
margin-top: 10px;
}
.vri-result-itemdiscquants-container {
display: inline-block;
width: auto;
padding: 8px 20px;
margin: 10px 0px 0;
border-radius: 6px;
text-align: left;
border: 1px solid #ddd;
}
.vri-result-itembottom-double {
border-top:1px solid #328432;
}
.vri-result-itembottom-double .vri-result-itemcarats {
width: 79%;
}
.vri-result-itemdiscquants-inner {
display: inline-block;
width: 100%;
padding: 8px 0;
}
.vri-result-itemdiscquants-inner > div {
display: inline-block;
text-align: center;
width: 100%;
}
.vri-result-itemdiscquants-firstrow > div, 
.vri-result-itemdiscquants-listrows .vri-result-itemdiscquants-row > div {
float: left;
display: inline-block;
width: 50%;
}
.vri-result-itemdiscquants-row {
display: inline-block;
width: 100%;
}
.vri-result-itemdiscquants-firstrow-right, .vri-result-itemdiscquants-firstrow-left{
font-size: 1em;
font-weight: bold;
}
.vri-result-itembottom-double .vriitcaratsdiv span {
border:0;
}
.vri-showprc-groupblocks {
margin: 0 0 25px 0;
}
.vri-header-attract {
padding:0 0 10px;
}
.vri-showprc-carats {
margin: 30px 0 0;
}
.vri-itemdet-groupblocks, 
.vri-showprc-groupblocks {
display: flex;
width: 100%;
padding: 15px;
border:1px solid #ddd;
box-sizing: border-box;
}
.vri-showprc-groupblocks {
flex-wrap: wrap;
}
.vri-showprc-mainimage > img {
max-width: 100%;
}
.vri-showprc-groupblocks > div {
flex: 1;
}
.vri-itemdet-groupleft {
float: left;
display: inline-block;
width: 45%;
padding: 0 15px 0 0;
}
.vri-showprc-groupleft {
float: left;
display: inline-block;
width: 45%;
padding: 0 15px 0 0;
}
.vri-showprc-groupblocks .vri-medium-header {
flex: 100%;
}
.vri-itemdet-groupright {
float: left;
display: inline-block;
width: 53%;
padding: 0 0 0 35px;
}
.vri-showprc-groupright {
float: left;
display: inline-block;
width: 53%;
padding: 0 0 0 35px;
}
.vri-showprc-groupright .vri-showprc-descr {
padding: 15px 10px;
}
.vri-itemdet-mainimage img {
max-width: 100%;
}
.vri-itemdet-extraimages {
margin: 8px 0 0;
}
.vri-itemdet-infocat {
font-weight: 400;
color: #999;
text-transform: uppercase;
font-size: .9em;
}
.vri-itemdet-infoname span {
font-size: 1.4em;
color: #555;
}
.vri-itemdet-descr {
margin: 10px 0 0;
}
.vri-itemdet-priceblock {
text-align: right;
margin: 18px 0 0;
padding: 10px;
}
.vri-itemdet-priceblock .vri-itemdet-price-startfrom {
font-size: .9em;
font-weight: 400;
margin: 0 7px 0 0;
}
.vri-itemdet-priceblock .vri-itemdet-price-cost {
font-size: 1.3em;
font-weight: bold;
}
.vri-itemdet-priceblock .vri-itemdet-price-fromtext {
font-size: .9em;
}
.vri-itemdet-monthslegend {
margin: 25px 0 0;
}
.vrivordcosts > div {
display: inline-block;
margin: 10px;
background: #f6f6f6;
border:1px solid #ddd;
}
.vri-ord-item-entry-main-content {
padding: 20px;
}
.vri-ord-item-entry-tariff {
font-size: 1.2em;
font-weight: bold;
display: flex;
flex-wrap: wrap;
}
.vri-ord-item-entry-tariff span:last-child {
margin-left: auto;
display: inline-block;
}
.vri-ord-item-entry-name {
font-size: 1.2em;
font-weight: bold;
margin: 0 0 5px 0;
}
.vri-ord-mid-container {
display: flex;
}
.vri-ord-mid-container > div {
flex: 1;
margin: 5px;
font-size: .9em;
background: #eee;
padding: 14px 20px;
}
.vri-ord-mid-container > .vri-ord-udata {
padding: 14px 20px;
}
.vri-ord-mid-container > .vri-ord-pickdrop-block > div, .vri-ord-udata .vri-bookingdet-userdetail {
padding: 5px 0;
}
.vri-ord-pickuploc-lbl, .vri-ord-dropoffloc-lbl {
display: block;
font-weight: bold;
}
.vri-ord-downpdf {
margin: 5px 0;
}
.vri-ord-downpdf a, .vri-ord-downpdf a:link {
display: inline-block;
padding: 5px 10px;
border-radius: 4px;
background: #337ab7;
border: 1px solid #2e6da4;
color: #fff;
text-decoration: none;
}
.vri-ord-downpdf a > i {
margin-right: 5px;
}
.vri-ord-downpdf a:hover {
background-color: #286090;
border-color: #204d74;
}
.vri-ord-reqcanc-container > div > label {
display: inline-block;
width: 100%;
margin-bottom: 5px;
}
.vri-ord-reqcanc-container .vritextarea {
float: none;
width: 100%;
max-width: 100%;
}
.vri-ord-reqcanc-entry-sbmt {
margin-top: 10px;
}
.vri-ord-reqcanc-entry-sbmt input {
border-radius: 4px;
padding: 8px 10px;
background-color: #5cb85c;
border-color: #4cae4c;
color: #fff;
font-size: 1em;
font-weight: bold;
cursor: pointer;
}
.vri-ord-reqcanc-entry-sbmt input:hover {
background-color: #449d44;
border-color: #398439;
}
.vri-ord-mid-container > div .vri-medium-header {
color: #666;
font-size: 1.2em;
text-transform: uppercase;
}
.vri-ord-mid-container > .vri-ord-udata .vri-medium-header {
padding: 0 0 5px 0;
padding-bottom: 5px;
margin-bottom: 5px;
}
.vri-ord-mid-container > div .vri-medium-header {
margin-bottom: 9px;
display: block;
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
text-transform: uppercase;
color: #999;
font-size: 1em;
font-weight: normal;
}
.vrivordcosts {
display: flex;
flex-wrap: wrap;
}
.vrivordcosts .vri-ord-item-block {
width: calc(33% - 20px);
}
.vrivordcosts > .vri-ord-coststot-container {
flex: 100%;
margin: 5px 0;
box-sizing: border-box;
text-align: right;
}
.vri-ord-coststot-container .vri-ord-totpaid {
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #ddd;
}
.vri-ord-coststot-container .vri-ord-totremaining {
color: #d02828;
}
.vri-ord-coststot-container .vri-ord-coststot, .vri-ord-coststot-container .vrivordcoststot {
font-size: 1.2em;
font-weight: bold;
text-transform: uppercase;
box-sizing: border-box;
}
.vri-ord-coststot-container .vrivordcoststitle {
margin-right: 5px;
}
.vri-ord-coststot-container > div {
padding: 10px 15px;
}
.vrivordpaynote {
margin: 20px 0 10px;
}
.vri-ord-det-lbl, .vri-ord-pickupdt-lbl, .vri-ord-dropoffdt-lbl, .vri-bookingdet-userdetail-lbl, .vri-ord-dropoffloc-lbl, .vri-ord-pickuploc-lbl {
display: block;
font-weight: bold;
text-transform: uppercase;
font-size: .9em;
}
.vri-ord-mid-container > .vri-ord-pickdrop-block .vri-ord-dropdate-inner:first-child, .vri-ord-mid-container .vri-ord-pickleft-block .vri-ord-pickdate-inner:first-child {
margin-bottom: 5px;
}
.vri-ord-item-entry-delivery .vrivordcoststitle {
display: block;
}
.vri-ord-item-entry-options .vrivordcoststitle {
font-size: 1em;
text-transform: uppercase;
}
.vri-ord-item-entry-locfee {
margin-top: 8px;
}
.vri-ord-item-entry-locfee .vrivordcoststitle {
text-transform: initial;
}
.vri-ord-item-entry-main-content .vri-ord-item-entry-extras-list {
border: 1px solid #ddd;
background: #fff;
color: #444;
text-align: left;
padding: 15px;
margin-top: 20px;
border-radius: 2px;
}
.vrilistgoonlist {
display: inline-block;
}
.vri-showprc-extraimages {
margin: 10px 0 0;
}
.vri-ord-item-entry-img {
text-align: center;
}
.table-responsive {
min-height: 0.01%;
overflow-x: auto;
}
.table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 1px solid #dddddd;
line-height: 1.42857;
padding: 8px;
vertical-align: top;
} .vriulcarats {
margin: 0 !important;
padding: 0;
}
.vriulcarats li {
padding: 0;
margin: 0;
vertical-align:middle;
display: inline-block;
line-height: .9em;
list-style-type: none !important;
}
.vriulcarats li span {
margin: 5px 3px;
}
.vriulcarats li:first-child span {
margin-left: 8px;
}
.vriulcarats .vri-expl {
display: inline-block;
}
.vri-itemdet-kitrelations, .vri-showprc-kitrelations {
margin-top: 15px;
border: 1px solid #ddd;
padding: 10px;
border-radius: 4px;
}
.vri-itemdet-kitrelations .vri-kit-expl, .vri-showprc-kitrelations .vri-kit-expl {
font-weight: bold;
display: block;
margin-bottom: 5px;
}
.vri-kitrelations-tbl {
width: 100%;
}
.vri-kitrelations-tbl tr {
border-top: 1px solid #eee;
}
.vri-kitrelations-tbl tr:nth-child(odd) {
}
.vri-kitrelations-tbl tr td {
padding: 5px 10px;
}
.vri-kitrelations-tbl tr td:first-child {
min-width: 150px;
}
.vri-kitrelations-tbl tr td:last-child {
font-size: .9em;
font-weight: bold;
text-align: right;
} [data-vri-expl] {
position: relative;
cursor: pointer;
}
[data-vri-expl]:before,
[data-vri-expl]:after {
position: absolute;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
pointer-events: none;
} [data-vri-expl]:hover:before,
[data-vri-expl]:hover:after,
[data-vri-expl]:focus:before,
[data-vri-expl]:focus:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
} [data-vri-expl]:before {
z-index: 10001;
border: 6px solid transparent;
background: transparent;
content: "";
}
[data-vri-expl]::after {
margin-left: -70px;
} [data-vri-expl]:after {
text-align: center;
z-index: 10000;
padding: 8px;
width: 160px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-vri-expl);
font-size: .9em;
line-height: 1.2;
} .vri-expl:before,
.vri-expl:after {
top: 100%;
bottom: auto;
left: 34%;
}
[data-vri-expl]::before {
margin-top: -12px;
margin-bottom: 0;
border-top-color: transparent;
border-bottom-color: #000;
border-bottom-color: hsla(0, 0%, 20%, 0.9);
}
.vri-expl:hover:before,
.vri-expl:hover:after,
.vri-expl:focus:before,
.vri-expl:focus:after {
-webkit-transform: translateY(12px);
-moz-transform: translateY(12px);
transform: translateY(12px); 
}  .vri-main-search-form > form {
display: inline-block;
text-align: center;
width: 100%;
}
.vridivsearch .vri-search-sessvals .vridtsp {
font-size: inherit;
font-weight: bold;
margin-top: 0;
}
.vridivsearch .vri-search-sessvals {
border: 1px solid #ddd;
padding: 5px 15px;
box-sizing: border-box;
background: #fff;
display: inline-block;
width: 48%;
border-radius: 4px;
margin-right: 5px;
}
.vrisearchemptycartdiv .btn {
background: #eee;
color: #444;
text-decoration: none;
display: inline-block;
padding: 5px 10px;
border-radius: 4px;
border: 1px solid #ddd;
}
.vrisearchemptycartdiv .btn:hover {
background: #fff;
}
.vrisearchgosummarydiv {
margin: 15px 0;
}
.vrisearchgosummarydiv .btn {
background: #337ab7;
color: #fff;
text-decoration: none;
display: inline-block;
padding: 5px 10px;
border-radius: 4px;
border: 1px solid #2e6da4;
}
.vrisearchgosummarydiv .btn:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.vri-main-search-form .vri-search-sessvals .vripickdroplab {
margin-bottom: 0;
}
.vri-main-search-form .vrilocationsbox {
order: 2;
flex-basis: 200px;
}
.vri-main-search-form .vricalform {
width: 70%;
text-align: left;
margin-bottom: 30px;
}
.vri-main-search-form .vricalform .vrisearchemptycartdiv {
margin-bottom: 30px;
}
.vri-main-search-form .vricalform .vrisfentrysubmit input {
width: auto;
}
.vri-main-search-form .vrilocationsmapdiv a {
padding: 15px 10px;
text-decoration: none;
text-align: center;
}
.vri-main-search-form .vrilocationsmapdiv i {
font-size: 1.3em;
}
.vri-main-search-form .vrilocationsmapdiv span {
display: inline-block;
margin: 0 8px;
}
.vri-promotion-block {
position: relative;
padding: 8px 10px 8px 10px;
background: #f6f6f6;
border: 1px solid #1daa00;
margin: 10px 0px 10px 0;
display: flex;
}
.vri-promotion-block .vri-promotion-icon {
display: inline-block;
margin-right: 10px;
}
.vri-promotion-block .vri-promotion-icon i {
width: 34px;
height: 34px;
line-height: 31px;
border: 2px solid #1daa00;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 14px;
background: #1daa00;
}
.vri-promotion-description {
color: #666;
padding: 0 25px 0 0;
align-self: center;
font-size: 1.1em;
}
.vri-promotion-block p {
margin: 0;
}
.vri-label-promo-price {
position: relative;
padding-left: 35px;
}
.vri-label-promo-price:after {
content: "\f541";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 14px;
background: #FF8000;
color: #fff;
position: absolute;
top: 0;
left: 0;
width: 26px;
height: 26px;
border-radius: 50%;
text-align: center;
line-height: 26px;
}
.vri-search-result-block .vri-item-result-price-before-discount .item_cost {
display: inline-block;
color: #646464;
font-size: 15px;
text-decoration: none;
position: relative;
}
.vri-search-result-block .vri-item-result-price-before-discount .item_cost::after {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 100%;
border-top: 1px solid;
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
.vri-search-result-block .vri-promotion-price .item_cost {
color: #d01f1f;
font-weight: bold;
white-space: nowrap;
}
.vri-itinerary-summary {
border: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
width: 100%;
margin-bottom: 15px;
}
.vri-itinerary-summary > h3 {
font-size: 1.2em;
}
.vri-itinerary-summary > div {
display: inline-block;
vertical-align: top;
padding: 15px;
flex: 1;
}
.vri-itinerary-summary .vri-itinerary-pickup {
border-right: 1px solid #ddd;
}
.vri-itinerary-summary > div > h4 {
margin-bottom: 5px;
padding-bottom: 0;
text-transform: uppercase;
font-weight: bold;
font-size: .9em;
}
.vri-itinerary-summary i {
margin-right: 5px;
color: #666;
}
.vri-itinerary-summary .vri-itinerary-pickup-locdet, .vri-itinerary-summary .vri-itinerary-dropfff-locdet {
display: inline-block;
vertical-align: top;
}
.vri-itinerary-confirmation {
display: flex;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 10px;
margin-top: 20px;
}
.vri-itinerary-confirmation > div {
flex: 1;
padding: 20px;
}
.vri-itinerary-confirmation > div:first-child {
border-right: 1px solid #ddd;
}
.vri-itinerary-confirmation > div h4 {
margin-top: 0;
margin-bottom: 5px;
font-weight: bold;
font-size: 1em;
}
.vri-itinerary-confirmation > div > div > * {
display: inline-block;
}
.vri-itinerary-confirmation > div > div > i {
margin-right: 5px;
font-size: .9em;
}
.vri-itinerary-duration {
font-weight: bold;
margin-left: 5px;
font-style: italic;
color: #666;
} .vri-searchorderinner span {
font-size: 1.3em;
display: block;
border-bottom: 1px solid #ddd;
font-weight: bold;
padding-bottom: 5px;
margin-bottom: 10px;
}
.vri-searchorder-enterpin span {
display: block;
margin-bottom: 2px;
}
.vri-searchorder-enterpin input {
display: inline-block;
width: auto !important;
}
.vri-searchorder-enterpin .vri-searchordersubmit {
cursor: pointer;
}
.vri-orderslisttable thead {
background: #eee;
text-transform: uppercase;
font-weight: bold;
font-size: .9em;
}
.vri-orderslisttable thead td:last-child {
text-align: center;
}
.vri-orderslisttable td {
vertical-align: middle !important;
}
.vri-order-status-cell i {
font-size: .9em;
}
.vri-order-status-cell-cancelled {
color: #d9534f;
}
.vri-order-status-cell-standby {
color: #f0ad4e;
}
.vri-order-status-cell-confirmed {
color: #5cb85c;
}
.vri-order-status-lbl {
text-align: center;
}
.vri-order-status-lbl > span {
display: inline-block;
padding: 4px 10px;
border-radius: 4px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: .8em;
}
.vri-order-status-lbl-cancelled > span {
background: #d9534f;
}
.vri-order-status-lbl-standby > span {
background: #f0ad4e;
}
.vri-order-status-lbl-confirmed > span {
background: #5cb85c;
}
.vri-searchordersubmit {
padding: 4px 10px;
background: #337ab7;
border: 1px solid #2e6da4;
color: #fff;
font-weight: bold;
}
.vri-searchordersubmit:hover {
background: #286090;
}
.vri-ord-details-head {
margin: 15px 0 20px;
padding: 15px 10px;
text-align: center;
border-radius: 2px;
}
.vri-ord-details-head i {
margin-right: 5px;
}
.vri-ord-details-head h4 {
margin-bottom: 0;
padding-bottom: 0;
color: #fff;
font-size: 20px;
}
.vri-ord-details-head-confirmed {
background: #7eb676;
color: #fff;
}
.vri-ord-details-head-cancelled {
background: #dc1f1f;
color: #fff;
}
.vri-ord-details-head-pending {
background: #ecac2d;
color: #fff;
}
.vri-offline-cc-container {
text-align: left;
}
.vri-offline-cc-container label {
display: block;
margin-bottom: 3px;
font-weight: bold;
}
#offlineccsubmit {
display: inline-block;
width: auto;
padding: 8px 15px;
background-color: #337ab7;
color: #fff;
border: 1px solid #2e6da4;
}
#offlineccsubmit:hover {
background-color: #286090;
border-color: #204d74;
}
.vri-categories-list .vri-categories-list-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.vri-categories-list .vri-categories-list-inner .vri-category-wrap {
flex-basis: 33%;
}
.vri-categories-list .vri-category-inner {
margin: 10px;
border: 1px solid #eee;
box-shadow: 0 0 10px rgba(0,0,0,.1);
border-radius: 8px;
}
.vri-categories-list .vri-category-info-container {
border-top: 1px solid #eee;
padding: 10px 20px 10px;
}
.vri-search-results-top {
display: inline-block;
width: 100%;
padding: 0 15px;
}
.vri-search-results-top .vri-big-header {
font-size: 1em;
}
.vri-search-results-top-inner {
display: inline-block;
}
.vri-search-results-top-outer {
float: right;
}
.vri-search-results-gridorlist .vri-search-results-chlayout {
display: inline-block;
padding: 5px;
border: 1px solid #ddd;
cursor: pointer;
}
.vri-search-results-gridorlist .vri-search-results-chlayout:hover {
background: #f6f6f6;
}
.vri-search-results-gridorlist .vri-search-results-chlayout.vri-search-results-chlayout-active {
border-color: #000;
}
.vri-search-results-container {
padding: 0 15px;	
}
.vri-search-results-container-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
}
.vri-search-result-block-grid {
flex-basis: 33%;
margin: 10px 0;
}
.vri-search-result-block-grid > form {
margin: 0 10px;
display: flex;
flex-wrap: wrap;
width: calc(100% - 20px);
height: 100%;
position: relative;
}
.vri-search-result-block-grid .vri-result-item-inner {
float: none;
min-height: initial;
border-right: 0;
width: 100%;
display: initial;
margin-bottom: 20px;
}
.vri-search-result-block-grid .vri-result-item-img {
float: none;
width: 100%;
margin: 0;
text-align: center;
}
.vri-search-result-block-grid .vri-result-item-img img {
padding: 0;
}
.vri-search-result-block-grid .vri-result-item-descr {
overflow: initial;
padding: 15px 20px;
}
.vri-search-result-block-grid .vri-result-item-caratdisc .vri-result-itemcarats {
display: block;
float: none;
}
.vri-search-result-block-grid .vri-result-itemdiscquants-container {
width: 100%;
border: 0;
float: none;
padding: 0 10px;
}
.vri-search-result-block-grid .vriulcarats {
padding: 0 10px;
}
.vri-search-result-block-grid .vri-result-itemdiscquants-inner {
display: inline-block;
width: auto;
padding: 8px 20px;
margin: 10px 0px 0;
border-radius: 6px;
text-align: left;
border: 1px solid #ddd;
}
.vri-result-itemdiscquants-inner .vri-result-itemdiscquants-firstrow {
border-bottom: 1px solid #ddd;
padding-bottom: 5px;
margin-bottom: 5px;
}
.vri-result-itemdiscquants-inner .vri-result-itemdiscquants-firstrow > div {
border-bottom: 0;
font-size: 1em;
}
.vri-search-result-block-grid .vri-result-item-cont {
border-top: 1px solid #ddd;
width: 100%;
flex-basis: 100%;
margin-top: auto;
}
.vri-search-result-block-grid .vri-result-costdivcont {
display: flex;
flex-wrap: wrap;
padding: 15px 20px;
}
.vri-search-result-block-grid .vri-result-cost-wrap {
flex-basis: 100%;
display: flex;
}
.vri-search-result-block-grid .vri-promotion-price {
margin-right: 10px;
}
.vri-search-result-block-grid .vri-item-result-price-before-discount {
margin-top: 4px;
white-space: nowrap;
}
.vri-search-result-block-grid .vriliststartfrom {
margin-right: 6px;
font-size: .8em;
text-transform: initial;
display: inline-block;
}
.vri-search-result-block-grid .item_cost {
font-size: 1.2em;
font-weight: bold;
}
.vri-search-result-block-grid .vri-search-selectquantity {
display: inline-block;
margin-right: 10px;
}
.vri-search-result-block-grid .vri-search-selectquantity label {
display: block;
margin-bottom: 3px;
font-weight: bold;
font-size: 0.8em;
text-align: left;
}
.vri-search-result-block-grid .vri-search-selectquantity input {
padding: 4px 7px;
}
.vri-search-result-block-grid .vri-search-subdiv {
flex: 1;
align-self: end;
}
.vri-bookform-container .vridivsearch .vricalform {
width: 80%;
}
.vri-bookform-container .vridiscsquantsdiv {
flex-basis: 250px;
max-width: inherit;
align-self: flex-start;
border: 1px solid #ddd;
padding: 8px 20px;
border-radius: 6px;
text-align: center;
}
.vri-bookform-container .vridiscsquantsdiv td {
width: 50%;
}
.vri-bookform-container .vridiscsquantstrfirst td {
color: inherit;
font-weight: bold;
font-size: 1em;
}
.vri-oconfirm-mainf-cont .vricustomfields {
box-sizing: border-box;
display: inline-block;
width: 100%;
box-shadow: 0 5px 10px rgba(0,0,0,.05);
border: 1px solid #eee;
padding: 20px;
text-align: center;
}
.vri-oconfirm-mainf-cont .vridivcustomfield {
width: 35%;
vertical-align: top;
display: inline-block;
margin: 5px 20px;
}
.vri-oconfirm-mainf-cont .vri-oconfirm-cfield-entry-textarea, .vri-oconfirm-mainf-cont  .vri-oconfirm-cfield-entry-checkbox {
width: 74%;
}
.vri-oconfirm-mainf-cont .vri-oconfirm-cfield-entry-checkbox > div {
display: inline-block;
}
.vri-oconfirm-mainf-cont .vri-oconfirm-cfield-entry-textarea textarea {
width: 100%;
}
.vri-oconfirm-summary-item-wrapper {
margin: 0 0 15px;
box-shadow: 0 3px 10px rgba(0,0,0,.1);
padding: 20px;
border-radius: 2px;
border: 1px solid #eee;
}
.vri-oconfirm-summary-item-wrapper > div > div, .vri-oconfirm-summary-total-wrapper > div > div {
display: inline-block;
vertical-align: top;
padding: 5px 10px;
line-height: 1em;
}
.vri-oconfirm-summary-item-head-cell {
font-size: .9em;
font-weight: bold;
text-transform: uppercase;
color: #444;
margin-bottom: 5px;
}
.vri-oconfirm-summary-item-cell-descr {
width: 25%;
}
.vri-oconfirm-summary-item-cell-days {
width: 20%;
}
.vri-oconfirm-summary-item-cell-net {
width: 25%;
text-align: center;
}
.vri-oconfirm-summary-item-cell-tax {
width: 10%;
text-align: center;
}
.vri-oconfirm-summary-item-cell-tot {
width: 15%;
text-align: right;
}
.vri-oconfirm-summary-item-row {
border-bottom: 1px solid #eee;
margin: 5px 0;
padding-bottom: 5px;
}
.vri-oconfirm-summary-item-row:last-child, .vri-oconfirm-summary-option-row {
border: 0;
}
.vri-oconfirm-summary-total-head, .vri-oconfirm-summary-item-row .vri-oconfirm-summary-item-head-cell {
display: none;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-itemname {
font-weight: bold;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-priceinfo {
font-size: .8em;
margin: 3px 0 0;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-iteminfo-wrap {
display: inline-block;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-item-action {
float: right;
margin-top: 1px;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-item-action a {
color: #999;
font-size: 14px;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-item-action a:hover {
color: #000;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-item-action a:active {
color: #666;
}
.vri-oconfirm-summary-total-wrapper {
padding: 10px 20px;
border: 1px solid #e7e7e7;
background: #f6f6f6;
border-radius: 2px;
box-shadow: 0 3px 10px rgba(0,0,0,.1);
}
.vri-oconfirm-summary-total-wrapper .vri-oconfirm-summary-total-row, .vri-oconfirm-summary-total-wrapper .vri-oconfirm-summary-total-row .vri-oconfirm-total-block {
font-weight: bold;
}
.vri-oconfirm-summary-total-wrapper .vri-oconfirm-summary-total-row > div {
font-size: 1.2em;
}
.vri-oconfirm-total-block {
text-transform: uppercase;
font-weight: bold;
}
.vri-oconfirm-summary-total-wrapper .vri-oconfirm-summary-coupon-row {
font-size: .8em;
font-weight: normal;
color: #3f9328;
}
.vri-oconfirm-summary-total-wrapper .vri-oconfirm-summary-total-row > .vri-oconfirm-summary-item-cell-net, .vri-oconfirm-summary-total-wrapper .vri-oconfirm-summary-total-row > .vri-oconfirm-summary-item-cell-tax {
font-size: 1em;
font-weight: normal;
}
.vri-oconfirm-summary-delivery-row .vri-oconfirm-total-block {
text-transform: initial;
}
.vri-oconfirm-summary-total-wrapper .vri-oconfirm-summary-delivery-row > div {
font-size: 1em;
} .offline-cc-overlay-closer {
border: 1px solid #f0ad4e;
padding: 25px;
text-align: center;
border-radius: 6px;
position: relative;
display: inline-block;
margin-bottom: 20px;
}
.offline-cc-overlay-closer p {
margin-bottom: 0;
}
.offline-cc-overlay-closer i {
position: absolute;
width: 26px;
height: 26px;
text-align: center;
border-radius: 50%;
border: 1px solid #f0ad4e;
top: -9px;
right: -8px;
line-height: 26px;
font-size: 14px;
background: #f0ad4e;
color: #fff;
}
.offline-cc-container {
max-width: 640px;
margin: 0 auto;
padding: 30px;
box-shadow: 0 0 5px rgba(0,0,0,.2);
border-radius: 10px;
}
.offline-cc-container > div {
margin-bottom: 10px;
}
.offline-cc-container .offline-cc-row-card-details {
display: flex;
flex-wrap: wrap;
}
.offline-cc-container .offline-cc-row-card-details > div {
flex: 1;
}
.offline-cc-container .offline-cc-row-card-details .offline-cc-row:first-child {
margin-right: 5px;
}
.offline-cc-container select {
background: #fff;
font-size: .9em;
padding: 8px 8px;
margin-bottom: 0;
border: 1px solid #ddd;
width: 100%;
}
.offline-cc-container input {
background-color: #fff;
border: 1px solid #ddd;
font-size: .9em;
line-height: 1.42857;
margin: 0;
padding: 7px 10px;
position: relative;
z-index: 2;
width: 100%;
box-sizing: border-box;
}
.offline-cc-container .offline-cc-row-validity .offline-cc-value {
display: flex;
}
.offline-cc-container .offline-cc-row-validity .offline-cc-value select:first-child {
margin-right: 5px;
}
#offline-cc-overlay-toggler, #offlineccsubmit {
white-space: break-spaces;
} .ui-datepicker table {
font-size: 0.75em !important;
}
.ui-widget-content {
border-color: #ddd !important;
margin-top: 5px;
border-radius: 2px !important;
box-shadow: 0 6px 10px rgba(0,0,0,.1);
}
.ui-datepicker td {
background: #eee;
}
.ui-datepicker .ui-datepicker-title {
font-size: 18px !important;
font-weight: 400 !important;
}
.ui-datepicker td span, .ui-datepicker td a {
font-size: 11px !important;
border:1px solid #eee !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
background: transparent !important;
font-weight: 500 !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
color: #fff !important;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
background: #fff !important;
border:1px solid #3e6372 !important;
border-radius: 3px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus {
color: #222222 !important;
}
.ui-widget-header {
background: transparent !important;
border: 0 !important;
font-size: 22px !important;
font-weight: 300 !important;
border-radius: 0 !important;  
}
.ui-datepicker-header.ui-widget-header {
border-bottom: 1px solid #ddd !important;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.5 !important;
}
.ui-datepicker-other-month {
background: transparent !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
padding: 0.5em !important;
text-align: center !important;
}
.vev-ev-list-evtimecont {
background: #f6f6f6 !important;
color: #222222;
}
.ui-datepicker-current-day {
border-radius: 3px;
background: #3e6372 !important;
}
.ui-datepicker-current-day:hover .ui-state-active {
color:#3e6372 !important;
}
.ui-datepicker .ui-datepicker-current-day span.ui-state-active, .ui-datepicker .ui-datepicker-current-day a.ui-state-active {
border:1px solid #3e6372 !important;
}
.ui-datepicker-days-cell-over {
background: #eee !important;
}
.ui-datepicker-header .ui-corner-all.ui-state-hover {
border-color: #eee !important;
background: #ddd !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
width: 1.6em !important;
height: 1.6em !important;
}
.ui-datepicker th {
font-size: 12px !important;
color: #3e6372 !important;
background: #fff;
}
.ui-datepicker table {
border: 0;
}
@media (max-width: 980px) {
.fancybox-stage {
display: block !important;
}
.loginregistercont > div {
width: 100%;
margin: 10px 0;
}
}
@media only screen and (max-width : 960px) {
.vri-main-search-form > form {
flex-wrap: wrap;
}
.vri-oconfirm-summary-item-head, .vri-oconfirm-summary-total-head {
display: none;
}
.vri-main-search-form .vrilocationsbox {
flex-basis: 100%;
margin-top: 20px;
}
.vri-main-search-form .vricalform {
padding-right: 0;
}
.vri-oconfirm-summary-item-wrapper .vri-oconfirm-summary-item-cell-descr {
background: #f6f6f6;
width: 100%;
margin-bottom: 3px;
box-sizing: border-box;
}
.vri-oconfirm-summary-item-wrapper > div > div, .vri-oconfirm-summary-total-wrapper > div > div {
width: 33%;
text-align: left;
}
.vri-oconfirm-summary-item-wrapper > div > div {
text-align: left;
}
.vri-oconfirm-summary-total-head, .vri-oconfirm-summary-item-row .vri-oconfirm-summary-item-head-cell-responsive {
text-transform: inherit;
}
.vri-oconfirm-summary-total-head, .vri-oconfirm-summary-item-row .vri-oconfirm-summary-item-head-cell-responsive {
display: block;
text-transform: inherit;
}
.vri-oconfirm-summary-extracost-row .vri-oconfirm-summary-item-cell-days {
display: none;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-item-action {
margin-top: 10px;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-item-action a {
color: #000;
}
.vri-oconfirm-summary-item-cell-descr .vri-oconfirm-item-action a:hover {
color: #999;
}
.vri-oconfirm-summary-total-row .vri-oconfirm-summary-item-head-cell {
display: block;
width: 100%;
text-align: left;
text-transform: initial;
}
.vri-oconfirm-summary-total-wrapper .vri-oconfirm-summary-total-row .vri-oconfirm-summary-item-cell-descr {
width: 100%;
}
.vri-oconfirm-summary-total-wrapper .vri-oconfirm-summary-total-row .vri-oconfirm-summary-item-cell-days {
display: none;
}
.vri-search-result-block-grid {
flex-basis: 50%;
}
}
@media only screen and (max-width : 760px) {
.vrivordcosts > div {
width: 100%;
}
.vri-result-itemdiscquants-container {
width: 100%;
}
}
@media only screen and (max-width : 680px) {
.vridivsearch .vrisfentry div {
display: inline-block;
max-width: 100%;
width: 100%;
margin-top: 10px;
margin-left: 0;
}
.vri-itinerary-summary > div, .vri-list-item-cont, .vri-result-item-cont {
flex: 100%;
}
.vri-itinerary-summary .vri-itinerary-pickup {
border: 0;
border-bottom: 1px solid #ddd;
}
.vri-list-item-inner, .vri-result-item-inner {
flex: 100%;
border: 0;
min-height: inherit;
}
.vri-result-costdivcont {
display: flex;
flex-wrap: wrap;
}
.vri-result-divcost {
margin-right: 20px;
}
.vri-search-subdiv {
margin-left: auto;
}
.vri-showprc-groupblocks > div {
flex: 100%;
}
.vri-showprc-mainimage {
text-align: center;
}
.vri-showprc-groupleft {
padding-right: 0;
}
.vri-showprc-groupright {
padding-left: 0;
}
.vri-itinerary-confirmation {
flex-wrap: wrap;
}
.vri-itinerary-confirmation > div {
flex: 100%;
}
.vri-itinerary-confirmation > div:first-child {
border: 0;
border-bottom: 1px solid #ddd;
}
.vritableorder tr td:first-child {
min-width: 150px;
}
.vricompleteorderdiv {
text-align: center;
width: 100%;
}
.vri-oconfirm-middlep > div {
flex: 100%;
}
.vri-ord-mid-container, .vri-itemdet-groupblocks, .vri-showprc-groupblocks {
flex-wrap: wrap;
}
.vri-ord-mid-container > div {
flex: 100%;
}
.vrivordcosts .vri-ord-item-block {
flex: 47%;
}
.vri-ord-item-block {
padding-bottom: 10px;
}
.vridivsearch .vri-search-sessvals {
width: 100%;
}
.vri-categories-list .vri-categories-list-inner .vri-category-wrap {
flex-basis: 50%;
}
.vrisfentry .vri-sf-input-wrap > span {
margin-right: 0;
}
.vri-oconfirm-summary-delivery-row {
margin-bottom: 15px;
padding-bottom: 15px;
}
}
@media only screen and (max-width : 580px) {
.vri-oconfirm-summary-item-wrapper > div > div, .vri-oconfirm-summary-total-wrapper > div > div {
width: 100%;
border-bottom: 1px solid #eee;
}
.vri-oconfirm-summary-item-wrapper > div > div:last-child, .vri-oconfirm-summary-total-wrapper > div > div:last-child {
border: 0;
}
.vri-oconfirm-mainf-cont .vricustomfields {
padding: 20px 40px;
}
.vri-oconfirm-mainf-cont .vridivcustomfield {
margin: 5px 0px;
width: 100%;
}
.vridivcustomfield .vriinput {
width: 100%;
}
.vri-oconfirm-mainf-cont .vri-oconfirm-cfield-entry-textarea, .vri-oconfirm-mainf-cont .vri-oconfirm-cfield-entry-checkbox {
width: 100%;
}
.vri-result-item-img {
flex-basis: 100%;
}
.item_options .vri-showprc-opttbl-input, .item_prices .vri-showprc-pricetbl-radio {
width: 25px;
padding-left: 0 !important;
}
.offline-cc-container .offline-cc-row-card-details > div {
flex-basis: 100%;
}
.offline-cc-container .offline-cc-row-card-details .offline-cc-row:first-child {
margin: 0;
}
.ui-datepicker.ui-widget-content {
max-width: 250px;
}
.showprc-table-row {
flex-wrap: wrap;
}
.showprc-table-row > div {
text-align: center;
flex-basis: 100%;
}
.item_options .vri-showprc-opttbl-price {
text-align: center;
}
.vri-showprc-name label {
text-align: center;
width: 100%;
margin-right: 0;
}
.item_prices .vri-showprc-pricetbl-cost, .item_prices .vri-showprc-pricetbl-sub-cost {
text-align: center;
}
.item_options .vri-showprc-opttbl-input, .item_prices .vri-showprc-pricetbl-radio {
width: 100%;
padding-right: 0; 
text-align: center !important;
margin-top: 10px;
}
.vrispecificationopt {
flex-wrap: wrap;
justify-content: center;
}
.vrispecificationoptinfo {
text-align: center;
flex-basis: 100%;
margin-bottom: 10px;	
}
.vri-showprc-name {
flex-wrap: wrap;
}
.vri-showprc-name > div {
flex-basis: 100%;
}
.showprc-table-row .vri-showprc-opt-img-wrap img {
max-width: 90%;
}
}
@media only screen and (max-width : 550px) {
.vri-list-item-inner, .vri-list-item-cont, 
.vri-itemdet-groupleft, .vri-itemdet-groupright, .vricaldivcont, .vrisfentrytime,
.vri-result-item-inner, .vri-result-item-cont, .vri-result-itembottom-double .vri-result-itemcarats, 
.vri-result-itembottom-double .vri-result-itemdiscquants-container, .vri-showprc-groupleft, .vri-showprc-groupright, 
.vri-ord-pickdrop-block > div {
width: 100%;
box-sizing: border-box;
}
.vrisfentrytime {
max-width: 100%;
margin:10px 0 0 0;
}
.vri-showprc-mainimage img {
max-width: 100%;
}
.vri-list-item-img, .vri-list-item-descr, .vri-result-item-img, .vri-result-item-descr {
width: 100%;
text-align: center;
box-sizing: border-box;
flex-basis: 100%;
}
.vri-list-item-img .img.vrilistimg {
margin: 0;
}
.vri-list-item-img {
margin-right: 0;
}
.vri-result-item-img img, .vri-list-item-img img {
margin: 0;
}
.vri-itemdet-groupright, .vri-showprc-groupright {
padding: 15px 0 0;
}
.vri-list-item-inner, .vri-result-item-inner, .vri-itemdet-groupright, 
.vri-showprc-groupright, .vri-ord-pickdrop-block > .vri-ord-pickleft-block {
border:0;
}
.vrilistcostdivcont, .vri-search-subdiv {
padding: 0 0 10px 0;
}
.vricompleteorderdiv {
float: none;
display: block;
}
.vrivordcosts > div {
width: 98%;
}
.vri-ord-item-block {
padding: 10px;
}
.vri-ord-item-entry-tariff {
margin: 5px 0 0;
}
.vri-ord-item-entry-main {
float: none;
margin: 0 0 8px;
}
.vri-result-item-cont {
border-top: 1px solid #ddd;
}
.vri-result-item-img {
margin-right: 0;
flex-basis: 100%;
}
.vri-result-costdivcont > div {
flex: 100%;
text-align: center;
}
.vrilistdivcost .vriliststartfrom, .vriliststartfromtext, .vristartfrom, .vri-result-divcost .vriliststartfrom {
text-align: center;
}
.vrivordcosts .vri-ord-item-block {
flex: 100%;
}
.vriinput {
width: 100%;
}
.vritextarea {
min-width: 100%;
}
.vrilistcostdivcont {
text-align: center;
}
.vri-categories-list .vri-categories-list-inner .vri-category-wrap {
flex-basis: 100%;
}
.vri-search-result-block-grid {
flex-basis: 100%;
}
.vri-result-itemcarats .vriulcarats {
text-align: center;
}
.vricontinuecategory {
width: 100%;
}
.vricontinuecategory select {
width: 100%;
}
.vricontinuerentdiv .booknow {
margin: 10px 0 0;
width: 100%;
}
}
@media only screen and (max-width : 500px) {
.vri-main-search-form .vricalform {
width: 90%;
}
}