@charset "utf-8";
/* CSS Document */
body {font-family:'Inter', Arial, Helvetica, sans-serif;margin:0;padding:0;font-size:16px;font-weight:400;background: #ffffff;color:#0A0A0A;min-width:320px;}
@media screen and (min-width: 639px)
{
	body {background: #0E365C;background: linear-gradient(0deg,rgba(14, 54, 92, 1) 0%, rgba(33, 145, 205, 1) 100%);}
}
input:-internal-autofill-selected {background:none;}
* {margin:0;padding:0;box-sizing:border-box;}
img {border:0;outline:none;}
a {text-decoration:none;outline:none;}
button, .submit {display:block;outline:none;border:none;cursor:pointer;font-family:'Inter', Arial, Helvetica, sans-serif;background:none;color:inherit;}
button, input, textarea {font-family:'Inter', Arial, Helvetica, sans-serif;}
li {display:block;padding:0px;margin:0px;list-style:none;}
*::selection {background:none;color:inherit;}
img::selection {background:none;}
#default {display:block;position:fixed;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;width:100%;height:100%;}
#default-hold {display:block;position:fixed;z-index:-1;}
@media screen and (max-width: 479px)
{
	body {font-size:15px;}
	#default-hold {width:10px;}
}
@media screen and (min-width: 479px)
{
	body {font-size:15px;}
	#default-hold {width:50px;}
}
@media screen and (min-width: 639px)
{
	#default-hold {width:150px;}
}
@media screen and (min-width: 777px)
{
	#default-hold {width:250px;}
}
@media screen and (min-width: 959px)
{
	body {font-size:16px;}
	#default-hold {width:350px;}
}
@media screen and (min-width: 1169px)
{
	#default-hold {width:450px;}
}
@media screen and (min-width: 1399px)
{
	#default-hold {width:550px;}
}
@media screen and (min-width: 1639px)
{
	#default-hold {width:650px;}
}
@media screen and (min-width: 1919px)
{
	#default-hold {width:750px;}
}
@media screen and (min-width: 2299px)
{
	#default-hold {width:850px;}
}

/* Transition */
p.cancel,
button, button:hover,
input, input:focus, input:hover, textarea, textarea:focus,
a, a img, a::before, a::after
	{transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-moz-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-webkit-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;-o-transition:color 0.3s, background 0.3s, border 0.3s, opacity 0.3s;}
a svg, button svg
	{transition:fill 0.3s;-moz-transition:fill 0.3s;-webkit-transition:fill 0.3s;-o-transition:fill 0.3s;}

/* clear */
.hold {margin:auto;width:88%;min-width:300px;max-width:1640px;box-sizing:border-box;}
	*.hold::after {display:block;clear:both;content:" ";line-height:0px;height:0px;}
	*.clear::after {display:block;clear:both;content:" ";line-height:0px;height:0px;}

/* def */
*.lazy {background:url(../../file/loader-32.gif) center no-repeat;}
*.lazy.lazy-on {background:none;}
*.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
	*.zoom-5 {-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
	*.zoom-5:hover {-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
	*.zoom-5-shadow {transition:transform 0.5s, box-shadow 0.5s;-moz-transition:transform 0.5s, box-shadow 0.5s;-webkit-transition:-webkit-transform 0.5s, box-shadow 0.5s;-o-transition:transform 0.5s, box-shadow 0.5s;}
	*.zoom-5-shadow:hover {-ms-transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);transform: matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-box-shadow:0px 1px 12px rgba(0,0,0,0.1);box-shadow:0px 1px 12px rgba(0,0,0,0.1);}
*.butonon {font-size:1em;box-sizing:border-box;line-height:1.2em;padding:1.4em 1.25em;color:#ffffff;background:#E24C0B;-moz-border-radius:1em;border-radius:1em;cursor:pointer;letter-spacing:-0.02em;height:4em;}
	*.butonon:hover {background:#930C0C;}

/* animst */
.an-left.an-off {-ms-transform: matrix(1, 0, 0, 1, -90, 0);-webkit-transform: matrix(1, 0, 0, 1, -90, 0);transform: matrix(1, 0, 0, 1, -90, 0);filter:alpha(opacity=0);opacity:0;}
.an-zoom.an-off {-ms-transform: matrix(0.8, 0, 0, 0.8, 0, 0);-webkit-transform: matrix(0.8, 0, 0, 0.8, 0, 0);transform: matrix(0.8, 0, 0, 0.8, 0, 0);filter:alpha(opacity=0);opacity:0;}
.an-up.an-off {-ms-transform: matrix(1, 0, 0, 1, 0, 60);-webkit-transform: matrix(1, 0, 0, 1, 0, 60);transform: matrix(1, 0, 0, 1, 0, 60);filter:alpha(opacity=0);opacity:0;}
.an-fade.an-off {filter:alpha(opacity=0);opacity:0;}
.animst.an-left, .animst.an-zoom, .animst.an-up {transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
.animst.an-fade {transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}

/* animst */
*.lo-ready {transition:background 1.5s;-moz-transition:background 1.5s;-webkit-transition:background 1.5s;-o-transition:background 1.5s;}
	body.ready *.lo-ready {background:none;}
*.f-ready {filter:alpha(opacity=0);opacity:0;transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}
	body.ready *.f-ready {filter:alpha(opacity=100);opacity:1;}
.an-diz.an-off {-ms-transform: matrix(1, 0, 0, 1, 0, 60);-webkit-transform: matrix(1, 0, 0, 1, 0, 60);transform: matrix(1, 0, 0, 1, 0, 60);filter:alpha(opacity=0);opacity:0;}
.an-diz {transition:transform 1.5s, opacity 1.5s;-moz-transition:transform 1.5s, opacity 1.5s;-webkit-transition:-webkit-transform 1.5s, opacity 1.5s;-o-transition:transform 1.5s, opacity 1.5s;}
.an-fade.an-off {filter:alpha(opacity=0);opacity:0;}
.an-fade {transition:opacity 1.5s;-moz-transition:opacity 1.5s;-webkit-transition:opacity 1.5s;-o-transition:opacity 1.5s;}

/* background */
#background {position:fixed;z-index:1;width:100%;height:100%;top:0%;left:0%;background: #ffffff;}
@media screen and (min-width: 639px)
{
	#background {background: #0E365C;background: linear-gradient(0deg,rgba(14, 54, 92, 1) 0%, rgba(33, 145, 205, 1) 100%);}
}

/* logo */
#logo {position:fixed;z-index:2;width:0em;height:0em;overflow:visible;top:50%;}
#logo svg {fill:#ffffff;position:absolute;z-index:2;width:1em;left:0%;top:0%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
@media screen and (max-width: 639px)
{
	#logo {display: none;}
}
@media screen and (min-width: 639px) and (max-width: 1169px)
{
	#logo {left:170px;font-size:234px;}
}
@media screen and (min-width: 1169px)
{
	#logo {left:calc(25% - 120px);font-size:20vw;}
}
@media screen and (min-width: 1639px)
{
	#logo {left:calc(50% - 530px);font-size:328px;}
}

/* side */
#side {position:fixed;z-index:2;width:0em;height:0em;overflow:visible;top:50%;display: none;}
#side .in {position:absolute;z-index:2;width:1em;height:0.28831168em;overflow:visible;margin:-0.14415584em -0.5em;}
#side .in ul {position:absolute;z-index:2;width:100%;top:100%;display: flex;justify-content:center;margin-top:-0.5em;gap:0.75em;}
#side .in li {width:1em;height:1em;position:relative;}
#side .in li a {display: block;position:absolute;z-index:2;width:1em;height:1em;top:0em;left:0em;}
#side .in li svg {display: block;position:absolute;z-index:2;width:1em;height:1em;top:0em;left:0em;fill:#ffffff;}
#side .in li a:hover svg {fill:#ebe955;}
@media screen and (max-width: 1169px)
{
	#side {display: none;}
}
@media screen and (min-width: 1169px)
{
	#side {left:calc(75% + 120px);font-size:20vw;}
	#side .in ul {font-size:20px;}
}
@media screen and (min-width: 1639px)
{
	#side {left:calc(50% + 530px);font-size:328px;}
}

/* content */
#content {position:fixed;z-index:100;width:100%;height:100%;background:#f7f7f7;top:0%;left:0%;overflow: hidden;}
#content.background-none {background: none;}
@media screen and (min-width: 639px)
{
	#content {border-radius:2em;top:50%;left:50%;width:90vw;max-width: 480px;height:90vh;max-height:840px;box-shadow:0px 3px 60px rgba(0,0,0,0.25);-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
}

/* header */
header {display: block;position:absolute;z-index:400;width:100%;height:1em;top:0%;left:0%;box-shadow:0px 0px 12px rgba(0,0,0,0.25);font-size:72px;background:#2193CF;color:#ffffff;-o-transition:box-shadow 0.5s;-moz-transition:box-shadow 0.5s;-webkit-transition:box-shadow 0.5s;transition:box-shadow 0.5s;}
header.no-shadow {box-shadow:0px 0px 0px rgba(0,0,0,0);}
header .back {display: block;position:absolute;z-index:400;width:0.25em;height:0.25em;left:0.25em;top:0.375em;}
header .back a, header .back span {display: block;position:absolute;z-index:400;width:100%;height:100%;}
header .back svg {display: block;position:absolute;z-index:400;width:0.25em;height:0.25em;margin:-0.125em;top:50%;left:50%;fill:none;stroke:#ffffff;}
header .user {display: block;position:absolute;z-index:420;width:0.25em;height:0.25em;right:0.25em;top:0.375em;}
header .user button, header .user span {display: block;position:absolute;z-index:420;width:100%;height:100%;font-size:1em;}
header .user svg {display: block;position:absolute;z-index:420;width:0.25em;height:0.25em;margin:-0.125em;top:50%;left:50%;fill:none;stroke:#ffffff;}
header .user-opts {display: block;position:absolute;z-index:410;top:0.75em;right:0.25em;overflow: visible;}
header .user-opts .ino {display:none;background:#ffffff;font-size:12px;padding:1.25em;box-shadow:0px 0px 12px rgba(0,0,0,0.25);color:#0a0a0a;border-radius:0.75em;max-width:240px;}
header .user-opts .ino p.name {line-height:1.25em;font-weight: 600;font-size:1.15em;white-space: nowrap;max-width:100%;text-overflow: ellipsis;overflow: hidden;}
header .user-opts .ino p.jos {line-height:1.5em;padding-bottom:0.5em;border-bottom:1px solid #BEDBFF;}
header .user-opts .ino ul {padding-top:0.5em;}
header .user-opts .ino li {padding-left:1.65em;line-height:1.65em;cursor:pointer;padding-top:0.25em;}
header .user-opts .ino li strong {font-weight: 400;}
header .user-opts .ino li span.pikto {width:1.65em;height:1.65em;position:relative;z-index:120;display: block;float:left;margin-left:-1.65em;}
header .user-opts .ino li span.pikto svg {position:absolute;z-index:120;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1em;fill:none;stroke:#364153;}
header .user-opts .ino li.logout {color:#E7000B;}
header .user-opts .ino li.logout span.pikto svg {stroke:#E7000B;}
header .user-glass {display:none;position:fixed;z-index:405;width:100%;height:100%;background:none;cursor:pointer;}
header .title {position:absolute;z-index:400;left:0.75em;right:0.75em;top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
header .title h1 {font-weight: 600;color:#ffffff;line-height:1.2em;font-size:0.25em;text-align:left;}

/* footer */
footer {display:block;position:absolute;z-index:500;width:100%;height:1em;bottom:0%;left:0%;box-shadow:0px 0px 12px rgba(0,0,0,0.25);background:#ffffff;font-size:72px;}
footer ul {margin: auto;width:100%;height:1em;display: flex;justify-content:space-around;}
footer li {width:1em;height:1em;position:relative;z-index:500;}
footer button, footer a {display: block;width:1em;height:1em;position:absolute;z-index:500;font-size:1em;}
footer button svg, footer a svg {display: block;position:absolute;z-index:510;fill:none;stroke:#90A1B9;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-o-transition:stroke 0.5s;-moz-transition:stroke 0.5s;-webkit-transition:stroke 0.5s;transition:stroke 0.5s;}
footer button:hover svg, footer a:hover svg {stroke:#2193CF;}
footer li.home button svg, footer li.home a svg {width:0.3333em;}
footer li.settings button svg, footer li.settings a svg {width:0.3889em;}
footer li.chat button svg, footer li.chat a svg {width:0.3611em;}
footer li.paket button svg, footer li.paket a svg {width:0.42em;}
footer li.info button svg, footer li.info a svg {width:0.42em;stroke:none;fill:#90A1B9;-o-transition:fill 0.5s;-moz-transition:fill 0.5s;-webkit-transition:fill 0.5s;transition:fill 0.5s;}
footer li.info button:hover svg, footer li.info a:hover svg {fill:#2193CF;}

/* sadrzaj */
#sadrzaj {position:relative;z-index:100;left:0%;top:50%;max-height:calc(100% - 140px);-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);overflow: auto;}
#sadrzaj.no-header {max-height:100%;}
#sadrzaj.height-100 {height:100%;}
#sadrzaj.overflow-visible {overflow: visible;}
#sadrzaj.background-white {background:#ffffff;}
#sadrzaj::-webkit-scrollbar {width:4px;background:rgba(0,0,0,0.05);}
#sadrzaj::-webkit-scrollbar-track {width:100%;}
#sadrzaj::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.15);}
#sadrzaj::-webkit-scrollbar-thumb:hover {}
#sadrzaj.w-blue-background::before {display: block;position:absolute;z-index:90;content:' ';width:100%;height:72px;background:#2193CF;left:0px;top:0px;}
article {display: block;box-sizing:border-box;position:relative;z-index:100;padding:22px 16px;width:100%;}
#sadrzaj.width-100 article {padding:0px;}
#sadrzaj.height-100 article {height:100%;}
section {display: block;box-sizing:border-box;position:relative;z-index:100;width:100%;border:1px solid #CCE2FD;background:#ffffff;padding:20px;border-radius:1em;}

/* formel */
.formel {color:#0a0a0a;margin-bottom:1em;}
section .formel:last-child {margin-bottom: 0em;}
.formel label {display: block;line-height: 1.2em;font-weight:600;padding-bottom:0.5em;}
.formel label.required:after {content:'\002A';padding-left:0.25em;color:#EA1821;display: none;}
.formel .in-formel {background:#F3F3F5;border-radius:0.75em;position:relative;z-index:120;overflow: visible;-o-transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;transition:background 0.5s;}
.formel .in-formel .pikto {position:absolute;z-index:120;left:0em;top:0em;}
.formel .in-formel .pikto svg {position:absolute;z-index:120;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.formel .in-formel *::selection {background:#CCE2FD;color:#000000;}
.formel .in-formel .pikto *::selection {background:none;}
.formel .in-formel input::placeholder {color:#717182;opacity:1;filter:alpha(opacity=100);}
.formel .in-formel input:-ms-input-placeholder {color:#717182;opacity:1;filter:alpha(opacity=100);}
.formel .in-formel input::-ms-input-placeholder {color:#717182;opacity:1;filter:alpha(opacity=100);}
.formel .in-formel textarea::placeholder {color:#717182;opacity:1;filter:alpha(opacity=100);}
.formel .in-formel textarea:-ms-input-placeholder {color:#717182;opacity:1;filter:alpha(opacity=100);}
.formel .in-formel textarea::-ms-input-placeholder {color:#717182;opacity:1;filter:alpha(opacity=100);}
.formel .in-formel input,
.formel .in-formel select,
.formel .in-formel textarea {display:block;border: none;outline:none;padding:0.7em 0.65em;border-radius:0.75em;background:none;font-size:1em;}
.formel .in-formel button {display:block;border: none;outline:none;padding:0.7em 0.65em;border-radius:0.75em;background:none;font-size:1em;}
/* input */
.formel.formel-input .in-formel {height:2.65em;}
.formel.formel-input .in-formel input {position:absolute;line-height:1.25em;left:0px;right:0px;top:0px;}
.formel.formel-input .in-formel.w-piktogram input {left:2em;}
.formel.formel-input .in-formel .pikto {height:2.65em;width:2.65em;}
.formel.formel-input .in-formel:has(input:focus) {background: #e3e3e5;}
/* input - side */
.formel.formel-input.side {padding-left:7em;}
.formel.formel-input.side::after {content:' ';display: block;clear:both;width:100%;height:0em;}
.formel.formel-input.side label {display: block;float:right;width:100%;padding-bottom:0em;padding-top:0.725em;}
.formel.formel-input.side .in-formel {display: inline;float:left;width:6em;margin-left:-7em;}
.formel.formel-input.side .in-formel input {text-align:center;}
.formel.formel-input.side p {display:block;float:right;width:100%;padding-top:0.25em;clear:right;}
/* password */
.formel.formel-password .in-formel {height:2.65em;}
.formel.formel-password .in-formel input {position:absolute;line-height:1.25em;left:0px;right:0px;top:0px;}
.formel.formel-password .in-formel:has(input:focus) {background: #e3e3e5;}
/* date */
.formel.formel-date .in-formel {height:2.65em;}
.formel.formel-date .in-formel input {position:absolute;line-height:1.25em;left:0px;right:0px;top:0px;}
.formel.formel-date .in-formel:has(input:focus) {background: #e3e3e5;}
/* textarea */
.formel.formel-textarea .in-formel {}
.formel.formel-textarea .in-formel textarea {position:relative;line-height:1.5em;left:0px;width:100%;height:6em;resize:none;}
.formel.formel-textarea .in-formel:has(textarea:focus) {background: #e3e3e5;}
.formel.formel-textarea p {line-height:1.25em;padding-top:0.5em;}
/* select */
.formel.formel-select .in-formel {height:2.65em;}
.formel.formel-select .in-formel select {position:absolute;line-height:1.25em;left:0px;right:0px;top:0px;}
.formel.formel-select .in-formel:has(select:focus) {background: #e3e3e5;}
/* submit */
.formel.formel-submit {position:relative;z-index:120;width:100%;}
.formel.formel-submit p.alert {line-height:1.5em;color:#EA1821;padding-bottom:0.5em;}
.formel.formel-submit p.alert:empty {display: none;}
.formel.formel-submit .button {height:3.2em;position:relative;z-index:120;width:100%;}
.formel.formel-submit .stereo {display: flex;justify-content: space-between;gap:1em;width:100%;}
.formel.formel-submit .button button,
.formel.formel-submit .button p.cancel {display: block;border-radius:0.75em;position:relative;z-index:120;width:100%;height:3.2em;border:0.15em solid;overflow: hidden;font-size:1em;cursor:pointer;}
.formel.formel-submit .button button strong,
.formel.formel-submit .button p.cancel strong {display: block;position:absolute;z-index:120;max-width:92%;top:50%;left:50%;line-height:1.2em;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-sizing: border-box;overflow: visible;font-weight:500;}
.formel.formel-submit .button button strong.w-piktogram,
.formel.formel-submit .button p.cancel strong.w-piktogram {padding-left:1.75em;}
.formel.formel-submit .button button strong span.pikto,
.formel.formel-submit .button p.cancel strong span.pikto {width:1.2em;height:1.2em;display: block;float:left;margin-left: -1.75em;overflow: visible;position:relative;z-index:120;}
.formel.formel-submit .button button strong span.pikto svg,
.formel.formel-submit .button p.cancel strong span.pikto svg {position:absolute;z-index:120;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;}
.formel.formel-submit p.report {display:none;height:3.2em;position:relative;z-index:120;width:100%;background:#F3F3F5;border-radius:0.75em;}
.formel.formel-submit p.report em {position:absolute;z-index:120;width:92%;left:4%;top:50%;line-height:1.2em;font-weight:400;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);text-align:center;color:#717182;}
.formel.formel-submit .s-load {display:none;height:3.2em;width:100%;background:url(../../img/base/loader.gif) center no-repeat;}
.formel.formel-submit .button button.submit {background: #2193CF;border-color:#2193CF;color:#ffffff;}
.formel.formel-submit .button button.submit:focus {border-color:#ffc22b;}
.formel.formel-submit .button button.submit:hover {background: #2B7FFF;border-color:#2B7FFF;}
.formel.formel-submit .button p.cancel {background: none;border-color:#f2f2f2;color:#000000;}
.formel.formel-submit .button p.cancel:focus {border-color:#ffc22b;}
.formel.formel-submit .button p.cancel:hover {border-color:#EA1821;}
.formel.formel-submit.gradient .button button.submit {border:none;background: #0E365C;background: linear-gradient(270deg,rgba(14, 54, 92, 1) 0%, rgba(33, 145, 205, 1) 100%);color:#ffffff;}
.formel.formel-submit.gradient .button button.submit:hover {background: #0E365C;background: linear-gradient(270deg,rgba(14, 54, 92, 1) 0%, rgba(33, 145, 205, 1) 100%);color:#ffffff;}
.formel.formel-submit.gradient .button button.submit:before {content:' ';display: block;position:absolute;z-index:119;width:100%;height:100%;opacity:0;background:#0E365C;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;top:0%;left:0%;}
.formel.formel-submit.gradient .button button.submit:focus:before {opacity:0.5;}
.formel.formel-submit.gradient .button button.submit:hover:before {opacity:1;}
.formel.formel-submit .f-load .button,
.formel.formel-submit .f-load p.report,
.formel.formel-submit .f-report .button,
.formel.formel-submit .f-report .s-load {display: none;}
.formel.formel-submit .f-report p.report,
.formel.formel-submit .f-load .s-load {display: block;}
/* -- */
.formel.formel-input.piktogram-home svg {width:1em;}
.formel.formel-submit span.pikto svg {width:1em;}
/* button */
.formel.formel-button {position:relative;z-index:120;height:3.2em;width:100%;}
.formel.formel-button button,
.formel.formel-button a {display: block;width:100%;border-radius:0.75em;position:relative;z-index:120;height:3.2em;border:0.15em solid;overflow: hidden;font-size:1em;}
.formel.formel-button button strong,
.formel.formel-button a strong {display: block;position:absolute;z-index:120;max-width:92%;top:50%;left:50%;line-height:1.2em;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);box-sizing: border-box;overflow: visible;font-weight:500;}
.formel.formel-button button strong.w-piktogram,
.formel.formel-button a strong.w-piktogram {padding-left:1.75em;}
.formel.formel-button button strong span.pikto,
.formel.formel-button a strong span.pikto {width:1.2em;height:1.2em;display: block;float:left;margin-left: -1.75em;overflow: visible;position:relative;z-index:120;}
.formel.formel-button button strong span.pikto svg,
.formel.formel-button a strong span.pikto svg {position:absolute;z-index:120;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;}
.formel.formel-button button,
.formel.formel-button a {background: none;border-color:#f2f2f2;color:#000000;}
.formel.formel-button button:focus,
.formel.formel-button a:focus {border-color:#ffc22b;}
.formel.formel-button button:hover,
.formel.formel-button a:hover {border-color:#2193CF;}
.formel.formel-button.solid button,
.formel.formel-button.solid a {background: #2193CF;border-color:#2193CF;color:#ffffff;}
.formel.formel-button.solid button:focus,
.formel.formel-button.solid a:focus {border-color:#ffc22b;}
.formel.formel-button.solid button:hover,
.formel.formel-button.solid a:hover {background: #2B7FFF;border-color:#2B7FFF;}
.formel.formel-button.gradient button,
.formel.formel-button.gradient a {border:none;background: #0E365C;background: linear-gradient(270deg,rgba(14, 54, 92, 1) 0%, rgba(33, 145, 205, 1) 100%);color:#ffffff;}
.formel.formel-button.gradient button:hover,
.formel.formel-button.gradient a:hover {background: #0E365C;background: linear-gradient(270deg,rgba(14, 54, 92, 1) 0%, rgba(33, 145, 205, 1) 100%);color:#ffffff;}
.formel.formel-button.gradient button:before,
.formel.formel-button.gradient a:before {content:' ';display: block;position:absolute;z-index:119;width:100%;height:100%;opacity:0;background:#0E365C;-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;top:0%;left:0%;}
.formel.formel-button.gradient button:focus:before,
.formel.formel-button.gradient a:focus:before {opacity:0.5;}
.formel.formel-button.gradient button:hover:before,
.formel.formel-button.gradient a:hover:before {opacity:1;}
/* -- */
.formel.formel-button svg {width:1em;}
/* switcher */
.formel.formel-switcher .pad {padding:0.5em;box-sizing:border-box;height:3.5em;display: flex;gap:0.5em;justify-content: space-between;overflow:hidden;box-shadow:inset 0px 0px 0.5em rgba(0,0,0,0.125);border-radius:0.75em;}
.formel.formel-switcher p {width:100%;line-height:1.2em;padding:0.65em 0.25em;border-radius:0.5em;text-align: center;cursor:pointer;font-weight:600;-o-transition:background 0.5s, color 0.3s;-moz-transition:background 0.5s, color 0.3s;-webkit-transition:background 0.5s, color 0.3s;transition:background 0.5s, color 0.3s;}
.formel.formel-switcher p:hover {color:#2193CF;}
.formel.formel-switcher p.cur, .formel.formel-switcher p.cur:hover {background:#ffffff;color:#0A0A0A;box-shadow:0px 0px 0.5em rgba(0,0,0,0.125);}
/* checkboxes */
.formel.formel-checkboxes {position:relative;z-index:120;width:100%;}
.formel.formel-checkboxes p.naslov {line-height:1.2em;padding-bottom:1em;}
.formel.formel-checkboxes li {margin-bottom:1em;position:relative;z-index:120;width:100%;}
.formel.formel-checkboxes li:last-child {margin-bottom: 0em;}
.formel.formel-checkboxes label {display:block;position:relative;z-index:120;width:100%;cursor:pointer;padding:0em;}
.formel.formel-checkboxes input {position: absolute;z-index:0;opacity:0;cursor:pointer;height:0px;width:0px;top:0%;left:0%;}
/* checkboxes - simple */
.formel.formel-checkboxes.simple label {background:#F9FAFB;border:0.15em solid #F9FAFB;border-radius:0.75em;color:#717182;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
.formel.formel-checkboxes.simple label:has(input:checked) {background:#EFF6FF;border-color:#CAE1FF;color:#0a0a0a;}
.formel.formel-checkboxes.simple.only-check label:has(input:checked) {border-color:#F9FAFB;background:#F9FAFB;}
.formel.formel-checkboxes.simple span.cont {display:block;position:relative;z-index:120;padding:1em 0.5em 1em 1em;box-sizing:border-box;left:0em;width:calc(100% - 3em);overflow: visible;}
.formel.formel-checkboxes.simple span.cont strong {display: block;font-weight: 600;line-height:1.2em;}
.formel.formel-checkboxes.simple span.cont em {font-style: normal;display: block;line-height:1.2em;padding-top:0.25em;font-weight:400;}
.formel.formel-checkboxes.simple span.checkmark {position:absolute;z-index:125;width:1.25em;height:1.25em;top:50%;margin-top:-0.625em;left:100%;margin-left:-2.25em;border-radius:0.25em;border:0.15em solid #DEDEE0;overflow: visible;background:#F3F3F5;}
.formel.formel-checkboxes.simple input:focus ~ span.checkmark,
.formel.formel-checkboxes.simple input:checked ~ span.checkmark {border-color:#CAE1FF;background:#ffffff;}
.formel.formel-checkboxes.simple span.checkmark span {position:absolute;z-index:126;width:0.24em;height:0.24em;top:50%;left:50%;margin:-0.06em -0.12em -0.18em -0.12em;background:#155DFC;border-radius:0.12em;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:0;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
.formel.formel-checkboxes.simple span.checkmark span::before {content:' ';display: block;position:absolute;z-index:126;width:0.24em;height:100%;border-radius:0.12em;background:#155DFC;right:0px;top:0px;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
.formel.formel-checkboxes.simple input:checked ~ span.checkmark span::before {width:0.6em;}
.formel.formel-checkboxes.simple span.checkmark span::after {content:' ';display: block;position:absolute;z-index:126;width:100%;height:0.24em;border-radius:0.12em;background:#155DFC;left:0px;bottom:0px;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
.formel.formel-checkboxes.simple input:checked ~ span.checkmark span::after {height:1em;}
.formel.formel-checkboxes.simple input:checked ~ span.checkmark span {opacity:1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
/* checkboxes - piktogrami */
.formel.formel-checkboxes.piktogrami label {background:#F9FAFB;border:0.15em solid #F9FAFB;border-radius:0.75em;color:#717182;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
.formel.formel-checkboxes.piktogrami label:has(input:checked) {background:#EFF6FF;border-color:#CAE1FF;color:#0a0a0a;}
.formel.formel-checkboxes.piktogrami span.cont {display:block;position:relative;z-index:120;padding:1em 0.5em 1em 0em;box-sizing:border-box;left:6em;width:calc(100% - 6em);overflow: visible;}
.formel.formel-checkboxes.piktogrami span.cont strong {display: block;font-weight: 600;line-height:1.2em;}
.formel.formel-checkboxes.piktogrami span.cont em {font-style: normal;display: block;line-height:1.2em;padding-top:0.25em;font-weight:400;}
.formel.formel-checkboxes.piktogrami span.cont span.pikto {position:absolute;z-index:120;top:50%;left:-2em;width:2em;height:2em;margin:-1em;border-radius:1em;background:#CAE1FF;}
.formel.formel-checkboxes.piktogrami span.cont span.pikto svg {fill:none;stroke:#155DFC;position:absolute;z-index:120;width:1em;top:0.5em;left:0.5em;}
.formel.formel-checkboxes.piktogrami span.checkmark {position:absolute;z-index:125;width:1.25em;height:1.25em;top:50%;margin-top:-0.625em;left:1em;border-radius:0.25em;border:0.15em solid #DEDEE0;overflow: visible;background:#F3F3F5;}
.formel.formel-checkboxes.piktogrami input:focus ~ span.checkmark,
.formel.formel-checkboxes.piktogrami input:checked ~ span.checkmark {border-color:#CAE1FF;background:#ffffff;}
.formel.formel-checkboxes.piktogrami span.checkmark span {position:absolute;z-index:126;width:0.24em;height:0.24em;top:50%;left:50%;margin:-0.06em -0.12em -0.18em -0.12em;background:#155DFC;border-radius:0.12em;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:0;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
.formel.formel-checkboxes.piktogrami span.checkmark span::before {content:' ';display: block;position:absolute;z-index:126;width:0.24em;height:100%;border-radius:0.12em;background:#155DFC;right:0px;top:0px;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
.formel.formel-checkboxes.piktogrami input:checked ~ span.checkmark span::before {width:0.6em;}
.formel.formel-checkboxes.piktogrami span.checkmark span::after {content:' ';display: block;position:absolute;z-index:126;width:100%;height:0.24em;border-radius:0.12em;background:#155DFC;left:0px;bottom:0px;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
.formel.formel-checkboxes.piktogrami input:checked ~ span.checkmark span::after {height:1em;}
.formel.formel-checkboxes.piktogrami input:checked ~ span.checkmark span {opacity:1;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
/* checkboxes - on-off */
.formel.formel-checkboxes.on-off span.cont {display:block;position:relative;z-index:120;padding-right:3em;box-sizing:border-box;}
.formel.formel-checkboxes.on-off span.cont strong {display: block;font-weight: 700;line-height:1.2em;color:#717182;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
.formel.formel-checkboxes.on-off span.cont em {font-style: normal;display: block;line-height:1.2em;padding-top:0.25em;font-weight:400;color:#717182;}
.formel.formel-checkboxes.on-off input:focus ~ span.cont strong,
.formel.formel-checkboxes.on-off input:checked ~ span.cont strong {color:#0a0a0a;}
.formel.formel-checkboxes.on-off span.checkmark {display: block;position:absolute;z-index:125;height:1.25em;top:50%;margin-top:-0.625em;left:100%;margin-left:-2.25em;width:2.25em;background:#d6d6e1;border-radius:0.625em;box-shadow: inset 0px 0px 0.5em rgba(0,0,0,0.125);-o-transition:background 0.3s;-moz-transition:background 0.3s;-webkit-transition:background 0.3s;transition:background 0.3s;}
.formel.formel-checkboxes.on-off span.checkmark span {display: block;position:absolute;z-index:126;width:1em;height:1em;top:0.125em;left:0.125em;border-radius:0.5em;background:#ffffff;box-shadow: 0px 0px 0.5em rgba(0,0,0,0.125);-o-transition:left 0.3s;-moz-transition:left 0.3s;-webkit-transition:left 0.3s;transition:left 0.3s;}
.formel.formel-checkboxes.on-off input:checked ~ span.checkmark {background:#1C398E;}
.formel.formel-checkboxes.on-off input:checked ~ span.checkmark span {left:1.125em;}
.formel.formel-checkboxes.in-line ul {display: flex;justify-content: flex-start;gap:0.5em;}
.formel.formel-checkboxes.in-line ul li {width:calc(50% - 0.25em);}

/* A-pop */
.A-pop {position:absolute;width:100%;height:100%;top:0%;left:0%;}
.A-pop .back {position:absolute;z-index:100;width:100%;height:100%;top:0%;left:0%;background:rgba(255,255,255,0);cursor:pointer;-o-transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;transition:background 0.5s;}
.A-pop .load {position:absolute;z-index:110;width:64px;height:64px;border-radius:32px;background:#ffffff url(../../img/base/loader.gif) center no-repeat;box-shadow:0px 0px 12px rgba(0,0,0,0.25);left:50%;top:50%;margin:-32px;opacity:1;}
.A-pop .body {position:absolute;z-index:120;width:90%;left:5%;border-radius:1em;box-shadow:0px 0px 12px rgba(0,0,0,0.25);top:50%;background:#ffffff;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);max-height:calc(100% - 160px);overflow: auto;opacity:0;}
.A-pop .load,
.A-pop .body {-o-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-webkit-transition:opacity 0.5s;transition:opacity 0.5s;}
.A-pop.A-pop-open .load {opacity:0;}
.A-pop.A-pop-open .body {opacity:1;}
.A-pop.A-pop-open .back {background:rgba(0,0,0,0.35);}
.A-pop-in {padding:24px 20px;position:relative;z-index:150;width:100%;}
.A-pop-in .formel:last-child {margin-bottom: 0em;}

/* formel-piktogram */
.formel.piktogram-mail .in-formel .pikto svg,
.formel.piktogram-telefon .in-formel .pikto svg,
.formel.piktogram-www .in-formel .pikto svg {fill:none;stroke:#99A1AF;}

/* - */
.A-pop,
header .user-opts .ino,
#sadrzaj {font-size:clamp(12px,calc(2.857vw + 2.286px),16px);}

/* home */
#home {position:absolute;z-index:240;width:100%;left:0px;top:0%;background: linear-gradient(180deg, #2193CF 0%, #0E3459 100%);border-radius:0em 0em 2em 2em;height:calc(100% + 2em);-o-transition:height 0.75s;-moz-transition:height 0.75s;-webkit-transition:height 0.75s;transition:height 0.75s;overflow: hidden;}
#home .in {position:absolute;z-index:240;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#home .in .pozdrav {position:relative;}
#home .in .sep {margin:auto;position:relative;z-index:240;width:100%;}
#home .in .sep::after {content:' ';height:1px;background:#ffffff;width:1%;top:50%;left:50%;display: block;-o-transition:width 0.3s;-moz-transition:width 0.3s;-webkit-transition:width 0.3s;transition:width 0.3s;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute;z-index:240;}
.home-start-step-1 #home .in .sep::after {width:100%;}
#home .in .pozdrav .inp {height:1.1em;overflow:visible;opacity:0;-o-transition:height 0.5s, opacity 0.5s;-moz-transition:height 0.5s, opacity 0.5s;-webkit-transition:height 0.5s, opacity 0.5s;transition:height 0.5s, opacity 0.5s;}
.home-start-step-2 #home .in .pozdrav .inp {height:1.1em;opacity:1;}
#home .in .pozdrav p {text-align:center;font-weight:500;color:#ffffff;line-height:1.1em;}
#home .in .logo {position:relative;z-index:240;width:1em;height:0em;margin:auto;overflow: hidden;-o-transition:height 0.75s;-moz-transition:height 0.75s;-webkit-transition:height 0.75s;transition:height 0.75s;}
.home-start-step-3 #home .in .logo {height:0.574545em;}
#home .in .logo svg {display: block;position:absolute;z-index:240;fill:#ffffff;width:1em;top:100%;-ms-transform: translate(0%, -100%);-webkit-transform:translate(0%, -100%);transform:translate(0%, -100%);}
#home .in .pozdrav .inp {font-size:2.5em;}
#home .in .sep {height:4em;}
@media screen and (max-width: 639px)
{
	#home .in {width:70vw;}
	#home .in .logo {font-size:70vw;}
}
@media screen and (min-width: 639px)
{
	#home .in {width:336px;}
	#home .in .logo {font-size:clamp(100px, 37.5vh, 336px);}
	#home .in .pozdrav .inp {font-size:clamp(1em, 4vh, 2.5em);}
	#home .in .sep {height:clamp(0.5em, 4vh, 4em);}
}
#login {position:absolute;z-index:200;width:100%;height:100%;background:#ffffff;}
#login h1 {color: #1C398E;font-size: 1.2em;font-weight: 600;line-height: 1.15em;margin-bottom:1em;}
#login .in-login {position:absolute;z-index:200;width:100%;left:0%;padding:1.5em 3em;}
#login .zaboravili-ste {display: none;}
#login p.op {color:#2193CF;line-height:1.25em;}
#login p.op span {cursor: pointer;}
#login p.op span:hover {text-decoration: underline;}
@media screen and (max-height: 479px)
{
	#login .in-login {top:50%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	.home-open #home {height:0%;}
}
@media screen and (min-height: 479px)
{
	#login .in-login {top:75%;-ms-transform: translate(0%, -50%);-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%);}
	.home-open #home {height:50%;}
	#login.reset .in-login {top:50%;}
}

/* podesavanja */
#podesavanja li {margin-bottom:1.15em;}
#podesavanja li a {display:block;box-sizing:border-box;background:#ffffff;padding:1em;padding-left:5.33em;border-radius:1em;border: 1px solid #BEDBFF;color:#101828;}
#podesavanja li a:hover {border-color: #2193CF;color:#2193CF;}
#podesavanja li.inactive a, #podesavanja li.inactive a:hover {border-color:#D4D4D4;color:#a7a7a7;cursor: default;}
#podesavanja li a span.ic {display: block;float:left;width:3.33em;height:3.33em;box-sizing: border-box;position:relative;z-index:100;border-radius:0.667em;margin-left:-4.33em;}
#podesavanja li a span.ic svg {display: block;position:absolute;z-index:102;fill:none;stroke:#ffffff;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);top:50%;left:50%;width:1.75em;}
#podesavanja li a strong {display:block;font-size:1.25em;line-height:1.5em;}
#podesavanja li a em {display:block;font-style:normal;line-height:1.5em;font-size:0.9em;}
#podesavanja li.upravljanje-paketima a span.ic {background:#2B7FFF;}
#podesavanja li.upravljanje-korisnicima a span.ic {background:#00C950;}
#podesavanja li.administratori a span.ic {background:#AD46FF;}
#podesavanja li.sms a span.ic {background:#A7A7A7;}
#podesavanja li.sadrzaj-platforme a span.ic {background:#00B8DB;}
#podesavanja li.opsta-podesavanja a span.ic {background:#6A7282;}
#podesavanja li:last-child {margin-bottom: 0em;}

/* paketi */
#paketi {position:relative;z-index:100;width:100%;}
.formel.formel-button button#dodaj-novi-paket strong span.pikto svg {stroke:#ffffff;}
#paketi .izbor-tip {padding:1em 0em;display: flex;justify-content: space-between;gap:1em;}
#paketi .izbor-tip .clan {width:calc(50% - 0.5em);}
.izbor-tip .formel.formel-button.solid button,
.izbor-tip .formel.formel-button.solid button:hover {background:#D2D2D2;border-color:#D2D2D2;color:#ffffff;white-space: nowrap;text-transform: uppercase;}
.izbor-tip .on .formel.formel-button.solid button#izbor-tip-aqua,
.izbor-tip .on .formel.formel-button.solid button#izbor-tip-aqua:hover {background:#1C398E;border-color:#1C398E;}
.izbor-tip .on .formel.formel-button.solid button#izbor-tip-garden,
.izbor-tip .on .formel.formel-button.solid button#izbor-tip-garden:hover {background:#8DD27D;border-color:#8DD27D;}
#paketi .paket-lista {display: none;}
#paketi .paket-lista.on {display: block;}
#paketi .paket-lista li {margin-bottom:1.25em;}
#paketi .paket-lista li:last-child {margin-bottom: 0em;}
#paketi .paket-lista li .paket {text-align: center;padding:1.75em 1.25em;border-radius:1em;border:1px solid;}
#paketi .paket-lista li p.naziv {font-size:1.66em;font-weight: 600;line-height:1,15em;letter-spacing: -0.02em;text-transform: uppercase;}
#paketi .paket-lista li p.opis {line-height:1.5em;font-weight:400;color:#364153;padding:1em 0em;}
#paketi .paket-lista li .cenovnik {display: flex;justify-content: space-around;gap:0.25em;padding:0.8em;border-radius:0.5em;margin-bottom:1em;}
#paketi .paket-lista li .cenovnik .sep {width:1px;background:rgba(0,0,0,0.15);align-self: stretch;}
#paketi .paket-lista li .cenovnik p em {font-style: normal;font-size:0.66em;line-height:1.15em;padding-bottom:0.75em;display: block;}
#paketi .paket-lista li .cenovnik p strong {font-weight: 600;line-height:1.15em;font-size:1.15em;}
#paketi .paket-lista li .opt {display: flex;justify-content: center;gap:1em;}
#paketi .paket-lista li button {font-size:1em;box-sizing:border-box;width:2.5em;height:2.5em;border-radius:0.5em;position:relative;z-index:100;border:1px solid rgba(0, 0, 0, 0.10);}
#paketi .paket-lista li button svg {position:absolute;z-index:102;width:1.25em;top:50%;left:50%;margin:-0.625em;fill:none;-o-transition:stroke 0.5s;-moz-transition:stroke 0.5s;-webkit-transition:stroke 0.5s;transition:stroke 0.5s;}
#paketi #paketi-aqua.paket-lista li:nth-child(3n+1) .paket {background:#ffffff;border-color:#BEDBFF;}
#paketi #paketi-aqua.paket-lista li:nth-child(3n+2) .paket {background:#D7E0F9;border-color:#BEDBFF;}
#paketi #paketi-aqua.paket-lista li:nth-child(3n) .paket {background:#A6C9ED;border-color:#BEDBFF;}
#paketi #paketi-aqua.paket-lista li p.naziv {color:#1C398E;}
#paketi #paketi-aqua.paket-lista li .cenovnik {background:#F2F7FF;}
#paketi #paketi-aqua.paket-lista li .cenovnik p em {color:#2B7FFF;}
#paketi #paketi-aqua.paket-lista li .cenovnik p strong {color:#1C398E;}
#paketi #paketi-aqua.paket-lista li button.edit {background:#E6F0FF;}
#paketi #paketi-aqua.paket-lista li button.edit:hover {background:#2B7FFF;}
#paketi #paketi-aqua.paket-lista li button.edit svg {stroke: #2B7FFF;}
#paketi #paketi-aqua.paket-lista li button.edit:hover svg {stroke: #ffffff;}
#paketi #paketi-aqua.paket-lista li button.trash {background:#FFC0C0;}
#paketi #paketi-aqua.paket-lista li button.trash:hover {background:#E7000B;}
#paketi #paketi-aqua.paket-lista li button.trash svg {stroke: #E7000B;}
#paketi #paketi-aqua.paket-lista li button.trash:hover svg {stroke: #ffffff;}
#paketi #paketi-garden.paket-lista li:nth-child(3n+1) .paket {background:#ffffff;border-color:#D7EBDF;}
#paketi #paketi-garden.paket-lista li:nth-child(3n+2) .paket {background:#D1F8E0;border-color:#D7EBDF;}
#paketi #paketi-garden.paket-lista li:nth-child(3n) .paket {background:#D0F5BE;border-color:#D7EBDF;}
#paketi #paketi-garden.paket-lista li p.naziv {color:#1C8E2D;}
#paketi #paketi-garden.paket-lista li .cenovnik {background:#ffffff;}
#paketi #paketi-garden.paket-lista li:nth-child(3n+1) .cenovnik {background:#EFF8F0;}
#paketi #paketi-garden.paket-lista li .cenovnik p em {color:#00A63E;}
#paketi #paketi-garden.paket-lista li .cenovnik p strong {color:#1C8E2D;}
#paketi #paketi-garden.paket-lista li button.edit {background:#ECF6EE;}
#paketi #paketi-garden.paket-lista li button.edit:hover {background:#00A63E;}
#paketi #paketi-garden.paket-lista li button.edit svg {stroke: #00A63E;}
#paketi #paketi-garden.paket-lista li button.edit:hover svg {stroke: #ffffff;}
#paketi #paketi-garden.paket-lista li button.trash {background:#FFC0C0;}
#paketi #paketi-garden.paket-lista li button.trash:hover {background:#E7000B;}
#paketi #paketi-garden.paket-lista li button.trash svg {stroke: #E7000B;}
#paketi #paketi-garden.paket-lista li button.trash:hover svg {stroke: #ffffff;}
#paketi-edit {padding:1.5em 0em;}
#paketi-edit h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: center;}
#paketi-edit p.lab {line-height: 1.2em;font-weight: 600; padding-bottom: 0.5em;}

/* sadrzaj-platforme */
#sadrzaj-platforme {position:relative;z-index:100;width:100%;}
#sadrzaj-platforme .sadrzaj-strana {display: none;}
#sadrzaj-platforme .sadrzaj-strana.on {display: block;}
#sadrzaj-platforme .formel label {color:#38529C;}
#sadrzaj-platforme .formel.formel-textarea .in-formel textarea {height:calc(90vh - 20em);min-height:320px;max-height:520px;}

/* opsta-podesavanja */
#opsta-podesavanja section {margin-bottom:1em;}
#opsta-podesavanja h2 {color: #1C398E;line-height:1.125em;font-weight:600;font-size:1.125em;margin-bottom:1.25em;padding-left:1.5em;}
#opsta-podesavanja h2 svg {display: block;float:left;fill:none;stroke:#1C398E;width:1.125em;height:1.125em;margin-left:-1.5em;}
#opsta-podesavanja .formel.formel-submit .button button strong span.pikto svg {fill:none;stroke:#ffffff;}

/* klijenti */
#korisnici .formel.formel-button a strong span.pikto svg,
#korisnici .formel.formel-button button strong span.pikto svg {fill:none;stroke:#ffffff;}
#korisnik-dodaj {padding:1.5em 0em;}
#korisnik-dodaj h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;}
#korisnik-dodaj p.lab {line-height: 1.2em;font-weight: 600; padding-bottom: 0.5em;}
#korisnik-dodaj .broj-telefona {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
#korisnik-dodaj .broj-telefona .formel {margin-bottom: 0em;}
#korisnik-dodaj .broj-telefona .formel.formel-select {width:7em;}
#korisnik-dodaj .broj-telefona .formel.formel-input {width:calc(100% - 7.5em);}
#korisnik-dodaj .paket-size {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
#korisnik-dodaj .paket-size .formel {margin-bottom: 0em;}
#korisnik-dodaj .paket-size .formel.formel-select {width:calc(50% - 0.25em);}
#korisnik-dodaj .trajanje-ugovora {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
#korisnik-dodaj .trajanje-ugovora .formel {margin-bottom: 0em;}
#korisnik-dodaj .trajanje-ugovora .formel.formel-date {width:calc(50% - 0.25em);}
#korisnici .filter ul {display: flex;gap:1em;justify-content: space-between;}
#korisnici .filter li {width:100%;border: 0.837px solid #BEDBFF;border-radius:0.75em;text-align:center;cursor:pointer;padding:1.5em 0em;color:#155DFC;}
#korisnici .filter li span {display: block;line-height:1.15em;font-size:0.75em;text-transform: uppercase;padding-top:0.25em;}
#korisnici .filter li strong {display: block;font-weight: 400;line-height:1.15em;font-size:1.5em;}
#korisnici .filter li.on {color:#00A63E;border-color:#00A63E;background:#DFFFDA;}
#korisnici .filter li.izbrisan.on {color:#e7000b;border-color:#e7000b;background:#ffc0c0;}
#korisnici .filter {padding-top:1.25em;}
#korisnici .lista {padding-top:0.5em;}
#korisnici .lista.pad0 {padding-top:0em;}
#korisnici .lista li.for-izbrisan {display: none;}
#korisnici .lista ul.izabran-dug li {display: none;}
#korisnici .lista ul.izabran-dug li.for-dug {display: block;}
#korisnici .lista ul.izabran-izbrisan li {display: none;}
#korisnici .lista ul.izabran-izbrisan li.for-izbrisan {display: block;}
#korisnici .lista li {padding-top:1em;color: #101828;}
#korisnici .lista li .in {padding:1.25em 1em;border: 0.837px solid #BEDBFF;border-radius:0.75em;background:#ffffff;}
#korisnici .lista li .info {padding-left:3.5em;}
#korisnici .lista li .info.w-dug {padding-right:5.25em;}
#korisnici .lista li .ic {width:2.75em;height:2.75em;display: inline;float:left;margin-left:-3.5em;border-radius:1.375em;overflow: hidden;position:relative;z-index:100;}
#korisnici .lista li .ic a {display: block;position:absolute;z-index:100;width:100%;height:100%;background:#DBEAFE;}
#korisnici .lista li .ic a svg {display: block;position:absolute;z-index:102;width:1.5em;fill:none;stroke:#155DFC;top:50%;left:50%;margin:-0.75em;}
#korisnici .lista li .dug {display: inline;float:right;width:5em;margin-right:-5.25em;color:#e7000b;}
#korisnici .lista li .dug em {display: block;float:right;text-transform: uppercase;font-style: normal;background:#e7000b;color:#ffffff;line-height: 1.25em;padding: 0.25em 0.5em;border-radius: 0.5em;font-size:0.75em;text-align:center;border:1px solid #e7000b;margin-bottom:0.5em;font-weight: 600;}
#korisnici .lista li .dug span {clear:both;display: block;font-size:0.85em;line-height:1.25em;text-align:right;white-space: nowrap;height:1.25em;text-overflow: ellipsis;overflow: hidden;font-weight: 600;}
#korisnici .lista li.for-izbrisan .ic a {background:#ffc0c0;}
#korisnici .lista li.for-izbrisan .ic a svg {stroke:#e7000b;}
#korisnici .lista li p.ime {font-size:1.25em;font-weight: 600;line-height:1.25em;}
#korisnici .lista li p.ime a {color:inherit;}
#korisnici .lista li p.ime a:hover {color:#1447E6;}
#korisnici .lista li.for-izbrisan p.ime a:hover {color:#e7000b;}
#korisnici .lista li p.adresa {color:#4A5565;line-height:1.25em;padding-top:0.25em;}
#korisnici .lista li .paket {display: flex;gap:0.25em;padding-top:0.25em;}
#korisnici .lista li .paket span {display: block;white-space: nowrap;color:#1447E6;font-size:0.85em;line-height:1.25em;padding:0.25em 0.5em;font-weight: 600;border-radius:0.5em;border:1px solid #9CCCFF;}
#korisnici .lista li .opt {padding-top:1em;padding-right:6.5em;}
#korisnici .lista li .opt a,
#korisnici .lista li .opt button {display:block;border: 1px solid rgba(0, 0, 0, 0.10);width:100%;border-radius:0.5em;color:#0A0A0A;position:relative;z-index:100;font-size:1em;}
#korisnici .lista li .opt a {line-height:1.15em;padding:0.4em 0em;text-align:center;}
#korisnici .lista li .opt button {padding:0.4em 0em;}
#korisnici .lista li .opt svg {height:1.15em;margin: auto;display: block;fill:none;stroke:#0a0a0a;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
#korisnici .lista li .opt span.not {display: block;width:8px;height:8px;position:absolute;z-index:120;background:#e7000b;border-radius:4px;top:50%;left:50%;margin-top:-0.75em;margin-left:0.25em;}
#korisnici .lista li .opt a:hover {color:#155DFC;}
#korisnici .lista li .opt *:hover svg {stroke:#155DFC;}
#korisnici .lista li.for-izbrisan .opt a:hover {color:#e7000b;}
#korisnici .lista li.for-izbrisan .opt :hover svg {stroke:#e7000b;}
#korisnici .lista li .opt .detalji {display: inline;float:left;width:100%;}
#korisnici .lista li .opt .poruka {display: inline;float:right;width:2.75em;margin-right:-3.25em;}
#korisnici .lista li .opt .trash {display: inline;float:right;width:2.75em;margin-right:-6.5em;}
#korisnici .lista li .opt .trash a:hover,
#korisnici .lista li .opt .trash button:hover {border-color:#e7000b;background:#ffc0c0;}
#korisnici .lista li .opt .trash :hover svg {stroke:#e7000b;}
#korisnici .lista li .opt .return {display: inline;float:right;width:2.75em;margin-right:-6.5em;}
#korisnici .lista li .opt .return svg {fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:40}
#korisnici .lista li .opt .return :hover svg {stroke:#e7000b;}

/* administratori */
#administratori .formel.formel-button button strong span.pikto svg {fill:none;stroke:#ffffff;}
#administratori-dodaj {padding:1.5em 0em;}
#administratori-dodaj h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;}
#administratori-dodaj p.lab {line-height: 1.2em;font-weight: 600; padding-bottom: 0.5em;}
#administratori-dodaj .broj-telefona {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
#administratori-dodaj .broj-telefona .formel {margin-bottom: 0em;}
#administratori-dodaj .broj-telefona .formel.formel-select {width:7em;}
#administratori-dodaj .broj-telefona .formel.formel-input {width:calc(100% - 7.5em);}
#administratori-dodaj .paket-size {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
#administratori-dodaj .paket-size .formel {margin-bottom: 0em;}
#administratori-dodaj .paket-size .formel.formel-select {width:calc(50% - 0.25em);}
#administratori-dodaj .trajanje-ugovora {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
#administratori-dodaj .trajanje-ugovora .formel {margin-bottom: 0em;}
#administratori-dodaj .trajanje-ugovora .formel.formel-date {width:calc(50% - 0.25em);}
#administratori .filter ul {display: flex;gap:1em;justify-content: space-between;}
#administratori .filter li {width:100%;border: 0.837px solid #BEDBFF;border-radius:0.75em;text-align:center;cursor:pointer;padding:1.5em 0em;color:#155DFC;}
#administratori .filter li span {display: block;line-height:1.15em;font-size:0.75em;text-transform: uppercase;padding-top:0.25em;}
#administratori .filter li strong {display: block;font-weight: 400;line-height:1.15em;font-size:1.5em;}
#administratori .filter li.on {color:#A32BFB;border-color:#A32BFB;background:#F3E8FF;}
#administratori .filter li.izbrisan.on {color:#e7000b;border-color:#e7000b;background:#ffc0c0;}
#administratori .filter {padding-top:1.25em;}
#administratori .lista {padding-top:0.5em;}
#administratori .lista li.for-izbrisan {display: none;}
#administratori .lista ul.izabran-aktivan li {display: none;}
#administratori .lista ul.izabran-aktivan li.for-aktivan {display: block;}
#administratori .lista ul.izabran-izbrisan li {display: none;}
#administratori .lista ul.izabran-izbrisan li.for-izbrisan {display: block;}
#administratori .lista li {padding-top:1em;color: #101828;}
#administratori .lista li .in {padding:1.25em 1em;border: 0.837px solid #BEDBFF;border-radius:0.75em;background:#ffffff;}
#administratori .lista li .info {padding-left:3.5em;padding-right:3em;}
#administratori .lista li .ic {width:2.75em;height:2.75em;display: inline;float:left;margin-left:-3.5em;border-radius:1.375em;overflow: hidden;position:relative;z-index:100;}
#administratori .lista li .ic a {display: block;position:absolute;z-index:100;width:100%;height:100%;background:#F3E8FF;}
#administratori .lista li .ic a svg {display: block;position:absolute;z-index:102;width:1.5em;fill:none;stroke:#A32BFB;top:50%;left:50%;margin:-0.75em;}
#administratori .lista li.for-izbrisan .ic a {background:#ffc0c0;}
#administratori .lista li.for-izbrisan .ic a svg {stroke:#e7000b;}
#administratori .lista li p.ime {font-size:1.25em;font-weight: 600;line-height:1.25em;}
#administratori .lista li p.ime a {color:inherit;}
#administratori .lista li p.ime a:hover {color:#A32BFB;}
#administratori .lista li.for-izbrisan p.ime a:hover {color:#e7000b;}
#administratori .lista li p.nivo {display: flex;gap:0.25em;padding:0.25em 0em;justify-content: flex-start;}
#administratori .lista li p.nivo span {display: block;white-space: nowrap;color:#ffffff;background:#9810FA;font-size:0.85em;line-height:1.25em;padding:0.25em 0.5em;font-weight: 600;border-radius:0.5em;}
#administratori .lista li p.nivo span.nivo-3 {background:#2B7FFF;}
#administratori .lista li p.tx {line-height:1.5em;}
#administratori .lista li p.tx strong {font-weight: 600;}
#administratori .lista li .opt {display: inline;float:right;margin-right:-3em;width:2.75em;}
#administratori .lista li .opt a,
#administratori .lista li .opt button {display:block;border: 1px solid rgba(0, 0, 0, 0.10);width:100%;border-radius:0.5em;color:#0A0A0A;position:relative;z-index:100;font-size:1em;}
#administratori .lista li .opt a {line-height:1.15em;padding:0.4em 0em;text-align:center;}
#administratori .lista li .opt button {padding:0.4em 0em;}
#administratori .lista li .opt svg {height:1.15em;margin: auto;display: block;fill:none;stroke:#0a0a0a;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
#administratori .lista li .opt a:hover {color:#155DFC;}
#administratori .lista li .opt *:hover svg {stroke:#155DFC;}
#administratori .lista li.for-izbrisan .opt a:hover {color:#e7000b;}
#administratori .lista li.for-izbrisan .opt :hover svg {stroke:#e7000b;}
#administratori .lista li .opt .trash {width:100%;}
#administratori .lista li .opt .trash a,
#administratori .lista li .opt .trash button {border-color:#e7000b;background:#ffc0c0;}
#administratori .lista li .opt .trash svg {stroke:#e7000b;}
#administratori .lista li .opt .trash a:hover,
#administratori .lista li .opt .trash button:hover {background:#e7000b;}
#administratori .lista li .opt .trash :hover svg {stroke:#ffffff;}
#administratori .lista li .opt .return {width:100%;}
#administratori .lista li .opt .return a,
#administratori .lista li .opt .return button {border-color:#e7000b;background:#ffc0c0;}
#administratori .lista li .opt .return svg {stroke:#e7000b;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:40}
#administratori .lista li .opt .return a:hover,
#administratori .lista li .opt .return button:hover {background:#e7000b;}
#administratori .lista li .opt .return :hover svg {stroke:#ffffff;}

/* moj-nalog */
#moj-nalog-izmeni {padding:1.5em 0em;}
#moj-nalog-izmeni h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;}
#moj-nalog-izmeni p.lab {line-height: 1.2em;font-weight: 600; padding-bottom: 0.5em;}
#moj-nalog-izmeni .broj-telefona {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
#moj-nalog-izmeni .broj-telefona .formel {margin-bottom: 0em;}
#moj-nalog-izmeni .broj-telefona .formel.formel-select {width:7em;}
#moj-nalog-izmeni .broj-telefona .formel.formel-input {width:calc(100% - 7.5em);}
#moj-pass-izmeni {padding:1.5em 0em;}
#moj-pass-izmeni h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;}

/* korisnik */
#korisnik {min-height:calc(100vh - 184px);}
@media screen and (min-width: 639px)
{
	#korisnik {min-height:calc(90vh - 184px);}
}
@media screen and (min-width: 639px) and (min-height: 932px)
{
	#korisnik {min-height:656px;}
}
#korisnik h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;}
#korisnik section {margin-bottom:1em;}
#korisnik section.korisnik-section .h {border-bottom:1px solid #d9d9d9;padding-bottom:0.75em;margin-bottom:1em;}
#korisnik section.korisnik-section .h h2 {color: #1C398E;line-height:1.125em;font-weight:600;font-size:1.125em;padding-left:1.5em;}
#korisnik section.korisnik-section .h h2 svg {display: block;float:left;fill:none;stroke:#1C398E;width:1.125em;height:1.125em;margin-left:-1.5em;}
#korisnik section.korisnik-section .h h2 span {display: block;float:right;width:1.125em;height:1.125em;}
#korisnik section.korisnik-section .h h2 span svg {float:none;margin:0em;stroke:#155DFC;cursor: pointer;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
#korisnik section.korisnik-section .h h2 span svg:hover {stroke:#2193CF}
#korisnik .b {color:#364153;}
#korisnik .b a {color:inherit;}
#korisnik .b a:hover {color:#155DFC;}
#korisnik .b h2 {font-weight:600;line-height:1.65em;padding-top:0.75em;font-size:1em;color:#1C398E;padding-bottom:0.75em;}
#korisnik .b h2:first-child {padding-top: 0.25em;}
#korisnik .b p {line-height:1.65em;padding-top:0.25em;}
#korisnik .b p.ime {line-height:1.125em;font-weight:700;font-size:1.125em;color:#155DFC;padding-top:0em;padding-bottom:0.25em;}
#korisnik .b p.w-pikto {padding-left:1.65em;}
#korisnik .b p.w-pikto span.pikto {width:1.65em;height:1.65em;position:relative;z-index:120;display: block;float:left;margin-left:-1.65em;}
#korisnik .b p.w-pikto span.pikto svg {position:absolute;z-index:120;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1em;fill:none;stroke:#364153;}
#korisnik .b p span.f-edit {display: flex;gap:0.25em;justify-content: flex-start;}
#korisnik .b p span.f-edit strong {font-weight: 400;}
#korisnik .b p span.f-edit span.izmeni {display: block;width:1.65em;height:1.65em;position:relative;z-index:120;}
#korisnik .b p span.f-edit span.izmeni svg {position:absolute;z-index:120;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1em;fill:none;stroke:#155DFC;cursor: pointer;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
#korisnik .b p span.f-edit span.izmeni svg:hover {stroke:#2193CF}
#korisnik .b p span.f-edit span.dodaj {display: block;white-space: nowrap;color:#646464;background:#e2e2e2;font-size:0.65em;line-height:1em;padding:0.5em 0.75em;font-weight: 400;border-radius:0.5em;cursor:pointer;align-self: center;text-transform: uppercase;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
#korisnik .b p span.f-edit span.dodaj:hover {background:#155DFC;color:#ffffff;}
#korisnik .b p.adresa.w-pikto span.pikto svg {stroke:none;fill:#364153;width:1.2em;}
#korisnik .b .button-placanje {padding-top:0.25em;}
#korisnik .b .button-placanje p {padding-top:0em;position:relative;z-index:120;height:3.2em;width:100%;display: block;border-radius:0.75em;border:0.15em solid;overflow: hidden;font-size:1em;cursor:pointer;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
#korisnik .b .button-placanje p {background: none;border-color:#f2f2f2;color:#000000;}
#korisnik .b .button-placanje p:focus {border-color:#ffc22b;}
#korisnik .b .button-placanje p:hover {border-color:#2193CF;}
#korisnik .b .button-placanje p span.inp {position:absolute;z-index:120;line-height:1.65em;white-space: nowrap;display: flex;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);justify-content: center;gap:0.35em;}
#korisnik .b .button-placanje p span.pikto {width:1.65em;height:1.65em;position:relative;z-index:120;display: block;}
#korisnik .b .button-placanje p span.pikto svg {position:absolute;z-index:120;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1em;fill:none;stroke:#364153;}
#korisnik .b .button-placanje p strong {font-weight: 600;}
#korisnik .b .button-placanje p span.f-dug {display:block;padding-left:1.5em;color:#e7000b;font-size:0.85em;align-self: center;}
#korisnik .b .button-placanje p span.f-dug::before {content:'\2613';display: block;margin-left:-1.5em;float:left;width:1.5em;text-align: center;font-weight: 600;}
#korisnik .b .button-placanje p span.f-dug:has(span.dug:empty) {color:#5BC660;}
#korisnik .b .button-placanje p span.f-dug:has(span.dug:empty)::before {content:'\2713';}
#korisnik .b .button-placanje p .pikto {display: none;}
#korisnik .b .button-placanje p span.f-placanje {display: flex;justify-content: space-between;}
#korisnik .b .button-placanje p span.f-placanje strong {font-weight: 400;display: block;padding-right:1.9em;}
#korisnik .b .button-placanje p span.f-placanje strong span.ic {display: block;float:right;margin-right:-1.9em;width:1.65em;height:1.65em;position:relative;z-index:120;border:none;}
#korisnik .b .button-placanje p span.f-placanje strong span.ic svg {position:absolute;z-index:120;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1em;fill:none;stroke:#155DFC;cursor: pointer;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
#korisnik .b .button-placanje p span.f-placanje span.dug {color:#e7000b;}
#korisnik .b .paketclan p.kalendar {padding-top:1em;}
#korisnik .b .paketclan p.kalendar:first-child {padding-top: 0em;}
#korisnik .b .paket {display: flex;gap:0.25em;padding-top:0.25em;}
#korisnik .b .paket span {display: block;white-space: nowrap;color:#1447E6;font-size:0.85em;line-height:1.25em;padding:0.25em 0.5em;font-weight: 600;border-radius:0.5em;border:1px solid #9CCCFF;}
#korisnik .b .paket span.izmeni {display: block;font-size:0.85em;width:1.75em;height:1.75em;position:relative;z-index:120;border:none;}
#korisnik .b .paket span.izmeni svg {position:absolute;z-index:120;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1em;fill:none;stroke:#155DFC;cursor: pointer;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
#korisnik .b .paket span.izmeni svg:hover {stroke:#2193CF}
#korisnik .b .nivo {display: flex;gap:0.25em;padding:0.25em 0em;justify-content: flex-start;}
#korisnik .b .nivo span {display: block;white-space: nowrap;color:#ffffff;background:#9810FA;font-size:0.85em;line-height:1.25em;padding:0.25em 0.5em;font-weight: 600;border-radius:0.5em;}
#korisnik .b .nivo span.nivo-3 {background:#2B7FFF;}
#korisnik .b span.dodaj {display: inline-block;white-space: nowrap;color: #1447E6;font-size: 0.85em;line-height: 1.25em;padding: 0.25em 0.75em;font-weight: 600;border-radius: 0.5em;cursor:pointer;border: 1px solid #9CCCFF;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
#korisnik .b span.dodaj:hover {border-color:#1447E6;background:#1447E6;color:#ffffff;}
#korisnik .placanje {padding-top:0.5em;}
#korisnik p.h-placanje {cursor:pointer;}
#korisnik p span.f-placanje {display: flex;justify-content: space-between;}
#korisnik p span.f-placanje strong {font-weight: 400;display: block;padding-right:1.9em;}
#korisnik p span.f-placanje strong span.ic {display: block;float:right;margin-right:-1.9em;width:1.65em;height:1.65em;position:relative;z-index:120;border:none;}
#korisnik p span.f-placanje strong span.ic svg {position:absolute;z-index:120;left:50%;top:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:1em;fill:none;stroke:#155DFC;cursor: pointer;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
#korisnik p span.f-placanje span.dug {color:#e7000b;}
#korisnik .uplate {padding-top:0.5em;}
#korisnik .uplate.hide {display: none;}
#korisnik .uplate .h-uplate {display: flex;justify-content: space-between;gap:0.5em;}
#korisnik .uplate .h-uplate span.iznos {color:#155DFC;white-space: nowrap;line-height:1.5em;}
#korisnik .uplate button {font-size:1em;line-height:1.5em;padding-left:1.65em;}
#korisnik .uplate button span {display: block;width:1em;height:1em;float:left;margin-left:-1.325em;margin-top:0.25em;position:relative;z-index:120;}
#korisnik .uplate button span::before,
#korisnik .uplate button span::after {display: block;position:absolute;z-index:120;content:' ';width:2px;border-radius:1px;height:100%;background:#364153;top:50%;left:50%;margin:-50% -1px;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
#korisnik .uplate button span::after {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
#korisnik .uplate button.on span::before {-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
#korisnik .uplate button.on span::after {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);opacity:0;}
#korisnik .uplate .ul {display: none;}
#korisnik .uplate ul {display: flex;justify-content: flex-start;gap:0.25em;flex-wrap: wrap;padding-top:0.75em;}
#korisnik .uplate li {font-size:0.75em;padding:0.5em 0.75em;padding-right:2em;border-radius:0.75em;border:1px solid #9CCCFF;}
#korisnik .uplate p {line-height: 1.35em;padding:0px;}
#korisnik .uplate p span {display: block;white-space: nowrap;}
#korisnik .uplate p span.blue {color:#155DFC;}
#korisnik .uplate p span strong {font-weight: 600;}
#korisnik .uplate li span.ponisti {display: block;float:right;width:1em;height:1em;position:relative;z-index:120;margin-right:-1.5em;cursor: pointer;}
#korisnik .uplate li span.ponisti::before,
#korisnik .uplate li span.ponisti::after {display: block;position:absolute;z-index:120;content:' ';width:2px;border-radius:1px;height:100%;background:#155DFC;top:50%;left:50%;margin:-50% -1px;}
#korisnik .uplate li span.ponisti::before {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
#korisnik .uplate li span.ponisti::after {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
#korisnik .f-dodaj-paket {padding-top:0.75em;}

#osnovni-podaci-izmeni {padding:1.5em 0em;}
#osnovni-podaci-izmeni h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;}
#osnovni-podaci-izmeni p.lab {line-height: 1.2em;font-weight: 600; padding-bottom: 0.5em;}
#osnovni-podaci-izmeni .broj-telefona {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
#osnovni-podaci-izmeni .broj-telefona .formel {margin-bottom: 0em;}
#osnovni-podaci-izmeni .broj-telefona .formel.formel-select {width:7em;}
#osnovni-podaci-izmeni .broj-telefona .formel.formel-input {width:calc(100% - 7.5em);}
#korisnik-adresa-izmeni {padding:1.5em 0em;}
#korisnik-adresa-izmeni h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;}
#korisnik-izmeni-paket {padding:1.5em 0em;}

/* korisnik-placanje-detaljno */
#korisnik-placanje-detaljno {padding:1.5em 0em;}
#korisnik-placanje-detaljno h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;}
#korisnik-placanje-detaljno .formel.formel-checkboxes.simple span.cont em b {font-weight:400;color:#EA1821;}

/* korisnik-usluge */
.korisnik-usluge .grupa {padding:1.5em 0em;border-top:1px solid #CCE2FD;}
.korisnik-usluge .grupa:first-child {padding-top:0em;border:none;}
.korisnik-usluge .grupa:last-child {padding-bottom:0em;}
.korisnik-usluge .h-tip {border:1px solid #CCE2FD;border-radius:0.75em;padding:1em;margin-bottom:1em;}
.korisnik-usluge .h-tip:last-child {margin-bottom: 0em;}
.korisnik-usluge .h-tip .formel {margin-bottom: 0em;}
.korisnik-usluge h2 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;color:#1C398E;}
.korisnik-usluge p.lab {line-height: 1.2em;font-weight: 600; padding-bottom: 0.5em;}
.korisnik-usluge .broj-telefona {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
.korisnik-usluge .broj-telefona .formel {margin-bottom: 0em;}
.korisnik-usluge .broj-telefona .formel.formel-select {width:7em;}
.korisnik-usluge .broj-telefona .formel.formel-input {width:calc(100% - 7.5em);}
.korisnik-usluge .trajanje-ugovora {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
.korisnik-usluge .trajanje-ugovora .formel {margin-bottom: 0em;}
.korisnik-usluge .trajanje-ugovora .formel.formel-date {width:calc(50% - 0.25em);}
.korisnik-usluge .adresa-mesto {display: flex;width:100%;margin-bottom: 1em;justify-content: space-between;}
.korisnik-usluge .adresa-mesto .formel {margin-bottom: 0em;}
.korisnik-usluge .adresa-mesto .formel.formel-input {width:calc(50% - 0.25em);}
.korisnik-usluge .tip {display: none;padding-top:1em;}
.korisnik-usluge .in-tip {display: flex;width:100%;justify-content: space-between;}
.korisnik-usluge .clan-tip {width:calc(50% - 0.5em);}

/* rad-section */
.rad-section {display: none;}
.rad-section.on-section {display: block;}
.rad-section .b {padding:1em 0em;}
#rad-pregled .b li {background:#F9FAFB;margin-bottom: 1em;border-radius:0.75em;padding:1em 1em 1em 1.5em;}
#rad-pregled .b li:last-child {margin-bottom: 0em;}
#rad-pregled .b li .info {padding-bottom: 0.75em;font-size:0.85em;}
#rad-pregled .b li .info.w-edit {padding-right:3em;}
#rad-pregled .b li span.edit {display: block;position:relative;z-index:120;width:2.5em;height:2.5em;float:right;margin-right:-3em;border:1px solid #E8E8E8;background:#F4F4F4;border-radius:0.5em;cursor: pointer;-o-transition:border 0.3s;-moz-transition:border 0.3s;-webkit-transition:border 0.3s;transition:border 0.3s;}
#rad-pregled .b li span.edit:hover {border-color: #155DFC;}
#rad-pregled .b li span.edit svg {display: block;position:absolute;z-index:120;left:50%;top:50%;width:1em;margin:-0.5em;fill:none;stroke:#242424;-o-transition:stroke 0.3s;-moz-transition:stroke 0.3s;-webkit-transition:stroke 0.3s;transition:stroke 0.3s;}
#rad-pregled .b li span.edit:hover svg {stroke:#155DFC;}
#rad-pregled .b li .inh {display: flex;gap:0.75em;justify-content: flex-start;height:2.5em;}
#rad-pregled .b li p.vreme {color:#4C5463;line-height:1.5em;align-self: center;padding:0em;}
#rad-pregled .b li p.zavrseno {color:#5BC660;display: block;padding:0.25em 0.5em;line-height:1.5em;align-self: center;border:2px solid #5BC660;border-radius: 0.5em;font-weight:600;}
#rad-pregled .b li p.preskoceno {color:#DD5654;display: block;padding:0.25em 0.5em;line-height:1.5em;align-self: center;border:2px solid #DD5654;border-radius: 0.5em;font-weight:600;}
#rad-pregled .b li p.chat {color:#F09873;line-height:1.5em;align-self: center;font-weight: 600;padding:0.5em 3em 0.5em 0em;}
#rad-pregled .b li p.chat em {font-style: normal;}
#rad-pregled .b li p.chat span.ic {display: block;float:right;margin:-0.5em -3em -0.5em 0em;position:relative;z-index:120;width:2.5em;height:2.5em;border-radius:1.25em;box-sizing: border-box;border:2px solid #F09873;}
#rad-pregled .b li p.chat span.ic svg {display: block;position:absolute;z-index:120;fill:none;stroke:#F09873;width:1em;left:50%;top:50%;margin:-0.5em;}
#rad-pregled .b li p.naslov {line-height:1.25em;font-weight: 600;color:#242424;}
#rad-pregled .b li p.naslov.f-preskoceno {text-decoration: line-through;}
#rad-pregled .napomena {padding-top:0.5em;}
#rad-pregled .napomena .in-napomena {display: none;}
#rad-pregled .napomena p.prikazi {cursor: pointer;color:#696969;line-height:1.5em;font-size:0.75em;padding-left:1.5em;}
#rad-pregled .napomena p.prikazi span {display: block;float:left;width:1em;height:1.5em;position:relative;z-index:120;margin-left:-1.5em;}
#rad-pregled .napomena p.prikazi span svg {display: block;position:absolute;z-index:120;width:1em;fill:#696969;top:50%;left:50%;margin:-0.275em -0.5em;-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
#rad-pregled .napomena.open p.prikazi span svg {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#rad-pregled .tx-napomena {padding:0.75em 0em 0em 3.5em;}
#rad-pregled .tx-napomena .ic {width:2.75em;height:2.75em;display: inline;float:left;margin-left:-3.5em;border-radius:1.375em;overflow: hidden;position:relative;z-index:100;background:#DBEAFE;}
#rad-pregled .tx-napomena .ic  svg {display: block;position:absolute;z-index:102;width:1.5em;fill:none;stroke:#155DFC;top:50%;left:50%;margin:-0.75em;}
#rad-pregled .b .tx-napomena p.n-ime {line-height:1.35em;color:#465DA2;padding:0em;font-weight: 600;}
#rad-pregled .b .tx-napomena p.tx {line-height:1.35em;padding:0em;}
#rad-pregled .tx-resp {padding:0.75em 0em 0em 5.75em;}
#rad-pregled .tx-resp .ic {width:1.5em;height:1.5em;display: inline;float:left;margin-left:-2.25em;overflow: hidden;position:relative;z-index:100;}
#rad-pregled .tx-resp .ic  svg {display: block;position:absolute;z-index:102;width:1.5em;fill:#1C398E;stroke:none;top:50%;left:50%;-ms-transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#rad-pregled .b .tx-resp .he {display: flex;justify-content: space-between;flex-wrap: wrap;}
#rad-pregled .b .tx-resp p.n-ime {line-height:1.35em;color:#465DA2;padding:0em;font-weight: 600;white-space: nowrap;max-width:95%;overflow: hidden;text-overflow: ellipsis;height:1.35em;}
#rad-pregled .b .tx-resp p.n-vreme {line-height:1.35;color:#B7B8C1;font-size:0.85em;align-self: center;white-space: nowrap;}
#rad-pregled .b .tx-resp p.tx {line-height:1.35em;padding:0em;}
#rad-pregled .odgovori p.dodaj {cursor: pointer;color:#696969;line-height:1.5em;font-size:0.75em;padding-left:6.166em;}
#rad-pregled .napomena p.dodaj span {display: block;float:left;width:1em;height:1.5em;position:relative;z-index:120;margin-left:-1.5em;}
#rad-pregled .napomena p.dodaj span::before,
#rad-pregled .napomena p.dodaj span::after {display: block;position:absolute;z-index:120;content:' ';top:50%;left:50%;background:#696969;border-radius: 1px;}
#rad-pregled .napomena p.dodaj span::before {width:2px;height:1em;margin:-0.5em -1px;}
#rad-pregled .napomena p.dodaj span::after {width:1em;height:2px;margin:-1px -0.5em;}
#rad-pregled .odgovori .f-form {padding-top:0.75em;}
#rad-pregled .odgovori .f-form input {background: #F3F3F5;display: block;border: none;outline: none;padding: 0.7em 0.65em;border-radius: 0.75em;font-size: 1em;box-sizing:border-box;width:100%;margin-bottom:0.5em;}
#rad-pregled .odgovori .f-form button {display: block;border-radius: 0.75em; position: relative;z-index: 120;width: 7em;overflow: hidden;border:none;padding:0.7em 0em;text-align:center;outline:none;font-size: 1em;cursor: pointer;background: #2193CF;border-color: #2193CF;color: #ffffff;-o-transition:0.3s;-moz-transition:0.3s;-webkit-transition:0.3s;transition:0.3s;}
#rad-pregled .odgovori .f-form button strong {font-weight:600;}
#rad-pregled .odgovori .f-form button:hover {background: #2B7FFF;}
#rad-pregled .opts {padding-top:1em;}
#rad-pregled .bts {height:1.5em;}
#rad-pregled .bts .ibts {display: flex;justify-content: space-between;}
#rad-pregled .bts button {display: block;white-space: nowrap;font-size:1em;line-height:1.5em;color:#1C398E;padding:0px;border:none;outline:none;background:none;}
#rad-pregled .bts button:hover {color:#2193CF;}
#rad-pregled .bts .hide button {display: none;}
#rad-pregled .ldr {display:none;height:1.5em;background:url(../../img/base/loader.gif) center no-repeat;background-size:auto 100%;}
#rad-edit {padding:1.5em 0em;}
#rad-edit h1 {font-size: 1.3em;font-weight: 600;line-height:1.15em;padding-bottom:0.75em;text-align: left;}
section.korisnik-radovi li {padding:0.75em 0em;border-top:1px dashed #d9d9d9;}
section.korisnik-radovi li:first-child {padding-top: 0em;border-top:none;}
section.korisnik-radovi li:last-child {padding-bottom: 0em;}
section.korisnik-radovi li a {display: block;}
section.korisnik-radovi li span.rad-info {display:flex;justify-content:flex-start;padding-bottom:0.25em;line-height:1.5em;font-size:0.85em;gap:0.75em;}
section.korisnik-radovi li span.rad-info .vreme {display:block;color:#4C5463;align-self: center;}
section.korisnik-radovi li span.rad-info span.zavrseno {color:#5BC660;display: block;padding:0.25em 0.5em;line-height:1.5em;align-self: center;border:2px solid #5BC660;border-radius: 0.5em;font-weight:600;}
section.korisnik-radovi li span.rad-info span.preskoceno {color:#DD5654;display: block;padding:0.25em 0.5em;line-height:1.5em;align-self: center;border:2px solid #DD5654;border-radius: 0.5em;font-weight:600;}
section.korisnik-radovi li span.chat {align-self: center;display: block;position:relative;z-index:120;width:2.5em;height:2.5em;border-radius:1.25em;box-sizing: border-box;border:2px solid #F09873;}
section.korisnik-radovi li span.chat svg {display: block;position:absolute;z-index:120;fill:none;stroke:#F09873;width:1em;left:50%;top:50%;margin:-0.5em;}
section.korisnik-radovi li strong.rad-naslov {display:block;line-height:1.25em;font-weight: 600;color:#242424;}
section.korisnik-radovi li strong.rad-naslov.f-preskoceno {text-decoration: line-through;}
section.korisnik-radovi li span.rad-klijent {display: block;line-height:1.5em;padding-top:0.25em;color:#242424;font-size:0.75em;text-transform: uppercase;letter-spacing: 0.025em;}

/* pocetna-paket */
section.pocetna-paket .aktuelno {padding-bottom:1em;text-align:center;}
#korisnik section.pocetna-paket .b .aktuelno p.lab {text-transform: uppercase;letter-spacing: 0.015em;font-size:0.75em;line-height:1em;}
section.pocetna-paket .aktuelno li {padding-top:0.5em;}
#korisnik section.pocetna-paket .b .aktuelno li p.naziv {display: flex;justify-content: center;gap:0.75em;font-weight:700;text-transform: uppercase;line-height:1em;font-size:1.35em;flex-wrap: wrap;}
#korisnik section.pocetna-paket .b .aktuelno p.trajanje {font-size:0.85em;line-height:1.15em;padding-top:0.25em;}
#korisnik section.pocetna-paket .b .vidi a {position:relative;z-index:120;width:100%;box-sizing:border-box;display: block;border-radius:0.75em;padding:1em 0.5em;line-height:1.2em;font-weight:500;background: #2193CF;color:#ffffff;text-align: center;}
#korisnik section.pocetna-paket .b .vidi a:hover {background:#0E365C;color:#ffffff;}
section.pocetna-paket .arhiva {padding-top:1em;text-align:center;}
#korisnik section.pocetna-paket .b .arhiva p.lab {text-transform: uppercase;letter-spacing: 0.015em;font-size:0.75em;line-height:1em;cursor:pointer;display: flex;justify-content: center;gap:0.375em;}
#korisnik section.pocetna-paket .b .arhiva p.lab strong {font-weight: 400;}
#korisnik section.pocetna-paket .b .arhiva p.lab span.dd {width:1.35em;height:1em;overflow: visible;position:relative;z-index:120;}
#korisnik section.pocetna-paket .b .arhiva p.lab span.dd svg {position:absolute;z-index:120;left:50%;top:50%;width:1.8em;height:1em;margin:-0.5em -0.9em;font-size:0.75em;fill:#364153;-o-transition:transform 0.3s;-moz-transition:transform 0.3s;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s;}
#korisnik section.pocetna-paket .b .arhiva.open p.lab span.dd svg {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#korisnik section.pocetna-paket .arhiva ul {display: none;padding-top:0.5em;}
section.pocetna-paket .arhiva li {padding-top:0.5em;}
#korisnik section.pocetna-paket .b .arhiva li p.naziv {display: flex;justify-content: center;gap:0.75em;font-weight:700;text-transform: uppercase;line-height:1em;font-size:1.35em;flex-wrap: wrap;}
#korisnik section.pocetna-paket .b .arhiva p.trajanje {font-size:0.85em;line-height:1.15em;padding-top:0.25em;}

/* rad-section */
#korisnik section.uplate-section .b {padding:1em 0em;}
#korisnik section.uplate-section .b li {background:#F9FAFB;margin-bottom: 1em;border-radius:0.75em;padding:1em 0.75em;}
#korisnik section.uplate-section .b li:last-child {margin-bottom: 0em;}
#korisnik section.uplate-section .b li p.naziv {text-transform: capitalize;line-height:1.35em;font-weight:600;font-size:1.15em;}
#korisnik section.uplate-section .b li.placeno p.naziv {color:#5BC660;}
#korisnik section.uplate-section .b li.cek p.naziv {color:#DD5654;}
#korisnik section.uplate-section .b li p.vreme {line-height:1.35em;}

/* o-nama */
#o-nama-page {min-height:calc(100vh - 184px);}
@media screen and (min-width: 639px)
{
	#o-nama-page {min-height:calc(90vh - 184px);}
}
@media screen and (min-width: 639px) and (min-height: 932px)
{
	#o-nama-page {min-height:656px;}
}
#o-nama {margin-bottom:1em;}
#o-nama *::selection {color:#2193CF;}
.in-o-nama {display: flex;justify-content: space-between;padding:1.5em 0em;}
.in-o-nama .logo {width:45%;align-self: center;}
.in-o-nama .logo svg {display: block;width:100%;fill:#2193CF;}
.in-o-nama .info {line-height:1.65em;color:#38529C;text-align: right;}
.in-o-nama .info li.naziv-kompanije {font-weight: 600;}
#o-nama-sadrzaj li {border-bottom:1px solid #CCE2FD;}
#o-nama-sadrzaj li:last-child {border: none;}
#o-nama-sadrzaj li .h {cursor: pointer;line-height: 1.2;color:#38529C;font-weight:600;padding:0.75em 1.5em 0.75em 0em;}
#o-nama-sadrzaj li .h span {width:0em;height:0em;float:right;display:block;overflow: visible;position:relative;z-index:100;margin-right:-1em;margin-top:0.6em;}
#o-nama-sadrzaj li .h strong {display: block;font-weight: 600;overflow: visible;}
#o-nama-sadrzaj li .h span svg {display: block;position:absolute;z-index:120;width:1em;fill:#38529C;top:50%;left:50%;margin:-0.275em -0.5em;-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}
#o-nama-sadrzaj li.on .h span svg {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
#o-nama-sadrzaj li .b {display: none;line-height:1.65em;color:#364153;padding:0.75em 0em;font-size:0.85em;}



/*


foot ico
	90A1B9
red
	EA1821
bled tekst
	717182
tekst
	0a0a0a
fokus border
	EA1821

-o-transition:transform 0.5s;-moz-transition:transform 0.5s;-webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;

-ms-transform: translate(-100%, -50%);-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%);

*/


@media screen and (max-width: 479px)
{
}
@media screen and (min-width: 479px)
{
}
@media screen and (min-width: 639px)
{
}
@media screen and (min-width: 777px)
{
}
@media screen and (min-width: 959px)
{
}
@media screen and (min-width: 1023px)
{
}
@media screen and (min-width: 1169px)
{
}
@media screen and (min-width: 1399px)
{
}
@media screen and (min-width: 1639px)
{
}
@media screen and (min-width: 1919px)
{
}