@import url('Shop.css');
@import url('Kosarica.css');
@import url('B2BShop.css');
@import url('../Galerije.css');
@import url('../SplosneStrani.css');
@import url('../DWMjrFonti/Montserrat/Montserrat.css');
@import url('../DWMjrFonti/Roboto/font_roboto.css');
@import url('../DWMjrFonti/Awesome/font-awesome.css');
/* @import url('../DWMjr/B2B/Servis.css'); */

.fixedWaiter {position:fixed; top:25%; left:50%; right:50%;}

/* rdeča #c90000 */
* {box-sizing:border-box;}
BODY {
        padding:0px;
        margin:0;
        font-family: 'Roboto', sans-serif ;
        color:#000000;
        font-size:16px;
        text-align:left;
        background-color:#4b4b4b;
    
}

P {
        font-family: 'Roboto', sans-serif ;
        font-size:16px;
        color:#000000;
}
input, select, textarea {font-family: 'Roboto', sans-serif ; font-size:20px;}

A {color:#c90000; text-decoration:none;}
A:visited {color:#c90000; text-decoration:none;}
A:hover {color:#000000; text-decoration:none;}
A:active {color:#000000; text-decoration:none;}

H1 {font-size:24px; color:#000000; font-family: 'Montserrat', sans-serif ;}
H2 {font-size:22px; color:#c90000; font-family: 'Montserrat', sans-serif ;}
H3 {font-size:20px; color:#000000;}

ul {padding:10px; margin:0; color:#000000;}

ul li {list-style-type:disc;}

img {border:0;}

.skrij, .mobi {display:none;}
#pozicija {
        position:relative;
        width:100%;
        min-height:100%;
}
#header {
        position:relative;
        width:100%;
        height:150px;
		border-bottom: 1px solid #a2a2a2;
            background-color:#ffffff;

}
	
	#header_poz {
        position:relative;
        max-width:1300px;
        height:150px;
		padding:0px 20px;
		margin:0 auto;}
		.header_meni_mobil, .spodnji_meni_mobil, .leva_mob_kat {display:none;}
		.spl_header {width:100%;}
		.logo {float:left;}
		.logo img {max-height:100px; width:auto; margin-top:20px;}
		.pozdrav_ns {float:right; margin-top:20px;}
		.spodnji_meni_sc {clear:right; float:right; margin-top:20px; display:flex;}
		.spodnji_meni_sc div {padding:10px 5px; margin-left:10px;}
		.spodnji_meni_sc div a:first-letter {text-transform:uppercase;}
		.spodnji_meni_sc div a {color:#333333; text-decoration:none;  font-size:18px;}
		.sp_meni_on {border-bottom:2px solid #c90000;}
		.sp_meni_off:hover,
		.sp_meni_on:hover {border-bottom:2px solid #c90000;}

		
#sredina {
        position:relative;
        width:100%;
        padding:0px;
        margin:0px;
        background-color:#ffffff;
}
    
    #sredina_poz  {
        position:relative;
        max-width:1300px;
        min-height:800px;
		padding:20px;
        height:100%;
		margin:0 auto;}

#footer {
        position:relative;
        width:100%;
        height:150px;
		background-color:#4b4b4b;}
	
	#footer_poz {
        position:relative;
        max-width:1300px;
		padding:50px 20px;
		margin:0 auto;
		color:#ffffff;}
	#footer_poz p,
	#footer_poz a,
	#footer_poz span {color:#ffffff;}


.Clear {clear:both;}
.clear {clear:both;}

.ajaxWait {display:none;}

/*Prijavna stran*/
.PrijavnoOkno {margin:20px auto; max-width:550px; width:100%;}
.PrijavnoOkno tr td {padding:10px 5px;}
.PrijavnoOkno tr td:first-child {font-size:18px; font-weight:600;}
.PrijavnoOkno tr td input[type="text"],
.PrijavnoOkno tr td input[type="password"],
.PrijavnoOkno tr td input[type="text"]:focus,
.PrijavnoOkno tr td input[type="password"]:focus {
        font-size:18px; 
        font-weight:600; 
        padding:2px; 
        width:100%; 
        max-width:300px;
        border-top:none !important;
        border-left:none !important;
        border-right:none !important;
        border-bottom:2px solid #1c2023;
}

/*Gumbi*/
input[type="button"],
input[type="submit"],
.gumb_ukazni a {
		border:1px outset #1c2023;
		background-color:#1c2023;
        color:#ffffff;
        font-size:20px;
        font-weight:600;
        padding:5px 15px;
        cursor:pointer; 
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
}

input[type="button"]:hover,
input[type="submit"]:hover,
.gumb_ukazni a:hover {
		border:1px inset #1c2023;
		background-color:#ffffff;
        color:#1c2023;
        font-size:20px;
        font-weight:600;
        padding:5px 15px;
        cursor:pointer;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
}

	
	.PopUpCon {
		position:absolute;
		z-index:1;
		width:400px;
		margin:20px 0 0 50px;
		padding:10px 20px 20px 20px;
		border-bottom-left-radius:20px;
		border-top-right-radius:20px;
		border-bottom-right-radius:20px;
		background-color:#ffffff;
		border:1px solid #cccccc;
		box-shadow:8px 8px 15px #aaaaaa;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
	}
/*Pop up help*/
.PopUpBubble_pomoc {
		position:relative;
		z-index:1;
		width:auto;
		margin:10px 10px 0 0;
		padding:10px 20px 10px 20px;
		border-bottom-left-radius:10px;
		border-top-right-radius:10px;
		border-bottom-right-radius:10px;
		background-color:#ffffff;
		border:1px solid #cccccc;
		box-shadow:5px 5px 15px #aaaaaa;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;
	}
	
	

table {width:100%;}
.b2bNaslovnaVrstica td {background-color:#1c2023; color:#ffffff; font-weight:600; border-top-left-radius:10px; padding:3px 5px 3px 10px;}
.prazna_vrstica td {border-bottom:1px dotted #1c2023;}
.IskalnaVrstica td select {width:100%; box-sizing:border-box; padding:2px; font-size:16px;}
.IskalnaVrstica td input {width:100%; box-sizing:border-box; padding:2px; font-size:16px;}

.VrsSporocilaSpisek:hover {cursor:pointer; background-color:#efefef;}
.VrsSporocilaSpisek:hover td:last-child {cursor:pointer; background-color:#ffffff;}
.VrsSporocilaSpisek:hover td:last-child:hover {cursor:pointer; background-color:#cfcfcf;}
.ukazi_vrstic a {
    background-color:#cccccc;
    border-radius:10px;
    border:1px outset #cccccc;
    padding:2px 15px;
    font-size:14px;
    color:#666666;
    text-align:center;
}
.ukazi_vrstic a:hover {
    background-color:#cfcfcf;
    border:1px inset #cccccc;
    color:#222222;
}
.ukazi_vrstic {min-height:30px; padding:2px; box-sizing:border-box;}

.nabiralnik_ukazi a {float:left; margin:10px 10px;}
.nabiralnik_ukazi a {
    background-color:#c90000;
    border-radius:5px;
    border:1px outset #c90000;
    font-weight:600;
    padding:10px 20px 10px 10px;
    color:#ffffff;
}
.nabiralnik_ukazi a:hover {
    background-color:#333333;
    border:1px inset #333333;
    color:#ffffff;
}

.nabiralnik_ukazi a#LinkSplDodaj:before {content: "\f067"; font-size:16px; font-family:'FontAwesome'; padding-right:10px;}
.nabiralnik_ukazi a#LinkSplOsvezi:before {content: "\f021"; font-size:16px; font-family:'FontAwesome'; padding-right:10px;}
.nabiralnik_ukazi a#LinkSplZbrisi:before {content: "\f0b0"; font-size:16px; font-family:'FontAwesome'; padding-right:10px;}
.nabiralnik_ukazi a #PrejetoApp:before {content: "\f0e0"; font-size:16px; font-family:'FontAwesome'; padding-right:10px;}
.nabiralnik_ukazi a #PoslanoApp:before {content: "\f2b6"; font-size:16px; font-family:'FontAwesome'; padding-right:10px;}

.ico_brisi_mail_b2b::before {
    content: ''; 
    background-image: url("https://c.inmaster.si/DeskWM/DwmJR/B2B/email_brisi.png"); 
    display: inline-block;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width:26px;
    height:26px;
}


.ico_neprebran_mail_b2b::before {
    content: ''; 
    background-image: url("https://c.inmaster.si/DeskWM/DwmJR/B2B/email_neprebran.png"); 
    display: inline-block;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width:26px;
    height:26px;
}  

.ico_nov_mail_b2b::before {
    content: ''; 
    background-image: url("https://c.inmaster.si/DeskWM/DwmJR/B2B/email_nov.png"); 
    display: inline-block;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width:26px;
    height:26px;
}  
.ico_odprt_mail_b2b::before {
    content: ''; 
    background-image: url("https://c.inmaster.si/DeskWM/DwmJR/B2B/email_odprt.png"); 
    display: inline-block;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width:26px;
    height:26px;
} 

.ico_odgovor_mail_b2b::before {
    content: ''; 
    background-image: url("https://c.inmaster.si/DeskWM/DwmJR/B2B/email_odgovor.png"); 
    display: inline-block;
    background-size: 26px 26px;
    background-repeat: no-repeat;
    width:26px;
    height:26px;
} 

.dokumenti_ukazi2, .g_shrani {display:none;}

.prikazi {display:block;}
.ne_prikazi {display:none;}

.info_b2b {padding:20px; font-size:20px; font-weight:600;}

.vpis_pol {margin:10px 0;}
.opis_vpisa {font-weight:600;}
.input_vpisa input {width:100%; font-size:20px; padding:4px 2px; }
.input_vpisa_datum input {width:200px; font-size:20px; padding:4px 2px; }
.text_vpisa textarea {width:100%; height:150px;  font-size:20px; padding:4px 2px; }
.upload_vpisa {margin:20px 0;}
.upload_vpisa {float:left; border:1px inset #1c2023;
		background-color:#ffffff;
        color:#1c2023;
        font-size:20px;
        font-weight:600;
        padding:5px 15px;
        cursor:pointer;
        -webkit-transition: all .35s ease-in-out;
        transition: all .35s ease-in-out;}
 
 .wizIzbirnik div:hover,
 .wizIzbirnik1 div:hover,
 .wizIzbirnik div,
 .wizIzbirnik1 div,
label {cursor:pointer;}

.ui-autocomplete-loading {background: white url("/P/ajax-loader22.gif") right center no-repeat;}
.opcija label {display:block; font-size:20px; font-weight:600;}
.opcija select {font-size:20px; font-weight:500; padding:5px 2px; margin:0 0 20px 0; width:100%; max-width:450px;}

.wizfiltri1 {clear:both; padding:10px 0; border-top:1px solid #000000; margin-top:20px; display:block;}

	
.posam_artikel {display:flex; width:100%; border-bottom:1px solid #a2a2a2; padding:5px 0; align-items: center;}
.naziv_artikel {font-weight:600; padding-right:20px; width:100%;}
p.id_artikel {font-size:12px; font-style:italic; font-weight:400; padding:5px 0; margin:0;}
p.opomba {font-size:14px; padding:5px 0; margin:0;}
p.opomba input {font-size:16px; padding:2px; margin:0; min-width:200px; max-width:500px; width:100%;}
.dodatki {padding:0 10px; min-width:240px; white-space:nowrap;} 
.dodatki div {margin:2px 0;} 
.dodatki div .cena_dodatka {font-weight:600; margin-left:5px;}
.dodatki div .cena_dodatka:before {content:' + ';}

.dodatki div input {width:20px; height:20px;} 
.cena_artikel {font-weight:600; padding:0 10px; min-width:150px; text-align:right;} 
.kol_artikel {padding:0 20px; min-width:100px;}
.kol_artikel input {width:70px; font-size:20px; padding:2px; text-align:center;}

.kos_artikel {min-width:120px; margin:0 auto;}
.kos_artikel a {
    background-color:#c90000;
    border-radius:5px;
    border:1px outset #c90000;
    font-weight:600;
    padding:5px 20px 5px 10px;
    color:#ffffff;
}
.kos_artikel a:hover {
    background-color:#333333;
    border:1px inset #333333;
    color:#ffffff;
}

.cartTable {}
.cartNasVrs {font-size:18px; font-weight:600; text-spacing:1px;}
.cartNasVrs td {padding:5px 2px; background-color:#efefef;}
.cartVrs td {padding:5px 2px;  border-bottom:1px solid #efefef;}
.cartVrs td div.cartVrsOpomba:before {padding-right:10px; content: "\f044"; font-size:16px; font-family:'FontAwesome'; color:#48b24b;}
.cartVrsSkupaj td {padding:10px 2px;  border-bottom:3px double #efefef;}
.cartVrsSkupaj td {padding:10px 2px;  border-top:1px solid #efefef; font-size:18px; font-weight:600; text-spacing:1px;}

.brisi_znak:before {padding-right:10px; content: "\f00d"; font-size:20px; font-family:'FontAwesome'; color:#c90000;}
.por_desno {text-align:right;}
.por_sredina {text-align:center;}

.naslovHamNarocila {font-size:18px; font-weight:600; text-spacing:1px;}
.naslovHamNarocila td {padding:7px 2px; background-color:#efefef;}
.vrsHamNarocilo td {padding:7px 2px;  border-bottom:1px solid #efefef;}



.uk_gumbi_nar {display:flex;  flex-wrap: wrap; justify-content:right;}
.link_sn {min-width:150px; border:1px solid #c90000; padding:5px 20px; margin:3px 10px; border-radius:5px;}
.link_sn:hover {border:1px solid #333333;}

/*dokler se ne naredi*/
.sn_1 {display:none;}

.izpis_napake {font-size:18px; font-weight:600;}

.wizSlikaKategorije {float:left; margin:0 20px;}

.opisExtraNarocila {width:600px; height:50px; max-width:100%; padding:5px;}
.classKomentarZaSpiske1 {width:600px; height:350px; max-width:100%; padding:5px;}

.vezenje {color: #c90000; border-top: 2px solid #c90000; border-radius:5px;}
.dodaj_zeljen_izgled .NaslovSklopa {display:none;}
.dodaj_zeljen_izgled  #GumbDodajDokument {display: block;}
.dodaj_zeljen_izgled .bg_vrstice2 {border:1px solid #cccccc; padding:10px;}

.dodaj_zeljen_izgled .mapaDoc {display:none;}
.dodaj_zeljen_izgled .vrstaDoc {width:0px !important;}

.opis_dodajanja {font-size:20px; color:#555555; padding:10px 10px 0 10px ; font-weight:600;}

.dodaj_zeljen_izgled  .slikaThumbnailNew img,
.dodaj_zeljen_izgled  .slikaThumbnailNew img:hover {position:relative !important;  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;}
  
.extraTopic {font-size:20px; font-weight:500; padding:5px 2px; margin:0 0 20px 0; width:100%; max-width:450px; height:100px;}
.extraTopic textarea {height:90px;}
.wizKolExtra {clear:both; float:right; padding-bottom:10px;}
.wizIzbirnik5 {display:flex;  flex-wrap: wrap;}
.wizIzbirnik5 label {font-size:20px; font-weight:600; margin-top:10px;}
.Kolicina1 {width:100px; height:40px; font-size:30px; bottom:0; right:0;}

.vezenje .dodaj_zeljen_izgled {float:left; margin:20px 0 0 0;}
.vezenje .SplVrsticaDokumentov {max-width:600px !important;}
.vezenje .posdoc_ikone {max-width:50px !important;}
.vezenje .osn_doc {
    display: grid;
    grid: auto auto auto/ auto 50px !important; }
.vezenje .opombaZaSpisek {float:right; margin:100px 0 10px 0;}
.vezenje .opombaZaSpisek .classKomentarZaSpiske {width:400px; height:150px; max-width:100%; padding:5px;}

.opombaZaSpisek1 {display:none;}
.opomba {display:none;}

.povzetekNarocila td {background-color:#fafafa;}

@media only screen 
and (max-width : 1000px)  {
.mobi {display:block;}	
.spodnji_meni_sc, .leva_kat {display:none;}
.spodnji_meni_mobil, .leva_mob_kat {display:block; float:right; clear:right;}
	.spodnji_meni_mobil .izbirnik {position:absolute; color:#c90000; right:10px; bottom:20px; font-size:40px; text-transform:uppercase; cursor:pointer; z-index:10;}      
	.spodnji_meni_mobil .izbirnik i {margin-right:20px; z-index:10;}      
	.spodnji_meni_mobil .izbirnik i:before {z-index:10;}      

	.spodnji_meni_mobil  .b2b_meni,
	.spodnji_meni_mobil  .b2b_meni a {position:absolute; right:0px; left:0px; top:150px; opacity:0; width:100%; height:0; font-size:0; padding:0; margin:0;}
	.spodnji_meni_mobil  .b2b_meni_on {position:absolute; right:1%; left:1%; top:70px; opacity:1; width:97%; height:auto; padding:20px; background:#ffffff; z-index:9; border:1px solid #a2a2a2; border-radius:10px; box-shadow:5px 10px 10px #a2a2a2; box-sizing:border-box;}
	.spodnji_meni_mobil  .b2b_meni_on a {display:block; color:#333333; text-decoration:none; text-transform:uppercase; font-size:18px; margin:20px 0;z-index:9;}

     .kategorije_ps .KategorijePS:nth-child(2) {margin-right:0px !important;}
     .kategorije_ps .KategorijePS:nth-child(3n+0) {clear:both;}
     .prikazKategorijM .wrapArtikla {color:#333; display:block; float:left; margin-bottom:20px;}
    .prikazKategorijM .wrapArtikla:nth-child(2n+0) .prikazArtikla {margin-right:0px !important;}
}
@media only screen 
and (max-width : 900px)  {
	.wizfiltri1 {display:flex; flex-wrap: wrap; width:100%;}
	.wizIzbirnik1, .wizIzbirnik2 {min-width:100%; padding:20px 0;}
	.posam_artikel {flex-wrap: wrap; }
	.vezenje .opombaZaSpisek {float:right; margin:20px 0 10px 0;}
}

@media only screen 
and (max-width : 600px)  {
	.wizfiltri .wizIzbirnik {min-width:100%; padding-left:0px !important;}
	.wizSlikaKategorije {clear:both;}
	.wizKolExtra {clear:both;}
}