﻿.navbar {
    margin-bottom: 0px !important;
	border: none !important;
}

.breadcrumb {
    padding: 0px !important;
    margin: 0px !important;
    list-style: none !important;
    background-color: #fff !important;
    border-radius: 4px !important;
}

body.skupna-fix {
	font-family:'Work Sans', sans-serif;
	}
	
body.skupna-fix .rowwww,
body.skupna-fix .rowww {
	font-family:Arial, sans-serif !important;
	}
	
.jumbo-bread .container {
    margin-bottom: 0px !important;
}

.jumbo-bread  .fa {
    line-height: 1 !important;
}

.breadcrumb>.active {
    color: #000;
}

a.page1 {
    color: #000;
}

.breadcrumb > li + li::before {
    padding: 0px 8px 0 5px;
    color: #000;
    content: "";
    font-family: fontAwesome;
}

.rowww {
    color: #000;
}

.slider .tooltip-inner {
    color: #000;
}

.rowwww label:before {
    display: none;
}

.rowwww ul.pager li:before {
    content:"" !important;
}

.rowww  .fa {
    line-height: 1.5;
}

@media screen and (max-width: 767px) {
.widget {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.skupna-fix .panel-title {
	font-size:24px;
	}

.skupna-fix .panel-title a:hover {
	color:#ed1c24;
	}
<.panel-group {
     margin-bottom: 0px !important;

}
}
.navbar-default {
    background-image: -o-linear-gradient(top,#fff 0,#fff 100%) !important;
        background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
    background-color:#fff !important;
}

.navbar-default .navbar-nav > li > a, 
.navbar-default .navbar-nav > .open ul > a {
    color: #222 !important;
}

.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
    padding: 0px !important;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover
{
    background-color:rgba(232, 234, 234, 1) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.active {
    margin-bottom:50px;
}

.glyphicon-question-sign{
    color: #ed1c24;
}

#navbar li.active,
.breadcrumb li.active {
    margin-bottom:0px;
}

.jumbotron p {
    font-size: 16px;
}

.mobile-holder .panel-group {
    margin-bottom: 0px;
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
}

.navbar-nav li a:hover {
    color:#ed1c24 !important;
}

.numbers-holder {
    font-size: 16px;
}

.head-page {
    background-color:#fff !important;
    border: 1px solid #bfbfbf !important;
    color: #ed1c24 !important;
}

/*.head-page span {
    color: #ed1c24 !important;
}*/

.back-page {
    border: 1px solid #bfbfbf !important;
}

.radio-inline span {
    font-size:14px !important;
}

.head-page:before {
    border-color: transparent transparent #bfbfbf transparent;
}

.slider .tooltip {
    z-index: 963 !important;
}

.jumbotron .jumbo-red {
    margin-bottom: 0px !important;
}

.content li.next {
    text-indent: 1em !important;
}

.content li.previous {
    text-indent: 0em !important;
}

.modal-content, .modal-content p {
    color: #222;
    background-color: #fff;
}

/*********************

    IZRAČUN GUMBI

**********************/

.izracun-povezava {
    width: 100%;
    background-color: #ed1c24;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    cursor:pointer;
}

.izracun-povezava a {
    color:#fff !important;
}

.izracun-povezava a:hover {
    text-decoration:none;
}

.izracun-povezava a::after {
    content: "";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    margin-left: 10px;
    text-decoration: none;
    color: #fff;
}

@media (max-width: 768px) {
    .izracun-povezava {
        margin-top: -10px;
        margin-bottom: 10px;
    }

	.icon-red-1,
    .icon-red-2,
    .icon-red-3,
    .icon-red-4,
    .icon-red-5,
    .icon-red-6,
    .icon1:hover .icon-red-1,
    .icon2:hover .icon-red-2,
    .icon3:hover .icon-red-3,
    .icon4:hover .icon-red-4,
    .icon5:hover .icon-red-5,
    .icon6:hover .icon-red-6 {
        background-size: 12% !important;
		height: 100px !important;
		background-position: center center !important;
    }

    .icon-red-1 {
		background: url(/assets/default/library/images/skupna1-red.svg);
		background-repeat: no-repeat;
	}

	.icon1:hover .icon-red-1 {
		background: url(/assets/default/library/images/skupna1-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-2 {
		background: url(/assets/default/library/images/skupna2-red.svg);
		background-repeat: no-repeat;
	}

	.icon2:hover .icon-red-2 {
		background: url(/assets/default/library/images/skupna2-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-3 {
		background: url(/assets/default/library/images/skupna3-red.svg);
		background-repeat: no-repeat;
	}

	.icon3:hover .icon-red-3 {
		background: url(/assets/default/library/images/skupna3-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-4 {
		background: url(/assets/default/library/images/skupna4-red.svg);
		background-repeat: no-repeat;
	}

	.icon4:hover .icon-red-4 {
		background: url(/assets/default/library/images/skupna4-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-5 {
		background: url(/assets/default/library/images/skupna5-red.svg);
		background-repeat: no-repeat;
	}

	.icon5:hover .icon-red-5 {
		background: url(/assets/default/library/images/skupna5-white.svg);
		background-repeat: no-repeat;
	}
	
	.icon-red-6 {
		background: url(/assets/default/library/images/skupna6-red.svg);
		background-repeat: no-repeat;
	}

	.icon6:hover .icon-red-6 {
		background: url(/assets/default/library/images/skupna6-white.svg);
		background-repeat: no-repeat;
	}
}

@media (min-width: 769px) and (max-width: 1200px) {
	.icon-red-1,
    .icon-red-2,
    .icon-red-3,
    .icon-red-4,
    .icon-red-5,
    .icon-red-6,
    .icon1:hover .icon-red-1,
    .icon2:hover .icon-red-2,
    .icon3:hover .icon-red-3,
    .icon4:hover .icon-red-4,
    .icon5:hover .icon-red-5,
    .icon6:hover .icon-red-6 {
        background-size: 30% !important;
		height: 100px !important;
		background-position: center center !important;
    }

















	.icon-red-1 {
		background: url(/assets/default/library/images/skupna1-red.svg);
		background-repeat: no-repeat;
	}

	.icon1:hover .icon-red-1 {
		background: url(/assets/default/library/images/skupna1-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-2 {
		background: url(/assets/default/library/images/skupna2-red.svg);
		background-repeat: no-repeat;
	}

	.icon2:hover .icon-red-2 {
		background: url(/assets/default/library/images/skupna2-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-3 {
		background: url(/assets/default/library/images/skupna3-red.svg);
		background-repeat: no-repeat;
	}

	.icon3:hover .icon-red-3 {
		background: url(/assets/default/library/images/skupna3-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-4 {
		background: url(/assets/default/library/images/skupna4-red.svg);
		background-repeat: no-repeat;
	}

	.icon4:hover .icon-red-4 {
		background: url(/assets/default/library/images/skupna4-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-5 {
		background: url(/assets/default/library/images/skupna5-red.svg);
		background-repeat: no-repeat;
	}

	.icon5:hover .icon-red-5 {
		background: url(/assets/default/library/images/skupna5-white.svg);
		background-repeat: no-repeat;
	}
	
	.icon-red-6 {
		background: url(/assets/default/library/images/skupna6-red.svg);
		background-repeat: no-repeat;
	}

	.icon6:hover .icon-red-6 {
		background: url(/assets/default/library/images/skupna6-white.svg);
		background-repeat: no-repeat;
	}
}

@media (min-width: 1200px) {
	.icon-red-1,
    .icon-red-2,
    .icon-red-3,
    .icon-red-4,
    .icon-red-5,
    .icon-red-6,
    .icon1:hover .icon-red-1,
    .icon2:hover .icon-red-2,
    .icon3:hover .icon-red-3,
    .icon4:hover .icon-red-4,
    .icon5:hover .icon-red-5,
    .icon6:hover .icon-red-6 {
        background-size: 21% !important;
		height: 100px !important;
		background-position: center center !important;
    }

















	.icon-red-1 {
		background: url(/assets/default/library/images/skupna1-red.svg);
		background-repeat: no-repeat;
	}

	.icon1:hover .icon-red-1 {
		background: url(/assets/default/library/images/skupna1-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-2 {
		background: url(/assets/default/library/images/skupna2-red.svg);
		background-repeat: no-repeat;
	}

	.icon2:hover .icon-red-2 {
		background: url(/assets/default/library/images/skupna2-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-3 {
		background: url(/assets/default/library/images/skupna3-red.svg);
		background-repeat: no-repeat;
	}

	.icon3:hover .icon-red-3 {
		background: url(/assets/default/library/images/skupna3-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-4 {
		background: url(/assets/default/library/images/skupna4-red.svg);
		background-repeat: no-repeat;
	}

	.icon4:hover .icon-red-4 {
		background: url(/assets/default/library/images/skupna4-white.svg);
		background-repeat: no-repeat;
	}

	.icon-red-5 {
		background: url(/assets/default/library/images/skupna5-red.svg);
		background-repeat: no-repeat;
	}

	.icon5:hover .icon-red-5 {
		background: url(/assets/default/library/images/skupna5-white.svg);
		background-repeat: no-repeat;
	}
	
	.icon-red-6 {
		background: url(/assets/default/library/images/skupna6-red.svg);
		background-repeat: no-repeat;
	}

	.icon6:hover .icon-red-6 {
		background: url(/assets/default/library/images/skupna6-white.svg);
		background-repeat: no-repeat;
	}
}

a.page1 h2 {
    margin-top: 15px;
}

.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
    border-top: 0px solid #ddd !important; 
}

.jumbotron {
    margin-bottom:0px !important
}

.btn-big {
    border: 1px solid #ed1c24;
    /* border-radius: 15px; */
    display: inline-block;
    padding: 5px;
    font-weight: bold;
    width: 100%;
    margin: 0 0 28px;
    background-color: #ed1c24;
    color: #fff;
    text-align: center;
}

.btn-big:hover {
    background-color: #ebebec;
    color: #ed1c24;
    text-decoration:none !important;
}

.modal-content {
    background-color:#eee;
}

.modal-footer a  {
    text-shadow: none;
    background-color: #ed1c24;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 24px;
    border: 1px solid #ed1c24;
    background: #ed1c24;
    border-radius: 0;
}

.modal-footer a:hover  {
    text-shadow: none;
    background-color: #fff;
    color: #ed1c24;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 24px;
    border: 1px solid #ed1c24;
    text-decoration: none;
}

.error,
.Error {
   border:1px solid #ed1c24 !important;
}

.modal-header {
    color:#222;
}

.modal-content .modal-body p {
    background-color:#eee;
}

/*.pager .next button,
.pager li.next a {
    color:#ffffff !important;
    border: 1px solid #a0cd66;
    background-color:#a0cd66;
    cursor:pointer;
}

.pager .next button:hover,
.pager li.next a:hover {
    color:#a0cd66 !important;
    border: 1px solid #a0cd66;
    background-color:#ffffff;
    cursor:pointer;
}*/

.close-modal {
    background-color:#ed1c24;
    text-align:center;
    color:#fff;
    position:absolute;
    top:10px;
    right:10px;
    margin:5px;
    padding:5px 10px;
    border: 1px solid #ed1c24;
    cursor:pointer;
}

.close-modal:hover {
    background-color:#fff;
    color:#ed1c24;
    border: 1px solid #ed1c24;
}
.modal-header {
    border-bottom: 1px solid #eee !important;
}

.slider-text {
    font-size:14px;
}

@media (min-width: 768px) {
    .marRight15 {
        margin-right: 6px;
    }

    .marLeft15 {
        margin-left: 6px;
    }
}

.slider.slider-horizontal {
    width: 75% !important;
}

@media  (max-width: 320px){
	.slider.slider-horizontal {
		width: 100% !important;
	}
    .matrix .row {
        min-height: 50px !important;
    }
}

@media (min-width: 320px) and (max-width: 375px){
	.slider.slider-horizontal {
		width: 54% !important;
	}
    .matrix .row {
        min-height: 50px !important;   
    }
    .slider-negmargin .slider-row {
        margin-left:-30px !important;
        margin-right:-30px !important;
    }
    .skrij-polja-mobile {
        display:none !important ;
    }
}

@media (min-width: 375px) and (max-width: 512px){
	.slider.slider-horizontal {
		width: 67% !important;
	}
    .matrix .row {
        min-height: 50px !important;
    }
}

@media (min-width: 768px) and (max-width: 1200px){
	.slider.slider-horizontal {
		width: 71% !important;
	}
}

@media (min-width: 991px) and (max-width: 1200px){
	.NegPadding button,
    .NegPadding a {
		min-height:62px;
	}
}

@media screen and (max-width: 991px){
    .matxnopadd .row {
        text-align: center !important;
    }
    .MarTopForty {
        margin-top:40px;
    }
}

@media screen and (min-width: 992px){
    .matxpadd {
        text-align: center !important;
        padding-right:10px;
    }
}

.table-responsive {
    border: 0px solid #ddd !important;
}

.print-izpis .fa-print:before {
	color:#ed1c24 !important;
}

.print-izpisB .fa-print:before {
	color:#fff !important;
}

a#showhide {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
    margin-top: 20px;
    cursor:pointer;
}

.no-margin-t {
    margin-top:0px !important;
}

.matrix .row {
    height:30px;
    /*text-align:center;*/
    padding-left:15px;
}

.matrix .row label.radio-inline {
    margin-right:0px;
    margin-top:5px;
    margin-left:15px;
}

.matrix .row input[type="radio"]:disabled {
    cursor:auto;
}

.slider-row-small {
    margin-bottom:30px;
}

/*.matxpadd {
    padding-left:40px !important;
}*/

.rowwww .head-page span {
    font-size: 26px !important;
}

.head-page .fa {
   line-height:1 !important;
}

.matxnopadd {
    padding-left:0px !important;
}

.getbigger .tooltip-inner, 
.matrix .tooltip-inner {
    width: 300px !important;
}

.rezultat-border {
    border-bottom:1px solid #ddd !important;
    padding-bottom:25px;
}

.td-right-v2 {    
    font-size: 13px;
    text-align:center;
    color:#ed1c24;
    background-color:none !important;        
    margin-bottom:10px;
}

.skrij-polja-mobile {
    display:none !important;
}

.rezultat-v2 {
    color:#000;
    font-size:22px;
    text-align:center;
}

@media screen and (min-width: 767px){
    .skrij-polja-desktop {
        display:none !important;
    }
    .skrij-polja-mobile {
        background-color:#ed1c24;
        display:block !important;
    }
    .td-right-v2 {
        background-color: #ed1c24;
        color:#fff;
        font-size: 14px !important;
    }
    .rezultat-v2 {
        font-size:32px;
        margin-top:40px;
        text-align:right;
    }
}

.slider-row .slider-min {
    background-color: #fff;
    border: 1px solid #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 25px;
    float:left;
    padding:0 15px;
    position:relative;
    margin-top:10px;
    left:-37px;
}

.slider-row .slider-min-value {
    height: 40px;
    line-height: 40px;
    padding:0 15px;
}

.slider-row .slider-max {
    background-color: #fff;
    border: 1px solid #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 25px;
    float:right; 
    padding:0 15px;
    margin-top:10px;
    position:relative;
    margin-right:8px;
}

@media screen and (max-width: 441px){
    .slider-row .slider-max {
        margin-right:-27px;
    }
    
}
@media screen and (max-width: 441px){
    .slider-row .slider-max {
        margin-right:-29px;
    }
}
@media screen and (max-width: 991px){
    .slider-row .slider-max {
        margin-right:-11px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1200px){
    .slider-row .slider-max {
        margin-right:18px;
    }
}

.slider-row .slider-max-value {
    height: 40px;
    line-height: 40px;
    padding:0 15px;
}

.arrow2 .tooltip-arrow {
    top: -6px;
    left: 45%;
    margin-right: -5px;
    border-width: 0px 5px 5px;
    border-bottom-color: #fff;
}

.blue {
    background-color:#283a97 !important;
    border-color:#283a97 !important;
}

.blue:hover {
    color:#283a97 !important;
    border-color:#283a97 !important;
    background-color:#EBEBEC !important;
}

.btn-more a {
    float:right;
    color:#fff !important;
    border-color:#ed1c24 !important;
    background-color:#ed1c24 !important;
}

.btn-more a:hover {
    color:#ed1c24 !important;
    border-color:#ed1c24 !important;
    background-color:#EBEBEC !important;
}

#dodatne-moznosti {
    position: absolute;
    top: 50%;
    background-color: #EBEBEC;
    border: 1px solid rgba(0,0,0,.2);
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    z-index: 10000000000;
    margin-top: -500px;
    width:630px;
    left:37%;
    margin-left:-215px;
}

@media screen and (max-width: 550px){
    #dodatne-moznosti {
        top:10%;
        width:330px;
        left:50%;
        margin-left:-165px;
    }
}

.modal-open-2 {
    background-color:rgba(124, 150, 124, 0.5);  
}

.modal-loader-2 {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(124, 150, 124, 0.5);
    top: 0;
    left: 0;
    /* opacity: 0.5; */
    z-index: 1000;
}

.opacitynull {
    opacity:0 !important;
}

/************************

    POPRAVKI 15.11.2016 - REDESIGN FORM ZA CALC

************************/

a.red,
.red {
    color:#ed1c24 !important;
}

a.red {
    text-decoration:underline;
    font-weight:600;
}

a.red:hover {
    text-decoration:none;
}


.black {
    color:#000;
}

.text-medium {
    font-size:20px;
}

.text-medium-big {
    font-size:25px;
}

.text-big {
    font-size:28px;
}


.btn-big .fa {
    font-size:17px;
}

.line-height-40 {
   line-height:40px;
}

.slider-row-medium {
   margin-bottom:40px;
}

.slider-row-medium-w-border {
   margin-left: 0px;
   margin-right:0px;
}

.BorBott {
   border-bottom:1px solid #bfbfbf;
}

.BorTop {
   border-top:1px solid #bfbfbf;
}

.pBottThirty {
   padding-bottom:30px;
}

.pTopThirty {
   padding-top:30px;
}

.mRightFifteen {
   margin-right:15px;
}

.fSizeTwenty {
   font-size:20px;
}

h2.h3 {
   font-size:16px;
}

.invert {
    background-color:#ebebec !important;
    color:#ed1c24 !important;
}

.invert:hover {
    background-color:#ed1c24 !important;
    color:#fff !important;
}

.NegPadding {
   padding-left: 0px;
   padding-right:5px;
}





.head-page.no-title {
    border: 0px solid #bfbfbf !important;
    padding:0px 35px;
}

.head-page.no-title:after {
    border-color: transparent transparent #EBEBEC transparent;
    border-bottom-color:#EBEBEC;
    z-index:100;
}

.neg-mar-top .back-page {
    margin:-1px 0 0 0;
}

.tooltip .tooltip-inner:hover {
    border: 0px red solid;
    pointer-events:none;
}

/*.head-page.head-arrow4 {
    border: 0px solid red;
    padding: 0;
}

.head-page.head-arrow4 .back-page {
    border: 0px !important;
}

.head-page.head-arrow4:after {
    border-color: transparent transparent #EBEBEC transparent !important;
}

.head-page.head-arrow4 .rowww .fa {
    line-height: 1.5 !important;
}

.rowwww .head-page.head-arrow4 span {
    font-size: 14px !important;
}

.head-pagehead-arrow4 span {
    color: #000000 !important;
}

.head-page.head-arrow4 .back-page .black,
.head-page.head-arrow4 .back-page .fa-calculator {
    font-size: 26px !important; 
}*/