/* =============================================================================

	STYLE.CSS
	version: 1.6
	updated: 2009-03-06, 13:00 GMT+1

============================================================================= */

@font-face {
    font-family: 'Glacial Indifference';
    src: url('../fonts/GlacialIndifference-Regular.woff2') format('woff2'),
        url('../fonts/GlacialIndifference-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-Book';
    src: url('../fonts/AvenirLTStd-Book.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-Medium';
    src: url('../fonts/AvenirLTStd-Medium.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-BookOblique';
    src: url('../fonts/AvenirLTStd-BookOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-BookOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-Roman';
    src: url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-Oblique';
    src: url('../fonts/AvenirLTStd-Oblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Oblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-MediumOblique';
    src: url('../fonts/AvenirLTStd-MediumOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-Black';
    src: url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-Heavy';
    src: url('../fonts/AvenirLTStd-Heavy.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-HeavyOblique';
    src: url('../fonts/AvenirLTStd-HeavyOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-HeavyOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-BlackOblique';
    src: url('../fonts/AvenirLTStd-BlackOblique.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-BlackOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir LT Std-Light';
    src: url('../fonts/AvenirLTStd-Light.woff2') format('woff2'),
        url('../fonts/AvenirLTStd-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'Glacial Indifference';
    src: url('../fonts/GlacialIndifference-Bold.woff2') format('woff2'),
        url('../fonts/GlacialIndifference-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* =============================================================================
HTML - styles
============================================================================= */
*
{
	box-sizing: border-box;
}
body {background-color:#eaeaea; color:#303030;}
a:hover, a:active, a:focus {color:#f05928;}
#content h2 {color:#0691da;}
#content table {border:1px solid #cfcfcf;}
#content table th {border-right:1px solid #0074B3; background-color:#0691da; color:#fff;}
#content table td {
	border:1px solid #cfcfcf;}
#content table tr.bg td {background-color:#e8f6ff;}
#content dl dt {color:#f05928;}
#content fieldset {border:1px solid #ccc;}
#content legend {background:#FFF; color:#0691da; padding: 2.5px 10px;}
#content acronym, #content abbr, #content .help {border-bottom:1px dotted #cfcfcf;}

/* =============================================================================
HTML - without styles
============================================================================= */

table.nostyle th, dl.nostyle dt {color:#303030 !important;}

/* =============================================================================
LAYOUT
============================================================================= */

#tray {background-color:#303030; color:#cfcfcf;}
#tray a, #tray strong {color:#fff;}
#tray a:hover, #tray a:active, #tray a:focus {color:#b4e3ff;}
#menu {background-color:#0691da;}
#menu ul li a {background-color:#fff; color:#303030;}
#menu ul li a span {background-color:#FFF;}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a:focus, #menu ul li#menu-active a {background-color:#FFF; color:#f05928;}
#menu ul li a:hover span, #menu ul li#menu-active a span {background-color:#FFF;}
#menu ul li#menu-active a {color:#0691da;}
#menu ul.f-right a {color:#f05928;}
#content {border:1px solid #afafaf; background:#fff;}
#footer {color:#707070;}
#footer a {color:#707070;}
#footer a:hover, #footer a:active, #footer a:focus {color:#303030;}

/* =============================================================================
OTHERS
============================================================================= */

#aside #logo img {/*border:1px solid #bfbfbf;*/}
#aside #search fieldset a {color:#303030;}
#aside #search fieldset {border:1px solid #bfbfbf;}
#aside #search fieldset a:hover, #aside #search fieldset a:active, #aside #search fieldset a:focus {color:#f05928;}
#aside #btn-create a {background-color:#fff; color:#303030;}
#aside #btn-create a span {background-color:#fff;}
#aside ul li a {border-bottom:1px solid #cfcfcf; color:#303030;}
#aside ul li#submenu-active a {background-color:#f05928; color:#fff;}
#aside ul li a:hover, #aside ul li a:active, #aside ul li a:focus {color:#f05928;}
#aside ul ul li a, #aside ul li#submenu-active ul li a {border-bottom:1px solid #cfcfcf; background-color:#f5f5f5; color:#303030;}
#aside ul li ul li a {background-color:#e3e3e3;}
#aside ul ul li a:hover, #aside ul ul li a:active, #aside ul ul li a:focus, #aside ul li#submenu-active ul li a:hover, #aside ul li#submenu-active ul li a:active, #aside ul li#submenu-active ul li a:focus {color:#f05928;}
#content h1 {background-color:#303030; color:#fff;}
#content .tabs {border-bottom:1px solid #cfcfcf;}
#content .tabs a {color:#303030;}
#content .tabs a span {color:#303030;}
#content .tabs .ui-tabs-selected a {color:#fff;}
#content .tabs .ui-tabs-selected a span {color:#fff;}
.high {color:#f05928;}
.high-bg {background:#FFB;}
.low {color:#707070;}

.width_50_percent
{
	width:50% !important;
}
.width_60_percent
{
	width:60% !important;
}
.width_100_percent
{
	width:100% !important;
}
.margin_auto
{
	margin:auto !important;
}
.td_first_child {width: 20%;}
.tableForForm td
{
	text-align:left !important;
}
.center{
	text-align:center !important;
}
.feather {
  width: 15px;
  height: 15px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.remove_field
{
	text-decoration: none;
}
.add_field_button,
.btn_to_add_field
{
    border: 1px solid white;
    color: white;
    border-radius: 50%;
    background-color: green !important;
    width: 25px;
    height: 25px;
    font-size: 20px;
    cursor: pointer;
}
.btnRemove,
.btn_to_remove_field
{
	display: inline-block;
    /*margin-left: 10px;*/
    border: 1px solid white;
    color: white;
    border-radius: 50%;
    background-color: red !important;
    width: 25px;
    height: 25px;
    font-size: 15px;
	cursor: pointer;
	text-align: center;
}
.btnDeletePJ
{
	display: inline-block;
    background-image: url('../design/ico-delete.gif');
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    top: 5px;
    margin-left: 10px;
    width: 15px;
    height: 15px;
}
.success
{
	text-align: center;
    border: 1px solid;
    border-radius: 3px;
    padding: 5px;
    background-color: #6BDA6B !important;
    color: #FFFEFE !important;
    /*max-width: 50%;*/
    margin: 20px auto;
}
.error
{
	text-align: center;
    border: 1px solid;
    border-radius: 3px;
    padding: 5px;
    background-color: #d60c1f !important;
    color: #ffffff !important;
    /*max-width: 50%;*/
    margin: 20px auto;
}
.danger
{
	background-color: #d60c1f !important;
    color: white !important;
}
.btn
{
	text-decoration: none;
    border: 1px solid black;
    padding: 5px;
    background: #DDE7FF;
    border-radius: 2.5px;
    font-size: 13px;
	cursor: pointer;
	display: inline-block;
}
.bgcOrange
{
	background-color: orange !important;
}
.bgcGreen
{
	background-color: #6BDA6B !important;
}
.fullWidth
{
	width:100%;
	 padding: 10px;
}
.centerElementVertically
{
	position: relative;
    top: 50%;
    transform: perspective(1px) translateY(-50%);
}

.dataTables_length select,
.dataTables_filter input
{
	width:auto !important;
}
/* =============================================================================
MESSAGES
============================================================================= */

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#f05928;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}