/* tekst */
.operaters-all p {padding: 0px 3px 5px 3px !important; font-size: 12px; text-align: center; color:#302a1e;}
.operaters-all .bold {font-weight: bold; text-transform: uppercase;}
.operaters-all p.tehnike {text-transform: lowercase !important; display: block !important; text-align: left; color:#302a1e;}
.operaters-all p.kod { color:#fff !important;}
.operaters-all .ime { font-size: 14px; color:#302a1e; font-weight: bold; text-transform: uppercase;}


/* container za operatere */
.operaters-all{list-style: none; margin: 0px !important; padding: 0px !important; line-height: 125% !important;}


/* box operatera*/
.blog_post_operater {display: block; margin: 10px 0px; position: relative; padding: 10px 8px; margin: 5px 3px 25px 3px; background-color: #c1b282;}

/* div.operater-header*/
.operater-header{position: relative; padding-right: 0px;}

/* slika operatera*/
.layout-simple .operater-img {width: 80px; padding:0px; background: no-repeat; float:none !important; margin-right: 10px; margin-bottom:0px; box-shadow: 0 0 5px 1px rgba(0,0,0,.4);}
.layout-simple .operater-header .operater-slika {display: block; float: left; }

/* ime operatera*/
.layout-simple p.osnove {float: left; margin-top: 20px;}

.layout-simple .click-for-push-info { width:100%;}

/* prikaz statusa - tekst*/
.blog_post_operater .operater-status {display: none; font-weight: bold; float: left !important;}
.blog_post_operater.status-available .operater-status.for-status-available{display: block; color:#00BA2F;}
.blog_post_operater.status-busy .operater-status.for-status-busy{display: block; color:#c20c00; }
.blog_post_operater.status-unavailable .operater-status.for-status-unavailable{display: block; color:#808080; }
 
/* prikaz status ikone FontAwesome */
.blog_post_operater span.live-icon{width: 30px; height: 30px; font-size: 24px; position: absolute; top: 5px; right: 5px; text-align: center; }
.blog_post_operater.status-available span.live-icon{color:#00BA2F; float: left !important;}
.blog_post_operater.status-busy span.live-icon{color:#c20c00; float: left !important;}
.blog_post_operater.status-unavailable span.live-icon{color:#808080; float: left !important;}

/* prikaz status ikone (telefon) */
.blog_post_operater .status-icon{display: none; float: right; width: 35px; height: 35px;}
.blog_post_operater.status-available .status-icon.for-status-available{display: inline-block;}
.blog_post_operater.status-busy .status-icon.for-status-busy{display: inline-block;}
.blog_post_operater.status-unavailable .status-icon.for-status-unavailable{display: inline-block;}

/* button za call */
.blog_post_operater .operater-number a{text-decoration: none !important; margin: 5px 0px; background-image: none;border-radius: 4px;cursor: pointer; display: block;font-size: 13px;font-weight: 400;line-height: 1.5;margin-bottom: 0; padding: 6px 12px;text-align: center;vertical-align: middle; font-weight: bold;}

/* button za call ovisno o statusima */
.blog_post_operater.status-available .operater-number a{background-color: #00BA2F;border-color: #06f667;color: #fff;}
.blog_post_operater.status-busy .operater-number a{background-color: #c20c00;border-color: #d43f3a;color: #fff;}
.blog_post_operater.status-unavailable .operater-number a{background-color: #808080;border-color: #DEDEDE;color: #000000;}

/* klik bilo gdje na operatra */
.blog_post_operater a.area-click{display: none; position: absolute; top: 0; left:0; right:0; bottom: 0; z-idnex: 1;}

 /* prikaz kod scrolla */
.scroll.scroll-left .blog_post_operater,.scroll.scroll-right .blog_post_operater{width: 300px; height: 300px; margin: 0px 20px;}
.scroll.scroll-left p.operater-tehnike, .scroll.scroll-right p.operater-tehnike{line-height: 20px; height: 80px; overflow: hidden;}
.scroll.scroll-left .operater-header, .scroll.scroll-right .operater-header{height: 80px; overflow: hidden;}
.scroll.scroll-up, .scroll.scroll-down{display: block !important; }
.scroll-container-up, .scroll-container-down {max-height: 8000px; overflow: hidden;}
.operater-div-large .scroll-container-up, .scroll-container-down {max-height: 3500px !important; overflow: hidden;}
 
/* prikaz liste */
.operaters-all.layout-list{display: flex; flex-wrap: wrap; position: relative;}
.operaters-all.layout-list .blog_post_operater{width:48%; margin: 20px 1% 40px 1%; overflow: hidden;}
.operaters-all.layout-list .operater-header{height: 40px;}
.operaters-all.layout-list .operater-slika{display: block; float: left; }
.operaters-all.layout-list p.operater-tehnike{line-height: 20px; height: 80px; }
.operaters-all.layout-list p.operater-status{float: left !important; clear: none !important;}
.operaters-all.layout-list .ospacer{clear: both;}
.operaters-all.layout-list .spacer-bottom{height:90px;}
.operaters-all.layout-list .button-bottom{position: absolute; bottom: 0; left:0; right: 0;}
.layout-list p {padding: 0px 3px 10px 3px !important; font-size: 14px !important; text-align: left !important; line-height: 150% !important;}
.layout-list .ime { font-size: 16px; color:#fde142; font-weight: bold; text-transform: uppercase;}
.layout-list .operater-img {width: 100px; padding:0px; background: url(https://link-to-your/image.jpg) no-repeat; float:none !important; margin-right: 10px; margin-bottom:0px; box-shadow: 0 0 5px 1px rgba(0,0,0,.4);}
.layout-list p.osnove {float: left;}
.layout-list p.opis {display: block !important;}


 /* prikaz kod scrolla mobile */
.mobile-operater .blog_post_operater {margin-bottom: 15px !important; }
.mobile-operater p {text-align: left !important; }
.mobile-operater .scroll-container-up, .scroll-container-down .operater-div{max-height: 450px; overflow: hidden;}
.mobile-operater .layout-simple .operater-img {width: 70px; padding:0px; border-radius: 70px; -webkit-border-radius: 70px; -moz-border-radius: 70px; background: url(https://link-to-your/image.jpg) no-repeat; float:left !important; margin: 0px 7px 5px 0px !important; display: block; box-shadow: 0 0 5px 1px rgba(0,0,0,.4);}
.mobile-operater .operater-status{clear: none !important; }

/* scroller brojeva */
.scroller_brojevi{}
.scroller_brojevi li{margin: 0px 10px;}
.scroller_brojevi li ,.scroller_brojevi li a{color: black; text-decoration: none !important;  white-space: nowrap;}
.scroller_brojevi li img{vertical-align: middle; margin-right: 6px;}
.scroller_brojevi ul{padding: 2px 0px 2px 0px !important; }

.scroller_brojevi.dark{background: #000; padding: 2px 0px 2px 0px !important; }
.scroller_brojevi.dark li ,.scroller_brojevi.dark li a{color: white; }

/* disabled linkovi - desktop */
a.otel-lnk.disabled, a.otel-lnk.disabled:hover{color: #893800 !important; cursor: default !important; font-weight: bold !important;}
.scroller_brojevi.dark a.otel-lnk.disabled, .scroller_brojevi.dark a.otel-lnk.disabled:hover{color: white !important; }
a.operater-button.otel-lnk.disabled, a.operater-button.otel-lnk.disabled:hover{color: white !important; font-weight: bold !important;}
.tarifa {color: #893800 !important; font-weight: bold !important;}

/* spacer */
div.ospacer{height:4px; clear: both !important;}


/* mobilna verzija */
@media (max-width:1150px) {
    .operaters-all.layout-list .blog_post_operater{width:100%; margin: 30px 0;}
}


/* tablica sa brojevima */
.tablica-pozivi {width: 100%;text-align: left!important; border-top: 1px solid #666 !important; border-collapse: collapse}
.tablica-pozivi td{font-size: 11px; padding: 4px 8px 4px 8px; vertical-align: top;  border-bottom: 1px solid #666 !important; color: #fff;}
.tablica-pozivi td.drzava {text-transform: uppercase; width: 30%; }
.tablica-pozivi td.zastava {padding: 0px;margin: 0px; width: 30px;}
.tablica-pozivi td.broj {width: 35%; }
.otbl-simple{display: table; width:100%;}
.otbl-simple>div{display: table-cell;}
.otbl-simple>div.otbl-t-broj{width:50%;}
.otbl-simple>div.otbl-t-cijena{}
.tablica-pozivi a.otel-lnk.disabled  {color: #fff !important; font-weight: bold;}

.tablica-pozivi .flag-mobile{display: none; }

/* tablica sa brojevima - mobilna  */
@media (max-width:1000px) {
    table.tablica-pozivi, table.tablica-pozivi tbody, table.tablica-pozivi tr, table.tablica-pozivi td { display: block;float: left;color: fff;border: none;}
    table.tablica-pozivi, table.tablica-pozivi tbody, table.tablica-pozivi tr{width:100%; padding:0; margin: 0;}
    table.tablica-pozivi tr {clear: both; border-bottom: 1px solid #DEDEDE; width: 100%;}
    .tablica-pozivi td.drzava {width: auto; }
    .tablica-pozivi td.zastava {display: none;}
    /*.tablica-pozivi td.broj {width: 50%; clear: left; border: none !important;}*/
    
    .tablica-pozivi td.broj {width: 50%; clear: left; border-bottom: none !important;}
    .tablica-pozivi td.tbl-cijena {width: 50%; border-bottom: none !important;}
    
    .tablica-pozivi td.broj-cijena {width: 100%; clear: left;}
    .tablica-pozivi-end{clear:both;}
    
    .tablica-pozivi .flag-mobile{display: inline-block; vertical-align: middle; margin-right: 10px;}
    .tablica-pozivi td.drzava{border:none !important;}
}


/* voice */
.banner-posts .broj {
    font-weight: bold;
    font-size: 25px !important;
    padding-top: 10px;
    line-height: 120%;
    color: #2b494f !important;
}

.banner-posts h2 {
	font-family: 'Amita',handwriting;
	color: #ccaa19 !important;
}

.banner-posts .broj {
	font-family: 'Amita',handwriting;
	color: #ccaa19 !important;
}

.banner-posts .broj a {
	font-family: 'Amita',handwriting;
	color: #ccaa19 !important;
}

.banner-posts .link a {
	padding-top: 30px;
	color: #ccaa19 !important;
}

.banner-posts .link a:hover {
	text-decoration: underline;;
}

.telefon {
    font-weight: bold;
    color: #f5245a;
}

.telefon a {
    color: #f5245a !important;
}



/* 1.3 */

.scroller_brojevi li a .nr-price{margin-left: 10px;}


#cookie-notice {
	background-color: #000 !important;
	opacity:0.9 !important;
}

.cookie-notice-container {
	padding: 5px 7px 5px 7px !important;
}

.cn-button.bootstrap.gumb {
	font-family: Open Sans,Arial, sans-serif;
	background-color: #000 !important;
	background-image: none !important;
	border: 1px solid #fff !important;
	padding: 3px 8px !important;
	font-size: 11px;
}

.cn-button {
	margin-left: 25px !important;
}

.cn-button.bootstrap:hover {
	background-color: #282828 !important;
}

#cn-notice-text {
	font-size: 11px;
}

/* push notifikacije  box */
#operateri-pn-msg{position: fixed; bottom: 10px; right: 10px; width: 300px; padding: 10px; background-color: rgba(0,0,0,0.8); color: white; font-size: 12px; z-index: 99999;}
#operateri-pn-msg h3{padding: 0; margin: 0px 0px 10px 0px; color: white; font-size: 14px; position: relative; }
#operateri-pn-msg h3 i{cursor: pointer; position: absolute; top: 0; right:0; }
#operateri-pn-msg table{width:100%;}
#operateri-pn-msg .img{width: 50px; height: 50px; background-size: cover; background-position: center center;}
#operateri-pn-msg .body{font-size: 14px; padding-left: 10px;}
#operateri-pn-msg a{position: absolute; top: 20px; bottom: 0; left: 0; right: 0;}

/* push notifikacije subscribe button */
.click-for-push-info{}
.click-for-push-info table, .click-for-push-info table td{border: none !important; padding-left: 0px; padding-right: 0px;}
.click-for-push-info table td{vertical-align:top;}
.blog_post_operater.status-available .click-for-push-info{display: none;}
.click-for-push-info .btn-label{ padding-left: 5px; color: #302a1e !important;}
.click-for-push-info .btn-label .on{display: none; }
.click-for-push-info.on .on{display: inline;}
.click-for-push-info.on .off{display: none;}

/* switch button */
.onoffswitch {position: relative; width: 40px;-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;}
.onoffswitch-checkbox {display: none;}
.onoffswitch-label {display: block; overflow: hidden; cursor: pointer; height: 20px; padding: 0; line-height: 20px;border: 2px solid #1e1911; border-radius: 20px;background-color: #302a1e;transition: background-color 0.3s ease-in;}
.onoffswitch-label:before {content: "";display: block; width: 17px; margin: 0px;background: #fff;position: absolute; top: 0; bottom: 0;right: 21px; border: 2px solid #1e1911; border-radius: 17px;transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label { background-color: #58E055;}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {border-color: #58E055;}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {right: 0px; }

/* push notifikacije - oznacavanje operatera */
.blog_post_operater.pn-clicked{background-color: rgba(0,255,0,0.05);}

/* push notifikacija error */
#operateri-pn-error-overlay{position: fixed; top: 0; left: 0; right: 0; bottom:0; z-index: 99998; background-color: rgba(0,0,0,0.2); transition: opacity 500ms;}
#operateri-pn-error {position: fixed; max-width: 300px; background-color: white; border: 2px solid #000; padding: 15px; left: 50%; margin-left: -157px; top: 50%; margin-top: -150px; z-index: 99999; font-size: 12px; color: #666; text-align: center; transition: all 5s ease-in-out; border-radius: 5px;}
#operateri-pn-error h3{margin: 0px 0px 20px 0px; color: #666; line-height: 150%;}
#operateri-pn-error a{font-weight: bold; color: #666;}
#operateri-pn-error .buttons{margin-top: 10px; padding-top: 10px; border-top: 1px solid #DEDEDE; text-align: right; }
#operateri-pn-error button{display: inline-block; font-size: 12px; background-color: transparent;color: #000;line-height: 20px;padding: 7px 8px !important;box-shadow: none;border: 1px solid black;cursor: pointer;border-radius: 3px; width: 100%;}
#operateri-pn-error button:hover {background: #000; color: #fff;}



.operater-page .click-for-push-info .off {font-weight: bold; font-size: 12px; cursor: pointer; }
.operater-page .click-for-push-info .on {font-weight: bold; font-size: 12px;}

.operater-div .click-for-push-info .off {font-weight: bold;  font-size: 11px; cursor: pointer; }
.operater-div .click-for-push-info .on {font-weight: bold; font-size: 11px;}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* prikaz slidera */
.operateri-root-element-slider{padding: 0px 20px 0px 20px;}
.operateri-root-element-slider .slick-dots{padding: 0 !important; }
.operateri-root-element-slider .slick-dots button, .operateri-root-element-slider .slick-prev, .operateri-root-element-slider .slick-next{box-shadow: none !important; touch-action: manipulation;}
.operateri-root-element-slider .slick-prev:before, .operateri-root-element-slider .slick-next:before{color: #AAAAAA; font-size: 36px;}
.operateri-root-element-slider .slick-prev, .operateri-root-element-slider .slick-next{width: 36px; height: 36px;}
.operateri-root-element-slider .slick-prev{left: -36px;}
.operateri-root-element-slider .slick-next{right: -36px;}
/* prikaz slider ikona - font awesome */
.operateri-root-element-slider .cust-slick-prev, .operateri-root-element-slider .cust-slick-next{color:#AAAAAA !important; font-size: 32px; line-height: 32px; width: 16px;touch-action: manipulation; position: absolute;top: 50%;display: block;padding: 0;-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;outline: none; background: transparent; box-shadow: none !important; background-color: transparent !important; border: none !important;}
.operateri-root-element-slider .cust-slick-prev {left: -20px;}
.operateri-root-element-slider .cust-slick-next {right: -20px;}
/* operateri u slideru*/
.operaters-all.layout-slider{}
.operaters-all.layout-slider .blog_post_operater {position: relative;}
.operaters-all.layout-slider .blog_post_operater > *{padding-left: 10px !important; padding-right: 10px !important;}
.operaters-all.layout-slider .spacer-bottom{height:90px;}
.operaters-all.layout-slider .button-bottom{position: absolute; bottom: 0; left:0; right: 0;}
.operaters-all.layout-slider .blog_post_operater span.live-icon{right: 10px;}
.operaters-all.layout-slider .blog_post_operater .status-icon{right: 10px; padding-left: 0px !important; padding-right: 0px !important}
.operater-slider p.osnove {float: left; margin-top: 0px; display: block;}
.operater-slider .operater-header {position: relative; padding-right: 0px;}
.operater-slider .operater-header .operater-img {width: 80px; padding:0px; background: no-repeat; float:none !important; margin-right: 10px; margin-bottom:0px; box-shadow: 0 0 5px 1px rgba(0,0,0,.4);}
.operater-slider .operater-header .operater-slika {display: block; float: left; }
.operater-slider .operater-status {display: none; font-weight: bold; float: left !important;}
.operater-slider.status-available .operater-status.for-status-available {display: block; color:#397333;}
.operater-slider.status-busy .operater-status.for-status-busy{display: block; color:#c05242; }
.operater-slider.status-unavailable .operater-status.for-status-unavailable{display: block; color:#999999; }

.banner-top .link-operateri-page {padding-top: 0px !important;}

/* operater - header - tablicni prikaz */
.blog_post_operater .operater-tbl-header{display: table; width: 100%;}
.blog_post_operater .operater-tbl-header>div{display: table-cell; vertical-align: top; }
.blog_post_operater .operater-tbl-header>.col-img{width: 70px; text-align: left;}
.blog_post_operater .operater-tbl-header>.col-img>img{display: inline-block;}
.blog_post_operater .operater-tbl-header>.col-data>*{clear:both; float: none; }
.blog_post_operater .operater-tbl-header>.col-status{width: 36px; text-align: right; }


/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
	opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.loaded{
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}

.myButton {
	margin: 20px auto 10px auto !important;
	background-color: none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:3px solid #893800;
	display:inline-block;
	cursor:pointer;
	color:#302a1e;
	font-size:14px;
	padding:10px 31px;
	text-decoration:none;
	width: 100%;
	text-align: center;
}
.myButton:hover {
	background-color:#893800;
	color:#fff;
}
.myButton:active {
	position:relative;
	top:1px;
}

/* tablica sa brojevima - krugovi */
.tablica-pozivi-circle{font-size: 0; text-align: center;}
.tablica-pozivi-circle > div{width: 33%; display: inline-block; font-size: 14px; min-width: 250px; margin: 30px 0px; vertical-align: top;}
.tablica-pozivi-circle h4{padding: 0px; margin: 8px 0px; font-size: 16px; color: #fff;}
.tablica-pozivi-circle > div .c-flag{}
.tablica-pozivi-circle > div .img{width: 90px; height: 90px; border-radius: 50%; display: inline-block;background-size: 150px;background-position: center center; border: 1px solid black;}
.tablica-pozivi-circle .c-nr{font-weight: bold; color: #fff !important;}
.tablica-pozivi-circle .c-nr a{color: #fff !important;}

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
	opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}

.zastave {
	background-color: none;
}

.et_pb_section {
	background: transparent;
}

.banner {
    background-color: #c1b282 !important;
}

.banner a {
	font-weight: bold !important;
	color: #893800 !important;
	white-space: nowrap;
}

.banner h2 {
	padding-top: 10px;
	padding-bottom: 15px;
	text-align: center;
	color: #302a1e !important;
	font-weight: bold;
	font-size: 20px;
}

.banner p {
	color: #302a1e !important;
}

/* push notifikacije dodatni popup */
.ant-push-notif{position: fixed; z-index: 9999; padding: 15px; text-align: center; text-transform: uppercase; background-color: #000 !important; color: white !important;}
.ant-push-notif span{margin-right: 20px;}
.ant-push-notif button{-webkit-appearance: none;-moz-appearance: none;appearance: none; padding: 5px 20px; color: white !important; border: 2px solid #FFF !important; background: black !important; cursor: pointer; margin-left: 10px;}
.ant-push-notif.ant-push-notif-2, .ant-push-notif.ant-push-notif-3{background-color: #D30023 !important;}
.ant-push-notif.ant-push-notif-3 button{border: none !important; background: #9E001A !important; }
.ant-push-notif.ant-push-notif-4{background-color: #3F3F3F !important;}
@media (max-width:981px) {
    .ant-push-notif.ant-push-notif-mobile_buttons_same_line{font-size: 12px; padding: 15px 8px;}
    .ant-push-notif.ant-push-notif-mobile_buttons_same_line span{margin-right: 10px;}
    .ant-push-notif.ant-push-notif-mobile_buttons_same_line button{margin-left: 7px; padding: 5px 12px;}
    
    .ant-push-notif.ant-push-notif-mobile_buttons_new_line span{margin: 0px 0px 10px 0px; display: block;}
    .ant-push-notif.ant-push-notif-mobile_buttons_new_line button{margin: 0px 10px !important;}
}