/**********************************************************************************
* phpComasy Web Content Management System                                         *
* http://www.phpcomasy.com                                                        *
*                                                                                 *
* Copyright (c) 2005 - 2010 indual GmbH (http://www.indual.ch)                    *
*                                                                                 *
* phpComasy is released under his own licence (http://www.phpcomasy.com/licence)  *
**********************************************************************************/

.management {
	clear: both;
}

div#main_content .management input.action_button, 
div#main_content .management input.button, 
div#main_content .management .general_settings input.button, 
div#main_content input.button, 
div#main_content div#right_content input.submit,
div#main_content input.float_right,
div#main_content input.float_left,
input.mailform-submit,
a.button,
a.listing-more-button  {
    background: #9c0f39 none;
    border: none;
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, Helvetica, Arial, sans-serif !important;
    color: #fff !important;
    text-transform: uppercase;
    margin: 5px 1px 0 0;
    padding: 4px 6px 3px;
    overflow: visible;
    height: auto;
    text-decoration: none;
}
a.button,
a.listing-more-button {
    float: left;
    background: transparent url("../img/button_right.gif") no-repeat right top;
    border: none;
    padding: 0;
    margin: 5px 0 0 0;
}
a.button span,
a.listing-more-button span {
    float: left;
    background: transparent url("../img/button_left.gif") no-repeat left top;
    border: none;
    padding: 2px 7px;
    margin: 0;
}
a.button:hover,
a.listing-more-button:hover {
    background-position: right bottom;
    background-color: transparent;
}
a.button:hover span,
a.listing-more-button:hover span {
    background-position: left bottom;
    background-color: transparent;
}
div#main_content .management input.action_button:hover, 
div#main_content .management input.button:hover, 
div#main_content .management .general_settings input.button:hover, 
div#main_content input.button:hover, 
div#main_content input.submit:hover,
div#main_content input.float_right:hover,
div#main_content input.float_left:hover,
input.mailform-submit:hover {
    cursor: pointer;
    border: none !important;
    background: #4d0516 none;
}
#management a.button,
a.add_portlet_link.button {
	background: #9C0F39;
	padding: 2px 8px;
	border-radius: 3px;
	border: none;
}
#management a.button:hover,
a.add_portlet_link.button:hover {
	background: #4d0516;
	border: none;
}
.mailform_error label,
font.required {
    color: #9c0f39 !important;
}
input,
.management input {
    font-family: Verdana, helvetica, arial, sans-serif;
}
.management form#form-multi_upload p object {
    height: 24px !important;
}
div.two_lines {
    margin-bottom: 4px;
}
div.two_lines select {
    margin: 6px 0 0 0;
}
label {
    width: 190px;
    float: left;
}
input, select, textarea {
    font-size: 12px;
    color: #666;
    margin: 0;
    padding: 3px 2px;
    outline: none;
    line-height: 15px;
    border: 1px solid #999;
}
input:hover, 
select:hover, 
textarea:hover,
input:focus, 
select:focus, 
textarea:focus {
	border: 1px solid #000;
}
.mailform_element p {
	margin-bottom: 3px;
}
textarea {
	width: 291px;
	box-sizing: border-box;
}
.select2-container {
	width: 291px !important;
	box-sizing: border-box;
	font-size: 12px;
}
.select2-container--default .select2-selection--single {
	box-sizing: border-box;
	border-radius: 0;
	border: 1px solid #999;
    padding: 3px 0 2px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #9C0F39;
	color: #fff;
}
.select2-container--default .select2-results__option[aria-selected=true] {
	background: #eee;
	color: #666;
}
.select2-container--default.select2-container--open .select2-selection--single {
	border: 1px solid #CC1C00;
	border-bottom: 1px solid transparent;
}
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single:focus {
	border: 1px solid #000;
}
.select2-dropdown {
	border-radius: 0;
	border: 1px solid #000;
	margin-top: -1px;
}


/* --- checkbox --- */
 
.mailform_element.checkbox_field {
	position: relative;
	margin-left: 190px;
	margin-top: 5px;
}
.mailform_element.checkbox_field p {
	width: 100%;
	float: right;
	position: relative;
}
.mailform_element.checkbox_field input {
	width: 15px;
	height: 15px; 
	float: left;
	margin: 1px 6px 0 0;
	opacity: 0; 
	position: relative; 
	cursor: pointer;
	z-index: 10;
}
.mailform_element.checkbox_field label {
	width: auto; 
	float: none; 
	overflow: hidden;
	cursor: pointer;
	display: block;
	padding: 0;
}
.mailform_element.checkbox_field label:after,
.mailform_element.checkbox_field label:before {
	content: '\f0c8';
	position: absolute; 
	top: 1px; 
	left: 1px; 
	width: 15px; 
	height: 15px; 
	font-size: 15px; 
	line-height: 15px;
	pointer-events: none;
	color: #666;
	font-family: 'Font Awesome\ 5 Pro';
	font-weight: 300;
	z-index: 2;
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
}
.mailform_element.checkbox_field label:after {
	content: '\f14a';
	font-family: 'Font Awesome\ 5 Pro';
	opacity: 0; 
	visibility: hidden;
	font-weight: 700;
	color: #9c0f39;
	z-index: 4;
}
.mailform_element.checkbox_field input:checked + label:before {
	color: #9c0f39;
}
.mailform_element.checkbox_field input:checked + label:after {
	opacity: 1; 
	visibility: visible;
}