/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrBiQyf2VFn2lg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrBiQyf4VFk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/va9C4kDNxMZdWfMOD5VvkrjHYTLHdQ.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/va9C4kDNxMZdWfMOD5VvkrjJYTI.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrA6Qif2VFn2lg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrA6Qif4VFk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrAWRSf2VFn2lg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrAWRSf4VFk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrByRCf2VFn2lg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrByRCf4VFk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrBuRyf2VFn2lg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrBuRyf4VFk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrBKRif2VFn2lg.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/va9f4kDNxMZdWfMOD5VvkrBKRif4VFk.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/va9E4kDNxMZdWfMOD5VvmYjLeTY.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/va9E4kDNxMZdWfMOD5Vvl4jL.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnZKveSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnZKveRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnSKzeSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnSKzeRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnLK3eSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnLK3eRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnMK7eSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnMK7eRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnFK_eSBf6TF0.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Fira Sans';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(fonts/va9B4kDNxMZdWfMOD5VnFK_eRhf6.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{
       font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif;
       font-size: 14px;
       color: #000000;
	   margin:0; padding:0; background-color:#f0f2f5
}
td{ font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif;
       font-size: 13px;
       color: #000000;
}
a{ color:#1d7fa7; text-decoration:none}
a:hover{ color:#333333}
a img {border:0px; vertical-align:middle}
i.fa-trash-alt{ color: #cc0000}
form{ padding:0px; margin:0px}
UL,LI{ list-style-type:none; list-style-image:none; margin:0px; padding:0px}

i.fa-edit{ color: #00ad15}
i.fas{ font-weight: normal}
.btn i.fas{ font-weight: bold}
#container
{
    padding: 15px;
    position: relative;
    box-sizing: border-box;
    min-height: 100%;
}
.gal{ border:2px solid #FFF !important; float: left !important}
.selected{ border:2px solid #F00 !important}

.on{display:block}
.off{display:none}
LABEL.block {
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}
.expand{text-indent:-9999px;width:9px;height:100%;}
.expand_minus{background:transparent url("images/minus.gif") no-repeat 0 50%;}
.expand_plus{background:transparent url("images/plus.gif") no-repeat 0 50%;}

.add_new{background:transparent url("images/new16.png") no-repeat 0 50%; width:24px; height:100%;text-indent:-9999px;}

.formcontrols {
	margin: 10px 0px 10px 0px;
}
.formcontrols a {
	background-color: #DFDFDF;
	border: 1px solid #999;
	padding: 2px 10px;
	margin-right: 3px;
	color: #069;
	float: left;
	display: block;
	font-weight: bolder;
}
.formcontrols a:hover {
	background-color: #069;
	color: #fff;
}
h1{ margin: 0; font-size: 28px; line-height: 40px; font-weight: normal;  padding: 0; margin-bottom: 15px; color: #000; font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif }

input.title{ font-size:20px }
input.input{ width:100%; box-sizing: border-box}
textarea{font-family:Arial, Helvetica, sans-serif; font-size:11px }

input,select, textarea {
	 box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding:10px;
    outline: none;
	font-size:14px;
    background-color: #FFF;
}
input:focus,select:focus, textarea:focus{
    border: 1px solid #0C0;
}
.search label{ display: block; font-weight: bold}
.search .custom-combobox{ width: 100%}
.search .custom-combobox input{ width: 100%}
.sigla{ padding-top:5px; padding-bottom:5px; font-size:22px; color:#000; font-weight:normal; padding-left:10px; height: 40px; line-height: 40px; border-bottom: 0; display: none}


.none{ padding:0px; background-color:transparent; border:0px }

.arrows{ padding-top:4px; padding-bottom:4px; text-align:center}

.main{ background-color:#CCCCCC; width:100%}
.main td{ background-color:#FFFFFF}
td.header1{ background-color:#F0F0F0; font-weight:bold}

/*------------------PAGINATION--------------------*/
.pagination { font-size:0.9em; line-height:30px; margin-bottom:15px; margin-top:15px }
	.pagination A{ padding:10px 15px; background-color:#FFF; margin-right:5px }
	.pagination A.activ{ background-color:#F20000; color:#FFF; font-weight:bold;}
	.pagination EM{ color:#BDBDBD}
	.pagination A STRONG{ font-size:16px; font-weight:normal;}

/*   ---------------pictures sortable--------------------         */
UL#sortable{ display: flex; flex-wrap: wrap}
	UL#sortable LI{ flex: 0 0 auto;  width:300px; margin-right:10px; padding: 0; margin-top:10px; }
		UL#sortable LI .img{ width:300px; height:150px; overflow:hidden}
		UL#sortable LI IMG{ cursor:move; width: 100%; height: 100%; object-fit:cover}
		UL#sortable LI .name{ text-align:left; background-color:#FFC; padding: 5px}
		UL#sortable LI .text{ text-align:left; background-color:#CF9; padding: 5px; white-space: pre-wrap}
	UL#sortable LI.ui-state-highlight{ height:150px; background-color:#FF9}

/*   ---------------poll answer sortable--------------------         */
UL#raspunsuri_sortable{}
	UL#raspunsuri_sortable LI{cursor:move; width:300px; line-height:22px; background-color:#DEE7F8; border:1px solid #CAD8F3; margin-top:5px; padding-right:5px; padding-left:5px}
		UL#raspunsuri_sortable LI  A STRONG{ font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#999}
	UL#raspunsuri_sortable LI.ui-state-highlight{ height:22px; background-color:#FF9}

/*   ---------------wigets sortable--------------------         */
UL.wiget_sortable{}
	UL.wiget_sortable H2{ cursor:move; }
	UL.wiget_sortable LI.ui-state-highlight{ height:22px; background-color:#FF9}

/* BOX */
.box{ margin-bottom:10px;  border:1px solid #CCC; }
	.box H2{ font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif; margin:0px;  font-size:13px; line-height: 30px; overflow:hidden }
	.box H2:hover{ background-color: #DDD   }
	.box H2.head_1{ padding:5px 15px 5px 15px; text-transform: uppercase}
	.box H2 STRONG{ font-size:11px;}

.homepage .box{ position:relative; margin:0px; border-radius: 6px;overflow: hidden; background-color: #FFF}
	.homepage .box H2 .editable{ float:right;}
.homepage .box H2 .editable INPUT{ vertical-align: middle}	
.homepage h2:hover > .editable{ display:block}
.homepage .box.boxspliter{ margin:0px; background-color: #f0f0f0; border: 1px solid #ccc; box-shadow: 0px 0px 4px rgba(204, 204, 204, 0.82); box-sizing: border-box}
.homepage .box.boxspliter .body_spliter{ padding: 15px; padding-top: 0px }
.homepage .box.boxspliter .flex{display: flex; flex-wrap: wrap; margin: 0px -7px;}
	.homepage .boxspliter H2.spliter{ background-color:#F1F3F5;  background-image:none}

.homepage LI{ margin-bottom:10px}

.spliter_element{ float:left; box-sizing: border-box; flex: 0 0 auto; padding: 0px 7px; }
.spliter_element .box{ }

.box .body {
    padding: 5px 10px 10px;
    background-color: transparent;
}
.box H2 {
    padding: 0px 10px 0px 10px;
    font-weight: 600;
}
.box .body strong {
    font-weight: 400;
    padding-bottom: 10px;
    line-height: 16px;
}
.box .body a {
    display: inline-block;
    margin-bottom: 5px;
}
.homepage .box .body a {
    display: block;
    margin-top: 6px;
    line-height: 16px;
}
.homepage .box .body h2 a {
    display: inline-block;
}
.homepage .box h2 a i{ font-size: 15px; margin-left: 7px; font-weight: normal}
.homepage .box h2 a i.fa-copy{ color: #333}
.homepage .box.boxspliter {
    background-color: rgba(0,0,0,0.04);
}
.homepage .box.boxspliter .body_spliter {
    padding: 0px 15px 10px;
}
.homepage .box {
    border-radius: 15px;
}

.paste {
    background-color: #333;
    padding: 8px 0 8px 14px;
    color: #eee;
    font-size: 12px;
    border: none;
    border-radius: 30px;
    display: block;
    margin:10px 0px; 
}
.paste:hover {
    background-color: #000;
    color: #eee;
    font-size: 12px;
    border: none;
}

.homepage .box {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
}
.homepage .box.boxspliter {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
}

.edittextarea button{ margin: 5px;}

/*------------------MENU--------------------*/
.menu{ display: flex; background-color: #292c33; z-index: 12; position: relative; min-height: 50px}
	.menu LI{ background-position:bottom;  position:relative; display: flex; align-items: center; background-color: #292c33}
	.menu LI.activ{ color: #cc0000; }
    .menu LI a:hover{background-color:#27ace3;  color: #FFF}
	.menu LI a{ color:#FFF; font-weight:400; font-size:16px; width: 100%; height: 100%; display: flex; align-items: center; padding-left:10px; padding-right:10px; font-family: 'Fira Sans' }
.menu LI.logout{ flex: 1; justify-content: flex-end}
.menu LI.logout a{width: 30px; justify-content: center}
.menu LI.logout svg{ fill: #FFF}
.menu LI:hover UL{ display:block}
.menu UL{ background-color:#292c33; display:none; position:absolute; left:0px; top:48px; z-index:10; min-width: 200px}
.menu UL LI{ white-space:nowrap; background-image:none; margin-bottom:0px; padding:0px; margin:0px; line-height:30px; height:30px; float:none}
.menu UL LI A{ padding:0px 10px; }
.menu UL LI A:hover{ background-color:#27ace3; color:#FFF}

#header_menu {
    list-style: none;
    margin: 0;
    padding: 0;
	float:right;
}

#header_menu li {
    float: left;
    margin-left: 10px;
}


table.admin_content {width: 100%;  background-color: #FFF;}
thead, .tr0{ position: relative; z-index: 10}
table.admin_content tr{ cursor: pointer}
table.admin_content td {
    font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #3E4B5B;
    border-bottom: 1px solid rgba(83,101,140,0.08);
    padding: 10px 7px;
    box-sizing: border-box;
    vertical-align: middle;
}
table.admin_content td:first-of-type{    padding-left: 15px;}
table.admin_content thead td, table.admin_content .tr0 td {
    font-size: 14px;
    font-weight: 600;
    vertical-align: middle;
    border-bottom:1px solid #999;
    background-color: #FFF;

}
thead, .tr0 a{ color:#1d7fa7 }
table.admin_content .tr0
{
    position: sticky;
    top: 0px;
}
table.admin_content.edit {
    margin: 0 0 20px 0;
    background-color: #FFF;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    text-align: left;
    flex: 1;
}

table.admin_content.edit td{
    font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 14px;
    border: 0px;
    padding: 0;
    padding-bottom: 10px;
}

table.admin_content tbody tr:hover {
    box-shadow: 0px 2px 5px rgba(69,101,173,0.1);
    -webkit-transform: translateY(-1px) scale(1.01);
    transform: translateY(-1px) scale(1.01);
}

.field_box {
    margin: 0 0 20px 0;
    background-color: #fff;
    -moz-border-radius: 10px 10px 10px 10px /*{global-radii-buttons}*/;
    -webkit-border-radius: 10px 10px 10px 10px /*{global-radii-buttons}*/;
    border-radius: 10px 10px 10px 10px /*{global-radii-buttons}*/;
    box-sizing: border-box;
    padding: 15px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);
    text-align: left;
    flex: 1;
}
.field_box .form-line, .field_box .form-line2 {
    margin-bottom: 30px;
    position: relative;
    display: block;
    width: 100%;
}
.field_box > .form-line:last-child {
    margin-bottom: 0;
}
.field_box .form-line LABEL, .form-line2 h2 , .field_box .related LABEL {
    margin: 0;
    font-weight: 400;
    vertical-align: top;
    color: rgb(46, 110, 158);
    position: absolute;
    top: -8px;
    left: 7px;
    padding: 0 3px;
    font-family: 'Fira Sans', Helvetica, Arial, sans-serif;
    background-color: #FFF;
    font-size: 13px;
    letter-spacing: 1px;
    z-index: 1;
}
.field_box .form-line  input, .field_box .form-line  select,  .field_box .form-line  textarea,  .field_box  .form-line2 .body {
    font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif;
    border: 1px solid #c2c2c2;
    padding: 12px 10px;
    border-radius: 3px;
    font-size: 16px;
    background: none;
    font-weight: normal;
    color: #000;
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.sr{ background-color:#CCCCCC; border-bottom:1px solid #FFFFFF; padding:2px}
.srs{ background-color:#666666; border-bottom:1px solid #FFFFFF;  color:#FFFFFF; padding:2px}


.row{ display: flex; flex-wrap: wrap}
.column{ flex: 1}

/* BOX */
.box{ border:1px solid #CCC; border-radius: 10px; overflow: hidden;}

.homepage .box{  position:relative}
	.homepage .box H2 .editable{ float:right}
.homepage .boxspliter{ margin:0px; background-color: #f0f0f0; border: 1px solid #ccc; box-shadow: 0px 0px 4px rgba(204, 204, 204, 0.82); box-sizing: border-box}
	.homepage .boxspliter H2.spliter{ background-color:#F0F0F0; padding: 5px 15px 5px 15px}
.homepage .boxspliter .body_spliter{ padding: 15px; padding-top: 0px }	
.homepage .boxspliter .flex {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -7px;
}	
.homepage LI {
    margin-bottom: 10px;
}
.item_flex{ float:left; box-sizing: border-box; flex: 0 0 auto; padding: 0px 7px; }

/* calendar */
#CalDiv1{ background-color:#FFFFFF;}
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText, .cpToday { font-family:arial; font-size:11px; font-weight:bold }
TD.cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0; border-width:0px 0px 1px 0px; }
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate, .cpToday   { text-align:center; text-decoration:none; }

.cpToday { background-color:#215DA3}
/*.cpOtherMonthDate{ color:#FFFFFF;}*/

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled { color:#D0D0D0; text-align:right; }
/*.cpCurrentMonthDate, .cpCurrentDate { color:#000000; }
.cpOtherMonthDate { color:#808080; }*/
TD.cpCurrentDate a{ color:#CD0000;    }
TD.cpToday a{ color:#FFFFFF;  }


TD.cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; }
TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; }
.cpTodayTextDisabled { color:#D0D0D0; }
.cpBorder{ border:1px solid #215DA3}

.autocomplete_results  A{ background-color:#27ace3; padding: 3px 7px; color:#FFF; line-height:20px; white-space:nowrap; display: inline-block;    margin-bottom: 5px; }
	.autocomplete_results  A STRONG{ font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#000}
.autocomplete_results a:hover{ background-color: #17698c; }
	.autocomplete_results  a:hover STRONG{ font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#333}

.comment_text BUTTON{ display:block}

.helpPage h2 { padding: 10px 0px; margin: 0px; }
.helpPage h3 { padding: 0px 20px; margin: 0px; }

.help { border: dashed 1px #f00; font-style: italic; padding: 10px 20px; margin-bottom: 10px; background-color: #efefef; line-height: 12px; }
.help img{ vertical-align: middle; }


#overlay{ display:none; position:fixed; width:100%; height:100%; background-color:rgba(255,255,255,.8); z-index:100; top:0px; left:0px}
#box_email_iframe{position:fixed; left:5%; top:5%; background-color:#f0f2f5; padding:0px; width:90%; height:90%; display:none; z-index:200;
	-moz-box-shadow: 0px 0px 14px #000;
	-webkit-box-shadow: 0px 0px 14px #000;
	box-shadow: 0px 0px 14px #000;
	box-sizing: border-box;
	-moz-border-radius:  				10px 10px 10px 10px /*{global-radii-buttons}*/;
	-webkit-border-radius: 				10px 10px 10px 10px /*{global-radii-buttons}*/;
	border-radius: 						10px 10px 10px 10px /*{global-radii-buttons}*/;
	}
#box_email_iframe A.close{ position:absolute; display:block; padding:10px 15px; right:-15px; top:-15px; font-size:15px; font-weight:bold; color:#FFF; background-color:#41121d;  font-family:"Arial Black", Gadget, sans-serif;
				-moz-border-radius:  				20px 20px 20px 20px /*{global-radii-buttons}*/;
			   -webkit-border-radius: 				20px 20px 20px 20px /*{global-radii-buttons}*/;
			   border-radius: 						20px 20px 20px 20px /*{global-radii-buttons}*/;
}

#box_email{
	position:fixed; top: 25%; left: 25%; width:50%; height: 50%; background-color:#FFF; border:2px solid #666; z-index:2000; padding:10px; display:none;
	-moz-box-shadow: 0px 0px 14px #000;
	-webkit-box-shadow: 0px 0px 14px #000;
	box-shadow: 0px 0px 14px #000;
	
	-moz-border-radius:  				10px 10px 10px 10px /*{global-radii-buttons}*/;
	-webkit-border-radius: 				10px 10px 10px 10px /*{global-radii-buttons}*/;
	border-radius: 						10px 10px 10px 10px /*{global-radii-buttons}*/;
    overflow: auto
}
#box_email strong{ width: 120px; display: inline-block}
#box_email input[type=text]{ min-width: 400px}
#box_email input[type=button] {
    color: #fff;
    padding: 10px 30px;
    background: #cc0000;
    text-align: center;
    font-weight: bold;
    display:inline-block;
    box-sizing: border-box;
}


.check-keywords LI{ list-style-type:decimal; font-size: 15px; margin-bottom: 10px  }
.red{ color:red}
.green{ color:green}

.edittextarea textarea{ min-height: 50px;}

/*------------------CUSTOM CHECKBOX--------------------*/
/* Customize the label (the container) */
.custom-checkbox {
    position: relative;
    padding: 6px 16px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-height: 50px; box-sizing: border-box; display: flex; align-items: center; width: 100%;
}
.custom-checkbox.inline{ float: left; background-color: #74c318; border-radius: 3px; padding: 10px 10px; padding-left:45px; margin-right: 10px; color: #FFF}
/* Hide the browser's default checkbox */
.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: relative;
    height: 25px;
    width: 25px;
    background-color: #eee;
    order: -1; margin-right: 10px; flex: 0 0 auto;
}
.custom-checkbox input[type='radio'] ~ .checkmark { border-radius: 100% }
.custom-checkbox.inline  .checkmark{ left: 10px; top: 8px}
/* On mouse-over, add a grey background color */
.custom-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custom-checkbox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custom-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*------------------BTN-------------------------*/
.btn {
    display: inline-block;
    padding: 10px 14px;
    color: #fff;
    background-color: #27ace3;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-appearance: none;
    font-family:'Fira Sans', sans-serif, Arial, Helvetica, sans-serif;
    width: auto;
}

.btn:hover {
    background-color: #dd0000;
    color: #fff;
}
.btn i {
    margin-right: 6px;
}
.btn.block {
    display: block;
    width: 100%;
}

.btn.small {
    padding: 3px 7px;
    font-size: 11px;
}
.btn.large {
    padding: 10px 20px;
    font-size: 16px;
}

.btn.green {
    background-color: #060;
    color: #FFF;
}
.btn.green:hover {
    background-color: #00ad00;
}
.btn.green SPAN {
    font-size: 13px;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn-info:hover {
    color: #fff;
    background-color: #138496;
    border-color: #117a8b;
}
.btn_filter {
    margin-bottom: 10px;
}
.btn.btn-grey {
    color: #333;
    background-color: transparent;
    border: 1px solid #999;
}
.btn.btn-grey:hover {
    color: #000;
    background-color: transparent;
    border: 1px solid #666;
}

/*----------------theme jquery ui-----------------------*/
#ui-datepicker-div{ z-index: 20!important;}

.ui-widget.ui-widget-content {

}

.ui-widget-header {
    background: none;
    background-color: #74c318;
    border: 0px;
    border-radius: 0px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: none;
    background-color: #ccffcc;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: none;
    background-color: #fff;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #333;
}
.ui-helper-reset {
    font-size: 90%;
}

/*.custom-combobox-input.ui-widget.ui-widget-content {
    border: 1px solid #ccc;
    font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif;
    font-size: 16px;
    padding: 12px 10px;
    font-weight: normal;
    color: #000;
    background: none;
}*/
.ui-state-active {
    font-weight: normal !important;
}
#ui-datepicker-div{ z-index: 1000 !important;}
.clear {
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    line-height: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
}

.ui-autocomplete{ max-height:400px; overflow: hidden; overflow-y:scroll; max-width: 80%; background: none; background-color: #FFF; box-shadow: 1px 1px 4px #ebebeb }
.ui-menu .ui-menu-item-wrapper { min-height: 18px; font-size: 14px; padding: 5px 1em 5px .4em; border-bottom: 0}
.ui-menu .ui-menu-item-wrapper.ui-state-active{ font-weight:normal; background-color: #EEE}

.ui-tabs{ background: none !important; border: 0 !important;}
.ui-tabs .ui-tabs-panel {
    padding: 0px;
    padding-top: 15px;
    border: 0;
}
.ui-tabs-nav{ background: none; border-bottom: 1px solid #CCC}
.ui-tabs .ui-tabs-nav li{ background: none; border: 0}
.ui-tabs .ui-tabs-nav li a{ color: #1d7fa7; font-family: 'Fira Sans', sans-serif, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600}
.ui-tabs .ui-tabs-nav li a:hover{ background-color:#f9f9f9 }
.ui-tabs .ui-tabs-nav li.ui-state-active{ border-bottom: 2px solid #1d7fa7 !important;}

.login{ position: absolute; left: 50%; top: 40%; transform: translateX(-50%) translateY(-50%); display: block; }
#add{display:none; position:absolute; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:top right; padding-top:20px; top: 63px; right: 75px; z-index: 30}

.tox .tox-tbtn{width: 28px !important; }
.tox .tox-tbtn--select{ width: 90px !important;}
.tox.tox-edit-focus .tox-edit-area::before{ opacity: 0 !important;}

@media screen and (max-width: 900px) {
    .login TD {display: block}
    .column{ width: 100% !important; min-width: 100%}
}
.spacer1{ font-size:1px; height:1px; line-height:1px; display:block }
.spacer3{ font-size:3px; height:3px; line-height:3px}
.spacer5{ font-size:5px; height:5px; line-height:5px}
.spacer10{ font-size:10px; height:10px; line-height:10px; display:block}
.clear{clear:both; margin:0 !important; padding:0 !important; border:0 none !important; line-height:0 !important; height:0 !important; font-size:0 !important}