body {
    font-family: "Open Sans",Arial,sans-serif !important;
    color: #666;
}
a:hover {
 cursor:pointer;
}

.vest-naslov h1 {
    color: #333;
}

.error {
    color: red;
}

.d-none {
    display: none;
}

.f-left {float: left;}
.f-right {float: right;}

.d-block {
    display: block;
}

/* TABLE U PROCENTIMA */
.w-100 {
    width: 100%;
}
.w-90 {
    width: 90%;
}
.w-80 {
    width: 80%;
}
.w-70 {
    width: 70%;
}
.w-60 {
    width: 60%;
}
.w-50 {
    width: 50%;
}
.w-40 {
    width: 40%;
}
.w-30 {
    width: 30%;
}
.w-20 {
    width: 20%;
}
.w-10 {
    width: 10%;
}


/* TABLE U PIKSELIMA */
.w-25px {
    width: 25px;
}
.w-50px {
    width: 50px;
}
.w-75px {
    width: 75px;
}
.w-100px {
    width: 100px;
}
.w-125px {
    width: 125px;
}
.w-150px {
    width: 150px;
}
.w-175px {
    width: 175px;
}
.w-200px {
    width: 200px;
}
.w-225px {
    width: 225px;
}
.w-250px {
    width: 250px;
}
.w-275px {
    width: 275px;
}
.w-300px {
    width: 300px;
}
.w-325px {
    width: 325px;
}
.w-350px {
    width: 350px;
}
.w-375px {
    width: 375px;
}
.w-400px {
    width: 400px;
}
.w-425px {
    width: 425px;
}
.w-450px {
    width: 450px;
}


.lh-10 {
    line-height: 10px !important;
}

.lh-11 {
    line-height: 11px !important;
}

.lh-12 {
    line-height: 12px !important;
}
.lh-13 {
    line-height: 13px !important;
}

.lh-14 {
    line-height: 14px !important;
}

.lh-15 {
    line-height: 15px !important;
}

.lh-16 {
    line-height: 16px !important;
}

.lh-17 {
    line-height: 17px !important;
}

.lh-18 {
    line-height: 18px !important;
}

.lh-19 {
    line-height: 19px !important;
}

.lh-20 {
    line-height: 20px !important;
}

.lh-21 {
    line-height: 21px !important;
}

.lh-22 {
    line-height: 22px !important;
}

.lh-23 {
    line-height: 23px !important;
}

.lh-24 {
    line-height: 24px !important;
}

.lh-25 {
    line-height: 25px !important;
}

.lh-26 {
    line-height: 26px !important;
}

.lh-27 {
    line-height: 27px !important;
}

.lh-28 {
    line-height: 28px !important;
}

.lh-29 {
    line-height: 29px !important;
}

.lh-30 {
    line-height: 30px !important;
}


.fs-10 {
    font-size: 10px !important;
}

.fs-11 {
    font-size: 11px !important;
}

.fs-12 {
    font-size: 12px !important;
}
.fs-12-pt {
    font-size: 12pt;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-21 {
    font-size: 21px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-23 {
    font-size: 23px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-25 {
    font-size: 25px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-27 {
    font-size: 27px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-29 {
    font-size: 29px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-31 {
    font-size: 31px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-33 {
    font-size: 33px !important;
}

.fs-34 {
    font-size: 34px !important;
}

.fs-35 {
    font-size: 35px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-37 {
    font-size: 37px !important;
}

.fs-38 {
    font-size: 38px !important;
}

.fs-39 {
    font-size: 39px !important;
}

.fs-40 {
    font-size: 40px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.fs-72 {
    font-size: 72px !important;
}

.fs-120 {
    font-size: 120px !important;
}


/*font em*/


.fs-1em {
    font-size: 1em !important;
}
.fs-11em {
    font-size: 1.1em !important;
}
.fs-12em {
    font-size: 1.2em !important;
}
.fs-13em {
    font-size: 1.3em !important;
}
.fs-14em {
    font-size: 1.4em !important;
}
.fs-15em {
    font-size: 1.5em !important;
}
.fs-16em {
    font-size: 1.6em !important;
}

.fs-17em {
    font-size: 1.7em !important;
}

.fs-18em {
    font-size: 1.8em !important;
}

.fs-19em {
    font-size: 1.9em !important;
}

.fs-2em {
    font-size: 2em !important;
}

/*MARGIN-LEFT*/

.ml-0 {
    margin-left:0px !important;
}

.ml-5 {
    margin-left:5px !important;
}

.ml-10 {
    margin-left:10px !important;
}

.ml-15 {
    margin-left:15px !important;
}

.ml-20 {
    margin-left:20px !important;
}

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

.ml-30 {
    margin-left:30px !important;
}

.ml-35 {
    margin-left:35px !important;
}

/*MARGIN-RIGHT*/

.mr-0 {
    margin-right:0px !important;
}

.mr-5 {
    margin-right:5px !important;
}

.mr-10 {
    margin-right:10px !important;
}

.mr-15 {
    margin-right:15px !important;
}

.mr-20 {
    margin-right:20px !important;
}

.mr-25 {
    margin-right:25px;
}

.mr-30 {
    margin-right:30px !important;
}

.mr-35 {
    margin-right:35px !important;
}

/*MARGIN-TOP*/

.mt-0 {
    margin-top:0 !important;
}

.mt-5 {
    margin-top:5px !important;
}

.mt-10 {
    margin-top:10px !important;
}

.mt-15 {
    margin-top:15px !important;
}

.mt-20 {
    margin-top:20px !important;
}

.mt-25 {
    margin-top:25px;
}

.mt-30 {
    margin-top:30px;
}

.mt-35 {
    margin-top:35px;
}

.mt-40 {
    margin-top:40px;
}

.mt-42 {
    margin-top:42px;
}

.mt-50 {
    margin-top:50px;
}

/*MARGIN-BOTTOM*/

.mb-0 {
    margin-bottom:0px !important;
}

.mb-5 {
    margin-bottom:5px !important;
}

.mb-10 {
    margin-bottom:10px !important;
}

.mb-15 {
    margin-bottom:15px !important;
}

.mb-20 {
    margin-bottom:20px !important;
}

.mb-25 {
    margin-bottom:25px !important;
}

.mb-30 {
    margin-bottom:30px !important;
}

.mb-35 {
    margin-bottom:35px !important;
}

.mb-50 {
    margin-bottom:50px !important;
}

.m-auto {
    margin:0 auto;
}

.m-0 {
    margin:0 !important;
}

.m-1 {
    margin:1px;
}

.m-2 {
    margin:2px;
}

.m-3 {
    margin:3px;
}

.m-4 {
    margin:4px;
}

.m-5 {
    margin:5px;
}

.m-6 {
    margin:6px;
}

.m-7 {
    margin:7px;
}

.m-8 {
    margin:8px;
}

.m-9 {
    margin:9px;
}

.m-10 {
    margin:10px;
}

/*PADDING-LEFT*/

.pl-0 {
    padding-left:0 !important;
}

.pl-1 {
    padding-left:1px !important;
}

.pl-2 {
    padding-left:2px !important;
}

.pl-3 {
    padding-left:3px !important;
}

.pl-4 {
    padding-left:4px !important;
}

.pl-5 {
    padding-left:5px !important;
}

.pl-10 {
    padding-left:10px !important;
}

.pl-11 {
    padding-left:11px !important;
}

.pl-12 {
    padding-left:12px !important;
}

.pl-13 {
    padding-left:13px !important;
}

.pl-14 {
    padding-left:14px !important;
}

.pl-15 {
    padding-left:15px !important;
}

.pl-20 {
    padding-left:20px !important;
}

.pl-21 {
    padding-left:21px !important;
}

.pl-22 {
    padding-left:22px !important;
}

.pl-23 {
    padding-left:23px !important;
}

.pl-24 {
    padding-left:24px !important;
}

.pl-25 {
    padding-left:25px !important;
}

.pl-26 {
    padding-left:26px !important;
}

.pl-27 {
    padding-left:27px !important;
}

.pl-28 {
    padding-left:28px !important;
}

.pl-29 {
    padding-left:29px !important;
}

.pl-30 {
    padding-left:30px !important;
}

.pl-31 {
    padding-left:31px !important;
}

.pl-32 {
    padding-left:32px !important;
}

.pl-33 {
    padding-left:33px !important;
}

.pl-34 {
    padding-left:34px !important;
}

.pl-35 {
    padding-left:35px !important;
}

/*PADDING-RIGHT*/

.pr-0 {
    padding-right:0 !important;
}

.pr-1 {
    padding-right:1px !important;
}

.pr-2 {
    padding-right:2px !important;
}

.pr-3 {
    padding-right:3px !important;
}

.pr-4 {
    padding-right:4px !important;
}

.pr-5 {
    padding-right:5px !important;
}

.pr-10 {
    padding-right:10px !important;
}

.pr-11 {
    padding-right:11px !important;
}

.pr-12 {
    padding-right:12px !important;
}

.pr-13 {
    padding-right:13px !important;
}

.pr-14 {
    padding-right:14px !important;
}

.pr-15 {
    padding-right:15px !important;
}

.pr-20 {
    padding-right:20px !important;
}

.pr-21 {
    padding-right:21px !important;
}

.pr-22 {
    padding-right:22px !important;
}

.pr-23 {
    padding-right:23px !important;
}

.pr-24 {
    padding-right:24px !important;
}

.pr-25 {
    padding-right:25px !important;
}

.pr-26 {
    padding-right:26px !important;
}

.pr-27 {
    padding-right:27px !important;
}

.pr-28 {
    padding-right:28px !important;
}

.pr-29 {
    padding-right:29px !important;
}

.pr-30 {
    padding-right:30px !important;
}

.pr-31 {
    padding-right:31px !important;
}

.pr-32 {
    padding-right:32px !important;
}

.pr-33 {
    padding-right:33px !important;
}

.pr-34 {
    padding-right:34px !important;
}

.pr-35 {
    padding-right:35px !important;
}

/*PADDING-TOP*/

.pt-0 {
    padding-top:0 !important;
}

.pt-1 {
    padding-top:1px !important;
}

.pt-2 {
    padding-top:2px !important;
}

.pt-3 {
    padding-top:3px !important;
}

.pt-4 {
    padding-top:4px !important;
}

.pt-5 {
    padding-top:5px !important;
}

.pt-10 {
    padding-top:10px !important;
}

.pt-11 {
    padding-top:11px !important;
}

.pt-12 {
    padding-top:12px !important;
}

.pt-13 {
    padding-top:13px !important;
}

.pt-14 {
    padding-top:14px !important;
}

.pt-15 {
    padding-top:15px !important;
}

.pt-20 {
    padding-top:20px !important;
}

.pt-21 {
    padding-top:21px !important;
}

.pt-22 {
    padding-top:22px !important;
}

.pt-23 {
    padding-top:23px !important;
}

.pt-24 {
    padding-top:24px !important;
}

.pt-25 {
    padding-top:25px !important;
}

.pt-26 {
    padding-top:26px !important;
}

.pt-27 {
    padding-top:27px !important;
}

.pt-28 {
    padding-top:28px !important;
}

.pt-29 {
    padding-top:29px !important;
}

.pt-30 {
    padding-top:30px !important;
}

.pt-31 {
    padding-top:31px !important;
}

.pt-32 {
    padding-top:32px !important;
}

.pt-33 {
    padding-top:33px !important;
}

.pt-34 {
    padding-top:34px !important;
}

.pt-35 {
    padding-top:35px !important;
}

/*PADDING-BOTTOM*/

.pb-0 {
    padding-bottom:0 !important;
}

.pb-1 {
    padding-bottom:1px !important;
}

.pb-2 {
    padding-bottom:2px !important;
}

.pb-3 {
    padding-bottom:3px !important;
}

.pb-4 {
    padding-bottom:4px !important;
}

.pb-5 {
    padding-bottom:5px !important;
}

.pb-10 {
    padding-bottom:10px !important;
}

.pb-11 {
    padding-bottom:11px !important;
}

.pb-12 {
    padding-bottom:12px !important;
}

.pb-13 {
    padding-bottom:13px !important;
}

.pb-14 {
    padding-bottom:14px !important;
}

.pb-15 {
    padding-bottom:15px !important;
}

.pb-20 {
    padding-bottom:20px !important;
}

.pb-21 {
    padding-bottom:21px !important;
}

.pb-22 {
    padding-bottom:22px !important;
}

.pb-23 {
    padding-bottom:23px !important;
}

.pb-24 {
    padding-bottom:24px !important;
}

.pb-25 {
    padding-bottom:25px !important;
}

.pb-26 {
    padding-bottom:26px !important;
}

.pb-27 {
    padding-bottom:27px !important;
}

.pb-28 {
    padding-bottom:28px !important;
}

.pb-29 {
    padding-bottom:29px !important;
}

.pb-30 {
    padding-bottom:30px !important;
}

.pb-31 {
    padding-bottom:31px !important;
}

.pb-32 {
    padding-bottom:32px !important;
}

.pb-33 {
    padding-bottom:33px !important;
}

.pb-34 {
    padding-bottom:34px !important;
}

.pb-35 {
    padding-bottom:35px !important;
}

/*PADDING*/

.p-0 {
    padding: 0;
}

.p-1 {
    padding:1px !important;
}

.p-2 {
    padding:2px !important;
}

.p-3 {
    padding:3px !important;
}

.p-4 {
    padding:4px !important;
}

.p-5 {
    padding:5px !important;
}

.p-10 {
    padding:10px !important;
}

.p-11 {
    padding:11px !important;
}

.p-12 {
    padding:12px !important;
}

.p-13 {
    padding:13px !important;
}

.p-14 {
    padding:14px !important;
}

.p-15 {
    padding:15px !important;
}

.p-20 {
    padding:20px !important;
}

.p-21 {
    padding:21px !important;
}

.p-22 {
    padding:22px !important;
}

.p-23 {
    padding:23px !important;
}

.p-24 {
    padding:24px !important;
}

.p-25 {
    padding:25px !important;
}

.p-26 {
    padding:26px !important;
}

.p-27 {
    padding:27px !important;
}

.p-28 {
    padding:28px !important;
}

.p-29 {
    padding:29px !important;
}

.p-30 {
    padding:30px !important;
}

.p-31 {
    padding:31px !important;
}

.p-32 {
    padding:32px !important;
}

.p-33 {
    padding:33px !important;
}

.p-34 {
    padding:34px !important;
}

.p-35 {
    padding:35px !important;
}

.p-40 {
    padding:40px !important;
}

.p-45 {
    padding:45px !important;
}

.p-50 {
    padding:50px !important;
}

.p-auto {
    padding: 0 auto;
}

.div-to-hide{
    padding-left: 0;
}
.div-to-hide-2{
    padding-left: 0;
    display: none;
}
.fw-900 {
    font-weight: 900 !important;
}
.fw-800 {
    font-weight: 800 !important;
}
.fw-700 {
    font-weight: 700 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-300 {
    font-weight: 300 !important;
}
.fw-200 {
    font-weight: 200 !important;
}
.fw-100 {
    font-weight: 100 !important;
}
.flags-ba{
        margin-top: 5px;
}

.text-align-center{
    text-align: center;
}
.text-align-right{
    text-align: right;
}

.bottom-line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-font {
    font-size: 12px;
    color: #777;
    margin: 0px;
    line-height: 35px;
}

.social a img {
    width: auto;
}

.social {
    float: right;
}

article img {
    max-width: 45%
}

.logo {
    max-width: 100%;
}
.logo-desno{
    max-width: 100%;
    float: right;
}
/*NAVIGACIONI MENI*/
#myNavbar .nav>li:nth-child(2){
    display: none !important;
}

#myNavbar .nav>li {
    margin: 0;
    padding: 0;
    border-right: 1px solid #D8D8D8;
    position: relative;
}

#myNavbar ul li ul {
   
}

.nav>li>a {
    padding-left: 14px;
    padding-right: 14px
}

.nav>li.active {
    background-color: #eee
}
   
.navbar {
    border-top: 1px solid #eee;
    border-bottom: 2px solid #87764f;
    border-radius: 0
}

.container-fluid,
.navbar-collapse {
    padding-left: 0
}

.navbar ul li a {
    color: #626262
}

.navbar.center .navbar-inner .nav {
    display: inline-block;
    float: none
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background: rgba(142, 142, 142, .31);
    border: 1px solid #888282;
    border-radius: 4px
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    color: #000;
    background: #888282
}

/*NAVIGACIONI MENI END*/
.yellow-box{
    background-color: #a99362;
    border-bottom: 10px solid #002633;
}

.yellow{
    margin: 10px 0;
    background-color: #a99362;
    padding: 20px 0px;
}



.yellow-box p{
    color: white;
    line-height: 80px;
    font-weight: 700;
    font-size: 14px;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.vest-box img {
    max-width: 100%;
    font-size: 1.4rem;
    max-height: 295px;
    height: 295px;

}

.vest-box h2 a{
    color: #333 !important;
    text-decoration: none;
}

.vest-box h2 {
    color: #333 !important;
    text-decoration: none;
    font-size: 20px;
}

.vest-box .description, .text-primary-hover {
    color: #777;
    font-size: 14px;
}

.text-primary-hover:after{
    transition: all 0.5s;
}
.text-primary-hover:after{
    content: ">";
}   

.text-primary-hover:hover:after {
    margin-left: 10px;
}   

.yellow p{
    color: rgba(255,255,255, 0.75);
    font-size: 14px;
    text-align: center;
    padding: 0px;
    margin: 15px 0 0 0 ;
}

.yellow h1{
    color: white;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

.content-separator{
    height: 5px;
}

.blue-box {
    background-color: #002633;
}

.gray-box {
    background: #e8e8e8;
}

.gray-box p {
    color: #777777;;
    font-weight: 700;
    font-size: 14px;
    padding: 20px;
    margin: 0px;
}

.box {
    margin-top: 5px;
}

.blue-box p {
    color: white;
    font-weight: 700;
    font-size: 14px;
    padding: 20px;
    margin: 0px;
}

.responsive-separator {
    display: none;
}

#slider{
    width: 100%;
}

#slider iframe{
    width: 100%;
}
.tel{
    pointer-events: none;
}
.zaposleni-titula{
    display: inline-block;
    font-size: 100% !important;
    }

.zaposleni-titula p {
    padding-top: 5px;
}

/*VESTI SLIKA*/
    .vesti-slika{
        width: 100%;
        height: 
    }

    .vesti-slika-frame{
          width: 100%;
          height: 300px;
          overflow: hidden;
          opacity: 0.5;
    }

/*VESTI SLIKA END*/


.prijava-sekcija{
    font-size: 20px;
    color: #a99362;
}

.p-besplatno{
    color: red;
    font-size: 18px;
    border: 1px solid lightgray;
    padding: 10px;    
}
.okvir-savetovanje{
    border: 1px solid lightgray;
    padding: 10px;
}

.btn-prijavite-se{
    margin-top: 5px;
}

.zap-margin{
    margin-bottom: 5px;
}

/*Footer*/
footer {
background-color: #a99362 !important;
}

.dropdown-menu li a,
footer {
    padding: 10px
}
footer,
footer a {
    color: #fff!important
}
footer {
    margin: 5px 5px 0;
    background-color: #a99362 !important;
    font-weight: 400!important;
    font-size: 12px
}

footer>.col-lg-3 {
    border-right: 1px solid #927d4e;
    min-height: 181px
}
footer ul{
    list-style: none !important; 
}
footer ul li {

    margin: 5px 0
}

/* responsive */
@media only screen and (max-width: 1000px) {
    /*FIX SCROLL*/
    .fixed{
        position: fixed;
        top: 50vh;
        right: 5px;
    }
    

    .responsive-separator {
        display: block;
        height: 10px;
    }



    .box {
        margin-top: 0px; 
    }
    .dropdown-menu {
        background-color: #eee!important
    }
    .nav>li>a {
        padding-left: 20px;
        padding-right: 20px
    }
    .container-fluid,
    .navbar-collapse {
        padding-left: 10px
    }

    .navbar-toggle:before {
        content : "Meni";
    }
    .logo-desno{
        display: none;
    }
    .tel{
        pointer-events: all !important;
    }
    .img-responsive{
        max-width: 100%;
    }
}
@media only screen and (max-width: 500px) {

    main h1 {
        font-size: 5vw;
    }

    main h2 {
        font-size: 5vw;
    }

    main h3 {
        font-size: 4.6vw;
    }

    main ul li {
        font-size: 3vw;
    }

    .contact-prezentacija{
        margin-top: 50px !important;
    }
    .flags-ba{
        margin-left: 15px;
        margin-top: 5px;
    }

    .social a img {
        width: 25px;
    }

    .social {
        text-align: center;
        margin: 10px auto;
        display: block;
        float: left;
        margin-left: 15px;
    }
    #slider{
        display: none;
    }
    .tel{
        pointer-events: all !important;
    }
    .zaposleni-titula{
    display: block;
    }
    .img-responsive{
    max-width: 100%;
    }
}

/* FUll WIDTH */
@media (min-width: 991px) {

    .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .img-responsive{
        max-width: 100%;
    }

    .dropdown-menu li:hover > .dropdown-menu{
        display: block !important;
        visibility: visible !important;
    }

    #myNavbar .sub-menu .sub-menu {
        top: 0;
        left: 100%;
    }


}

#myNavbar .dropdown .dropdown.open .dropdown-menu {
    display: block !important;
}

.arhiva-vesti:hover {
    background: #ff8c00;
    color: #fff
}


.opened {
    width: 320px;
    float: left
}

.nav-plus{
    font-size: 14px;
    float: right;
    margin-right: 10px;
    margin-top: 2px;
}

.kategorija {
    width: 33%;
    float: left
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.faqHeader {
        font-size: 27px;
        margin: 20px;
    }

    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        content: "e072"; /* "play" icon */
        float: right;
        color: #F58723;
        font-size: 18px;
        line-height: 22px;
        /* rotate "play" icon from > (right arrow) to down arrow */
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }

    .faqHeader {
        font-size: 27px;
        margin: 20px;
    }

    .panel-heading [data-toggle="collapse"]:after {
        font-family: 'Glyphicons Halflings';
        content: ""; /* "play" icon */
        float: right;
        color: #F58723;
        font-size: 18px;
        line-height: 22px;
         rotate "play" icon from > (right arrow) to down arrow 
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .panel-heading [data-toggle="collapse"].collapsed:after {
        /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #454444;
    }

/*PROPISI CSS*/



.clan {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 0.5em;
    margin-right: 0pt;
    margin-left: 0pt;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    font-family : Arial, Helvetica, sans-serif;
}
.simboli     { 
    font-size: 90%;
    font-family: Symbol 
}
.simboliindeks     { 
    font-size: small;
    font-family: Symbol;
    vertical-align: sub
}
.normal {
    /*font-size: 90%;*/
    font-family : Arial, Helvetica, sans-serif;
}
.normaltd    { font-size: 90%; font-family : Arial, Helvetica, sans-serif; text-align: 
               Right }
.normaltdb   { font-size: 90%; font-family : Arial, Helvetica, sans-serif; font-weight: 
               bold; text-align: Right }
.samostalni {
    font-style: italic;
    font-weight: bolder;
    font-size: 100%;
    text-align: center ;
    font-family: Arial, Helvetica, sans-serif;
}
.samostalni1 {
    font-style: italic;
    font-weight: normal;
    font-size: 90%;
    text-align: center ;
    font-family: Arial, Helvetica, sans-serif;
}
.tabelanaslov {
    background-color: #A41E1C;
    border-width: 0pt;
    width: 100%;
    border: thin outset Black;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding-bottom: 0;
}
.tabelanaslov h2 {
    margin-bottom: 0;
}
.tabelanaslov h1 {
    text-align: center;
}
.tabelanaslov .share {
    float:left;
}

.tabela_sm {
    background-color: #006666;
    border-width: 0pt;
    width: 100%;
    border: thin outset Black;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.tabela_sp {
    background-color: #FF9F00;
    border-width: 0pt;
    width: 100%;
    border: thin outset Black;
    font-family: Verdana, Arial, Helvetica, sans-serif
}
.tabela_ct {
    background-color: #DC2348;
    border-width: 0pt;
    width: 100%;
    border: thin outset Black;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

table {
    border-width: 0pt;
    width: 100%;
    height: auto ;
    font-size: 100%;
    margin-bottom:20px;
}
.naslov1 {
    font-weight: bold;
    font-size: 100%;
    text-align: center;
    font-family : Arial, Helvetica, sans-serif;
}
.naslov2 {
    font-weight: bold;
    font-size: 120%;
    text-align: center;
    font-family : Arial, Helvetica, sans-serif;
}
.naslov3 {
    font-weight: bold;
    font-size: 95%;
    text-align: center;
    font-family : Arial, Helvetica, sans-serif;
}
.normal_uvuceni {
    font-size: 90%;
    clip: rect( );
    text-align: left;
    margin-left: 20mm;
    text-indent: -2.5mm;
    font-family : Arial, Helvetica, sans-serif;
}
.normal_uvuceni2 { 
    font-size: 90%; 
    clip: rect( ); 
    text-align: left; 
    margin-left: 30mm; 
    text-indent: -4mm; 
    font-family : Arial, Helvetica, sans-serif; 
}
.normal_uvuceni3 { 
    font-size: 90%; 
    clip: rect( ); 
    text-align: left; 
    margin-left: 17.5mm; 
    font-family : Arial, Helvetica, sans-serif; 
}
.naslovpropisa1 {
    color: #FFE8BF;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    display: block;
    margin-bottom: 20px;
}
.naslovpropisa1a {
    color: white;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    display: block;
    margin-bottom: 10px;
}
.podnaslovpropisa {
    color: #FFE8BF !important;
    font-style: italic;
    font-size: 110%;
    background-color: #000000;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin:2px;
}
.naslov4 {
    font-weight: bold;
    font-size: 90%;
    text-align: center;
    font-family : Arial, Helvetica, sans-serif;
}
.naslov5 {
    font-weight: bold;
    font-size: 90%;
    text-align: center;
    font-family : Arial, Helvetica, sans-serif;
}
.normalbold {
    font-size: 90%;
    font-weight: bold;
    font-family : Arial, Helvetica, sans-serif;
}
.normalboldCT {
    font-size: 100%;
    font-weight: bold;
    font-family : Arial, Helvetica, sans-serif;
}
.normalbolditalic {
    font-size: 90%;
    font-weight: bold;
    font-family : Arial, Helvetica, sans-serif;
    font-style: italic;
}
.normalboldcentar {
    font-size: 90%;
    font-weight: bold;
    font-family : Arial, Helvetica, sans-serif;
    text-align : center;
}
.stepen {  font-size: xx-small; vertical-align: super}
.indeks      { font-size: xx-small; vertical-align: sub}
.tbezokvira  { border-style: solid; border-width: 0 }
.naslovlevo  { font-size: 110%; text-align: left; font-family: Arial, Helvetica, sans-serif; 
               line-height: normal; font-weight: bold }
.bulletedni {  font-family: Arial, Helvetica, sans-serif; font-size: 90%; line-height: normal}
.normalpraksa {  font-family: Arial, Helvetica, sans-serif; font-size: 90%; font-style: italic; line-height: normal}
.normalctzaglavlje { font-size: 8pt; font-family : Arial, Helvetica, sans-serif; ; font-weight: bold}
.windings { font-size: 9pt; font-family : Wingdings; }
.webdings { font-size: 9pt; font-family : Webdings; }
.normalct { font-size: 8pt; font-family : Arial, Helvetica, sans-serif; }
.tabela_mala {  width: 30%}
.izmena_naslov {  font-family: "Times New Roman", Times, serif; font-style: normal; text-align: center; font-weight: bold}
.izmena_podnaslov {  font-family: "Times New Roman", Times, serif; text-align: center}
.izmena_clan {  font-family: "Times New Roman", Times, serif; font-weight: bold; text-align: center}
.izmena_tekst {  font-family: "Times New Roman", Times, serif}
.normalcentar { font-size: 90%; font-family : Arial, Helvetica, sans-serif; text-align: center}
.normalcentaritalic { font-size: 90%; font-family : Arial, Helvetica, sans-serif; ; font-style: italic; text-align: center}
.normalitalic { font-size: 90%; font-family : Arial, Helvetica, sans-serif; font-style: italic;}
.tsaokvirom {  border: #000000; border-style: inset; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
.t_okvirdole { border: black; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px }
.t_okvirgore { border: black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px }
.t_okvirgoredole { border: black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px }
.t_okvirlevo { border: black; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px }
.t_okvirdesno { border: black; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px }
.t_okvirlevodesno { border: black; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px }
.t_okvirlevodesnogore { border: black; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px }
.t_okvirlevodesnodole { border: black; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px }
.t_okvirlevodole { border: black; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px }
.t_okvirdesnodole { border: black; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px }
.t_okvirlevogore { border: black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px }
.t_okvirdesnogore { border: black; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px }
.t_okvirgoredoledesno { border: black; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px }
.t_okvirgoredolelevo { border: black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 1px }

.normalprored {
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0pt;
    margin-left: 0pt;
    font-size: 110%;
    font-family : Arial, Helvetica, sans-serif;
}
.wyq010---deo {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 150%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.wyq020---poddeo {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 150%;
    font-family: Arial, Helvetica, sans-serif;
}
.wyq030---glava {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 140%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.wyq040---podglava-kurziv-bold {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 140%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}
.wyq045---podglava-kurziv {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 140%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}
.wyq050---odeljak {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 130%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.wyq060---pododeljak {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 130%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.wyq070---podpododeljak-kurziv {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 125%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}
.wyq080---odsek {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 120%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.wyq090---pododsek {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 115%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.wyq100---naslov-grupe-clanova-kurziv {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}
.wyq110---naslov-clana {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.wyq120---podnaslov-clana {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}

.010---deo {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 150%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.020---poddeo {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 150%;
    font-family: Arial, Helvetica, sans-serif;
}
.030---glava {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 140%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.040---podglava-kurziv-bold {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 140%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}
.045---podglava-kurziv {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 140%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}
.050---odeljak {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 130%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.060---pododeljak {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 130%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.070---podpododeljak-kurziv {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 125%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}
.080---odsek {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 120%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.090---pododsek {
    text-align: center;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 115%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
.100---naslov-grupe-clanova-kurziv {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}
.110---naslov-clana {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 100%;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.120---podnaslov-clana {
    text-align: center;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0.000000pt;
    margin-left: 0.000000pt;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic
}
.uvuceni {  font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin-top: 0em; margin-bottom: 0.1em; margin-left: 3em; margin-right: 0em; clip:   rect(   ); text-indent: -1.2em}
.uvuceni2 { font-family: Arial, Helvetica, sans-serif; font-size: 90%; margin-top: 0em; margin-bottom: 0.1em; margin-left: 3em; margin-right: 0em; clip: rect( ); text-indent: -1.7em}
.tabela_epress {
    background-color: #0000CC;
    border-width: 0pt;
    width: 100%;
    border: thin outset Black;
    font-family: Arial, Helvetica, sans-serif
}
.izm_red {color: red}
.izm_green {color: #00CC33}
.izm_greenback {background-color: #33FF33}
.s1 {font-family: Arial, Helvetica, sans-serif; font-size:12; text-align: left; text-indent: 0mm; white-space: nowrap}
.s2 {font-family: Arial, Helvetica, sans-serif; font-size:12; text-align: left; text-indent: 2mm; white-space: nowrap}
.s3 {font-family: Arial, Helvetica, sans-serif; font-size:11; text-align: left; text-indent: 4mm; white-space: nowrap}
.s4 {font-family: Arial, Helvetica, sans-serif; font-size:11; text-align: left; text-indent: 6mm; white-space: nowrap}
.s5 {font-family: Arial, Helvetica, sans-serif; font-size:10; text-align: left; text-indent: 8mm; white-space: nowrap}
.s6 {font-family: Arial, Helvetica, sans-serif; font-size:10; text-align: left; text-indent: 10mm; white-space: nowrap}
.s7 {font-family: Arial, Helvetica, sans-serif; font-size:9; text-align: left; text-indent: 12mm; white-space: nowrap}
.s8 {font-family: Arial, Helvetica, sans-serif; font-size:9; text-align: left; text-indent: 14mm; white-space: nowrap}
.s9 {font-family: Arial, Helvetica, sans-serif; font-size:9; text-align: left; text-indent: 16mm; white-space: nowrap}
.s10 {font-family: Arial, Helvetica, sans-serif; font-size:9; text-align: left; text-indent: 18mm; white-space: nowrap}
.s11 {font-family: Arial, Helvetica, sans-serif; font-size:9; text-align: left; text-indent: 20mm; white-space: nowrap}
.s12 {font-family: Arial, Helvetica, sans-serif; font-size:9; text-align: left; text-indent: 22mm; white-space: nowrap}



/*PROPISI CSS END*/


.bullet-inside {
    list-style-position: inside;
    padding-left: 20px;
    margin-bottom: 20px;
    list-style-type: circle;
}

.bullet-outside {
    list-style-position: outside;
    padding: 0;
    margin: 10px 0 10px 25px;
    list-style-type: circle;
}
.square {
    list-style-type: square;
}
.disc {
    list-style-type: disc;
}
.decimal {
    list-style-type: decimal;
}
.em {
    font-style: italic;
}

.elem {
    display: none;
}


.gold-text {
    color:#DABC63;
}

.dark-gold-text {
    color:#a99362;
}

.dark-blue-text {
    color:#2D5F98;
}

.red-text {
    color:red;
}

.dark-red {
    color:#cc0000;
}

.dark-red-text {
    color:#cc0000;
}

.orange {
    color:#f25818;
}

.white {
    color: white !important;
}

.bold {
    font-weight: bold;
}

.nobold {
    font-weight: normal;
}

.center {
    text-align: center
}

#propisi-la li {
    margin-bottom: 5px;
}

#propisi-la li a {
    text-transform: uppercase;
    list-style-position: inherit;
}

/*SAVETOVANJA*/

.no-border, .no-border tr, .no-border th, .no-border td {
    border: none;
}
@media (max-width:1215px) {
    #content tr>td {
        padding-bottom: 1em;
        display: block;
        width: 100%
    }
    #info-seminar,
    input[type=text] {
        width: 100%
    }
    #collapse table, tr, td, th { 
        border: 1px solid #B4B4B4;
        padding:0px;
        margin:0px;
    }
    #content {
       padding: 0px;
    }
}
.naslovpropisa1,
.podnaslovpropisa {
    color: #FFE8BF;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    display: block;
}

.podnaslovpropisa {
    font-style: italic;
    font-size: 16px;
    background-color: #000;
    margin: 0;
    padding: 5px;
    display: block;
    /*margin-bottom: -10px;*/
}


.hr-light-red { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: none;
    border-width: 1px;
    height:1px;
    background: #FFBCBC;
}


.img-center {
    max-width: 100%;
    margin: 0 auto !important;
    display: block;
}

.img-left,
.img-right {
    margin: 0 20px;
    display: block;
}

.img-left {
    float: left;
}

.img-right {
    float: right;
}

.box-outside-text {
    min-height: 50%;
    display: table;
    max-width: 100%;
}

.box-inside-text {
    display: inline-block;
    vertical-align: middle;
}

@media only screen and (min-width: 320px) and (max-width: 700px) {
    .mobile-break {
        clear: both;
    }

    .fs-flex {
        font-size:160%;
    }

    .vesti-slika-frame {
          width: 100%;
          height: auto;
          overflow: hidden;
          opacity: 0.5;
          margin-bottom:15px;
    }
}

.tabelanaslov h1 {
    margin-bottom:0;
}


.chckbx {
    display: inline-block;
    margin-right: 10px !important;
}

.desktop-subscribe {
    position: fixed;
    bottom: 5px;
    left: 15px;
    opacity: 0;
    width: 250px;
    z-index: 1000;
}

.desktop-subscribe.visible {
    opacity: 1;
}


.btn-subscribe {
    background-color: #fff;
    border: 2px solid #337ab7;
    font-size: 16px;
}

.btn-outline {
    border: 2px solid black;
    background-color: white;
    color: black;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
}

.btn-outline:hover{
    background-color: #4CAF50;
    color: white;
}

/* Zeleno dugme */
.green-outline {
    border-color: #4CAF50;
    color: green;
}

/* Plavo dugme */
.btn-blue-outline {
    border: 2px solid black;
    background-color: #107dac;
    color: black;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 10px;
}
.btn-blue-outline:hover{
    background-color: #005073;
    color: white;
}


.blue-outline {
    border-color: #107dac;
    color: white;
}

.img-40px{
    width: 40px;
}
.img-200px{
    width: 200px;
}
/*Cene pravna baza BA*/

.pricingTable{
    padding: 25px 0;
    border: 1px solid #a99362;
    text-align: center;
}
.pricingTable .price-value{
    font-size: 60px;
    font-weight: 800;
    color: #0d3b66;
    letter-spacing: 3px;
    margin-bottom: 30px;
}
.pricingTable .month{
    display: block;
    font-size: 17px;
    font-weight: normal;
    color: #0d3b66;
    letter-spacing: 2px;
    line-height: 10px;
    text-transform: uppercase;
}
.pricingTable .title{
    display: inline-block;
    padding: 15px 40px;
    margin: 0 0 20px 0;
    background: #eee;
    font-size: 20px;
    color: #a99362;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .title{
    background: #a99362;
    color: #fff;
}
.pricingTable .title:before,
.pricingTable .title:after{
    content: "";
    border-right: 26px solid #eee;
    border-top: 26px solid transparent;
    border-bottom: 26px solid transparent;
    position: absolute;
    top: 0;
    left: -26px;
    transition: all 0.3s ease 0s;
}
.pricingTable .title:after{
    border-right: none;
    border-left: 26px solid #eee;
    left: auto;
    right: -26px;
}
.pricingTable:hover .title:before{ border-right-color: #a99362; }
.pricingTable:hover .title:after{ border-left-color: #a99362; }
.pricingTable .pricing-content{
    padding: 0;
    margin: 0 0 25px 0;
    list-style: none;
}
.pricingTable .pricing-content li{
    font-size: 17px;
    color: #0d3b66;
    line-height: 40px;
}
.pricingTable .pricingTable-signup{
    display: inline-block;
    padding: 7px 30px;
    background: #eee;
    font-size: 17px;
    font-weight: 700;
    color: #a99362;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.pricingTable:hover .pricingTable-signup{
    background: #a99362;
    color: #fff;
}
.pricingTable .pricingTable-signup:before,
.pricingTable .pricingTable-signup:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all 0.5s ease 0s;
}
.pricingTable .pricingTable-signup:hover:before{
    background: rgba(255, 255, 255, 0.7);
    left: 60%;
    right: 60%;
    z-index: 1;
}
.pricingTable .pricingTable-signup:hover:after{
    background: rgba(255, 255, 255, 0.7);
    top: 60%;
    bottom: 60%;
}
@media only screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 30px; }
}



/* =================  INFOBOX =================== */
.infobox {

  position: relative;
  min-height: 90px;
  border-radius: 4px;
  margin-bottom: 15px; }

.icon-wrap {
  position: relative;
  display: block;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px; }

.text-wrap {
  overflow: hidden; }


/*  ---------------  infobox rect --------------- */
.infobox-rect .icon-wrap {
  float: left;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.2); }
.infobox-rect .text-wrap {
  padding: 7px 15px; }


.bg-gray, .bg-red, .bg-blue {
  color: #fff !important; }

.bg-green {
  background-color: #edf4e7 !important }



/* reklama */

.btn-pricetag:hover  {
    text-decoration: none;
    color:#fff;
    background-color: #a60006;
}

.btn-pricetag:hover:before {
    border-left: 27px solid #a60006;
}

.btn-pricetag {
    display: inline-block;
  
    width: auto;
    height: 54px;
    
    background-color: #d90008;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    
    border-right: 1px solid #d90008;

    /* This makes room for the triangle */
    margin-left: 0px;
    
    position: relative;
    
    color: white;
    font-weight: 700;
    font-size: 16px;
    line-height: 54px;

    padding: 0 20px 0 20px;

}


/* trougao */
.btn-pricetag:before {
    content: "";
    position: absolute;
    display: block;
    right: -27px;
    width: 0;
    height: 0;
    border-top: 27px solid transparent;
    border-bottom: 27px solid transparent;
    border-left: 27px solid #d90008;
}

/* krug */
.btn-pricetag:after {
    content: "";
    background-color: white;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    right: -12px;
    top: 24px;
}


.btn-pricetag.desktop {
    line-height: 27px;
}


.no-border {
    border: none !important;
}

@media (min-width: 992px) { 
    #kontakt-l:after {
        position: absolute;
        right: 15px;
        top: 0;
        height: 100%;
        width: 1px;
        background: #efefef;
        content: "";
    }  
}


@media (min-width: 1200px) { 
    #kontakt-l:after {
        position: absolute;
        right: 45px;
        top: 0;
        height: 100%;
        width: 1px;
        background: #efefef;
        content: "";
    }  
}



#pretplata {}

#pretplata ul {  list-style: none; }

#pretplata ul li {
    display: block;
}

#pretplata ul li span {
    line-height: 24px;
}

#pretplata ul li .material-icons { 
    color: #a58c5e;
    line-height: 24px;
    float: left;

}

#pretplata .form-group {
    margin-bottom: 0;
}

#pretplata .form-control {
    outline: none;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    border-radius: 0px;
    margin: 0;
    padding: 24px 15px;
    box-sizing: border-box;
    font-size: 13px;
    box-shadow: none;
}

#pretplata .select2-selection--single {
   background: #f2f2f2;
   border: 0;

}

#pretplata .select2-selection__rendered {
    height: 45px;
    line-height: 45px;
    padding-left: 15px; 
}

.select2-container--open .select2-dropdown--below {
    background: #f2f2f2;
    border: 0;
}

.select2-container--open .select2-results__option.select2-results__option--highlighted {
    background-color: #002633;
}

#pretplata .select2-results {

}

#pretplata .select2-results__options {
    background: #f2f2f2;
}

#pretplata button {
    text-transform: uppercase;
    outline: 0;
    background: #002633;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    cursor: pointer;
}

#pretplata button:hover {
    background: #a58c5e;
}

#pretplata .forma-p .col{
    padding: 0px 8px;
}

#pretplata .forma-p .bottom {
    padding: 10px 0 15px 0;
}

#pretplata .forma-p .osnovica, #pretplata .forma-p .pdv {
    color: #002633;
    font-weight: 700;
}

#pretplata .forma-p .ukupno {
    color: #002633;
    font-weight: 700;
    font-size: 24px;
}

#pretplata .forma-p .price {
    font-size: 32px;
    color: #002633;
}

#pretplata .forma-p .price-dec {
    color: #002633;
}

#pretplata .kolicina {
    height: 20px;
    position: absolute;
    right: 0;
    bottom: 50px;
    padding-right: 0;
}

#pretplata .kolicina .btn-counter {
    background-color: #002633;
    width: 20px; height: 20px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    border-radius: 2px;
    transition: 0.3s background-color ease; 
}

#pretplata .kolicina .btn-counter:hover {
    background-color: #a58c5e;
}

#pretplata .kolicina .btn-counter i {
    font-family: "Material Icons" !important;
    /*float: left;*/
    font-size: 18px;
}

#pretplata .kolicina .quantity-input {
    padding: 0 10px;
    font-weight: 700;
    font-size: 16px;
}

#pretplata .err {
    color: #002633;
    display: block;
    font-size: 13px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    text-align: left;
}




#napomena {
    border: 1px solid red;
    padding: 15px;
    margin-bottom: 25px
}

.pull-center {
    text-align: center;
    margin: 0 auto;
}

/*.fas {font-family: "Font Awesome\ 5 Free" !important;}*/
.material-icons {font-family: 'Material Icons' !important;}
.fw-300 { font-weight: 300; }


/* ROKOVNICI */

#prirucnici-stereo .pomoc {
    border: 1px solid #f25818;
    padding: 15px; border-radius: 5px;
}

#prirucnici-stereo .prirucnik-slider {
    position: relative;
}

#prirucnici-stereo .dots-custom {
    min-height: 25px;
    margin-top: 10px;
    margin-bottom: 30px;
    position: relative;
}

#prirucnici-stereo .slick-dots {
    position: absolute;
    left: 0; right: 0; bottom: 0px;
    margin: 0 auto;
    width: 50px;
}

@media screen and (min-width: 992px){

    #prirucnici-stereo .slick-dots {
        position: absolute;
        left: 0; right: 0; bottom: -5px;
        margin: 0 auto;
        width: 50px;
    }
}

/* rokovnici */

#prirucnici-stereo .slick-dots .slick-active button{
    background: #0a2d57;
    position: relative;
}

#prirucnici-stereo .slick-arrow {
    position: absolute;
    z-index: 1000;
    color: #0a2d57;
}

#prirucnici-stereo .slick-arrow:hover {
    color: #f25818;
}

#prirucnici-stereo .slick-arrrow i {

}

#prirucnici-stereo .slick-slide {
    outline: none;
}

#prirucnici-stereo .rok-baner {
    margin: 30px 0 30px 0;
    
}

#prirucnici-stereo .rok-baner img {
    /*-webkit-box-shadow: 0px 15px 26px -14px rgba(0,0,0,0.69);
-moz-box-shadow: 0px 15px 26px -14px rgba(0,0,0,0.69);
box-shadow: 0px 15px 26px -14px rgba(0,0,0,0.69);*/
}

#prirucnici-stereo .slike .pri-preview {
    
}


#preview {
      position: absolute;
      width: 20%;
      border: 1px solid #ccc;
      background: #333;
      padding: 5px;
      display: none;
      color: #fff
    }

#preview img {
    width: 100%;
}


.polje-text {
    padding:10px;
    border:1px solid #C5C5C5;
    background-color: #EDEDED;
    margin:10px 0;
}
.polje-text p {
    margin:10px 0;
}

.dark-red-bold {
    color:#cc0000;
    font-weight:bold;
}


.black-text {
    color: #333;
}

/* fontovi seminara */

.dark-gold-text {
    color:#a99362;
}

.gold-text {
    color:#DABC63;
}

.dark-gray-text {
    color:#7b7b7b !important;
}

.dark-blue-text {
    color:#2D5F98 !important;
    /*color:#162c53 !important;*/
}

.dark-red-text {
    color:#cc0000;
}

.red-text {
    color:#cc0000;
}

.dark-red {
    color:#cc0000;
}

.orange-text {
    color:#f25818;
}

.gray-text {
    color:#333;
}

.d-blue-text {
    color: #092c56;
}

.red {
    color:red;
}

.white {
    color: white !important;
}
.green-text {
    color:#2BBF55;
}
.dark-green-text {
    color:#0F8F33;
}
.blue-text {
    color:#2D5F98 !important;
}



.teme-savetovanja {
    margin:3px;
    color:#2D5F98;
    font-weight: bold;
}

/* pozadina boje */

.gold-background {
    background-color:#DABC63;
    display: block;
    width: auto;
    margin: 15px 0;
    padding: 5px;
    color: #2D5F98;
}

.dark-blue-background {
    background-color:#162c53;
    display: block;
    width: auto;
    margin: 15px 0;
    padding: 5px;
    color: white;
}

.dark-red-background {
    background-color:#cc0000;
    display: block;
    width: auto;
    margin: 15px 0;
    padding: 5px;
    color: white;
}

.white-background {
    background-color: white;
    display: block;
    width: auto;
    margin: 15px 0;
    padding: 15px;
}

.gray-background {
    background-color:#e8e8e8;
    display: block;
    width: auto;
    margin: 15px 0;
    padding: 15px;
    color: #162c53;
}

#arhiva {
    background-color:#1A85BD;
    color: white;
    padding:15px;
    border:2px solid #0850D3;
    font-size:25px;
    margin-bottom: 15px;
    text-align: center;
}

#arhiva p {
    padding:0;
    margin:0;
    font-style: italic;
    font-weight: bold;
}


.strike {
    text-decoration: line-through;
    color: #666;
}

.nasl

#rokovnik-forme .form-group {
    margin-bottom: 0;
}

#rokovnik-forme .form-control {
    outline: none;
    background: #f2f2f2;
    width: 100%;
    border: 0;
    border-radius: 0px;
    margin: 0;
    padding: 24px 15px;
    box-sizing: border-box;
    font-size: 13px;
    box-shadow: none;
}

#rokovnik-forme .err {
    color: #CC0000;
    display: block;
    font-size: 13px;
    padding: 0;
    height: 30px;
    line-height: 30px;
    text-align: left;
}

/* calc */

#rokovnik-forme .bot-2 {
    display: none;
}

#rokovnik-forme  .bottom {
    padding: 10px 0 15px 0;
}

#rokovnik-forme  .osnovica, #rokovnik-forme  .pdv {
    color: #002633;
    font-weight: 700;
}

#rokovnik-forme  .ukupno {
    color: #002633;
    font-weight: 700;
    font-size: 24px;
}

#rokovnik-forme  .price {
    font-size: 32px;
    color: #002633;
}

#rokovnik-forme  .price-dec {
    color: #002633;
}

#rokovnik-forme .kolicina {
    height: 20px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    padding-right: 0;
}

#rokovnik-forme .kolicina .btn-counter {
    background-color: #002633;
    width: 20px; height: 20px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    border-radius: 2px;
    transition: 0.3s background-color ease; 
}

#rokovnik-forme .kolicina .btn-counter:hover {
    background-color: #a58c5e;
}

#rokovnik-forme .kolicina .btn-counter i {
    font-family: "Material Icons" !important;
    /*float: left;*/
    font-size: 18px;
}

#rokovnik-forme .kolicina .quantity-input {
    padding: 0 10px;
    font-weight: 700;
    font-size: 16px;
}

#rokovnik-forme label{
    position: relative;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

#rokovnik-forme label:hover {
    /*color: #282828;*/
    display: inline-block;
}

#rokovnik-forme input[type="radio"]{
    position: absolute;
    right: 9000px;
}

#rokovnik-forme input[type="radio"] + .label-text:before{
    content: "";
    background: transparent;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 16px;
    -webkit-font-smoothing:antialiased;
    display: inline-block;
    margin-right: 10px;
    color: #fff;
    font-size: 20px;
    width: 0px; height: 0px;
    border-radius: 4px;
}

#rokovnik-forme input[type="radio"]:checked + .label-text:before{
    content: "✔";
    color: #fff;
    animation: effect 250ms ease-in;
    width: 16px; height: 16px;
}

#rokovnik-forme input[type="radio"]:disabled + .label-text{
    color: #aaa;
}

#rokovnik-forme input[type="radio"]:disabled + .label-text:before{
    content: "\f0c8";
    color: #ccc;
}

#checkRok .form-check {
    background-color: #a58c5e;
    padding: 15px 0;
    border-radius: 2px;
    text-align: center;
    margin-top: 10px;
}

#checkRok .form-check:hover {
    background-color: #efefef;
    transition: all 0.3s ease;
}

#checkRok .form-check:hover label {
    color: #282828;
    transition: all 0.3s ease;
}

#checkRok .form-check:hover input[type="radio"] + .label-text:before {
    color: #282828;
    transition: all 0.3s ease;
}

#checkRok .form-check:hover input[type="radio"]:checked + .label-text:before {
    color: #282828;
    transition: all 0.3s ease;
}

#izdanja .rok-screen, #izdanja .info-slika img {
    border: 1px solid #efefef;
}

#izdanja .btn-primary { 
    background: #092c56;
    border: 0;
    color: #fff;
    padding: 10px 15px;
    border-radius: 0;
    font-weight: 300;
}


#izdanja .btn-primary:hover { background: #103f77; text-decoration: none; }

#izdanja .prirucnik-desc {
    font-size: 14px;
    margin-top: 30px;
}

#izdanja .naslov-narucivanja {
    text-align: left;
    color: #a58c5e;
}

#izdanja .half-desc {
    margin-top: 15px;
}

#izdanja .book-price {
    color: #282828;
    display: inline-block;
    /*padding: 10px 20px;*/
    /*margin-top: 10px;*/
    font-size: 24px;
}

#izdanja .prirucnik-sadrzaj li{
    list-style: none;
    position: relative;
    margin-top: 10px;
}

#izdanja .prirucnik-sadrzaj li:after {
    content: "✔"; 
    position: absolute; left: -15px; top: 0;
    color: #a58c5e;
}


#izdanja .buy_article_p {
    text-align: center;
}

#izdanja .buy_article {
    background: #092c56;
    color: #fff;
    padding: 10px 15px;
    margin-top: 0px;
    font-size: 16px;
}

#izdanja .buy_article:hover {
    background: #103f77;
    color: #fff;
}

#izdanja .buy_article i {
    margin-right: 5px;
}

#izdanja .red-color {
    color: #E52E2E;
}

#izdanja .gold-color {
    color: #a99362;
}


#izdanja .slick-slide .info-slika img {
    margin: 0px auto;
    display: block;
}

.izdanja-col {
    border-top: 1px solid #a58c5e;
    text-align: center;
    padding-top: 15px;
}

.izdanja .izdanja-img {
    border: 1px solid #efefef;
    border-right: 0;
}

.izdanja .izdanja-info {
    position: relative;
    border: 1px solid #efefef;
}

.izdanja .izdanja-naslov {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}

.izdanja .izdanja-datum {
    text-align: center;
}

.izdanja .izdanja-cijena {
    text-align: center;
    margin-bottom: 30px;
}

.izdanja .izdanja-btn {
    background: #a58c5e;
    color: #fff;
    display: inline-block;
    margin: 60px 0; 
    padding: 10px 15px;
    min-width: 240px;
    text-align: center;
}

@media screen and (min-width: 992px) {
    #izdanja .prirucnik-desc {
        margin-top: 0;
        text-align: left;
    }

    .izdanja .izdanja-img {
        height: 380px;
    }

    .izdanja .izdanja-info {
        border: 1px solid #efefef;
        height: 380px;
    }

    #checkRok p { text-align: center; }

    #checkRok .form-check { margin-top: 0px; }
    
    #izdanja .info-plus {
        text-align: center;
    }

    #slike { float: right; }

    #izdanja .buy_article_p {
        text-align: left;
    }

    #prirucnici-stereo .slick-prev {
        top: 85px;
        right: calc(100% - 120px);
    }

    #prirucnici-stereo .slick-next {
        top: 85px;
        right: 0; 
    }

    #izdanja .slick-slide .info-slika img {
        margin: 60px auto 0 auto;
        display: block;
    }
}




.btn-blue {
    text-transform: uppercase;
    outline: 0;
    background: #002633;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    cursor: pointer;
}

.btn-blue:hover {
    background: #a58c5e;
}

.btn-gold {
    text-transform: uppercase;
    outline: 0;
    background: #a99362;
    width: 100%;
    border: 0;
    padding: 15px;
    color: #FFFFFF;
    font-size: 14px;
    -webkit-transition: background 0.3s ease;
    transition: background 0.3s ease;
    cursor: pointer;
}

.btn-gold:hover {
    background: #002633;
}


.something-semantic {
  display: table;
  width: 100%;
}


.something-else-semantic {
  display: table-cell;
  vertical-align: middle;
}

/* Propisi reklama center i mobile*/

.center-box-ad {
    width: 320px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100000;
    transform: translateY(100%)
}

.center-box-ad.disable {
    transform: translateY(100%) !important;
    transition: all 0.3s ease;
}

.center-box-ad.active {
    transform: translateY(0%) !important;
    transition: all 0.3s ease;
}

/* close dugme za reklame */

.close-ad {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #fff;
    padding: 5px 7px;
    text-align: center;
    color: #272727;
    font-weight: 700;
}



.remove {
    background-color: #cc0000;
    color: #fff;
    height: 30px;
    margin: 5px 0 5px 0 !important;
    border-radius: 2px;
    display: block;
    float: right;
}

/* close dugme za isp-besplatno-reklama*/

.close-desktop-pb, .close-mobile-pb {
    position: absolute;
    color: #000;
    background-color: #fff;
    font-weight: bold;
    font-size: 18px;
    padding-left: 5px; 
    padding-right: 5px;
    display: inline-block;
    -webkit-box-shadow: -19px 18px 19px -17px rgba(0,0,0,0.51);
    -moz-box-shadow: -19px 18px 19px -17px rgba(0,0,0,0.51);
    box-shadow: -19px 18px 19px -17px rgba(0,0,0,0.51);
}


.close-mobile-pb {
    right: 10px; top: 5px;
}

.close-desktop-pb {
    right: -30px;
}


/* bullet youtube */
.bullet-youtube li {
    list-style-position: outside;
    padding: 0;
    margin: 15px 0 15px -5px;
    list-style-type: none;
}
.bullet-youtube li:before {
    content: " ";
    background-image: url("../video-savetovanja/img/icon-yt.png");
    background-repeat: no-repeat;
    padding-right: 20px;
}
.bullet-youtube {
    list-style-position: outside;
    padding: 0;
    margin: 15px 0 15px 15px;
    /*list-style-type: auto;*/
}

/* bullet dash */
.bullet-dash {
    list-style-position: outside;
    padding: 0;
    margin: 15px 0 15px 15px;
    list-style-type: none;
    text-indent: -10px;
}
.bullet-dash li {
    margin: 5px 0;
}
.bullet-dash li:before {
    content: "-";
    background-repeat: no-repeat;
    padding-right: 5px;
}

.ti-5 {
    text-indent: -5px;
}

.ti-10 {
    text-indent: -10px;
}

.ti-15 {
    text-indent: -15px;
}

.ti-20 {
    text-indent: -20px;
}

.ti10 {
    text-indent: -10px;
}

.ti-10 {
    text-indent: -10px;
}


.border {
    border: 1px solid #E3E3E3;
    padding: 15px;
    margin:2px;
}

.width-45 {
    width: 45% !important;
}

#propisi-la li .tt-normal {
    text-transform: none !important;
}
.alert-info-dizajn{
    color: black;
    background-color: #d7e3f7;
    border-top: 10px solid #a99362;
}

.uvuceni {
    text-indent: -1.2em;
    padding-left: 30px;
}





/*Pravna baza*/


@media (max-width: 575.98px) {
    #vreme-tel-konsultacija {
        display: block;
        margin-top: 30px;
    }

    .hide-br-small {
        display: none;
    }
}


@media (min-width: 576px) and (max-width: 767.98px) {
    #vreme-tel-konsultacija {
        display: block;
        margin-top: 30px;
    }

    .hide-br-small {
        display: none;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {

    #pravna-baza .sss{
        display: none !important;
    }

    #vreme-tel-konsultacija {
        display: block;
        margin-top: 30px;
    }

    .hide-br-small {
        display: none;
    }

}


@media (min-width: 992px) and (max-width: 1199.98px) {
    #vreme-tel-konsultacija {
        display: block;
        margin-top: 100px;
    }

    .tel-up {
        margin-top: 30px !important;
        display: block;
    }
}


@media (min-width: 1200px) {
    #vreme-tel-konsultacija {
        display: block;
        margin-top: 100px;
    }

    .tel-up {
        margin-top: 30px !important;
        display: block;
    }
}

.kanc-pozadina {
    background-color: #2b5ba3;
}

.dropdown-menu > li.kanc-pozadina:hover {
    background-color: #19478B !important;
}

.w-40{
    width: 40px;
}

#tabela-pozadina {
    width: 98%;
    background: blue;
    float: left;
    padding: 2px;
    margin: 10px 0;
    text-align: center;
}

.sm, .sm>.tabela-naslov {
    background-color: #006666 !important;
}

.sm, .sm>.tabela-podnaslov {
    background-color: #006666 !important;
}

.sm .tabela-komentar {
    font-size: 14px !important;
}

.sp, .sp>.tabela-naslov {
    background-color: #006600 !important;
}

.sp, .sp>.tabela-podnaslov {
    background-color: #006600 !important;
}

.sp .tabela-komentar {
    font-size: 14px !important;
}

#tabela-pozadina .tabela-komentar {
    padding: 5px 0 5px 0;
    width: 100%;
    background: black;
    color: white;
    font-style: italic;
    font-size: 19px;
    font-weight: bold;
    margin: 0 auto;
}
#tabela-pozadina .tabela-naslov {
    margin: 15px;
    text-align: center;
    background: blue;
    color: #ffe7bf;
    font-weight: bold;
    font-size: 22px;
}
#tabela-pozadina .tabela-podnaslov {
    margin: 15px;
    text-align: center;
    background: blue;
    color: white;
    font-weight: bold;
    font-size: 18px;
}

.dropdown-menu .divider {
    margin: 0 !important;
}