:root{
     --color1a: #fcfcfc;
     --color1b: #f5f5f5;
     --color1b2: #e8e8e8;
     --color1b3: #d8d8d8;
     --color1: #ececec;
     --darkcolor1: #ececec;
     --darkdarkcolor1: #ececec;
     --color4: #ffffff;
     --darkcolor4: #ffffff;
     --color11: #f8f8f8;
     --color24: #e6ebf1;
     --color3: #cccccc;
     --color6: #dcdcdc;
     --color5: #acacac;
     --darkcolor5: #acacac;
     --color9: #6c6c6c;
     --color25: #cfd7df;
     --color27: #fefde5;
     --color29: rgba(255,255,255,0.8);
     --color32: rgba(255,255,255,0.5);
     --darkcolor32: rgba(255,255,255,0.5);
     --color31: rgba(255,255,255,0.3);
     --color42: rgba(240,240,240,0.95);
     --color34: rgba(50, 50, 93, .11);
     --color35: rgba(0, 0, 0, .08);
     --color43: rgba(150,150,150,0.2);
     --color15: #5c5c5c;
     --color10: #8c8c8c;
     --color46: rgba(0,0,0,0.3);
     --color46b: rgba(0,0,0,0.1);
     --darkcolor46: rgba(0,0,0,0.3);
     --color47: rgba(0,0,0,0);
     --color20: #0c0c0c;
     --darkcolor20: #0c0c0c;
     --color33: rgba(0,0,0,0.7);
     --color39: rgba(0,0,0,0.9);
     --darkcolor39: rgba(0,0,0,0.9);
     --color40: rgba(0,0,0,0.6);
     --color44: rgba(0,0,0,0.8);
     --color2: #1c1c1c;
     --darkcolor2: #1c1c1c;
     --color7: #000000;
     --shadowcolor7: #000000;
     --color19: #3c3c3c;
     --shadowcolor19: #3c3c3c;
     --color21: #2c2c2c;
     --color16: #202020;
     --color8: #e30321;
     --color8b: #ff0022;
     --color8extra: #1c1c1c;
     --color22: #dd2200;
     --color17: #ff0000;
     --color12: #880700;
     --color26: #fa755a;
     --color30: rgba(255,81,72,0.8);
     --color45: rgba(200,40,0,0.5);
     --color37: rgb(255, 81, 72);
     --color41: rgba(0,100,255,0.8);
     --color36: rgba(0,50,200,0.5);
     --color28: #32325d;
     --color13: #ffb90f;
     --color23: #89b400;
     --color14: #32cd32;
     --color18: #00ff00;
     --input: #ffffff;
     --blurValue: 4px;
     --h1: 38px;
     --h2: 26px;
     --h3: 20px;
     --h4: 18px;
     --h5: 16px;
     --h0: 14px;
     --ht: 12px;
     --ls: 1px;
}
#loading {
     width: 100%;
     height: 100%;
     display: inline-flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
}
@font-face{
     font-style: normal;
     font-weight: 100;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-Thin.ttf");
}
@font-face{
     font-style: italic;
     font-weight: 100;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-ThinItalic.ttf");
}
@font-face{
     font-style: normal;
     font-weight: 200;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-ExtraLight.ttf");
}
@font-face{
     font-style: italic;
     font-weight: 200;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-ExtraLightItalic.ttf");
}
@font-face{
     font-style: normal;
     font-weight: 300;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-Light.ttf");
}
@font-face{
     font-style: italic;
     font-weight: 300;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-LightItalic.ttf");
}
@font-face{
     font-style: normal;
     font-weight: 400;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-Regular.ttf");
}
@font-face{
     font-style: italic;
     font-weight: 400;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-RegularItalic.ttf");
}
@font-face{
     font-style: normal;
     font-weight: 500;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-Medium.ttf");
}
@font-face{
     font-style: italic;
     font-weight: 500;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-MediumItalic.ttf");
}
@font-face{
     font-style: normal;
     font-weight: 600;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-SemiBold.ttf");
}
@font-face{
     font-style: italic;
     font-weight: 600;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-SemiBoldItalic.ttf");
}
@font-face{
     font-style: normal;
     font-weight: 700;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-Bold.ttf");
}
@font-face{
     font-style: italic;
     font-weight: 700;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-BoldItalic.ttf");
}
@font-face{
     font-style: normal;
     font-weight: 800;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-ExtraBold.ttf");
}
@font-face{
     font-style: italic;
     font-weight: 800;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-ExtraBoldItalic.ttf");
}
@font-face{
     font-style: normal;
     font-weight: 900;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-Black.ttf");
}
@font-face{
     font-style: italic;
     font-weight: 900;
     font-family: "Raleway";
     src: url("../fonts/Raleway/Raleway-BlackItalic.ttf");
}
@font-face{
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
     -webkit-font-smoothing: geometricPrecision;
     font-family: "DaysOne";
     letter-spacing: var(--ls);
     src: url("../fonts/DaysOne-Regular.ttf");
}
@font-face{
     font-family: "aBlackLives";
     src: url("../fonts/extra/aBlackLives.ttf");
}
@font-face{
     font-family: "AdriScript";
     src: url("../fonts/extra/AdriScript.ttf");
}
@font-face{
     font-family: "Allegro";
     src: url("../fonts/extra/Allegro.otf");
}
@font-face{
     font-family: "Aretha";
     src: url("../fonts/extra/Aretha.otf");
}
@font-face{
     font-family: "DelPoha";
     src: url("../fonts/extra/DelPoha.otf");
}
@font-face{
     font-family: "Dorsa";
     src: url("../fonts/extra/Dorsa.ttf");
}
@font-face{
     font-family: "MiniStory";
     src: url("../fonts/extra/MiniStory.ttf");
}
@font-face{
     font-family: "Negara";
     src: url("../fonts/extra/Negara.otf");
}
@font-face{
     font-family: "RightHere";
     src: url("../fonts/extra/RightHere.ttf");
}
@font-face{
     font-family: "SlimHandwritten";
     src: url("../fonts/extra/SlimHandwritten.ttf");
}
@font-face{
     font-family: "Sweetheart";
     src: url("../fonts/extra/Sweetheart.ttf");
}
@font-face{
     font-family: "SweetPoems";
     src: url("../fonts/extra/SweetPoems.ttf");
}
@font-face{
     font-family: "Syncopate";
     src: url("../fonts/extra/Syncopate.ttf");
}
html,*{
     outline:none;
     -webkit-tap-highlight-color:var(--color47);
     overflow:hidden;
     /*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/
     -webkit-text-size-adjust: none;
}
*{
     /*transition: 0.3s;*/
}
a{
     display: block;
     text-decoration: none;
     color: unset;
}
div[contenteditable="true"] a{
     display: block;
     text-decoration: underline;
     color: #0000EE;
}
#management_menus_mail_body a{
     display: inline;
     text-decoration: underline;
     color: #0000EE;
}
#welcome_text_text_div a{
     display: block;
     text-decoration: underline;
     color: #0000EE;
}
[contenteditable]{
     -webkit-user-select: text;
     user-select: text;
}
body{
     background-color:var(--color1);
     color:var(--color19);
     margin:0;
     padding:0;
     webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
     -ms-user-select: none; /* Internet Explorer/Edge */
     user-select: none;
     counter-reset: section;
     font-family: Raleway;
     text-rendering: optimizeLegibility;
     opacity:1;
}
[contenteditable=true]:empty:before{
     content: attr(placeholder);
     pointer-events: none;
     display: block; /* For Firefox */
}
.no_select{
     webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
     -ms-user-select: none; /* Internet Explorer/Edge */
     user-select: none;
}
[contenteditable] {
     -webkit-user-select: text;
     user-select: text;
     display:inline-block;
}
textarea,input[type="text"],input[type="button"],input[type="submit"]{
     -webkit-appearance: none;
}
input[type="text"],input[type="password"]{
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     -webkit-appearance: none;
     padding: 0;
}
input{
     border: 1px solid var(--color3);
     height: 30px;
     width: 300px;
     border-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: calc(50% - 150px);
     -webkit-user-select:text;
     background-color: var(--input);
     color: var(--color2);
}
::placeholder{
     color: var(--color5);
     opacity: 1;
}
input:focus::placeholder{
     color: transparent;
}
input[type=file], /* FF, IE7+, chrome (except button) */
input[type=file]::-webkit-file-upload-button { /* chromes and blink button */
     cursor: pointer;
}
select{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: var(--input);
     color: var(--color2);
     text-indent: 10px;
     border: 1px solid var(--color3);
     background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
     background-repeat: no-repeat;
     background-position-x: 100%;
     background-position-y: 2px;
}
textarea{
     border: 1px solid var(--color3);
     height: 30px;
     width: 300px;
     border-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: calc(50% - 150px);
     -webkit-user-select:text;
}
.newh{
     margin: 0px;
     padding: 0px;
     font-weight: normal;
}
#submit{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 0px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
     border: 0px;
}
#submit:hover{
     background-color: var(--color8);
}
#choose_stripe{
     max-width: 150px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 100%;
     border-radius: 2px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 0px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
     border: 0px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
     float: left;
}
#choose_stripe:hover{
     background-color: var(--color8);
}
#choose_gocardless{
     max-width: 150px;
     background-color: var(--color1);
     color: var(--color7);
     width: 100%;
     border-radius: 2px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 0px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
     border: 0px;
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 10px;
}
#gocardless_iframe{
     position: relative;
}
#confirm_mandat_pay{
     max-width: 300px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 0px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
     border: 0px;
     display: none;
}
#confirm_mandat_pay:hover{
     background-color: var(--color8);
}
#payment-form{
     display:none;
     width: 400px;
     border-radius: 10px;
     margin-top: 10px;
}
#card-errors{
     color:var(--color7);
}
#start_stripe{
     max-width: 410px;
     border: none;
     border-radius: 4px;
     outline: none;
     text-decoration: none;
     color: var(--color4);
     background: var(--color28);
     white-space: nowrap;
     display: inline-block;
     height: 40px;
     line-height: 40px;
     padding: 0 14px;
     box-shadow: 0 4px 6px var(--color34), 0 1px 3px var(--color35);
     border-radius: 4px;
     font-size: 15px;
     font-weight: 600;
     letter-spacing: 0.025em;
     text-decoration: none;
     -webkit-transition: all 150ms ease;
     transition: all 150ms ease;
     margin-left: 1px;
     margin-top: 15px;
     float: left;
     width: 100%;
     cursor: pointer;
     margin-bottom: 20px;
}
#confirm_mandat_pay_text{
     margin-top: 10px;
}
#header,#faq_tab_wrapper,#faq_tab_text,#price_tab_wrapper,#price_tab_text,#recfolio_menu,#recfolio_menu_inner,#current_username,#recfolio_menu,#main_website,#activity_tab_wrapper,#activity_tab_icon,#activity_tab_text,#management_icon_wrapper,#management_icon_icon,#management_icon_text,#gallery_icon_wrapper,#gallery_icon_icon,#gallery_icon_text,#main,#recfolio_menu_icon_open{
     -webkit-transition: 500ms ease;
     transition: 500ms ease;
}
.notransition{
     -webkit-transition: unset !important;
     transition: unset !important;
}
#choose_free_tarif{
     color: var(--color8);
     font-weight: bold;
     cursor: pointer;
}
#redirect_billings{
     color: var(--color8);
     font-weight: bold;
     cursor: pointer;
}
.tarif_divs{
     display: none;
}
#current_tarif{
     font-size: 18px;
     font-weight: normal;
}
#current_tarif_end{
     margin-top: 10px;
}
.current_tarif_options{
     margin-top: 10px;
     display: none;
}
.current_tarif_options_inner{
     position: relative;
     color: var(--color7);
     font-size: 13px;
     height: 20px;
     line-height: 20px;
     display: inline-block;
     padding: 5px;
     float: left;
     margin-right: 10px;
}
.current_tarif_options_inner_wish{
     height: 20px;
     width: 19px;
     top: 7px;
     left: 0px;
     position: absolute;
     color: #0057B8;
}
.current_tarif_options_inner_dot{
     background-color: var(--color8);
     height: 10px;
     width: 10px;
     top: 10px;
     left: 2px;
     border-radius: 100%;
     position: absolute;
}
.current_tarif_options_inner_wish_tarif{
     height: 20px;
     width: 19px;
     top: 7px;
     left: 7px;
     position: absolute;
     color: #0057B8;
}
.current_tarif_options_inner_dot_tarif{
     background-color: var(--color8);
     height: 10px;
     width: 10px;
     top: 8px;
     left: 10px;
     border-radius: 100%;
     position: absolute;
}
.current_tarif_options_inner_text{
     padding-left: 15px;
}
#choose_new_tarif{
     display: none;
     color: var(--color7);
}
#new_tarif_now{
     font-size: 18px;
     margin-bottom: 10px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
}
#new_tarif_now_functions{
     max-width: 700px;
}
.new_tarif_now_functions{
     position: relative;
     font-size: 13px;
     float: left;
     margin-right: 20px;
     margin-bottom: 10px;
     width: 150px;
}
#new_tarif_now_price_netto{
     font-size: 14px;
     margin-top: 10px;
}
#new_tarif_now_price_taxes{
     font-size: 14px;
     margin-top: 10px;
     border-bottom: 1px solid var(--color5);
     width: 315px;
}
#new_tarif_now_price_real{
     font-size: 14px;
     margin-top: 10px;
}
.new_tarif_now_title{
     font-size: 13px !important;
     font-weight: bold !important;
}
#choose_new_tarif_adress{
     display: none;
}
#choose_new_tarif_payment{
     display: none;
}
#choose_tarif{
     display: block;
}
.choose_tarif_wrapper{
     position: relative;
     width: calc((100% / 4) - 10px);
     color: var(--color7);
     min-height: 600px;
     margin-top: 20px;
     border-radius: 2px;
     padding-top: 10px;
     padding-bottom: 160px;
     float: left;
     margin-right: 10px;
     box-shadow: 1px 1px 10px -7px var(--shadowcolor7);
     border-bottom-right-radius: 10px;
}
.choose_tarif_wrapper_website{
     position: relative;
     width: 320px;
     color: var(--color7);
     min-height: 940px;
     margin-top: 5px;
     border-radius: 2px;
     padding-top: 10px;
     padding-bottom: 160px;
     float: left;
     margin-left: 10px;
     margin-right: 10px;
     box-shadow: 1px 1px 10px -7px var(--shadowcolor7);
     border-bottom-right-radius: 10px;
     background-color: #ffffff;
     margin-bottom: 10px;
}
.choose_tarif_title{
     position: relative;
     text-align: center;
     font-size: 16px;
     font-weight: bold;
     height: 30px;
     line-height: 30px;
}
.choose_tarif_description{
     position: relative;
     font-size: 13px;
     text-align: center;
     margin-bottom: 10px;
     padding: 5px;
}
.choose_tarif_function{
     position: relative;
     border-top: 1px solid var(--color1);
     padding-top: 5px;
     padding-bottom: 5px;
     font-size: 13px;
     border-bottom: 1px solid var(--color1);
     padding-left: 30px;
}
.choose_tarif_function_checkbox{
     line-height: 15px;
     height: 15px;
     margin-top: 20px;
     margin-left: 10px;
     width: calc(100% - 15px);
     margin-bottom: 20px;
     text-align: center;
}
.choose_tarif_function_checkbox_management{
     line-height: 15px;
     height: 15px;
     margin-top: 20px;
     margin-left: 10px;
     width: calc(100% - 15px);
     margin-bottom: 20px;
     text-align: center;
}
.choose_tarif_function_checkbox_checkbox{
     margin-left: 0px;
     width: 15px;
     height: 15px;
     margin: 0px;
}
.choose_tarif_function_checkbox_management_checkbox{
     margin-left: 0px;
     width: 15px;
     height: 15px;
     margin: 0px;
}
.choose_tarif_function_checkbox_text{
     display: inline-block;
     font-weight: bold;
     font-size: 14px;
}
.choose_tarif_function_checkbox_management_text{
     display: inline-block;
     font-weight: bold;
     font-size: 14px;
}
.choose_tarif_function_management[data-state="off"]{

}
.choose_tarif_function_management[data-state="on"]{
     display: none;
}
.choose_tarif_function_video[data-state="off"]{
     color: #acacac;
}
.choose_tarif_function_video[data-state="off"] .current_tarif_options_inner_dot_tarif{
     background-color: #acacac;
}
.choose_tarif_price{
     position: absolute;
     text-align: right;
     height: 30px;
     line-height: 30px;
     color: #000000;
     font-weight: bold;
     font-size: 24px;
     bottom: 100px;
     right: 10px;
}
.choose_tarif_price_mwst{
     position: absolute;
     text-align: right;
     height: 50px;
     line-height: 25px;
     color: #acacac;
     font-weight: bold;
     font-size: 14px;
     bottom: 45px;
     right: 10px;
}
.choose_tarif_buttons{
     background-color: var(--color8);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     left: 10px;
     bottom: 10px;
     font-size: 14px;
     cursor: pointer;
     position: absolute;
}
.choose_tarif_buttons_website{
     background-color: var(--color8);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     left: 10px;
     bottom: 10px;
     font-size: 14px;
     cursor: pointer;
     position: absolute;
}
.choose_tarif_buttons:hover{
     background-color: var(--color8b);
}
.choose_tarif_buttons_already{
     color: var(--color7);
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     left: 10px;
     margin-top: 10px;
     font-size: 14px;
     position: absolute;
     bottom: 10px;
     display: none;
}
#payment_blocker{
     display: none;
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: 10000000;
}
.website_block_price_checkbox{
     max-width: calc(100% - 90px);
     width: 400px;
     background-color: #ffffff;
     padding: 20px;
     margin-top: 50px;
     margin-bottom: 50px;
     box-shadow: 1px 1px 10px -7px var(--shadowcolor7);
}
.lds-ellipsis {
     display: inline-block;
     position: relative;
     width: 80px;
     height: 80px;
     top: calc(50% - 60px);
     left: calc(50% - 60px);
}
.lds-ellipsis div {
     position: absolute;
     top: 33px;
     width: 13px;
     height: 13px;
     border-radius: 50%;
     background: var(--color15);
     animation-timing-function: cubic-bezier(0, 1, 1, 0);
     border: 2px solid var(--color1);
}
.lds-ellipsis div:nth-child(1) {
     left: 8px;
     animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
     left: 8px;
     animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
     left: 32px;
     animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
     left: 56px;
     animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
     0% {
          transform: scale(0);
     }
     100% {
          transform: scale(1);
     }
}
@keyframes lds-ellipsis3 {
     0% {
          transform: scale(1);
     }
     100% {
          transform: scale(0);
     }
}
@keyframes lds-ellipsis2 {
     0% {
          transform: translate(0, 0);
     }
     100% {
          transform: translate(24px, 0);
     }
}
#management_iframe_wrapper{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: var(--color33);
     z-index: 1000000;
     align-items: center;
     justify-content: center;
     display: none;
}
#management_iframe_inner{
     position: absolute;
     height: 94%;
     width: 94%;
     left: 3%;
     top: 3%;
     border: 0px;
     margin: 0px;
     padding: 0px;
}
.wrapper_outer{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: var(--color33);
     z-index: 1000000;
     align-items: center;
     justify-content: center;
     display: none;
}
.wrapper_outer[style*="display: block"]{
     display: flex !important;
}
.wrapper_inner{
     width: 100%;
     background-color: var(--color1);
     position: absolute;
     max-width: 350px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     overflow: auto;
     max-height: calc(100% - 40px);
}
#password_wrapper{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: var(--color33);
     z-index: 1000000;
     align-items: center;
     justify-content: center;
     display: none;
}
#password_wrapper[style*="display: block"]{
     display: flex !important;
}
#password_field{
     width: 100%;
     background-color: var(--color1);
     position: absolute;
     max-width: 350px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     overflow: auto;
     max-height: calc(100% - 40px);
}
#watermark_wrapper{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: var(--color33);
     z-index: 1000000;
     align-items: center;
     justify-content: center;
     display: none;
}
#watermark_wrapper[style*="display: block"]{
     display: flex !important;
}
#watermark_inner{
     width: 100%;
     background-color: var(--color1);
     position: absolute;
     max-width: 400px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     overflow: auto;
     max-height: calc(100% - 40px);
}
#activity_inner{
     max-height: 500px;
}
.alert_header{
     position: relative;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-top: 0px;
     color: var(--color2);
     background-color: var(--color4);
     box-shadow: 0px 1px 4px -4px var(--color7);
     font-weight: bold;
     font-size: 13px;
}
.window_close_button{
     position: absolute;
     right: 0px;
     top: 0px;
     height: 30px;
     width: 30px;
     color: var(--color2);
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     z-index: 1000000000;
}
.alert_inner{
     position: relative;
     color: var(--color7);
     padding: 10px;
     width: calc(100% - 40px);
     font-size: 13px;
     padding-left: 20px;
     padding-right: 20px;
     height: auto;
     overflow: auto;
}
.alert_footer{
     position: relative;
     width: 100%;
     height: 40px;
     line-height: 40px;
     text-align: center;
     color: var(--color2);
     background-color: var(--color4);
     box-shadow: 0px -1px 4px -4px var(--color7);
     /*font-weight: bold;*/
     font-size: 13px;
}
.hide_username{
     height: 0px;
     width: 0px;
     opacity: 0;
     padding: 0px;
     margin: 0px;
     border: 0px;
}
.hide_password{
     height: 0px;
     width: 0px;
     opacity: 0;
     padding: 0px;
     margin: 0px;
     border: 0px;
}
#gallery_home_add{
     font-size: 14px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: 10px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     margin-top: 20px;
     margin-bottom: 20px;
}
#gallery_home_add:hover{
     background-color: var(--color8);
}
#gallery_home_placeholder{
     height: 430px;
     width: 330px;
     margin-left: calc(50% - 165px);
     margin-top: 50px;
     position: fixed;
}
#gallery_home_placeholder_image{
     height: 330px;
     width: 330px;
     position: relative;
}
#gallery_home_placeholder_image_red{
     background-color: var(--color8);
     position: absolute;
     height: 150px;
     width: 150px;
     border-radius: 100%;
     top: 18px;
     right: 7px;
}
#gallery_home_placeholder_image_black{
     background-color: var(--shadowcolor7);
     position: absolute;
     height: 250px;
     width: 250px;
     border-radius: 100%;
     bottom: 20px;
     left: 40px;
}
#gallery_home_placeholder_title{
     position: relative;
     text-align: center;
     margin-top: 10px;
     font-weight: bold;
}
#gallery_home_placeholder_description{
     position: relative;
     text-align: center;
     margin-top: 10px;
     font-size: 14px;
     font-weight: bold;
}
#gallery_home_placeholder_tour{
     position: absolute;
     bottom: 0px;
     left: 0px;
     text-align: center;
     margin-top: 10px;
     font-size: 14px;
     background-color: var(--shadowcolor7);
     color: var(--darkcolor4);
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
}
#gallery_home_placeholder_tour:hover{
     background-color: var(--color8);
}
#gallery_home_placeholder_create{
     position: absolute;
     bottom: 0px;
     right: 0px;
     text-align: center;
     margin-top: 10px;
     font-size: 14px;
     background-color: var(--color8);
     color: var(--darkcolor4);
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
}
#gallery_home_placeholder_create:hover{
     background-color: var(--color8b);
}
#tour_wrapper_blocker{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     display: none;
     z-index: 100000000;
}
#tour_wrapper{
     position: absolute;
     width: 400px;
     height: 230px;
     left: 200px;
     top: 200px;
     z-index: 100000;
     border-radius: 111px;
}
#tour_inner{
     position: absolute;
     background-color: #ffffff;
     height: calc(100% - 80px);
     width: calc(100% - 120px);
     z-index: 1000000;
     top: 40px;
     right: 40px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     box-shadow: 0px 0px 15px 0px rgb(0,0,0,0.2);
}
#tour_symbol_one{
     z-index: 100;
     position: absolute;
     z-index: 10000000;
     top: 40px;
     left: 60px;
}
#tour_title{
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     text-align: center;
     font-family: 'DaysOne';
     top: 9px;
}
#tour_text_flex{
     position: absolute;
     left: 0px;
     top: 20px;
     width: 100%;
     height: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
}
#tour_text{
     position: absolute;
     left: 0px;
     text-align: left;
     padding: 15px;
     font-size: 13px;
     display: inline-block;
}
#tour_button{
     position: absolute;
     bottom: 0px;
     left: 0px;
     text-align: center;
     margin-top: 10px;
     font-size: 14px;
     background-color: var(--color8);
     color: var(--darkcolor4);
     width: 100%;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
}
#marking_div{
     background-color: rgba(255,0,0,0.2);
     border-radius: 10px;
     position: absolute;
     z-index: 100000000;
     outline: 2px solid rgba(255,0,0,0.4);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#drag_image{
     height: 20px;
     width: 20px;
     text-align: center;
     line-height: 20px;
     font-size: 22px;
     top: 5px;
     left: 5px;
     position:absolute;
}
#gallery_drag_title{
     display: none;
     padding: 5px;
     padding-left: 25px;
     background-color: var(--color7);
     color: var(--color4);
     position: absolute;
     border-radius: 8px;
     z-index: 10000;
     font-size: 12px;
     height: 20px;
     line-height: 20px;
}
#hover_text_div{
     display: none;
     padding: 5px;
     padding-left: 10px;
     padding-right: 10px;
     background-color: var(--color7);
     color: var(--color4);
     position: absolute;
     border-radius: 8px;
     z-index: 10000;
     font-size: 12px;
     height: 30px;
     line-height: 30px;
}
#dropdown_pretext{
     border: 1px solid var(--color3);
     height: 30px;
     width: 100%;
     max-width: 300px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: 0px;
     -webkit-user-select: text;
     margin-top: 10px;
}
#dropdown_pretext_paste{
     border: 1px solid var(--color3);
     height: 30px;
     width: calc(100% - 20px);
     border-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: 0px;
     -webkit-user-select: text;
     margin-top: 5px;
     margin-bottom: 5px;
     margin-left: 10px;
}
#pretext_name{
     margin-left: 0px;
     margin-top: 10px;
     width: calc(100% - 2px);
     max-width: 300px;
     text-align: left;
     text-indent: 10px;
     float: left;
     margin-right: 10px;
     margin-bottom: 10px;
}
#pretext_placeholder{
     border: 1px solid var(--color3);
     height: 30px;
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     -webkit-user-select: text;
     margin-top: 10px;
     max-width: 300px;
}
#pretext_textarea{
     overflow: auto;
     height: auto;
     min-height: 150px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color3);
     font-size: 13px;
     padding: 5px;
     max-width: 600px;
     margin-left: 0px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#new_pretext{
     margin-right: 10px;
}
#pretext_append{
     display: none;
}
#delete_pretext{
     color: var(--color7);
     background-color: var(--color1);
     margin-right: 10px;
     margin-top: 0px;
}
#save_pretext{
     margin-top: 10px;
}
#delete_customers{
     color: var(--color7);
     background-color: var(--color4);
     margin-left: 10px;
     width: calc(100% - 20px);
     max-width: unset;
}
#save_customers{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     margin-left: 10px;
     width: calc(100% - 20px);
     max-width: unset;
     margin-bottom: 10px;
}
#save_customers:hover{
     background-color: var(--color8);
}
.customer_list{
     color: var(--color7);
     border-top: 1px solid var(--color6);
     min-height: 30px;
     line-height: 30px;
     font-weight: bold;
     cursor: pointer;
}
.customer_list_name{
     float: left;
     margin-left: 10px;
     display: inline-block;
     height: 30px;
}
.customer_list_code{
     width: 120px;
     float: right;
     text-align: right;
     margin-right: 10px;
     height: 30px;
}
.customer_list_time{
     width: 120px;
     float: right;
     text-align: right;
     margin-right: 10px;
     height: 30px;
}
.customer_list_count{
     width: 80px;
     float: right;
     text-align: right;
     margin-right: 10px;
     height: 30px;
}
.customer_list_title{
     color: var(--color5);
     font-weight: normal;
}
.customer_list_expand{
     display: none;
     height: 70px;
     margin-top: 30px;
     position: relative;
}
.customer_list_edit{
     color: var(--color7);
     background-color: var(--color1);
     width: 140px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 10px;
     font-size: 12px;
     float: left;
}
.customer_list_view{
     color: var(--color7);
     background-color: var(--color1);
     width: 140px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 10px;
     font-size: 12px;
     float: left;
}
.customer_list_gallerys{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 140px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-right: 10px;
     font-size: 12px;
     float: right;
}
.customer_list_gallerys:hover{
     background-color: var(--color8);
}
#titleimage_wrapper{
     position: relative;
     background-color: var(--color1);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 10px;
     margin-top: 10px;
     cursor: pointer;
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
}
#titleimage_wrapper:hover{
     background-color: var(--color8);
}
#titleimage_button{
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     width: 100%;
     z-index: 10;
}
#titleimage_input{
     border: unset;
     height: unset;
     width: unset;
     border-radius: unset;
     text-align: unset;
     line-height: unset;
     margin-left: unset;
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     opacity: 0;
     z-index: 20;
     cursor: pointer;
}
#logo_img_settings{
     width: 400px;
     height: 230px;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     margin-top: 10px;
}
#wallpaper_img_settings{
     width: 400px;
     height: 230px;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     margin-top: 10px;
}
#temp_load_image{
     position: absolute;
     left: -3000px;
     top: -3000px;
     display: none;
     height: 5px;
     width: 5px;
}
#upload_logo_wrapper{
     position: relative;
     color: var(--darkcolor4);
     background-color: var(--color1);
     max-width: 300px;
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 0px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
}
#upload_logo_inner{
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     width: 100%;
     z-index: 10;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
}
#upload_logo_inner:hover{
     background-color: var(--color8);
}
#upload_logo_input{
     border: unset;
     height: unset;
     width: unset;
     border-radius: unset;
     text-align: unset;
     line-height: unset;
     margin-left: unset;
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     opacity: 0;
     z-index: 20;
     cursor: pointer;
}
#upload_wallpaper_wrapper{
     position: relative;
     color: var(--darkcolor4);
     background-color: var(--color1);
     max-width: 300px;
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 0px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
}
#upload_wallpaper_inner{
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     z-index: 10;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
}
#upload_wallpaper_inner:hover{
     background-color: var(--color8);
}
#upload_wallpaper_input{
     border: unset;
     height: unset;
     width: unset;
     border-radius: unset;
     text-align: unset;
     line-height: unset;
     margin-left: unset;
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     opacity: 0;
     z-index: 20;
     cursor: pointer;
}
#delete_logo{
     display: none;
}
#delete_wallpaper{
     display: none;
}
#loading_bar_outer{
     position:absolute;
     height:4px;
     width:100%;
     z-index:100000;
     display:none;
}
#loading_bar_inner{
     position:absolute;
     height:4px;
     width:0%;
     z-index:100000;
     background-image: repeating-linear-gradient(-45deg,var(--color8),var(--color8) 11px,#db0b00 10px,#db0b00 20px);
     background-size: 28px 28px;
     animation: loading_bar .5s linear infinite;
}
@keyframes loading_bar{
     0%{
          background-position: 0 0;
     }
     100%{
          background-position: 28px 0;
     }
}
#gallerys_header{
     position:absolute;
     left:0px;
     top:0px;
     height:50px;
     padding-left:10px;
     padding-right:10px;
     line-height:50px;
     font-size:13px;
     font-weight:bold;
     cursor:pointer;
     display:none;
}
.gallery_inside_gallery_title_main{
     position: relative;
     margin-top: 10px;
     margin-left: 10px;
     font-size: 16px;
     width: 100%;
}
.gallery_inside_gallery{
     position: relative;
     width: 332px;
     height: 212px;
     margin-left: 10px;
     margin-top: 10px;
     background-color: var(--color4);
     float: left;
     cursor: pointer;
     border-radius: 2px;
     border-bottom-right-radius: 20px;
}
.gallery_inside_gallery_title{
     position: relative;
     width: calc(100% - 60px);
     margin-left: 10px;
     font-size: 12px;
     height: 26px;
     line-height: 26px;
     font-weight: bold;
     text-overflow: ellipsis;
     white-space: nowrap;
}
.gallery_inside_gallery_count{
     position: absolute;
     height: 26px;
     line-height: 26px;
     text-align: center;
     top: 0px;
     right: 10px;
     text-align: right;
     color: var(--color5);
     font-size: 14px;
}
.gallery_inside_gallery_menu{
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: 0px;
     bottom: 0px;
     font-size: 17px;
     opacity: 1;
     background-color: var(--color4);
     z-index: 100;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: none;
}
.gallery_inside_gallery:hover .gallery_inside_gallery_menu{
     display: block;
}
.gallery_inside_gallery_image{
     position: absolute;
     height: 186px;
     width: 100%;
     top: 26px;
     left: 0px;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 30;
}
.gallery_inside_gallery_image_transparent{
     position: absolute;
     height: 186px;
     width: 100%;
     top: 26px;
     left: 0px;
     z-index: 20;
     background-image:linear-gradient(45deg, var(--color3) 23%, transparent 25%),
     linear-gradient(-45deg, var(--color3) 23%, transparent 25%),
     linear-gradient(45deg, transparent 75%, var(--color3) 75%),
     linear-gradient(-45deg, transparent 75%, var(--color3) 75%);
     background-size: 20px 20px;
     background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
     display:none;
}
.gallery_inside_gallery_image_empty{
     position: absolute;
     height: 186px;
     width: 100%;
     top: 26px;
     left: 0px;
     z-index: 20;
     text-align: center;
     line-height: 186px;
     font-size: 60px;
     color: var(--color1);
}
.gallery_inside_gallery_image_empty_customer{
     position: absolute;
     height: 186px;
     width: 100%;
     top: 26px;
     left: 0px;
     z-index: 20;
     text-align: center;
     line-height: 186px;
     font-size: 60px;
     color: var(--color1);
}
.gallery_inside_gallery_preview_empty{
     position: relative;
     width: 332px;
     height: 212px;
     margin-left: 10px;
     margin-top: 10px;
     background-color: var(--color4);
     float: left;
     cursor: pointer;
     border-radius: 2px;
     border-bottom-right-radius: 20px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
}
#gallery_add_image{
     position: relative;
     width: 200px;
     height: 200px;
     border-radius: 4px;
     background-color: transparent;
     box-shadow: none;
}
#gallery_add_image_big{
     position:absolute;
     height:100%;
     width:100%;
     opacity:0;
     z-index:10000000;
     display:none;
     background-color: transparent !important;
}
#image_gallery_upload_big{
     position:absolute;
     height:100%;
     width:100%;
}
#file_big{
     position:absolute;
     height:100%;
     width:100%;
     margin-left:0px;
}
.views{
     position: relative;
     margin-left: 10px;
     margin-top: 5px;
     display: inline-block;
     float: right;
     margin-top: 20px;
     margin-bottom: 20px;
}
.rows_view{
     position: relative;
     width: 80px;
     height: 50px;
     color: var(--color1);
     text-align: center;
     line-height: 50px;
     border-radius: 10px;
     float: left;
     cursor: pointer;
     padding-bottom: 5px;
}
.tiles_view{
     position: relative;
     width: 80px;
     height: 50px;
     color: var(--color1);
     text-align: center;
     line-height: 50px;
     border-radius: 10px;
     float: left;
     cursor: pointer;
     padding-bottom: 5px;
}
.list_view{
     position: relative;
     width: 80px;
     height: 50px;
     color: var(--color1);
     text-align: center;
     line-height: 50px;
     border-radius: 10px;
     float: left;
     cursor: pointer;
     padding-bottom: 5px;
}
.view_text{
     position: absolute;
     color: var(--color7);
     font-size: 10px;
     height: 20px;
     line-height: 20px;
     width: 100%;
     text-align: center;
}
.view_svg{
     position: absolute;
     top: 20px;
     width: 100%;
     left: 0px;
}
#sort_dropdown_label{
     margin-left: 20px;
     font-weight: bold;
     font-size: 14px;
}
#sort_dropdown{
     border: 1px solid var(--color3);
     height: 30px;
     width: calc(100% - 140px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: 10px;
     -webkit-user-select: text;
     margin-top: 10px;
}
#sort_order{
     height: 30px;
     margin-top: 5px;
     line-height: 30px;
     text-align: center;
     width: 30px;
     margin-left: 5px;
     cursor: pointer;
}
.sort_dropdown_gallery{
     border: 1px solid var(--color3);
     height: 30px;
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: 10px;
     -webkit-user-select: text;
     margin-top: 5px;
     float: left;
}
.sort_order_gallery{
     height: 30px;
     margin-top: 5px;
     line-height: 30px;
     text-align: center;
     width: 30px;
     margin-left: 5px;
     cursor: pointer;
     color: var(--color7);
}
.gallery_options_title{
     position: relative;
     margin-left: 10px;
     margin-top: 5px;
     font-size: 14px;
}
.gallery_options_between{
     position: relative;
     height: 1px;
     width: 100%;
     background-color: var(--color6);
     margin-top: 5px;
     margin-bottom: 5px;
}
.gallery_options_button{
     position: relative;
     height: 30px;
     line-height: 30px;
     cursor: pointer;
     z-index: 20;
     text-align: center;
     font-size: 14px;
     margin-top: 10px;
     margin-left: 10px;
     text-align: left;
     text-indent: 10px;
     padding-right: 30px;
     width: calc(100% - 56px);
     font-weight: bold;
}
#gen_password{
     margin-bottom: 5px;
}
.login_input{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 25px;
     line-height: 25px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.register_input{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 25px;
     line-height: 25px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.input_title{
     position: relative;
     color: var(--color7);
     width: calc(100% - 30px);
     margin-left: 15px;
     font-size: 13px;
     margin-bottom: 5px;
     font-weight: bold;
}
#forgot_password{
     margin-top: -3px;
     font-size: 11px;
     margin-bottom: 9px;
     cursor: pointer;
}
#action_tabs{
     position:absolute;
     width:100%;
     top:0px;
}
.action_tab{
     position:relative;
     height:30px;
     width:calc(100% / 2);
     line-height:30px;
     text-align:center;
     background-color:var(--color2);
     float:left;
     cursor:pointer;
}
#action_login_tab{
     width:100%;
     background-color:var(--color20);
}
#action_gallery_tab{
     background-color:var(--color20);
}
.action_content{
     height: calc(100% - 30px);
     position: absolute;
     width: 100%;
     top: 30px;
}
#gallerys{
     position: absolute;
     width: 100%;
     height: calc(100% - 85px);
     top: 85px;
     overflow-y: auto;
     display: none;
}
#home_gallery{
     position: relative;
     height: 100%;
     line-height: 40px;
     font-size: 15px;
     text-align: center;
     z-index: 10;
     margin: 0px;
     padding: 0px;
     border-radius: 0px;
     background-color: transparent;
     border: 0px;
     color: var(--color2);
     text-overflow: ellipsis;
     white-space: nowrap;
     border-bottom: 2px solid var(--color8);
     float: left;
     border-left: 1px solid var(--color1);
     border-right: 1px solid var(--color1);
     padding-left: 10px;
     padding-right: 10px;
     cursor: pointer;
     display: none;
}
#gallerys_tab_line{
     border-bottom: 2px solid var(--color8);
     height: 30px;
     position: absolute;
     top: 45px;
     width: 100%;
}
#gallerys_tab{
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     text-align: left;
     line-height: 30px;
     height: 30px;
     cursor: pointer;
     color: var(--color7);
     font-size: 13px;
     font-weight: bold;
     display: none;
     background-color: var(--color1);
     text-indent: 20px;
}
#gallery_options_tab{
     position: absolute;
     right: 0px;
     top: 0px;
     width: calc(50% - 1px);
     text-align: left;
     line-height: 30px;
     height: 30px;
     cursor: pointer;
     color: var(--color7);
     font-size: 13px;
     font-weight: bold;
     display: none;
     background-color: var(--color1);
     text-indent: 20px;
}
#gallery_tab_icon{
     height: 8px;
     width: 8px;
     background-color: var(--color8);
     border-radius: 100%;
     position: absolute;
     right: 11px;
     top: 11px;
     display: none;
}
#gallery_options_tab_icon{
     height: 8px;
     width: 8px;
     background-color: var(--color8);
     border-radius: 100%;
     position: absolute;
     right: 11px;
     top: 11px;
     display: none;
}
#gallery_options_wrapper{
     display: none;
     margin-top: 40px;
     height: calc(100% - 165px);
     overflow-y: auto;
     position: relative;
}
#portal_sidebar{
     display: none;
     height: 100%;
     overflow-y: auto;
}
#portal_search_wrapper_title{
     margin-bottom: unset;
     margin-top: 10px;
     width: calc(100% - 22px);
     margin-left: 10px;
     position: relative;
}
#portal_search_wrapper_type{
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     height: calc(40px - 8px);
     margin-top: 5px;
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
     width: calc(100% - 22px);
     margin-left: 10px;
}
#portal_search_wrapper_categories{
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     height: calc(40px - 8px);
     margin-top: 5px;
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
     width: calc(100% - 22px);
     margin-left: 10px;
}
.portal_categorie_sidebar_list{
     position: relative;
     height: 30px;
     width: 100%;
     line-height: 30px;
     font-size: 14px;
     text-indent: 50px;
     cursor: pointer;
}
.red_dot_portal{
     position: absolute;
     background-color: #dcdcdc;
     height: 10px;
     width: 10px;
     top: 10px;
     right: 50px;
     border-radius: 100%;
}
.red_dot_portal_inner{
     position: absolute;
     background-color: #dcdcdc;
     height: 10px;
     width: 10px;
     top: 10px;
     right: 50px;
     border-radius: 100%;
}
.portal_categorie_sidebar_list_wrapper{
     position: relative;
}
.portal_categorie_sidebar_list_inner{
     position: relative;
     height: 30px;
     width: 100%;
     line-height: 30px;
     font-size: 14px;
     text-indent: 65px;
     cursor: pointer;
}
#portal_search_wrapper_child_categories{
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     height: calc(40px - 8px);
     margin-top: 5px;
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
     width: calc(100% - 22px);
     margin-left: 10px;
}
#portal_search_wrapper_place{
     margin-bottom: 10px;
     margin-top: 15px;
     width: calc(100% - 100px);
     margin-left: 50px;
     position: relative;
}
#portal_search_wrapper_navi{
     height: 32px;
     line-height: 32px;
     margin-top: 6px;
     display: inline-block;
     margin-left: 50px;
}
#portal_search_wrapper_prev{
     float: left;
     font-size: 14px;
     background-color: var(--color4);
     color: var(--color7);
     width: 80px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     border: 1px solid var(--color3);
}
#portal_search_wrapper_number{
     float: left;
     font-size: 14px;
     background-color: var(--color4);
     color: var(--color7);
     width: 83px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     border: 1px solid var(--color3);
}
#portal_search_wrapper_next{
     float: left;
     font-size: 14px;
     background-color: var(--color4);
     color: var(--color7);
     width: 80px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
     border: 1px solid var(--color3);
}
#portal_iframe_tabs_fields_main{
     position: relative;
     height: 60px;
     width: calc(100% - 10px);
     margin-left: 5px;
     margin-top: 10px;
     background-color: var(--color11);
     border-radius: 10px;
     cursor: pointer;
     line-height: 60px;
     text-align: center;
}
.portal_iframe_tabs_fields{
     position: relative;
     height: 60px;
     width: calc(100% - 10px);
     margin-left: 5px;
     margin-top: 10px;
     background-color: var(--color11);
     border-radius: 10px;
     cursor: pointer;
}
.portal_iframe_tabs_fields_image{
     position: relative;
     height: 60px;
     line-height: 60px;
     width: 70px;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center;
}
.portal_iframe_tabs_fields_text{
     position: absolute;
     top: 0px;
     height: 60px;
     width: calc(100% - 80px);
     left: 0px;
     line-height: 60px;
     text-align: center;
}
.portal_iframe_tabs_fields_remove{
     position: absolute;
     top: 0px;
     right: 0px;
     height: 60px;
     line-height: 60px;
     width: 40px;
     text-align: center;
}
.email_button_portal_tabs{
     position: absolute;
     top: 0px;
     right: 40px;
     height: 60px;
     line-height: 60px;
     width: 40px;
     text-align: center;
}
#portal_search_clear{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
     display: none;
}
#portal_search_clear:hover{
     background-color: var(--color8);
}
#portal_search_search{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
     display: none;
}
#portal_search_search:hover{
     background-color: var(--color8);
}
.portal_categorie_search{
     position: relative;
     font-size: 14px;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     padding-top: 5px;
     padding-bottom: 5px;
     cursor: pointer;
}
.selected_categorie{
     font-weight: bold;
}
#portal_all_tab{
     position: relative;
     left: 0px;
     margin-top: 0px;
     width: 50%;
     text-align: center;
     line-height: 30px;
     height: 30px;
     cursor: pointer;
     background-color: var(--color4);
     color: var(--color9);
     font-size: 14px;
     float: left;
}
#portal_my_tab{
     position: relative;
     right: 0px;
     margin-top: 0px;
     width: 50%;
     text-align: center;
     line-height: 30px;
     height: 30px;
     cursor: pointer;
     background-color: var(--color4);
     color: var(--color2);
     font-size: 14px;
     float: left;
     border-bottom: 2px solid var(--color37);
     font-weight: bold;
}
#extra_scripts{
     display:none;
}
#download_iframe{
     position:absolute;
     left:-3000px;
     top:-3000px;
     width:0px;
     height:0px;
     display:none;
}
#interactive_menu{
     position:absolute;
     right:0px;
     bottom:0px;
     height:50px;
     width:calc(100% - 250px);
     background-color:var(--shadowcolor7);
     color: var(--darkcolor4);
     z-index: 10000;
     display:none;
}
#selected_count{
     position: relative;
     float: left;
     height: 50px;
     line-height: 50px;
     margin-left: 10px;
}
#group_state_selected{
     cursor: pointer;
     position: relative;
     float: right;
     height: 50px;
     line-height: 50px;
     width: 50px;
     text-align: center;
     font-size: 16px;
}
#group_state_selected_wrapper{
     width:110px;
     height:30px;
     position:absolute;
     bottom:50px;
     right:260px;
     background-color:var(--shadowcolor7);
     border-radius:8px;
     z-index:10000;
     display:none;
     padding-left: 10px;
     padding-right: 10px;
}
.group_state_selected{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     float: right;
     cursor: pointer;
     margin-top: 2px;
}
.group_state_selected:hover .group_state_selected_inner{
     height: 13px;
     width: 13px;
     border-radius: 100%;
     margin-top: 7px;
     float: left;
     margin-left: 5px;
}
.group_state_selected_inner{
     position: absolute;
     height: 8px;
     width: 8px;
     border-radius: 100%;
     z-index: 300000;
     margin-top: 9px;
     margin-left: 8px;
     cursor: pointer;
}
#group_state_selected_none_inner{
     color: var(--darkcolor4);
     font-size: 10px;
     margin-top: 8px;
     margin-left: 8px;
}
#group_state_selected_none:hover #group_state_selected_none_inner{
     font-size: 12px;
}
#group_state_selected_final{
     position: relative;
     height: 14px;
     z-index: 30;
     margin-top: 6px;
     margin-left: 5px;
     font-size: 14px;
     line-height: 14px;
     border-radius: 4px;
     padding: 3px;
     padding-left: 10px;
     padding-right: 9px;
     background-color: var(--color4);
     color:var(--color2);
     cursor:pointer;
     width:35px;
     display:none;
}
.group_state_selected_inner[data-state="red"]{
     background-color: var(--color8);
}
.group_state_selected_inner[data-state="yellow"]{
     background-color: var(--color13);
}
.group_state_selected_inner[data-state="green"]{
     background-color: var(--color14);
}
#export_selected{
     cursor: pointer;
     position: relative;
     float: right;
     height: 50px;
     line-height: 50px;
     width: 50px;
     text-align: center;
     font-size: 16px;
}
#cut_selected{
     cursor: pointer;
     position: relative;
     float: right;
     height: 50px;
     line-height: 50px;
     width: 50px;
     text-align: center;
     font-size: 16px;
}
#copy_selected{
     cursor: pointer;
     position: relative;
     float: right;
     height: 50px;
     line-height: 50px;
     width: 50px;
     text-align: center;
     font-size: 16px;
}
#download_zip{
     cursor: pointer;
     position: relative;
     float: right;
     height: 50px;
     line-height: 50px;
     width: 50px;
     text-align: center;
     font-size: 16px;
}
#select_all{
     cursor: pointer;
     position: relative;
     float: right;
     height: 50px;
     line-height: 50px;
     width: 50px;
     text-align: center;
     font-size: 16px;
}
#delete_selected{
     cursor: pointer;
     position: relative;
     float: right;
     height: 50px;
     line-height: 50px;
     width: 50px;
     text-align: center;
     font-size: 16px;
}
#unselect_all{
     cursor: pointer;
     position: relative;
     float: right;
     height: 50px;
     line-height: 50px;
     width: 50px;
     text-align: center;
     font-size: 16px;
}
#paste_selected_wrapper{
     position: absolute;
     bottom: 50px;
     right: 50px;
     width: 300px;
     height: 300px;
     background-color: var(--color4);
     z-index: 100000;
     border-radius: 10px;
     box-shadow: 0px 0px 0px 1px var(--color15);
     display: none;
}
#paste_selected_title{
     position: relative;
     margin-top: 0px;
     margin-left: 0px;
     width: 100%;
     height: 30px;
     text-align: center;
     line-height: 30px;
     background-color: var(--color7);
     color: var(--color1);
     font-size: 14px;
}
#paste_selected_gallerys{
     overflow-y: auto;
     height: 220px;
}
#gallery_current_cut_copy{
     position: relative;
     width: calc(100% - 20px);
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     background-color: var(--color16);
     border-radius: 10px;
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     color: var(--color1);
}
.gallery_buttons_cut_copy{
     position: relative;
     width: calc(100% - 20px);
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     background-color: var(--color1);
     border-radius: 10px;
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     color: var(--color2);
}
.gallery_buttons_cut_copy_text{
     position: relative;
     width: 100%;
     margin-left: 0px;
     font-size: 12px;
}
.gallery_buttons_cut_copy_count{
     position: absolute;
     height: 30px;
     line-height: 30px;
     top: 0px;
     right: 10px;
     text-align: right;
     color: var(--color10);
     font-size: 12px;
}
#paste_selected_submit{
     position: relative;
     width: calc(100% - 20px);
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     background-color: var(--color16);
     border-radius: 10px;
     font-size: 14px;
     color: var(--color1);
     margin-top: 10px;
     margin-left: 10px;
}
#upload_progress_wrapper{
     position: absolute;
     bottom: 50px;
     right: 50px;
     width: 300px;
     max-height: 300px;
     background-color: var(--color1);
     z-index: 10000;
     border-radius: 10px;
     box-shadow: 0px 0px 0px 1px var(--shadowcolor7);
     display: none;
}
@media only screen and (max-width: 600px){
     #upload_progress_wrapper{
          max-height: 200px;
     }
}
#upload_progress_title{
     position: relative;
     margin-top: 0px;
     margin-left: 0px;
     width: 100%;
     height: 30px;
     text-align: center;
     line-height: 30px;
     background-color: var(--color3);
     color: var(--color2);
     font-size: 14px;
}
#upload_progress_bars{
     overflow-y: auto;
     height: 270px;
}
.upload_progress_file_title{
     position: relative;
     margin-top: 5px;
     margin-left: 10px;
     width: calc(100% - 20px);
     height: 20px;
     color: var(--color2);
     text-align: left;
     line-height: 20px;
     font-size: 13px;
}
#upload_progress_file_abort_all{
     position: relative;
     height: 20px;
     width: calc(100% - 20px);
     background-color: var(--color6);
     border-radius: 4px;
     margin-top: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     cursor: pointer;
     text-align: center;
     line-height: 20px;
     font-size: 12px;
     color: var(--color7);
}
#upload_progress_file_abort_all:hover{
     background-color: var(--color17);
     color: var(--color4);
}
.upload_progress_bar_outer{
     position: relative;
     height: 20px;
     width: calc(100% - 20px);
     background-color: var(--color6);
     border-radius: 4px;
     margin-top: 0px;
     margin-left: 10px;
     margin-bottom: 10px;
     cursor: pointer;
}
.upload_progress_bar_abort{
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: var(--color17);
     top: 0px;
     opacity: 0;
     z-index: 100;
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-size: 12px;
     color: var(--color4);
     cursor: pointer;
}
.upload_progress_bar_abort:hover{
     opacity: 1;
}
.upload_progress_bar_inner{
     position: absolute;
     height: 100%;
     width: 0%;
     background-color: var(--color18);
     left: 0px;
     top: 0px;
}
.upload_progress_bar_current_size{
     position: absolute;
     color: var(--color2);
     height: 20px;
     line-height: 20px;
     display: inline-block;
     left: 10px;
     font-size: 12px;
}
.upload_progress_bar_total_size{
     position: absolute;
     color: var(--color2);
     height: 20px;
     line-height: 20px;
     display: inline-block;
     right: 10px;
     font-size: 12px;
}
#big_img_wrapper{
     position:absolute;
     height:100%;
     width:100%;
     background-color:#030303;
     z-index:100000;
     display:none;
}
#big_top{
     position:absolute;
     height:32px;
     width:100%;
     background-color:var(--darkcolor39);
     top:0px;
     left:0px;
     z-index:10;
}
#big_title{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     color: var(--darkcolor4);
}
#big_fullscreen{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 20px;
     right: 30px;
     top: 0px;
     cursor: pointer;
     color: var(--darkcolor4);
}
#big_close{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 20px;
     right: 0px;
     top: 0px;
     cursor: pointer;
     color: var(--darkcolor4);
}
#images_percent{
     position: absolute;
     height: 2px;
     width: 0%;
     bottom: 0px;
     left: 0px;
     background-color: var(--color8);
}
#big_left{
     position: absolute;
     color: var(--color1);
     height: 50px;
     width: 50px;
     left: 10px;
     top: calc(50% - 25px);
     text-align: center;
     font-size: 24px;
     z-index: 100;
     background-color: var(--color40);
     line-height: 48px;
     border-radius: 100%;
     cursor: pointer;
}
#big_right{
     position: absolute;
     color: var(--color1);
     height: 50px;
     width: 50px;
     right: 10px;
     top: calc(50% - 25px);
     text-align: center;
     font-size: 24px;
     z-index: 100;
     background-color: var(--color40);
     line-height: 48px;
     border-radius: 100%;
     cursor: pointer;
}
#big_img{
     position:absolute;
     background-position:center;
     background-size:contain;
     background-repeat:no-repeat;
     height:100%;
     width:100%;
     z-index:5;
     cursor:pointer;
}
#big_bottom{
     position:absolute;
     height:50px;
     width:100%;
     background-color:var(--darkcolor39);
     bottom:0px;
     left:0px;
     z-index:10;
}
#comment_wrapper{
     position:absolute;
     height:100%;
     width:100%;
     right:0px;
     background-color:var(--color1);
     z-index:100001;
     display:none;
}
#comment_title{
     position:absolute;
     height:30px;
     width:100%;
     color:var(--color1);
     text-align:center;
     line-height:30px;
     font-size:16px;
     display:none;
}
#img_data_wrapper{
     padding-bottom: 10px;
     color: var(--color7);
     width: calc(100% - 10px);
     margin-left: 10px;
     margin-top: 10px;
     font-size: 12px;
     max-height: calc(50% - 100px);
     overflow-y: auto;
}
.img_data_type{
     margin-top: 5px;
     font-weight: bold;
}
#comments_field{
     position: absolute;
     width: 100%;
     bottom: 165px;
     overflow-y: auto;
     border-top: 1px solid var(--color6);
     padding-top: 10px;
}
.comment_comment{
     position: relative;
     width: calc(100% - 30px);
     min-height: 40px;
     background-color: var(--color4);
     color:var(--color7);
     margin-left: 10px;
     margin-bottom: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     padding: 5px;
}
.comment_comment_message{
     position: relative;
     line-height: 25px;
     font-size: 12px;
     word-break: break-all;
}
.comment_comment_message_remove{
     position: absolute;
     right: 0px;
     top: 0px;
     height: 20px;
     width: 20px;
     line-height: 20px;
     text-align: center;
     cursor: pointer;
}
#comment_name{
     width: calc(100% - 30px);
     position: absolute;
     left: 10px;
     bottom: 125px;
     margin-left: unset;
     margin-bottom: unset;
     text-align: left;
     text-indent: 5px;
}
#comment_text{
     border: 1px solid var(--color3);
     height: 50px;
     width: calc(100% - 40px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     line-height: 25px;
     margin-left: 10px;
     margin-bottom: 10px;
     -webkit-user-select: text;
     position: absolute;
     bottom: 40px;
     text-align: left;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
}
#comment_submit{
     position: absolute;
     width: calc(100% - 20px);
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     background-color: var(--color16);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     left: 10px;
     bottom: 10px;
     font-size: 14px;
     color: var(--color1);
}
#remove_marked{
     position: relative;
     height: 22px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     padding-left: 5px;
     padding-right: 5px;
     margin-right: 5px;
     line-height: 22px;
     text-align: center;
     float: right;
     border-radius: 8px;
     margin-top: 4px;
     font-size: 12px;
     cursor: pointer;
}
#remove_marked:hover{
     background-color: var(--color8);
}
#add_marked{
     position: relative;
     height: 22px;
     background-color: var(--color1);
     color: var(--color7);
     padding-left: 5px;
     padding-right: 5px;
     margin-right: 5px;
     line-height: 22px;
     text-align: center;
     float: right;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 14px;
     font-size: 12px;
     cursor: pointer;
}
#download_current_image{
     position: relative;
     height: 22px;
     background-color: var(--color1);
     color: var(--color7);
     padding-left: 5px;
     padding-right: 5px;
     margin-right: 5px;
     line-height: 22px;
     text-align: center;
     float: right;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 14px;
     font-size: 12px;
     cursor: pointer;
}
/*#download_current_image{
position: relative;
height: 22px;
width: 22px;
z-index: 30;
margin-top: 2px;
margin-right: 5px;
line-height: 22px;
text-align: center;
font-size: 9px;
color: var(--darkcolor4);
font-size: 22px;
cursor: pointer;
float: right;
}*/
#delete_current_image{
     position: relative;
     height: 40px;
     width: 40px;
     z-index: 30;
     margin-top: 5px;
     margin-right: 5px;
     line-height: 40px;
     text-align: center;
     font-size: 9px;
     color: var(--darkcolor4);
     font-size: 22px;
     cursor: pointer;
     float: right;
     margin-left: 10px;
}
#open_comments{
     position: relative;
     height: 40px;
     width: 40px;
     z-index: 30;
     margin-top: 5px;
     margin-right: 5px;
     line-height: 40px;
     text-align: center;
     font-size: 9px;
     color: var(--darkcolor4);
     font-size: 22px;
     cursor: pointer;
     float: right;
}
#magnifier_img{
     position: relative;
     height: 40px;
     width: 40px;
     z-index: 30;
     margin-top: 5px;
     margin-right: 5px;
     line-height: 40px;
     text-align: center;
     font-size: 9px;
     color: var(--darkcolor4);
     font-size: 22px;
     cursor: pointer;
     float: right;
}
#magnifier_div{
     position: absolute;
     background-color: var(--color7);
     width: 200px;
     height: 200px;
     border-radius: 100%;
     border: 1px solid var(--color2);
     display: none;
     z-index: 100;
     background-repeat: no-repeat;
     background-size: inherit;
}
#close_comments{
     position: absolute;
     height: 40px;
     width: 40px;
     z-index: 30;
     top: 4px;
     right: 5px;
     line-height: 40px;
     text-align: center;
     font-size: 9px;
     color: var(--color7);
     font-size: 22px;
     cursor: pointer;
}
#context_menu{
     position:absolute;
     background-color:var(--color4);
     color:var(--color2);
     min-width:200px;
     z-index: 100000;
     border-radius:10px;
     box-shadow: 1px 1px 6px -3px var(--shadowcolor7);
     border-radius: 2px;
     border-bottom-right-radius: 20px;
     display:none;
}
.context_menu_tabs{
     position: relative;
     min-width: 200px;
     height: 30px;
     line-height: 30px;
     text-align: left;
     font-size: 14px;
     cursor: pointer;
     text-indent: 10px;
     padding: 5px;
}
.context_menu_tabs:hover{
     background-color: var(--color1);
}
.context_menu_tabs_delete:hover{
     background-color: var(--color8);
     color: var(--darkcolor1);
}
.context_icons{
     position: absolute;
     right: 5px;
     top: 5px;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 16px;
     text-indent: 0px;
}
#recfolio_logo_link{
     height: 100%;
     display: inline-block;
     float: left;
     cursor: pointer;
     margin-left: 10px;
}
#recfolio_logo{
     height: 75%;
     float: left;
     margin-left: 5px;
     margin-top: 5px;
}
#recfolio_menu_icon_open{
     position: relative;
     height: 50px;
     width: 50px;
     text-align: center;
     line-height: 50px;
     font-size: 16px;
     float: right;
     cursor: pointer;
     display: none;
     margin-right: 10px;
}
#recfolio_login_register_icon{
     position: relative;
     height: 50px;
     width: 50px;
     text-align: centeR;
     line-height: 50px;
     font-size: 22px;
     float: right;
     cursor: pointer;
}
#header{
     display:none;
     position:absolute;
     top:0px;
     left:0px;
     height:50px;
     width:100%;
     background-color:var(--color1a);
     z-index:100000;
     box-shadow:0px 0px 6px -3px var(--shadowcolor7);
     color: var(--color2);
}
#website{
     position: relative;
     height: 40px;
     line-height: 40px;
     width: 40px;
     text-align: center;
     cursor:pointer;
     float: left;
     border-left: 1px solid var(--color1);
     border-right: 1px solid var(--color1);
     font-size: 22px;
     font-weight: bold;
}
#recfolio_menu{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     cursor: pointer;
     float: right;
     font-size: 14px;
     font-weight: bold;
     display: inline-block;
     float: right;
     padding-right: 10px;
}
#recfolio_menu_inner{
     height: 100%;
     position: relative;
     cursor: pointer;
     width: 35px;
     line-height: 50px;
     font-size: 20px;
     z-index: 100000;
     text-align: center;
     color: var(--color19);
     border-radius: 100px;
     float: left;
}
#switcher{
     position: relative;
     height: 50px;
     width: 100px;
     line-height: 50px;
     text-align: center;
     cursor: pointer;
     float: right;
     font-size: 14px;
     font-weight: bold;
}
#switcher_tabs{
     position: absolute;
     display: none;
     right: 0px;
     top: 50px;
     background-color: var(--color1);
     color: var(--color2);
     padding: 5px;
     z-index: 30000;
     border-bottom-left-radius: 8px;
     padding-left: 20px;
     padding-right: 20px;
     font-size: 14px;
     cursor: pointer;
}
.switcher_tabs{
     width: 100px;
     height: 30px;
     line-height: 30px;
     position: relativE;
     color: var(--color7);
     text-align: center;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     cursor: pointer;
}
#menu_bars{
     height: 50px;
     position: relative;
     cursor: pointer;
     width: 40px;
     line-height: 50px;
     font-weight: bold;
     font-size: 20px;
     z-index: 100000;
     text-align: center;
     color: var(--color19);
     border-radius: 100px;
     margin-left: 15px;
     float:left;
}
#menu_bars_kurs{
     height: 50px;
     position: absolute;
     width: 20px;
     line-height: unset;
     cursor: pointer;
     width: 50px;
     line-height: 42px;
     left: 0px;
     font-weight: bold;
     font-size: 18px;
     z-index: 1000000;
     color: var(--color7);
     background-color: var(--color4);
     border-bottom-right-radius: 59px;
     text-indent: 14px;
}
#recfolio_title{
     position: absolute;
     height: 100%;
     line-height: 40px;
     left: 40px;
     cursor: pointer;
     font-size: 15px;
     z-index: 20;
     width: 90px;
}
#gallery_title{
     position: relative;
     margin-left: 10px;
     margin-top: 8px;
     width: calc(100% - 60px);
     text-align: left;
     line-height: 25px;
     min-height: 40px;
     cursor: pointer;
     background-color: var(--color4);
     color: var(--color2);
     font-size: var(--h4);
     padding-left: 10px;
     padding-right: 10px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     word-break: break-word;
}
#settings_icon{
     position: absolute;
     height: 40px;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     text-align: center;
     font-size: 14px;
     bottom: 0px;
     left: 10px;
     text-align: left;
     font-size: 14px;
     text-indent: 10px;
     padding-right: 30px;
     width: calc(100% - 57px);
     border-top: 2px solid var(--color8);
     font-weight: bold;
}
#settings_icon_icon{
     height: 40px;
     line-height: 40px;
}
.left_sidebar_title{
     position: relative;
     margin-left: 10px;
     margin-top: 10px;
     width: calc(100% - 40px);
     text-align: left;
     line-height: 40px;
     height: 40px;
     cursor: pointer;
     background-color: var(--color4);
     color: var(--color2);
     font-size: var(--h4);
     font-weight: bold;
     padding-left: 10px;
     padding-right: 10px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     border-top: 2px solid var(--color8);
}
#download_all_images_count{
     position: absolute;
     left: 75px;
     top: 0px;
     font-size: 11px;
     color: #acacac;
     line-height: 31px;
}
.gallery_options_inside_icons{
     height: 30px;
     width: 30px;
     position: absolute;
     right: 0px;
     top: 0px;
     line-height: 30px;
     text-align: center;
     text-indent: 0px;
     font-size: 16px;
}
#send_icon_div{
     position: absolute;
     width: calc(100% / 3);
     height: 50px;
     text-align: center;
     line-height: 50px;
     left: calc(50% - (100% / 2.5));
     cursor: pointer;
}
#activity_icon_div{
     position: absolute;
     width: calc(100% / 3);
     height: 50px;
     text-align: center;
     line-height: 50px;
     left: calc(100% / 3);
     cursor: pointer;
     display: none;
}
#gallery_options_icon_div{
     position: absolute;
     right: 0px;
     top: 0px;
     width: 40px;
     text-align: center;
     line-height: 40px;
     height: 40px;
     cursor: pointer;
     background-color: var(--color4);
     color: var(--color2);
     font-size: 16px;
}
#send_icon{
     position: absolute;
     width: 100%;
     text-align: center;
     left: 0px;
     top: 0px;
     font-size: 19px;
     height: 25px;
     line-height: 25px;
}
#activity_icon{
     position: absolute;
     width: 100%;
     text-align: center;
     left: 0px;
     top: 0px;
     font-size: 19px;
     height: 25px;
     line-height: 25px;
}
#current_gallery_ellipsis{
     position: absolute;
     width: 100%;
     text-align: center;
     left: 0px;
     top: 0px;
     font-size: 19px;
     height: 25px;
     line-height: 25px;
}
#send_icon_title{
     position: absolute;
     width: 100%;
     text-align: center;
     left: 0px;
     top: 25px;
     font-size: 14px;
     height: 25px;
     line-height: 25px;
}
#activity_icon_title{
     position: absolute;
     width: 100%;
     text-align: center;
     left: 0px;
     top: 25px;
     font-size: 14px;
     height: 25px;
     line-height: 25px;
}
#gallery_options_icon_title{
     position: absolute;
     width: 100%;
     text-align: center;
     left: 0px;
     top: 25px;
     font-size: 14px;
     height: 25px;
     line-height: 25px;
}
#gallery_action_icons{
     position: relative;
     height: 50px;
     width: 100%;
     margin-top: 10px;
}
#login{
     position: relative;
     height: 50px;
     width: 100px;
     line-height: 50px;
     text-align: center;
     cursor: pointer;
     float: right;
     font-size: 14px;
     font-weight: bold;
}
#register{
     position: relative;
     height: 50px;
     width: 110px;
     line-height: 50px;
     text-align: center;
     cursor: pointer;
     float: right;
     font-size: 14px;
     font-weight: bold;
}
/*#logout{
position: absolute;
height: 100%;
line-height: 40px;
right: 10px;
cursor: pointer;
display:none;
z-index:10;
font-size:15px;
}*/
#header_menu{
     position: relative;
     display: none;
     right: 0px;
     top: 0px;
     height: 40px;
     padding-left: 10px;
     padding-right: 10px;
     line-height: 40px;
     font-size: 14px;
     cursor: pointer;
     z-index: 100;
     float: right;
}
#login_menu{
     position: absolute;
     display: none;
     right: 0px;
     top: 50px;
     background-color: var(--color4);
     color: var(--color2);
     z-index: 30000;
     border-bottom-left-radius: 8px;
     font-size: 14px;
     cursor: pointer;
     min-width: 130px;
     box-shadow: 1px 1px 6px -3px var(--shadowcolor7);
     border-radius: 2px;
     border-bottom-right-radius: 20px;
}
#useraccounts_menu_bar{
     position: absolute;
     display: none;
     right: 200px;
     top: 50px;
     background-color: var(--color4);
     color: var(--color2);
     z-index: 30000;
     border-bottom-left-radius: 8px;
     font-size: 14px;
     cursor: pointer;
     width: 160px;
     box-shadow: 1px 1px 6px -3px var(--shadowcolor7);
     border-radius: 2px;
}
.useraccounts_menu_bar{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: center;
     min-width: 160px;
}
.useraccounts_menu_bar:hover{
     background-color: var(--color1);
}
#useraccounts_menu_bar_active{
     position: absolute;
     left: 10px;
     top: 10px;
     height: 10px;
     width: 10px;
     border-radius: 50px;
     background-color: var(--color8);
}
#useraccount_first_inner{
     text-align: center;
}
.useraccounts_first_inner_user{
     position: relative;
     width: 200px;
     height: 30px;
     background-color: #ffffff;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     font-weight: bold;
     box-shadow: 1px 1px 3px -2px #000000;
     margin-top: 10px;
     margin-left: calc(50% - 100px);
     cursor: pointer;
}
#useraccount_first_no{
     right: unset;
     left: 10px;
     width: calc(100% - 20px);
}
#current_username{
     font-weight: bold;
     display: inline-block;
     padding-right: 20px;
}
#email_button{
     width: 30px;
     height: 30px;
}
#email_button_icon{
     width: 30px;
     height: 30px;
     text-align: center;
     font-size: 18px;
}
#email_button_icon{
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 18px;
}
#email_button_new{
     position: absolute;
     height: 12px;
     width: 12px;
     border-radius: 100px;
     line-height: 10px;
     text-align: center;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     bottom: 5px;
     font-size: 8px;
     line-height: 12px;
     font-weight: bold;
     display: none;
}
#email_button_new:hover{
     background-color: var(--color8);
}
.login_menu{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: left;
     min-width: 160px;
     text-indent: 0px;
     padding: 5px;
     padding-left: 15px;
     padding-right: 15px;
}
.login_menu:hover{
     background-color: var(--color1);
}
#logout:hover{
     background-color: var(--color8);
     color: var(--darkcolor1);
}
#impressum_privacy{
     position: relative;
     height: 30px;
     line-height: 30px;
     font-size: 11px;
     text-indent: -5px;
}
#show_impressum_field{
     position: absolute;
     left: 0px;
     top: 0px;
     width: 50%;
     text-align: center;
}
#show_privacy_field{
     position: absolute;
     right: 0px;
     top: 0px;
     width: 50%;
     text-align: center;
}
#customer_view{
     position: relative;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 10px;
     display: none;
}
#customer_view_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#customer_view_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#customer_view_out{
     position: relative;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 10px;
     display: none;
}
#customer_view_out_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#customer_view_out_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#customer_view_out_presentation{
     position: absolute;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     padding-right: 10px;
     display: none;
     z-index: 10000;
     right: 0px;
     background-color: #ffffff;
     color: #000000;
     border-bottom-left-radius: 10px;
}
#customer_view_out_icon_presentation{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#customer_view_out_text_presentation{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#management_icon_wrapper{
     position: relative;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 10px;
     display: none;
}
#management_icon_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#management_icon_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#gallery_icon_wrapper{
     position: relative;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 10px;
     display: none;
}
#gallery_icon_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#gallery_icon_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#activity_tab_wrapper{
     position: relative;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 10px;
     display: inline-block;
}
#activity_tab_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#activity_tab_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#faq_tab_wrapper{
     position: relative;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 14px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 20px;
     display: inline-block;
}
#faq_tab_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#faq_tab_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#price_tab_wrapper{
     position: relative;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 14px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 10px;
     display: inline-block;
}
#price_tab_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#price_tab_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#recfolio_top_bars_main{
     position: absolute;
     top: 80px;
     background-color: #ffffff;
     width: 100%;
     z-index: 10000;
     display: none;
}
.recfolio_top_bars_main{
     height: 40px;
     color: #000000;
     text-align: center;
     line-height: 40px;
     border-bottom: 1px solid #dddddd;
     cursor: pointer;
}
.recfolio_top_bars_main:hover{
     background-color: #ececec;
}
#recfolio_top_bars_main_register{
     background-color: var(--color8);
     color: #ffffff;
}
#recfolio_top_bars_main_register:hover{
     background-color: var(--color8);
     color: #ffffff;
}
#main_management{
     position:absolute;
     top:50px;
     left:0px;
     height:calc(100% - 50px);
     width:100%;
     background-color:var(--color1b);
     z-index:101;
     display:none;
}
#main{
     position:absolute;
     top:50px;
     left:0px;
     height:calc(100% - 50px);
     width:100%;
     background-color:var(--color1b);
     z-index:100;
     display:none;
}
#gallery{
     position:absolute;
     top:0px;
     left:0px;
     height:100%;
     width:100%;
     z-index:10;
}
.blocker_div{
     position:absolute;
     height:100%;
     width:100%;
     top:0px;
     left:0px;
     z-index:450;
     display:none;
     -webkit-backdrop-filter: blur(var(--blurValue));
     backdrop-filter: blur(var(--blurValue));
}
.management_settings_sidebar{
     position: relative;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     color: var(--color7);
     font-size: 12px;
     cursor: pointer;
     padding-top: 5px;
     padding-bottom: 5px;
     -webkit-transition-property: all;
     -webkit-transition-duration: 0.5s;
}
.management_settings_sidebar_mail{
     position: relative;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     color: var(--color7);
     font-size: 12px;
     cursor: pointer;
     padding-top: 5px;
     padding-bottom: 5px;
     -webkit-transition-property: all;
     -webkit-transition-duration: 0.5s;
}
.management_settings_sidebar_mail_text{
     display: inline-block;
}
.management_settings_sidebar_mail_unseen{
     position: absolute;
     right: 12px;
     top: 0px;
     color: #000000;
     height: 30px;
     line-height: 30px;
}
.management_settings_sidebar_mail_menu{
     width: 30px;
     position: absolute;
     right: 0px;
     height: 30px;
     top: 0px;
     line-height: 30px;
     text-align: center;
     font-size: 17px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: none;
}
#email_send_field{
     max-width: 800px;
}
#management_menus_mail{
     display: none;
}
#management_menus_mail_folders{
     position: absolute;
     left: 0px;
     top: 116px;
     height: calc(100% - 176px);
     overflow-y: auto;
     width: 100%;
}
.management_sidebar_extra_inbox{
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.management_sidebar_extra_normal{
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.management_sidebar_extra_end{
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#management_sidebar_extra_add_folder{
     position: relative;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     cursor: pointer;
     padding-top: 5px;
     padding-bottom: 5px;
     -webkit-transition-property: all;
     -webkit-transition-duration: 0.5s;
     margin-left: 15px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     font-size: 12px;
     color: var(--color8);
     font-weight: bold;
}
.management_sidebar_extra_add_folder{
     position: relative;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     cursor: pointer;
     padding-top: 5px;
     padding-bottom: 5px;
     -webkit-transition-property: all;
     -webkit-transition-duration: 0.5s;
     margin-left: 15px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     font-size: 12px;
     color: var(--color8);
     font-weight: bold;
     display: none;
}
#management_email_search{
     margin-bottom: 5px;
     margin-top: 7px;
     width: calc(100% - 20px);
     margin-left: 10px;
     position: relative;
     border-radius: 2px;
     border-bottom-right-radius: 20px;
}
#management_email_new_message{
     position: relative;
     width: calc(100% - 20px);
     font-size: 12px;
     background-color: var(--color8);
     color: var(--darkcolor4);
     left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 10px;
     cursor: pointer;
     padding-right: 0px;
     margin-bottom: 10px;
}
#management_menus_mail_sync{
     position: absolute;
     bottom: 0px;
     left: 0px;
     text-align: center;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     color: var(--color7);
     font-size: 12px;
     cursor: pointer;
     padding-top: 5px;
     padding-bottom: 30px;
     display: none;
}
#management_menus_mail_synced{
     position: absolute;
     bottom: 0px;
     left: 0px;
     text-align: center;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     color: var(--color7);
     font-size: 12px;
     cursor: pointer;
     padding-top: 5px;
     padding-bottom: 30px;
     display: none;
}
#management_menus_mail_logout{
     position: absolute;
     bottom: 0px;
     left: 0px;
     text-align: center;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     color: var(--color7);
     font-size: 12px;
     cursor: pointer;
     padding-top: 5px;
     padding-bottom: 5px;
     display: none;
}
#management_menus_mail_mails{
     padding-bottom: 10px;
     position: absolute;
     top: 0px;
     left: 0px;
     width: calc(50% - 10px);
     overflow: auto;
     height: calc(100% - 10px);
     display: none;
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000;
     -moz-perspective: 1000;
     -ms-perspective: 1000;
     perspective: 1000;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
#management_menus_mail_body{
     position: absolute;
     right: 10px;
     top: 0px;
     width: 50%;
     overflow: auto;
     height: 100%;
     display: none;
     font-size: 14px;
     display: none;
     background-color: #ffffff;
}
#management_menus_mail_body_header{
     position: relative;
     height: calc(140px - 40px);
     width: calc(100% - 40px);
     background-color: #ffffff;
     box-shadow: 0px 2px 4px -4px var(--shadowcolor7);
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     padding: 20px;
}
#management_menus_mail_body_body_attachments{
     position: absolute;
     top: 140px;
     height: 60px;
     width: 100%;
     box-shadow: 2px 2px 4px -4px var(--shadowcolor7);
     overflow-x: auto;
     white-space: nowrap;
}
.management_menus_mail_body_body_attachments{
     height: 20px;
     line-height: 20px;
     padding: 10px;
     background-color: #ffffff;
     display: inline-block;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     position: relative;
     margin-top: 10px;
     margin-left: 10px;
     box-shadow: 2px 2px 4px -4px var(--shadowcolor7);
     cursor: pointer;
}
#management_menus_mail_body_body{
     background-color: #ffffff;
     box-shadow: 0px 2px 4px -4px var(--shadowcolor7);
     overflow-y: auto;
     width: calc(100% - 40px);
     border: 0px;
     margin: 0px;
     padding: 20px;
     height: calc(100% - 163px);
     padding-bottom: 0px;
     position: absolute;
     bottom: 0px;
}
#management_menus_mail_body_header_name{
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
}
#management_menus_mail_body_header_date{
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
}
#management_menus_mail_body_header_answer{
     position: absolute;
     right: 30px;
     top: 30px;
     font-size: 14px;
     font-weight: bold;
     cursor: pointer;
}
#management_menus_mail_body_header_options{
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 10px;
}
#management_menus_mail_body_header_subject{
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     font-weight: bold;
}
.management_menus_mail_mails{
     width: calc(100% - 40px);
     min-height: 20px;
     margin-left: 10px;
     margin-top: 10px;
     background-color: #ffffff;
     color: var(--color15);
     line-height: 20px;
     box-shadow: 2px 2px 4px -4px var(--shadowcolor7);
     font-size: 12px;
     cursor: pointer;
     padding: 20px;
     padding-left: 10px;
     padding-right: 10px;
     position: relative;
     height: auto;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.management_menus_mail_mails[data-seen="0"]{
     font-weight: bold;
     color: var(--color7);
}
.management_menus_mail_mails_from{
     width: 160px;
     padding-left: 10px;
     padding-right: 10px;
     float: left;
     word-break: break-word;
     position: absolute;
     text-overflow: ellipsis;
     white-space: nowrap;
}
.management_menus_mail_mails_subject{
     width: calc(100% - 300px);
     padding-left: 10px;
     padding-right: 10px;
     float: left;
     left: 180px;
     height: unset;
     word-break: break-word;
     margin-left: 180px;
}
.management_menus_mail_mails_time{
     width: 80px;
     padding-left: 10px;
     text-align: right;
     position: absolute;
     right: 0px;
     height: 59px;
     top: 0px;
     padding-right: 20px;
     line-height: 60px;
}
.management_menus_mail_mails_menu{
     width: 30px;
     position: absolute;
     right: 0px;
     height: 30px;
     top: 0px;
     padding-right: 20px;
     line-height: 30px;
     text-align: center;
     font-size: 17px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: none;
     padding-top: 15px;
     padding-bottom: 15px;
     padding-left: 60px;
}
.management_block{
     position: relative;
     background-color: var(--color4);
     padding: 15px;
     max-width: calc(100% - 90px);
     margin-left: 30px;
     margin-top: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-bottom: 10px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
     color: var(--color7);
     width: 300px;
}
.management_mail_text{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 20px;
     font-weight: bold;
}
.management_mail_input{
     margin-left: 0px;
     margin-top: 10px;
     max-width: calc(100% - 2px);
     width: calc(300px - 2px);
}
.management_button{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     max-width: 300px;
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 0px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
}
#management_sidebar{
     position:absolute;
     top:0px;
     left:0px;
     /*width:250px;*/
     max-width: 100%;
     width:320px;
     height:100%;
     background-color:var(--color4);
     color:var(--color7);
     z-index:500;
     box-shadow: 0px 0px 4px -2px var(--shadowcolor7);
}
#management_sidebar_inner{
     position:absolute;
     top:0px;
     left:0px;
     width:calc(100% - 30px);
     height:100%;
}
#management_choose_wrapper{
     border-bottom: 2px solid var(--color8);
     height: 30px;
     position: relative;
     width: 100%;
     font-size: 13px;
     color: #000000;
}
#management_choose_wrapper_personal{
     position: absolute;
     left: 0px;
     top: 0px;
     width: calc(50% - 1px);
     text-align: center;
     line-height: 30px;
     height: 30px;
     cursor: pointer;
     color: var(--color7);
     font-weight: bold;
     background-color: #eeeeee;
}
#management_choose_wrapper_account{
     position: absolute;
     right: 0px;
     top: 0px;
     width: calc(50% - 1px);
     text-align: center;
     line-height: 30px;
     height: 30px;
     cursor: pointer;
     color: var(--color7);
     font-weight: bold;
     background-color: #eeeeee;
}
#management_choose_wrapper_personal_icon{
     height: 8px;
     width: 8px;
     background-color: var(--color8);
     border-radius: 100%;
     position: absolute;
     right: 11px;
     top: 11px;
}
#management_choose_wrapper_account_icon{
     height: 8px;
     width: 8px;
     background-color: var(--color8);
     border-radius: 100%;
     position: absolute;
     right: 11px;
     top: 11px;
     display: none;
}
.management_wrapper{
     display: none;
}
.management_wrapper[data-id="dashboard"]{
     padding-bottom: 20px;
}
.management_dashboard_elements{
     position: relative;
     margin-left: 10px;
     margin-top: 10px;
     background-color: var(--color4);
     float: left;
     cursor: pointer;
     border-radius: 2px;
     border-bottom-right-radius: 20px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
}
.management_dashboard_elements_title{
     height: 30px;
     line-height: 30px;
     text-align: center;
     font-weight: bold;
     font-size: 14px;
     border-bottom: 1px solid #ececec;
     border-bottom: 1px solid #ececec;
     background-color: #1c1c1c;
     color: #ffffff;
}
#management_dashboard_elements_mails{
     max-height: 300px;
}
.management_dashboard_elements_body{
     min-height: 300px;
     max-height: 500px;
     overflow-y: auto;
}
.management_dashboard_elements_flex{
     margin-top: 10px;
     margin-left: 10px;
     width: calc(100% - 20px);
}
.management_dashboard_elements[data-id="requests"],.management_dashboard_elements[data-id="open_billings"],.management_dashboard_elements[data-id="open_requests"],.management_dashboard_elements[data-id="tickets"]{
     width: calc(100% / 4 - 20px);
     height: 30px;
     margin-left: 0px;
     float: left;
     margin-top: 5px;
     line-height: 30px;
     text-align: center;
     font-size: 12px;
     margin-bottom: 2px;
     background-color: var(--color1);
     color: #000000;
}
@media only screen and (max-width: 1500px){
     .management_dashboard_elements[data-id="requests"],.management_dashboard_elements[data-id="open_billings"],.management_dashboard_elements[data-id="open_requests"],.management_dashboard_elements[data-id="tickets"]{
          width: calc(50% - 10px);
     }
}
@media only screen and (max-width: 900px){
     .management_dashboard_elements[data-id="requests"],.management_dashboard_elements[data-id="open_billings"],.management_dashboard_elements[data-id="open_requests"],.management_dashboard_elements[data-id="tickets"]{
          width: calc(100% - 0px);
     }
}
.management_dashboard_elements[data-id="new_emails"]{
     width: calc(100% / 2 - 20px);
     margin-right: 20px;
     margin-bottom: 20px;
}
@media only screen and (max-width: 900px){
     .management_dashboard_elements[data-id="new_emails"]{
          width: calc(100% - 20px);
     }
}
.management_dashboard_elements[data-id="new_requests"]{
     width: calc(100% / 2 - 20px);
     margin-bottom: 10px;
     float: none;
}
@media only screen and (max-width: 900px){
     .management_dashboard_elements[data-id="new_requests"]{
          width: calc(100% - 20px);
     }
}
.management_dashboard_elements[data-id="assignments"]{
     width: calc(100% - 20px);
     float: none;
}
.management_dashboard_elements[data-id="to_dos"]{
     width: 400px;
}
.management_dashboard_elements[data-id="next_date"]{
     width: 400px;
}
.management_dashboard_elements[data-id="special_dates"]{
     width: 400px;
     margin-bottom: 10px;
}
.management_dashboard_elements_mails{
     width: calc(100% - 40px);
     min-height: 20px;
     margin-left: 10px;
     margin-top: 10px;
     background-color: #ffffff;
     color: #000000;
     line-height: 20px;
     box-shadow: 2px 2px 4px -4px var(--shadowcolor7);
     font-size: 12px;
     cursor: pointer;
     padding: 20px;
     padding-left: 10px;
     padding-right: 10px;
     position: relative;
     height: auto;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     font-weight: bold;
}
.management_dashboard_elements_mails_email{
     width: 160px;
     padding-left: 10px;
     padding-right: 10px;
     float: left;
     word-break: break-word;
     position: absolute;
     text-overflow: ellipsis;
     white-space: nowrap;
}
.management_dashboard_elements_mails_subject{
     width: calc(100% - 320px);
     padding-left: 10px;
     padding-right: 10px;
     float: left;
     left: 180px;
     height: unset;
     word-break: break-word;
     margin-left: 180px;
}
.management_dashboard_elements_mails_date{
     width: 100px;
     padding-left: 10px;
     text-align: right;
     position: absolute;
     right: 0px;
     height: 59px;
     top: 0px;
     padding-right: 20px;
     line-height: 60px;
}
#email_send_to{
     margin-left: 0px;
     width: calc(100% - 86px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: left;
     text-indent: 10px;
     margin-bottom: 10px;
}
#email_send_cc_toggle{
     position: absolute;
     right: 60px;
     top: 10px;
     height: 30px;
     width: 30px;
     background-color: var(--color8);
     color: var(--darkcolor4);
     line-height: 30px;
     text-align: center;
     font-size: 12px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     font-weight: bold;
}
#email_send_bcc_toggle{
     position: absolute;
     right: 20px;
     top: 10px;
     height: 30px;
     width: 30px;
     background-color: var(--color8);
     color: var(--darkcolor4);
     line-height: 30px;
     text-align: center;
     font-size: 12px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     font-weight: bold;
}
#email_send_subject{
     margin-left: 0px;
     width: calc(100% - 6px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: left;
     text-indent: 10px;
     margin-bottom: 10px;
}
#email_send_cc{
     margin-left: 0px;
     width: calc(100% - 6px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: left;
     text-indent: 10px;
     margin-bottom: 10px;
     display: none;
}
#email_send_bcc{
     margin-left: 0px;
     width: calc(100% - 6px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: left;
     text-indent: 10px;
     margin-bottom: 10px;
     display: none;
}
#email_send_emails{
     margin-left: 0px;
     width: calc(100% - 6px);
     margin-bottom: 10px;
     display: inline;
}
.email_send_emails{
     height: 20px;
     line-height: 20px;
     padding: 10px;
     background-color: #ffffff;
     display: inline-block;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     padding-right: 30px;
     position: relative;
     margin-bottom: 10px;
     margin-right: 20px;
}
.email_send_emails_remove{
     position: absolute;
     right: 0px;
     top: 0px;
     height: 40px;
     width: 30px;
     color: var(--color2);
     line-height: 40px;
     text-align: center;
     cursor: pointer;
     z-index: 1000000000;
}
#email_send_cc_emails{
     margin-left: 0px;
     width: calc(100% - 6px);
     margin-bottom: 10px;
     display: inline;
}
.email_send_cc_emails{
     height: 20px;
     line-height: 20px;
     padding: 10px;
     background-color: #ffffff;
     display: inline-block;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     padding-right: 30px;
     position: relative;
     margin-bottom: 10px;
     margin-right: 20px;
}
.email_send_cc_emails_remove{
     position: absolute;
     right: 0px;
     top: 0px;
     height: 40px;
     width: 30px;
     color: var(--color2);
     line-height: 40px;
     text-align: center;
     cursor: pointer;
     z-index: 1000000000;
}
#email_send_bcc_emails{
     margin-left: 0px;
     width: calc(100% - 6px);
     margin-bottom: 10px;
     display: inline;
}
.email_send_bcc_emails{
     height: 20px;
     line-height: 20px;
     padding: 10px;
     background-color: #ffffff;
     display: inline-block;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     padding-right: 30px;
     position: relative;
     margin-bottom: 10px;
     margin-right: 20px;
}
.email_send_bcc_emails_remove{
     position: absolute;
     right: 0px;
     top: 0px;
     height: 40px;
     width: 30px;
     color: var(--color2);
     line-height: 40px;
     text-align: center;
     cursor: pointer;
     z-index: 1000000000;
}
#email_add_attachment_wrapper{
     position: relative;
     height: 30px;
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-bottom: 10px;
}
#email_add_attachment_wrapper_button{
     position: absolute;
     background-color: var(--color8);
     color: var(--darkcolor4);
     text-align: center;
     width: 100%;
     height: 100%;
     line-height: 30px;
     cursor: pointer;
     top: 0px;
     left: 0px;
     z-index: 10;
}
#email_add_attachment_input_wrapper{
     position: absolute;
     width: 100%;
     height: 100%;
     cursor: pointer;
     top: 0px;
     left: 0px;
     z-index: 100;
}
.email_add_attachment_input{
     position: absolute;
     width: 100%;
     height: 100%;
     cursor: pointer;
     top: 0px;
     left: 0px;
     margin-left: 0px;
     opacity: 0;
}
#email_remove_attachment_wrapper{
     position: relative;
     width: 100%;
}
.email_remove_attachment_wrapper{
     height: 20px;
     line-height: 20px;
     padding: 10px;
     background-color: #ffffff;
     display: inline-block;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     position: relative;
     margin-right: 10px;
     box-shadow: 2px 2px 4px -4px var(--shadowcolor7);
     cursor: pointer;
     padding-right: 30px;
}
.email_remove_attachment_wrapper_remove{
     position: absolute;
     right: 0px;
     top: 0px;
     height: 40px;
     width: 30px;
     color: var(--color2);
     line-height: 40px;
     text-align: center;
     cursor: pointer;
     z-index: 1000000000;
}
#assignments_top_bar{
     width: calc(100% - 20px);
     background-color: #ffffff;
     margin-left: 10px;
     margin-top: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
     margin-bottom: 10px;
     font-size: 14px;
}
.assignments_top_bar{
     height: 30px;
     display: inline-block;
     float: left;
     padding: 10px;
     padding-left: 20px;
     padding-right: 20px;
     line-height: 30px;
     margin-top: 10px;
     margin-left: 10px;
     margin-left: 10px;
     margin-bottom: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     background-color: var(--color1b);
}
.assignments_top_bar[data-id="active"]{
     background-color: var(--color8);
     color: #ececec;
}
.assignments_main{
     position: relative;
     background-color: #ffffff;
     padding: 20px;
     line-height: 25px;
     width: calc(50% - 55px);
     margin-left: 10px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
     margin-bottom: 20px;
     font-size: 14px;
     float: left;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 1000px){
     .assignments_main{
          width: calc(100% - 60px);
     }
}
.assignments_main_name{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 30px;
     line-height: 30px;
     text-indent: 20px;
     width: 100%;
     background-color: var(--color8);
     color: #ffffff;
}
.assignments_main_flex{
     margin-top: 20px;
}
.assignments_main_status{
     position: relative;
}
.management_field_main{
     position: relative;
     background-color: #ffffff;
     padding: 20px;
     line-height: 25px;
     width: calc(50% - 55px);
     margin-left: 10px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
     margin-bottom: 20px;
     font-size: 14px;
     float: left;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 1000px){
     .management_field_main{
          width: calc(100% - 60px);
     }
}
.management_field_main_name{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 30px;
     line-height: 30px;
     text-indent: 20px;
     width: 100%;
     background-color: #1c1c1c;
     color: #ffffff;
}
.management_field_main_wrapper{
     margin-top: 20px;
}
.management_field_main_status{
     position: relative;
}
#management_field_main_new{
     font-size: 14px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(50% - 15px);
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     margin-top: 20px;
     margin-bottom: 20px;
     float: left;
}
#management_field_main_search{
     margin-left: 10px;
     margin-top: 20px;
     margin-bottom: 20px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     width: calc(50% - 20px);
     height: 28px;
}
#management_field_main_inner{
     margin-top: 10px;
}
#management_contacts_main_inner{
     display: flex;
     justify-content: right;
     align-items: unset;
     flex-wrap: wrap;
}
.management_field_main_icons{
     position: absolute;
     right: 5px;
     top: 0px;
     color: #ececec;
}
.management_field_main_icons_inner{
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
}
.management_top_flex{
     display: flex;
     justify-content: space-evenly;
     align-items: unset;
     flex-wrap: wrap;
     margin-top: 20px;
     margin-bottom: 10px;
}
#management_contacts_new{
     font-size: 14px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     max-width: calc(100% - 20px);
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     float: left;
     margin-bottom: 10px;
}
#management_contacts_filter{
     border: 1px solid var(--color3);
     height: 40px;
     width: 300px;
     max-width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 40px;
     -webkit-user-select: text;
}
#management_assignment_filter{
     border: 1px solid var(--color3);
     height: 40px;
     width: 300px;
     max-width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 40px;
     -webkit-user-select: text;
}
#management_contact_add_field{
     max-width: 500px;
}
.management_contacts_new_input_wrapper{
     display: flex;
     justify-content: space-evenly;
     align-items: unset;
     flex-wrap: wrap;
}
.management_contacts_new_input_type{
     float: left;
     margin-left: 0px;
     width: 200px;
     margin-bottom: 5px;
}
.management_contacts_new_input_value{
     margin-left: 0px;
     width: 200px;
     margin-bottom: 5px;
}
.management_contacts_new_input_remove{
     position: relative;
     background-color: var(--color4);
     color: var(--color7);
     text-align: center;
     width: calc(100% - 32px);
     height: 20px;
     line-height: 20px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     margin-bottom: 20px;
     box-shadow: 1px 1px 4px -3px #000000;
}
.management_field_main_inner_text{
     position: relative;
     display: flex;
     justify-content: start;
     align-items: unset;
     flex-wrap: wrap;
}
.management_field_main_inner_text_key{
     font-weight: bold;
     float: left;
}
.management_field_main_inner_text_value{
     margin-left: 10px;
}
.management_contacts_assignments_title{
     font-weight: bold;
     text-align: center;
     margin-top: 10px;
}
.management_contacts_assignments_inner_assignment{
    background-color: var(--shadowcolor19);
    color: var(--darkcolor4);
    width: auto;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.management_contacts_assignments_inner_assignment_add{
     background-color: var(--color8);
     color: var(--darkcolor4);
     width: auto;
     height: 20px;
     line-height: 20px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     margin-bottom: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
}
.management_fields_inner_text{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 10px;
     font-weight: bold;
}
.management_fields_inner_input{
     margin-left: 0px;
     margin-top: 5px;
     max-width: calc(100% - 2px);
     width: calc(100% - 2px);
     text-align: left;
     text-indent: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.management_assigment_add_inner_text{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 20px;
     font-weight: bold;
}
.management_assigment_add_inner_input{
     margin-left: 0px;
     margin-top: 5px;
     max-width: calc(100% - 2px);
     width: calc(100% - 2px);
     text-align: left;
     text-indent: 10px;
}
.management_assigment_add_inner_input{
     margin-left: 0px;
     margin-top: 5px;
     max-width: calc(100% - 2px);
     width: calc(100% - 2px);
     text-align: left;
     text-indent: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.management_fields_inner_select{
     border: 1px solid var(--color3);
     height: 30px;
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     -webkit-user-select: text;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.management_assigment_add_inner_select{
     border: 1px solid var(--color3);
     height: 30px;
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     -webkit-user-select: text;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_assigment_add_inner_notice{
     overflow: auto;
     height: unset;
     height: 100px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     font-size: 13px;
     padding: 5px;
     width: 100%;
     min-height: 140px;
}
#management_assigment_add_inner_todo{
     overflow: auto;
     height: unset;
     height: 100px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     font-size: 13px;
     padding: 5px;
     width: 100%;
     min-height: 140px;
}
#management_assigment_add_field{
     max-width: 550px;
}
.management_assigment_edit_inner_text{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 20px;
     font-weight: bold;
}
.management_assigment_edit_inner_text{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 10px;
     font-weight: bold;
}
.management_assigment_edit_inner_input{
     margin-left: 0px;
     margin-top: 5px;
     max-width: calc(100% - 2px);
     width: calc(100% - 2px);
     text-align: left;
     text-indent: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.management_assigment_edit_inner_select{
     border: 1px solid var(--color3);
     height: 30px;
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     -webkit-user-select: text;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_assigment_edit_inner_notice{
     overflow: auto;
     height: unset;
     height: 100px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     font-size: 13px;
     padding: 5px;
     width: 100%;
     min-height: 140px;
}
#management_assigment_edit_inner_todo{
     overflow: auto;
     height: unset;
     height: 100px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     font-size: 13px;
     padding: 5px;
     width: 100%;
     min-height: 140px;
}
#management_assigment_edit_field{
     max-width: 550px;
}
#management_products_new{
     font-size: 14px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     max-width: calc(100% - 20px);
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     float: left;
     margin-bottom: 10px;
}
.management_product_add_inner_text{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 10px;
     font-weight: bold;
}
.management_product_add_inner_input{
     margin-left: 0px;
     margin-top: 5px;
     max-width: calc(100% - 2px);
     width: calc(100% - 2px);
     text-align: left;
     text-indent: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     padding: 0px;
}
.management_product_add_inner_select{
     border: 1px solid var(--color3);
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     -webkit-user-select: text;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.management_product_edit_inner_text{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 10px;
     font-weight: bold;
}
.management_product_edit_inner_input{
     margin-left: 0px;
     margin-top: 5px;
     max-width: calc(100% - 2px);
     width: calc(100% - 2px);
     text-align: left;
     text-indent: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     padding: 0px;
}
.management_product_edit_inner_select{
     border: 1px solid var(--color3);
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     -webkit-user-select: text;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_offering_new{
     font-size: 14px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     max-width: calc(100% - 20px);
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     float: left;
     margin-bottom: 10px;
}
#management_offering_add_inner_recipient{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_offering_add_inner_sender{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_offering_add_inner_text_top{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_offering_add_inner_text_bottom{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.management_add_product_offering{
     position: relative;
     background-color: var(--color8);
     color: var(--darkcolor4);
     text-align: center;
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     left: calc(50% - 75px);
     margin-top: 10px;
}
#management_offering_edit_inner_recipient{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_offering_edit_inner_sender{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_offering_edit_inner_text_top{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_offering_edit_inner_text_bottom{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.management_edit_product_offering{
     position: relative;
     background-color: var(--color8);
     color: var(--darkcolor4);
     text-align: center;
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     left: calc(50% - 75px);
     margin-top: 10px;
}
#management_offering_add_field{
     max-width: 600px;
}
#management_offering_edit_field{
     max-width: 600px;
}
#management_billing_new{
     font-size: 14px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     max-width: calc(100% - 20px);
     height: 40px;
     line-height: 40px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     float: left;
     margin-bottom: 10px;
}
#management_billing_add_inner_recipient{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_billing_add_inner_sender{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_billing_add_inner_text_top{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_billing_add_inner_text_bottom{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.management_add_product_billing{
     position: relative;
     background-color: var(--color8);
     color: var(--darkcolor4);
     text-align: center;
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     left: calc(50% - 75px);
     margin-top: 10px;
}
#management_billing_edit_inner_recipient{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_billing_edit_inner_sender{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_billing_edit_inner_text_top{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#management_billing_edit_inner_text_bottom{
     overflow: auto;
     height: 70px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     min-height: 70px;
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.management_edit_product_billing{
     position: relative;
     background-color: var(--color8);
     color: var(--darkcolor4);
     text-align: center;
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     left: calc(50% - 75px);
     margin-top: 10px;
}
#management_billing_add_field{
     max-width: 600px;
}
#management_billing_edit_field{
     max-width: 600px;
}
#management_contacts_add_input{
     position: relative;
     background-color: var(--color8);
     color: var(--darkcolor4);
     text-align: center;
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     left: calc(50% - 75px);
     margin-top: 10px;
}
@media only screen and (max-width: 510px){
     #management_contact_add_field{
          max-width: 300px;
     }
     .management_contacts_new_input_remove{
          width: 200px;
     }
}
#management_contact_edit_field{
     max-width: 500px;
}
.management_contacts_edit_input_wrapper{
     display: flex;
     justify-content: space-evenly;
     align-items: unset;
     flex-wrap: wrap;
}
.management_contacts_edit_input_type{
     float: left;
     margin-left: 0px;
     width: 200px;
     margin-bottom: 5px;
}
.management_contacts_edit_input_value{
     margin-left: 0px;
     width: 200px;
     margin-bottom: 5px;
}
.management_contacts_edit_input_remove{
     position: relative;
     background-color: var(--color4);
     color: var(--color7);
     text-align: center;
     width: calc(100% - 32px);
     height: 20px;
     line-height: 20px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     margin-bottom: 20px;
     box-shadow: 1px 1px 4px -3px #000000;
}
.management_field_main_inner_text_edit{
     position: relative;
     display: flex;
     justify-content: start;
     align-items: unset;
     flex-wrap: wrap;
}
.management_field_main_inner_text_key_edit{
     font-weight: bold;
     float: left;
}
.management_field_main_inner_text_value_edit{
     margin-left: 10px;
}
.management_add_product_offering_inner{
     background-color: var(--color1b3);
     padding-top: 5px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 10px;
}
.management_edit_product_offering_inner{
     background-color: var(--color1b3);
     padding-top: 5px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 10px;
}
.management_offering_product_remove{
     position: relative;
     background-color: var(--color4);
     color: var(--color7);
     text-align: center;
     width: calc(100% - 4px);
     height: 20px;
     line-height: 20px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     margin-bottom: 10px;
     box-shadow: 1px 1px 4px -3px #000000;
     margin-left: 2px;
     margin-top: 20px;
}
#management_offering_add_inner{
     max-height: 700px !important;
}
#management_offering_edit_inner{
     max-height: 700px !important;
}
.management_add_product_billing_inner{
     background-color: var(--color1b3);
     padding-top: 5px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 10px;
}
.management_edit_product_billing_inner{
     background-color: var(--color1b3);
     padding-top: 5px;
     padding-left: 20px;
     padding-right: 20px;
     padding-bottom: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 10px;
}
.management_billing_product_remove{
     position: relative;
     background-color: var(--color4);
     color: var(--color7);
     text-align: center;
     width: calc(100% - 4px);
     height: 20px;
     line-height: 20px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     margin-bottom: 10px;
     box-shadow: 1px 1px 4px -3px #000000;
     margin-left: 2px;
     margin-top: 20px;
}
#management_billing_add_inner{
     max-height: 700px !important;
}
#management_billing_edit_inner{
     max-height: 700px !important;
}
#management_contacts_edit_input{
     position: relative;
     background-color: var(--color8);
     color: var(--darkcolor4);
     text-align: center;
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     left: calc(50% - 75px);
     margin-top: 10px;
}
@media only screen and (max-width: 510px){
     #management_contact_edit_field{
          max-width: 300px;
     }
     .management_contacts_edit_input_remove{
          width: 200px;
     }
}
#gallery_sidebar{
     position:absolute;
     top:0px;
     left:0px;
     /*width:250px;*/
     max-width: 100%;
     width:320px;
     height:100%;
     background-color:var(--color4);
     color:var(--color7);
     z-index:500;
     box-shadow: 0px 0px 4px -2px var(--shadowcolor7);
     display: none;
}
#gallery_sidebar_inner{
     position:absolute;
     top:0px;
     left:0px;
     width:calc(100% - 30px);
     height:100%;
}
.gallery_sidebar_trigger{
     position: absolute;
     right: 0px;
     top: 0px;
     background-color: var(--color4);
     height: 100%;
     width: 29px;
     border-left: 1px solid var(--color1);
     cursor: pointer;
}
.gallery_sidebar_trigger_icon{
     font-size: 20px;
     position: absolute;
     width: 29px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     top: calc(50% - 10px);
     color: var(--color8);
}
.gallery_sidebar_trigger_open{
     position: absolute;
     left: 0px;
     top: 0px;
     background-color: var(--color4);
     height: 100%;
     width: 29px;
     border-right: 1px solid var(--color1);
     cursor: pointer;
     display: none;
     z-index: 1000;
}
.gallery_sidebar_trigger_icon_open{
     font-size: 20px;
     position: absolute;
     width: 29px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     top: calc(50% - 10px);
     color: var(--color8);
}
#kurs_sidebar_trigger{
     position: absolute;
     right: 0px;
     top: 0px;
     background-color: var(--color4);
     height: 100%;
     width: 29px;
     border-left: 1px solid var(--color1);
     cursor: pointer;
}
#kurs_sidebar_trigger_icon{
     font-size: 20px;
     position: absolute;
     width: 29px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     top: calc(50% - 10px);
     color: var(--color8);
}
#kurs_sidebar_inner{
     position:absolute;
     top:0px;
     left:0px;
     width:calc(100% - 30px);
     height:100%;
}
.gallery_paths{
     position: relative;
     width: calc(100% - 10px);
     min-height: 30px;
     line-height: 30px;
     margin-left: 10px;
     cursor: pointer;
     display: none;
     margin-top: 10px;
}
.gallery_paths_caret{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     z-index: 100;
}
.management_folder_open{
     position: relative;
     height: 20px;
     width: 20px;
     line-height: 20px;
     text-align: center;
     left: 0px;
     float: left;
     margin-right: 5px;
}
.management_folder_open_empty{
     position: relative;
     height: 20px;
     width: 20px;
     line-height: 20px;
     text-align: center;
     left: 0px;
     float: left;
     margin-right: 5px;
     opacity: 0;
}
.gallery_paths_title,.gallery_paths_title_customer{
     position: relative;
     width: calc(100% - 110px);
     margin-left: 35px;
     font-size: var(--h0);
     text-indent: 0px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     padding-left: 5px;
     padding-right: 5px;
     font-weight: bold;
     text-overflow: ellipsis;
     white-space: nowrap;
}
.red_dot_gallery{
     position: absolute;
     background-color: #dcdcdc;
     height: 10px;
     width: 10px;
     top: 10px;
     right: 10px;
     border-radius: 100%;
}
.gallery_paths_number{
     position: absolute;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 0px;
     right: 44px;
     text-align: right;
     color: var(--color10);
     font-size: 12px;
}
.gallery_paths_add{
     position:relative;
     position: relative;
     width: calc(100% - 10px);
     min-height: 30px;
     line-height: 30px;
     margin-left: 40px;
     cursor: pointer;
     display:none;
     font-size: 14px;
     font-weight: bold;
     color: var(--color8);
}
.gallery_paths_first{
     width: calc(100% - 20px);
     margin-left: 10px;
}
.active_path{
     color:var(--color8);
     font-weight:bold;
}
#gallery_paths_add_first{
     position: relative;
     width: calc(100% - 80px);
     min-height: 30px;
     line-height: 30px;
     margin-left: 20px;
     cursor: pointer;
     font-size: 14px;
     font-weight: bold;
     color: var(--color8);
}
#search_gallerys{
     margin-bottom: unset;
     margin-top: 7px;
     width: calc(100% - 20px);
     margin-left: 10px;
     position: relative;
     border-bottom-left-radius: 2px;
     border-top-left-radius: 2px;
     border-radius: 20px;
     border-bottom-left-radius: 2px;
     border-top-left-radius: 2px;
     border-top-right-radius: 2px;
}
#search_gallery_icon{
     position: absolute;
     left: 10px;
     top: 8px;
     height: 30px;
     width: 30px;
     text-align: centeR;
     line-height: 30px;
     color: var(--color19);
     cursor: pointer;
}
#clear_gallery_icon{
     position: absolute;
     right: 22px;
     top: 6px;
     height: 30px;
     width: 30px;
     text-align: centeR;
     line-height: 30px;
     color: var(--color19);
     cursor: pointer;
     display: none;
}
.gallery_paths_title_searchable{
     margin-left: 0px;
}
#gallery_current{
     position: relative;
     width: calc(100% - 20px);
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     background-color: var(--color16);
     border-radius: 10px;
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     color: var(--color1);
     display:none;
}
#gallery_new{
     position: relative;
     width: calc(100% - 20px);
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     background-color: var(--color16);
     border-radius: 10px;
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     color: var(--color1);
     display:none;
}
.gallery_buttons{
     position: relative;
     width: calc(100% - 20px);
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     background-color: var(--color1);
     border-radius: 10px;
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     color: var(--color2);
}
.gallery_button_icons{
     position: absolute;
     left: 0px;
     top:0px;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 16px;
}
.gallery_menu{
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: 30px;
     top: 0px;
     font-size: 17px;
     opacity:1;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: none;
}
.gallery_menu:hover{
     background-color: var(--color1);
}
#gallery_back_icon,#gallery_new_icon{
     color:var(--color1);
}
#gallery_search{
     margin-bottom: unset;
     margin-top: 5px;
     width: calc(100% - 22px);
     margin-left: 10px;
     display: none;
     position: relative;
}
#gallery_states{
     width: calc(100% - 20px);
     display: none;
     position: absolute;
     height: 40px;
     line-height: 44px;
     text-indent: 10px;
     font-size: 13px;
     font-weight: bold;
     margin-left: 10px;
     bottom: 0px;
     background-color: var(--color1);
     z-index: 100;
     padding-top: 5px;
}
#gallery_none{
     position: relative;
     height: 12px;
     width: 12px;
     border: 2px solid var(--color2);
     border-radius: 100%;
     z-index: 30;
     margin-top: 15px;
     margin-right: 5px;
     float: right;
     line-height: 12px;
     text-align: center;
     background-color: transparent;
     font-size: 9px;
     color: var(--color4);
     cursor:pointer;
}
#gallery_red{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     float: right;
     cursor: pointer;
     margin-top: 10px;
}
#gallery_red:hover #gallery_red_inner{
     height: 13px;
     width: 13px;
     border-radius: 100%;
     margin-top: 7px;
     float: left;
     margin-left: 5px;
}
#gallery_red_inner{
     position: absolute;
     height: 8px;
     width: 8px;
     background-color: var(--color8);
     border-radius: 100%;
     z-index: 300000;
     margin-top: 9px;
     margin-left: 8px;
     cursor: pointer;
}
#gallery_yellow{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     float: right;
     cursor: pointer;
     margin-top: 10px;
}
#gallery_yellow:hover #gallery_yellow_inner{
     height: 13px;
     width: 13px;
     border-radius: 100%;
     margin-top: 7px;
     float: left;
     margin-left: 5px;
}
#gallery_yellow_inner{
     position: absolute;
     height: 8px;
     width: 8px;
     background-color: var(--color13);
     border-radius: 100%;
     z-index: 300000;
     margin-top: 9px;
     margin-left: 8px;
     cursor: pointer;
}
#gallery_green{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     float: right;
     cursor: pointer;
     margin-top: 10px;
}
#gallery_green:hover #gallery_green_inner{
     height: 13px;
     width: 13px;
     border-radius: 100%;
     margin-top: 7px;
     float: left;
     margin-left: 5px;
}
#gallery_green_inner{
     position: absolute;
     height: 8px;
     width: 8px;
     background-color: var(--color14);
     border-radius: 100%;
     z-index: 300000;
     margin-top: 9px;
     margin-left: 8px;
     cursor: pointer;
}
.gallery_state_active *{
     height: 13px !important;
     width: 13px !important;
     border-radius: 100% !important;
     margin-top: 7px !important;
     float: left !important;
     margin-left: 5px;
}
#gallery_final{
     position: relative;
     height: 14px;
     z-index: 30;
     margin-top: 4px;
     margin-left: 5px;
     float: right;
     font-size: 14px;
     line-height: 14px;
     border-radius: 4px;
     padding: 3px;
     padding-left: 10px;
     padding-right: 9px;
     background-color: var(--color32);
     color:var(--color2);
     cursor:pointer;
     display: none;
}
#gallery_comments_filter{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     margin-right: 2px;
     float: right;
     cursor: pointer;
     line-height: 26px;
     color: var(--color19);
     border-radius: 4px;
     font-size: 16px;
     text-align: center;
     text-indent: 0px;
     margin-top: 10px;
}
#gallery_heart_filter{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     margin-right: 2px;
     float: right;
     cursor: pointer;
     line-height: 26px;
     color: var(--color19);
     border-radius: 4px;
     font-size: 16px;
     text-align: center;
     text-indent: 0px;
     margin-top: 10px;
}
#gallery_group_filter{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     margin-right: 8px;
     float: right;
     cursor: pointer;
     line-height: 26px;
     color: var(--color19);
     border-radius: 4px;
     font-size: 16px;
     text-align: center;
     text-indent: 0px;
     margin-top: 10px;
}
#scroll_expander{
     position:relative;
     width:50px;
}
#scroll_total{
     position:absolute;
     width:20px;
     top:0px;
     left:0px;
}
#gallery_images{
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000;
     -moz-perspective: 1000;
     -ms-perspective: 1000;
     perspective: 1000;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     position:absolute;
     top:0px;
     left:250px;
     width:calc(100% - 260px);
     height:calc(100% - 10px);
     padding-bottom:10px;
     padding-right:10px;
     color:var(--color7);
     overflow-y: auto;
     z-index:300;
     webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
     -ms-user-select: none; /* Internet Explorer/Edge */
     user-select: none;
}
#management_inner{
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000;
     -moz-perspective: 1000;
     -ms-perspective: 1000;
     perspective: 1000;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     position:absolute;
     top:0px;
     left:320px;
     width:calc(100% - 320px);
     height:calc(100% - 10px);
     padding-bottom:10px;
     padding-right:10px;
     color:var(--color7);
     overflow-y: auto;
     z-index:300;
     webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
     -ms-user-select: none; /* Internet Explorer/Edge */
     user-select: none;
}
#portal_main{
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000;
     -moz-perspective: 1000;
     -ms-perspective: 1000;
     perspective: 1000;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     position:absolute;
     top:0px;
     left:250px;
     width:calc(100% - 260px);
     height:calc(100% - 10px);
     padding-bottom:10px;
     padding-right:10px;
     color:var(--color7);
     overflow-y: auto;
     z-index:300;
     webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
     -ms-user-select: none; /* Internet Explorer/Edge */
     user-select: none;
     display: none;
}
.portal_iframe_tabs_fields_iframe{
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     backface-visibility: hidden;
     -webkit-perspective: 1000;
     -moz-perspective: 1000;
     -ms-perspective: 1000;
     perspective: 1000;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     position:absolute;
     top:0px;
     left:250px;
     width:calc(100% - 250px);
     height:100%;
     color:var(--color7);
     overflow-y: auto;
     z-index:300;
     webkit-touch-callout: none; /* iOS Safari */
     -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
     -moz-user-select: none; /* Old versions of Firefox */
     -ms-user-select: none; /* Internet Explorer/Edge */
     user-select: none;
     border: 0px;
     padding: 0px;
     margin: 0px;
}
#gallery_images_inner,#gallery_inside_gallerys{
     padding-bottom:5px;
     position: relative;
}
#gallery_images_inner{
     position: relative;
     width: 100%;
}
#gallery_images_inner_top{
     position: relative;
     display: flex;
     justify-content: space-between;
     align-items: unset;
     flex-wrap: wrap;
     padding-bottom: 10px;
}
#gallery_inner_header_filter_count{
     display: none;
}
#gallery_images_inner_images{
     position: relative;
}
#presentation_img{
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center;
}
#presentation_title_img{
     position: absolute;
     height: 50px;
     width: 100%;
     text-align: center;
     line-height: 50px;
     color: #ffffff;
     font-size: 40px;
     top: 60px;
     font-weight: bold;
     text-shadow: 0px 0px 10px #000000;
}
#presentation_img_autor{
     position: absolute;
     height: 50px;
     width: 100%;
     text-align: center;
     line-height: 50px;
     color: #ffffff;
     font-size: 22px;
     bottom: 10px;
     font-weight: bold;
     text-shadow: 0px 0px 10px #000000;
}
#presentation_img_border{
     border: 1px solid #ffffff;
     border-radius: 10px;
     margin-top: 20px;
     margin-left: 20px;
     width: calc(100% - 50px);
     height: calc(100% - 44px);
     display: none;
}
.gallery_bottom_menu{
     position: absolute;
     bottom: 100px;
     height: 30px;
     width: calc(100% - 15px);
     background-color: rgba(255,255,255,0.8);
     z-index: 1000;
     display: none;
     left: 5px;
}
.download_button_inner{
     position: absolute;
     bottom: 0px;
     z-index: 100;
     font-size: 12px;
     display: none;
     height: 25px;
     line-height: 25px;
     text-align: center;
     padding-left: 10px;
     padding-right: 10px;
     background-color: #ffffff;
     display: none;
     left: 3px;
}
#presentation_view_switch{
     display: none;
     font-size: 24px;
     z-index: 100;
     position: absolute;
     color: var(--color15);
     background-color: var(--color4);
     border-radius: 100%;
     height: 50px;
     width: 50px;
     text-align: centeR;
     line-height: 50px;
     right: 20px;
     bottom: 20px;
     cursor: pointer;
}
#presentation_view_switch_password{
     display: none;
     font-size: 14px;
     z-index: 100;
     position: absolute;
     color: var(--color7);
     background-color: var(--color4);
     border-radius: 0px;
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     height: 46px;
     width: 200px;
     text-align: center;
     line-height: 50px;
     right: 120px;
     bottom: 20px;
}
#presentation_view_switch_password_submit{
     display: none;
     font-size: 14px;
     z-index: 100;
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
     height: 50px;
     width: 100px;
     text-align: center;
     line-height: 50px;
     right: 20px;
     bottom: 20px;
     cursor: pointer;
}
#presentation_view_switch_password_submit:hover{
     background-color: var(--color8);
}
#presentation_download_all{
     position:relative;
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 200px;
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 20px;
     margin-bottom: 15px;
     cursor: pointer;
}
#presentation_scroll_down_divs{
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     position: absolute;
     bottom: 60px;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
}
#presentation_title_scroll_down{
     width: 200px;
     height: 50px;
     background-color: var(--color29);
     border-radius: 10px;
     text-align: center;
     line-height: 50px;
     position: relative;
     cursor: pointer;
     color: var(--color7);
     margin-right: 20px;
     margin-left: 20px;
     margin-bottom: 20px;
}
#presentation_back{
     width: 200px;
     height: 50px;
     background-color: var(--color29);
     border-radius: 10px;
     text-align: center;
     line-height: 50px;
     cursor: pointer;
     color: var(--color7);
     margin-right: 20px;
     position: absolute;
     z-index: 10000000;
     top: 20px;
     left: 20px;
}
#presentation_title_scroll_down_video{
     width: 200px;
     height: 50px;
     background-color: var(--color29);
     border-radius: 10px;
     text-align: center;
     line-height: 50px;
     position: relative;
     cursor: pointer;
     color: var(--color7);
     margin-right: 20px;
     margin-left: 20px;
     margin-bottom: 20px;
}
#presentation_logo{
     background-image: url(res/?external=yes&path=5lcufqnx/logo.png);
     width: 200px;
     height: 200px;
     background-position: 0px 0px;
     background-size: contain;
     background-repeat: no-repeat;
     position: absolute;
     top: 0px;
}
#child_gallerys_presentation{
     display: flex;
     justify-content: space-evenly;
     align-items: center;
     flex-wrap: wrap;
}
.child_gallerys_presentation{
     min-width: 200px;
     height: 50px;
     background-color: var(--color29);
     border-radius: 10px;
     text-align: center;
     line-height: 50px;
     position: relative;
     cursor: pointer;
     color: var(--color7);
     margin-top: 10px;
     padding-left: 10px;
     padding-right: 10px;
}
#gallery_inside_gallerys{
     width:100%;
}
#gallery_owner_company_website{
     position: relative;
     height: 100px;
     background-color: var(--color4);
     margin-left: 10px;
     width: calc(100% - 10px);
     margin-top: 20px;
     text-align: center;
     display: none;
}
#gallery_owner_company{
     height: 20px;
     line-height: 20px;
     margin-top: 30px;
     font-size: 20px;
     font-weight: bold;
}
#gallery_owner_website{
     height: 20px;
     line-height: 20px;
     margin-top: 2px;
     font-size: 14px;
}
#placeholder_favorites{
     height: 10px;
     position: relative;
     width: 100%;
}
#gallery_inner_header{
     background-color: var(--color4);
     margin-top: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
     width: calc(50% - 40px);
     height: auto;
     overflow: hidden;
     margin-left: 10px;
     padding: 10px;
     overflow: auto;
}
#gallery_inner_logo{
     width: 160px;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     background-color: var(--color4);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-left: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
     float: left;
}
#welcome_text_text_div{
     position: relative;
     background-color: var(--color4);
     border-radius: 8px;
     margin-top: 0px;
     padding: 20px;
     line-height: 25px;
     display: block;
     max-width: auto;
     width: calc(100% - 290px);
     right: 0px;
     top: 0px;
     word-break: break-all;
     overflow: auto;
     display: contents;
}
#show_more_welcome_text{
     position: absolute;
     display: none;
     width: 100%;
     border-top-left-radius: 10px;
     height: 0px;
     line-height: 25px;
     text-align: center;
     font-size: 12px;
     cursor: pointer;
     right: 0px;
     bottom: 0px;
}
#show_more_welcome_text_inner{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 150px;
     border-top-left-radius: 10px;
     height: 25px;
     line-height: 25px;
     text-align: center;
     font-size: 12px;
     cursor: pointer;
     right: 0px;
     bottom: 0px;
}
#show_more_welcome_text_inner:hover{
     background-color: var(--color8);
}
#gallery_inner_header_filter_count{
     position: relative;
     background-color: var(--color4);
     margin-top: 0px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
     margin-bottom: 10px;
     margin-left: 10px;
     padding: 10px;
     font-size: 12px;
}
.marked_image{
     position: absolute;
     right: -50px;
     top: -50px;
     background-color: var(--color8);
     height: 90px;
     width: 90px;
     z-index: 100000;
     border-bottom-left-radius: 50%;
     text-align: left;
     line-height: 142px;
     color: #ffffff;
     text-indent: 24px;
     display: none;
     -webkit-transition-property: all;
     -webkit-transition-duration: 0.1s;
}
.unmarked{
     display:none;
}
.marked_icon{
     position: absolute;
     color: var(--color8);
     top: 7px;
     left: 7px;
     font-size: 20px;
     height: 12px;
     width: 12px;
     border: 2px solid var(--color8);
     text-align: center;
     line-height: 30px;
     border-radius: 100%;
     display: none;
}
.states_wrapper{
     background-color: var(--color31);
     z-index: 30;
     height: 26px;
     position: absolute;
     top: 8px;
     left: 10px;
     width: calc(100% - 20px);
     display:none;
}
.state_none{
     position: relative;
     height: 12px;
     width: 12px;
     border: 2px solid var(--color2);
     border-radius: 100%;
     z-index: 30;
     margin-top: 6px;
     margin-right: 5px;
     float: right;
     line-height: 12px;
     text-align: center;
     background-color: transparent;
     font-size: 9px;
     color: var(--color2);
}
.state_red{
     position: relative;
     height: 12px;
     width: 12px;
     border: 2px solid var(--color8);
     border-radius: 100%;
     z-index: 30;
     margin-top: 6px;
     margin-right: 5px;
     float: right;
}
.state_yellow{
     position: relative;
     height: 12px;
     width: 12px;
     border: 2px solid var(--color13);
     border-radius: 100%;
     z-index: 30;
     margin-top: 6px;
     margin-right: 5px;
     float:right;
}
.state_green{
     position: relative;
     height: 12px;
     width: 12px;
     border: 2px solid var(--color14);
     border-radius: 100%;
     z-index: 30;
     margin-top: 6px;
     margin-right: 5px;
     float:right;
}
.state_final{
     position: relative;
     height: 14px;
     z-index: 30;
     margin-top: 4px;
     margin-right: 5px;
     float: right;
     font-size: 14px;
     line-height: 14px;
     border-radius: 4px;
     padding: 3px;
     padding-left: 10px;
     padding-right: 9px;
     background-color: var(--color32);
     color:var(--color2);
     display: none;
}
.current_state{
     position: absolute;
     left: 7px;
     top: 7px;
     height: 13px;
     line-height: 30px;
     width: 13px;
     text-align: center;
     z-index: 1000;
     font-weight: bold;
     font-size: 20px;
     border-radius: 100%;
     -webkit-transition-property: all;
     -webkit-transition-duration: 0.1s;
}
.current_state_red{
     background-color: var(--color8);
}
.current_state_yellow{
     background-color: var(--color13);
}
.current_state_green{
     background-color: var(--color14);
}
.gallery_images{
     position: relative;
     width: 200px;
     height: 200px;
     margin-left: 10px;
     margin-top: 10px;
     border-radius: 10px;
     background-color: var(--color4);
     float:left;
     cursor:pointer;
     box-shadow:2px 2px 3px -4px var(--shadowcolor7);
}
.gallery_images_inner_div{
     display:none;
}
.gallery_images_portal{
     position: relative;
     width: 200px;
     /*height: 200px;*/
     margin-left: 10px;
     margin-top: 10px;
     border-radius: 10px;
     background-color: var(--color4);
     float:left;
     cursor:pointer;
     box-shadow:2px 2px 3px -4px var(--shadowcolor7)
}
.gallery_images_portal_title{
     position: relative;
     margin-left: 30px;
     margin-top: 10px;
     width: calc(100% - 60px);
     height: 20px;
     line-height: 20px;
     text-align: center;
     font-size: 12px;
     text-overflow: ellipsis;
     white-space: nowrap;
}
.gallery_images_portal_image{
     position: absolute;
     /*height: calc(100% - 50px);*/
     width: calc(100% - 6px);
     top: 40px;
     left: 3px;
     background-position:center;
     background-size:contain;
     background-repeat:no-repeat;
     z-index:20;
}
.gallery_images_portal_image_old{
     position: relative;
     /*height: calc(100% - 50px);*/
     width: calc(100% - 6px);
     margin-top: 10px;
     margin-left: 3px;
     background-position:center;
     background-size:contain;
     background-repeat:no-repeat;
     z-index:20;
}
.gallery_images_portal_content{
     position: relative;
     font-size: 12px;
     padding: 10px;
}
.gallery_inside_gallery{
     box-shadow:2px 2px 3px -3px var(--shadowcolor7);
}
#gallery_max_images{
     width:50px;
}
.gallery_mark_image{
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     left: calc(50% - 15px);
     bottom: 0px;
     font-size: 17px;
     opacity: 1;
}
.image_menu{
     height: 25px;
     width: 25px;
     line-height: 25px;
     text-align: center;
     position: absolute;
     right: 0px;
     bottom: 0px;
     font-size: 17px;
     opacity: 1;
     z-index: 10000;
     display: none;
     background-color: #ffffff;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.marked_image_gallery_check_states_color_outer{
     float: left;
     height: 25px;
     width: 20px;
     text-align: center;
}
.marked_image_gallery_check_states_color{
     height: 8px;
     width: 8px;
     border-radius: 100%;
     margin-top: 9px;
     float: left;
     margin-left: 10px;
     -webkit-transition-property: all;
     -webkit-transition-duration: 0.2s;
}
.marked_image_gallery_check_states_color_outer:hover > .marked_image_gallery_check_states_color{
     height: 13px;
     width: 13px;
     border-radius: 100%;
     margin-top: 7px;
     float: left;
     margin-left: 7px;
}
.marked_image_gallery_check_states_color_outer:hover > .marked_image_gallery_check_states_color_remove{
     line-height: 16px;
     font-size: 12px;
     margin-top: 6px;
}
.gallery_images_inner_div:hover > .current_state{
     top: 32px;
}
.marked_image_gallery_check_states_color_remove{
     color: #ffffff;
     text-align: center;
     line-height: 9px;
     font-size: 10px;
}
.marked_image_gallery_check_states_color_red{
     background-color: var(--color8);
}
.marked_image_gallery_check_states_color_yellow{
     background-color: var(--color13);
}
.marked_image_gallery_check_states_color_green{
     background-color: var(--color14);
}
.marked_image_gallery_check_states{
     position: absolute;
     right: 0px;
     top: 0px;
     background-color: #1c1c1c;
     width: 100%;
     height: 25px;
     z-index: 1000;
     display: none;
}
.marked_image_gallery_check{
     position: absolute;
     left: -7px;
     bottom: 16px;
     -webkit-transition: none !important;
     -moz-transition: none !important;
     -o-transition: none !important;
     transition: none !important;
}
.images_transparent{
     position: absolute;
     height: calc(100% - 50px);
     width: calc(100% - 20px);
     top: 10px;
     left: 10px;
     z-index:10;
     background-image:linear-gradient(45deg, var(--color3) 23%, transparent 25%),
     linear-gradient(-45deg, var(--color3) 23%, transparent 25%),
     linear-gradient(45deg, transparent 75%, var(--color3) 75%),
     linear-gradient(-45deg, transparent 75%, var(--color3) 75%);
     background-size: 20px 20px;
     background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
     display: none;
}
.images_src{
     position: absolute;
     height: calc(100% - 25px);
     width: 100%;
     top: 25px;
     left: 0px;
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     z-index: 20;
     background-color: var(--color4);
}
.images_src_old{
     position: absolute;
     height: calc(100% - 50px);
     width: calc(100% - 6px);
     top: 10px;
     left: 3px;
     background-position:center;
     background-size:contain;
     background-repeat:no-repeat;
     z-index:20;
}
.images_src_extra_extension_background{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: #0c0c0c;
     color: #ececec;
     font-size: 30px;
}
.images_src_extra_extension{
     margin: auto;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     height: 50px;
     line-height: 50px;
     width: 100%;
     text-align: center;
}
.images_title{
     position: absolute;
     left: 0px;
     top: 0px;
     width: calc(100% - 25px);
     height: 25px;
     line-height: 25px;
     text-align: left;
     font-size: 12px;
     text-overflow: ellipsis;
     white-space: nowrap;
     color: #ffffff;
     background-color: #1c1c1c;
     text-indent: 2px;
     padding-left: 25px;
}
#gallery_options_preview_image_button_choose{
     left: unset;
     right: 15px;
}
#gallery_options_preview_image_button_upload_inner{
     position: absolute;
}
.heart_symbol{
     position: absolute;
     right: 7px;
     top: 9px;
     height: 13px;
     line-height: 30px;
     width: 13px;
     text-align: center;
     background-color: var(--color8);
     z-index: 1000;
     font-weight: bold;
     font-size: 20px;
     border-radius: 100%;
}
.heart_symbol[data-state="0"]{
     background-color: unset;
     display: none;
}
#heart_symbol_big{
     position: absolute;
     left: 5px;
     bottom: 0px;
     height: 30px;
     line-height: 30px;
     width: 30px;
     text-align: center;
     color: var(--color8);
     z-index: 1000;
     font-weight: bold;
     font-size: 20px;
     cursor: pointer;
}
#gallery_big_states{
     padding-left: 5px;
     display: inline-block;
     position: relative;
     float: right;
     border: 2px solid #5c5c5c;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     padding-right: 5px;
     margin-right: 10px;
     margin-top: 10px;
}
#gallery_big_states[data-state="red"]{
     border: 2px solid var(--color8);
}
#gallery_big_states[data-state="yellow"]{
     border: 2px solid var(--color13);
}
#gallery_big_states[data-state="green"]{
     border: 2px solid var(--color14);
}
#gallery_big_red{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     float: right;
     cursor: pointer;
}
#gallery_big_red:hover #gallery_big_red_inner{
     height: 13px;
     width: 13px;
     border-radius: 100%;
     margin-top: 7px;
     float: left;
     margin-left: 5px;
}
#gallery_big_red_inner{
     position: absolute;
     height: 8px;
     width: 8px;
     background-color: var(--color8);
     border-radius: 100%;
     z-index: 300000;
     margin-top: 9px;
     margin-left: 8px;
     cursor: pointer;
}
#gallery_big_yellow{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     float: right;
     cursor: pointer;
}
#gallery_big_yellow:hover #gallery_big_yellow_inner{
     height: 13px;
     width: 13px;
     border-radius: 100%;
     margin-top: 7px;
     float: left;
     margin-left: 5px;
}
#gallery_big_yellow_inner{
     position: absolute;
     height: 8px;
     width: 8px;
     background-color: var(--color13);
     border-radius: 100%;
     z-index: 300000;
     margin-top: 9px;
     margin-left: 8px;
     cursor: pointer;
}
#gallery_big_green{
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     float: right;
     cursor: pointer;
}
#gallery_big_green:hover #gallery_big_green_inner{
     height: 13px;
     width: 13px;
     border-radius: 100%;
     margin-top: 7px;
     float: left;
     margin-left: 5px;
}
#gallery_big_green_inner{
     position: absolute;
     height: 8px;
     width: 8px;
     background-color: var(--color14);
     border-radius: 100%;
     z-index: 300000;
     margin-top: 9px;
     margin-left: 8px;
     cursor: pointer;
}
#gallery_big_none{
     color: #ffffff;
     text-align: center;
     line-height: 9px;
     font-size: 10px;
     position: relative;
     height: 26px;
     width: 26px;
     z-index: 30;
     float: right;
     cursor: pointer;
}
#gallery_big_none:hover #gallery_big_none_inner{
     line-height: 27px;
     font-size: 12px;
}
#gallery_big_none_inner{
     color: #ffffff;
     text-align: center;
     line-height: 26px;
     font-size: 10px;
     position: relative;
     height: 26px !important;
     width: 26px;
     z-index: 30;
     float: right;
     cursor: pointer;
     margin-top: 0px !important;
}
.current_state_big *{
     height: 13px !important;
     width: 13px !important;
     border-radius: 100% !important;
     margin-top: 7px !important;
     margin-left: 7px !important;
     float: left !important;
     margin-left: 5px;
}
#gallery_big_final{
     position: relative;
     height: 14px;
     z-index: 30;
     margin-top: 0px;
     margin-left: 5px;
     float: left;
     font-size: 14px;
     line-height: 14px;
     border-radius: 4px;
     padding: 3px;
     padding-left: 10px;
     padding-right: 9px;
     background-color: var(--color32);
     color:var(--color2);
     cursor:pointer;
}
#file{
     border: 0px;
     margin: 0px;
     position: absolute;
     height: 100%;
     width: 100%;
     opacity: 0;
     z-index: 20;
     cursor:pointer;
}
#upload_image{
     position: absolute;
     width: calc(100% - 8px);
     height: calc(100% - 8px);
     text-align: center;
     font-size: 16px;
     z-index: 10;
     top: 0px;
     border: 4px solid var(--color8);
     border-style: dashed;
     border-radius: 2px;
     border-bottom-right-radius: 20px;
}
#upload_image_title{
     position: absolute;
     width: 100%;
     height: 50px;
     line-height: 50px;
     font-size: 20px;
     font-weight: bold;
     top: 0px;
     color: var(--color15);
}
#upload_image_description{
     position: absolute;
     width: calc(100% - 20px);
     line-height: 21px;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     top: 50px;
}
#upload_image_button{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     bottom: 0px;
     background-color: var(--color8);
     color: var(--darkcolor4);
     left: 0px;
     text-align: center;
}
#upload_image_button:hover{
     background-color: var(--color8b);
}
#upload_image_button_list{
     position: absolute;
     width: calc(100% - 20px);
     line-height: 21px;
     font-size: 12px;
     padding-left: 10px;
     padding-right: 10px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     height: 50px;
     line-height: 50px;
     cursor: pointer;
     display: none;
}
#file:hover #upload_image_button{
     background-color: var(--color8);
}
#upload_text{
     position: absolute;
     width: 100%;
     height: 40px;
     line-height: 20px;
     text-align: center;
     font-size: 16px;
     z-index: 10;
     bottom: 20px;
}
#login_register_wrapper{
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color:var(--color33);
     z-index: 100000;
     display:none;
}
#login_register_login{
     height: calc(100% - 20px);
     width: calc(100% - 20px);
     background-color: var(--color1);
     position: absolute;
     max-height: 215px;
     max-width: 450px;
     border-radius: 10px;
     overflow: auto;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     display: none;
}
#login_register_register{
     height: calc(100% - 20px);
     width: calc(100% - 20px);
     background-color: var(--color1);
     position: absolute;
     max-height: 310px;
     max-width: 450px;
     border-radius: 10px;
     overflow: auto;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     display: none;
}
#login_register_recovery{
     height: calc(100% - 20px);
     width: calc(100% - 20px);
     background-color: var(--color1);
     position: absolute;
     max-height: 140px;
     max-width: 450px;
     border-radius: 10px;
     overflow: auto;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     display: none;
}
#gallery_send_close{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 15px;
     right: 0px;
     top: 0px;
     cursor: pointer;
     color: var(--color7);
}
#send_copy_input{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 25px;
     line-height: 25px;
     border-radius: 6px;
}
#send_copy_button{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 14px;
}
#send_copy_button:hover{
     background-color: var(--color8);
}
#send_email_to{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 25px;
     line-height: 25px;
     border-radius: 6px;
     text-align: left;
     font-size: 11px;
}
#use_comma{
     font-size: 10px;
     margin-bottom: 15px;
}
#send_email_subject{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 25px;
     line-height: 25px;
     border-radius: 6px;
     text-align: left;
     font-size: 11px;
}
#send_email_message{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 90px;
     line-height: 18px;
     border-radius: 6px;
     resize: none;
     text-align: left;
     overflow: auto;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     font-size: 13px;
     padding: 5px;
}
#send_email_button{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 14px;
     margin-bottom: 10px;
}
#send_email_button:hover{
     background-color: var(--color8);
}
#portal_contact_close{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 15px;
     right: 0px;
     top: 0px;
     cursor: pointer;
     color: var(--color7);
}
#send_email_to_portal_contact{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 25px;
     line-height: 25px;
     border-radius: 6px;
     text-align: left;
     font-size: 11px;
}
#send_email_subject_portal_contact{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 25px;
     line-height: 25px;
     border-radius: 6px;
     text-align: left;
     font-size: 11px;
}
#send_email_message_portal_contant{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 90px;
     line-height: 18px;
     border-radius: 6px;
     resize: none;
     text-align: left;
     overflow: auto;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     font-size: 13px;
     padding: 5px;
}
#send_email_button_portal_contant{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 14px;
}
#send_email_button_portal_contant:hover{
     background-color: var(--color8);
}
#customer_gallery_inner_inner{
     height: calc(100% - 80px);
     overflow: auto;
}
#customer_gallery_title{
     background-color: var(--color2);
     text-align: center;
     line-height: 30px;
     font-size: 14px;
}
#customer_gallery_inner_inner_save{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 10px;
     font-size: 14px;
     margin-top: 10px;
     cursor: pointer;
     margin-bottom: 10px;
}
#customer_gallery_inner_inner_save:hover{
     background-color: var(--color8);
}
#customer_info_title{
     background-color: var(--color2);
     text-align: center;
     line-height: 30px;
     font-size: 14px;
}
#customers_name{
     margin-top: 10px;
     width: calc(100% - 20px);
     margin-left: 10px;
}
#customers_password{
     margin-top: 10px;
     width: calc(100% - 20px);
     margin-left: 10px;
}
#customers_email{
     margin-top: 10px;
     width: calc(100% - 20px);
     margin-left: 10px;
}
#customer_notice{
     overflow: auto;
     height: auto;
     min-height: 150px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color3);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 30px);
     margin-left: 10px;
     margin-top: 10px;
     border-radius: 8px;
}
.customer_gallery_checkbox{
     height: 20px;
     width: 20px;
     float: left;
     margin-top: 0px;
     padding: 0px;
     margin-bottom: 0px;
     margin-left: 10px;
     cursor: pointer;
}
.customer_gallery_class{
     color: var(--color7);
     padding-top: 10px;
     font-size: 14px;
     padding-left: 0px;
     padding-right: 10px;
     display: block;
     width: calc(100% - 10px);
     padding-right: 0px;
}
.customer_gallery_class_title{
     width: calc(100% - 50px);
     float: left;
     margin-left: 0px;
}
.customer_gallery_class_number{
     top: 5px;
     right: 38px;
}
.teammember_gallery_checkbox{
     height: 20px;
     width: 20px;
     float: left;
     margin-top: 5px;
     padding: 0px;
     margin-bottom: 0px;
     margin-left: 10px;
     cursor: pointer;
}
.teammember_gallery_class{
     color: var(--color7);
     padding-top: 10px;
     font-size: 14px;
     padding-left: 0px;
     padding-right: 10px;
     display: block;
     width: calc(100% - 10px);
     padding-right: 0px;
}
.teammember_gallery_class_title{
     width: calc(100% - 50px);
     float: left;
     margin-left: 0px;
}
.teammember_gallery_class_number{
     top: 5px;
     right: 38px;
}
#gallery_options_menu_wrapper{
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color:var(--color33);
     z-index: 100000;
     display:none;
     overflow: auto;
}
#gallery_options_menu_menu{
     top: 30px;
}
#gallery_options_menu_menu_pre{
     width: 100%;
     margin-left: 10px;
     position: relative;
     top: unset;
     left: unset;
     right: unset;
     bottom: unset;
     margin-right: unset;
     margin-bottom: unset;
     margin-left: 0px;
     margin-top: 20px;
}
#gallery_options_design_iframe{
     position: absolute;
     top: 100%;
     padding: 0px;
     margin: 0px;
     border: 0px;
     width: calc(100% - 40px);
     height: calc(100% - 40px);
     display: none;
     margin-left: 20px;
     margin-bottom: 20px;
}
#preview_design_presentation{
     width: calc(100% - 20px);
     margin-left: 10px;
     margin-bottom: 10px;
}
#save_presettings{
     width: 450px;
     max-width: 100%;
     margin-left: 0px;
}
.gallery_options_menu_menu{
     max-height: calc(100% - 60px);
     width: calc(100% - 20px);
     background-color: var(--color1);
     position: absolute;
     max-width: 450px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.gallery_options_menu_close{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 15px;
     right: 0px;
     top: 0px;
     cursor: pointer;
     color: var(--darkdarkcolor1);
}
.gallery_options_menu_inner_scroll{
     overflow-y: auto;
}
.line_between{
     width: 100%;
     height: 1px;
     background-color: var(--color6);
     margin-top: 8px;
}
#gallery_options_footer{
     position: relative;
     height: 83px;
     width: 100%;
     background-color: var(--darkcolor2);
}
#gallery_options_footer_standard{
     position: absolute;
     color: var(--color2);
     font-size: 12px;
     width: 135px;
     padding: 5px;
     cursor: pointer;
}
#gallery_options_footer_child{
     height: 15px;
     width: 15px;
     right: 233px;
     top: 9px;
     position: absolute;
}
#gallery_options_footer_child_text{
     font-size: 12px;
     color: var(--color4);
     width: 215px;
     position: absolute;
     right: 14px;
     top: 12px;
}
#gallery_options_footer_save{
     position: absolute;
     right: 16px;
     bottom: 17px;
     background-color: var(--color8);
     color: var(--darkcolor4);
     text-align: center;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     width: 235px;
     margin-left: 10px;
     font-size: 12px;
}
#gallery_options_footer_save:hover{
     background-color: var(--color8b);
}
#gallery_set_standard{
     margin-bottom: 10px;
}
#gallery_print_checkbox{
     margin-bottom: 14px;
}
#gallery_print_checkbox_text{
     margin-bottom: 10px;
}
#image_group_resave_button_switch{
     margin-top: 0px;
     left: 15px;
     width: 150px;
     position: absolute;
     top: 5px;
     margin-left: 0px;
}
#image_group_new_button_switch{
     margin-top: 0px;
     right: 15px;
     width: 150px;
     position: absolute;
     top: 5px;
     margin-left: 0px;
}
#image_group_name_title{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 10px;
     color: var(--color2);
}
#image_group_title_input{
     position: relative;
     margin-top: 0px;
}
#image_group_name_input{
     position: relative;
     margin-top: 10px;
}
#image_group_email_input{
     position: relative;
     margin-top: 10px;
}
#image_group_text_input{
     position: relative;
     margin-top: 10px;
     border: 1px solid var(--color3);
     height: 70px;
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     line-height: 25px;
     -webkit-user-select: text;
     text-align: left;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     font-size: 13px;
     padding: 5px;
     overflow: auto;
     margin-left: 5px;
}
#image_group_name_save{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
}
#image_group_name_save:hover{
     background-color: var(--color8);
}
#image_group_info_title{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: center;
     color: var(--color2);
     width: calc(100% - 20px);
     margin-left: 10px;
     font-weight: bold;
}
#image_group_info_autor{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: left;
     margin-top: 10px;
     color: var(--color2);
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 12px;
}
#image_group_info_email{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: left;
     margin-top: 10px;
     color: var(--color2);
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 12px;
}
#image_group_info_text{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: left;
     margin-top: 10px;
     color: var(--color2);
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 12px;
}
.image_group_eye{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: 60px;
     top: 0px;
     font-size: 17px;
     opacity: 1;
     text-indent: 0px;
     display: none;
}
.image_group_eye:hover{
     color: var(--color8);
}
.image_group_eye[data-active="yes"]{
     color: #85a7d1;
     display: block;
}
.image_group_info{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: 30px;
     top: 0px;
     font-size: 17px;
     opacity: 1;
     text-indent: 0px;
     display: none;
}
.image_group_info:hover{
     color: var(--color8);
}
.image_group_delete{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: 0px;
     top: 0px;
     font-size: 17px;
     opacity: 1;
     text-indent: 0px;
     display: none;
}
.image_group_delete:hover{
     color: var(--color8);
}
#image_group_add{
     display: block;
     position: relative;
     width: 200px;
     top: 5px;
     float: right;
     font-size: 12px;
     background-color: var(--color8);
     color: var(--darkcolor4);
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     padding-right: 0px;
}
#image_group_add:hover{
     color: var(--color8b);
     color: var(--darkcolor4);
}
#image_group_info_time{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: left;
     margin-top: 10px;
     color: var(--color2);
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 12px;
}
#image_export_title{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: left;
     margin-top: 10px;
     color: var(--color2);
     width: calc(100% - 20px);
     margin-left: 10px;
     font-weight: bold;
}
#image_export_description{
     position: relative;
     line-height: 20px;
     text-align: left;
     margin-top: 0px;
     color: var(--color2);
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 12px;
}
#image_export_lightroom{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: left;
     margin-top: 0px;
     color: var(--color2);
     display: inline-block;
     margin-left: 10px;
     font-size: 12px;
     background-color: var(--color6);
     border-radius: 10px;
     padding: 5px;
     cursor: pointer;
}
#image_export_capture{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: left;
     margin-top: 0px;
     color: var(--color2);
     display: inline-block;
     margin-left: 0px;
     font-size: 12px;
     background-color: var(--color6);
     border-radius: 10px;
     padding: 5px;
     cursor: pointer;
}
#image_export_mac{
     position: relative;
     height: 30px;
     line-height: 30px;
     text-align: left;
     margin-top: 0px;
     color: var(--color2);
     display: inline-block;
     margin-left: 0px;
     font-size: 12px;
     background-color: var(--color6);
     border-radius: 10px;
     padding: 5px;
     cursor: pointer;
}
#image_export_names{
     position: relative;
     height: calc(130px - 20px);
     line-height: 20px;
     text-align: left;
     margin-top: 3px;
     color: var(--color2);
     width: calc(100% - 40px);
     margin-left: 10px;
     font-size: 12px;
     background-color: var(--color4);
     border-radius: 10px;
     padding: 10px;
     overflow-y: auto;
     resize: none;
}
#image_export_copy{
     position: absolute;
     height: 30px;
     line-height: 30px;
     text-align: right;
     bottom: 7px;
     color: var(--color2);
     display: inline-block;
     right: 10px;
     font-size: 12px;
     background-color: var(--color6);
     border-radius: 10px;
     padding: 5px;
     cursor: pointer;
}
#image_group_rename_title{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 10px;
     color: var(--color2);
}
#image_group_rename_input{
     position: relative;
}
#image_group_rename_save{
     position: absolute;
     background-color: var(--color2);
     color: var(--color1);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 10px;
     cursor: pointer;
     bottom: 5px;
}
#gallery_title_gallery_image{
     position: relative;
     height: 40px;
     width: 100%;
     border-bottom: 1px dashed var(--color6);
}
#gallery_options_preview_image_wrapper_top{
     z-index: 10000;
     position: relative;
     height: 232px;
}
#gallery_options_preview_image_wrapper{
     position: absolute;
     top: 5px;
     left: 10px;
     height: 190px;
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     z-index: 100000;
}
#gallery_options_preview_image_button{
     position: absolute;
     z-index: 100;
     text-align: left;
     line-height: 40px;
     height: 40px;
     width: 100%;
     top: calc(50% - 20px);
     font-size: 12px;
     cursor: pointer;
     color: var(--color7);
     background-color: var(--color29);
     font-weight: bold;
     text-indent: 10px;
}
#gallery_options_preview_image_button_icon{
     height: 40px;
     width: 40px;
     position: absolute;
     right: 0px;
     top: 0px;
     line-height: 40px;
     text-align: center;
     text-indent: 0px;
     font-size: 16px;
}
#gallery_options_preview_image_input{
     position: absolute;
     z-index: 102;
     text-align: center;
     height: 100%;
     width: 100%;
     top: 0px;
     cursor: pointer;
     opacity: 0;
     left: 0px;
     margin-left: unset;
     border: 0px;
     cursor: pointer;
}
#gallery_options_preview_image_button_upload_inner{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     line-height: 30px;
     text-align: center;
}
#gallery_options_preview_image{
     height: 100%;
     width: 100%;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
}
#gallery_options_title_image_wrapper{
     position: absolute;
     top: 5px;
     left: 10px;
     height: 30px;
     width: 170px;
     background-color: var(--shadowcolor19);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
}
#gallery_options_title_image_wrapper:hover{
     background-color: var(--color8);
}
#gallery_options_title_image_button{
     position: absolute;
     z-index: 100;
     text-align: center;
     line-height: 30px;
     height: 100%;
     width: 100%;
     bottom: 0px;
     font-size: 12px;
     cursor: pointer;
     color: var(--darkcolor4);
}
#gallery_options_title_image_input{
     position: absolute;
     z-index: 102;
     text-align: center;
     height: 100%;
     width: 100%;
     top: 0px;
     cursor: pointer;
     opacity: 0;
     left: 0px;
     margin-left: unset;
     border: 0px;
     cursor: pointer;
}
.delete_wrapper_yes{
     position: absolute;
     background-color: var(--color8);
     color: var(--darkcolor4);
     text-align: center;
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     left: 15px;
}
.delete_wrapper_yes:hover{
     background-color: var(--color8b);
}
.delete_wrapper_no{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     right: 15px;
}
.delete_wrapper_no:hover{
     background-color: var(--color8);
}
.delete_wrapper_default{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     width: 150px;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     right: 15px;
}
.delete_wrapper_default:hover{
     background-color: var(--color8);
}
#rename_input{
     position: relative;
}
#rename_save_gallery{
     position: absolute;
     background-color: var(--color2);
     color: var(--color1);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     display:none;
}
#rename_save_image{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     display:none;
}
#rename_save_image:hover{
     background-color: var(--color8);
}
.rename_title{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 0px;
     color: var(--color2);
}
.rename_input{
     position: relative;
     margin-top: 10px;
}
.rename_save{
     position: absolute;
     background-color: var(--color2);
     color: var(--color1);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     display:none;
}
#new_gallery_name_wrapper{
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color:var(--color33);
     z-index: 100000;
     display:none;
}
#new_gallery_name_title{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 10px;
     color: var(--color2);
}
#new_gallery_name_input{
     position: relative;
     margin-top: 10px;
}
#new_gallery_name_save_gallery{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
}
#new_gallery_name_save_gallery:hover{
     background-color: var(--color8);
}
#new_mail_folder_name_save{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
}
#new_mail_folder_name_save:hover{
     background-color: var(--color8);
}
#password_title{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 10px;
     color: var(--color2);
}
#password_input{
     position: relative;
}
#password_send{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--color1);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
}
#password_send:hover{
     background-color: var(--color8);
}
#login_register_close{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 15px;
     right: 0px;
     top: 0px;
     cursor: pointer;
     color: var(--color7);
}
#login_title{
     height: 40px;
     line-height: 40px;
     color: var(--color20);
     font-size: 16px;
     text-indent: 15px;
}
#forgot_password_title{
     height: 40px;
     line-height: 40px;
     color: var(--color20);
     font-size: 16px;
     text-indent: 15px;
}
#submit_refresh_password,#submit_login,#submit_forgot_password,#submit_forgot_username{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     height: unset;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor:pointer;
     width: calc(100% - 20px);
     margin-left: 10px;
}
#submit_refresh_password:hover{
     background-color: var(--color8);
}
#submit_login:hover{
     background-color: var(--color8);
}
#submit_forgot_password:hover{
     background-color: var(--color8);
}
#submit_forgot_username:hover{
     background-color: var(--color8);
}
#register_title{
     height: 40px;
     line-height: 40px;
     color: var(--color20);
     font-size: 16px;
     text-indent: 15px;
}
#forgot_username_title{
     height: 40px;
     line-height: 40px;
     color: var(--color20);
     font-size: 16px;
     text-indent: 15px;
}
#gallery_name_current{
     height: 35px;
     line-height: 50px;
     text-align: center;
     color: var(--color20);
}
.gallery_options_menu_header_buttons{
     position: relative;
     width: 100%;
     background-color: var(--darkcolor2);
}
.gallery_options_primary_title{
     height: 25px;
     line-height: 25px;
     font-size: 14px;
     margin-left: 10px;
     margin-top: 5px;
     margin-bottom: 5px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     color: var(--color1);
}
.gallery_options_menu_header_buttons_view,.gallery_options_menu_header_buttons_functions,.gallery_options_menu_header_buttons_security,.gallery_options_menu_header_buttons_presentation{
     position: relative;
     height: 30px;
     color: var(--darkdarkcolor1);
     font-size: 12px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
     background-color: var(--color9);
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     margin-left: 5px;
     margin-bottom: -3px;
}
.gallery_options_menu_header_buttons_add_to_portal{
     position: absolute;
     top: 0px;
     height: 30px;
     line-height: 30px;
     padding-left: 5px;
     padding-right: 5px;
     font-size: 12px;
     left: 135px;
     cursor: pointer;
     color: var(--darkdarkcolor1);
}
#gallery_presentation_pincode_description,#gallery_presentation_pincode_description_pre{
     margin-top: 0px;
}
.gallery_options_menu_header_buttons_view_pre,.gallery_options_menu_header_buttons_functions_pre,.gallery_options_menu_header_buttons_security_pre,.gallery_options_menu_header_buttons_presentation_pre{
     position: relative;
     height: 30px;
     color: var(--darkdarkcolor1);
     font-size: 12px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
     background-color: var(--color9);
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     margin-left: 5px;
}
.gallery_options_menu_button{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor:pointer;
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 12px;
}
.gallery_options_menu_button:hover{
     background-color: var(--color8);
}
.gallery_options_menu_title{
     height: 25px;
     line-height: 25px;
     color: var(--color20);
     font-size: 14px;
     text-indent: 15px;
     float: left;
     width: 145px;
     margin-top: 10px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
}
#activity_title{
     width: 100%;
     float: unset;
     margin-top: 0px;
}
.gallery_options_menu_right{
     width: 300px;
     margin-top: 10px;
}
.gallery_options_menu_title_header{
     height: 40px;
     line-height: 40px;
     color: var(--color20);
     font-size: 13px;
     text-indent: 15px;
     background-color: var(--color21);
     color: var(--darkcolor4);
}
.gallery_resolution_text{
     margin-left: 10px;
     height: 24px;
     line-height: 24px;
}
.gallery_watermark_opacity_text{
     margin-left: 10px;
     height: 24px;
     line-height: 24px;
}
.gallery_options_menu_input{
     margin-bottom: 10px;
     width: calc(100% - 24px);
     margin-left: 10px;
     height: 25px;
     line-height: 25px;
     border-radius: 2px;
     border-bottom-right-radius: 2px;
}
.welcome_text_text_textarea_formating_outer{
     background-color: #ffffff;
     color: #000000;
     line-height: 30px;
     width: calc(100% - 19px);
     margin-left: 10px;
     border: 1px solid var(--color5);
     border-bottom: 0px;
     border-radius: 4px;
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px;
}
.welcome_text_text_textarea_formating{
     float: left;
     width: 20px;
     height: 30px;
     text-align: center;
     cursor: pointer;
     font-size: 14px;
     font-weight: bold;
     line-height: 30px;
}
.welcome_text_undo{
     margin-left: 10px;
}
.welcome_text_bold{
     margin-left: 10px;
}
.welcome_text_italic{
     font-style: italic;
}
.welcome_text_underline{
     text-decoration: underline;
}
.welcome_text_color{
     margin-left: 10px;
}
.welcome_text_numeric_list{
     margin-left: 10px;
}
.welcome_text_link{
     margin-left: 10px;
}
.welcome_text_remove{
     margin-left: 10px;
}
#welcome_text_text_textarea{
     overflow: auto;
     height: unset;
     height: 100px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     border-top-left-radius:0px;
     border-top-right-radius:0px;
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 29px);
}
#email_send_message{
     overflow: auto;
     height: unset;
     height: 100px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     border-top-left-radius:0px;
     border-top-right-radius:0px;
     font-size: 13px;
     padding: 5px;
     width: 100%;
     min-height: 400px;
}
#email_send_inner{
     max-height: 600px !important;
}
.welcome_text_text_textarea a{
     display: inline;
}
.welcome_text_text_div a{
     display: inline;
}
ol{
     counter-reset: section;
}
ol li:before{
     counter-increment: section;
     content: counter(section,decimal) ". ";
}
ul li:before{
     content: "\2022";
}
#welcome_text_text_textarea_pre{
     overflow: auto;
     height: unset;
     height: 100px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 29px);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     border-bottom-right-radius: 10px;
}
.gallery_resolution{
     width: 75px;
     float: left;
}
.gallery_watermark_opacity{
     width: 75px;
     float: left;
}
.gallery_checkbox{
     width: 20px;
     color: var(--color2);
     cursor: pointer;
     margin-left: 12px;
     vertical-align: bottom;
     height: 25px;
}
.gallery_checkbox_text{
     height: 25px;
     line-height: 25px;
     margin-top: 3px;
     color: var(--color2);
     font-size: 12px;
     display: inline-block;
     position: relative;
     padding-right: 20px;
     display: inline-block;
     height: 20px;
     line-height: 20px;
}
.gallery_checkbox_text_disabled{
     /*color: var(--darkcolor5) !important;*/
}
.gallery_presentation_info{
     background-color: #acacac;
     margin-top: 10px;
     margin-left: 10px;
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-indent: 10px;
}
.presentation_info{
     font-size: 12px;
}
.gallery_presentation_style_checkbox{
     position: relative;
     margin-left: 10px;
     height: 30px;
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.gallery_presentation_style_checkbox_pre{
     position: relative;
     margin-left: 10px;
     height: 30px;
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#gallery_gallery_max_images_text{
     font-size: 12px;
}
#gallery_gallery_max_images_text_pre{
     font-size: 12px;
}
#submit_register{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     height: unset;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor:pointer;
     width: calc(100% - 20px);
     margin-left: 10px;
}
#submit_register:hover{
     background-color: var(--color8);
}
#messages_main{
     display:none;
     position:absolute;
     top:50px;
     left:0px;
     height:calc(100% - 50px);
     width:100%;
     background-color:var(--color1b);
     z-index:20000;
}
#messages_sidebar{
     position: absolute;
     left: 0px;
     top: 0px;
     width: 320px;
     height: 100%;
     background-color: var(--color4);
     overflow-y: auto;
     box-shadow: 0px 0px 6px -5px var(--shadowcolor7);
     z-index:10;
}
#messages_chats{
     position:absolute;
     left:320px;
     top:0px;
     width:calc(100% - 320px);
     height:100%;
     background-color:var(--color1b);
     overflow:auto;
     display:none;
}
#message_new_input{
     margin-bottom: unset;
     margin-top: 10px;
     width: calc(100% - 22px);
     margin-left: 10px;
     position: relative;
}
#message_new_submit{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 10px;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
     width: calc(100% - 22px);
}
#message_new_submit:hover{
     background-color: var(--color8);
}
#message_chats_sidebar{
     position: absolute;
     width: 100%;
     height: calc(100% - 94px);
     bottom: 0px;
}
.message_chats_sidebar{
     position: relative;
     width: 100%;
     margin-left: 0px;
     border: 1px solid var(--color6);
     height: 70px;
     cursor: pointer;
}
.message_chats_sidebar_name{
     color: var(--color7);
     font-size: 14px;
     height: 20px;
     width: 100%;
     line-height: 20px;
     text-indent: 10px;
     margin-top: 5px;
}
.message_chats_sidebar_message{
     color: var(--color10);
     margin-top: 10px;
     margin-left: 10px;
     font-size: 14px;
     text-overflow: ellipsis;
     width: calc(100% - 20px);
     white-space: nowrap;
}
.message_chats_sidebar_time{
     position: absolute;
     top: 10px;
     right: 10px;
     font-size: 12px;
     color: var(--color5);
}
#message_chats_sidebar_hidden{
     position: relative;
     width: 100%;
     margin-left: 0px;
     border: 1px solid var(--color6);
     height: 30px;
     cursor: pointer;
     color: var(--color7);
     line-height: 30px;
     text-align: center;
     font-size: 12px;
}
#message_chats_header{
     height: 40px;
     width: 100%;
     background-color: var(--color4);
     box-shadow: 0px 0px 6px -5px var(--shadowcolor7);
     position: absolute;
     z-index: 100;
}
#message_chats_name{
     color: var(--color7);
     font-weight: bold;
     height: 40px;
     line-height: 40px;
     margin-left: 10px;
     font-size: 14px;
}
#message_chats_hide{
     position: absolute;
     top: 0px;
     right: 0px;
     height: 40px;
     width: 40px;
     color: var(--color7);
     font-size: 18px;
     line-height: 40px;
     text-align: center;
     cursor: pointer;
}
#message_chats_show{
     position: absolute;
     top: 0px;
     right: 0px;
     height: 40px;
     width: 40px;
     color: var(--color7);
     font-size: 18px;
     line-height: 40px;
     text-align: center;
     cursor: pointer;
     display: none;
}
#message_chats_chat{
     position:absolute;
     top:40px;
     height:calc(100% - 100px);
     width:100%;
     overflow-y:auto;
}
.message_chats_chat_message{
     position: relative;
     padding: 5px;
     min-width: 120px;
     max-width: calc(100% - 60px);
     margin-left: 10px;
     margin-top: 10px;
     border-radius: 10px;
     display: inline-block;
     word-break: break-all;
     line-height: 30px;
     min-height: 30px;
     white-space: pre-wrap;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     background-color: var(--color4);
     color: var(--color7);
     box-shadow: 1px 1px 6px -5px var(--shadowcolor7);
     padding-bottom: 25px;
}
.message_chats_chat_message_name{
     font-weight: bold;
}
.message_chats_chat_message_time{
     position: absolute;
     bottom: -2px;
     right: 6px;
     font-size: 12px;
     color: var(--color5);
}
#message_chats_footer{
     height: 60px;
     width: 100%;
     background-color: var(--color4);
     box-shadow: 0px 0px 6px -5px var(--shadowcolor7);
     position: absolute;
     bottom: 0px;
}
#message_chats_textarea{
     border: 1px solid var(--color3);
     height: calc(100% - 20px);
     margin-top: 5px;
     width: calc(100% - 90px);
     margin-left: 5px;
     border-radius: 10px;
     resize: none;
     text-align: left;
     line-height: 17px;
     padding: 5px;
}
#message_chats_submit{
     color: var(--color7);
     width: 50px;
     height: 50px;
     text-align: center;
     line-height: 50px;
     font-size: 22px;
     margin-left: 7px;
     cursor: pointer;
}
.chat_hide{
     display: none;
}
#account_settings_main{
     display:none;
     position:absolute;
     top:50px;
     left:0px;
     height:calc(100% - 50px);
     width:100%;
     background-color:var(--color1b);
     z-index:20000;
}
#account_settings_sidebar{
     position:absolute;
     left:0px;
     top:0px;
     width:300px;
     height:100%;
     background-color:var(--color4);
     overflow-y:auto;
     box-shadow:0px 0px 6px -5px var(--shadowcolor7);
     z-index:10;
}
#settings_choose_wrapper{
     border-bottom: 2px solid var(--color8);
     height: 30px;
     position: relative;
     width: 100%;
     font-size: 13px;
     color: #000000;
}
#settings_choose_wrapper_personal{
     position: absolute;
     left: 0px;
     top: 0px;
     width: calc(50% - 1px);
     text-align: center;
     line-height: 30px;
     height: 30px;
     cursor: pointer;
     color: var(--color7);
     font-weight: bold;
     background-color: var(--color1);
}
#settings_choose_wrapper_account{
     position: absolute;
     right: 0px;
     top: 0px;
     width: calc(50% - 1px);
     text-align: center;
     line-height: 30px;
     height: 30px;
     cursor: pointer;
     color: var(--color7);
     font-weight: bold;
     background-color: var(--color1);
}
#settings_choose_wrapper_personal_icon{
     height: 8px;
     width: 8px;
     background-color: var(--color8);
     border-radius: 100%;
     position: absolute;
     right: 11px;
     top: 11px;
     display: none;
}
#settings_choose_wrapper_account_icon{
     height: 8px;
     width: 8px;
     background-color: var(--color8);
     border-radius: 100%;
     position: absolute;
     right: 11px;
     top: 11px;
     display: none;
}
.account_settings_sidebar_title{
     position: relative;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     color: var(--color7);
     font-size: 14px;
     font-weight:bold;
}
.management_sidebar_title{
     position: relative;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     color: var(--color7);
     font-size: 14px;
     font-weight:bold;
}
.account_settings_sidebar{
     position: relative;
     width: calc(100% - 20px);
     padding: 10px;
     height: 20px;
     line-height: 20px;
     color: var(--color7);
     font-size: 12px;
     cursor: pointer;
     padding-top: 5px;
     padding-bottom: 5px;
     -webkit-transition-property: all;
     -webkit-transition-duration: 0.5s;
}
.account_settings_sidebar:hover{
     background-color:var(--color1);
     text-indent: 10px;
}
.account_settings_sidebar_active{
     background-color: var(--color1);
     color: var(--color8);
     font-weight: bold;
}
.management_sidebar_active{
     background-color: var(--color1);
     color: var(--color8);
     font-weight: bold;
}
.management_mail_sidebar_active{
     background-color: var(--color1);
     color: var(--color8);
     font-weight: bold;
}
.account_settings_field{
     position:absolute;
     left:300px;
     top:0px;
     width:calc(100% - 300px);
     height:100%;
     display:none;
     background-color:var(--color1b);
     overflow:auto;
}
.account_settings_field_back{
     height: 40px;
     position: absolute;
     width: 20px;
     line-height: unset;
     cursor: pointer;
     width: 40px;
     line-height: 40px;
     left: 5px;
     top: 5px;
     font-weight: bold;
     font-size: 18px;
     z-index: 1000000;
     color: var(--color7);
     text-align: center;
     background-color: var(--color46b);
     border-radius: 100px;
}
.settings_data_wrapper{
     float: left;
     margin-right: 20px;
     max-width: 100%;
     width: 300px;
}
.account_settings_field_title{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 20px;
     font-weight: bold;
}
.account_settings_field_input{
     margin-left: 0px;
     margin-top: 10px;
     max-width: calc(100% - 2px);
     width: calc(300px - 2px);
}
.account_settings_field_input_billing{
     max-width: calc(100% - 2px);
     width: calc(300px - 2px);
}
#new_tarif_now_country,#new_tarif_now_country_billing{
     height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.account_settings_field_button{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     max-width: 300px;
     width: 100%;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-left: 0px;
     margin-top: 10px;
     font-size: 12px;
     cursor: pointer;
}
.account_settings_field_button:hover{
     background-color: var(--color8);
}
.social_links_icons{
     height: 30px;
     width: 30px;
     float: left;
     margin-top: 10px;
     line-height: 30px;
     text-align: center;
     color: var(--color7);
     font-size: 26px;
}
.social_links_inputs{
     width: calc(100% - 50px);
     margin-left: 10px;
}
#paymentadress_preview{
     display: none;
}
#paymentadress_change{
     display: none;
}
#paymentadress_preview_text{
     color: var(--color7);
     font-size: 13px;
}
#now_payment_way{
     display: none;
}
#payment_last4{
     color: var(--color7);
     line-height: 25px;
     font-size: 20px;
     margin-top: 10px;
}
#billings_list_wrapper{
     color: var(--color7);
}
.billings_list{
     border-top: 1px solid var(--color6);
     border-bottom: 1px solid var(--color6);
     text-align: center;
     font-size: 14px;
}
.billing_list_inner{
     float: left;
     width: 180px;
     margin-top: 5px;
     margin-bottom: 5px;
}
.billings_list_show{
     width: 150px;
     cursor: pointer;
}
#useraccounts_fields{
     color: var(--color7);
     font-size: 13px;
}
.useraccounts_field_inner{
     position: relative;
     height: 40px;
     line-height: 20px;
     border-top: 1px solid var(--color3);
}
.useraccounts_field_inner:last-child{
     border-bottom: 1px solid var(--color3);
}
.useraccounts_field_inner_dot{
     position: absolute;
     background-color: #dcdcdc;
     height: 10px;
     width: 10px;
     top: 5px;
     left: 10px;
     border-radius: 100%;
}
.useraccounts_field_inner_dot_red{
     background-color: var(--color8);
}
.useraccounts_field_inner_userdata{
     width: 100px;
     position: absolute;
     top: 0px;
     left: 30px;
}
.useraccounts_field_inner_username{
     font-weight: bold;
}
.useraccounts_field_inner_switch{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 100px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     right: 120px;
     cursor: pointer;
     position: absolute;
     top: 5px;
}
.useraccounts_field_inner_switch:hover{
     background-color: var(--color8);
}
/*.useraccounts_field_inner_delete{
background-color: var(--shadowcolor19);
color: var(--darkcolor4);
width: 100px;
border-radius: 2px;
border-bottom-right-radius: 10px;
height: 30px;
line-height: 30px;
text-align: center;
right: 10px;
cursor: pointer;
position: absolute;
top: 5px;
}
.useraccounts_field_inner_delete:hover{
background-color: var(--color8);
}*/
#main_website{
     background-color:var(--color1);
     position:absolute;
     top:50px;
     height:calc(100% - 50px);
     width:100%;
     color:var(--color7);
     overflow-y:auto;
     display:none;
}
#login_register_block{
     position: fixed;
     background-color: #ffffff;
     border-bottom-right-radius: 8px;
     z-index: 100000;
     left: 0px;
     top: 80px;
     color: #000000;
     padding-right: 10px;
     display: none;
}
#main_header{
     position:relative;
     width:100%;
     height:140px;
     z-index: 100;
}
#header_title{
     position: absolute;
     font-size: 20px;
     color: var(--color7);
     top: 25px;
     left: 50px;
     z-index: 1000;
}
#header_menus{
     position: absolute;
     right: 50px;
     width: calc(100% - 50px);
     top: 50px;
     z-index: 500;
}
.header_menus{
     position: relative;
     font-size: 16px;
     color: var(--color7);
     float: right;
     padding: 10px;
     cursor: pointer;
     padding-left: 20px;
     padding-right: 20px;
}
.fields{
     min-height:calc(100% - 140px);
     display:none;
}
#home_big{
     display:block;
}
.function{
     position: relative;
     width: calc(100% - 300px);
     height: 150px;
     margin-left: 150px;
}
.function_title{
     position: absolute;
     width: calc(25% - 10px);
     font-size: 20px;
     text-align: right;
}
.function_content{
     position: absolute;
     width: calc(75% - 10px);
     left: calc(25% + 10px);
     line-height: 25px;
}
#faq_title{
     position: relative;
     width: 100%;
     font-size: 32px;
     text-align: center;
}
#search_faq{
     position: relative;
     height: 30px;
     line-height: 30px;
     width: 500px;
     margin-left: calc(50% - 250px);
     margin-top: 30px;
     border-radius: 8px;
     border: 1px solid var(--color5);
     text-indent: 5px;
}
#search_categorys{
     position: relative;
     width: 80%;
     margin-left: 10%;
     margin-top: 30px;
}
.search_categorys{
     position: relative;
     float: left;
     width: calc((100% / 3) - 20px);
     margin-left: 10px;
     text-align: center;
     height: 30px;
     line-height: 30px;
     cursor: pointer;
}
.category_title{
     position: relative;
     width: 80%;
     margin-left: 10%;
     font-size: 18px;
     margin-top: 30px;
}
.faq_single_wrapper{
     position: relative;
     width: 80%;
     margin-left: 10%;
     background-color: var(--color6);
     border-radius: 8px;
     min-height: 30px;
     line-height: 30px;
     padding-left: 5px;
     padding-right: 5px;
     margin-top: 5px;
     cursor: pointer;
}
.faq_single_title{
     position:relative;
}
.faq_single_content{
     display: none;
     background-color: var(--color4);
     border-radius: 8px;
     padding-left: 5px;
     padding-right: 5px;
}
#footer{
     height:200px;
     width:100%;
     background-color:#101010;
}
#gallery_images{
     scrollbar-color: var(--color7) var(--color1);
}
.image_group_div{
     position: relative;
     padding-right: 90px;
     width: calc(100% - 116px);
     margin-top: 0px;
     margin-bottom: 10px;
}
.image_group_div:hover .image_group_eye{
     display: block;
}
.image_group_div:hover .image_group_info{
     display: block;
}
.image_group_div:hover .image_group_delete{
     display: block;
}
.image_group_menu{
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: 0px;
     top: 0px;
     font-size: 17px;
     opacity: 1;
     text-indent: 0px;
}
.checked_image_group{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
}
.checked_image_group:hover{
     background-color: var(--color8);
}
.image_group_text{
     height:100%;
     width:100%;
     font-size: 14px;
     text-indent: 10px;
}
#activity_close{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 15px;
     right: 0px;
     top: 0px;
     cursor: pointer;
     color: var(--color7);
}
#activity_activities{
     position: relative;
}
.activities_wrapper{
     position: relative;
     min-height: 45px;
     color: var(--color7);
     font-size: 12px;
}
.activities_inner_time{
     position: relative;
     margin-top: 5px;
     min-height: 20px;
     line-height: 20px;
     margin-left: 45px;
     color: var(--color10);
     width: calc(100% - 45px);
     display: inline-block;
}
.activities_inner_message{
     position: relative;
     margin-top: 0px;
     min-height: 20px;
     line-height: 20px;
     margin-left: 45px;
     width: calc(100% - 45px);
     display: inline-block;
}
.activity_icon{
     position: absolute;
     height: 45px;
     line-height: 45px;
     text-align: center;
     width: 45px;
     font-size: 25px;
}
.activities_wrapper_empty{
     line-height: 45px;
     text-align: center;
     font-size: 14px;
}
.settings_block_wrapper{
     position: relative;
     background-color: var(--color4);
     padding: 15px;
     max-width: calc(100% - 90px);
     margin-left: 30px;
     margin-top: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-bottom: 10px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
     color: var(--color7);
}
.settings_username_text{
     font-weight: bold;
}
.settings_title{
     color: var(--color7);
     font-size: 18px;
     height: 30px;
     line-height: 30px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
}
.settings_description{
     color: var(--color7);
     line-height: 25px;
     font-size: 12px;
}
.link_dropdown_gallery{
     border: 1px solid var(--color3);
     height: 30px;
     width: calc(100% - 20px);
     border-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: 10px;
     -webkit-user-select: text;
     margin-top: 5px;
     float: left;
}
#secure_gallery_buttons{
     position: relative;
     height: 60px;
     width: calc(100% - 20px);
     margin-left: 10px;
}
.secure_gallery_buttons{
     width: calc(100% / 3);
     height: 60px;
     line-height: 60px;
     text-align: center;
     font-size: 35px;
     margin-left: 0px;
     color: var(--color2);
     background-color: var(--color5);
     position: absolute;
     cursor: pointer;
}
#unsecure_gallery_button{
     left: 0px;
}
#secure_gallery{
     left: calc(100% / 3);
}
#private_gallery{
     left: calc((100% / 3) * 2);
}
#secure_gallery_buttons_pre{
     position: relative;
     height: 60px;
     width: calc(100% - 20px);
     margin-left: 10px;
}
.secure_gallery_buttons_pre{
     width: calc(100% / 3);
     height: 60px;
     line-height: 60px;
     text-align: center;
     font-size: 35px;
     margin-left: 0px;
     color: var(--color2);
     background-color: var(--color5);
     position: absolute;
     cursor: pointer;
}
#unsecure_gallery_button_pre{
     left: 0px;
}
#secure_gallery_pre{
     left: calc(100% / 3);
}
#private_gallery_pre{
     left: calc((100% / 3) * 2);
}
.gallery_link_title{
     line-height: 20px;
     text-indent: 0px;
     padding-left: 15px;
     padding-right: 15px;
     width: calc(100% - 30px);
     margin-top: 20px;
     height: unset;
     font-size: 12px;
}
.gallery_link_url{
     line-height: 20px;
     text-indent: 0px;
     padding-left: 15px;
     padding-right: 15px;
     width: calc(100% - 30px);
     margin-top: 5px;
     height: unset;
     font-size: 12px;
     word-break: break-all;
}
#gallery_link_url{
     user-select: text;
     margin-bottom: 10px;
}
#fullname_div{
     position: absolute;
     display: none;
     padding: 10px;
     border-radius: 8px;
     background-color: var(--color39);
     color: var(--color4);
     z-index: 100000;
}
#customer_switch{
     position: absolute;
     height: 40px;
     line-height: 40px;
     left: 10px;
     font-size: 15px;
     cursor: pointer;
     z-index: 1000;
}
#customer_username_logout{
     position: absolute;
     height: 40px;
     line-height: 40px;
     right: 10px;
     text-align: right;
     display: inline-block;
     font-size: 15px;
     cursor: pointer;
     z-index: 1000;
}
#customer_logout_button{
     position: absolute;
     height: 40px;
     line-height: 40px;
     right: 0px;
     display: inline-block;
     font-size: 15px;
     cursor: pointer;
     z-index: 100000;
     top: 40px;
     background-color: var(--color20);
     border-bottom-left-radius: 8px;
     width: 70px;
     text-align: center;
     display: none;
}
#gallery_upload_done_wrapper{
     background-color: var(--color4);
     width: 300px;
     height: 135px;
     position: absolute;
     right: 20px;
     bottom: 20px;
     z-index: 10000;
     border-radius: 10px;
     display: none;
}
#gallery_upload_done_title{
     color: var(--color7);
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-size: 14px;
     font-weight: bold;
     margin-top: 10px;
}
#gallery_upload_done_settings{
     color: var(--color7);
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-size: 14px;
     margin-top: 10px;
     cursor: pointer;
}
#gallery_upload_done_send{
     color: var(--color7);
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-size: 14px;
     margin-top: 10px;
     cursor: pointer;
}
#gallery_upload_done_choose{
     color: var(--color7);
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-size: 14px;
     margin-top: 10px;
     cursor: pointer;
}
#upload_sound{
     display: none;
}
#gallery_watermark_checkbox_text_info{
     background-color: var(--color45);
     border: 1px solid var(--color22);
     border-radius: 10px;
     height: 50px;
     width: calc(100% - 20px);
     display: none;
     margin-left: 10px;
}
#social_group{
     position: absolute;
     right: 0px;
     height: 20px;
     color: var(--color7);
}
.fit{
     float: left;
     width: 21px;
     font-weight: bold;
}
#print_title{
     background-color: var(--color2);
     text-align: center;
     line-height: 30px;
     font-size: 14px;
}
#print_print{
     width: calc(100% - 20px);
     margin-left: 10px;
     max-width: unset;
}
#upload_reuse_title{
     background-color: var(--color2);
     text-align: center;
     line-height: 30px;
     font-size: 14px;
}
#upload_reuse_text{
     color: var(--color7);
     width: calc(100% - 20px);
     margin-left: 10px;
     font-size: 14px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-top: 10px;
}
.upload_with_without{
     max-width: unset;
     width: calc(100% - 20px);
     margin-left: 10px;
}
.gallery_images_show_marked{
     display: none;
}
.gallery_images_show_comments{
     display: none;
}
.gallery_images_show_states{
     display: none;
}
#gallery_max_images_pre{
     width: 50px;
}
.print_break{
     display: none;
}
#watermark_title{
     background-color: var(--color2);
     text-align: center;
     line-height: 30px;
     font-size: 14px;
}
#upload_watermark_wrapper_new{
     position: relative;
     color: var(--color7);
     background-color: var(--color1);
     width: 100%;
     margin-left: 0px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
}
#upload_watermark_inner_new{
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     width: 100%;
     z-index: 10;
     max-width: unset;
}
#upload_watermark_input_new{
     border: unset;
     height: unset;
     border-radius: unset;
     text-align: unset;
     line-height: unset;
     margin-left: unset;
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     opacity: 0;
     z-index: 20;
     cursor: pointer;
}
#upload_watermark_wrapper{
     position: relative;
     color: var(--color7);
     background-color: var(--color1);
     width: calc(100% - 20px);
     margin-left: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     margin-top: 10px;
     font-size: 14px;
     cursor: pointer;
}
#upload_watermark_inner{
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     width: 100%;
     z-index: 10;
     max-width: unset;
}
#upload_watermark_input{
     border: unset;
     height: unset;
     border-radius: unset;
     text-align: unset;
     line-height: unset;
     margin-left: unset;
     position: absolute;
     margin-left: unset;
     margin-top: unset;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     opacity: 0;
     z-index: 20;
     cursor: pointer;
}
#watermark_wrapper{
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color:var(--color33);
     z-index: 100000;
     display:none;
}
#watermark_inner{
     width: calc(100% - 20px);
     background-color: var(--color1);
     position: absolute;
     max-width: 400px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     overflow: auto;
     margin: auto;
}
#watermark_footer_select{
     height: 50px;
     width: 100%;
     position: relative;
}
#watermark_delete{
     float: left;
     margin-right: 15px;
     margin-left: 15px;
     background-color: var(--shadowcolor19);;
     width: calc(30% - 20px);
     margin-bottom: 10px;
}
#watermark_delete:hover{
     background-color: var(--color8);
     color: var(--darkcolor1);
}
#watermark_save{
     position: absolute;
     width: calc(60% - 44px);
     bottom: 10px;
     right: 10px;
}
#watermark_preview_settings_position{
     #color_:
}
#watermark_selector_settings{
     border: 1px solid var(--color3);
     height: 30px;
     width: calc(100% - 20px);
     border-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: 10px;
     -webkit-user-select: text;
     margin-top: 10px;
}
.watermark_select_div{
     font-size: 12px;
     background-color: var(--color1);
     color: var(--color7);
     width: calc(100% - 0px);
     margin-left: 0px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
}
.watermark_select_div:hover{
     background-color: var(--color8);
     color: var(--darkcolor1);
}
#watermark_name_upload{
     margin-top: 10px;
     margin-left: 10px;
     width: calc(100% - 20px);
}
#watermark_preview_watermark{
     height: 100px;
     width: calc(100% - 20px);
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     margin-top: 10px;
     background-color: var(--color2);
     margin-left: 10px;
}
#watermark_preview_wrapper{
     height: 270px;
     width: calc(100% - 20px);
     margin-left: 10px;
     margin-top: 10px;
     position: relative;
}
#watermark_preview_final{
     height: 210px;
     width: calc(100% - 20px);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     margin-left: 10px;
     margin-top: 10px;
}
#watermark_canvas{
     height: 100%;
     width: 100%;
}
#watermark_preview_settings{
     position: absolute;
     right: 0px;
     height: 100%;
     top: 0px;
     width: 125px;
}
#watermark_preview_settings{
     color: var(--color7);
     font-size: 14px;
}
#watermark_preview_settings_position_wrapper{
     height: 50px;
     width: calc(100% - 20px);
     position: relative;
     margin-left: 10px;
     margin-top: 10px;
     background-color: #1c1c1c;
}
.watermark_preview_settings_position{
     width: calc(100% / 5);
     background-color: var(--shadowcolor19);
     height: 50px;
     color: var(--darkcolor4);
     position: relative;
     cursor: pointer;
     float: left;
}
.watermark_preview_settings_position:hover .watermark_preview_settings_position_img .watermark_preview_settings_position_red{
     background-color: var(--color8);
}
.watermark_preview_settings_position_img{
     background-image: url(http://web.sandbox.recfolio.com/img/watermark.jpg);
     height: calc(100% - 10px);
     width: calc(100% - 10px);
     margin-top: 5px;
     margin-left: 5px;
     background-position: center;
     background-size: cover;
}
.watermark_preview_settings_position_red{
     position: absolute;
     background-color: var(--darkcolor4);
     height: 20px;
     width: 30px;
     border-radius: 5px;
     opacity: 0.7;
}
.watermark_preview_settings_position_red[data-id="1"]{
     top: 5px;
     left: 5px;
}
.watermark_preview_settings_position_red[data-id="2"]{
     top: 5px;
     right: 5px;
}
.watermark_preview_settings_position_red[data-id="3"]{
     bottom: 5px;
     left: 5px;
}
.watermark_preview_settings_position_red[data-id="4"]{
     bottom: 5px;
     right: 5px;
}
.watermark_preview_settings_position_red[data-id="5"]{
     top: calc(50% - 10px);
     left: calc(50% - 15px);
}
#watermark_preview_size_wrapper{
     width: calc(50% - 15px);
     margin-left: 10px;
     float: left;
}
#watermark_preview_settings_size{
     color: var(--color7);
     font-size: 14px;
     margin-top: 10px;
}
#watermark_preview_settings_size_input{
     width: calc(100% - 2px);
     margin-left: 0px;
}
#watermark_preview_opacity_wrapper{
     width: calc(50% - 20px);
     margin-left: 10px;
}
#watermark_preview_settings_opacity{
     color: var(--color7);
     font-size: 14px;
     margin-top: 10px;
}
#watermark_preview_settings_opacity_input{
     width: calc(100% - 2px);
     margin-left: 0px;
}
#watermark_selector_settings_paste{
     border: 1px solid var(--color3);
     height: 30px;
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: 10px;
     -webkit-user-select: text;
     margin-top: 10px;
     float: left;
     margin-bottom: 10px;
}
#watermark_selector_settings_paste_pre{
     border: 1px solid var(--color3);
     height: 30px;
     width: calc(100% - 20px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 30px;
     margin-left: 10px;
     -webkit-user-select: text;
     margin-top: 10px;
     float: left;
     margin-bottom: 10px;
}
#watermark_preview_size_bar_wrapper{
     position: relative;
     height: 30px;
     transform: translateZ(0);
}
#watermark_preview_size_bar_circle{
     background-color: #ff0000;
     height: 20px;
     width: 20px;
     border-radius: 100%;
     position: absolute;
     top: 5px;
     cursor: pointer;
     transform: translateZ(0);
}
#watermark_preview_size_bar_inner{
     position: absolute;
     height: 10px;
     background-color: #cccccc;
     margin-top: 10px;
     width: calc(100% - 40px);
     left: 20px;
     border-radius: 8px;
     transform: translateZ(0);
}
#watermark_preview_size_bar_inner_top{
     position: absolute;
     height: 30px;
     background-color: transparent;
     margin-top: 0px;
     width: calc(100% - 40px);
     left: 20px;
     border-radius: 8px;
     transform: translateZ(0);
}
#watermark_preview_opacity_bar_wrapper{
     position: relative;
     height: 30px;
     transform: translateZ(0);
}
#watermark_preview_opacity_bar_circle{
     background-color: #ff0000;
     height: 20px;
     width: 20px;
     border-radius: 100%;
     position: absolute;
     top: 5px;
     cursor: pointer;
     transform: translateZ(0);
}
#watermark_preview_opacity_bar_inner{
     position: absolute;
     height: 10px;
     background-color: #cccccc;
     margin-top: 10px;
     width: calc(100% - 40px);
     left: 20px;
     border-radius: 8px;
     transform: translateZ(0);
}
#watermark_preview_opacity_bar_inner_top{
     position: absolute;
     height: 30px;
     background-color: transparent;
     margin-top: 0px;
     width: calc(100% - 40px);
     left: 20px;
     border-radius: 8px;
     transform: translateZ(0);
}
.dragging{
     cursor:grabbing !important;
}
.dragging:hover{
     cursor:grabbing !important;
}
.marked_shadow{
     background-color: var(--color8) !important;
     /*outline-offset: -6px;
     outline: 6px dashed var(--color8);*/
}
#recfolio_upgrade_alert{
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color:var(--color33);
     z-index: 100000;
     display:none;
}
#recfolio_upgrade_alert_inner{
     height: calc(100% - 20px);
     width: calc(100% - 20px);
     background-color: var(--color1);
     position: absolute;
     max-height: 83px;
     max-width: 340px;
     border-radius: 10px;
     overflow: auto;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
#recfolio_upgrade_alert_inner_text{
     height: 30px;
     line-height: 30px;
     color: var(--color20);
     width: calc(100% - 20px);
     text-align: center;
     margin-left: 10px;
     margin-top: 7px;
     font-size: 13px;
}
#recfolio_upgrade_alert_inner_button{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
}
#recfolio_upgrade_alert_inner_button:hover{
     background-color: var(--color8);
}
#recfolio_free_user{
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color:var(--color33);
     z-index: 100000;
     display:none;
}
#recfolio_free_user_inner{
     height: calc(100% - 20px);
     width: calc(100% - 20px);
     background-color: var(--color1);
     position: absolute;
     max-height: 90px;
     max-width: 340px;
     border-radius: 10px;
     overflow: auto;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
#recfolio_free_user_inner_text{
     height: 40px;
     line-height: 20px;
     color: var(--color20);
     width: calc(100% - 20px);
     text-align: center;
     margin-left: 10px;
     margin-top: 7px;
     font-size: 13px;
}
#recfolio_free_user_inner_button{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
}
#recfolio_free_user_inner_button:hover{
     background-color: var(--color8);
}
/*Portal Css*/
#portal_categories{
     display: none;
     margin-top: 70px;
     height: calc(100% - 70px);
     overflow-y: auto;
}
#portal_options{
     display: none;
     margin-top: 70px;
     height: calc(100% - 70px);
     overflow-y: auto;
}
#portal_main{
     display: none;
}
#portal_categories_select{
     display: none;
}
#portal_search{
     display: none;
     position: relative;
     height: 100%;
     line-height: 40px;
     z-index: 20;
     text-align: center;
     font-size: 14px;
     float: left;
     padding-left: 10px;
     padding-right: 10px;
     margin-left: 10px;
     height: calc(40px - 12px);
     margin-top: 5px;
     width: 200px;
}
#portal_dropdown{
     display: none;
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     float: left;
     padding-left: 10px;
     padding-right: 10px;
     height: calc(40px - 8px);
     margin-top: 5px;
     margin-left: 10px;
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
}
#portal_add{
     position: relative;
     height: 40px;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     text-align: center;
     font-size: 14px;
     margin-top: 0px;
     font-weight: bold;
}
#portal_empty_search{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
}
#portal_empty_search:hover{
     background-color: var(--color8);
}
#portal_add_wrapper{
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color:var(--color33);
     z-index: 100000;
     display:none;
}
#portal_add_wrapper_inner{
     height: calc(100% - 20px);
     width: calc(100% - 20px);
     background-color: var(--color1);
     position: absolute;
     max-height: 455px;
     max-width: 400px;
     border-radius: 10px;
     overflow: auto;
     margin: auto;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
}
#portal_add_gallery_dropdown{
     position: absolute;
     z-index: 10000;
     background-color: var(--color4);
     height: 300px;
     overflow-y: auto;
     color: var(--color7);
     font-size: 14px;
     width: 300px;
     border-radius: 8px;
}
.portal_add_wrapper_gallerys{
     position: relative;
     cursor: pointer;
}
.portal_add_wrapper_gallerys_image{
     position:relative;
     height: 40px;
     width: 50px;
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
}
.portal_add_wrapper_gallerys_text{
     position: absolute;
     left: 60px;
     top: 0px;
     height: 40px;
     line-height: 40px;
}
#portal_add_wrapper_title_title{
     text-align: center;
     line-height: 22px;
     font-size: 14px;
     position: relative;
     height: unset;
}
#portal_categories_select{
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     height: calc(40px - 8px);
     margin-top: 5px;
     margin-left: 10px;
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
}
#portal_add_wrapper_title{
     margin-top: 20px;
}
#portal_add_wrapper_type{
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     height: calc(40px - 8px);
     margin-top: 5px;
     margin-left: calc(50% - 150px);
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
     width: 300px;
}
#portal_add_wrapper_categories{
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     height: calc(40px - 8px);
     margin-top: 5px;
     margin-left: calc(50% - 150px);
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
     width: 300px;
}
#portal_add_wrapper_child_categories{
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     padding-left: 10px;
     padding-right: 10px;
     height: calc(40px - 8px);
     margin-top: 5px;
     margin-left: calc(50% - 150px);
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
     width: 300px;
}
#portal_add_wrapper_gallerys{
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     margin-top: 5px;
     margin-left: calc(50% - 150px);
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
     width: 300px;
     background-color: var(--color4);
     color: var(--color7);
     height: 32px;
     line-height: 32px;
}
#portal_add_wrapper_place{
     position: relative;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     font-size: 14px;
     height: calc(40px - 8px);
     margin-top: 5px;
     margin-left: calc(50% - 150px);
     border: 1px solid var(--color3);
     border-radius: 10px;
     text-align: center;
     -webkit-user-select: text;
     width: 300px;
}
#portal_add_wrapper_place_dropdown_field{
     position: absolute;
     width: 290px;
     min-height: 30px;
     background-color: var(--color4);
     z-index: 1000000;
     left: calc(50% - 150px);
     display: none;
     color: var(--color7);
     font-size: 14px;
     text-align: center;
     padding: 5px;
     border: 1px solid var(--color3);
     border-radius: 10px;
}
.portal_add_wrapper_place_dropdown{
     position: relative;
     width: 290px;
     height: 30px;
     line-height: 30px;
     cursor: pointer;
}
#portal_add_wrapper_place_dropdown_field_search{
     position: absolute;
     width: 260px;
     min-height: 30px;
     background-color: var(--color4);
     z-index: 1000000;
     left: calc(50% - 150px);
     display: none;
     color: var(--color7);
     font-size: 14px;
     text-align: center;
     padding: 5px;
     border: 1px solid var(--color3);
     border-radius: 10px;
}
.portal_add_wrapper_place_dropdown_search{
     position: relative;
     width: 260px;
     height: 30px;
     line-height: 30px;
     cursor: pointer;
}
#portal_add_wrapper_content{
     overflow: auto;
     height: auto;
     min-height: 100px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color3);
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     max-width: 600px;
     margin-left: 0px;
     margin-top: 5px;
     margin-left: calc(50% - 150px);
     width: calc(300px - 10px);
     border-radius: 10px;
}
#portal_add_wrapper_add{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
}
#portal_add_wrapper_add:hover{
     background-color: var(--color8);
}
#email_button_portal_new{
     position: absolute;
     height: 30px;
     line-height: 40px;
     cursor: pointer;
     z-index: 20;
     text-align: center;
     font-size: 22px;
     color: var(--color7);
     right: 10px;
     width: 30px;
     line-height: 30px;
     top: 10px;
}
#add_confirm_portal_title{
     height: 42px;
     line-height: 21px;
     font-size: 16px;
     top: 5px;
}
#portal_show_wrapper_image{
     position: relative;
     height: 180px;
     width: calc(100% - 20px);
     color: var(--color7);
     padding: 10px;
     font-size: 14px;
     margin-top: 50px;
     cursor: pointer;
     background-position: center;
     background-size: contain;
     background-repeat: no-repeat;
     background-color: var(--darkcolor20);
}
#portal_show_wrapper_open_gallery{
     position: absolute;
     color: var(--color7);
     background-color: var(--color1);
     padding: 10px;
     bottom: 5px;
     right: 42px;
     border-radius: 8px;
     cursor: pointer;
     font-size: 12px;
}
#portal_show_wrapper_open_gallery_external{
     position: absolute;
     color: var(--color7);
     background-color: var(--color1);
     padding: 10px;
     bottom: 6px;
     right: 5px;
     border-radius: 8px;
     cursor: pointer;
     font-size: 12px;
}
#portal_show_wrapper_content{
     position: relative;
     height: 170px;
     width: calc(100% - 20px);
     color: var(--color7);
     top: 0px;
     padding: 10px;
     font-size: 14px;
}
.remove_portal_entry{
     width: calc(100% - 10px);
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     padding: 5px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     margin-top: 5px;
}
.remove_portal_entry:hover{
     background-color: var(--color8);
}
#email_wrapper_show_field{
     height: 50px;
}
#email_wrapper_show_title{
     -webkit-user-select: text;
     user-select: text;
}
.switch {
     position: relative;
     display: inline-block;
     width: 30px;
     height: 17px;
}

.switch input {
     opacity: 0;
     width: 0;
     height: 0;
}

.slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: var(--color3);
     -webkit-transition: .4s;
     transition: .4s;
}

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

input:checked + .slider {
     background-color: var(--color8);
}

input:focus + .slider {
     box-shadow: 0 0 1px var(--color8);
}

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

#ios_download_wrapper{
     display: none;
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: var(--color1);
     z-index: 10000000;
}
#ios_download_title{
     position: absolute;
     color: var(--color7);
     font-size: 20px;
     font-weight: bold;
     width: 100%;
     text-align: center;
     top: calc(25% - 50px);
     height: 50px;
     line-height: 50px;
}
#ios_download_src_div{
     position: absolute;
     top: 25%;
     height: 50%;
     width: 100%;
}
#ios_download_src{
     position: absolute;
     border-radius: 8px;
     box-shadow: 0px 0px 8px -4px #000000;
}
#ios_download_info{
     position: absolute;
     color: var(--color7);
     font-size: 16px;
     width: 100%;
     text-align: center;
     top: 75%;
     height: 50px;
     line-height: 50px;
}
#ios_download_close{
     position: absolute;
     font-size: 16px;
     width: 200px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     bottom: 10px;
     right: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#ios_download_close:hover{
     background-color: var(--color8);
}
#app_install{
     display: none;
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: var(--color1);
     z-index: 10000000;
}
#app_install_title{
     position: absolute;
     color: var(--color7);
     font-size: 20px;
     font-weight: bold;
     width: 100%;
     text-align: center;
     top: calc(25% - 50px);
     height: 50px;
     line-height: 50px;
}
#app_install_src_div{
     position: absolute;
     top: 25%;
     height: 50%;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
}
#app_install_src{
     position: absolute;
     border-radius: 8px;
     box-shadow: 0px 0px 8px -4px #000000;
}
#app_install_info{
     position: absolute;
     color: var(--color7);
     font-size: 16px;
     width: calc(100% - 80px);
     text-align: center;
     top: 76%;
     line-height: 28px;
     left: 40px;
     font-weight: bold;
}
#app_install_close{
     position: absolute;
     font-size: 16px;
     width: 200px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     bottom: 10px;
     right: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#app_install_close:hover{
     background-color: var(--color8);
}
#color_picker{
     display: none;
     position: absolute;
     z-index: 100000000000000;
     background-color: #ffffff;
     padding: 5px;
     border: 1px solid #acacac;
     border-radius: 4px;
}
#color_canvas_left{
     cursor: crosshair;
     border-radius: 4px;
}
#color_canvas_right{
     cursor: crosshair;
     border-radius: 4px;
}
#color_picker_current{
     height: 25px;
     width: 254px;
     margin-bottom: 5px;
     border-radius: 4px;
     text-align: center;
     line-height: 25px;
     font-size: 14px;
}
#add_link_edit{
     display: none;
     position: absolute;
     width: 350px;
     height: 30px;
     background-color: #ffffff;
     z-index: 10000000000;
     margin-top: 10px;
     margin-left: 10px;
     border: 1px solid #acacac;
     border-radius: 4px;
     color: #000000;
}
#add_link_edit_text{
     height: 30px;
     line-height: 30px;
     margin-left: 10px;
     font-size: 14px;
     float: left;
}
#add_link_edit_input{
     width: 200px;
     margin-left: 10px;
     height: 18px;
     margin-top: 4px;
     border-radius: 4px;
}
#add_link_edit_save{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 80px;
     top: 4px;
     position: absolute;
     right: 5px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     font-size: 12px;
     height: 22px;
     line-height: 22px;
     text-align: center;
     cursor: pointer;
}
#add_link_edit_save:hover{
     background-color: var(--color8);
}
#customer_main_div{
     display: none;
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: var(--color1);
     z-index: 10000000;
}
#customer_gallery_list{
     position: absolute;
     height: calc(100% - 40px);
     width: 250px;
     top: 40px;
     left: 0px;
     background-color: var(--color4);
     color: var(--color7);
     display:none;
}
#password_wrapper{
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0px;
     left: 0px;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     overflow-y: auto;
}
#customer_background_wallpaper{
     position: absolute;
     height: 100%;
     width: 100%;
     top: 0px;
     left: 0px;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     overflow-y: auto;
}
#customer_passwort_enter_wrapper{
     position: absolute;
     height: 126px;
     width: 320px;
     border-radius: 8px;
     background-color: var(--color1);
     top: calc(50% - 63px);
     left: calc(50% - 160px);
}
#customer_customer_login{
     position: relative;
     margin-top: 10px;
     color: var(--color7);
     text-align: center;
}
#customer_passwort_enter_input{
     position: relative;
     margin-top: 10px;
}
#customer_passwort_enter_submit{
     position: relative;
     background-color: var(--color8);
     width: calc(100% - 20px);
     margin-left: 10px;
     height: 30px;
     margin-top: 10px;
     text-align: center;
     line-height: 30px;
     cursor: pointer;
     border-radius: 2px;
     color: #ffffff;
     border-bottom-right-radius: 10px;
}
#customer_show_gallerys{
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 40px;
     z-index: 1000;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
     background-color: var(--color1a);
     box-shadow: 0px 0px 6px -5px var(--shadowcolor7);
     color: var(--color2);
     font-size: 14px;
     font-weight: bold;
}
#customer_admin_login_button{
     position: absolute;
     right: 0px;
     top: 0px;
     width: 250px;
     height: 30px;
     z-index: 1000;
     background-color: var(--color7);
     border-bottom-left-radius: 10px;
     text-align: center;
     line-height: 30px;
     cursor: pointer;
}
#customer_admin_login_wrapper{
     position:absolute;
     top:0px;
     left:0px;
     width:100%;
     height:100%;
     background-color:var(--color33);
     z-index: 1000000;
     display:none;
}
#customer_admin_login_inner{
     position: absolute;
     height: 126px;
     width: 320px;
     border-radius: 8px;
     background-color: var(--color1);
     top: calc(50% - 63px);
     left: calc(50% - 160px);
}
#customer_admin_title{
     position: relative;
     margin-top: 10px;
     color: var(--color7);
     text-align: center;
}
#customer_admin_password{
     position: relative;
     margin-top: 10px;
}
#customer_admin_submit{
     position: relative;
     background-color: var(--color8);
     color: #ffffff;
     width: calc(100% - 20px);
     margin-left: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 30px;
     margin-top: 10px;
     text-align: center;
     line-height: 30px;
     cursor: pointer;
}
.customer_gallery_paths{
     position: relative;
     width: calc(100% - 10px);
     min-height: 30px;
     line-height: 30px;
     margin-left: 10px;
     cursor: pointer;
     display: none;
}
.customer_gallery_paths_caret{
     position: absolute;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
}
.customer_gallery_paths_title,.customer_gallery_paths_title_customer{
     position: relative;
     width: calc(100% - 30px);
     margin-left: 30px;
     font-size: 12px;
}
.customer_gallery_paths_title{
     position: relative;
     width: calc(100% - 60px);
     margin-left: 10px;
     font-size: 12px;
     height: 26px;
     line-height: 26px;
     font-weight: bold;
}
.customer_gallery_paths_number{
     position: absolute;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 0px;
     right: 26px;
     text-align: right;
     color: var(--color10);
     font-size: 12px;
}
.customer_gallery_paths_add{
     position:relative;
     position: relative;
     width: calc(100% - 10px);
     min-height: 30px;
     line-height: 30px;
     margin-left: 10px;
     cursor: pointer;
     display:none;
     font-size: 12px;
}
.customer_gallery_paths_first{
     width: 100%;
     margin-left: 0px;
}
.customer_gallery_inside_gallery{
     position: relative;
     width: 332px;
     height: 212px;
     margin-left: 10px;
     margin-top: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     background-color: var(--color4);
     float: left;
     cursor: pointer;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
}
.customer_gallery_inside_gallery_title{
     position: relative;
     width: calc(100% - 60px);
     margin-left: 10px;
     font-size: 12px;
     height: 26px;
     line-height: 26px;
     font-weight: bold;
}
.customer_gallery_inside_gallery_count{
     position: absolute;
     height: 26px;
     line-height: 26px;
     top: 0px;
     right: 10px;
     text-align: right;
     color: var(--color5);
     font-size: 14px;
}
.customer_gallery_paths{
     display: block;
}
.customer_gallery_paths_title{
     margin-left: 0px;
}
.customer_gallery_paths_number{
     right: 8px;
}
.customer_gallery_inside_gallery_title_main{
     position: relative;
     margin-top: 10px;
     margin-left: 10px;
     font-size: 16px;
     width: 100%;
}
.customer_gallery_inside_gallery_title{
     color: var(--color7);
}
.customer_gallery_inside_gallery_image{
     position: absolute;
     height: 186px;
     width: 100%;
     top: 26px;
     left: 0px;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     z-index: 30;
}
#kurs_main{
     display: none;
     position: absolute;
     top: 50px;
     left: 0px;
     height: calc(100% - 50px);
     width: 100%;
     background-color: var(--color1b);
     z-index: 20000;
}
#kurs_sidebar{
     position: absolute;
     top: 0px;
     left: 0px;
     max-width: 100%;
     width: 320px;
     height: 100%;
     background-color: var(--color4);
     color: var(--color7);
     z-index: 500;
     box-shadow: 0px 0px 6px -5px var(--shadowcolor7);
}
#kurse_sidebar{
     display: none;
}
#single_kurs_sidebar{
     display: none;
}
#kurs_title{
     margin-top: 10px;
     width: 100%;
     text-align: center;
     line-height: 40px;
     height: 40px;
     cursor: pointer;
     background-color: var(--color4);
     color: var(--color2);
     font-size: 14px;
     font-weight: bold;
}
#add_kurs{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 20px);
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
}
#add_kurs:hover{
     background-color: var(--color8);
}
#kurs_inner_sidebar_add_categorie{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 60px);
     margin-left: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     margin-bottom: 5px;
}
#kurs_inner_sidebar_add_categorie:hover{
     background-color: var(--color8);
}
.kurs_inner_sidebar_inner_categorie_add_lektion{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 60px);
     margin-left: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     margin-bottom: 10px;
}
.kurs_inner_sidebar_inner_categorie_add_lektion:hover{
     background-color: var(--color8);
}
.kurs_inner_sidebar_inner_lektion_title{
     position: relative;
     height: 30px;
     line-height: 30px;
     font-size: 12px;
     cursor: pointer;
     width: calc(100% - 60px);
     margin-left: 30px;
}
.kurs_inner_sidebar_inner_lektion_title_title{
     width: calc(100% - 75px);
}
.kurs_inner_sidebar_inner_lektion_title_up_down{
     position: absolute;
     top: 0px;
     right: 25px;
     height: 30px;
     width: 50px;
     text-align: center;
     line-height: 30px;
}
.kurs_inner_sidebar_inner_lektion_title_up{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 30px;
     width: 25px;
     line-height: 30px;
}
.kurs_inner_sidebar_inner_lektion_title_down{
     position: absolute;
     top: 0px;
     right: 0px;
     height: 30px;
     width: 25px;
     line-height: 30px;
}
.lektion_delete{
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: 0px;
     top: 0px;
     font-size: 17px;
}
.kurs_inner_sidebar_inner_categorie_title_title{
     width: calc(100% - 75px);
}
.kurs_inner_sidebar_inner_categorie_title_up_down{
     position: absolute;
     top: 0px;
     right: 60px;
     height: 30px;
     width: 50px;
     text-align: center;
     line-height: 30px;
     font-weight: bold;
     font-size: 20px;
}
.kurs_inner_sidebar_inner_categorie_title_up{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 30px;
     width: 25px;
     line-height: 30px;
}
.kurs_inner_sidebar_inner_categorie_title_down{
     position: absolute;
     top: 0px;
     right: 0px;
     height: 30px;
     width: 25px;
     line-height: 30px;
}
.kurs_categorie_rename{
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: 30px;
     top: 0px;
     font-size: 17px;
     cursor: pointer;
}
.categorie_delete{
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     position: absolute;
     right: 0px;
     top: 0px;
     font-size: 17px;
     cursor: pointer;
}
#kurs_customer_view{
     height: 40px;
     width: 30px;
     line-height: 40px;
     text-align: center;
     position: absolute;
     right: 60px;
     top: 0px;
     font-size: 17px;
     cursor: pointer;
}
#kurs_kurs_rename{
     height: 40px;
     width: 30px;
     line-height: 40px;
     text-align: center;
     position: absolute;
     right: 30px;
     top: 0px;
     font-size: 17px;
     cursor: pointer;
}
#kurs_delete{
     height: 40px;
     width: 30px;
     line-height: 40px;
     text-align: center;
     position: absolute;
     right: 0px;
     top: 0px;
     font-size: 17px;
     cursor: pointer;
}
#kurs_inner_sidebar_title{
     position: relative;
     margin-top: 10px;
     width: 100%;
     text-align: center;
     line-height: 40px;
     height: 40px;
     color: var(--color2);
     font-size: 16px;
     font-weight: bold;
}
#kurs_inner_sidebar_bar_wrapper{
     position: relative;
     height: 15px;
     width: calc(100% - 60px);
     background-color: #dcdcdc;
     border-radius: 20px;
     margin-left: 30px;
     margin-top: 10px;
     margin-bottom: 10px;
}
#kurs_inner_sidebar_bar_inner{
     position: absolute;
     left: 0px;
     top: 0px;
     width: 48%;
     height: 100%;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     border-radius: 20px;
}
#kurs_inner_sidebar_bar_inner:hover{
     background-color: var(--color8);
}
#kurs_inner_sidebar_percent{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     font-weight: bold;
     color: var(--color8);
}
#kurs_inner_sidebar_inner{
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
     height: calc(100% - 130px);
}
.kurs_inner_sidebar_inner_categorie{
     position: relative;
     line-height: 30px;
     cursor: pointer;
     width: 100%;
}
.kurs_inner_sidebar_inner_categorie_title{
     position: relative;
     height: 30px;
     line-height: 30px;
     font-size: 12px;
     cursor: pointer;
     width: calc(100% - 60px);
     margin-left: 30px;
     font-weight: bold;
}
#kurs_inner_main{
     position: absolute;
     top: 0px;
     left: 320px;
     height: 100%;
     width: calc(100% - 320px);
     z-index: 400;
     display: none;
}
#kurs_inner_main_inner{
     height: calc(100% - 30px);
     overflow-y: auto;
}
#kurs_inner_main_footer_buttons{
     position: absolute;
     right: 0px;
     bottom: 0px;
     width: 100%;
     height: 30px;
}
#kurs_inner_main_footer_left_button{
     position: absolute;
     left: 0px;
     top: 0px;
     width: 50%;
     height: 30px;
     background-color: #000000;
     text-align: center;
     line-height: 30px;
     cursor: pointer;
     font-size: 12px;
     color: var(--darkcolor1);
}
#kurs_inner_main_footer_right_button{
     position: absolute;
     right: 0px;
     top: 0px;
     width: 50%;
     height: 30px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     line-height: 30px;
     cursor: pointer;
     font-size: 12px;
}
#kurs_inner_main_footer_right_button:hover{
     background-color: var(--color8);
}
#kurs_inner_sidebar{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 320px;
     height: 100%;
     color: var(--color7);
     z-index: 500;
     box-shadow: 0px 0px 6px -5px var(--shadowcolor7);
}
#kurs_inner_body{
     position: absolute;
     top: 0px;
     left: 320px;
     height: 100%;
     width: calc(100% - 320px);
     background-color: var(--color1b);
     z-index: 20000;
}
#new_kurs_name_title{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 10px;
     color: var(--color2);
}
#new_kurs_name_input{
     position: relative;
}
#new_kurs_name_save_kurs{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
}
#new_kurs_name_save_kurs:hover{
     background-color: var(--color8);
}
#new_kurs_single_name_title{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 10px;
     color: var(--color2);
}
#new_kurs_single_name_input{
     position: relative;
}
#new_kurs_single_name_save_kurs{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
}
#new_kurs_single_name_save_kurs:hover{
     background-color: var(--color8);
}
#new_kurs_lektion_name_title{
     position: absolute;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
     top: 10px;
     color: var(--color2);
}
#new_kurs_lektion_name_input{
     position: relative;
}
#new_kurs_lektion_name_save_kurs{
     position: absolute;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     width: 300px;
     margin-left: calc(50% - 150px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
}
#new_kurs_lektion_name_save_kurs:hover{
     background-color: var(--color8);
}
#kurs_paths{
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
     height: calc(100% - 100px);
}
.kurs_path_single{
     position: relative;
     height: 30px;
     line-height: 30px;
     font-size: 12px;
     text-indent: 20px;
     cursor: pointer;
}
#kurs_inner_title{
     position: relative;
     color: var(--color20);
     text-align: center;
     width: 100%;
     height: 30px;
     line-height: 30px;
     font-weight: bold;
     margin-top: 10px;
     margin-bottom: 10px;
}
#kurs_inner_title_title{
     position: absolute;
     width: calc(100% - 60px);
     height: 30px;
     top: 0px;
     left: 30px;
}
#kurs_inner_title_rename{
     position: absolute;
     right: 0px;
     top: 0px;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
}
#kurs_inner_first_text{
     margin-left: 30px;
     width: calc(100% - 63px);
}
#kurs_inner_first_text_textarea{
     overflow: auto;
     min-height: 16px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     font-size: 16px;
     padding: 5px;
     width: calc(100% - 39px);
     margin-left: 10px;
     line-height: 22px;
     padding: 10px;
}
#kurs_inner_second_text{
     margin-left: 30px;
     width: calc(100% - 63px);
}
#kurs_inner_second_text_textarea{
     overflow: auto;
     min-height: 16px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color5);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     font-size: 16px;
     padding: 5px;
     width: calc(100% - 39px);
     margin-left: 10px;
     line-height: 22px;
     padding: 10px;
}
#kurs_inner_first_text_save{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     margin-bottom: 5px;
}
#kurs_inner_first_text_save:hover{
     background-color: var(--color8);
}
#kurs_inner_second_text_save{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     margin-bottom: 5px;
}
#kurs_inner_second_text_save:hover{
     background-color: var(--color8);
}
#kurs_inner_comments_wrapper_title{
     position: relative;
     color: var(--color20);
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 10px;
     width: 100%;
     height: 30px;
     line-height: 30px;
     text-align: center;
}
#kurs_inner_comments_write_wrapper{
     margin-left: 30px;
     width: calc(100% - 63px);
}
#kurs_inner_comments_write_textarea{
     position: relative;
     left: 10px;
     margin-left: unset;
     width: calc(100% - 42px);
     border-radius: 6px;
     height: 60px;
     line-height: 20px;
     text-align: left;
     padding: 10px;
     background-color: var(--color4);
     color: var(--color20)
}
#kurs_inner_comments_write_submit{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     margin-bottom: 5px;
}
#kurs_inner_comments_write_submit:hover{
     background-color: var(--color8);
}
#kurs_inner_comments_inner{
     margin-left: 30px;
     width: calc(100% - 63px);
}
.kurs_inner_comments_inner_comment{
     position: relative;
     left: 10px;
     margin-left: unset;
     width: calc(100% - 42px);
     border-radius: 6px;
     min-height: 60px;
     line-height: 20px;
     text-align: left;
     padding: 10px;
     background-color: var(--color4);
     border: 1px solid var(--color3);
     margin-bottom: 10px;
     max-height: 200px;
     overflow-y: auto;
}
.kurs_inner_comments_inner_comment_username{
     color: var(--color20);
     font-size: 14px;
     font-weight: bold;
}
.kurs_inner_comments_inner_comment_text{
     color: var(--color20);
     font-size: 14px;
}
#lektion_upload_video_form_wrapper{
     position: relative;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     height: 30px;
     margin-left: 40px;
     margin-bottom: 10px;
     border-bottom-right-radius: 8px;
}
#lektion_upload_video_form_wrapper:hover{
     background-color: var(--color8);
}
#lektion_upload_video_form_text{
     position: absolute;
     font-size: 12px;
     text-align: center;
     width: 100%;
     height: 100%;
     line-height: 30px;
     z-index: 100;
     color: var(--darkcolor1);
}
#lektion_upload_video_form_file{
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     border: 0px;
     margin: 0px;
     border-radius: 0px;
     cursor: pointer;
     opacity: 0;
     z-index: 200;
}
#lektion_upload_video_form_submit{
     position: absolute;
     bottom: 0px;
     margin: 0px;
     border: 0px;
     border-radius: 0px;
     height: 40px;
     z-index: 200;
     cursor: pointer;
     display: none;
}
#lektion_upload_video_form_temp_key{
     display: none;
}
#lektion_video_form_wrapper_uploading{
     position: relative;
     display: none;
}
#lektion_video_wrapper_uploading{
     position: relative;
     height: 85px;
     width: 100%;
     margin-bottom: 10px;
}
#lektion_video_wrapper_uploading_title{
     color: var(--color7);
     position: relative;
     font-size: 13px;
     width: calc(100% - 80px);
     margin-left: 40px;
}
#lektion_video_wrapper_uploading_wrapper{
     position: relative;
     height: 18px;
     width: calc(100% - 80px);
     margin-left: 40px;
     margin-top: 10px;
     background-color: var(--color3);
     border-radius: 12px;
     line-height: 18px;
     font-size: 12px;
     font-weight: bold;
     text-align: center;
}
#lektion_video_wrapper_uploading_inner{
     position: absolute;
     height: 100%;
     width: 0%;
     left: 0px;
     top: 0px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
}
#lektion_video_wrapper_uploading_inner:hover{
     background-color: var(--color8);
}
#lektion_video_wrapper_uploading_inner_percent{
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0px;
     top: 0px;
     color: var(--color7);
}
#lektion_video_wrapper_uploading_abort{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: 40px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 10px;
     cursor: pointer;
}
#lektion_video_wrapper_uploading_abort:hover{
     background-color: var(--color8);
}
.kurs_customer_view{
     display: none;
}
#video_main_wrapper_top{
     width: calc(50% - 10px);
     margin-top: 10px;
     margin-left: 10px;
     box-shadow: 2px 2px 3px -3px var(--shadowcolor7);
}
#gallery_video_wrapper_video{
     position: relative;
}
#gallery_video_wrapper_video_video{
     width: 100%;
     height: 100%;
     background-color: #000000;
}
#gallery_video_blocker{
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: 10000000;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
}
#gallery_video_blocker_play{
     position: absolute;
     left: calc(50% - 25px);
     top: calc(50% - 125px);
     color: #ffffff;
     background-color: rgba(20,20,20,0.7);
     height: 100px;
     width: 100px;
     text-align: center;
     line-height: 100px;
     border-radius: 100%;
     font-size: 32px;
     cursor: pointer;
}
#gallery_video_image_upload{
     position: absolute;
     height: 40px;
     width: 40px;
     cursor: pointer;
     background-color: rgba(20,20,20,0.7);
     border-bottom-right-radius: 10px;
}
#video_upload_drag_drop{
     position: absolute;
     width: 270px;
     height: 40px;
     line-height: 40px;
     color: #ffffff;
     font-size: 12px;
     text-align: center;
     top: 30px;
     background-color: var(--color8);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     left: calc(50% - 135px);
     cursor: pointer;
}
#video_upload_drag_drop:hover{
     background-color: var(--color8b);
}
#gallery_video_inner_input_form{
     position: absolute;
     left: 0px;
     height: 100%;
     width: 100%;
     z-index: 100;
     opacity: 0;
}
#gallery_video_inner_input{
     left: 0px;
     position: absolute;
     margin-left: 0px;
     width: 100%;
     height: 100%;
}
#video_upload_drag_drop_text{
     position: relative;
     width: 100%;
     height: 100%;
     line-height: 40px;
     display: inline-block;
     cursor: pointer;
}
#video_upload_drag_drop_plus{
     position: relative;
     height: 40px;
     line-height: 40px;
     width: 40px;
}
#gallery_video_image_upload_text{
     color: #ececec;
     position: absolute;
     top: 0px;
     left: 0px;
     height: 40px;
     width: 40px;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
     font-size: 20px;
     z-index: 10;
}
#gallery_video_image_upload_form{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 40px;
     width: 40px;
     opacity: 0;
     cursor: pointer;
     z-index: 100;
}
#gallery_video_image_upload_input{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 40px;
     width: 40px;
     opacity: 0;
     cursor: pointer;
     z-index: 100;
     margin-left: unset;
}
.gallery_video_lines{
     position: absolute;
     background-color: rgba(20,20,20,0.7);
     height: 50px;
     width: 100%;
}
#gallery_video_line_1{
     bottom: 100px;
}
#gallery_video_line_2{
     bottom: 50px;
}
#gallery_video_line_3{
     bottom: 0px;
}
#gallery_video_line_1:empty{
     display: none;
}
#gallery_video_line_2:empty{
     display: none;
}
#gallery_video_line_3:empty{
     display: none;
}
.gallery_video_lines_videos{
     color: #ececec;
     cursor: pointer;
     height: 100%;
     margin-left: 0px;
     margin-right: 10px;
     text-align: center;
     position: relative;
     width: calc((100% / 3) - 70px);
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 14px;
}
.gallery_video_lines_videos:empty{
     width: calc((100% / 3) - 10px);
}
.gallery_video_lines_videos[data-mode="canceled"]{
     color: var(--color8);
}
.gallery_video_lines_videos[data-mode="success"]{
     padding-left: 30px;
     padding-right: 30px;
}
.gallery_video_lines_videos[data-mode="success"] .gallery_video_lines_videos_left{
     display: block;
     background-color: rgba(0,0,0,0.4);
}
.gallery_video_lines_videos[data-mode="success"] .gallery_video_lines_videos_right{
     display: block;
     background-color: rgba(0,0,0,0.4);
}
.gallery_video_lines_videos_left{
     position: absolute;
     left: 0px;
     top: 10px;
     height: 30px;
     line-height: 30px;
     font-size: 20px;
     width: 25px;
     text-align: center;
     display: none;
     z-index: 100000;
     background-color: rgba(0,0,0,0.4);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.gallery_video_lines_videos_left:hover{
     font-size:25px;
}
.gallery_video_lines_videos_right{
     position: absolute;
     right: 0px;
     top: 10px;
     height: 30px;
     line-height: 30px;
     font-size: 20px;
     width: 25px;
     text-align: center;
     display: none;
     z-index: 100000;
     background-color: rgba(0,0,0,0.4);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.gallery_video_lines_videos_right:hover{
     font-size:25px;
}
.gallery_video_lines_videos_delete{
     position: absolute;
     right: 25px;
     top: 10px;
     height: 30px;
     line-height: 30px;
     font-size: 11px;
     width: 25px;
     text-align: center;
     display: none;
     z-index: 100000;
     background-color: rgba(0,0,0,0.4);
     margin-right: 2px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.gallery_video_lines_videos_delete:hover{
     font-size: 16px;
}
.gallery_video_lines_videos_rename{
     position: absolute;
     right: 50px;
     top: 10px;
     height: 30px;
     line-height: 30px;
     font-size: 11px;
     width: 25px;
     text-align: center;
     display: none;
     z-index: 100000;
     background-color: rgba(0,0,0,0.4);
     margin-right: 4px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
.gallery_video_lines_videos_rename:hover{
     font-size: 16px;
}
.gallery_video_inner_input_wrapper{
     position: relative;
     display: inline-block;
     cursor: pointer;
     width: 100%;
     cursor: pointer;
}
.gallery_video_inner_input_text{
     position: relative;
     display: inline-block;
     height: 100%;
     text-align: center;
     color: var(--color8);
}
.gallery_video_inner_input_form{
     position: absolute;
     height: 100%;
     width: 100%;
     opacity: 0;
     left: 0px;
     padding: 0px;
     margin: 0px;
     border: 0px;
     top: 0px;
}
.gallery_video_inner_input{
     position: absolute;
     height: 100%;
     width: 100%;
     opacity: 0;
     left: 0px;
     padding: 0px;
     margin: 0px;
     border: 0px;
}
#gallery_video_controls{
     position: absolute;
     width: 100%;
     height: 70px;
     background-color: rgba(20,20,20,0.3);
     backdrop-filter: blur(5px);
     left: 0px;
     bottom: 0px;
     z-index: 100000;
     opacity: 0;
     display: none;
}
#gallery_video_controls_back_button{
     position: absolute;
     width: 50px;
     height: 50px;
     background-color: rgba(20,20,20,0.3);
     backdrop-filter: blur(5px);
     top: 0px;
     left: 0px;
     z-index: 100000;
     color: var(--darkcolor1);
     line-height: 50px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: none;
     cursor: pointer;
     opacity: 0;
}
#gallery_video_controls_share_button{
     position: absolute;
     width: 50px;
     height: 50px;
     background-color: rgba(20,20,20,0.3);
     backdrop-filter: blur(5px);
     top: 0px;
     right: 150px;
     z-index: 100000;
     color: var(--darkcolor1);
     line-height: 50px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: none;
     cursor: pointer;
     opacity: 0;
}
#gallery_video_controls_rename_button{
     position: absolute;
     width: 50px;
     height: 50px;
     background-color: rgba(20,20,20,0.3);
     backdrop-filter: blur(5px);
     top: 0px;
     right: 100px;
     z-index: 100000;
     color: var(--darkcolor1);
     line-height: 50px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: none;
     cursor: pointer;
     opacity: 0;
}
#gallery_video_controls_delete_button{
     position: absolute;
     width: 50px;
     height: 50px;
     background-color: rgba(20,20,20,0.3);
     backdrop-filter: blur(5px);
     top: 0px;
     right: 50px;
     z-index: 100000;
     color: var(--darkcolor1);
     line-height: 50px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: none;
     cursor: pointer;
     opacity: 0;
}
#gallery_video_controls_download_button{
     position: absolute;
     width: 50px;
     height: 50px;
     background-color: rgba(20,20,20,0.3);
     backdrop-filter: blur(5px);
     top: 0px;
     right: 0px;
     z-index: 100000;
     color: var(--darkcolor1);
     line-height: 50px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: none;
     cursor: pointer;
     opacity: 0;
}
.video_loader{
     margin-top: 17px;
     border: 3px solid var(--darkcolor1);
     border-radius: 50%;
     border-top: 3px solid var(--color8);
     width: 9px;
     height: 9px;
     -webkit-animation: video_loader 2s linear infinite;
     animation: video_loader 2s linear infinite;
     float: left;
     display: none;
}
.video_loader[data-mode="progressing"]{
     display: block;
}
/* Safari */
@-webkit-keyframes video_loader {
     0% { -webkit-transform: rotate(0deg); }
     100% { -webkit-transform: rotate(360deg); }
}

@keyframes video_loader {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
}
#gallery_video_play{
     position: absolute;
     left: 10px;
     top: 9px;
     font-size: 14px;
     height: 30px;
     width: 40px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     color: var(--darkcolor1);
}
#gallery_video_pause{
     position: absolute;
     left: 10px;
     top: 9px;
     font-size: 14px;
     height: 30px;
     width: 40px;
     line-height: 30px;
     text-align: center;
     display: none;
     cursor: pointer;
     color: var(--darkcolor1);
}
#gallery_video_time{
     position: absolute;
     width: 100px;
     height: 30px;
     text-align: left;
     line-height: 30px;
     top: 9px;
     left: 50px;
     font-size: 14px;
     color: var(--darkcolor1);
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#gallery_video_fullscreen{
     position: absolute;
     right: 10px;
     top: 10px;
     font-size: 14px;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     color: var(--darkcolor1);
}
#gallery_video_timebar_wrapper{
     position: absolute;
     width: calc(100% - 40px);
     height: 20px;
     left: 20px;
     bottom: 10px;
     cursor: pointer;
}
#gallery_video_timebar_inner_wrapper{
     position: absolute;
     width: 100%;
     height: 6px;
     left: 0px;
     bottom: 7px;
     background-color: #8c8c8c;
     border-radius: 10px;
}
#gallery_video_timebar_inner_inner{
     position: absolute;
     width: 0%;
     height: 100%;
     left: 0px;
     bottom: 0px;
     background-color: var(--color8);
}
#gallery_video_mute{
     position: absolute;
     right: 153px;
     top: 10px;
     font-size: 14px;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     cursor: pointer;
     color: var(--darkcolor1);
}
#gallery_video_volume_wrapper{
     position: absolute;
     width: 100px;
     height: 20px;
     right: 45px;
     bottom: 35px;
     cursor: pointer;
}
#gallery_video_volume_inner_wrapper{
     position: absolute;
     width: 100%;
     height: 6px;
     left: 0px;
     bottom: 7px;
     background-color: #8c8c8c;
     border-radius: 10px;
}
#gallery_video_volume_inner_inner{
     position: absolute;
     width: 0%;
     height: 100%;
     left: 0px;
     bottom: 0px;
     background-color: var(--color8);
     color: var(--darkcolor4);
}
#copy_div{
     position: absolute;
     left: -3000px;
     top: -3000px;
     width: 1px;
     height: 1px;
     opacity: 0;
}
#lektion_video_delete{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: 40px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     margin-bottom: 5px;
}
#lektion_video_delete:hover{
     background-color: var(--color8);
}
#lektion_quiz_create{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: 40px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     margin-bottom: 5px;
}
#lektion_quiz_create:hover{
     background-color: var(--color8);
}
#lektion_quiz_delete{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: 40px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     margin-bottom: 5px;
     display: none;
}
#lektion_quiz_delete:hover{
     background-color: var(--color8);
}
#lektion_quiz_save{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 300px;
     margin-left: 40px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     margin-bottom: 5px;
     display: none;
}
#lektion_quiz_save:hover{
     background-color: var(--color8);
}
#lektion_quiz_inner{
     position: relative;
     border: 1px solid #acacac;
     border-radius: 8px;
     width: calc(100% - 80px);
     margin-left: 40px;
     margin-bottom: 10px;
     margin-top: 10px;
     background-color: #ffffff;
     display: none;
     max-width: 600px;
}
#lektion_quiz_title{
     position: absolute;
     top: 10px;
     left: 10px;
     color: #000000;
}
#lektion_quiz_number{
     position: absolute;
     top: 10px;
     right: 10px;
     color: #000000;
}
#lektion_quiz_question{
     color: #000000;
     margin-left: 40px;
     width: calc(100% - 80px);
     text-align: center;
     margin-top: 20px;
     min-height: 30px;
     line-height: 30px;
}
.lektion_quiz_answer{
     margin-top: 10px;
}
#lektion_quiz_answer_right{
     margin-top: 10px;
     border: 1px solid var(--color3);
     height: 30px;
     width: 300px;
     text-align: center;
     line-height: 30px;
     margin-left: calc(50% - 150px);
     -webkit-user-select: text;
     background-color: var(--input);
     color: var(--color2);
     border-radius: 10px;
}
#lektion_quiz_control{
     position: relativE;
     height: 60px;
}
#lektion_quiz_back{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 120px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     float: left;
     position: absolute;
     top: 15px;
     left: 20px;
}
#lektion_quiz_back:hover{
     background-color: var(--color8);
}
#lektion_quiz_check{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 120px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     float: left;
     position: absolute;
     top: 15px;
     right: 20px;
     display: none;
}
#lektion_quiz_check:hover{
     background-color: var(--color8);
}
#lektion_quiz_continue{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 120px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     float: left;
     position: absolute;
     top: 15px;
     right: 20px;
}
#lektion_quiz_continue:hover{
     background-color: var(--color8);
}
#lektion_quiz_question_delete{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 200px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     position: relative;
     margin-top: 10px;
     margin-left: calc(50% - 100px);
}
#lektion_quiz_question_delete:hover{
     background-color: var(--color8);
}
#lektion_quiz_success{
     color: #00ff00;
     font-size: 60px;
     height: 100px;
     width: 100px;
     text-align: center;
     line-height: 100px;
     margin-left: calc(50% - 50px);
     margin-top: 20px;
}
#lektion_quiz_reload{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: 200px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     position: relative;
     margin-top: 10px;
     margin-left: calc(50% - 100px);
     margin-bottom: 10px;
}
#lektion_quiz_reload:hover{
     background-color: var(--color8);
}
#lektion_quiz_ending{
     display: none;
}
.quiz_answer_right{
     border: 2px solid #00ff00;
}
.quiz_answer_wrong{
     border: 2px solid #ff0000;
}
#lektion_quiz_result{
     color: #000000;
     text-align: center;
     height: 30px;
     line-height: 30px;
     font-weight: bold;
}
#preload_images{
     display: none;
}
#gallery_send_inner{
     max-width: 400px;
}
#meeting_add_new_trigger{
     display: block;
     position: absolute;
     width: 200px;
     font-size: 12px;
     background-color: var(--color8);
     color: var(--darkcolor4);
     left: calc(50% - 100px);
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     top: calc(50% - 15px);
     cursor: pointer;
     padding-right: 0px;
}
#meeting_add_new_trigger:hover{
     background-color: var(--color8b);
}
#meeting{
     padding-bottom: 5px;
     overflow-x: auto;
     margin-left: 10px;
     margin-top: 10px;
     width: calc(100% - 20px);
     justify-content: space-around;
     align-items: center;
     flex-wrap: wrap;
     box-shadow: 2px 2px 4px -4px var(--shadowcolor7);
     background-color: var(--color4);
     min-height: 50px;
     position: relative;
}
#meeting_table{
     border-collapse: collapse;
     background-color: var(--color4);
     border: 1px solid var(--color3);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     font-size: 13px;
}
.meeting_td{
     min-width: 50px;
     border: 1px solid var(--color24);
     padding: 10px;
     text-align: center;
     position: relative;
     height: 30px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.meeting_td_first_row{
     border-bottom: 1px solid var(--color3);
}
.meeting_td_header{
     height: 110px;
}
.meeting_td_top{
     font-weight: bold;
}
.meeting_input{
     position: absolute;
     left: 0px;
     top: 0px;
     border: 0px;
     height: 100%;
     min-width: 100%;
     text-align: left;
     text-indent: 20px;
     font-weight: bold;
     margin-left: 0px;
}
.meeting_checkbox{
     width: 30px;
     margin-left: 0px;
     cursor: pointer;
     opacity: 0;
     position: absolute;
     top: calc(50% - 15px);
     left: calc(50% - 15px);
     height: 30px;
     padding: 0px;
     margin: 0px;
     font-size: 12px;
}
.meeting_checkbox_other{
     font-size: 24px;
}
#meeting_options{
     position: absolute;
     left: 0px;
     height: 40px;
     line-height: 20px;
     top: calc(25% - 20px);
     color: var(--color8);
     text-align: center;
     cursor: pointer;
     font-weight: bold;
     width: 100%;
}
#meeting_meetings{
     position: absolute;
     left: 0px;
     height: 40px;
     line-height: 20px;
     bottom: calc(25% - 20px);
     color: var(--color8);
     text-align: center;
     cursor: pointer;
     font-weight: bold;
     width: 100%;
}
.meeting_padding_zero{
     padding: 0px;
}
.meeting_delete_user{
     color: var(--color8);
     cursor: pointer;
}
.meeting_month{
     font-size: 16px;
     position: absolute;
     top: 40px;
     min-width: 100%;
     left: 0px;
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     cursor: pointer;
}
.meeting_day{
     font-size: 20px;
     position: absolute;
     top: 10px;
     min-width: 100%;
     left: 0px;
     text-align: center;
     height: 30px;
     line-height: 30px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     cursor: pointer;
}
.meeting_day_full{
     font-size: 16px;
     position: absolute;
     top: 65px;
     min-width: 100%;
     left: 0px;
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.meeting_time{
     font-size: 14px;
     position: absolute;
     top: 70px;
     min-width: 100%;
     left: 0px;
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     cursor: pointer;
}
.meeting_time_till{
     font-size: 13px;
     position: absolute;
     top: 90px;
     min-width: 100%;
     left: 0px;
     text-align: center;
     height: 10px;
     line-height: 10px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     cursor: pointer;
}
.meeting_time_end{
     font-size: 14px;
     position: absolute;
     top: 100px;
     min-width: 100%;
     left: 0px;
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     cursor: pointer;
}
.meeting_td_left{
     white-space: nowrap;
     min-width: 95px;
     text-align: left;
     text-indent: 10px;
}
.meeting_month_dropdown{
     font-size: 16px;
     position: absolute;
     top: 9px;
     min-width: 100%;
     left: 0px;
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     cursor: pointer;
     z-index: 10;
     opacity: 0;
}
.meeting_day_dropdown{
     font-size: 16px;
     position: absolute;
     top: 35px;
     min-width: 100%;
     left: 0px;
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     cursor: pointer;
     z-index: 10;
     opacity: 0;
}
.meeting_hour_dropdown{
     font-size: 12px;
     position: absolute;
     top: 97px;
     min-width: 37px;
     left: 0px;
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     cursor: pointer;
     z-index: 10;
     opacity: 0;
}
.meeting_minute_dropdown{
     font-size: 12px;
     position: absolute;
     top: 97px;
     min-width: 37px;
     right: 0px;
     text-align: center;
     height: 20px;
     line-height: 20px;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
     cursor: pointer;
     z-index: 10;
     opacity: 0;
}
.delete_time_icon{
     color: var(--color8);
     position: absolute;
     font-size: 16px;
     top: 0px;
     right: 0px;
     cursor: pointer;
     width: 20px;
     height: 20px;
     line-height: 20px;
     text-align: center;
     z-index: 10000;
}
#meeting_options_title{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 10px;
     font-weight: bold;
     text-align: left;
}
#meeting_options_title_input{
     margin-left: 0px;
     margin-top: 10px;
     width: calc(100% - 2px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#meeting_options_description{
     color: var(--color7);
     font-size: 13px;
     margin-left: 0px;
     margin-top: 20px;
     font-weight: bold;
}
#meeting_options_description_input{
     margin-left: 0px;
     margin-top: 10px;
     width: calc(100% - 22px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     height: 100px;
     text-align: left;
     padding: 10px;
     line-height: 20px;
     overflow: auto;
}
#meeting_meetings_inner{
     padding: 0px;
     width: 100%;
     display: flex;
     justify-content: space-around;
     align-items: center;
     flex-wrap: wrap;
}
#meeting_meetings_field{
     max-width: 400px;
}
.meeting_meetings_inner_date{
     position: relative;
     height: 40px;
     width: calc(100% - 30px);
     background-color: #ffffff;
     margin-bottom: 5px;
     display: inline-block;
     margin-top: 5px;
     margin-left: 15px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     box-shadow: 1px 1px 4px -3px #000000;
}
.meeting_meetings_inner_date_day{
     position: relative;
     height: 40px;
     text-align: center;
     line-height: 40px;
     font-size: 14px;
     float: left;
     display: inline-block;
     font-weight: bold;
     margin-left: 10px;
     cursor: pointer;
}
.meeting_meetings_inner_date_month{
     position: relative;
     height: 40px;
     text-align: center;
     line-height: 40px;
     font-size: 14px;
     float: left;
     display: inline-block;
     padding-left: 5px;
     font-weight: bold;
     cursor: pointer;
}
.meeting_meetings_inner_date_year{
     position: relative;
     height: 40px;
     text-align: center;
     line-height: 40px;
     font-size: 14px;
     float: left;
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
     font-weight: bold;
     cursor: pointer;
}
.meeting_meetings_inner_date_time{
     position: relative;
     height: 40px;
     text-align: center;
     line-height: 40px;
     font-size: 14px;
     float: left;
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
     cursor: pointer;
}
.meeting_meetings_inner_date_end_time{
     position: relative;
     height: 40px;
     text-align: center;
     line-height: 40px;
     font-size: 14px;
     float: left;
     display: inline-block;
     padding-left: 5px;
     padding-right: 5px;
     cursor: pointer;
}
.meeting_meetings_inner_edit{
     position: absolute;
     right: 0px;
     height: 40px;
     width: 30px;
     line-height: 44px;
     text-align: center;
     cursor: pointer;
     font-size: 18px;
}
.meeting_meetings_inner_delete{
     position: absolute;
     right: 30px;
     height: 40px;
     width: 30px;
     line-height: 44px;
     text-align: center;
     cursor: pointer;
     font-size: 18px;
}
#meeting_meetings_close{
     width: calc(100% - 30px);
}
#meeting_meetings_save{
     display: none;
}
#meeting_meetings_delete{
     display: none;
}
#meeting_meetings_back{
     display: none;
}
#meeting_meeting_inner_date_editor{
     display: none;
}
#meeting_meeting_inner_date_delete,#meeting_meeting_inner_date_deactivate,#meeting_meeting_inner_date_activate,#meeting_meeting_inner_date_delete_all{
     position: relative;
     color: var(--color7);
     padding: 10px;
     width: calc(100% - 40px);
     font-size: 13px;
     padding-left: 20px;
     padding-right: 20px;
     display: none;
}
#meeting_meeting_inner_date_list{
     width: 100%;
}
#meeting_meetings_inner_add{
     position: relative;
     background-color: var(--color4);
     color: var(--color7);
     text-align: center;
     width: calc(100% - 30px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     margin-left: 15px;
     margin-top: 15px;
     box-shadow: 1px 1px 4px -3px #000000;
}
#meeting_meetings_inner_add:hover{
     background-color: var(--color8);
     color: var(--darkcolor1);
}
#meeting_meetings_inner_deactivate{
     position: relative;
     background-color: var(--color4);
     color: var(--color7);
     text-align: center;
     width: calc(100% - 30px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     margin-left: 15px;
     margin-top: 10px;
     box-shadow: 1px 1px 4px -3px #000000;
}
#meeting_meetings_inner_deactivate:hover{
     background-color: var(--color8);
     color: var(--darkcolor1);
}
#meeting_meetings_inner_activate{
     position: relative;
     background-color: var(--color4);
     color: var(--color7);
     text-align: center;
     width: calc(100% - 30px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     margin-left: 15px;
     margin-top: 10px;
     box-shadow: 1px 1px 4px -3px #000000;
}
#meeting_meetings_inner_activate:hover{
     background-color: var(--color8);
     color: var(--darkcolor1);
}
#meeting_meetings_inner_delete_all{
     position: relative;
     background-color: var(--color4);
     color: var(--color7);
     text-align: center;
     width: calc(100% - 30px);
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     bottom: 5px;
     margin-left: 15px;
     margin-top: 15px;
     box-shadow: 1px 1px 4px -3px #000000;
}
#meeting_meetings_inner_delete_all:hover{
     background-color: var(--color8);
     color: var(--darkcolor1);
}
#meeting_meeting_inner_date_editor_day{
     height: 210px;
     width: 35px;
     overflow: hidden;
     float: left;
     border-left: 1px solid var(--color3);
     border-right: 1px solid var(--color3);
     margin-left: 8px;
}
.meeting_meetings_inner_date_editor_day_single{
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     background-color: var(--color4);
}
.meeting_meetings_inner_date_editor_day_single_active{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor1);
}
#meeting_meeting_inner_date_editor_month{
     height: 210px;
     width: 80px;
     overflow: hidden;
     float: left;
     border-left: 1px solid var(--color3);
     border-right: 1px solid var(--color3);
}
.meeting_meetings_inner_date_editor_month_single{
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     background-color: var(--color4);
}
.meeting_meetings_inner_date_editor_month_single_active{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor1);
}
#meeting_meeting_inner_date_editor_year{
     height: 210px;
     width: 40px;
     overflow: hidden;
     float: left;
     border-left: 1px solid var(--color3);
     border-right: 1px solid var(--color3);
}
.meeting_meetings_inner_date_editor_year_single{
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     background-color: var(--color4);
}
.meeting_meetings_inner_date_editor_year_single_active{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor1);
}
#meeting_meeting_inner_date_editor_hour{
     height: 210px;
     width: 35px;
     overflow: hidden;
     float: left;
     border-left: 1px solid var(--color3);
     border-right: 1px solid var(--color3);
     margin-left: 8px;
}
.meeting_meetings_inner_date_editor_hour_single{
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     background-color: var(--color4);
}
.meeting_meetings_inner_date_editor_hour_single_active{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor1);
}
#meeting_meeting_inner_date_editor_minute{
     height: 210px;
     width: 35px;
     overflow: hidden;
     float: left;
     border-left: 1px solid var(--color3);
     border-right: 1px solid var(--color3);
}
.meeting_meetings_inner_date_editor_minute_single{
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     background-color: var(--color4);
}
.meeting_meetings_inner_date_editor_minute_single_active{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor1);
}
#meeting_meeting_inner_date_editor_end_hour{
     height: 210px;
     width: 35px;
     overflow: hidden;
     float: left;
     border-left: 1px solid var(--color3);
     border-right: 1px solid var(--color3);
     margin-left: 8px;
}
.meeting_meetings_inner_date_editor_end_hour_single{
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     background-color: var(--color4);
}
.meeting_meetings_inner_date_editor_end_hour_single_active{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor1);
}
#meeting_meeting_inner_date_editor_end_minute{
     height: 210px;
     width: 35px;
     overflow: hidden;
     float: left;
     border-left: 1px solid var(--color3);
     border-right: 1px solid var(--color3);
}
.meeting_meetings_inner_date_editor_end_minute_single{
     height: 30px;
     width: 100%;
     text-align: center;
     line-height: 30px;
     background-color: var(--color4);
}
.meeting_meetings_inner_date_editor_end_minute_single_active{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor1);
}
.meeting_meeting_inner_date_editor_titles{
     height: 30px;
     width: 40px;
     overflow: hidden;
     float: left;
     border-left: 1px solid var(--color3);
     border-right: 1px solid var(--color3);
     background-color: var(--color4);
     font-weight: bold;
     text-align: center;
     line-height: 30px;
     font-size: 12px;
}
#meeting_meeting_inner_date_editor_titles_month{
     width: 85px;
}
#meeting_meeting_inner_date_editor_titles_day{
     margin-left: 8px;
     width: 157px;
}
#meeting_meeting_inner_date_editor_titles_hour{
     margin-left: 8px;
     width: 71px;
}
#meeting_meeting_inner_date_editor_titles_end_hour{
     margin-left: 8px;
     width: 71px;
}
#meeting_meeting_inner_date_editor_month{
     border-left: 0px;
}
#meeting_meeting_inner_date_editor_year{
     border-left: 0px;
}
#meeting_meeting_inner_date_editor_minute{
     border-left: 0px;
}
#meeting_meeting_inner_date_editor_end_minute{
     border-left: 0px;
}
#cookie_settings_wrapper{
     box-shadow: 2px 2px 4px -4px var(--shadowcolor7);
     position: absolute;
     bottom: 20px;
     right: 20px;
     width: 300px;
     height: 250px;
     background-color: #ffffff;
     z-index: 10000000;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     color: #000000;
     display: none;
}
#cookie_settings_title{
     padding: 10px;
     font-weight: bold;
     font-size: 14px;
}
#cookie_settings_description{
     padding: 10px;
     font-size: 13px;
     padding-top: 0px;
}
#cookie_settings_description_two{
     padding: 10px;
     font-size: 13px;
     padding-top: 0px;
     display: none;
}
#cookie_settings_cancel{
     position: relative;
     background-color: #ececec;
     width: calc((100% - 30px) / 3);
     height: 25px;
     text-align: center;
     line-height: 25px;
     font-size: 13px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-left: 10px;
     margin-right: 10px;
     cursor: pointer;
     float: left;
}
#cookie_settings_accept{
     position: relative;
     width: calc(((100% - 30px) / 3) * 2);
     height: 25px;
     text-align: center;
     line-height: 25px;
     font-size: 13px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-left: 10px;
     cursor: pointer;
     background-color: var(--color8);
     color: var(--darkcolor1);
}
#cookie_settings_save{
     position: relative;
     width: calc(((100% - 30px) / 3) * 2);
     height: 25px;
     text-align: center;
     line-height: 25px;
     font-size: 13px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-left: 10px;
     cursor: pointer;
     background-color: var(--color8);
     color: var(--darkcolor1);
     display: none;
}
#cookie_settings_more{
     position: relative;
     background-color: #ececec;
     width: calc(100% - 20px);
     height: 25px;
     text-align: center;
     line-height: 25px;
     font-size: 13px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-left: 10px;
     margin-right: 25px;
     cursor: pointer;
     margin-top: 10px;
}
#cookie_settings_impressum{
     font-size: 12px;
     margin-top: 10px;
     width: 50%;
     text-align: center;
     height: 20px;
     line-height: 20px;
     cursor: pointer;
     float: left;
}
#cookie_settings_datenschutz{
     font-size: 12px;
     margin-top: 10px;
     width: 50%;
     text-align: center;
     height: 20px;
     line-height: 20px;
     cursor: pointer;
}
.cookie_inputs{
     width: 20px;
     height: 21px;
     margin-left: 0px;
     vertical-align: middle;
     margin-top: 0px;
}
#file_information_field{
     max-width: 450px;
}
#file_information_image{
     height: 50px;
     width: 50px;
     background-position: center;
     background-size: cover;
     float: left;
}
#file_information_name{
     height: 50px;
     width: calc(100% - 50px);
     text-align: center;
     line-height: 50px;
     font-size: 16px;
     font-weight: bold;
}
.file_information_top{
     width: 100%;
     height: 25px;
     line-height: 25px;
     border-top: 1px solid #acacac;
     border-bottom: 1px solid #acacac;
     position: relative;
}
.file_information_type{
     position: absolute;
     width: 100px;
     font-weight: bold;
}
.file_information_data{
     position: absolute;
     width: calc(100% - 100px);
     top: 0px;
     right: 0px;
}
#filesize_data_float{
     position: absolute;
     line-height: 30px;
     text-align: center;
     background-color: var(--darkcolor39);
     color: var(--darkdarkcolor1);
     z-index: 1000000;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     display: inline-block;
     font-size: 12px;
     font-weight: bold;
     padding: 10px;
     padding-top: 0px;
     padding-bottom: 0px;
}
.help_buttons{
     font-size: 12px;
     background-color: var(--color4);
     color: var(--color7);
     width: calc(100% - 20px);
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
     box-shadow: 1px 1px 4px -3px #000000;
}
.help_buttons:hover{
     background-color: var(--color8);
     color: var(--darkcolor1);
}
#contact_send_email{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(50% - 20px);
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
}
#contact_send_email:hover{
     background-color: var(--color8);
}
#help_wrapper_close{
     font-size: 12px;
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     width: calc(100% - 30px);
     margin-left: 10px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 5px;
     cursor: pointer;
}
#help_wrapper_close:hover{
     background-color: var(--color8);
}
#contact_firstname{
     margin-left: 0px;
     width: 100%;
     text-align: left;
}
#contact_lastname{
     margin-left: 0px;
     width: 100%;
     text-align: left;
}
#contact_email{
     margin-left: 0px;
     width: 100%;
     text-align: left;
}
#contact_email_subject{
     margin-left: 0px;
     width: 100%;
     text-align: left;
}
#contact_email_text{
     overflow: auto;
     height: 100px;
     resize: none;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color3);
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
     font-size: 13px;
     padding: 5px;
     width: calc(100% - 10px);
     margin-left: 0px;
}
.info_symbol{
     position: absolute;
     top: 2px;
     right: 0px;
     border: 1px solid #acacac;
     border-radius: 50px;
     width: 15px;
     height: 15px;
     line-height: 15px;
     text-align: center;
     font-size: 12px;
     font-weight: bold;
     font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#info_text_wrapper{
     display: none;
     position: absolute;
     z-index: 300000;
     width: 350px;
     background-color: #ffffff;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     box-shadow: 0px 0px 7px -4px var(--shadowcolor7);
}
#info_text_title{
     position: relative;
     height: 30px;
     line-height: 30px;
     color: #000000;
     font-size: 13px;
     font-weight: bold;
     text-align: center;
     margin-top: 10px;
}
#info_text_text{
     position: relative;
     line-height: 20px;
     color: #000000;
     font-size: 13px;
     padding: 10px;
}
#better_alert_wrapper{
     position: absolute;
     z-index: 1000000;
     top: 70px;
     right: 20px;
     display: none;
}
.better_alert{
     position: relative;
     width: 200px;
     height: auto;
     z-index: 1000000;
     margin-bottom: 20px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     right: 0px;
     font-size: 14px;
     padding: 10px;
     line-height: 20px;
     text-align: center;
     display: none;
     transition: 1s;
     opacity: 0;
     color: var(--darkcolor1);
     padding: 20px;
     padding-left: 60px;
     padding-right: 30px;
     min-width: 100px;
}
.better_alert_icon{
     position: absolute;
     left: 20px;
     top: 20px;
     height: 20px;
     width: 20px;
     line-height: 20px;
     text-align: center;
     font-size: 20px;
}
.better_alert_timebar{
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
     height: 5px;
}
#custom_alert{
     position: absolute;
     width: 300px;
     height: auto;
     background-color: rgba(230,0,0,0.9);
     z-index: 1000000;
     top: 20px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     left: calc(50% - 150px);
     font-size: 14px;
     padding: 10px;
     line-height: 20px;
     text-align: center;
     box-shadow: 0px 0px 75px 0px #000000;
     display: none;
     transition: 1s;
     opacity: 0;
     color: var(--color1);
}
#web_integration_link{
     word-break: break-all;
}
/* Rounded sliders */
.slider.round {
     border-radius: 34px;
}

.slider.round:before {
     border-radius: 50%;
}
/*Scrollbar css*/
::-webkit-scrollbar-track{
     -webkit-box-shadow: inset 0 0 6px var(--darkcolor46);
     border-radius: 0px;
     background-color: var(--color1);
}
::-webkit-scrollbar{
     height: 10px;
     width: 10px;
     background-color: var(--color1);
}
::-webkit-scrollbar-thumb{
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px var(--darkcolor46);
     background-color: var(--color8extra);
}
/*Scrollbar css meeting*/
#meeting_meeting_inner_date_editor_day::-webkit-scrollbar-track{
     -webkit-box-shadow: inset 0 0 6px var(--darkcolor46);
     border-radius: 0px;
     background-color: var(--color1);
}
#meeting_meeting_inner_date_editor_day::-webkit-scrollbar{
     height: 10px;
     width: 2px;
     background-color: var(--color1);
}
#meeting_meeting_inner_date_editor_day::-webkit-scrollbar-thumb{
     border-radius: 10px;
     -webkit-box-shadow: inset 0 0 6px var(--darkcolor46);
     background-color: var(--color8extra);
}
.fa{
     transform: rotate(0.03deg);
}
@keyframes loading_icon_inner{
     0%, 100%{
          animation-timing-function: cubic-bezier(0.45,0,0.9,0.55)
     }
     0%{
          transform: translate(0,0)
     }
     50%{
          transform: translate(0,35px);
          animation-timing-function: cubic-bezier(0,0.45,0.55,0.9);
     }
     100%{
          transform: translate(0,0);
     }
}
.loading_icon_inner div{
     position: absolute;
     width: 16px;
     height: 16px;
     border-radius: 50%;
     background: var(--color8);
     left: calc(50% - 8px);
     top: calc(50% - 24px);
     animation: loading_icon_inner 1s linear infinite;
}
.loading_icon_wrapper{
     position: absolute;
     height: calc(100% - 40px);
     width: 50px;
     top: 0px;
     left: calc(50% - 25px);
     z-index: 4;
     display: inline-block;
     overflow: hidden;
}
.loading_icon_inner{
     width: 100%;
     height: 100%;
     position: relative;
     transform: translateZ(0) scale(1);
     backface-visibility: hidden;
     transform-origin: 0 0;
}
.loading_icon_inner div{
     box-sizing: content-box;
}
/*settings_blocks with*/
.settings_block_wrapper[data-id="tarif_0"]{
     width: 900px;
}
.settings_block_wrapper[data-id="tarif_1"]{
     width: 900px;
}
.settings_block_wrapper[data-id="tarif_2"]{
     width: 900px;
}
.settings_block_wrapper[data-id="tarif_21"]{
     width: 900px;
}
.settings_block_wrapper[data-id="tarif_3"]{
     width: 900px;
}
.settings_block_wrapper[data-id="tarif_4"]{
     width: 900px;
}
.settings_block_wrapper[data-id="tarif_5"]{
     width: 900px;
}
.settings_block_wrapper[data-id="tarif_6"]{
     width: 900px;
}
.settings_block_wrapper[data-id="tarif_7"]{
     width: 900px;
}
.settings_block_wrapper[data-id="data_1"]{
     width: 650px;
}
.settings_block_wrapper[data-id="data_2"]{
     width: 650px;
}
.settings_block_wrapper[data-id="paymentadress_1"]{
     width: 645px;
}
.settings_block_wrapper[data-id="paymentadress_2"]{
     width: 750px;
}
.settings_block_wrapper[data-id="paymentadress_3"]{
     width: 1060px;
}
.settings_block_wrapper[data-id="notifications_1"]{
     width: 425px;
}
.settings_block_wrapper[data-id="useraccounts_1"]{
     width: 500px;
}
.settings_block_wrapper[data-id="accountsettings_1"]{
     width: 300px;
}
.settings_block_wrapper[data-id="accountsettings_2"]{
     width: 420px;
}
.settings_block_wrapper[data-id="accountsettings_3"]{
     width: 650px;
}
.settings_block_wrapper[data-id="branding_1"]{
     width: 300px;
}
.settings_block_wrapper[data-id="branding_2"]{
     width: 400px;
}
.settings_block_wrapper[data-id="branding_3"]{
     width: 400px;
}
.settings_block_wrapper[data-id="branding_4"]{
     width: 300px;
}
.settings_block_wrapper[data-id="textlayouts_1"]{
     width: 400px;
}
.settings_block_wrapper[data-id="gallerylayouts_1"]{
     width: 450px;
     padding-left: 0px;
     padding-right: 0px;
}
.settings_block_wrapper[data-id="gallerylayouts_2"]{
     width: 420px;
}
.settings_block_wrapper[data-id="customeraccounts_0"]{
     width: 300px;
}
.settings_block_wrapper[data-id="customeraccounts_1"]{
     width: 500px;
}
.settings_block_wrapper[data-id="customeraccounts_2"]{
     width: 500px;
}
.settings_block_wrapper[data-id="deleteaccount_1"]{
     width: 300px;
}
.settings_block_wrapper[data-id="teammembers_1"]{
     width: 500px;
}
@media only screen and (max-width: 1060px){
     .settings_block_wrapper[data-id="data_1"]{
          width: 300px;
     }
     .settings_block_wrapper[data-id="data_2"]{
          width: 300px;
     }
     .settings_block_wrapper[data-id="tarif_4"]{
          width: 300px;
     }
     .settings_block_wrapper[data-id="paymentadress_1"]{
          width: 300px;
     }
}
#gallery_presentation_font_checkbox_preview{
     color: #000000;
     font-size: 18px;
     line-height: 20px;
     margin-left: 10px;
}
#gallery_presentation_font_checkbox_preview_pre{
     color: #000000;
     font-size: 18px;
     line-height: 20px;
     margin-left: 10px;
}
#gallery_presentation_font_checkbox{
     width: calc(100% - 100px);
}
#gallery_presentation_font_checkbox_pre{
     width: calc(100% - 100px);
}
.flex_middle{
     display: flex;
     justify-content: space-around;
     align-items: center;
     flex-wrap: wrap;
}
.flex_middle_center{
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
}
.flex_middle_between{
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
}
.website_block{
     position: relative;
     width: 100%;
     overflow: hidden;
     min-height: 300px;
}
#website_block_1{
     background-color: #ffffff;
     min-height: 620px;
     padding-top: 0px;
     padding-bottom: 145px;
}
#website_block_make_a_wish{
     background-color: #000000;
}
#website_block_2{
     background-color: var(--color1);
     background-image: url("https://web.sandbox.recfolio.com/img/block_2_img.png");
     background-repeat: no-repeat;
     background-size: 25%;
     background-position: 0px 54%;
     padding-top: 145px;
     padding-bottom: 145px;
}
#website_block_3{
     background-color: #ffffff;
     padding-top: 145px;
     padding-bottom: 145px;
}
#website_block_4{
     background-color: var(--color1);
     padding-top: 145px;
     padding-bottom: 145px;
}
#website_block_5{
     background-color: var(--color8);
     color: #ffffff;
     padding-top: 145px;
     padding-bottom: 145px;
}
#website_block_6{
     background-color: #000000;
     min-height: unset;
     padding-top: 115px;
     padding-bottom: 115px;
}
#website_block_7{
     background-color: var(--color1);
     padding-top: 145px;
     padding-bottom: 145px;
}
#website_block_agb{
     background-color: #ffffff;
     display: flex;
     justify-content: space-around;
     align-items: center;
     flex-wrap: wrap;
     font-size: 15px;
     line-height: 26px;
}
#website_block_agb_inner{
     padding: 30px;
     padding-top: 60px;
     width: 70%;
     min-widht: calc(100% - 20px);
}
#website_block_impressum{
     background-color: #ffffff;
     display: flex;
     justify-content: space-around;
     align-items: center;
     flex-wrap: wrap;
     font-size: 15px;
     line-height: 26px;
}
#website_block_impressum_inner{
     padding: 30px;
     padding-top: 60px;
     width: 70%;
     min-widht: calc(100% - 20px);
}
#website_block_privacy{
     background-color: #ffffff;
     display: flex;
     justify-content: space-around;
     align-items: center;
     flex-wrap: wrap;
     font-size: 15px;
     line-height: 26px;
}
#website_block_privacy_inner{
     padding: 30px;
     padding-top: 60px;
     width: 70%;
     min-widht: calc(100% - 20px);
}
#recfolio_logo_website{
     max-width: calc(100% - 100px);
     width: 500px;
     position: relative;
     margin-top: 50px;
}
#website_title_text{
     position: relative;
     margin-top: 10px;
     font-size: 38px;
     text-align: center;
     display: inline-block;
     font-family: DaysOne;
     letter-spacing: var(--ls);
}
#website_title_description{
     position: relative;
     margin-top: 30px;
     font-size: 19px;
     text-align: center;
     font-weight: bold;
     display: inline-block;
}
#website_title_button{
     width: 310px;
     margin-left: calc(50% - 155px);
     position: relative;
     margin-top: 30px;
     font-size: 20px;
     text-align: center;
     font-weight: bold;
     background-color: var(--color8);
     color: var(--darkcolor4);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     line-height: 60px;
     display: inline-block;
}
#website_title_button_info{
     width: 100%;
     position: relative;
     font-size: 16px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     line-height: 30px;
     display: inline-block;
     margin-top: 10px;
     margin-bottom: 60px;
}
#website_title_button:hover{
     background-color: var(--color8b);
}
#website_title_description_inside{
     width: calc(100% - 80px);
     margin-left: 40px;
     font-size: var(--h4);
     line-height: 27px;
}
#website_block_1_img{
     bottom: 0px;
     width: 300px;
     margin-left: 10%;
     position: absolute;
     right: 5%;
}
#website_block_1_title_wrapper{
     width: 715px;
     max-width: calc(100% - 40px);
     margin-left: 20px;
     margin-right: 20px;
     margin-top: 178px;
}
#website_block_1_title_1{
     color: var(--color8);
     margin-top: 0px;
     font-size: 31px;
}
#website_block_1_title_2{
     font-size: 33px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     margin-top: 10px;
     color: var(--darkcolor2);
}
#website_block_1_title_3{
     position: relative;
     width: 800px;
     float: left;
     font-size: 20px;
     line-height: 27px;
     margin-right: 40px;
     max-width: calc(100% - 30px);
     margin-top: 20px;
     letter-spacing: 2px;
     color: var(--darkcolor2);
}
#website_block_1_title_4{
     position: relative;
     width: 800px;
     float: left;
     font-size: 22px;
     line-height: 27px;
     margin-right: 40px;
     max-width: calc(100% - 30px);
     margin-top: 20px;
     font-family: DaysOne;
     letter-spacing: 2px;
     color: var(--darkcolor2);
}
#website_block_1_title_5{
     position: relative;
     width: 800px;
     float: left;
     font-size: 20px;
     letter-spacing: 2px;
     line-height: 27px;
     margin-right: 40px;
     max-width: calc(100% - 30px);
     margin-top: 20px;
     color: var(--darkcolor2);
}
#website_block_1_title_6{
     position: relative;
     width: 800px;
     float: left;
     font-size: 20px;
     letter-spacing: 2px;
     line-height: 27px;
     margin-right: 40px;
     max-width: calc(100% - 30px);
     margin-top: 20px;
     color: var(--darkcolor2);
}
#website_block_1_title_7{
     position: relative;
     width: 800px;
     float: left;
     font-size: 20px;
     letter-spacing: 2px;
     line-height: 27px;
     margin-right: 40px;
     max-width: calc(100% - 30px);
     margin-top: 20px;
     color: var(--darkcolor2);
}
#website_block_1_preview_image{
     max-width: calc(100% - 40px);
     margin-top: 130px;
     position: relative;
     display: inline-block;
     padding-top: 160px;
     width: 700px;
}
#website_block_1_preview_image_inner{
     width: 100%;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     top: 0px;
     left: 0px;
     position: relative;
     z-index: 100;
}
#website_block_1_preview_image_red_dot{
     width: 22%;
     height: 27%;
     background-color: var(--color8);
     border-radius: 100%;
     position: absolute;
     right: 35px;
     top: 0px;
     z-index: 10;
}
#website_block_1_preview_image_black_dot{
     width: 46%;
     height: 56%;
     background-color: var(--shadowcolor7);
     border-radius: 100%;
     position: absolute;
     right: 60px;
     top: 42px;
     z-index: 9;
}
.website_block_1_title_red_dot{
     background-color: var(--color8);
     height: 12px;
     width: 12px;
     float: left;
     margin-top: 7px;
     border-radius: 100%;
     margin-right: 10px;
}
#website_block_1_title_button{
     width: 310px;
     position: relative;
     margin-top: 20px;
     font-size: 20px;
     text-align: center;
     font-weight: bold;
     background-color: var(--color8);
     color: var(--darkcolor1);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     height: 60px;
     line-height: 60px;
     display: inline-block;
     max-width: calc(100% - 20px);
}
#website_block_1_title_button:hover{
     background-color: var(--color8b);
}
#website_block_make_a_wish_title{
     padding-top: 60px;
     color: #ffffff;
     margin-bottom: 40px;
     width: 100%;
     text-align: center;
     font-family: DaysOne;
     letter-spacing: var(--ls);
}
#website_block_make_a_wish_image{
     height: 150px;
     margin-bottom: 40px;
}
#website_block_make_a_wish_text{
     padding-bottom: 60px;
     color: #ffffff;
     width: 100%;
     text-align: center;
     font-family: DaysOne;
     letter-spacing: var(--ls);
}
#website_block_2_title{
     position: relative;
     margin-top: 40px;
     font-size: 30px;
     text-align: center;
     font-weight: bold;
     display: inline-block;
}
#website_block_2_description{
     max-width: calc(100% - 40px);
     width: 600px;
     position: relative;
     margin-top: 40px;
     font-size: 26px;
     text-align: center;
     font-weight: normal;
     display: inline-block;
     margin-bottom: 40px;
}
#website_block_2_triple{
     width: 100%;
}
.website_block_2_triple{
     position: relative;
     width: 300px;
     float: left;
     font-size: 20px;
     margin-bottom: 40px;
     margin-left: 40px;
     margin-right: 40px;
}
.website_block_2_triple_title{
     position: relative;
     font-weight: bold;
}
#website_block_3_title{
     position: relative;
     margin-top: 40px;
     font-size: 30px;
     text-align: center;
     font-weight: bold;
     display: inline-block;
}
#website_block_3_switch{
     position: relative;
     height: 40px;
     text-align: center;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 40px;
     margin-left: calc(50% - 165px);
}
.website_block_3_switch{
     float: left;
     width: 98px;
     padding: 5px;
     border: 1px solid #bcbcbc;
     height: calc(100% - 12px);
     cursor: pointer;
     font-size: 13px;
     font-weight: bold;
}
.website_block_3_switch:hover{
     background-color: var(--color8);
     color: var(--darkcolor1) !important;
}
#website_block_3_switch_1,#website_block_3_switch_2,#website_block_3_switch_3{
     color: var(--darkcolor2);
}
.website_block_3_switch_active{
     background-color: var(--color8);
     color: var(--darkcolor1) !important;
}
#website_block_3_switch_3{
     border-bottom-right-radius: 10px;
}
#website_block_3_img_2{
     display: none;
}
#website_block_3_img_3{
     display: none;
}
.website_block_3_img{
     position: relative;
     width: 70%;
     max-width: 1280px;
     margin-bottom: 0px;
     margin-top: 40px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
}
#website_block_3_text_pre{
     width: 100%;
}
#website_block_3_text_2_pre{
     display: none;
}
#website_block_3_text_3_pre{
     display: none;
}
.website_block_3_text_pre{
     position: relative;
     width: 800px;
     float: left;
     font-size: var(--h4);
     margin-left: 40px;
     margin-right: 40px;
     max-width: calc(100% - 30px);
     text-align: center;
     margin-top: 20px;
     line-height: 27px;
}
#website_block_3_text_pre{
     width: 100%;
     text-align: center;
     font-size: 25px;
     margin-top: 10px;
}
#website_block_3_text{
     width: 100%;
     text-align: center;
     font-size: var(--h4);
     line-height: 27px;
     margin-top: 15px;
}
#website_block_3_text_2{
     display: none;
}
#website_block_3_text_3{
     display: none;
}
.website_block_3_text{
     position: relative;
     width: 800px;
     float: left;
     font-size: var(--h4);
     line-height: 27px;
     margin-left: 40px;
     margin-right: 40px;
     max-width: calc(100% - 30px);
     margin-top: 20px;
     color: var(--darkcolor2);
}
#website_block_4_title{
     max-width: calc(100% - 40px);
     width: 620px;
     position: relative;
     margin-top: 40px;
     font-size: 30px;
     text-align: center;
     font-weight: bold;
     display: inline-block;
}
#website_block_5_title{
     max-width: calc(100% - 40px);
     width: 620px;
     position: relative;
     font-size: var(--h2);
     text-align: center;
     display: inline-block;
     font-family: DaysOne;
     letter-spacing: var(--ls);
}
#website_block_5_description{
     max-width: calc(100% - 40px);
     width: 600px;
     position: relative;
     margin-top: 60px;
     font-size: var(--h3);
     text-align: center;
     font-weight: normal;
     display: inline-block;
     margin-bottom: 40px;
     line-height: 27px;
}
#website_block_5_title_button{
     width: 310px;
     position: relative;
     margin-top: 10px;
     font-size: 20px;
     text-align: center;
     font-weight: bold;
     background-color: #ffffff;
     color: #000000;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     line-height: 60px;
     display: inline-block;
}
#website_block_5_title_button_info{
     width: 100%;
     position: relative;
     font-size: 16px;
     text-align: center;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     line-height: 30px;
     display: inline-block;
     margin-top: 10px;
     margin-bottom: 60px;
}
#website_block_6_fields{
     width: 100%;
     width: 100%;
     color: #ececec;
     justify-content: space-evenly;
     align-items: unset;
}
#website_block_6_fields_1{
     color: #acacac;
}
.website_block_6_fields{
     line-height: 30px;
     padding: 30px;
     width: 300px;
     text-align: left;
}
#website_block_2_title_wrapper{
     max-width: calc(100% - 20px);
     text-align: center;
}
#website_block_2_title_wrapper_circle{
     position: absolute;
     height: 30px;
     width: 30px;
     border-radius: 100%;
     background-color: var(--color8);
     margin-top: 5px;
     display: none;
}
#website_block_2_title_wrapper_title{
     margin-left: 40px;
     margin-right: 40px;
     color: var(--color8);
     font-weight: bold;
     margin-top: 5px;
     font-size: 20px;
}
#website_block_2_title_wrapper_title_two{
     margin-left: 40px;
     margin-right: 40px;
     font-size: 26px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     margin-top: 10px;
}
#website_block_3_title_wrapper{
     max-width: calc(100% - 20px);
     text-align: center;
}
#website_block_3_title_wrapper_circle{
     position: absolute;
     height: 30px;
     width: 30px;
     border-radius: 100%;
     background-color: var(--color8);
     margin-top: 5px;
     display: none;
}
#website_block_3_title_wrapper_title{
     margin-left: 40px;
     margin-right: 40px;
     color: var(--color8);
     font-weight: bold;
     margin-top: 5px;
     font-size: 20px;
}
#website_block_3_title_wrapper_title_two{
     margin-left: 40px;
     margin-right: 40px;
     font-size: 26px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     margin-top: 10px;
     color: var(--darkcolor2);
}
#website_block_2_list{
     padding: 10px;
     align-items: unset;
}
.website_block_2_list_title{
     font-family: DaysOne;
     letter-spacing: var(--ls);
     font-size: 18px;
}
#website_block_2_list_inner_one{
     width: 600px;
     font-size: 14px;
     margin-right: 10px;
     margin-left: 10px;
     margin-top: 20px;
}
#website_block_2_list_inner_two{
     width: 600px;
     font-size: 14px;
     margin-right: 10px;
     margin-left: 10px;
     margin-top: 20px;
}
.website_block_2_list_inner_one_inner{
     background-color: var(--color4);
     min-height: 30px;
     line-height: 30px;
     padding: 15px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-top: 10px;
     position: relative;
}
.website_block_2_list_inner_one_inner_title{
     margin-left: 40px;
     width: calc(100% - 80px);
     font-size: 20px;
     font-weight: bold;
}
.website_block_2_list_inner_one_inner_icon_left{
     position: absolute;
     top: 15px;
     left: 15px;
     height: 30px;
     width: 30px;
     text-align: center;
     line-height: 30px;
     font-size: 16px;
}
.website_block_2_list_inner_one_inner_icon{
     position: absolute;
     top: 15px;
     right: 15px;
     height: 30px;
     width: 30px;
     text-align: center;
     line-height: 30px;
     font-size: 16px;
}
.website_block_2_list_inner_one_inner_content{
     margin-left: 40px;
     width: calc(100% - 80px);
     font-size: var(--h4);
     line-height: 27px;
     margin-top: 10px;
}
#website_block_3_text_0{
     margin-top: 60px;
     text-align: center;
     position: relative;
     width: 800px;
     float: left;
     font-size: var(--h5);
     margin-bottom: 60px;
     margin-left: 40px;
     margin-right: 40px;
     max-width: calc(100% - 30px);
}
#website_block_4_img_1_1{
     width: 800px;
     margin-right: 25px;
     margin-left: 25px;
     margin-bottom: 20px;
}
#website_block_4_title_wrapper_1{
     margin-top: 20px;
     width: 500px;
     margin-left: 25px;
     margin-right: 25px;
     margin-bottom: 20px;
}
#website_block_4_title_wrapper_circle_1{
     position: absolute;
     height: 30px;
     width: 30px;
     border-radius: 100%;
     background-color: var(--color8);
     margin-top: 5px;
     display: none;
}
#website_block_4_title_wrapper_title_1{
     margin-left: 20px;
     color: var(--color8);
     font-weight: bold;
     margin-top: 5px;
     font-size: var(--h3);
}
#website_block_4_title_wrapper_title_two_1{
     margin-left: 20px;
     font-size: var(--h2);
     font-family: DaysOne;
     letter-spacing: var(--ls);
     margin-top: 10px;
}
#website_block_4_title_wrapper_content_1{
     margin-top: 20px;
     font-size: var(--h4);
     margin-left: 20px;
     width: calc(100% - 40px);
     line-height: 27px;
}
#website_block_4_img_2_2{
     width: 800px;
     margin-top: 50px;
     margin-left: 25px;
     margin-right: 25px;
}
#website_block_4_title_wrapper_2{
     margin-top: 20px;
     width: 500px;
     margin-right: 25px;
     margin-left: 25px;
     margin-bottom: 20px;
}
#website_block_4_title_wrapper_circle_2{
     position: absolute;
     height: 30px;
     width: 30px;
     border-radius: 100%;
     background-color: var(--color8);
     margin-top: 5px;
     display: none;
}
#website_block_4_title_wrapper_title_2{
     margin-left: 20px;
     color: var(--color8);
     font-weight: bold;
     margin-top: 5px;
     font-size: 20px;
}
#website_block_4_title_wrapper_title_two_2{
     margin-left: 20px;
     font-size: 26px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     margin-top: 10px;
}
#website_block_4_title_wrapper_content_2{
     margin-top: 20px;
     font-size: var(--h4);
     margin-left: 20px;
     width: calc(100% - 40px);
     line-height: 27px;
}
#website_block_7_title{
     max-width: calc(100% - 40px);
     width: 620px;
     position: relative;
     font-size: var(--h2);
     text-align: center;
     display: inline-block;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     margin-bottom: 30px;
}
#website_block_7_flex{
     justify-content: space-evenly;
     align-items: unset;
}
.website_block_7_wrapper{
     width: 300px;
     text-align: center;
     margin-top: 30px;
}
.website_block_7_wrapper_icon{
     font-size: 50px;
}
.website_block_7_wrapper_title{
     margin-top: 20px;
     margin-bottom: 15px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     font-size: var(--h3);
}
.website_block_7_wrapper_content{
     font-size: var(--h4);
     line-height: 27px;
}
#website_block_register{
     min-height: 709px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     flex-direction: column;
}
#website_block_register_title{
     max-width: calc(100% - 40px);
     width: 620px;
     position: relative;
     font-size: 30px;
     text-align: center;
     display: inline-block;
     font-family: DaysOne;
     letter-spacing: var(--ls);
}
#website_block_register_title_second{
     max-width: calc(100% - 40px);
     width: 600px;
     position: relative;
     margin-top: 40px;
     font-size: 26px;
     text-align: center;
     font-weight: normal;
     display: inline-block;
     margin-bottom: 40px;
}
#register_username{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#register_email{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#register_password{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#register_password_confirm{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#submit_register{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#agb_wrapper{
     position: relative;
     width: 400px;
     max-width: calc(100% - 20px);
     height: 100px;
     margin-top: 20px;
}
#agb_privacy{
     width: 20px;
     height: 20px;
     position: absolute;
     top: 0px;
     left: 0px;
     margin-left: unset;
}
#agb_privacy_text{
     display: inline-block;
     position: absolute;
     left: 30px;
     width: calc(100% - 30px);
}
#website_block_login{
     min-height: 709px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     flex-direction: column;
}
#refresh_password_wrapper{
     display: none;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     flex-direction: column;
}
#refresh_password_wrapper[style*="display: block"]{
     display: flex !important;
}
#login_input_form{
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     flex-direction: column;
     margin-bottom: 60px;
}
#register_input_form{
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     flex-direction: column;
}
#website_block_login_title{
     max-width: calc(100% - 40px);
     width: 620px;
     position: relative;
     margin-top: 0px;
     font-size: 30px;
     text-align: center;
     display: inline-block;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     margin-bottom: 40px;
}
#website_block_refresh_password_title{
     max-width: calc(100% - 40px);
     width: 620px;
     position: relative;
     margin-top: 0px;
     font-size: 30px;
     text-align: center;
     display: inline-block;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     margin-bottom: 40px;
}
#website_block_faq_left{
     position: relative;
     margin-top: 60px;
     margin-left: 20px;
     margin-bottom: 20px;
     width: calc(100% - 40px);
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
}
.website_block_faq_left{
     position: relative;
     min-height: 30px;
     margin-bottom: 10px;
     cursor: pointer;
     padding: 10px;
     background-color: #ffffff;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-right: 10px;
     line-height: 30px;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     box-shadow: 2px 2px 5px -4px var(--shadowcolor7);
}
#faq_search{
     margin-bottom: 20px;
     margin-left: calc(50% - 200px);
     width: 400px;
     max-width: calc(100% - 40px);
}
.faq_active{
     background-color: var(--color8);
     color: #ffffff;
}
#website_block_faq_main{
     position: relative;
     width: calc(100% - 40px);
     margin-left: 20px;
}
.website_block_faq_bottom{
     position: relative;
     width: calc(100% - 2px);
     background-color: #ffffff;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-bottom: 20px;
     display: none;
     box-shadow: 2px 2px 5px -4px var(--shadowcolor7);
}
.website_block_faq_bottom_title{
     position: relative;
     height: 30px;
     line-height: 30px;
     padding: 10px;
     padding-top: 5px;
     padding-bottom: 5px;
     cursor: pointer;
     font-family: DaysOne;
     letter-spacing: var(--ls);
     margin-left: 0px;
     width: 100%;
     text-indent: 20px;
}
.website_block_faq_bottom_icon{
     position: absolute;
     left: 0px;
     top: 5px;
     height: 30px;
     width: 30px;
     line-height: 30px;
     text-align: center;
     text-indent: 0px;
}
.website_block_faq_bottom_description{
     position: relative;
     background-color: #ececec;
     padding: 10px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     margin-left: 10px;
     width: calc(100% - 40px);
     margin-bottom: 10px;
     font-size: 14px;
     display: none;
}
#login_username_text{
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#login_username{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#login_password_text{
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#login_password{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#forgot_password{
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#submit_login{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#refresh_password_password_text{
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#refresh_password_password{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#refresh_password_password_confirm_text{
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#refresh_password_confirm_password{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#submit_refresh_password{
     height: 40px;
     line-height: 40px;
     width: 400px;
     max-width: calc(100% - 20px);
     margin-left: 0px;
}
#send_gallery_big{
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: var(--color4);
     z-index: 100000;
     display: none;
}
#send_gallery{
     position: absolute;
     bottom: 47px;
     display: none;
}
#send_gallery_header{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 50px;
     width: 100%;
     background-color: var(--color1a);
     z-index: 100000000;
     box-shadow: 0px 0px 6px -3px var(--shadowcolor7);
     color: var(--color2);
}
#send_gallery_left_main{
     position: absolute;
     top: 50px;
     left: 0px;
     height: calc(100% - 50px);
     max-width: 100%;
     width: 450px;
     background-color: var(--color1a);
     z-index: 10000000;
     color: var(--color2);
     box-shadow: 0px 0px 4px -2px var(--shadowcolor7);
}
#send_gallery_sidebar_inner{
     height: 100%;
     width: calc(100% - 30px);
     overflow-y: auto;
}
#send_gallery_right_main{
     position: absolute;
     top: 50px;
     right: 0px;
     height: calc(100% - 50px);
     width: calc(100% - 450px);
     background-color: var(--color1b2);
     z-index: 100000;
     color: var(--color2);
     overflow-y: auto;
}
.send_gallery_title{
     position: relative;
     color: var(--color7);
     width: calc(100% - 60px);
     margin-left: 30px;
     font-size: 13px;
     margin-bottom: 5px;
     font-weight: bold;
     margin-top: 20px;
}
.send_gallery_input{
     margin-bottom: 10px;
     width: calc(100% - 60px);
     margin-left: 30px;
     height: 30px;
     line-height: 30px;
     border-radius: 6px;
}
#send_gallery_dropdown_pretext_paste{
     border: 1px solid var(--color3);
     height: 32px;
     width: calc(100% - 60px);
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     text-align: center;
     line-height: 32px;
     margin-left: 0px;
     -webkit-user-select: text;
     margin-top: 5px;
     margin-bottom: 5px;
     margin-left: 30px;
}
#send_gallery_textarea_wrapper{
     width: calc(100% - 60px);
     margin-left: 30px;
     margin-bottom: 15px;
}
#send_gallery_textarea{
     margin-bottom: 10px;
     width: calc(100% - 73px);
     margin-left: 30px;
     height: 100%;
     line-height: 18px;
     border-radius: 2px;
     resize: none;
     text-align: left;
     overflow: auto;
     background-color: var(--color4);
     color: var(--color7);
     border: 1px solid var(--color3);
     font-size: 13px;
     padding: 5px;
     border-bottom-right-radius: 10px;
}
#send_gallery_password_activate_wrapper{
     display: inline-block;
     margin-bottom: 10px;
}
#send_gallery_password_activate_input{
     width: 20px;
     height: 20px;
     margin-left: 0px;
}
#send_gallery_password_activate_text{
     width: unset;
     display: inline-block;
}
#send_gallery_submit{
     background-color: var(--shadowcolor19);
     color: var(--darkcolor4);
     text-align: center;
     height: 30px;
     line-height: 30px;
     border-radius: 2px;
     border-bottom-right-radius: 10px;
     cursor: pointer;
     width: 200px;
     font-size: 14px;
     margin-bottom: 10px;
}
#send_gallery_submit:hover{
     background-color: var(--color8);
}
#send_gallery_back{
     position: absolute;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 10px;
     display: inline-block;
     left: 10px;
}
#send_gallery_back_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#send_gallery_back_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#send_gallery_input_link_copy{
     position: absolute;
     left: -3000px;
     top: -3000px;
     height: 2px;
     width: 2px;
     opacity: 0;
}
#already_send_emails{
     position: relative;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 10px;
     display: inline-block;
}
#already_send_emails_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#already_send_emails_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#send_gallery_direct_link{
     position: relative;
     color: var(--color7);
     height: 50px;
     line-height: 50px;
     font-size: 13px;
     font-weight: bold;
     cursor: pointer;
     float: right;
     padding-right: 10px;
     display: inline-block;
}
#send_gallery_direct_link_icon{
     position: relative;
     width: 35px;
     height: 50px;
     line-height: 50px;
     float: left;
     text-align: center;
     font-size: 18px;
}
#send_gallery_direct_link_text{
     position: relative;
     height: 50px;
     line-height: 50px;
     text-align: center;
     display: inline-block;
}
#send_gallery_editor_field{
     position: absolute;
     top: 60px;
     width: 800px;
     max-width: calc(100% - 30px);
     background-color: var(--color1a);
     margin-bottom: 60px;
}
#send_gallery_editor_gallery_name{
     position: relative;
     text-align: center;
     widht: 100%;
     font-weight: bold;
     font-size: 20px;
     padding-top: 50px;
     padding-bottom: 25px;
}
#send_gallery_editor_gallery_password_background{
     background-color: var(--color1b2);
     padding-top: 20px;
     padding-bottom: 20px;
     padding-left: 10px;
     padding-right: 10px;
     border-bottom-right-radius: 10px;
     display: none;
}
#send_gallery_editor_gallery_help{
     padding-top: 30px;
     padding-left: 50px;
     padding-right: 50px;
     color: #acacac;
     text-align: center;
     font-size: 14px;
}
#send_gallery_editor_gallery_name_company_first{
     padding-top: 30px;
     padding-left: 50px;
     padding-right: 50px;
     text-align: center;
     font-size: 14px;
}
#send_gallery_editor_gallery_name_company{
     padding-top: 30px;
     padding-left: 50px;
     padding-right: 50px;
     text-align: center;
     font-size: 14px;
}
#send_gallery_editor_gallery_name_website{
     padding-top: 5px;
     padding-left: 50px;
     padding-right: 50px;
     text-align: center;
     font-size: 14px;
}
#send_gallery_editor_gallery_name_email{
     padding-top: 5px;
     padding-bottom: 30px;
     padding-left: 50px;
     padding-right: 50px;
     text-align: center;
     font-size: 14px;
}
#send_gallery_modify_bar{
     background-color: #ffffff;
     color: #000000;
     line-height: 30px;
     width: calc(100% - 63px);
     margin-left: 30px;
     border: 1px solid var(--color3);
     border-bottom: 0px;
     border-radius: 4px;
     border-bottom-left-radius: 0px;
     border-bottom-right-radius: 0px;
}
#send_copy_me_wrapper{
     position: relative;
     width: calc(100% - 60px);
     height: 15px;
     margin-left: 30px;
}
#send_copy_me{
     width: 15px;
     height: 15px;
     position: absolute;
     left: 0px;
     top: 0px;
     margin-left: 0px;
     margin: 0px;
}
#send_copy_me_text{
     height: 15px;
     line-height: 15px;
     position: absolute;
     left: 20px;
     top: 0px;
     font-size: 13px;
     font-weight: bold;
}
#new_tarif_now_save_adress_billing_abort{
     float: left;
     margin-right: 20px;
}
.customer_list{
     position: relative;
     height: 40px;
     line-height: 20px;
     border-top: 1px solid var(--color3);
     color: #000000;
     line-height: 40px;
     font-size: 12px;
     font-weight: bold;
}
.customer_list_name{
     width: calc(100% - 40px);
}
.customer_list_menu{
     position: absolute;
     right: 0px;
     top: 0px;
     width: 40px;
     text-align: center;
     line-height: 40px;
     height: 40px;
     cursor: pointer;
     background-color: var(--color4);
     color: var(--color2);
     font-size: 16px;
     font-weight: bold;
}
.teammember_list{
     position: relative;
     height: 40px;
     line-height: 20px;
     border-top: 1px solid var(--color3);
     color: #000000;
     line-height: 40px;
     font-size: 12px;
     font-weight: bold;
}
.teammember_list_name{
     width: calc(100% - 40px);
}
.teammember_list_menu{
     position: absolute;
     right: 0px;
     top: 0px;
     width: 40px;
     text-align: center;
     line-height: 40px;
     height: 40px;
     cursor: pointer;
     background-color: var(--color4);
     color: var(--color2);
     font-size: 16px;
     font-weight: bold;
}
#teammember_input{
     margin-bottom: 0px;
}
.pretext_list{
     position: relative;
     height: 40px;
     line-height: 20px;
     border-top: 1px solid var(--color3);
     color: #000000;
     line-height: 40px;
     font-size: 12px;
     font-weight: bold;
}
.pretext_list_name{
     width: calc(100% - 40px);
     cursor: pointer;
}
.pretext_list_menu{
     position: absolute;
     right: 0px;
     top: 0px;
     width: 40px;
     text-align: center;
     line-height: 40px;
     height: 40px;
     cursor: pointer;
     background-color: var(--color4);
     color: var(--color2);
     font-size: 16px;
     font-weight: bold;
}
#register_username_team{
     margin-left: 5px;
     margin-top: 10px;
     height: 30px;
     width: calc(100% - 10px);
}
#register_email_team{
     margin-left: 5px;
     height: 30px;
     width: calc(100% - 10px);
}
#register_password_team{
     margin-left: 5px;
     height: 30px;
     width: calc(100% - 10px);
}
#register_password_confirm_team{
     margin-left: 5px;
     height: 30px;
     width: calc(100% - 10px);
}
#submit_register_team{
     margin-left: 5px;
     height: 30px;
     width: calc(100% - 10px);
}
#agb_privacy_team{
     height: 15px;
     width: 15px;
}
#add_meeting{
     display: none;
}
#new_tarif_now_description{
     font-size: 14px;
     margin-top: 10px;
}
.email_loader{
     border: 3px solid #cccccc;
     border-top: 3px solid #000000;
     border-radius: 50%;
     width: 10px;
     height: 10px;
     animation: email_loader 2s linear infinite;
     position: absolute;
     top: 7px;
     right: 36px;
}
@keyframes email_loader{
     0%{transform: rotate(0deg);}
     100%{transform: rotate(360deg);}
}
@media only screen and (max-width: 1338px){
     #website_block_1_title_wrapper{
              margin-top: 101px;
     }
}
@media only screen and (max-width: 740px){
     #website_block_1_title_wrapper{
              margin-top: 85px;
     }
}
@media only screen and (max-width: 650px){
     #customer_view_text{
          display: none;
     }
     #activity_tab_text{
          display: none;
     }
     #current_username{
          display: none;
     }
     #send_gallery_direct_link_text{
          display: none;
     }
     #already_send_emails_text{
          display: none;
     }
     #management_icon_text{
          display: none;
     }
     #gallery_icon_text{
          display: none;
     }
}
@media only screen and (max-width: 1120px){
     .settings_block_wrapper[data-id="tarif_2"]{

     }
     .choose_tarif_wrapper{
          width: calc(50% - 10px);
          min-height: 375px;
     }
}
@media only screen and (max-width: 820px){
     .settings_block_wrapper[data-id="tarif_2"]{

     }
     .choose_tarif_wrapper{
          width: 100%;
          min-height: 170px;
     }
}
@media only screen and (max-width: 645px){
     .settings_block_wrapper[data-id="tarif_2"]{

     }
     .choose_tarif_wrapper{
          width: calc(50% - 10px);
          min-height: 375px;
     }
}
@media only screen and (max-width: 520px){
     .settings_block_wrapper[data-id="tarif_2"]{

     }
     .choose_tarif_wrapper{
          width: 100%;
          min-height: 170px;
     }
}


@media only screen and (max-width: 1400px){
     .choose_tarif_wrapper_website{
          width: calc((100% / 4) - 20px);
     }
}
@media only screen and (max-width: 915px){
     .choose_tarif_wrapper_website{
          width: calc(50% - 20px);
          min-height: 650px;
     }
}
@media only screen and (max-width: 470px){
     .choose_tarif_wrapper_website{
          width: calc(100% - 20px);
          min-height: 170px;
          margin-right: 0px;
     }
}
#custom_loader_wrapper_outer{
     position: absolute;
     top: 0px;
     left: 0px;
     height: 100%;
     width: 100%;
     z-index: 100000000;
     background-color: var(--color1a);
}
.disable_preload_before{
     transition: 0.25s;
}
.disable_preload{
     opacity: 0;
}
#custom_loader_wrapper{
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1000;
}
#custom_loader{
     display: block;
     position: relative;
     left: 50%;
     top: 50%;
     width: 150px;
     height: 150px;
     margin: -75px 0 0 -75px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: var(--color8);
     -webkit-animation: custom_spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
     animation: custom_spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#custom_loader:before{
     content: "";
     position: absolute;
     top: 5px;
     left: 5px;
     right: 5px;
     bottom: 5px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: var(--color8);
     -webkit-animation: custom_spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
     animation: custom_spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#custom_loader:after{
     content: "";
     position: absolute;
     top: 15px;
     left: 15px;
     right: 15px;
     bottom: 15px;
     border-radius: 50%;
     border: 3px solid transparent;
     border-top-color: var(--color8);
     -webkit-animation: custom_spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
     animation: custom_spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
#ppplus{
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
     background-color: #ffffff;
     z-index:1000000000;
     display: none;
}
#pppplus{
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
     background-color: #ffffff;
     z-index:1000000000;
     display: none;
}
@-webkit-keyframes custom_spin{
     0%   {
          -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(0deg);  /* IE 9 */
          transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
     }
     100% {
          -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(360deg);  /* IE 9 */
          transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
     }
}
@keyframes custom_spin{
     0%   {
          -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(0deg);  /* IE 9 */
          transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
     }
     100% {
          -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
          -ms-transform: rotate(360deg);  /* IE 9 */
          transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
     }
}