@import url('../DWMjrFonti/Awesome/font-awesome.css');
@import url('../DWMjrFonti/Awesome/font-awesome.min.css');
@import url('../DWMjrFonti/OpenSans/font-opensans.css');
@import url('ZaApp.css');
@import url('../Galerije.css');
@import url('../DWMjr/PopUpOkna.css');


*{font-family: OpenSans, Tahoma, Verdana, arial, helvetica, sans-serif ; box-sizing:border-box;}
label {cursor:pointer;}
input[readonly],
input[readonly='readonly'],
input[readonly='readonly']:focus,
input[readonly]:focus {border-top:none !important; border-left:none !important; border-right:none !important;}
a {
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;

}
:hover{
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.web {display:block;}
.mobi {display:none;}

BODY {  padding:0;
        margin:0;
        color:#000000;
        font-size:20px;
		background-color:#222222;
		width:100%;
		height:100%;}

.fixedWaiter, .ajaxWait {position:absolute; top:25%; left:50%; right:50%; z-index:9999999;}
 
a:link {color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none; }
a:hover {color:#de3026; text-decoration:none;}
a:active {color:#de3026; text-decoration:none;}

H1 {font-size:28px; color:#de3026; font-weight:600;}
H2 {font-size:24px; color:#3871c2; font-weight:600;}
H3 {font-size:22px; color:#3871c2; font-weight:600;}
H4 {font-size:20px; color:#000000;}
H5 {font-size:18px; color:#000000;}

ul {padding:10px; margin:0; font-size:12px; color:#000000;}

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

img {border:0;}

#header {clear:both; position:relative; background-color:#222222;}
	#header_sr {max-width:1200px; width:100%; margin:0 auto; padding:20px 20px; color:#ffffff;}
		#header_sr a:link {color:#ffffff; text-decoration:none;}
		#header_sr a:visited {color:#ffffff; text-decoration:none; }
		#header_sr a:hover {color:#ffffff; text-decoration:none;}
		#header_sr a:active {color:#ffffff; text-decoration:none;}
		
		.logotip_fp a {font-size:50px; color:#ffffff; font-weight:600px;text-transform:uppercase;}
		.logotip_ns {float:left;}
		.logotip_ns a {font-size:50px; color:#ffffff; font-weight:600px;text-transform:uppercase;}
		.pozdrav_ns {float:right;}
		.spodnji_meni_sc {clear:both; float:right; margin-top:20px;}
		.spodnji_meni_sc div {display:inline; margin:20px;}
		.spodnji_meni_sc div a {font-size:20px;font-weight:600px;text-transform:uppercase;}
		.spodnji_meni_sc div a:hover {border-bottom:1px solid #ffffff;}
		.spodnji_meni_sc div.sp_meni_on a {border-bottom:1px solid #ffffff;}

#sredina {clear:both; position:relative;background-color:#ffffff; padding:20px 0 50px 0; min-height:430px;}
	#sredina_sr {max-width:1200px; width:100%; margin:0 auto; padding:20px 20px;}

#footer {clear:both; position:relative;  background-color:#222222;}
	#footer_sr {max-width:1200px; width:100%; margin:0 auto; padding:20px 20px; color:#ffffff; font-size:20px;} 
		#footer_sr a:link {color:#ffffff; text-decoration:none;}
		#footer_sr a:visited {color:#ffffff; text-decoration:none; }
		#footer_sr a:hover {color:#ffffff; text-decoration:none;}
		#footer_sr a:active {color:#ffffff; text-decoration:none;}


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

.ajaxWait {display:none;}

#prijava_pomoc {position:relative; padding:50px 0px 100px 0px;}
#PopUp {position:absolute; background-color:#ffffff; border:1px solid #222; border-radius:5px; width:100%; max-width:450px; z-index:100; padding:10px; top:30px; font-size:14px;}

input[type="submit"] {font-size:26px; padding:10px 40px; background-color:#222; color:#ffffff; font-weight:600; text-transform:uppercase; border:1px solid #222; box-shadow:2px 2px 10px #aaa; border-radius:5px;}
input[type="submit"]:hover {font-size:26px; padding:10px 40px; background-color:#fff; color:#222; font-weight:600; text-transform:uppercase;}

 .b2b_sr {padding-top:40px;}

.PrijavnaStran input[type="text"] {font-size:20px; padding:2px; max-width:350px; max-width:100%;}
.PrijavnaStran input[type="password"] {font-size:20px; padding:2px; max-width:350px; max-width:100%;}
.PrijavnaStran table {margin:50px 0;}
.PrijavnoOkno tr td.opisInPolja {text-align:right !important; font-weight:600;}

/*NAMIZJE*/

.gumbi_dodaj {background-color:#80d47d; color:#fcfcfc; font-size:30px; font-weight:600; text-transform:uppercase; padding:30px 30px; border:1px solid #6aac68; border-radius:5px; display:block; max-width:450px; width:100%; text-align:center; cursor:pointer;}
.gumbi_dodaj:hover {background-color:#4fa74c;}
.gumbi_dodaj::before {content:'\f067'; padding-right:20px; font-family:'FontAwesome';}

.gumbi_pojdi {background-color:#7398db; color:#fcfcfc; font-size:30px; font-weight:600; text-transform:uppercase; padding:30px 30px; border:1px solid #6aac68; border-radius:5px; display:block; max-width:450px; width:100%; text-align:center; cursor:pointer;}
.gumbi_pojdi:hover {background-color:#3b67b7;}
.gumbi_pojdi::before {content:'\f0c9'; padding-right:20px; font-family:'FontAwesome';}
.dodaj_pacienta {float:left; margin:10px;}
.pojdi_spsiek {float:left; margin:10px;}

.pojdi_na  a {display:inline;background-color:#7398db; color:#fcfcfc; font-size:20px; font-weight:600; text-transform:uppercase; padding:5px 10px; border:1px solid #6aac68; border-radius:5px; max-width:50px; width:100%; text-align:center; cursor:pointer;}

/*SPISEK PACIENTOV*/
.sp_kontaktov {width:100%;}
.sp_kontaktov .vpr {width:100px;}
.sp_kontaktov tr td div {max-width:100%;}
.sp_kontaktov tr td input {width:100%;}

.sp_kontaktov .rezultat_vrstica_spiska td {border-bottom:1px solid #222; padding:2px;}
.sp_kontaktov .naslovna_vrstica_spiska td {font-size:14px; font-weight:600; color:#ffffff; background-color:#222; padding:5px;} 
.sp_kontaktov .naslovna_vrstica_spiska td.vpr {text-align:center;} 

.sp_kontaktov .rezultat_vrstica_spiska:hover td {border-bottom:1px solid #222; padding:2px; background-color:#cdcdcd;	
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none; cursor:pointer;}

/*Oblikovanje polj na formah*/

.field_overValue { color: #ff0000; }
.field_underValue { color: #0000ff;}

.nazaj_pac {float:right; margin-top:-20px;}
.nazaj_pac a {text-transform:uppercase; font-variant:small-caps; font-weight:600; font-size:16px;}
.nazaj_pac a:before {content:'\f177'; padding-right:20px; font-family:'FontAwesome'; }


.pos_sklop {border-top:1px solid #000000; border-top-right-radius:10px;}

.pos_pol {clear:both; margin-bottom:30px; width:100%;}
.pos_sklop {clear:both; margin-bottom:50px; width:100%; padding-top:20px;}
.pos_sklop {border-top:1px solid #000000; border-top-right-radius:10px;}

.povezana_polja {margin-left:150px;}
.povezana_polja .opisPolC,
.povezana_polja .opisPol,
.povezana_polja .opisPolCel {font-size:90% !important;}

.opisPolCel {text-align:left; font-size:20px; font-weight:600; padding-right:10px;vertical-align:bottom; margin-bottom:5px;}

.dodaten_opis {display:block; text-align:right; padding-right:10px; width:450px; vertical-align:bottom; font-size:16px; font-weight:500; text-align:right;}

.osnovne_info_pac_ro {border:1px solid #cccccc; padding:10px; float:left; border-radius:10px; background-color:#fafafa;}
.pos_pol_ro {clear:both; margin-bottom:4px; width:100%;}
.opisPolD_ro {display:table-cell; text-align:right; font-size:14px; font-weight:600; padding-right:10px; width:170px; vertical-align:bottom;}
.inputPol_roD {display:table-cell;  max-width:100%; font-size:14px;width:100px; vertical-align:bottom;}
.inputPol_roD input {width:100%; max-width:150px; font-size:14px; padding:2px;margin:1px 0; border-top:none;  border-right:none;  border-left:none;}
.inputPol_ro {display:table-cell;  max-width:100%; font-size:14px; width:370px; vertical-align:bottom;}
.inputPol_ro input {width:100%; max-width:350px; font-size:14px; padding:2px; border-top:none;  border-right:none;  border-left:none;}
.pos_pol_ro .na_enoto {font-size:14px;}

.pojasnila_area {border:1px solid #cccccc; padding:20px;}
.pojasnila {font-size:16px;}
	.opisPolS {display:table-cell; font-weight:800;}

	.opisPol {display:table-cell; text-align:right; font-weight:600; padding-right:10px; width:450px; vertical-align:center;}
	.inputPol, .inputPolL {display:table-cell;  max-width:100%; width:450px; vertical-align:bottom;}

	 span.enota {font-weight:500; font-style:italic;}
	 span.enota:before {content:'[';}
	 span.enota:after {content:']';}
	 span.mini_opomba {font-weight:500; font-size:14px; font-style:italic;}
	.opisPol {}

	 .na_enoto {display:table-cell; text-align:left; font-weight:600; padding-left:0px; width:150px; vertical-align:bottom; font-size:18px;}
	 .obmocje {display:table-cell; text-align:left; font-style:italic; font-weight:500; padding-left:0px; width:140px; vertical-align:bottom; font-size:16px;}
	 .obmocje:before {content:'[';}
	 .obmocje:after {content:']';}


	.inputPol input {width:100%; max-width:430px; font-size:20px; padding:2px;}
	.inputPolD  input {width:100%; max-width:150px; font-size:20px; padding:2px;margin:1px 0;}
	.inputPolDx  input {width:100%; max-width:150px; font-size:20px; padding:2px;margin:1px 0;}
	.inputPol select {width:100%; max-width:430px; font-size:20px; padding:2px;}
	.inputPolD  select {width:100%; max-width:150px; font-size:20px; padding:2px;;margin:1px 0;}
	.inputPolDx  select {width:100%; max-width:150px; font-size:20px; padding:2px;;margin:1px 0;}
	.inputPolD  input[type="checkbox"] {height:25px; width:25px;}
	.inputPol textarea  {width:100%; max-width:430px; min-height:50px; height:auto; font-size:20px; padding:2px;}
	.inputPolL textarea  {width:100%; max-width:430px; min-height:50px; height:auto; min-height:100px; font-size:20px; padding:2px;}
	.inputPolDOpis {display:table-cell;  max-width:100%; width:170px; vertical-align:bottom; font-weight:600;}
	
	label { font-size:20px !important;}
	.opisPolC {display:table-cell; text-align:left; font-weight:600; padding-left:10px; width:100%;}
	.opisPolCD {display:table-cell; text-align:left; font-weight:600; padding-left:10px; width:250px;}
	.opisPolC span {font-weight:500; font-style:italic;}
	.inputPolC {display:table-cell; width:50px; vertical-align:top;}
	.inputPolC  input {height:25px; width:25px;}
	.opisPolCD {display:table-cell; text-align:left; font-weight:600; padding-left:10px; width:450px; vertical-align:center;}

	.opisPolD {display:table-cell; text-align:right; font-weight:600; padding-right:10px; width:170px; vertical-align:center;}
	.inputPolD {display:table-cell;  max-width:100%; width:170px; vertical-align:bottom;}
	.inputPolDx {display:table-cell;  max-width:100%; width:170px; vertical-align:bottom;}
	.opisPolM {display:table-cell; text-align:right; font-weight:600; padding-right:10px; width:210px; vertical-align:center;}
	.opisPolDa {display:table-cell; text-align:right; font-weight:600; padding-right:10px; width:200px; vertical-align:center;}

	.opisPolT {text-align:left; font-weight:600; padding-right:10px; width:100%; vertical-align:bottom;}
	.inputPolT {width:95%; vertical-align:bottom;}
	.inputPolT textarea {display:table-cell;  width:95%; height:70px; vertical-align:bottom; margin:5px 0;}

.pos_sklop1 {clear:both; margin-bottom:50px; width:100%; padding-top:20px;}
.pos_sklop1 {border-top:1px solid #000000; border-top-right-radius:10px; border-bottom:1px solid #000000; border-bottom-left-radius:10px;}
	.izpis_sestevka {float:right; font-size:25px; font-weight:600; padding:5px 10px;}
	.izpis_sestevka input {border:none; font-size:25px; font-weight:600; text-align:center; width:100px; }


span.info_polje:before {content:'\f29c'; padding-right:20px; font-family:'FontAwesome'; font-weight:500; cursor:pointer;}
span.opomba {font-weight:500; font-style:italic; font-size:14px;}


.vprasalniki_pac {padding:50px 0;}
.povezava_vprasalnik {margin:20px 0px;}
.gumb_vprasalnika {display:table-cell; width:600px; cursor:pointer; max-width:calc(100% - 170px);  min-width:250px; padding:20px; border-radius:5px; font-size:24px; font-weight:600;}
.statusi_vpras {display:table-cell; width:170px; padding-left:20px;}
.statusi_vpras i {font-size:50px;}

.statusi_vpras i.fa-check-square-o {font-size:50px; color:#80d47d; cursor:pointer;}
.statusi_vpras i.modri_svincnik {font-size:50px; color:#7398db; cursor:pointer;}
.statusi_vpras i.oranzni_svincnik {font-size:50px; color:#fbae6f; cursor:pointer;}

.oznake_krogi {text-align:center;}
.oznaka_zelena {color:#80d47d; cursor:pointer; text-shadow:1px 1px 3px #bbb;}
.oznaka_oranzna {color:#fbae6f; cursor:pointer; text-shadow:1px 1px 3px #bbb;}
.oznaka_siva {color:#888; cursor:pointer; text-shadow:1px 1px 3px #bbb;}


.vpras_1,
.vpras_2,
.vpras_3,
.vpras_4,
.vpras_5,
.vpras_6,
.vpras_7,
.vpras_8,
.vpras_9,
.vpras_10,
.vpras_11,
.vpras_20,
.vpras_12 {background-color:#b8cef7; border:1px outset #b8cef7;}

.vpras_13,
.vpras_14,
.vpras_15,
.vpras_16,
.vpras_18,
.vpras_19 {background-color:#f7b8bc; border:1px outset #f7b8bc;}

.vpras_17 {background-color:#999; border:1px outset #888;}



	.gumbi_ukazni_b2b {padding-bottom:20px;}
	.gumb_zakljuci_b2b {margin-top:20px; float:left; background-color:#80d47d; color:#fcfcfc; font-size:30px; font-weight:600; text-transform:uppercase; padding:15px 30px; border:1px solid #6aac68; border-radius:5px; display:block; text-align:center;  cursor:pointer;}
		.gumb_zakljuci_b2b:hover {background-color:#4fa74c;}
		.gumb_zakljuci_b2b:before  {content:'\f00c'; padding-right:20px; font-family:'FontAwesome';}
	.gumb_shrani_b2b {margin-top:20px; float:right; background-color:#7398db; color:#fcfcfc; font-size:30px; font-weight:600; text-transform:uppercase; padding:15px 30px; border:1px solid #6aac68; border-radius:5px; display:block; text-align:center;  cursor:pointer;}
		.gumb_shrani_b2b:hover {background-color:#3b67b7;}
		.gumb_shrani_b2b:before  {content:'\f0c7'; padding-right:20px; font-family:'FontAwesome';}

#SpisekPovezanihDokumentov div {}
#SpisekPovezanihDokumentov .NaslovSklopa {display:none;}
#sp_dokumenti_dodaj {float:left;}
	#GumbDodajDokument {float:none !important; margin-top:20px; float:right; background-color:#555555; color:#fcfcfc; font-size:20px; font-weight:600; text-transform:uppercase; padding:15px 30px; border:1px solid #6aac68; border-radius:5px; display:block; text-align:center;  cursor:pointer;}
		#GumbDodajDokument:hover {background-color:#333333;  cursor:pointer;}
		#GumbDodajDokument:before  {content:'\f016'; padding-right:20px; font-family:'FontAwesome';}

.spisekNaslozenihDoc  {float:left; clear:none !important;} 
.SplVrsticaDokumentov {border-top:1px solid #000;  border-bottom:1px solid #000;}
.SplVrsticaDokumentov .mapaDoc,
.SplVrsticaDokumentov .ico_add_task_doc,
.SplVrsticaDokumentov .sp_ikone_doc,
.SplVrsticaDokumentov .VerzijaSplDok,
.SplVrsticaDokumentov .pos_doc_info,
.SplVrsticaDokumentov .vrstaDoc,
.SplVrsticaDokumentov .Ikona2SplDok {display:none !important;}
.SplVrsticaDokumentov .AvtorDokSpl {width:100%; font-size:16px;}
.SplVrsticaDokumentov .posdoc_ikone {max-width:50px !important;}
.SplVrsticaDokumentov .infoUp {min-width:350px !important;}
.slikaThumbnailNew {margin-right:10px !important;}
.osn_doc {
    display: grid;
    grid: auto auto / auto auto !important;}
    
.NaslovSplDok {
    grid-area: 1 / 1 / span 1 / span 1 !important;
    width: 100%;}
	
	.infoUp {
    grid-area: 2 / 1 / span 1 / span 1 !important;
    display: flex;}
	
	.infoUp1 {
    grid-area: 3 / 1 / span 1 / span 3 !important;
    display: flex;}


/* Izvoz */
.opisPoljaIz {font-size:22px; font-weight:600;}
.selectPoljaIz select {font-size:20px; padding:5px; width:100%; max-width:550px;}
.gumb_izvozi a {margin-top:20px; max-width:150px; background-color:#555; color:#fcfcfc; font-size:25px; font-weight:600; text-transform:uppercase; padding:10px 15px; border:1px solid #6aac68; border-radius:5px; display:block; text-align:center;  cursor:pointer;}
.gumb_izvozi a:hover {background-color:#111; color:#fff;}

@media only screen and (max-width : 900px)  {
.gumbi_dodaj {padding:30px 15px;}
.gumbi_pojdi {padding:30px 15px;}
.dodaj_pacienta,
.pojdi_spsiek {float:none; display:block; margin:10px 10px 20px 0 ;}

		.spodnji_meni_sc div {display:inline; margin:20px 0px 20px 25px;}
		.pozdrav_ns {float:none; padding-bottom:20px;}

		.opisPol,
		.opisPolD,
		.opisPolT,
		.opisPolDa,
		.opisPolM {display:block;  text-align:left; width:100%;}

		.inputPol,
		.inputPolL,
		.inputPolDx {display:block; }

		.PrijavnoOkno tr td.opisInPolja {text-align:left !important;}
		.PrijavnoOkno tr td {display:block;}
		.sp_kontaktov .vpr,
		.sp_kontaktov .oznake_krogi {display:none;}
		
/*.web {display:none;}
.mobi {display:block;}

            #header_sr .izbirnik {background-color:#3871c2; color:#ffffff; padding:5px 0; font-size:20px; text-transform:uppercase; cursor:pointer;}      
            #header_sr .izbirnik i {margin-right:20px;}      

            #header_sr .b2b_meni,
            #header_sr .b2b_meni a {position:absolute; right:0px; left:0px; top:30px; opacity:0; width:100%; height:0; font-size:0; padding:0; margin:0;}
            #header_sr .b2b_meni_on {position:absolute; right:1%; left:1%; top:30px; opacity:1; width:98%; height:auto; padding:10px 0px 20px 0px; background:#f1f1f1;  color:#000; z-index:1500; border-top:1px solid #373737;  border-bottom:1px solid #373737;}
            #header_sr .b2b_meni_on a { color:#000;}*/
}