/* cust */
table.oper-item-tbl-h{border: none;}
.oper-item-tbl-h td{padding: 0; vertical-align: top; border: none !important;}
.oper-item-tbl-h .img{width: 90px; }
.oper-item-tbl-h h3{font-size: 14px; line-height: 1; font-weight: bold; }
.operater-number{margin-top: 15px !important;}

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

/* box operatera*/
.blog_post_operater{display: block; margin: 10px 0px; position: relative; text-align: left;}

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

/* slika operatera*/
.blog_post_operater .operater-img{display: inline;float: left;margin-right: 15px;}

/* prikaz statusa - tekst*/
.blog_post_operater .operater-status{display: none; font-weight: bold; clear: both; padding:0 !important;}
.blog_post_operater.status-available .operater-status.for-status-available{display: block; color:#16ad2f;}
.blog_post_operater.status-busy .operater-status.for-status-busy{display: block; color:red; }
.blog_post_operater.status-unavailable .operater-status.for-status-unavailable{display: block; color:#666; }
 
/* prikaz status ikone FontAwesome */
.blog_post_operater span.live-icon{width: 30px; height: 30px; font-size: 24px; position: absolute; top: 5px; right: 0; text-align: center; }
.blog_post_operater.status-available span.live-icon{color:#009900;}
.blog_post_operater.status-busy span.live-icon{color:#990000;}
.blog_post_operater.status-unavailable span.live-icon{color:#999999;}

/* 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: 14px;font-weight: 400;line-height: 1.5;margin-bottom: 0; padding: 6px 12px;text-align: center;vertical-align: middle;}

/* button za call ovisno o statusima */
.blog_post_operater.status-available .operater-number a{background-color: #5cb85c;border-color: #4cae4c;color: #fff;}
.blog_post_operater.status-busy .operater-number a{background-color: #d9534f;border-color: #d43f3a;color: #fff;}
.blog_post_operater.status-unavailable .operater-number a{background-color: #DEDEDE;border-color: #DEDEDE;color: #000000;}


/* 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; }



/* 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: 2800px; overflow: hidden;}
 
/* prikaz liste */
.operaters-all.layout-list{display: flex; flex-wrap: wrap; position: relative;}
.operaters-all.layout-list .blog_post_operater{width:31%; margin: 30px 1%;}
.operaters-all.layout-list .operater-header{height: 80px; overflow: hidden;}
.operaters-all.layout-list p.operater-tehnike{line-height: 20px; height: 80px; overflow: hidden;}
.operaters-all.layout-list .spacer-bottom{height:90px;}
.operaters-all.layout-list .button-bottom{position: absolute; bottom: 0; left:0; right: 0;}


/* prikaz slidera */
.operateri-root-element-slider{padding: 0px 20px 50px 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}

/* 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 li a .nr-price{margin-left: 10px; }
.scroller_brojevi.dark{background-color: black;}
.scroller_brojevi.dark li ,.scroller_brojevi.dark li a{color: white; }

/* disabled linkovi - desktop */
a.otel-lnk.disabled, a.otel-lnk.disabled:hover{/*color:black !important;*/ cursor: default !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;}

/* spacer */
div.ospacer{height:12px;}

/* tablica sa brojevima */
.tablica-pozivi {border-collapse: collapse;width: 100%;text-align: left!important; border: solid 1px #dedede;}
.tablica-pozivi td{font-size: 11px; padding: 4px 8px 4px 8px; vertical-align: top;  border-top: solid 1px #dedede; color: black; }
.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%; }
.tablica-pozivi td.broj {width: 25%; }
.tablica-pozivi .flag-mobile{display: none; }

.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 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;}
.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: black;}
.tablica-pozivi-circle .c-nr a{color: black !important;}




/* 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: 10px;}
.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 #E3E3E3; border-radius: 20px;background-color: #DEDEDE;transition: background-color 0.3s ease-in;}
.onoffswitch-label:before {content: "";display: block; width: 17px; margin: 0px;background: #FFFFFF;position: absolute; top: 0; bottom: 0;right: 21px; border: 2px solid #E3E3E3; 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); }
#operateri-pn-error {position: fixed; width: 300px; background-color: white; border: 1px solid #999999; padding: 15px; left: 50%; margin-left: -157px; top: 50%; margin-top: -150px; z-index: 99999; font-size: 12px;}
#operateri-pn-error h3{margin: 0px 0px 20px 0px;}
#operateri-pn-error a{font-weight: bold;}
#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: #000000;line-height: 20px;padding: 3px 8px !important;box-shadow: none;border: 1px solid black;cursor: pointer;border-radius: 3px;}

/* detalji operatera */
.operater-detalji {}
.operater-detalji .blog_post_operater{}
.operater-detalji .blog_post_operater .operater-status{}
.operater-detalji .blog_post_operater .operater-number a{}
.operater-detalji a.operater-button.otel-lnk.disabled, a.operater-button.otel-lnk.disabled:hover{}
.operater-detalji .blog_post_operater.status-available .operater-number a{}
.operater-detalji .blog_post_operater.status-busy .operater-number a{}
.operater-detalji .blog_post_operater.status-unavailable .operater-number a{}

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

/* 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: black;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-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;}
}


/* 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;}
}