@charset "UTF-8";
/* ------------------------------------------------
	                CSS reset ( http://meyerweb.com/eric/tools/css/reset/ )
--------------------------------------------------*/
/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size: 1.0em;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*/
/* ------------------------------------------------
	              Compass importok
--------------------------------------------------*/
/* ------------------------------------------------
	             Egyedi betűtípusok
--------------------------------------------------*/
@import url("custom-fonts.css");
/* ------------------------------------------------
            	   Stílus változók 
--------------------------------------------------*/
/* ------------------------------------------------
	Loading képernyő ha megszakad a kapcsolat
--------------------------------------------------*/
/* line 57, ../../scss/base/manager.scss */
#qnet-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.8;
  background-color: #1b2933;
  z-index: 999;
}
/* line 67, ../../scss/base/manager.scss */
#qnet-loading .spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
}
/* line 77, ../../scss/base/manager.scss */
#qnet-loading .spinner .path {
  stroke: #93c5ec;
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}
/* line 84, ../../scss/base/manager.scss */
#qnet-loading .status {
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -40%;
  margin-top: 40px;
  width: 80%;
  height: 50px;
  font-size: 1.5em;
  text-align: center;
  color: #93c5ec;
}
@-moz-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}
/* ------------------------------------------------
	         Általános globális stílusok
--------------------------------------------------*/
/* line 126, ../../scss/base/manager.scss */
html, body {
  color: #374d59;
  font-family: "Open Sans", "Helvetica Neue", "Tahoma", sans-serif;
  overflow: hidden;
  font-size: 16px;
}

/* line 134, ../../scss/base/manager.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-smoothing: antialiased;
  font-size: 1.0em;
}

/* ------------------------------------------------
	         Általános stílusok
--------------------------------------------------*/
/* line 172, ../../scss/base/manager.scss */
button, .page .loginBox .field button.loginButton {
  padding: 5px 10px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1ZTJmMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzczYjlkZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c5e2f2), color-stop(100%, #73b9de));
  background-image: -moz-linear-gradient(#c5e2f2, #73b9de);
  background-image: -webkit-linear-gradient(#c5e2f2, #73b9de);
  background-image: linear-gradient(#c5e2f2, #73b9de);
  background-image: -ms-linear-gradient(#c5e2f2, #73b9de);
  border-radius: 5px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.6);
  color: #374d59;
  font-size: 1.15em;
  font-family: "Open Sans", "Helvetica Neue", "Tahoma", sans-serif;
  font-weight: 500;
  text-align: center;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
/* line 190, ../../scss/base/manager.scss */
button:hover, .page .loginBox .field button.loginButton:hover {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjdmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzljY2RlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eff7fb), color-stop(100%, #9ccde8));
  background-image: -moz-linear-gradient(#eff7fb, #9ccde8);
  background-image: -webkit-linear-gradient(#eff7fb, #9ccde8);
  background-image: linear-gradient(#eff7fb, #9ccde8);
  background-image: -ms-linear-gradient(#eff7fb, #9ccde8);
  box-shadow: 0 0 15px rgba(115, 185, 222, 0.8);
}
/* line 195, ../../scss/base/manager.scss */
button:active, .page .loginBox .field button.loginButton:active {
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
}
/* line 199, ../../scss/base/manager.scss */
button.disabled, .page .loginBox .field button.disabled.loginButton, button:disabled, .page .loginBox .field button.loginButton:disabled {
  opacity: 0.5;
  cursor: default;
}
/* line 203, ../../scss/base/manager.scss */
button.disabled:hover, .page .loginBox .field button.disabled.loginButton:hover, button:disabled:hover, .page .loginBox .field button.loginButton:disabled:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 210, ../../scss/base/manager.scss */
.align-left {
  text-align: left;
}

/* line 211, ../../scss/base/manager.scss */
.align-center {
  text-align: center;
}

/* line 212, ../../scss/base/manager.scss */
.align-right {
  text-align: right;
}

/* line 214, ../../scss/base/manager.scss */
input, select {
  background-color: white;
  color: #374d59;
}

/* ------------------------------------------------
	         Lap stílus
--------------------------------------------------*/
/* line 223, ../../scss/base/manager.scss */
.page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #dae3e8;
}
/* line 232, ../../scss/base/manager.scss */
.page > .content {
  position: absolute;
  top: 60px;
  left: 250px;
  right: 0;
  bottom: 0;
  overflow: auto;
  background-color: #eaeff2;
  font-size: 1.0rem;
}
/* line 248, ../../scss/base/manager.scss */
.page .loginBox {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 400px;
  height: 350px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  background-color: #547588;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZjOTBhNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzU0NzU4OCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #6c90a4), color-stop(100%, #547588));
  background-image: -moz-linear-gradient(#6c90a4, #547588);
  background-image: -webkit-linear-gradient(#6c90a4, #547588);
  background-image: linear-gradient(#6c90a4, #547588);
  background-image: -ms-linear-gradient(#6c90a4, #547588);
  font-family: "Open Sans", "Helvetica Neue", "Tahoma", sans-serif;
}
/* line 263, ../../scss/base/manager.scss */
.page .loginBox .title {
  color: #FFFFFF;
  font-family: "Segoe UI Light", "Lato", "Tahoma", sans-serif;
  font-size: 1.5em;
  font-weight: 300;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.5);
  margin: 5px;
  width: 100%;
  text-align: center;
  letter-spacing: 2px;
  padding: 10px 0 10px 0;
}
/* line 277, ../../scss/base/manager.scss */
.page .loginBox .companyName {
  color: #FFFFFF;
  font-family: "Segoe UI Light", "Lato", "Tahoma", sans-serif;
  font-size: 0.9em;
  font-weight: 300;
  margin: 5px;
  width: 100%;
  text-align: center;
  padding: 0px 20px 10px 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* line 294, ../../scss/base/manager.scss */
.page .loginBox .field {
  position: relative;
}
/* line 141, ../../scss/base/manager.scss */
.page .loginBox .field input.placeholder {
  color: #cccccc;
}
/* line 142, ../../scss/base/manager.scss */
.page .loginBox .field input:-moz-placeholder {
  color: #cccccc;
}
/* line 143, ../../scss/base/manager.scss */
.page .loginBox .field input::-moz-placeholder {
  color: #cccccc;
}
/* line 144, ../../scss/base/manager.scss */
.page .loginBox .field input:-ms-input-placeholder {
  color: #cccccc;
}
/* line 145, ../../scss/base/manager.scss */
.page .loginBox .field input::-webkit-input-placeholder {
  color: #cccccc;
}
/* line 301, ../../scss/base/manager.scss */
.page .loginBox .field input[type=text], .page .loginBox .field input[type=password] {
  width: 300px;
  left: 40px;
  right: 40px;
  padding: 10px 40px 10px 10px;
  margin: 10px 50px;
  background-color: white;
  border-radius: 5px;
  border: 1px solid #415a69;
  -moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
  color: Black;
  font-family: "Open Sans", "Helvetica Neue", "Tahoma", sans-serif;
  font-size: 1.2em;
  font-weight: 200;
}
/* line 319, ../../scss/base/manager.scss */
.page .loginBox .field button.loginButton {
  float: right;
  margin-right: 50px;
  margin-top: 20px;
}
/* line 327, ../../scss/base/manager.scss */
.page .loginBox .field button.loginButton .ui-button-text {
  padding: 0.2em 1em;
}
/* line 332, ../../scss/base/manager.scss */
.page .loginBox .field i.fa {
  font-size: 1.5em;
  color: #cccccc;
  position: absolute;
  right: 65px;
  top: 24px;
  width: 20px;
  height: 20px;
}
/* line 343, ../../scss/base/manager.scss */
.page .loginBox .field:after {
  content: '';
  display: block;
  clear: both;
}
/* line 351, ../../scss/base/manager.scss */
.page .loginBox .error {
  display: block;
  margin-left: 0px;
  margin-bottom: 10px;
  color: #ffb3b3;
  text-shadow: 0 0 10px red;
  text-align: center;
  font-size: 0.75em;
  line-height: 15px;
}
/* line 365, ../../scss/base/manager.scss */
.page .loginBox .loginMsg {
  display: block;
  margin: 10px;
  margin-bottom: 40px;
  color: #FFFFFF;
  text-shadow: none;
  text-align: justify;
  font-size: 1em;
  line-height: 25px;
}

/* line 385, ../../scss/base/manager.scss */
.ui-widget {
  font-family: "Open Sans", "Helvetica Neue", "Tahoma", sans-serif;
}