/* Responsivnes */
/* Buttons */
/* Content */
/* Tables */
/* oLD   */
/*

// Page
$pageAllBackground: #fff;
$colorLink: #292c65;
$colorLinkHover: #000;

$colorH1Cnt: #c61732;
$colorH1Bkg: #fff;
$colorH1Brd: #5ec4e1;


// Margins
$verticalSectionMargin: 2em;
$verticalElementMargin: 1em;
$horizontalSectionMargin: .375em;
$horizontalSectionHalfMargin: .1875em;
$horizontalSectionHalfNegativeMargin: -.1875em;


// Menu
$fontMainMenu: open-sans, sans-serif;

$colorMainMenuCnt: #231f20;
$colorMainMenuBkg: #d1d2d4;
$colorMainMenuHoverCnt: #fff;
$colorMainMenuHoverBkg: #21444e;

$colorMainMenuContactCnt: #fff;
$colorMainMenuContactBkg: #666;
$colorMainMenuContactHoverCnt: #fff;
$colorMainMenuContactHoverBkg: #21444e;

// Right Column
$fontHeaderRightColumn: open-sans-extrabold, sans-serif;


//$colorRightColumnCnt: #fff;
//$colorRightColumnBkg: #8b0c18;
$colorRightColumnCnt: #6b6b6b;
$colorRightColumnBkg: #f4f4f4;
$colorRightColumnShadow: #d1d2d4;

//Warnings
$colorWarningColumnCnt: #fff;
$colorWarningColumnBkg: #db1d25;
*/
/* Responsivnes */
/* Buttons */
/* Content */
/* Tables */
/* oLD   */
/*

// Page
$pageAllBackground: #fff;
$colorLink: #292c65;
$colorLinkHover: #000;

$colorH1Cnt: #c61732;
$colorH1Bkg: #fff;
$colorH1Brd: #5ec4e1;


// Margins
$verticalSectionMargin: 2em;
$verticalElementMargin: 1em;
$horizontalSectionMargin: .375em;
$horizontalSectionHalfMargin: .1875em;
$horizontalSectionHalfNegativeMargin: -.1875em;


// Menu
$fontMainMenu: open-sans, sans-serif;

$colorMainMenuCnt: #231f20;
$colorMainMenuBkg: #d1d2d4;
$colorMainMenuHoverCnt: #fff;
$colorMainMenuHoverBkg: #21444e;

$colorMainMenuContactCnt: #fff;
$colorMainMenuContactBkg: #666;
$colorMainMenuContactHoverCnt: #fff;
$colorMainMenuContactHoverBkg: #21444e;

// Right Column
$fontHeaderRightColumn: open-sans-extrabold, sans-serif;


//$colorRightColumnCnt: #fff;
//$colorRightColumnBkg: #8b0c18;
$colorRightColumnCnt: #6b6b6b;
$colorRightColumnBkg: #f4f4f4;
$colorRightColumnShadow: #d1d2d4;

//Warnings
$colorWarningColumnCnt: #fff;
$colorWarningColumnBkg: #db1d25;
*/
tr.active {
  background-color: #fff !important;
}

form div.separator {
  margin: 0.5em;
  color: rgba(94, 126, 202, 0.8);
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.25em 1em;
}

form div.separator {
  background-color: rgba(106, 168, 255, 0.1);
  border-top: 1px solid rgba(106, 168, 255, 0.5);
  border-bottom: 1px solid rgba(106, 168, 255, 0.25);
}

form fieldset {
  clear: both;
  margin-bottom: 1em;
}

form label {
  display: block;
  width: 100%;
  color: #aaa;
  line-height: 1.25em;
  margin-bottom: 0.125em;
  padding: 0 0.375em;
  font-family: RobotoCondensed, Helvetica, Arial, sans-serif;
}

form .mandatory label {
  color: #000000;
}

form .qhelp label {
  padding-right: 2em;
}

form select {
  display: block;
  width: 100%;
}

form input, form textarea {
  outline: none;
  display: block;
  width: 100%;
  overflow: visible;
  border: 1px solid #cccccc;
  line-height: 1.5em;
  padding: 0.25em 1em;
  border-radius: 0.125em;
  background-color: #fafafa;
}

form input:focus, form textarea:focus {
  color: #333333;
  border: 1px solid #7599ef;
  background-color: #fff;
}

form .wrap.empty {
  height: 4.5em;
}

form .wrap.label_padding {
  padding-top: 1.875em;
}

form .readonly input, form .readonly textarea {
  border: 1px solid transparent;
  overflow: visible;
  background-color: #f3f3f3;
  pointer-events: none;
}

form .readonly input:focus, form .readonly textarea:focus {
  border: 1px solid transparent;
}

form .light_switch label {
  display: none;
}

form span.switch {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  overflow: hidden;
  border: 1px solid #cccccc;
  line-height: 1.5em;
  padding: 0.25em 0.75em;
  border-radius: 0.125em;
  color: #fff;
  background-color: #bbb;
}

form span.switch.active {
  color: #555;
  background-color: #fff;
  border: 1px solid #cccccc;
  box-shadow: 0 0 6px 1px #fff;
}

form span.switch:hover {
  cursor: pointer;
  color: #000;
  border: 1px solid #7599ef;
}

form .button_switch label {
  display: none;
}

form .button_switch div.switch {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
  border: 1px solid #cccccc;
  line-height: 1.5em;
  padding: 0.25em 0.75em;
  border-radius: 0.125em;
  color: #fff;
  background-color: #bbb;
}

form .button_switch div.switch.active {
  color: #555;
  background-color: #fff;
  border: 1px solid #cccccc;
  box-shadow: 0 0 6px 1px #fff;
}

form .button_switch div.switch:hover {
  cursor: pointer;
  color: #000;
  border: 1px solid #7599ef;
}

form .button_switch div.switch span {
  display: inline-block;
  font-size: 1.0714em;
  line-height: 1em;
  width: 1.25em;
  text-align: center;
  padding: 0.125em;
  margin: 0 0.375em 0 -0.375em;
  border-radius: 0.25em;
  color: transparent;
  border: 1px solid #ddd;
}

form .button_switch div.switch.active span {
  color: #000;
  background-color: #fff;
}

form .button_switch div.switch:hover span {
  border: 1px solid #777;
}

#form_tabs {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-bottom: 1em;
  font-family: RobotoCondensed, Helvetica, Arial, sans-serif;
}

#form_tabs li {
  color: #777;
  display: table-cell;
  line-height: 2.5em;
  text-align: center;
  background-color: #d0d0d0;
  box-shadow: inset 1px 0 0 0 #e8e8e8;
  cursor: pointer;
}

#form_tabs li:hover {
  color: #000;
  background-color: #dadada;
}

#form_tabs li:last-child {
  box-shadow: none;
}

#form_tabs li.tactive, .add #form_tabs li.tactive {
  color: #555;
  background-color: #e8e8e8;
}

#form_tabs li.tactive:hover {
  cursor: default;
  background-color: #e8e8e8;
}

.tab_form {
  display: none;
}

.tab_form.tactive {
  display: block;
}

.add #form_tabs li {
  color: #fff;
  cursor: default;
}

.add #form_tabs li:hover {
  color: #fff;
  background-color: #d0d0d0;
}

form .wrap .img_show {
  display: table;
  width: 100%;
}

form .wrap .img_show .img_delete_form, form .wrap .img_show .img_show_wrap {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

form .wrap .img_show .img_show_wrap {
  padding-left: 1em;
}

form .wrap .img_show .img_show_wrap img {
  width: 100%;
}

form .wrap .img_upload {
  display: table;
  width: 100%;
}

form .wrap .img_upload .img_upload_form, form .wrap .img_upload .img_upload_show {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

form .wrap .img_upload .img_upload_show {
  display: table-cell;
  width: 50%;
  vertical-align: top;
}

#image_filename {
  height: 1.5em;
  line-height: 1.5em;
  overflow: hidden;
  text-align: center;
}

#image_preview {
  text-align: center;
  height: 400px;
}

#image_preview img {
  margin: 0 auto 0 auto;
  max-width: 400px;
  max-height: 400px;
}

#image_error {
  height: 1.5em;
  width: 400px;
  line-height: 1.5em;
  overflow: hidden;
  color: #f00;
  font-weight: bold;
  text-align: center;
}

/*
fieldset {margin: 0 .5em 0 .5em}
input {display: block; width: 100%; border: 1px solid $formsInputBorderColor; line-height: 2em; padding: 0 1em; box-shadow: inset 0 1px 2px 0px #e0e0e0; border-radius: .3rem}
input:focus {color: #333333; border: 1px solid $formsInputBorderColorActive; box-shadow: 0 7px 6px -8px #aaaaaa}

textarea {display: block; width: 100%; border: 1px solid $formsInputBorderColor; line-height: 2em; padding: 0 1em; box-shadow: inset 0 1px 2px 0px #e0e0e0; border-radius: .3rem}
textarea:focus {color: #333333; border: 1px solid $formsInputBorderColorActive; box-shadow: 0 7px 6px -8px #aaaaaa}

.mce-container {box-shadow: 0 7px 6px -8px #aaaaaa !important}


.delete input {color: #777; border: 1px solid #fff; line-height: 2em; padding: 0 1em; box-shadow: none; border-radius: .3rem; background-color: #fee}
.delete input:focus {color: #777; border: 1px solid #fff; line-height: 2em; padding: 0 1em; box-shadow: none; border-radius: .3rem; background-color: #fee}

input.readonly {border: 1px solid $formsInputBorderColor !important; box-shadow: none !important; background-color: #ccc}

select {display: block; width: 100%}
label, div.label {color: #777; display: block; padding-left: .125em; padding-bottom: .125em; text-shadow:  2px 2px 2px rgba(128,128,128,.75)}
.mandatory label {color: #333}
*/
/*
button {display: block;color: #777777;  text-transform: uppercase; width: 100%;  border: 1px solid $formsInputBorderColor; line-height: 2em; padding: 0; border-radius: .3rem; background-color: #f8f8f8}
button:hover {color: #333333; border: 1px solid $formsInputBorderColorActive; background-color: #dddddd; cursor: pointer}
button:active {color: #ffffff; text-shadow: 0 1px 1px rgba(0,0,0,.25);  border: 1px solid $formsInputBorderColorActive; background-color: #cccccc; box-shadow: inset 0 1px 2px 0px rgba(0,0,0,.25)}
*/
/*

.bt_gr {color: #fff; background-color: #40d11d; @include basicButton}
.bt_gr:hover {color: #000; background-color: #cfc}
.bt_gr:active {color: #000; background-color: #9f9}

.bt_ye {color: #fff; background-color: #e2cd60; @include basicButton}
.bt_ye:hover {color: #000; background-color: #ffc}
.bt_ye:active {color: #000; background-color: #ff9}

.bt_re {color: #fff; background-color: #eee; @include basicButton}
.bt_re:hover {color: #000; background-color: #fcc}
.bt_re:active {color: #000; background-color: #f99}

.bt_bl {color: #fff; background-color: #82a8e3; @include basicButton}
.bt_bl:hover {color: #000; background-color: #ccf}
.bt_bl:active {color: #000; background-color: #99f}

.bt_disabled {color: #eee; background-color: #ddd; @include basicButton; cursor: default}
.bt_disabled:hover {color: #eee; background-color: #ddd}
.bt_disabled:active {color: #eee; background-color: #ddd}

.bt_gr {color: #fff; background-color: #40d11d; @include basicButton}
.bt_gr:hover {color: #000; background-color: #cfc}
.bt_gr:active {color: #000; background-color: #9f9}
*/
.bt_gr {
  color: rgb(22, 101, 52);
  background-color: rgb(220, 252, 231);
  border: 0;
  cursor: pointer;
  border-radius: 0.25em;
  padding: 0.25em;
}

.bt_gr:hover {
  color: #fff;
  background-color: rgb(22, 101, 52);
}

.bt_gr:active {
  color: #fff;
  background-color: rgb(22, 101, 52);
}

.bt_ye {
  color: rgb(146, 64, 14);
  background-color: rgb(254, 243, 199);
  border: 0;
  cursor: pointer;
  border-radius: 0.25em;
  padding: 0.25em;
}

.bt_ye:hover {
  color: #fff;
  background-color: rgb(146, 64, 14);
}

.bt_ye:active {
  color: #fff;
  background-color: rgb(146, 64, 14);
}

.bt_re {
  color: rgb(157, 23, 77);
  background-color: rgb(252, 231, 243);
  border: 0;
  cursor: pointer;
  border-radius: 0.25em;
  padding: 0.25em;
}

.bt_re:hover {
  color: #fff;
  background-color: rgb(157, 23, 77);
}

.bt_re:active {
  color: #fff;
  background-color: rgb(157, 23, 77);
}

.bt_or {
  color: rgb(157, 108, 23);
  background-color: rgb(252, 241, 231);
  border: 0;
  cursor: pointer;
  border-radius: 0.25em;
  padding: 0.25em;
}

.bt_or:hover {
  color: #fff;
  background-color: rgb(157, 108, 23);
}

.bt_or:active {
  color: #fff;
  background-color: rgb(157, 108, 23);
}

.bt_bl {
  color: rgb(30, 64, 175);
  background-color: rgb(219, 234, 254);
  border: 0;
  cursor: pointer;
  border-radius: 0.25em;
  padding: 0.25em;
}

.bt_bl:hover {
  color: #fff;
  background-color: rgb(30, 64, 175);
}

.bt_bl:active {
  color: #fff;
  background-color: rgb(30, 64, 175);
}

.bt_gy {
  color: rgb(52, 52, 52);
  background-color: rgb(220, 220, 220);
  border: 0;
  cursor: pointer;
  border-radius: 0.25em;
  padding: 0.25em;
}

.bt_gy:hover {
  color: #fff;
  background-color: rgb(52, 52, 52);
}

.bt_gy:active {
  color: #fff;
  background-color: rgb(52, 52, 52);
}

.bt_disabled {
  color: #eee;
  background-color: #ddd;
  border: 0;
  cursor: pointer;
  border-radius: 0.25em;
  padding: 0.25em;
  cursor: default;
}

.bt_disabled:hover {
  color: #eee;
  background-color: #ddd;
}

.bt_disabled:active {
  color: #eee;
  background-color: #ddd;
}

a.bt_gr, a.bt_ye, a.bt_re, a.bt_bl, a.bt_or {
  display: inline-block;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-family: RobotoCondensed, Helvetica, Arial, sans-serif;
  line-height: 1.625em;
  padding: 0 0.5em;
}

a.bt_gr:hover, a.bt_ye:hover, a.bt_re:hover, a.bt_bl:hover, a.bt_or:hover {
  text-decoration: none;
}

/*
.bt_gr.pushed {color: #aaa; @include linearGradient(#dfd 0%, #9f9 100%); text-shadow: none; cursor: pointer}
.bt_gr.pushed:hover {color: #000}
*/
/*
.bt_gr_dk {color: #afa; @include linearGradient(#999 0%, #666 100%); text-shadow: 0 0 1px rgba(0,0,0,.5)}
.bt_gr_dk:hover {color: #000; @include linearGradient(#dfd 0%, #9f9 100%); text-shadow: none; cursor: pointer}
.bt_gr_dk.pushed {color: #aaa; @include linearGradient(#dfd 0%, #9f9 100%); text-shadow: none; cursor: pointer}
.bt_gr_dk.pushed:hover {color: #000}
*/
/*

.bt_ye {color: #ffa; @include linearGradient(#bbb 0%, #999 100%); text-shadow: 0 0 1px  rgba(0,0,0,.7)}
.bt_ye.pushed {color: #aaa; @include linearGradient(#ffd 0%, #ff9 100%); text-shadow: 0 0 1px #fff; cursor: pointer}
.bt_ye:hover {color: #000; @include linearGradient(#ffd 0%, #ff9 100%); text-shadow: 0 0 1px #fff; cursor: pointer}
.bt_ye.pushed:hover {color: #000}
*/
/*
.bt_ye_dk {color: #ffa; @include linearGradient(#999 0%, #666 100%); text-shadow: 0 0 1px  rgba(0,0,0,.5)}
.bt_ye_dk:hover {color: #000; @include linearGradient(#ffd 0%, #ff9 100%); text-shadow: 0 0 1px #fff; cursor: pointer}
.bt_ye_dk.pushed {color: #aaa; @include linearGradient(#ffd 0%, #ff9 100%); text-shadow: 0 0 1px #fff; cursor: pointer}
.bt_ye_dk.pushed:hover {color: #000}
*/
/*

.bt_re {color: #f00; @include linearGradient(#bbb 0%, #999 100%); text-shadow: 0 0 1px rgba(255,255,255,.5)}
.bt_re:hover {color: #000; @include linearGradient(#fdd 0%, #f99 100%); text-shadow: none; cursor: pointer}
.bt_re.pushed {color: #aaa; @include linearGradient(#fdd 0%, #f99 100%); text-shadow: none; cursor: pointer}
.bt_re.pushed:hover {color: #000}
*/
div.form {
  display: none;
}

div.form.show {
  display: block;
}

/*
div.form {display: none; box-shadow: inset 0 0 0 2px #fff}
div.form.add {display: none; box-shadow: inset 0 0 0 2px #cfc}
div.form.edit {display: none; box-shadow: inset 0 0 0 2px #ffc}
div.form.delete {display: none; box-shadow: inset 0 0 0 2px #fcc}
*/
div.form .error {
  display: none;
  color: red;
}

div.form .form_error {
  display: none;
  color: red;
}

tr.xform .form_body {
  padding: 1em 1.5em;
}

form .form_buttons {
  width: 100%;
  text-align: center;
  padding: 0 1.5em 1em 1.5em;
}

form .form_buttons button, .action_buttons a {
  display: inline-block;
  line-height: 1.75em;
  margin: 1em 0.5em;
  text-transform: uppercase;
  width: 14em;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}

form .wrap button {
  display: block;
  line-height: 1.75em;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}

div.form div.tab {
  font-weight: bold;
  text-align: center;
  color: #bbb;
  border-top: 1px solid #bbbbbb;
  line-height: 2em;
  padding: 0 2em;
  box-shadow: 0 7px 6px -8px #aaaaaa;
}

div.form div.tab.selectable {
  color: #777;
}

div.form div.tab.selectable:hover {
  color: #333;
  cursor: pointer;
}

div.form div.tab.active {
  color: #555;
  border-bottom: 1px solid #bbbbbb;
}

div.form div.tab:last-child {
  border-bottom: 1px solid #bbbbbb;
}

div.form.add div.tab {
  background-color: #efe;
}

div.form.add div.tab.active {
  background-color: #cfc;
  color: #555;
}

div.form.add div.tab.selectable:hover {
  background-color: #9f9;
  color: #333;
  cursor: pointer;
}

div.form.edit div.tab {
  background-color: #ffe;
}

div.form.edit div.tab.active {
  background-color: #ffc;
  color: #555;
}

div.form.edit div.tab.selectable:hover {
  background-color: #ff9;
  color: #333;
  cursor: pointer;
}

div.form.delete div.tab {
  background-color: #fee;
}

div.form.delete div.tab.active {
  background-color: #fcc;
  color: #555;
}

div.form.delete div.tab.selectable:hover {
  background-color: #f99;
  color: #333;
  cursor: pointer;
}

form .wrap {
  margin-bottom: 0.5em;
}

form .wrap {
  display: block;
  padding: 0.5em;
  float: left;
}

form .wrap.fright {
  float: right;
}

form .inwrap {
  display: block;
  width: 100%;
}

form .wrap.w_100 {
  width: 100%;
}

form .wrap.w_1_2 {
  width: 50%;
}

form .wrap.w_1_3 {
  width: 33.33%;
}

form .wrap.w_2_3 {
  width: 66.66%;
}

form .wrap.w_1_4 {
  width: 25%;
}

form .wrap.w_3_4 {
  width: 75%;
}

form .wrap.w_1_5 {
  width: 20%;
}

form .wrap.w_2_5 {
  width: 40%;
}

form .wrap.w_3_5 {
  width: 60%;
}

form .wrap.w_4_5 {
  width: 80%;
}

form .wrap.w_1_6 {
  width: 16.66%;
}

form .wrap.w_5_6 {
  width: 83.33%;
}

form .wrap.w_1_8 {
  width: 12.5%;
}

form .wrap.w_3_8 {
  width: 37.5%;
}

form .wrap.w_5_8 {
  width: 62.5%;
}

form .wrap.w_1_10 {
  width: 10%;
}

form .wrap.w_3_10 {
  width: 30%;
}

form .wrap.w_7_10 {
  width: 70%;
}

form .wrap.w_9_10 {
  width: 90%;
}

form .wrap.w_1_12 {
  width: 8.33%;
}

form .wrap.w_1_40 {
  width: 2.5%;
}

form .wrap.no_label label {
  display: none;
}

form .new_line {
  display: block;
  width: 100%;
  clear: both;
}

form .new_line.full_height_line {
  height: 1em;
}

/* Checkbox */
div.chbx {
  display: table-row;
  width: 100%;
  line-height: 2em;
}

div.chbx span.chbx_i, div.chbx span.chbx_t {
  display: table-cell;
  vertical-align: top;
}

div.chbx span.chbx_i {
  padding: 0.375em 0.5em 0 0;
}

div.chbx span.chbx_t {
  width: 100%;
}

div.chbx span.chbx_i input {
  display: none;
}

div.chbx span.chbx_i span {
  display: block;
  width: 1.25em;
  height: 1.25em;
  color: #333;
  border: 1px solid #cccccc;
  font-weight: normal;
  line-height: 1em;
  padding: 0.075em 0.125em 0.175em 0.125em;
  background-color: #fafafa;
  text-align: center;
  border-radius: 0.125em;
}

div.chbx span.chbx_i span:hover {
  cursor: pointer;
}

form.readonly div.chbx span.chbx_i span {
  border: 1px solid #fafafa;
}

form.readonly div.chbx span.chbx_i span:hover {
  cursor: auto;
}

form .dynamic_items fieldset.di {
  border-radius: 0.25em;
  background-color: #f0f0f0;
  margin: 1em -0.5em 0 -0.5em;
  padding: 0 0.5em;
  position: relative;
}

form .dynamic_items fieldset.di.delete {
  background-color: #FFEEEE;
}

form .dynamic_items span.di_button {
  z-index: 10;
  position: absolute;
  top: 2px;
  right: 2px;
  font-size: 0.75em;
  display: inline-block;
  width: 2em;
  text-align: center;
  line-height: 2em;
  border-radius: 0.25em;
}

form .dynamic_items span.del_info {
  position: absolute;
  top: -0.5em;
  right: 2px;
  font-size: 0.75em;
  display: inline-block;
  color: #a00;
  font-weight: bold;
  width: auto;
}

form .dynamic_items .delete span.di_button {
  display: none;
}

/* Vyber prav ve stromu switchu */
#switch_tree {
  margin-left: 0.5em;
  display: inline-block;
  padding: 1em 1em;
  background-color: #f0f0f0;
  border-radius: 0.5em;
  border: 1px solid #cccccc;
}

#switch_tree:hover {
  border-color: #7599ef;
}

#switch_tree li {
  color: #aaa;
  position: relative;
}

#switch_tree li li {
  padding-left: 1.5em;
}

#switch_tree li li li {
  padding-left: 1.5em;
}

span.tree {
  display: inline-block;
  position: absolute;
  line-height: 1;
  font-size: 2em;
  top: -0.125em;
  left: 0.18em;
  color: #bbb;
}

form .switch_tree .wrap {
  display: inline-block;
  float: none;
  margin-bottom: 0;
  vertical-align: middle;
  padding: 0;
  padding-top: 1px;
}

form .switch_tree .button_switch div.switch.active {
  background-color: transparent;
  border: 0;
  color: #000;
  box-shadow: none;
}

form .switch_tree .button_switch div.switch {
  border: 0;
  color: #aaa;
  background-color: transparent;
}

form .switch_tree .button_switch div.switch span {
  border: 1px solid #aaa;
}

form .switch_tree .button_switch div.switch:hover {
  cursor: pointer;
  color: #000;
  border: 0;
}

#mce-modal-block {
  display: none !important;
}

form {
  position: relative;
}

form div.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  color: #fff;
  text-align: center;
  padding-top: 25%;
  font-size: 2em;
}

form div.overlay span {
  display: inline-block;
}

form div.overlay span:before {
  content: "Moment, pracuji...";
}

/* Chybove hlasky */
.inwrap {
  position: relative;
}

.inwrap p.error {
  display: none;
  position: absolute;
  margin: 0 0.3rem;
  width: auto;
  top: 100%;
  left: 0;
  padding: 0 0.5em 0.5em 0.5em;
  background-color: rgba(255, 255, 255, 0.75);
}

.inwrap p.error {
  z-index: 1;
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
  border: 1px solid rgba(255, 0, 0, 0.25);
  border-top: 0;
  box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.25);
}

/*
.inwrap p.err {
  position: absolute;
  left: -7px;
  line-height: 1.3em;
  color: #fff;
  background-color: #f55;
  text-shadow: -1px -1px 1px #a33,  1px 1px 1px #faa;
  box-shadow: 1px 1px 1px #bbb;
  margin: 4px 8px 0 8px;
  padding: 5px 8px;
  border: 1px solid #f88;
  z-index: 255;
  border-radius: 4px; }

.inwrap p.err {
  background: linear-gradient(top, #f00, #f00); }

*/
/* creates triangle */ /*

.inwrap p.err:after {
  content: "";
  display: block;
  */
/* reduce the damage in FF3.0 */ /*

  position: absolute;
  left: 8px;
  top: -5px;
  width: 0;
  border-width: 0 5px 5px;
  border-style: solid;
  border-color: #f55 transparent; }
*/
/* Chosen plugin */
.chosen-container-single .chosen-single {
  border-radius: 0.3rem;
}

.chosen-container-multi .chosen-choices {
  padding-top: 0.125em;
  border-radius: 0.25em;
  min-height: 2.125em;
}

.chosen-container {
  font-size: 1em;
}

.chosen-container-single .chosen-single {
  font-size: 1em;
  border: 1px solid #cccccc;
  border-radius: 0.25em;
  background: none;
  background-color: #fafafa;
  height: 2.125em;
}

.chosen-container-single .chosen-single span {
  padding-top: 0.0675em;
}

.chosen-container-single .chosen-single div b {
  background-position: 0 0.4em;
}

a.chosen-single {
  padding-top: 0.125em !important;
  box-shadow: none !important;
}

.chosen-container-active .chosen-single {
  border: 1px solid #7599ef;
}

.chosen-results li.active-result {
  line-height: 1.15em !important;
}

/* Select2 plugin */
.select2-container {
  font-size: 1em;
  border-radius: 0.25em;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #cccccc;
  border-radius: 0.25em;
}

.select2-container .select2-selection--multiple {
  min-height: 2.125em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  color: #333;
  background-color: #f0f0f0;
  border: 1px solid #bbb;
  border-radius: 0.125em;
  margin-right: 0.25em;
  margin-top: 0.25em;
  padding: 0.2em 0.25em;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  float: right;
  font-weight: bold;
  margin-left: 0.125em;
  margin-right: 0;
  font-size: 1.2857em;
  line-height: 0.75em;
}

html {
  background: url(../img/bkg.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  position: relative;
}

#sgn {
  width: 30em;
  margin: 25vh auto 0 auto;
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 0.25em;
  box-shadow: 0 0 1em 0.5em rgba(0, 0, 0, 0.7);
  padding: 4em 4em 4.5em 4em;
  position: relative;
}

#sgn h1 {
  text-align: center;
}

#sgn h1 {
  font-size: 1.75em;
  color: #000;
}

#sgn img {
  width: 10.25em;
  position: absolute;
  right: 4.125em;
  bottom: 4.25em;
  opacity: 0.7;
}

#sgn form {
  padding: 1.5em 0 0 0;
}

#sgn label {
  padding: 0;
}

#sgn .wrap, #sgn .inwrap {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0.125em;
}

#sgn .buttons {
  padding: 0.5em;
}

#sgn button {
  font-family: RobotoCondensed, Helvetica, Arial, sans-serif;
  display: block;
  width: 38%;
  color: #fff;
  border: 1px solid #5e7eca;
  font-weight: bold;
  line-height: 2em;
  padding: 0.25em 1em;
  text-transform: uppercase;
  background-color: #5972ff;
  text-align: center;
  border-radius: 0.125em;
}

#sgn button:hover {
  border: 1px solid #7599ef;
  background-color: #6a8bfb;
  cursor: pointer;
}

#sgn .footer {
  border-bottom-left-radius: 1em;
  border-bottom-right-radius: 1em;
  background-color: rgba(0, 0, 0, 0.1);
  height: 1em;
}

#sgn input.hide {
  display: none;
}

#sgn input {
  display: block;
  width: 100%;
  overflow: visible;
  border: 1px solid #aaa;
  line-height: 2em;
  padding: 0.25em 1em;
  border-radius: 0.125em;
  background-color: #fafafa;
}

#sgn input:focus {
  color: #333333;
  border: 1px solid #7599ef;
  background-color: #fff;
}

#sgn form .form_buttons {
  padding: 0;
}

#sgn form .form_buttons button {
  margin: 0;
}

#sgn div.error {
  z-index: 1;
}

#sgn div.error {
  margin: 0 0.3rem;
  width: auto;
  font-size: 0.875em;
  line-height: 1.3em;
  padding: 0 0.5em;
  color: red;
}

#sgn .upe {
  width: 50%;
  margin: 0;
  padding: 0.25em 0 0 0;
}

#sgn form .button_switch div.switch {
  font-family: RobotoCondensed, Helvetica, Arial, sans-serif;
  border: 0;
  margin: 0;
  line-height: 1.5em;
  padding: 0;
  border-radius: 0.125em;
  color: #555;
  background-color: transparent;
}

#sgn div.switch {
  font-family: RobotoCondensed, Helvetica, Arial, sans-serif;
}

#sgn div.switch span {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  line-height: 0.9em;
  color: #fff;
  border-color: #aaa;
  background-color: #fff;
  border-radius: 0.125em;
  margin-left: 0;
}

#sgn div.switch span:hover {
  border-color: #1B3359;
}

#sgn .button_switch.active div.switch span {
  background-color: #5972ff;
}

/*# sourceMappingURL=login.css.map */