/*@font-face { font-family: 'Helvetica NeueI'; src: url('helvetica_neue_ultralight.eot'); src: url('helvetica_neue_ultralight.eot?#iefix') format('embedded-opentype'), url('helvetica_neue_ultralight.woff') format('woff'), url('helvetica_neue_ultralight.ttf') format('truetype'), url('helvetica_neue_ultralight.svg#Helvetica Neue') format('svg'); } @font-face { font-family: 'Helvetica NeueI'; src: url('helveticaneue.eot'); src: url('helveticaneue.eot') format('embedded-opentype'), url('helveticaneue.woff') format('woff'), url('helveticaneue.ttf') format('truetype'), url('helveticaneue.svg#HelveticaNeue-Light') format('svg'); } */ @font-face { font-family: 'Helvetica NeueI'; src: url('liberationsans-regular.eot'); src: url('liberationsans-regular.eot') format('embedded-opentype'), url('liberationsans-regular.woff') format('woff'), url('liberationsans-regular.ttf') format('truetype'), url('liberationsans-regular.svg#LiberationSansRegular') format('svg'); } @font-face { font-family: 'LatoLight'; src: url('lato-light.eot'); src: url('lato-light.eot') format('embedded-opentype'), url('lato-light.woff') format('woff'), url('lato-light.ttf') format('truetype'), url('lato-light.svg#LatoLight') format('svg'); } *{ font-family:"Helvetica Neue", "Helvetica NeueI", sans-serif; font-weight:300;} body{ font-family:"Helvetica Neue", "Helvetica NeueI", sans-serif; font-weight:300;} a:active, a:focus{outline: none !important;} .phone-photos{ position:absolute; top:0px; right:20px; width:253px; height:490px; z-index:99;} .phone-photos.iphone{ right:280px;} .clearer{ clear:both; float:none !important;} #wrapper { margin-top:10px; width:100%; height: auto; margin-left: auto; margin-right: auto; position:relative; border: 1px solid #ddd; border-radius:5px; } .postwrapper{ width:95%; margin:0 auto; } .section_title{ font-size:26px; line-height:30px; padding-bottom:10px;} .subsection_title{ font-size:16px; margin-top:20px; margin-bottom:2px; padding-bottom:5px; font-weight:300;} .subsection_title span{ display:block; font-size:12px; font-weight:normal;} .post { background-color: #ffffff; /* border-bottom:1px dashed #CCC;*/ height: auto; min-height:550px; margin-left:0px; margin-bottom:8px; padding: 10px; padding-top:30px; padding-bottom:30px; } .postcontent{ float:left; width:50%;} .socialbookmarks2 { position:relative; float:left; } .chenargri{ width:520px; min-height: 450px; border: 1px solid #ddd; border-radius: 10px 10px 10px 10px; background-color: #FFF; } .socialbookmarks2 .phone-photos{ top:10px; right:5px;} .socialbookmarks2 .phone-photos.iphone{ right:265px;} .socialbookmarks2.fixed { position: fixed; left:50%; margin-left:1px; top: 10px; } .z-index1 { z-index: 1; } .z-index2 { z-index: 2; } ul.icheck-form{ text-decoration:none; list-style:none; padding:0px; margin:0px;} .icheck-line{ clear:both; list-style:none; text-decoration:none; margin:0px; padding:5px; padding-left:0px; margin-bottom:5px; font-weight:300;} .icheck-line label{ float:left; padding-left:5px; line-height:22px; margin-right:14px; font-size:14px; font-weight:300;} .icheck-line div{ float:left; } .inline{ padding-top:5px; } .inline label{ float:left; padding-left:5px; line-height:22px; margin-right:14px; font-size:14px; font-weight:300;} .inline div{ float:left; } .icheck-line ul.inline{ padding-top:5px;} .icheck-line ul.inline li{ float:left; margin-left:18px; } .icheck-line ul.inline li:last{ clear:right;} .icheck-line ul.inline-close li{ margin-left:8px;} ul.inline label{ line-height:30px; font-weight:normal;} ul.inline.h30{ height:30px; overflow:hidden;} input.input-number{ width:30px; text-align:center;} label.c_grey{ color:#73716E;} label.c_green{ color:#1B7E5A;} label.c_blue{ color:#2489C5;} label.c_red{ color:#D54E21;} label.c_orange{ color:#DE8650;} label.c_purple{ color:#6A5A8C;} label.c_black{ color:#000;} .files{ position:relative;} .files div, .files p{ text-align:center; padding:0px; margin:0px;} .files div{ border:1px dotted #CCC; border-radius:5px; padding-top:8px; padding-bottom:5px; position:relative;} a.xremove{ position:absolute; right:-5px; top:-5px; background-image:url(../images/xremove.png); background-repeat:no-repeat; background-position:top; width:20px; height:20px;} a.xremove:hover{ background-position:bottom;} /*.splashPreviewStandardContainer, .splashPreviewCustomContainer{ position:absolute; left:0px; top:0px; z-index:1001; }*/ .splashPreviewIOS{ width:220px; height:328px; position:absolute; z-index:1004; left:20px; top:80px;} .splashPreviewAndroid{ width:231px; height:391px; position:absolute; z-index:1004; left:11px; top:51px;} .iphone_iconpreview{ position:absolute; z-index:1001; left:190px; top:162px; width:41px; height:41px; background-size: 100% 100%;} .iphone_iconpreview_title{ position:absolute; z-index:1001; left:188px; top:200px; width:45px; height:15px; font-size:8px; font-family:Arial, Helvetica, sans-serif; color:#CCC; text-align:center; white-space:nowrap; overflow:hidden;} .android_iconpreview{ position:absolute; z-index:1001; left:140px; top:287px; width:30px; height:30px; background-size: 100% 100%;} .android_iconpreview_title{ position:absolute; z-index:1001; left:130px; top:317px; width:50px; height:15px; font-size:9px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#CCC; text-align:center; white-space:nowrap; overflow:hidden;} .logoPreviewIphone{ left:25px; top:100px; position:absolute; z-index:1001; height:25px;} .logoPreviewAndroid{ left:20px; top:68px; position:absolute; z-index:1001; height:25px;} .postcontent ul{ margin-left:0px; padding-left:0px;} .postcontent ul, .postcontent ul li{ list-style:none;} .dk_options_inner, .dk_options_inner li{ float:none !important; margin-left:0px !important;} .phoneFormat{ width:110px;} form .files img{ max-height:122px; max-width:88px;} .form-signin { max-width: 90%; padding: 19px 29px 29px; margin: 30px auto; background-color: #fff; } .form-signin .form-signin-heading, .form-signin .checkbox { margin-bottom: 10px; } .form-signin input[type="text"], .form-signin input[type="password"] { font-size: 16px; height: auto; margin-bottom: 15px; padding: 7px 9px; } .loginbox{ margin-top:80px; background-color: #fff; border: 1px solid #e5e5e5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05); box-shadow: 0 1px 2px rgba(0,0,0,.05); } .loginbox h1{ font-size:32px; padding:15px; padding-left:0px; font-weight:normal; color:#000; border-bottom:1px solid #CCC;} .form-signin .info{ height:100px; font-size:22px; font-weight:normal; color:#CCC; line-height:24px;} .footerbox{ border-top:1px solid #CCC; padding:20px;} ul.rounded{ border:1px solid #d0d0d0; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin:0px; padding:0px; background-color:#f7f7f7;} ul.rounded li{ list-style:none; margin:0px; padding:0px; border-bottom:1px solid #d0d0d0; padding-left :9px; padding-right:8px; font-size:12px; font-weight:bold; color:#000; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; /* Introduced in IE 10. See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ */ -ms-user-select: none; user-select: none; } ul.rounded li:last-child{ border-bottom:none;} ul.previewUL{ width:208px; margin-top:5px;} .android ul.previewUL{ width:209px;} .ulPreviewContainer{ position:absolute; z-index:1001; top:157px; left:24px; width:215px; height:218px;} .android .ulPreviewContainer{ top:130px; left:21px; width:216px; height:273px;} #servicesPreview li{ height:26px; line-height:26px;} #contactPreview{ padding-top:8px; padding-bottom:8px;} #contactPreview li{ line-height:16px;} .preview_address{ font-weight:normal; padding-top:6px;} .preview_phones{ padding-top:6px;} .preview_web{ padding-top:6px; color:#09F;} .preview_share{ padding-top:6px;} .preview_facebook, .preview_twitter{ float:left; width:50%; text-align:center;} .previewButtons{ position:absolute; width:78px; height:78px; background-repeat:no-repeat; background-size: 100% 100%;} .btn_TA{ top:175px; left:35px; background-image:url(../images/icons/TO_AIRPORT_ORANGE.png);} .btn_FA{ top:175px; right:30px; background-image:url(../images/icons/FROM_AIRPORT_ORANGE.png);} .btn_PTP{ top:275px; left:35px; background-image:url(../images/icons/POINT_TO_POINT_ORANGE.png);} .btn_HRL{ top:275px; right:30px; background-image:url(../images/icons/HOURLY_ORANGE.png);} .btn_TA.cgrey{ background-image:url(../images/icons/TO_AIRPORT_GREY.png);} .btn_TA.cgreen{ background-image:url(../images/icons/TO_AIRPORT_GREEN.png);} .btn_TA.cblue{ background-image:url(../images/icons/TO_AIRPORT_BLUE.png);} .btn_TA.cred{ background-image:url(../images/icons/TO_AIRPORT_RED.png);} .btn_TA.corange{ background-image:url(../images/icons/TO_AIRPORT_ORANGE.png);} .btn_TA.cpurple{ background-image:url(../images/icons/TO_AIRPORT_PURPLE.png);} .btn_TA.cblack{ background-image:url(../images/icons/TO_AIRPORT_BLACK.png);} .btn_FA.cgrey{ background-image:url(../images/icons/FROM_AIRPORT_GREY.png);} .btn_FA.cgreen{ background-image:url(../images/icons/FROM_AIRPORT_GREEN.png);} .btn_FA.cblue{ background-image:url(../images/icons/FROM_AIRPORT_BLUE.png);} .btn_FA.cred{ background-image:url(../images/icons/FROM_AIRPORT_RED.png);} .btn_FA.corange{ background-image:url(../images/icons/FROM_AIRPORT_ORANGE.png);} .btn_FA.cpurple{ background-image:url(../images/icons/FROM_AIRPORT_PURPLE.png);} .btn_FA.cblack{ background-image:url(../images/icons/FROM_AIRPORT_BLACK.png);} .btn_PTP.cgrey{ background-image:url(../images/icons/POINT_TO_POINT_GREY.png);} .btn_PTP.cgreen{ background-image:url(../images/icons/POINT_TO_POINT_GREEN.png);} .btn_PTP.cblue{ background-image:url(../images/icons/POINT_TO_POINT_BLUE.png);} .btn_PTP.cred{ background-image:url(../images/icons/POINT_TO_POINT_RED.png);} .btn_PTP.corange{ background-image:url(../images/icons/POINT_TO_POINT_ORANGE.png);} .btn_PTP.cpurple{ background-image:url(../images/icons/POINT_TO_POINT_PURPLE.png);} .btn_PTP.cblack{ background-image:url(../images/icons/POINT_TO_POINT_BLACK.png);} .btn_HRL.cgrey{ background-image:url(../images/icons/HOURLY_GREY.png);} .btn_HRL.cgreen{ background-image:url(../images/icons/HOURLY_GREEN.png);} .btn_HRL.cblue{ background-image:url(../images/icons/HOURLY_BLUE.png);} .btn_HRL.cred{ background-image:url(../images/icons/HOURLY_RED.png);} .btn_HRL.corange{ background-image:url(../images/icons/HOURLY_ORANGE.png);} .btn_HRL.cpurple{ background-image:url(../images/icons/HOURLY_PURPLE.png);} .btn_HRL.cblack{ background-image:url(../images/icons/HOURLY_BLACK.png);} .carIcon{ float:left; margin-left:-5px; padding-top:5px;} .carDetails{ float:left; padding-left:5px;} .paxNo{ padding-right:22px; text-align:right; background-image:url(../images/pax_icon.png); background-position:right; background-repeat:no-repeat; float:left; height:24px; line-height:24px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#8ba6b4;} .luggNo{ padding-right:26px; text-align:right; background-image:url(../images/luggage_icon.png); background-position:right; background-repeat:no-repeat; float:left; height:24px; line-height:24px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#ab6427;} .splashOptions li{ float:left; padding-left:0px; padding-right:6px; display:block; text-align:center;} .splashOptions li a{ display:block; width:80px; height:120px; border:1px solid #F2F2F2; background-position:center; background-repeat:no-repeat; background-size: 100% 100%;} .splashOptions li.selected a, .splashOptions li.hover a{ border:1px solid #1B7E5A;} .splashOptions .iradio_square-green{ margin:0 auto; margin-top:3px;} .splashOption1{ background-image:url(../images/defaults/splash/splash1.png);} .splashOption2{ background-image:url(../images/defaults/splash/splash2.png);} .splashOption3{ background-image:url(../images/defaults/splash/splash3.png);} .splashOption4{ background-image:url(../images/defaults/splash/splash4.png);} .splashOption5{ background-image:url(../images/defaults/splash/splash5.png);} .splashOption6{ background-image:url(../images/defaults/splash/splash6.png);} /* */ .iconOptions li{ float:left; padding-left:0px; padding-right:6px; display:block; text-align:center;} .iconOptions li a{ display:block; width:80px; height:80px; border:1px solid #F2F2F2; background-position:center; background-repeat:no-repeat; background-size: 100% 100%; border-radius:10px;} .iconOptions li.selected a, .iconOptions li.hover a{ border:1px solid #1B7E5A;} .iconOptions .iradio_square-green{ margin:0 auto; margin-top:3px;} .iconOption1{ background-image:url(../images/defaults/icons/icon1.png);} .iconOption2{ background-image:url(../images/defaults/icons/icon2.png);} .iconOption3{ background-image:url(../images/defaults/icons/icon3.png);} .iconOption4{ background-image:url(../images/defaults/icons/icon4.png);} .iconOption5{ background-image:url(../images/defaults/icons/icon5.png);} .iconOption6{ background-image:url(../images/defaults/icons/icon6.png);} .logoMarePreviewIphone{ position:absolute; left:30px; top:90px; z-index:1004; width:206px; height:85px;} .logoMarePreviewAndroid{ position:absolute; left:22px; top:72px; z-index:1004; width:206px; height:85px;} .iphone_iconpreview .logoMarePreviewIphone{ position:absolute; left:2px; top:2px; z-index:1004; width:37px; height:15px;} .android_iconpreview .logoMarePreviewAndroid{ position:absolute; left:0px; top:1px; z-index:1004; width:30px; height:12px;} .carDetails .title{ font-size:10px;} .margin0{ margin:0 auto !important; float:none !important;} .btn.margin0{ display:block !important;} .acenter{ text-align:center !important;} .aleft{ text-align:left !important;} .two-fields-line input{ width:49%; float:left;} .two-fields-line input:last-child{ float:right;} .already-account{ display:block; margin:0 auto; float:none; text-align:center; font-size:20px; color:#999;} .nav .login{ color:#0088CC !important;} .nav li.active .login{ color:#FFF !important;} .nav .account{ color:#7DCC7D !important;} .nav li.active .account{ color:#FFF !important;} .header .nav li, .header .nav li a{ padding-left:5px !important;} .status-title{ font-weight:bold; display:block;} .status-message{ font-size:11px; color:#333; display:block; line-height:12px;} .status-error{ font-size:11px; color:#F63; display:block; line-height:12px;} .subUL{ margin-left:25px !important; margin-bottom:-10px !important; margin-top:2px !important; padding-bottom:0px !important; clear:both !important;} .subUL li{ margin-bottom:0px !important; padding-bottom:0px !important;} .wrapper-dropdown-1 span{ font-family:"Helvetica Neue", "Helvetica NeueI", sans-serif; font-weight:300; font-stretch:expanded !important;} .dropdown li a{ font-weight:300;} .dropdown li a b{ font-weight:300;} .dropdown li a span{ display:block; font-weight:300; font-size:12px; color:#666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .lupa{ background-image:url(../images/lupa.png); background-repeat:no-repeat; background-position:3px 3px; padding-left:25px;} .icon-lupa{ float:right; background-image:url(../images/lupa.png); background-repeat:no-repeat; width:30px; height:20px; background-position:right center;} .icon-airport{ float:right; background-image:url(../images/airport.png); background-repeat:no-repeat; width:30px; height:20px; background-position:right center;} .icon-arrival{ float:right; background-image:url(../images/arrival.png); background-repeat:no-repeat; width:30px; height:20px; background-position:right center; background-size:contain;} .icon-departure{ float:right; background-image:url(../images/departure.png); background-repeat:no-repeat; width:30px; height:20px; background-position:right center; background-size:contain;} .socialbookmarks2 h3{ font-weight:100; font-family:"Helvetica Neue", LatoLight,"Helvetica NeueI", sans-serif; font-size:26px;} ul.booking-summary, ul.booking-summary li{ list-style:none; list-style-type:none; margin:0px; padding:0px;} ul.booking-summary{ margin-right:15px;} ul.booking-summary li{ border-bottom:1px solid #F2F2F2; padding-bottom:10px !important; padding-top:10px !important; margin-bottom:0px !important; font-weight:100 !important;} ul.booking-summary li span{ font-family:"Helvetica Neue", LatoLight, "Helvetica NeueI", sans-serif; font-size:24px; padding:0px; margin:0px; line-height:30px; display:inline-block; padding-left:10px; font-weight:100;} ul.booking-summary li:last-child{ border-bottom:none;} ul.booking-summary li i img{ width:32px; height:32px; vertical-align:middle;} ul.booking-summary li i{ display:inline-block; padding-left:10px;} ul.booking-summary li span div{ display:block; font-size:12px; color:#666; line-height:14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight:300;font-family:"Helvetica Neue", LatoLight,"Helvetica NeueI", sans-serif; } .iconli{ background-position:left; background-repeat:no-repeat; padding-left:35px !important; background-size:32px 32px; } .car-icon{ background-image:url(../images/icons/car.png); } .passenger-icon{ background-image:url(../images/icons/passanger.png);} .pin-icon{ background-image:url(../images/icons/pin.png);} .clock-icon{ background-image:url(../images/icons/clock.png);} .stop-icon{ background-position:35px center; padding-left:65px !important; background-image:url(../images/icons/plus.png);} .checkmark-icon{ background-image:url(../images/icons/checkmark.png);} .airport-icon{ background-image:url(../images/icons/airplane.png);} .airport-icon-arrival{ background-image:url(../images/icon-arrival.png);} .airport-icon-departure{ background-image:url(../images/icon-departure.png);} .wallet-icon{ background-image:url(../images/icons/wallet.png);} .ui-autocomplete .ui-menu-item a{ font-family:"Helvetica Neue", "Helvetica NeueI", sans-serif; font-weight:300;} input, select{ font-weight:300 !important; color:#000;} select:focus{ outline: none; outline-color: transparent; outline-style: none;} .input-xmini{ width:30px;} .input-xmedium{ width:120px;} .capL{ text-transform:capitalize;} .ccexp{ display:inline-block; padding-left:8px;} .ccexp span{ display:block; text-align:center; width:100%; margin-top:-8px;} .form-group .ccexp span{ margin-top:0px;} .col-lg-10{ padding-bottom:10px;} .form-horizontal .control-label{ margin-right:10px;} input.invalid, select.invalid{ border:2px solid #F00;} .validation.failed{ color:#F00;} .validation.passed{ color:#0C0;} .navbar .nav li a, .navbar .nav li{ text-align:center;} .navbar .nav > .active > a{ font-weight:600;} span.redAlert{ color:#F00;} #tripTitle{ padding-top:10px;} #tripTitle li{ font-size:24px; font-weight:100;} .vehiclesContainer{ padding:20px; padding-left:30px;} .vehicleItem{ display:inline-block; width:32%; } .vehicleItem .contur{ width:95%; margin:0 auto; border:1px solid #D1D1D1; border-radius:5px; background-color:#EEE; padding-top:10px; padding-bottom:10px; position:relative; text-align:center;} .vehicleItem .contur label{ text-align:center;} .vehicleItem .contur input[type="radio"]{ margin-top:-4px; margin-left:-3px;} .vehicleItem .contur .vehiclePrice{ text-align:center; color:#0071b2; font-weight:normal; font-size:22px; line-height:18px; margin-top:15px;} .vehicleItem .contur .vehiclePrice sup{ font-size:22px; padding-bottom:0px; margin-bottom:0px; line-height:50%;} .vehicleItem .contur .vehicleImage{ height:100px; background-position:center; background-size:90%; background-repeat:no-repeat;} .sedanImg{ background-image:url(../images/sedan.png); } .suvImg{ background-image:url(../images/suv.png);} .vanImg{ background-image:url(../images/van.png);} .vehiclePax{ display:inline-block; background-image:url(../images/paxicon3.png); background-position:right; padding-right:18px; background-repeat:no-repeat; background-size:20px 20px; color:#727272; font-weight:normal; font-size:18px; font-family:Arial, Helvetica, sans-serif; margin-right:-3px;} .vehicleLugg{ display:inline-block; background-image:url(../images/luggages3.png); background-position:right; padding-right:21px; background-repeat:no-repeat; background-size:18px 18px; color:#727272; font-weight:normal; font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-left:5px; border-left:1px solid #CCC;} .infoSteluta{ float:right; padding-right:20px; color:#0071b2; font-weight:normal; font-size:16px; line-height:18px;} .infoSteluta span{ font-size:24px; line-height:26px; display:inline-block; float:left; padding-right:5px;} .contur.selveh{ border:2px solid #0071b2; background-color:#FFF;} .vehicleItem .iradio_square-blue{ display:inline-block; margin-top:5px;} .vehicleItem strong{ display:block;} .loadermic{ background-image:url(../images/loadermic.gif); background-position:center; background-repeat:no-repeat; height:18px;} .infoPrice{ text-align:center; font-size:14px; color:#777; } .infoCall{ font-size:12px; line-height:22px; color:#000; background-image:url(../images/phonicon.png); background-position:right; padding-right:28px; display:inline-block; background-repeat:no-repeat; background-size:22px 22px;} .phoneN{ padding-left:3px; font-size:12px; line-height:22px; color:#0071b2; display:inline-block; } .callprice{ font-size:18px;} /* */ .browser_message{ padding:8px; margin-bottom:10px; font-size:18px; margin-top:-20px; text-align:center; background-color:#FF0;} /* */ .inline-block{ display:inline-block;} .red-text{ color:#C30; } .green-text{ color:#390; } .tbold{ font-weight:bold; } ul.typeahead{ width:260px !important; border-radius:0; padding:0px !important;} ul.typeahead li{ margin:0px; padding:0px; display:block; width:100%;} ul.typeahead li a{ padding:5px; padding-left:10px; background-color:#FFF !important; background:none; color:#000 !important; display:block !important; border-bottom:1px solid #E5E5E5; white-space:normal;} ul.typeahead li.active a{ background-color:#E5E5E5 !important; background:none;} ul.typeahead li a:hover, ul.typeahead li.active a:hover{ background:none !important; background-color:#e5e5e5 !important; color:#000 !important;} ul.typeahead li a span{ display:block; padding-left:30px; background-position:left; background-repeat:no-repeat; line-height:20px; padding-top:2px; padding-bottom:2px;} ul.typeahead li a span.airport_to_icon{ background-image:url(../images/airport_to.png); } ul.typeahead li a span.airport_from_icon{ background-image:url(../images/airport_from.png); } ul.typeahead li a span.address_icon{ background-image:url(../images/pin_black.png); } .icon-from-airport{ background-image:url(../images/airport_from.png) !important;} .icon-to-airport{ background-image:url(../images/airport_to.png) !important;} .redb{ border-color:#F00 !important;} a.twitter-follow-button{ position: relative; height: 20px; padding: 2px 8px 2px 6px; font-weight: 500; color: #FFF; cursor: pointer; background-color: #1B95E0; border-radius: 3px; box-sizing: border-box;} a.twitter-follow-button:hover{ background-color:#0C7ABF; text-decoration:none;} a.twitter-follow-button i{position: relative; top: 2px; display: inline-block; width: 14px; height: 14px; background: transparent url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E") no-repeat scroll 0px 0px;} a.twitter-follow-button span{display: inline-block; height:18px; line-height:18px; vertical-align: top; color:#FFF; font:11px/18px "Helvetica Neue",Arial,sans-serif; font-size:13px;} .loadingDiv{ width:100%; height:200px; background-position:center; background-repeat:no-repeat; background-image:url(../images/loding_img.gif);} h1.success{ font-size:22px; line-height:24px; text-align:center;} h1.success::before{ content: "\2713"; font-size:38px; color:#1D8B0B; padding-right:6px;} .action-result{ padding-top:20px; padding-bottom:20px;} .status-confirmed, .status-notconfirmed{ display:block; text-align:center; padding-top: 2px; padding-bottom: 2px;} .status-confirmed span, .status-notconfirmed span{ display:inline-block; font-size:12px; line-height:14px;} .status-confirmed::before{ content: "\2713"; font-size:22px; color:#1D8B0B; padding-right:0px;} .status-notconfirmed::before{ content: "\2639"; background-color: yellow; font-size:22px; color:#F00; padding-right:5px;} .status-notconfirmed{ color: #F00 !important; background-color: yellow; line-height: 22px;} .booking-status div, .booking-status input{ margin-right:15px; float:left;} table.vmiddle, table.vmiddle thead th, table.vmiddle tr, table.vmiddle tr td{ vertical-align:middle !important; font-size:14px;} table.vtop, table.vtop thead th, table.vtop tr, table.vtop tr td{ vertical-align: top !important; font-size: 14px; } table.vtop, table.vtop thead th{ vertical-align: middle !important;} table.bbottom tbody td{ border-bottom:1px solid #CCC; padding:5px !important;} table.bbottom thead{ } table.bbottom thead th{ padding-left:5px !important; padding-right:5px !important;} table.vtop tr td{ padding-top: 20px !important;} /*table.bbottom .rows{ cursor:pointer;} table.bbottom .rows:hover{ background-color:#F8F8F8;} */ .dataTables_wrapper{ border:1px solid #000; border-bottom:none;} table.vmiddle .btn{ font-size:12px !important;} a.confirm-booking{ width:70px !important;} .syleform{ } .syleform-short label{ } .syleform-short h1{ margin-bottom:20px !important; margin-top:0px;} .syleform-short .form-group{ margin-top:10px; } .syleform-short .btn{} .syleform h1{ font-size:20px; border-bottom:1px solid #CCC;} .syleform #descr{ display:inline-block;} .syleform-2column{} .syleform-2column .form-group{ float:left; width:48%;} .syleform-2column .form-group:nth-child(odd){ float:right;} .syleform-2column .form-group:nth-child(odd)::after{ clear:both; display:block; content:' '} .syleform-2column .form-group input[type="text"], .syleform-2column .form-group input[type="password"], .syleform-2column .form-group input[type="email"]{ width:92% !important; } a.set-chauffeur-info{ display:inline-block; text-align:center; text-decoration:none !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; } .syleform-3column{} .syleform-3column .form-group{ float:left; width:33%; } .syleform-4column{} .syleform-4column .form-group{ float:left; width:25%; } .syleform-5column .form-group{ float:left; width:20%; } .syleform-center{} .syleform-center .form-group{ text-align:center;} .syleform.form-horizontal{} .syleform.form-horizontal .form-group{ margin-bottom:5px;} .syleform.form-horizontal .form-group::after{ content:' '; display:block; clear:both;} .syleform.form-horizontal .control-label{ float:left; display:block; width:45%; margin:0px !important; padding:0px !important; line-height:30px;} .syleform.form-horizontal .control-group{ float:right; display:block; width:50%; margin:0px !important; text-align:left;} .syleform.form-horizontal .control-group select{ width:80px;} .input-group-addon{ display:inline-block; line-height:30px;} .input-group input{ display:inline-block; margin-bottom:4px;} input.decimal{ width:50px !important;} ul.filterlist{ list-style:none; float:right;} ul.filterlist li{ list-style:none; display:inline-block;} ul.filterlist li a{ display:inline-block; border:1px solid #CCC; background-color:#f2f2f2; color:#666; padding:5px; padding-left:15px; padding-right:15px; text-decoration:none;} ul.filterlist li a:hover{ text-decoration:none; color:#000;} ul.filterlist li a.selected{ background-color:#FF9900; color:#000;} tr.rsdl_nc{ background-color:#FF9900; color:#000;} tr.aff_nc{ background-color:#EFD332; color:#000;} .universal_change{ display:inline-block; background-image:url(../images/changed.png); background-position:top center; padding-top:26px; text-align:center; margin-top:5px; background-repeat:no-repeat; white-space:nowrap; line-height:12px; background-size:24px 24px;} .change_confirmed{ display:inline-block; background-image:url(../images/adjust_confirmed.png); background-position:top center; padding-top:25px; margin-top:5px; line-height:12px; margin-top:5px; background-repeat:no-repeat;} .not_confirmed{ display:inline-block; background-image:url(../images/adjust_not_confirmed.png); background-position:top center; padding-top:25px; margin-top:5px; line-height:12px; margin-top:5px; background-repeat:no-repeat; min-width:40px;} .container.marketing .loginbox{ border:none; padding-left:0px; padding-right:0px; box-shadow:none;} .waiting_{ text-align:center; color:#F00; display: inline-block; text-align: center; padding-top: 2px; padding-bottom: 2px;} .redt{ color:#F00;} ul.tablist{ list-style:none; float:none; margin:0px; padding:0px; margin-top:20px; padding-bottom:10px; border-bottom:1px solid #CCC;} ul.tablist li{ list-style:none; display:inline-block;} ul.tablist li a{ display:inline-block; border:1px solid #CCC; background-color:#f2f2f2; color:#666; padding:5px; padding-left:15px; padding-right:15px; text-decoration:none;} ul.tablist li a:hover{ text-decoration:none; color:#000;} ul.tablist li a.selected{ background-color:#FF9900; color:#000;} table.table-fixedheader>tbody { display: block; } table.table-fixedheader>tbody { overflow-y: auto; height: 50px; /*placeholder: override as needed*/ } table.table-fixedheader>thead>tr>th, table.table-fixedheader>tbody>tr>td { float: left; /* width: 100px !important; /*plachoder: override as needed*/ } #bookingsTable_info{ display:none;} .tblack{ color:#000;} .tgreen{ color: green; font-weight: bold; } .tred{ color: red; font-weight: bold;} .turgent{ color:#F00 !important;} .torange{ color:#39F !important;} .redcall{ position: relative; padding-left:26px; height:30px; display:inline-block; background-image:url(../images/redcall.png); background-position:left; text-align:left; background-repeat:no-repeat;} .redcall .set-chauffeur-info{ text-align:left;} .redcall.hourly{ background-image:url(../images/clock_hourly.png);} a.lifebuoy{ background-image:url(../images/lifebuoy.png); background-position:center; background-repeat:no-repeat; width:32px; height:32px; display:inline-block; padding-top:5px;} a.lifebuoy::before{ content:' '; display:block; clear:both;} ul.affiliates_container{ list-style:none; margin:0px; padding:0px;} ul.affiliates_container li{ padding:0px; list-style:none;} ul.affiliates_container li::after{ content:' '; display:block; clear:both;} ul.affiliates_container li a{ padding:5px; display:block; text-align:left; float:left; cursor:default;} ul.affiliates_container li a span{ display:inline-block; color:#000; font-size:16px; line-height:20px; float:right; padding-left:5px;} .affiliate_service{ display:inline-block; padding-left:5px; width:20px; height:20px; background-position:center; background-repeat:no-repeat; float:left; background-size:18px 18px;} .airport_service{ background-image:url(../images/airport_service.png);} .livery_service{ background-image:url(../images/livery_service.png);} .fleet_service{ background-image:url(../images/fleet_service.png);} .airport_service.preferred{ background-image:url(../images/airport_service_preferred.png);} .livery_service.preferred{ background-image:url(../images/livery_service_preferred.png);} .fleet_service.preferred{ background-image:url(../images/fleet_service_preferred.png);} .handler{ background-image:url(../images/handler.png); background-position:right; background-repeat:no-repeat; padding-right:35px !important;} tr.preferred td{ color:#090;} .aff_check_avail{ float:right; width:20px; height:20px; background-image:url(../images/redcall.png); background-repeat:no-repeat; background-position:center; margin-left:10px;} .sendDriverInfoEmail{ display:block; } .sendDriverInfoEmail.loading{ background-image:url(../images/loadermic.gif) !important;} .waiting_{ position:relative;} .tictac{ display:inline-block; line-height:24px; padding-left:24px; background-image:url(../images/tictac.png); background-position:left; background-repeat:no-repeat; font-weight:bold;} .tictac.running{ background-image:url(../images/running.png); } .requestCharges{ display:inline-block; width:32px; height:32px; background-image:url(../images/sendmailicon.png); background-repeat:no-repeat; position:absolute; top:-8px; right:0px; background-position:center;} .requestCharges.loading{ background-image:url(../images/loadermic.gif) !important;} .footer{ margin-top:-15px !important;} #alertSection, #imgAlertSection{ margin:5px; margin-bottom:15px;} #alertSection ul, #imgAlertSection ul{ margin:0px; padding:0px; list-style:none;} #alertSection ul li, #imgAlertSection ul li{ display:block; float:none; padding:8px; background-color:#FF6; border:1px solid #FC0; font-size:20px; font-weight:bold; color:#333; margin-bottom:3px;} #alertSection ul.notifications li{ background-color: #0C7ABF; color: #FFF;} #imgAlertSection ul li span{ color:#F00;} #imgAlertSection ul li a{ float:right; display:inline-block; margin-right:5px;} .sentInfo{ display:inline-block; background-position:top left; padding-left:24px; padding-right:5px; width:110px; background-image:url(../images/senticon.png); background-size:24px 24px; background-repeat:no-repeat;} .notSentInfo{ display:inline-block; line-height:24px; background-position:left; padding-left:30px; background-image:url(../images/notsenticon2.png); background-size:24px 24px; background-repeat:no-repeat;} .express_affiliate{float:right; width:30px; height:30px; background-image:url(../images/express.png); background-repeat:no-repeat; background-position:center; background-size:30px 30px; margin-top:-8px;} .actionloading{ display:inline-block; background-position:center bottom; padding-bottom:34px; background-repeat:no-repeat; background-image:url(../images/actionloading3.gif); min-width:50px; margin-top:13px;} a.info-icon, a.whatsapp-icon{ cursor: pointer; padding-right:24px; min-height:24px; color:#000; text-decoration:none; font-weight:normal; background-image:url(../images/info-icon.png); background-position:right; background-repeat:no-repeat;} a.info-icon-red{ background-image:url(../images/info-icon_red.png) !important;} a.whatsapp-icon{ background-image: url(../images/whatsapp_icon.png) !important; background-size: contain;} .notes{ display:inline-block; background-image:url(../images/ops_note.png?v=1); background-size: contain; width:42px; height:42px; background-position:center; background-repeat:no-repeat; position:relative;} a.notes i{ display:inline-block; position:absolute; width:20px; height:20px; right:0px; top:-5px; background-color:#F00; border-radius:10px; color:#FFF; text-align:center; line-height:20px; box-shadow:1px 1px #CCC; font-size:12px; font-style:normal;} .etas{ display:inline-block; background-image:url(../images/flight_track.png); width:42px; height:42px; background-position:center; background-repeat:no-repeat; position:relative; margin-bottom:5px;} a.etas i{ display:inline-block; position:absolute; width:20px; height:20px; right:0px; top:-5px; background-color:#F00; border-radius:10px; color:#FFF; text-align:center; line-height:20px; box-shadow:1px 1px #CCC; font-size:12px; font-style:normal;} a.etas span{ display:inline-block; position:absolute; width:62px; height:20px; left:-10px; top:37px; color:#F00; text-align:center;} ul.postit_notes{ list-style:none;} ul.postit_notes li{ list-style:none; border-bottom:1px dotted #CCC; padding-bottom:5px; padding-top:5px; line-height:16px;} ul.postit_notes li strong{ font-weight:normal; color:#F00;} ul.postit_notes li i{ font-style:normal !important; font-size:12px !important; color:#666;} ul.ata_notes li .old_time{ color:#000;} ul.ata_notes li .new_time{ color:#3C0; display:inline-block; background-image:url(../images/arrow-right.png); background-position:left; background-repeat:no-repeat; padding-left:36px;} .sp_black{ color:#000 !important;} .fright{ float:right;} #addNotePlace{ text-align:center;} .from_airport{ padding-left:32px; display:inline-block; background-size:28px 28px; background-position:left; line-height:28px; background-image:url(../images/from_airport.png); background-repeat:no-repeat;} .to_airport{ padding-left:32px; display:inline-block; background-size:28px 28px; background-position:left; line-height:28px; background-image:url(../images/to_airport.png); background-repeat:no-repeat;} .from_airport.commercial{ background-image:url(../images/from_airport_commercial.gif); } .to_airport.commercial{ background-image:url(../images/to_airport_commercial.gif); } .from_point{ padding-left:32px; display:inline-block; background-size:28px 28px; background-position:left; line-height:28px; background-image:url(../images/pupoint.png); background-repeat:no-repeat;} .gtg_google{ color:#000;} .gtg_short{ margin-top:3px; display: inline-block; margin-bottom:3px; width: 260px; line-height:15px; min-height:28px; box-sizing:border-box;} .gtg_short{ margin-top:3px; display: inline-block; margin-bottom:3px; width: 220px; line-height:15px; min-height:28px; box-sizing:border-box;} .info-pu, .info-do{ vertical-align:top; display: inline-block; float: none;} a.affname{ text-overflow:ellipsis !important; white-space:nowrap !important; max-width:130px !important; overflow:hidden !important; display:inline-block;} #screen1Status, #screen2Status{ position:absolute; background-color:#FFF; width:100px; height:100px; border:1px solid #000; top:0px; right:30%; z-index:9999; background-position:center; background-repeat:no-repeat;} .slowStatus1{ background-image:url(../images/green1.gif);} .slowStatus2{ background-image:url(../images/green2.gif);} .slowStatus3{ background-image:url(../images/green3.gif);} .slowStatus4{ background-image:url(../images/green4.gif);} .slowStatus5{ background-image:url(../images/green5.gif);} .slowStatus6{ background-image:url(../images/green6.gif);} .busyStatus{ background-image:url(../images/fun_busy.gif);} .angryStatus{ background-image:url(../images/fun_angry.gif);} .aff_section_title{ background-color:#F2F2F2; font-size:14px; padding:8px; font-weight:bold; text-align:left;} .aff_acc_no{ float:right; line-height:28px; font-size:16px; padding-right:5px; padding-left:15px;} .ranking{ float:left; font-weight:bold; line-height:22px; color:#000; margin-right:5px;} .ranking::after{ content:''; } .fingercheck_yes, .fingercheck_no, .rlogo{ display:inline-block; text-align:center; padding-right:30px; background-position:right; background-repeat:no-repeat; background-image:url(../images/circle_red.png); line-height:30px; padding-left:30px;} .fingercheck_yes{ background-image:url(../images/circle_green.png) !important;} .rlogo{ background-image:url(../images/r.png) !important; background-size:20px 20px;} .vip{ background-color:#FF0;} a.cr, .x10{ display:inline-block; width:32px; height:32px; position:absolute; left:0px; background-image:url(../images/custom_requirements.png); background-repeat:no-repeat; background-position:center;} a.cr span{ display:none;} .x10{ background-image:url(../images/x10.png); left:10px;} .sn1{ display:inline-block; position:absolute; top:0px; left:50%; margin-left:-16px; width:32px; height:32px; background-image:url(../images/status_notification.png); background-repeat:no-repeat; background-position:center;} .highlighted{ background-color:#FF0; color:#000;} .highlighted_red{ color: #FF9900; font-size: 16px; font-weight: bold;} .rts_0::before, .rts_1::before, .rts_2::before{ content:' '; background-image:url(../images/rts_0.png); display:inline-block; width:32px; height:100%; background-size:contain; background-repeat:no-repeat;} .info-icon img{ margin-top:-1px;} .reqinfo, .not_reqinfo{ display:inline-block; background-repeat:no-repeat; background-position:center; width:30px; height:30px; background-image:url(../images/confirmed.png);} .not_reqinfo{ background-image:url(../images/rejected.png);} .slim-rounded{ border-radius:50%; width:140px; overflow:hidden; } #chauffeurForm{ padding:0px !important; margin:0px !important;} #closeChauffeurReveal{ font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; text-decoration:none; } #closeChauffeurReveal:hover{ color:#000;} .slim-btn{ width:24px !important; height:24px !important;} .col3{ float:left; width:32%; padding-right:8px; box-sizing:border-box; position:relative;} .col3 select{ box-sizing:border-box; width:100%;} .photoSrc{ display:block; width:32px; height:32px; background-image:url(../images/photo_src.png); background-repeat:no-repeat; background-position:center; position:absolute; right:-30px; bottom:10px;} .src-loading{ background-image:url(../images/src-loading2.gif); background-size:contain; } .complete-rgf{ display: block; padding: 8px; text-align: center; text-decoration: none !important; border: 1px solid #5B5858; background-color: #5B5858; border-radius: 8px; color: #FFF !important; font-size: 11px; font-weight: bold;} .complete-rgf:hover,.complete-rgf.active{ color: #f2f2f2; text-decoration: none !important;} .complete-rgf.reviewed{ background-color: blue; color: #FFF;} .flightinfo{ display:inline-block; padding:2px; margin-top:2px; white-space:nowrap; padding-top:32px; background-image:url(../images/flight_notinair.png); background-repeat:no-repeat; background-position:top center; font-size:11px; font-weight:bold; border:1px solid #CCC; border-radius:4px; background-color:#FFF;} .flight_departed{ background-image:url(../images/inair.png); color:#000;} .flight_changed{ color:#F00;} .no_flightinfo{ display:inline-block; background-image:url(../images/landing_icon.png); background-position:left; padding-left:28px; text-align:left; background-repeat:no-repeat; white-space:nowrap; line-height:28px;} .changeText{ margin-bottom: 0px !important;} .confirmCoordination{ position: absolute; margin-left: 10px; padding-left: 10px; padding-right: 10px; border:1px solid #0088cc; border-radius:5px; text-decoration: none !important;} .req_status_label{ margin-top: 5px;} .req_status_label input[type="checkbox"]{ -ms-transform: scale(1.2); /* IE 9 */ -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */ transform: scale(1.2); margin: 0px;} #sendChauffeurStatusRequest{ width: 190px;} .sentInfo{ white-space: normal;} #chauffeurStatusForm select{ width: 125px;} .updatePUTime{ font-weight: bold;} table.noborder, table.noborder td{ border:none !important; border-bottom:none !important;} .chauffeur-sub-photo{ width: 120px; display: inline-block; vertical-align: top;} .vehicle-info-sub-photo{ width: 120px; display: inline-block; vertical-align: top;} a.sendChauffeurInfo{ display: inline-block;} div.chauffeurInfoSent{ display: inline-block; min-width: 28px; height: 28px; vertical-align: bottom; background-position: right; padding-right: 20px; line-height: 28px; background-repeat: no-repeat; background-size: 15px 15px; background-image: url("../images/whatsapp.png");} div.chauffeurInfoSentAuto{ background-image: url("../images/whatsapp_green.png");} #sendChauffeurInfoForm input[type="checkbox"]{ margin: 0;} .send-sms-message{ cursor: pointer;} fieldset.old-style{} ul.listnone, ul.listnone li{ list-style: none; margin: 0px; padding: 0px;} ul.listnone li input{ margin-top: 0px;} ul.listnone li{ padding-top: 2px; padding-bottom: 2px;} .photo-phone-large{ width: 280px !important; display: inline-block; margin-top: 5px;} .photo-phone-large .driver_photo_container{ margin-left: 2px; margin-right: 2px;display: inline-block;} .driver_photo_container.relative{ position: relative;} .driver_photo_container .car_number{ width: 80px; height: 80px; background-image: url(../images/bubble_new.png); background-position: center; background-repeat: no-repeat; background-size: contain; color:#FFF; font-size:22px; text-align:center; line-height:80px; vertical-align:middle; position: absolute; right: -70px; top:-35px; z-index: 5; } .lic-plate{ display: inline-block; margin-bottom: 5px; min-width: 150px; min-height: 75px; line-height: 79px; vertical-align: middle; background-image: url(https://ride.rosedalelivery.com/img/licplate.jpg); background-position: center; background-repeat: no-repeat; background-size: contain; font-size:22px; font-weight: bold; text-align: center;} .photo-cover{ width: 120px; height: 120px; border-radius: 60px; border: 1px solid #CCC; position: relative; display: inline-block; overflow: hidden; background-color: #FFF; } .img-frame{ width: 120px; height: 120px; position: relative; } .img-frame img{ max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .photo-cover img{ position: absolute; left: 0; top:0; right: 0; max-width: 100%; z-index: 1; margin: auto;} .photo-cover a{ display: inline-block; margin: auto; margin-top: 50px;} .photo-cover i{ line-height: 14px; display: inline-block;} .copy{ text-decoration: none; font-weight: bold; display: inline-block; padding: 5px;} .copy:hover, .copy:active, .copy:focus, .hubInfoAlert:hover, .hubInfoAlert:focus, .hub-notification:hover, .hubCancelOnMyWay, .reset-hub{ text-decoration: none;} .copy:hover{color: #000;} .copied{ color: green !important; } #hubInfoForm .span3{ width: 290px; } #hubInfoForm .row .span3:nth-child(even){ margin-left: 0px;} a.hubInfoAlert, a.hub-notification, a.hubCancelOnMyWay, a.reset-hub{ display: inline-block; font-weight: bold; font-size: 14px; background-color: #0e0e0e; color: #FFF; border-radius: 8px; border: 1px solid #000; padding: 5px;} a.hubInfoAlert:hover, a.hub-notification:hover, a.hubCancelOnMyWay, a.reset-hub{ background-color: #333; color: #F2F2F2;} a.reset-hub{ background-color: #a9302a;} a.reset-hub:hover{ text-decoration: none; background-color: #333;} a.hubCancelOnMyWay{ background-color: #a9302a; color: #FFF; text-decoration: none;} #confirmHubInfo:disabled, #confirmHubInfo[disabled]{ background-color: #666;} .hub_eta{ color: green;} .choice{ position: absolute; right: 5px; top:5px;} i.i{ font-size: 12px; line-height: 14px; font-style: normal; display: inline-block; text-align: center;} [role="switch"] { /*margin: 2px; padding: 4px 4px 8px 8px;*/ border: 0 solid #005a9c; border-radius: 5px; width: 15em; user-select: none; } [role="switch"] .label { display: inline-block; width: 8em; } [role="switch"] .switch { position: relative; display: inline-block; top: 6px; border: 2px solid black; border-radius: 12px; height: 20px; width: 40px; } [role="switch"] .switch span { position: absolute; top: 2px; left: 2px; display: inline-block; border: 2px solid black; border-radius: 8px; height: 12px; width: 12px; background: black; } [role="switch"][aria-checked="true"] .switch span { left: 21px; background: black; border-color: black; } [role="switch"] .on { display: none; } [role="switch"] .off { display: inline; } [role="switch"][aria-checked="true"] .on { display: inline; } [role="switch"][aria-checked="true"] .off { display: none; } /* [role="switch"]:focus, [role="switch"]:hover { /* padding: 2px 2px 6px 6px; * border-width: 2px; outline: none; background-color: #def; cursor: pointer; } [role="switch"]:focus span.switch { background-color: white; } */ ul.list{ list-style: none; font-size: 1.2rem; padding-left: 0px; margin-left: 0px;} ul.list li{ padding:5px;} ul.list li.item-content{ display: flex; align-items: center; gap: 5px;} ul.list li.item-content .item-title{ line-height: 1.3;} ul.list li.item-content .item-media img{ width: 32px;} select.input_error{ color: #F00; border: 1px solid #F00;} .message_body{ width: 80%; padding: 10px; padding-right: 22px; box-shadow: 1px 1px #ccc; border-radius: 8px; background-color: #F9f9f9;} .message_body.me{ float: right; background-color: #e0fbd6; background-image: url("../images/whatsapp.png"); background-size: 16px 16px; background-position: 99% 90%; background-repeat: no-repeat;} .smsBubble.my{ background-color: #e0fbd6; background-image: url("../images/whatsapp.png"); background-size: 16px 16px; background-position: calc(100% - 5px) calc(100% - 4px); background-repeat: no-repeat;} .smsBubble.whatsapp_delivered, .whatsapp_delivered{ background-image: url("../images/whatsapp_gri.png") !important; } .smsBubble.whatsapp_read, .whatsapp_read{ background-image: url("../images/whatsapp.png") !important; } .smsBubble.whatsapp_sent, .whatsapp_sent{ background-image: url("../images/whatsapp_sent.png") !important; } .smsBubble.whatsapp_, .whatsapp_{ background-image: url("../images/whatsapp_gri.png") !important;} .smsBubble{ position: relative;} .conversation-type{ position: absolute; right: 5px; width: 24px; top: 3px;} .sb-unread{ width: 30px; height: 30px; position: absolute; right: 8px; top: 8px; border-radius: 15px; font-weight: bold; color: #FFF; background-color: #4285F4; text-align: center; line-height: 30px;} #smsContainer .row.unreadsb .smsBubble{ /* background-image:url(../images/unread.png); background-repeat:no-repeat; background-position: calc(100% - 10px) 5px; line-height:18px; */ } .smsBubble .client, .smsBubble .driver{ background-image: none !important; padding-left: 5px !important; } .smsBubble .sms-time{ position: absolute; bottom: 3px; right: 6px; font-size:12px;} .smsBubble .message{ padding-bottom: 18px; padding-right: 48px;} div[class*="whatsapp_"].smsBubble .sms-time{ right: 22px;} i.sup{ position: absolute; right: -5px; top:-5px; width:20px; height: 20px; background-color: yellow; border-radius: 50%;} #filtersDispatched.zones li{ position: relative;} .speechbubble{ float: none !important; padding:0px; top:-6px; position: absolute; right: 0px; display:inline-block !important; text-indent:-3000px; width:32px; height:32px; line-height:32px; background-position:center; background-repeat:no-repeat; background-image:url(../images/info-icon.png); cursor:pointer;} .smsBubble { border:1px solid #09F; margin:8px; border-radius:5px; } .smsBubble .message { padding:10px; } .smsBubble .sender { background-color:transparent; border-top-left-radius:5px; border-bottom-right-radius:5px; color:#000; float:left; line-height:20px; padding-left:8px; padding-right:8px; white-space:nowrap; } .smsBubble.my { border:1px solid #999; } .smsBubble.my .sender { background-color:transparent; } .form-text.text-muted{ background-color: #f2f2f2; padding: 5px; border-radius: 4px; margin-bottom: 5px;} #fromZones textarea{ width: 100%; height: 60px;}