/*:root {
 --admin-bg-color: #fff;
 --admin-bg-color-secondary: #cddef2;
 --admin-bg-color-secondary-light: #deedf6;
 --admin-bg-color-tertiary: #f0f0f0;
 --admin-bg-color-quaternary: #f7f7f7;
 --admin-bg-color-quinary: #e6e6e6;
 --admin-bg-color-senary: #d2d2d2;
 --admin-bg-color-black: #000;
 --admin-bg-color-special-input: #fff8dc;
 --admin-border-color: #ccc;
 --admin-border-color-secondary: #ddd;
 --admin-border-color-tertiary: #000;
 --admin-border-color-light: #fff;
 --admin-accent-color: #285e9e;
 --admin-accent-color-darker: #1f4f88;
 --admin-font-color: #000;
 --admin-font-color-secondary: #484848;
 --admin-font-color-tertiary: #262626;
 --admin-font-color-accent: #285e9e;
 --admin-font-color-light: #fff;
 --admin-color-green: #329b32;
 --admin-color-green-darker: #006b00;
 --admin-color-red: #b30000;
 --admin-color-red-darker: #830101;
 --admin-color-orange: orange;
}

@media (prefers-color-scheme: dark) {
 :root {
 --admin-bg-color: #272727;
 --admin-bg-color-secondary: #1e1e1e;
 --admin-bg-color-secondary-light: #deedf6;
 --admin-bg-color-tertiary: #4a4a4a;
 --admin-bg-color-quaternary: #3b3b3b;
 --admin-bg-color-quinary: #4a4a4a;
 --admin-bg-color-senary: #4a4a4a;
 --admin-bg-color-black: #000;
 --admin-bg-color-special-input: #4d4d4d;
 --admin-border-color: #424242;
 --admin-border-color-secondary: #424242;
 --admin-border-color-tertiary: #ebebeb;
 --admin-border-color-light: #ebebeb;
 --admin-accent-color: #285e9e;
 --admin-accent-color-darker: #1f4f88;
	--admin-font-color: #ebebeb;
	--admin-font-color-secondary: #d1d1d1;
	--admin-font-color-tertiary: #ebebeb;
 --admin-font-color-accent: #779bc6;
 --admin-font-color-light: #ebebeb;
 --admin-color-green: #329b32;
 --admin-color-green-darker: #006b00;
 --admin-color-red: #b30000;
 --admin-color-red-darker: #830101;
 --admin-color-orange: orange;
 }
}
*/


body {
 --admin-bg-color: #fff;
 --admin-bg-color-secondary: #cddef2;
 --admin-bg-color-secondary-light: #deedf6;
 --admin-bg-color-tertiary: #f0f0f0;
 --admin-bg-color-quaternary: #f7f7f7;
 --admin-bg-color-quinary: #e6e6e6;
 --admin-bg-color-senary: #d2d2d2;
 --admin-bg-color-black: #000;
 --admin-bg-color-special-input: #fff8dc;
 --admin-border-color: #ccc;
 --admin-border-color-secondary: #ddd;
 --admin-border-color-tertiary: #000;
 --admin-border-color-light: #fff;
 --admin-accent-color: #285e9e;
 --admin-accent-color-darker: #1f4f88;
 --admin-font-color: #000;
 --admin-font-color-secondary: #484848;
 --admin-font-color-tertiary: #262626;
 --admin-font-color-accent: #285e9e;
 --admin-font-color-light: #fff;
 --admin-color-green: #329b32;
 --admin-color-green-darker: #006b00;
 --admin-color-red: #b30000;
 --admin-color-red-darker: #830101;
 --admin-color-orange: orange;
}

body.dark_mode {
 --admin-bg-color: #272727;
 --admin-bg-color-secondary: #1e1e1e;
 --admin-bg-color-secondary-light: #deedf6;
 --admin-bg-color-tertiary: #4a4a4a;
 --admin-bg-color-quaternary: #3b3b3b;
/*  --admin-bg-color-quinary: #4a4a4a; */
 --admin-bg-color-quinary: #1a1a1a;
 --admin-bg-color-senary: #4a4a4a;
 --admin-bg-color-black: #000;
 --admin-bg-color-special-input: #4d4d4d;
 --admin-border-color: #424242;
 --admin-border-color-secondary: #424242;
 --admin-border-color-tertiary: #ebebeb;
 --admin-border-color-light: #ebebeb;
 --admin-accent-color: #285e9e;
 --admin-accent-color-darker: #1f4f88;
	--admin-font-color: #ebebeb;
	--admin-font-color-secondary: #d1d1d1;
	--admin-font-color-tertiary: #ebebeb;
 --admin-font-color-accent: #779bc6;
 --admin-font-color-light: #ebebeb;
 --admin-color-green: #329b32;
 --admin-color-green-darker: #006b00;
 --admin-color-red: #b30000;
 --admin-color-red-darker: #830101;
 --admin-color-orange: orange;
}

@media (prefers-color-scheme: dark) {
 body.light_mode {
  --admin-bg-color: #fff;
  --admin-bg-color-secondary: #cddef2;
  --admin-bg-color-secondary-light: #deedf6;
  --admin-bg-color-tertiary: #f0f0f0;
  --admin-bg-color-quaternary: #f7f7f7;
  --admin-bg-color-quinary: #e6e6e6;
  --admin-bg-color-senary: #d2d2d2;
  --admin-bg-color-black: #000;
  --admin-bg-color-special-input: #fff8dc;
  --admin-border-color: #ccc;
  --admin-border-color-secondary: #ddd;
  --admin-border-color-tertiary: #000;
  --admin-border-color-light: #fff;
  --admin-accent-color: #285e9e;
  --admin-accent-color-darker: #1f4f88;
  --admin-font-color: #000;
  --admin-font-color-secondary: #484848;
  --admin-font-color-tertiary: #262626;
  --admin-font-color-accent: #285e9e;
  --admin-font-color-light: #fff;
  --admin-color-green: #329b32;
  --admin-color-green-darker: #006b00;
  --admin-color-red: #b30000;
  --admin-color-red-darker: #830101;
  --admin-color-orange: orange;
 }

 body {
  --admin-bg-color: #272727;
  --admin-bg-color-secondary: #1e1e1e;
  --admin-bg-color-secondary-light: #deedf6;
  --admin-bg-color-tertiary: #4a4a4a;
  --admin-bg-color-quaternary: #3b3b3b;
/*   --admin-bg-color-quinary: #4a4a4a; */
  --admin-bg-color-quinary: #1a1a1a;
  --admin-bg-color-senary: #4a4a4a;
  --admin-bg-color-black: #000;
  --admin-bg-color-special-input: #4d4d4d;
  --admin-border-color: #424242;
  --admin-border-color-secondary: #424242;
  --admin-border-color-tertiary: #ebebeb;
  --admin-border-color-light: #ebebeb;
  --admin-accent-color: #285e9e;
  --admin-accent-color-darker: #1f4f88;
  --admin-font-color: #ebebeb;
  --admin-font-color-secondary: #d1d1d1;
  --admin-font-color-tertiary: #ebebeb;
  --admin-font-color-accent: #779bc6;
  --admin-font-color-light: #ebebeb;
  --admin-color-green: #329b32;
  --admin-color-green-darker: #006b00;
  --admin-color-red: #b30000;
  --admin-color-red-darker: #830101;
  --admin-color-orange: orange;
 }
}





* {
 padding: 0;
 margin: 0;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
}

body {
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 font-size: 14px;
 line-height: 1.4;
 color: var(--admin-font-color);
 text-align: left;
 background: var(--admin-bg-color);
}

#page_x {
 display: flex;
 flex-direction: column;
 float: left;
 width: 100%;
 height: 100vh;
}

#content {
 position: relative;
 flex: 1 0 auto;
 float: left;
 width: 100%;
}

#main_content {
 float: left;
 width: 100%;
 height: calc(100% - 47px);
 padding: 20px 0;
}

#site_bottom {
 flex: 0 0 auto;
 float: left;
 width: 100%;
}

#header .container,
#footer .container {
/*  max-width: 1920px; */
 margin: 0 auto;
}

#header .wrapper,
#footer .wrapper {
 float: left;
 width: 100%;
}

.container {
 margin: 0 auto;
}

.container.container_wide {
 max-width: 1920px;
}

.wrapper {
 float: left;
 width: 100%;
 padding: 0 20px;
} 

.container_wide>.wrapper {
 padding: 0;
}

a:link,
a:visited,
a:hover {
 font-family: 'Arial', sans-serif;
 font-weight: inherit;
 font-size: inherit;
 line-height: inherit;
 color: var(--admin-font-color-accent);
 text-decoration: none;
/* -webkit-transition: 0.1s ease-in-out;
 -moz-transition: 0.1s ease-in-out;
 -o-transition: 0.1s ease-in-out;
 transition: 0.1s ease-in-out;*/
}

a:hover {
 color: var(--admin-font-color-accent);
}

.top_padding {
 padding-top: 20px;
}

.bottom_padding {
 padding-bottom: 20px;
}

.left_padding {
 padding-left: 20px;
}

.right_padding {
 padding-right: 20px;
}

.top_margin {
 margin-top: 20px;
}

.bottom_margin {
 margin-bottom: 20px;
}

.left_margin {
 margin-left: 20px;
}

.right_margin {
 margin-right: 20px;
}


.small_top_padding {
 padding-top: 12px;
}

.small_bottom_padding {
 padding-bottom: 12px;
}

.small_top_margin {
 margin-top: 12px;
}

.small_bottom_margin {
 margin-bottom: 12px;
}

.section {
 float: left;
 width: 100%;
}

.no_wrap {
 display: flex;
 flex: wrap: no-wrap;
}

.clearfix {
 float: left;
 width: 100%;
 height: 0;
 clear: both;
}

.empty {
 display: none!important;
 padding: 0!important;
 margin: 0!important;
}

.fa {
 display: inline-block;
 font: normal normal normal 14px/1 FontAwesome;
 font-size: inherit;
 text-rendering: auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.red {
 color: var(--admin-color-red);
}

.green {
 color: var(--admin-color-green);
}

/**/

#title,
.view_title {
 display: flex;
 float: left;
 width: 100%;
 padding: 10px 20px;
 margin: 0 0 10px 0;
 font-family: 'Arial', sans-serif;
 font-weight: 700;
 font-size: 18px;
 line-height: 1.2;
 color: var(--admin-accent-color);
 text-transform: uppercase;
 background-color: var(--admin-bg-color-secondary);
}

.dark_mode #title,
.dark_mode .view_title {
 color: var(--admin-font-color);
}

@media (prefers-color-scheme: dark) {
 .light_mode #title,
 .light_mode .view_title {
  color: var(--admin-accent-color);
 }
 #title,
 .view_title {
  color: var(--admin-font-color);
 }
}

.view_title {
 font-size: 15px;
}

#title .back_btn,
.view_title .back_btn {
 padding: 0;
 margin: -2px 5px 0 0;
 font-size: 18px;
}

#title .text,
.view_title .text {
 flex: auto;
 align-self: center;
}

#title .text .fa,
.view_title .text .fa {
 margin: 0 5px 0 0;
}


#title .view_btns,
.view_title .view_btns {
 display: flex;
 align-items: center;
 width: auto;
 margin: 0;
}

#title .view_btns .basic_btn,
.view_title .view_btns .basic_btn {
 margin: 0 0 0 20px;
}

#title h1 {
 font-family: inherit;
 font-weight: inherit;
 font-size: inherit;
 line-height: inherit;
 color: inherit;
 text-transform: inherit; 
}

.grey_title { 
 float: left;
 width: 100%;
 padding: 5px 20px;
 font-size: 12px;
 background-color: var(--admin-bg-color-tertiary);
}

@media screen and (max-width:1000px) {
 #title,
 .view_title {
  padding: 9px 20px;
  margin: 0 0 7px 0;
  font-size: 17px;
 }
 .view_title {
  font-size: 15px;
 }
 .view_title .back_btn {
  font-size: 15px;
 }
}

@media screen and (max-width:700px) {
 body {
  font-size: 13px;
 }
 #main_content {
  padding: 10px 0;
 }
 .wrapper {
  padding: 0 15px;
 } 
 .top_padding {
  padding-top: 15px;
 }
 .bottom_padding {
  padding-bottom: 15px;
 }
 .left_padding {
  padding-left: 15px;
 }
 .right_padding {
  padding-right: 15px;
 }
 .top_margin {
  margin-top: 15px;
 }
 .bottom_margin {
  margin-bottom: 15px;
  }
 .left_margin {
  margin-left: 15px;
 }
 .right_margin {
  margin-right: 15px;
 }
 .small_top_padding {
  padding-top: 10px;
 }
 .small_bottom_padding {
  padding-bottom: 10px;
 }
 .small_top_margin {
  margin-top: 10px;
 }
 .small_bottom_margin {
  margin-bottom: 10px;
 }
 /**/
 #title,
 .view_title {
  padding: 9px 15px;
  margin: 0 0 5px 0;
  font-size: 16px;
 }
 .view_title {
  font-size: 14px;
 }
 #title .back_btn,
 .view_title .back_btn {
  font-size: 14px;
 }
 #title .view_btns .basic_btn,
 .view_title .view_btns .basic_btn {
  margin: 0 0 0 10px;
  font-size: 0;
 }
 #title .view_btns .basic_btn .fa,
 .view_title .view_btns .basic_btn .fa {
  font-size: 14px;
  margin: 0;
 }
 .grey_title {
  padding: 5px 15px;
 }
}

@media screen and (max-width:500px) {

}





.screen_center {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-content: center;
 width: 100%;
 height: 100%;
}



.flex_title {
 display: flex;
 align-items: center;
}

.flex_title .text {
 flex: auto;
}

.flex_title .icon {
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 0 8px 0 0;
}


/* */

.section_list_title {
 display: flex;
 float: left;
 width: 100%;
 font-weight: bold;
 font-size: 20px;
}
.section_list_title,
.section_list_title a {
 display: flex;
}

.section_list_title .icon {
 width: 32px;
 min-width: 32px;
}

.section_list_description {
 float: left;
 width: 100%;
 max-width: 800px;
 margin: 3px 0 0 0;
}



dialog {
 background-color: var(--admin-bg-color)!important;
}