div.modal {display:none;position: fixed;height: 100%;width: 100%;top:0;left:0;z-index:100;background:url('images/gray_opacity_50.png');background:rgba(100,100,100,0.5);}
div.modal_box {font-family:fira sans;width:600px;min-width:500px;background-color:#FFFFFF;margin-left:auto;margin-right:auto;position:relative;display:inline-block;overflow:hidden;text-align:left}

div.modal_box {-webkit-box-shadow: 0px 0px 45px 9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 45px 9px rgba(0,0,0,0.75);
box-shadow: 0px 0px 45px 9px rgba(0,0,0,0.75);}

iframe.iframe_box {position: fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:500px;height:400px;min-width:300px;max-width:100%;min-height:300px;max-height:100%;background-color:#FFFFFF;}
iframe.iframe_box {-webkit-box-shadow: 0px 0px 45px 9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 45px 9px rgba(0,0,0,0.75);
box-shadow: 0px 0px 45px 9px rgba(0,0,0,0.75);}

div.modal_box_default {width:600px;max-height:800px;max-height:90vh}
div.modal_box_medium {width:700px;max-height:800px;max-height:90vh}
div.modal_box_tall {width:700px;max-height:800px;max-height:90vh}
div.modal_box_large {width:1000px;margin-top:auto;margin-bottom:auto}
div.modal_box_1300 {width:1340px;margin-top:auto;margin-bottom:auto}
div.modal_box_wide {width:1260px;margin-top:auto;margin-bottom:auto}
div.modal_box_max_width {width:95%;margin-top:auto;margin-bottom:auto}
div.modal_box_flex {width:auto;margin-top:auto;margin-bottom:auto;max-width:90%}
div.modal_box_fixed{width:auto;margin-top:auto;margin-bottom:auto}



div.modal_guts {overflow-y:auto;margin-bottom:60px;margin-top:60px;height:auto}
div.modal_buttons_container {position:absolute;bottom:0;left:0;right:0;padding-bottom:10px;padding-top:10px;padding-left:5px;padding-right:5px;background-color:#EEEEEE}

div#modal_mce_container  {vertical-align:bottom}
div#text_below_mce {display:none;padding:10px}
div#container_left_mce {display:none;margin-left:10px;margin-bottom:10px;vertical-align:bottom}
div#container_right_mce {display:none;margin-bottom:10px;margin-right:10px;vertical-align:bottom}
div.modal_top {position:absolute;top:0;left:0;right:0;height:60px;padding:10px;background-color:#4E5D6C}
div.modal_top_red {background-color:#D9534F}
div.modal_top_blue {background-color:#28AFD7}
div.modal_top_green {background-color:#53A553}
div.modal_top_orange {background-color:#F0AD4E}

div.modal_header {padding:5px;font-family:Fira Sans;font-size:24px;font-weight:600;color:#FFFFFF;text-align:center}
div#modal_sub_header {display:none;font-family:Fira Sans;font-size:14px;color:#FFFFFF;text-align:center;text-overflow:ellipsis;white-space:nowrap;margin-left:20px;margin-right:20px;overflow:hidden}
div.modal_close {position:absolute;top:0;right:0;padding:5px;color:#FFFFFF;font-size:24px;cursor:pointer}
div.modal_close:hover {color:#CCCCCC}

div.modal_subheader {padding:5px;margin:0px;background-color:#4E5D6C;color:#FFFFFF}
div.modal_message_fixed {padding:10px;margin:10px;margin-bottom:0px;background-color:#4E5D6C;color:#FFFFFF;max-width:978px}
div.modal_message {padding:10px;margin:10px;margin-left:0;margin-right:0;background-color:#4E5D6C;color:#FFFFFF}
div.modal_message_red {background-color:#D9534F}
div.modal_message_blue {background-color:#28AFD7}

div.modal_contents {position:relative;padding:10px;font-family:Fira Sans}

div.modal_buttons_table {display:table;width:100%;padding-left:5px;padding-right:5px}
div.modal_buttons_left {display:table-cell;text-align:left;width:33%}
div.modal_buttons_middle {display:table-cell;text-align:center;width:34%}
div.modal_buttons_right {display:table-cell;text-align:right;width:33%}

div.modal_spinner_blank {display:none;position: fixed;height: 100%;width: 100%;top:0;left:0;z-index:100;background:transparent}
div.modal_spinner {display:none;position: fixed;height: 100%;width: 100%;top:0;left:0;z-index:100;background:url('images/gray_opacity_50.png');background:rgba(100,100,100,0.5);}
div.modal_spinner_image {position: fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:90px;height:90px;-webkit-box-shadow: 0px 0px 45px 9px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 45px 9px rgba(0,0,0,0.75);box-shadow: 0px 0px 45px 9px rgba(0,0,0,0.75);}

div.modal_button, div.modal_subbutton, div.nonmodal_button {display:none;padding:10px;padding-left:20px;padding-right:20px;background-color:#4E5D6C;color:#FFFFFF;min-width:100px;text-align:center;white-space:nowrap;margin-left:5px;margin-right:5px}
div.modal_button:hover, div.modal_subbutton:hover, div.nonmodal_button:hover {cursor:pointer;background-color:#465461}
div.modal_button_green, div.modal_button_green_middle, div.modal_subbutton_green, div.nonmodal_button_green {background-color:#5CB85C}
div.modal_button_green:hover, div.modal_button_green_middle:hover, div.modal_subbutton_green:hover, div.nonmodal_button_green:hover {background-color:#53A553}

div.modal_subbutton {display:inline-block;padding:5px;margin-left:1px;margin-right:10px;}

div.modal_button_gray {background-color:#AAAAAA}
div.modal_button_gray:hover {cursor:not-allowed;background-color:#999999}

div.modal_button_red, div.modal_subbutton_red, div.nonmodal_button_red {background-color:#D9534F}
div.modal_button_red:hover, div.modal_subbutton_red:hover, div.nonmodal_button_red:hover {background-color:#C34B47}
div.modal_button_blue, div.nonmodal_button_blue {background-color:#28AFD7}
div.modal_button_blue:hover , div.nonmodal_button_blue:hover {background-color:#52ACC7}
div.modal_button_orange, div.modal_button_orange_middle, div.modal_subbutton_orange, div.nonmodal_button_orange {background-color:#F0AD4E}
div.modal_button_orange:hover, div.modal_button_orange_middle:hover, div.modal_subbutton_orange:hover, div.nonmodal_button_orange:hover {background-color:#D89B46}

div.message_middle {display:none}

div.form_process_button, div.foxtrot_blue_button{font-family:Fira sans, verdana, sans-serif;font-size:20px;display:inline-block;background-color: #057CDF; color:white;padding:30px;text-decoration: none;border-radius: 43px;min-width:200px;text-align:center;vertical-align:bottom}
div.form_process_button:hover, div.foxtrot_blue_button:hover {cursor:pointer;background-color:#3796E5}

div.form_process_button_smaller {padding:10px;border-radius:15px;min-width:100px;padding-left:20px;padding-right:20px;font-size:15px}

div.form_process_button_cancel {background-color:#DDDDDD;color:#FFFFFF}
div.form_process_button_cancel:hover {cursor:pointer;background-color:#CCCCCC}

div.form_process_button_red {background-color:#FD7D7D;color:#FFFFFF}
div.form_process_button_red:hover {background-color:#FD9898;color:#FFFFFF}

div.form_process_button_green {background-color:#5CB85C;color:#FFFFFF}
div.form_process_button_green:hover {background-color:#7DCC7D;color:#FFFFFF}

div.modal_mce {padding-left:10px;padding-right:10px;padding-bottom:10px;display:none}

div.tab,div.endtab {display:table-cell;padding:10px;padding-left:20px;padding-right:20px;text-transform:uppercase;white-space:nowrap}
div.active_tab {border-left:1px solid #000000;color:#666666;border-right:1px solid #000000;color:#666666;border-top:1px solid #000000;color:#000000;font-weight:bold;background-color:rgba(78,93,108,0.2)}
div.passive_tab {border-bottom:1px solid #000000;color:#666666;background-color:rgba(0,0,0,0.05)}
div.passive_tab:hover {cursor:pointer;color:#999999}
div.endtab {border-bottom:1px solid #000000;width:100%}
div.tab_container {border-left:1px solid #000000;border-bottom:1px solid #000000;border-right:1px solid #000000;background-color:rgba(78,93,108,0.2);padding:10px}

table.fill_out_form {border-collapse:collapse;width:100%}
table.fill_out_form td {margin:5px;padding:5px}
table.fill_out_form td.align_right {text-align:right;width:25%}
table.fill_out_form td.align_left {text-align:left;width:75%}
table.fill_out_form input {width:100%;background-color:#DCEFFC}
table.fill_out_form select {padding:5px;background-color:#D2FECB}
table.fill_out_form select option {font-size:13px;background-color:#D2FECB}
table.fill_out_form textarea {background-color:#DCEFFC;width:100%;height:80px}

table.fill_out_form select.select_agens {background-color:#FFFCA6}
table.fill_out_form select.select_agens option {background-color:#FFFCA6}

table.fill_out_form select.select_metode {background-color:#D2FECB}
table.fill_out_form select.select_metode option {background-color:#D2FECB}

table.fill_out_form select.select_antistoff {background-color:#F3CDFF}
table.fill_out_form select.select_antistoff option {background-color:#F3CDFF}

table.fill_out_form select.select_produsent {background-color:#FFCDCD}
table.fill_out_form select.select_produsent option {background-color:#FFCDCD}

table.fill_out_form select.select_lab {background-color:#BAFAEC}
table.fill_out_form select.select_lab option {background-color:#BAFAEC}

table.medmikro th.th_agens {color:#000000;background-color:#FFFCA6}
table.medmikro th.th_metode {color:#000000;background-color:#D2FECB}
table.medmikro th.th_antistoff {color:#000000;background-color:#F3CDFF}
table.medmikro th.th_produsent {color:#000000;background-color:#FFCDCD}
table.medmikro th.th_lab {color:#000000;background-color:#BAFAEC}

table.medmikro th.th_agens a:link, table.medmikro th.th_agens a:active, table.medmikro th.th_agens a:visited {color:#000000}
table.medmikro th.th_metode a:link, table.medmikro th.th_metode a:active, table.medmikro th.th_metode a:visited {color:#000000}
table.medmikro th.th_antistoff a:link, table.medmikro th.th_antistoff a:active, table.medmikro th.th_antistoff a:visited {color:#000000}
table.medmikro th.th_produsent a:link, table.medmikro th.th_produsent a:active, table.medmikro th.th_produsent a:visited {color:#000000}
table.medmikro th.th_lab a:link, table.medmikro th.th_lab a:active, table.medmikro th.th_lab a:visited {color:#000000}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_black {
  background-color: #000000;
}

input:focus + .slider_black {
  box-shadow: 0 0 1px #000000;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

table.publish_options {border-collapse: collapse;}
table.publish_options td {padding:0px;margin:0px;border:0px;background-color:#FFDCC2;vertical-align:top}
table.publish_options td.cell_with_result {border-left:1px solid #000000;border-left:1px solid rgba(0,0,0,0.5);padding:5px;}
table.publish_options div.option_header {text-align:center;padding:5px;background-color:#000000;background-color:rgba(0,0,0,0.5);color:#FFFFFF;white-space:nowrap}
table.publish_options div.option_switch {text-align:center;padding:5px}

tr.row_error, tr.error {background-color:#FF9696!important}

table.subscription_view {}
div.edit_meta_current_contents {width:400px;display:inline-block;border:1px solid #BBBBBB}

table.log_overview, table.grid {border-collapse:collapse;width:100%;border:1px solid #666666;background-color:#EEEEEE}
table.log_overview td, table.grid td {padding:5px;border:1px solid #666666;}
table.log_overview td.nowrap, table.grid td.nowrap {white-space:nowrap}
table.log_overview td.subject, table.grid td.subject  {width:100%}

table.grid th {background-color:#CCCCCC;padding:5px;border:1px solid #666666;font-weight:normal;font-size:14px;text-align:left}

table.modal_table {margin:0px;padding:0px;border-collapse:collapse;width:100%}
table.modal_table td, table.modal_table th {padding:5px}
table.modal_table th {font-size:14px;font-weight:normal;text-align:left}

td.lineup_icons {text-align:right;white-space:nowrap}
td.lineup_icons span {display:inline-block;width:20px}

div.form_category {font-size:18px;font-weight:bold;margin-bottom:5px}

div.profile_box_level_title {font-size:18px;margin-top:10px;margin-bottom:5px;font-weight:bold}

div#modal_new_spinner_container {display:none;z-index:10000!important}
div#modal_new {display:none;}

div.modal_new_background {position: fixed;height: 100%;width: 100%;top:0;left:0;z-index:100;background:url('images/gray_opacity_50.png');background:rgba(46,49,59,0.5)}
div.modal_new_box {font-family:fira sans;font-size:14px;width:600px;min-width:500px;background-color:#FFFFFF;margin-left:auto;margin-right:auto;position:relative;display:inline-block;overflow:hidden;text-align:left;}
div.modal_new_box {box-shadow: 0px 0px 45px 9px rgba(0, 0, 0, 0.75);}

div.modal_box_topic {width:718.4px}



div#modal_new div.modal_box_max {width:95vw}
div#modal_new div.modal_box_auto {width:auto;height:auto}
div#modal_new div.modal_box_edit_section {width:699.4px;height:96vh}
div#modal_new div.modal_box_edit_section_fullwidth {width:80vw}
div#modal_new div.modal_box_fullscreen {width:90vw;height:96vh}
div#modal_new div.modal_box_wide {width:50vw}
div#modal_new div.modal_box_60 {width:60vw}
div#modal_new div.modal_box_wider {width:75vw}

div#modal_new_top,div#submodal_top {position:absolute;top:0;left:0;right:0;height:64px;overflow:hidden}
div#modal_new div.modal_top_default {background-color:#2E313B;}
div#modal_new div.modal_top_red {background-color:#D23261}
div#modal_new div.modal_top_orange {background-color:orange}
div#modal_new div.modal_top_blue {background-color:#166BDA}
div#modal_new div.modal_top_green {background-color:#52BE75}
div#modal_new div.modal_top_transparent {background-color:transparent}

div.modal_new_guts {overflow-y:auto;margin-bottom:88px;margin-top:64px;max-height:70vh;min-height:100px;padding:24px}
div.gray_background {background-color: #F7F7F7}
div.modal_new_guts_no_fixed_height {max-height:none}

div#modal_new_contents {position:relative;}
div#modal_new_bottom {position:absolute;bottom:0;left:0;right:0;height:88px;border-top:1px solid rgba(20,24,35,0.1)}

div#modal_new_buttons_container {display:table;width:100%;height:100%;white-space:nowrap}
div#modal_new_buttons_left {display:table-cell;padding-left:24px;text-align:left;width:33%;vertical-align:middle}
div#modal_new_buttons_middle {display:table-cell;text-align:center;width:34%;vertical-align:middle}
div#modal_new_buttons_right {display:table-cell;padding-right:24px;text-align:right;width:33%;vertical-align:middle}

div#modal_new_title_container {color:#FFFFFF;position: absolute;top: 50%;transform: translateY(-50%);left:32px;right:32px;text-align:center}
div#modal_new_title {font-size:24px}
div#modal_new_subtitle {font-size:14px;margin-top:2px}

div#modal_new_close, div#submodal_new_close {position:absolute;top:8px;right:12px;color:rgba(255,255,255,0.8);font-size:30px;cursor:pointer}
div#modal_new_close:hover, div#submodal_new_close:hover {color:#FFFFFF}

div.modal_new_top_transparent div#modal_new_close {color:#166BDA}
div.modal_new_top_transparent div#modal_new_close:hover {color:lighten(#166BDA, 20%)}

div#submodal_new {display:none;position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.5);z-index:101}
div#submodal_new_box {position:fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
div#submodal_new_bottom {position:absolute;bottom:0;left:0;right:0;height:88px;border-top:1px solid rgba(20,24,35,0.1)}
div#submodal_new_buttons_container {display:table;width:100%;height:100%;white-space:nowrap}
div#submodal_new_buttons_left {display:table-cell;padding-left:24px;text-align:left;width:33%;vertical-align:middle}
div#submodal_new_buttons_middle {display:table-cell;text-align:center;width:34%;vertical-align:middle}
div#submodal_new_buttons_right {display:table-cell;padding-right:24px;text-align:right;width:33%;vertical-align:middle}
div#submodal_new_title_container {color:#FFFFFF;position: absolute;top: 50%;transform: translateY(-50%);left:32px;right:32px;text-align:center}
div#submodal_new_title {font-size:24px}
div#submodal_new_subtitle {font-size:14px;margin-top:2px}
div#submodal_new_top {position:absolute;top:0;left:0;right:0;height:64px;overflow:hidden}
div#modal_new div.button_cancel {padding-left: 16px}
div#modal_new div.button_no_left_padding {padding-left: 0px}



div#modal_new div.modal_new_top_without_title {height:0}
div#modal_new div.modal_new_guts_without_title {margin-top:0}
div#modal_new div.height96vh {height:96vh}
div#modal_new div.height60vh {height:60vh}
div#modal_new div#modal_top_row_without_title {display:none}

div#modal_new div.maximize_modal {text-align:right;margin-right:8px}

div#modal_new div.modal_new_guts_without_title div#modal_top_row_without_title {display:flex;position:absolute;right:6px;top:4px;vertical-align:top;align-items:center}
div#modal_new div.modal_new_guts_without_title div#modal_new_close_without_title {cursor:pointer}
.container {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  height: 96px;
  width: 96px;
  animation: rotate_3922 1.2s linear infinite;
  background-color: #9b59b6;
  background-image: linear-gradient(#9b59b6, #84cdfa, #5ad1cd);
}

.container span {
  position: absolute;
  border-radius: 50%;
  height: 100%;
  width: 100%;
  background-color: #9b59b6;
  background-image: linear-gradient(#9b59b6, #84cdfa, #5ad1cd);
}

.container span:nth-of-type(1) {
  filter: blur(5px);
}

.container span:nth-of-type(2) {
  filter: blur(10px);
}

.container span:nth-of-type(3) {
  filter: blur(25px);
}

.container span:nth-of-type(4) {
  filter: blur(50px);
}

.container::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-color: #fff;
  border: solid 5px #ffffff;
  border-radius: 50%;
}

@keyframes rotate_3922 {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes loader_5191 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.square {
  background: #ddd;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
}

#sq1 {
  margin-top: -25px;
  margin-left: -25px;
  animation: loader_5191 675ms ease-in-out 0s infinite alternate;
}

#sq2 {
  margin-top: -25px;
  animation: loader_5191 675ms ease-in-out 75ms infinite alternate;
}

#sq3 {
  margin-top: -25px;
  margin-left: 15px;
  animation: loader_5191 675ms ease-in-out 150ms infinite;
}

#sq4 {
  margin-left: -25px;
  animation: loader_5191 675ms ease-in-out 225ms infinite;
}

#sq5 {
  animation: loader_5191 675ms ease-in-out 300ms infinite;
}

#sq6 {
  margin-left: 15px;
  animation: loader_5191 675ms ease-in-out 375ms infinite;
}

#sq7 {
  margin-top: 15px;
  margin-left: -25px;
  animation: loader_5191 675ms ease-in-out 450ms infinite;
}

#sq8 {
  margin-top: 15px;
  animation: loader_5191 675ms ease-in-out 525ms infinite;
}

#sq9 {
  margin-top: 15px;
  margin-left: 15px;
  animation: loader_5191 675ms ease-in-out 600ms infinite;
}

video.video_in_modal {height:70vh;}


@media only screen and (max-device-width: 480px) {
  video.video_in_modal {height:auto;width:80vw}
  div#modal_new div.modal_box {width:90vw;min-width:80%}
  div#modal_new div.modal_new_box {width:90vw;min-width:80%}
  div#modal_new div.modal_box_large {width:90vw;min-width:80%}

  div#modal_new div.modal_box_wider {width:95%}

  div#modal_new div.modal_box_edit_section {width:95%}
  div#modal_new div.modal_box_edit_section_fullwidth {width:95%}

  div#modal_new div#modal_new_title {font-size:16px;}
  div#modal_new div#modal_new_subtitle {font-size:12px;}


}