/* 


FRAMEWORK PIDAG


CLASES

Structre: grupo de clases interdependientes
Elements: grupo de clases independientes


REGLAS

- Las clases inician con "c_"
- Las frases se separan con "_"
- Los números y palabras con "-"
- Structure: orden estructurál
- Elements: orden alfabético


COLOR

gray default text    #57585B
gray bg areas         #EEEEEE

attach 1     #F0F0E1
attach 2       #DFDFD0
attach 3         #CECEBF

priority high             #EB423D  /   #F8E6E6
priority medium         #F7931D  /   #F9EEE4
priority low                    #0DB14B  /   #E6F2E8


Por: José María Sánchez Escoto


*/

/*XL Display (lg)*/

/*Lap-Desk (md)*/
@media (max-width: 1529px) {}

/*Tablet (xs)*/
@media (max-width: 1229px) {}

/*Phone (xs)*/
@media (max-width: 767px) {}


/*------------ BOOTSTRAP OVERRIDE FRAMEWORK */

a,
a:active,
a:focus,
a:hover,
a:visited {
	outline:none;
}

body {
	font-family: 'Raleway', sans-serif !important;
	font-size:15px !important;
	font-weight:500 !important;
	background:#EEEEEE !important;
	color:#000000 !important;
	height:100vh !important;
	margin:0;
}

h1 {
	font-size:23px;
	line-height:27px;
	color:#000000;
	font-weight:400;
	margin:10px 0 0 0;
}

h2 {
	font-size:20px;
	line-height:20px;
	color:#000000;
	font-weight:400;
	margin:0;
	max-width:90%;
}

img {
	display:inline-block;
	margin:0;
	padding:0;
	border:none;
}

input {
	outline:none;
}

.modal {
	z-index: 9999;
}

.modal-content {
	border-radius:3px;
}

.table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 1px solid #FFFFFF;
}

/*Phone (xs)*/
@media (min-width: 768px) {
	
.container {
	width: 738px !important;
}

.modal-body {
  padding:20px;
}

.modal-dialog {
    width:748px;
}

}

/*Tablet (sm)*/
@media (min-width: 1230px) {

.container {
	width: 1200px !important;
}

.modal-body {
	padding:40px;
}

.modal-lg {
	width:1170px;
}

.modal-md {
	width:970px;
}

}
/*Lap-Desk (md)*/
@media (min-width: 1530px) {

.container {
	width: 1500px !important;
}

.modal-body {
  padding:40px;
}

.modal-lg {
    width:1470px;
}

}
/*XL Display (lg)*/

/*------------ PIDAG SPECIFIC FRAMEWORK */

/*---------------------- accordion (structure and elements) */

/* structure */
.c_accordion {
	background-color:#EEEEEE;
	padding:40px 0 40px 0;
	margin-top:40px;
	position:relative;
}

.c_accordion_top {
	height:15px;
	background:url(../img/shadow-top.png);
	background-repeat:repeat-x;
	position:absolute;
	top:0;
	width:100%;
}

.c_accordion_bottom {
	height:15px;
	background:url(../img/shadow-bottom.png);
	background-repeat:repeat-x;
	position:absolute;
	bottom:0;
	width:100%;
}

/* elements */
.c_accordion_attach {
	background-color:#F0F0E1;
}

/*---------------------------------------------- attach (structure)  */

.c_attach {
	height:60px;
	width:100%;
}

.c_attach_single {
	height:40px;
	width:100%;
}

.c_attach_column {
	width:50%;
	float:left;
}

.c_attach_arrow {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #DFDFD0;
	position:relative;
	left:40px;
}

.c_attach_files, 
.c_attach_files:visited {
	display:block;
	height:40px;
	padding:10px 15px 0 15px;
	background:#DFDFD0;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	color:#000000;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis ;
	outline:none;
}
.c_attach_files:active,
.c_attach_files:focus,
.c_attach_files:hover {
	color:#000000;
	outline:none;
	font-weight:500;
	text-decoration:none;
}

.c_attach_helper {
	height:20px;
}

.c_attach_button, 
.c_attach_button:visited {
	display:block;
	height:40px;
	line-height:40px;
	padding:0 10px 0 10px;
	background:#CECEBF;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	width:100%;
	margin:0;
	text-align:center;
	color:#000000;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align:middle;
}
.c_attach_button:active,
.c_attach_button:focus, 
.c_attach_button:hover {
	color:#000000;
	text-decoration:none;
	background:#BDBDAE;
	font-weight:500;
}

.c_attach_input {
    position: relative;
    overflow: hidden;
}
.c_attach_input input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}


/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_attach {
	height:60px;
	width:100%;
	position:relative;
	top:-10px;
}

}

/*------------------------------- attach alternative (structure) */

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

.c_attachalternative_files, 
.c_attachalternative_files:visited {
	display:block;
	height:40px;
	padding:10px 15px 0 55px;
	background:#DFDFD0;
	border-radius:5px;
	color:#000000;
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position:relative;
	text-decoration:none;
}
.c_attachalternative_files:active,
.c_attachalternative_files:focus,
.c_attachalternative_files:hover {
	color:#000000;
	font-weight:500;
	text-decoration:none;
}

.c_attachalternative_icon {
	height:40px;
	width:40px;
	text-align:center;
	line-height:40px;
	background-color:#CECEBF;
	position:absolute;
	left:0;
	top:0;
	font-size:20px;
}

/*------------------------------------------ attach list (structure) */

.c_attachlist_option div a, 
.c_attachlist_option div a:visited {
	color:#666666;
	text-decoration:none;
	font-size:18px;
	line-height:30px;
	padding:5px;
}
.c_attachlist_option div a:active,
.c_attachlist_option div a:focus,
.c_attachlist_option div a:hover {
	color:#000000;
}

.c_attachlist_name {
	line-height:30px;
}

.c_attachlist_divider {
	height:1px;
	background:#CCCCCC;
	margin:5px 0 5px 0;
}

/*------------------------------------ attach button (elements) */

.c_attachbutton_smalltextarea:link, 
.c_attachbutton_smalltextarea:visited {
	display:block;
	height:80px;
	line-height:80px;
	width:100%;
	background:#DFDFD0;
	color:#666666;
	text-align:center;
	border-radius:5px;
	text-decoration:none;
}
.c_attachbutton_smalltextarea:active,
.c_attachbutton_smalltextarea:focus, 
.c_attachbutton_smalltextarea:hover {
	text-decoration:none;
	color:#000000;
	background:#CECEBF;
	font-weight:500;
}

/*Phone (xs)*/
@media (max-width: 767px) {
	
.c_attachbutton_smalltextarea:link, 
.c_attachbutton_smalltextarea:visited {
	height:40px;
	line-height:40px;
}

}

/*--------------------------------------- breadcrumb (structure) */

.c_breadcrumb {
	font-size:14px;
	color:#666666;
}

.c_breadcrumb_option:link, 
.c_breadcrumb_option:visited {
	color:#666666;
	text-decoration:none;
}
.c_breadcrumb_option:active,
.c_breadcrumb_option:focus, 
.c_breadcrumb_option:hover {
	color:#000000;
}

/*---------------------------------------------- button (elements) */

.c_button_alternative,
.c_button_alternative:visited {
	height:40px;
	line-height:40px;
	background:#EEEEEE;
	color:#666666;
	border-radius:10px;
	width:100%;
	outline:none;
	padding:0;
	margin:0;
	border:1px solid #CCCCCC;
	margin-top:40px;
}
.c_button_alternative:active,
.c_button_alternative:focus,
.c_button_alternative:hover {
	color:#000000;
	font-weight:500;
	border:1px solid #000000;
	font-weight:500;
}

.c_button_default, 
.c_button_default:visited {
	height:40px;
	line-height:40px;
	background:#000000;
	color:#CCCCCC;
	border-radius:10px;
	width:100%;
	outline:none;
	padding:0;
	margin:0;
	border:none;
	vertical-align:middle;
}
.c_button_default:active,
.c_button_default:focus,
.c_button_default:hover {
	color:#FFFFFF;
	font-weight:500;
}

.c_button_home, 
.c_button_home:visited {
	height:40px;
	line-height:40px;
	background:#FFFFFF;
	color:#333333;
	border-radius:10px;
	width:100%;
	outline:none;
	padding:0;
	margin:0;
	border:none;
	vertical-align:middle;
}
.c_button_home:active,
.c_button_home:focus,
.c_button_home:hover {
	color:#000000;
	font-weight:500;
}

.c_button_icon {
	font-size:22px;
	vertical-align:middle;
	margin:0 5px 0 0;
	font-weight:600;
}

/*Tablet (xs)*/
@media (max-width: 1229px) {

}

/*---------------------------------------------- display (structure) */

.c_display_summary {
	padding:30px 40px 0 40px;
	border:solid 1px #DDDDDD;
	border-bottom:none;
	background:#F6F6F6;
	position:relative;
}
.c_display_summary p {
	margin:0;
	padding:10px 0 10px 0;
}

.c_display_icons {
	position:absolute;
	right:40px;
	top:40px;
	font-size:25px;
}

.c_display_text {
	
	font-weight:600;
	margin-bottom:5px;
}

.c_display_content {
	padding:0 40px 0 40px;
	border:solid 1px #DDDDDD;
	border-bottom:none;
	border-top:none;
	background:#F6F6F6;
}
.c_display_content p {
	margin:0;
	padding:10px 0 10px 0;
}

.c_display_helper {
	padding:0 0 20px 0;
}

.c_display_attach {
	padding:20px;
	margin:0;
	background-color:#DFDFD0;
}

.c_display_table {
	padding:15px 20px 0 20px;
	margin:0;
	background-color:#FFFFFF;
}

.c_display_controls {
	padding:40px;
	border:solid 1px #DDDDDD;
	border-bottom:solid 2px #DDDDDD;
	border-top:none;
	background:#F6F6F6;
	position:relative;
}

.c_display_edit:link, 
.c_display_edit:visited {
	display:inline-block;
	width:25%;
	height:40px;
	line-height:40px;
	text-align:center;
	position:absolute;
	bottom:0;
	right:25%;
	text-decoration:none;
	color:#666;
	border-top:2px solid #DDDDDD;
}
.c_display_edit:active,
.c_display_edit:focus,
.c_display_edit:hover {
	text-decoration:none;
	color:#000;
}

.c_display_expand:link, 
.c_display_expand:visited {
	display:inline-block;
	width:25%;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#DDDDDD;
	position:absolute;
	bottom:0;
	right:0;
	text-decoration:none;
	color:#666;
}
.c_display_expand:active,
.c_display_expand:focus,
.c_display_expand:hover {
	text-decoration:none;
	color:#000;
}

/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_display_edit:link, 
.c_display_edit:visited {
	width:50%;
	right:50%;
}

.c_display_expand:link, 
.c_display_expand:visited {
	width:50%;
}

}
/*Phone (xs)*/
@media (max-width: 767px) {

.c_display_summary {
	padding:10px 20px 0 20px;
	font-size:14px;
}

.c_display_icons {
	position:relative;
	right:auto;
	top:auto;
	font-size:20px;
	margin:10px 0 10px 0;
}

.c_display_content {
	padding:0 20px 0 20px;
	font-size:14px;
}

.c_display_controls {
	padding:20px;
}

.c_display_edit:link, 
.c_display_edit:visited {
	width:100%;
	position:relative;
	bottom:auto;
	right:auto;
}

.c_display_expand:link, 
.c_display_expand:visited {
	width:100%;
	position:relative;
	bottom:auto;
	right:auto;
}

}

/*----------------------------------- display opinion (elements) */


.c_displayopinion_summary {
	padding:10px 20px 0 20px;
	border:solid 2px #000000;
	border-bottom:none;
	background:#FFFFFF;
	position:relative;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}

.c_displayopinion_content {
	padding:0 20px 0 20px;
	border:solid 2px #000000;
	border-bottom:none;
	border-top:none;
	background:#FFFFFF;
}

.c_displayopinion_helper {
	padding:0 0 0 0;
}

.c_displayopinion_recess {
	margin:20px 0 20px 0;
	color:#EEEEEE;
	width:100%;
	text-align:center;
	font-size:12px;
}

.c_displayopinion_controls {
	height:80px;
	border:solid 2px #000000;
	border-top:none;
	background:#FFFFFF;
	position:relative;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:6px;
}

.c_displayopinion_expand:link, 
.c_displayopinion_expand:visited {
	display:inline-block;
	width:50%;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#CCCCCC;
	position:absolute;
	bottom:0;
	right:0;
	text-decoration:none;
	color:#333333;
	border-bottom-right-radius:5px;
	border-top-left-radius:5px;
}
.c_displayopinion_expand:active,
.c_displayopinion_expand:focus,
.c_displayopinion_expand:hover {
	text-decoration:none;
	color:#000000;
}


/*Lap-Desk (md)*/
@media (max-width: 1529px) {}

/*Tablet (xs)*/
@media (max-width: 1229px) {
	
.c_displayopinion_expand:link, 
.c_displayopinion_expand:visited {
	width:100%;
	border-top-left-radius:0;
	border-bottom-left-radius:5px;
}

}

/*Phone (xs)*/
@media (max-width: 767px) {

.c_displayopinion_helper {
	padding:0 0 1px 0;
}

}

/*------------------------------------------------- field (elements) */

.c_field {
	height:40px;
	line-height:40px;
	background:#F9F9F9;
	border:solid 1px #CCCCCC;
	color:#000000;
	margin:0;
	padding:0 10px 0 10px;
	border-radius:4px;
	width:100%;
	outline:none;
	font-weight:500;
}

.c_field_obligatorio {
	height:40px;
	line-height:40px;
	background:#F9F9F9;
	border:solid 1px #CCCCCC;
	color:#000000;
	margin:0;
	padding:0 10px 0 10px;
	border-radius:4px;
	width:100%;
	outline:none;
	font-weight:500;
}

.c_field_obligatorioAnt {
	height:40px;
	line-height:40px;
	background:#F9F9F9;
	border:solid 1px #CCCCCC;
	color:#000000;
	margin:0;
	padding:0 10px 0 10px;
	border-radius:4px;
	width:100%;
	outline:none;
	font-weight:500;
}

.c_field_obligatorioEmb {
	height:40px;
	line-height:40px;
	background:#F9F9F9;
	border:solid 1px #CCCCCC;
	color:#000000;
	margin:0;
	padding:0 10px 0 10px;
	border-radius:4px;
	width:100%;
	outline:none;
	font-weight:500;
}

.c_field_obligatorioCont {
	height:40px;
	line-height:40px;
	background:#F9F9F9;
	border:solid 1px #CCCCCC;
	color:#000000;
	margin:0;
	padding:0 10px 0 10px;
	border-radius:4px;
	width:100%;
	outline:none;
	font-weight:500;
}

.c_field_icon {
	position:absolute;
	right:10px;
	top:6px;
	color:#666666;
	font-size:20px;
	pointer-events: none;
}

.c_field_smalltextarea {
	min-height:80px;
	line-height:normal;
	padding:10px;
	margin-bottom:-6px;
}

.c_field_textarea {
	min-height:110px;
	line-height:normal;
	padding:10px;
	margin-bottom:-6px;
}

.c_field_warning {
	background:#F8E6E6;
	border:solid 1px #EB423D;
	outline:none;
}

.c_field_warning-icon {
	color:#EB423D;
	position:absolute;
	right:10px;
	top:10px;
	pointer-events: none;
}

/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_field {
	margin-bottom:10px;
}

.c_field_obligatorio {
	margin-bottom:10px;
}

.c_field_obligatorioAnt {
	margin-bottom:10px;
}

.c_field_obligatorioEmb {
	margin-bottom:10px;
}

.c_field_obligatorioCont {
	margin-bottom:10px;
}


.c_field_simulator {
	margin-bottom:10px;
}

.c_field_textarea {
	margin-bottom:4px;
}

}

/*-------------------------------------- field multiple (structure) */

.c_fieldmultiple_source1block {
	height:130px;
}

.c_fieldmultiple_source1field {
	width:90%;
	float:left;
	height:130px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	padding:10px;
}

.c_fieldmultiple_source1field-2 {
	width:90%;
	float:left;
	height:130px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	padding:10px;
}

.c_fieldmultiple_source1button,
.c_fieldmultiple_source1button:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-left:none;
	float:left;
}
.c_fieldmultiple_source1button:active,
.c_fieldmultiple_source1button:focus, 
.c_fieldmultiple_source1button:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}

.c_fieldmultiple_source1button1,
.c_fieldmultiple_source1button1:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-left:none;
	float:left;
}
.c_fieldmultiple_source1button1:active,
.c_fieldmultiple_source1button1:focus, 
.c_fieldmultiple_source1button1:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}

.c_fieldmultiple_source1button2,
.c_fieldmultiple_source1button2:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-left:none;
	float:left;
}
.c_fieldmultiple_source1button2:active,
.c_fieldmultiple_source1button2:focus, 
.c_fieldmultiple_source1button2:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}


.c_fieldmultiple_source1button4,
.c_fieldmultiple_source1button4:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-left:none;
	float:left;
}
.c_fieldmultiple_source1button4:active,
.c_fieldmultiple_source1button4:focus, 
.c_fieldmultiple_source1button4:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}


.c_fieldmultiple_source1button5,
.c_fieldmultiple_source1button5:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-left:none;
	float:left;
}
.c_fieldmultiple_source1button5:active,
.c_fieldmultiple_source1button5:focus, 
.c_fieldmultiple_source1button5:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}


.c_fieldmultiple_source1button1,
.c_fieldmultiple_source1button1:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-left:none;
	float:left;
}
.c_fieldmultiple_source1button3,
.c_fieldmultiple_source1button3:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-left:none;
	float:left;
}
.c_fieldmultiple_source1button3:active,
.c_fieldmultiple_source1button3:focus, 
.c_fieldmultiple_source1button3:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}



.c_fieldmultiple_subtitle {
	height:30px;
	line-height:40px;
}

.c_fieldmultiple_source2block {
	height:40px;
}

.c_fieldmultiple_source2field {
	width:90%;
	float:left;
	height:40px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	padding:10px;
}

.c_fieldmultiple_source2button,
.c_fieldmultiple_source2button:visited {
	width:10%;
	height:40px;
	border:solid 1px #CCCCCC;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-left:none;
	float:left;
}
.c_fieldmultiple_source2button:active,
.c_fieldmultiple_source2button:focus, 
.c_fieldmultiple_source2button:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}

.c_fieldmultiple_destinyblock {
	height:200px;
}

.c_fieldmultiple_destinyfield {
	width:100%;
	float:left;
	height:300px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	padding:10px;
}

.c_fieldmultiple_destinybutton,
.c_fieldmultiple_destinybutton:visited {
	width:10%;
	height:200px;
	line-height:180px;
	border:solid 1px #CCCCCC;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-right:none;
	float:left;
}
.c_fieldmultiple_destinybutton:active,
.c_fieldmultiple_destinybutton:focus,
.c_fieldmultiple_destinybutton:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}

.c_fieldmultiple_source1block-2 {
	height:130px;
}

.c_fieldmultiple_destinyblock-2 {
	height:130px;
}

.c_fieldmultiple_destinyfield-2 {
	width:90%;
	float:left;
	height:130px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	padding:10px;
}

.c_fieldmultiple_destinybutton-2,
.c_fieldmultiple_destinybutton-2:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-right:none;
	float:left;
}
.c_fieldmultiple_destinybutton-2:active,
.c_fieldmultiple_destinybutton-2:focus,
.c_fieldmultiple_destinybutton-2:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}

.c_fieldmultiple_destinybutton-21,
.c_fieldmultiple_destinybutton-21:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-right:none;
	float:left;
}
.c_fieldmultiple_destinybutton-21:active,
.c_fieldmultiple_destinybutton-21:focus,
.c_fieldmultiple_destinybutton-21:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}

.c_fieldmultiple_destinybutton-22,
.c_fieldmultiple_destinybutton-22:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-right:none;
	float:left;
}
.c_fieldmultiple_destinybutton-22:active,
.c_fieldmultiple_destinybutton-22:focus,
.c_fieldmultiple_destinybutton-22:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}

.c_fieldmultiple_destinybutton-23,
.c_fieldmultiple_destinybutton-23:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-right:none;
	float:left;
}
.c_fieldmultiple_destinybutton-23:active,
.c_fieldmultiple_destinybutton-23:focus,
.c_fieldmultiple_destinybutton-23:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}

.c_fieldmultiple_destinybutton-24,
.c_fieldmultiple_destinybutton-24:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-right:none;
	float:left;
}
.c_fieldmultiple_destinybutton-24:active,
.c_fieldmultiple_destinybutton-24:focus,
.c_fieldmultiple_destinybutton-24:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}


.c_fieldmultiple_destinybutton-25,
.c_fieldmultiple_destinybutton-25:visited {
	width:10%;
	height:130px;
	line-height:130px;
	border:solid 1px #CCCCCC;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#EEEEEE;
	font-size:18px;
	font-weight:500;
	border-right:none;
	float:left;
}
.c_fieldmultiple_destinybutton-25:active,
.c_fieldmultiple_destinybutton-25:focus,
.c_fieldmultiple_destinybutton-25:hover {
	background:#CCCCCC;
	color:#000000;
	font-weight:500;
}


/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_fieldmultiple_source1block {
	height:80px;
}

.c_fieldmultiple_source1field {
	width:89%;
	height:80px;
}

.c_fieldmultiple_source1field-2 {
	width:89%;
	height:80px;
}

.c_fieldmultiple_source1button,
.c_fieldmultiple_source1button:visited {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	height:80px;
	line-height:80px;
}

.c_fieldmultiple_source2field {
	width:89%;
}

.c_fieldmultiple_source2button,
.c_fieldmultiple_source2button:visited {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

.c_fieldmultiple_destinyblock {
	height:110px;
}

.c_fieldmultiple_destinyfield {
	width:89%;
	height:150px;
}

.c_fieldmultiple_destinybutton,
.c_fieldmultiple_destinybutton:visited {
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	height:150px;
	line-height:150px;
}

.c_fieldmultiple_source1block-2 {
	height:80px;
}

.c_fieldmultiple_destinyblock-2 {
	height:80px;
}

.c_fieldmultiple_destinyfield-2 {
	height:80px;
}

.c_fieldmultiple_destinybutton-2,
.c_fieldmultiple_destinybutton-2:visited {
	height:80px;
	line-height:80px;

}

.c_fieldmultiple_destinybutton-21,
.c_fieldmultiple_destinybutton-21:visited {
	height:80px;
	line-height:80px;

}

.c_fieldmultiple_destinybutton-22,
.c_fieldmultiple_destinybutton-22:visited {
	height:80px;
	line-height:80px;

}

.c_fieldmultiple_destinybutton-23,
.c_fieldmultiple_destinybutton-23:visited {
	height:80px;
	line-height:80px;

}



}

/*Phone (xs)*/
@media (max-width: 767px) {

.c_fieldmultiple_source1block {
	height:205px;
}

.c_fieldmultiple_source1field {
	width:100%;
	float:none;
	height:100px;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	padding:10px;
}

.c_fieldmultiple_source1field-2 {
	width:100%;
	float:none;
	height:100px;
	border-top-right-radius:4px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	padding:10px;
	margin-bottom:8px;
}

.c_fieldmultiple_source1button {
	width:100%;
	height:40px;
	line-height:40px;
	border-top-left-radius:0;
	border-top-right-radius:0;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-top:none;
	font-size:10px;
	border-left:solid 1px #CCCCCC;
	position:relative;
	top:-10px;
}

.c_fieldmultiple_subtitle {
	height:20px;
	line-height:20px;
}

.c_fieldmultiple_source2field {
	width:100%;
	float:none;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	padding:10px;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}

.c_fieldmultiple_destinyblock {
	height:140px;
}

.c_fieldmultiple_destinyfield {
	width:100%;
	float:none;
	height:100px;
	border-bottom-left-radius:4px;
	border-top-right-radius:0;
}

.c_fieldmultiple_destinybutton {
	width:100%;
	height:40px;
	line-height:40px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:0;
	border-bottom-left-radius:0;
	font-size:10px;
	border-right:none;
	float:none;
	border-bottom:none;
	border-right:solid 1px #CCCCCC;
}

.c_fieldmultiple_source1block-2 {
	height:80px;
}

.c_fieldmultiple_destinyblock-2 {
	height:0;
}

.c_fieldmultiple_destinyfield-2 {
	height:80px;
	width:100%;
	border-bottom-left-radius:5px;
	border-top-right-radius:0;
}

.c_fieldmultiple_destinybutton-2,
.c_fieldmultiple_destinybutton-2:visited {
	height:80px;
	line-height:80px;
}

.c_fieldmultiple_destinybutton-21,
.c_fieldmultiple_destinybutton-21:visited {
	height:80px;
	line-height:80px;
}

.c_fieldmultiple_destinybutton-22,
.c_fieldmultiple_destinybutton-22:visited {
	height:80px;
	line-height:80px;
}

.c_fieldmultiple_destinybutton-23,
.c_fieldmultiple_destinybutton-23:visited {
	height:80px;
	line-height:80px;
}



}

/*--------------------- field option (structure and elements) */

/* structure */
.c_fieldoption, 
.c_fieldoption:visited {
	display:block;
	height:40px;
	width:100%;
	background:#CCCCCC;
	border-radius:6px;
	color:#EEEEEE;
	outline:none;
}
.c_fieldoption:active, 
.c_fieldoption:focus, 
.c_fieldoption:hover {
	background:#000000;
	color:#FFFFFF;
	outline:none;
	font-weight:500;
}

.c_fieldoption_selected,
.c_fieldoption_selected:active,
.c_fieldoption_selected:focus,
.c_fieldoption_selected:hover, 
.c_fieldoption_selected:visited {
	display:block;
	height:40px;
	width:100%;
	background:#000000;
	border-radius:6px;
	color:#FFFFFF;
	outline:none;
	font-weight:500;
}

.c_fieldoption_icon {
	float:left;
	width:25%;
	height:40px;
	line-height:40px;
	text-align:center;
}

.c_fieldoption_text {
	height:40px;
	line-height:40px;
	background:#F9F9F9;
	border:solid 1px #CCCCCC;
	border-left:none;
	color:#242424;
	margin:0;
	padding:0 10px 0 10px;
	border-radius:4px;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	outline:none;
	float:left;
	width:75%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis ;
}

/* elements */
.c_fieldoption_high, 
.c_fieldoption_high:visited {
	background:#F8E6E6;
	color:#FFFFFF;
}
.c_fieldoption_high:active, 
.c_fieldoption_high:focus, 
.c_fieldoption_high:hover {
	background:#EB423D;
	color:#FFFFFF;
}

.c_fieldoption_high_selected,
.c_fieldoption_high_selected:active,
.c_fieldoption_high_selected:focus, 
.c_fieldoption_high_selected:hover, 
.c_fieldoption_high_selected:visited {
	background:#EB423D;
	color:#FFFFFF;
}

.c_fieldoption_medium, 
.c_fieldoption_medium:visited {
	background:#F9EEE4;
	color:#FFFFFF;
}
.c_fieldoption_medium:active,
.c_fieldoption_medium:focus,
.c_fieldoption_medium:hover {
	background:#F7931D;
	color:#FFFFFF;
}

.c_fieldoption_medium_selected,
.c_fieldoption_medium_selected:active,
.c_fieldoption_medium_selected:focus, 
.c_fieldoption_medium_selected:hover, 
.c_fieldoption_medium_selected:visited {
	background:#F7931D;
	color:#FFFFFF;
}

.c_fieldoption_low, 
.c_fieldoption_low:visited {
	background:#E6F2E8;
	color:#FFFFFF;
}
.c_fieldoption_low:active,
.c_fieldoption_low:focus, 
.c_fieldoption_low:hover {
	background:#0DB14B;
	color:#FFFFFF;
}

.c_fieldoption_low_selected,
.c_fieldoption_low_selected:active,
.c_fieldoption_low_selected:focus, 
.c_fieldoption_low_selected:hover, 
.c_fieldoption_low_selected:visited {
	background:#0DB14B;
	color:#FFFFFF;
}

.c_fieldoption_na, 
.c_fieldoption_na:visited {
	background:#CACECB;
	color:#FFFFFF;
}
.c_fieldoption_na:active,
.c_fieldoption_na:focus, 
.c_fieldoption_na:hover {
	background:#000000;
	color:#FFFFFF;
}

.c_fieldoption_na_selected,
.c_fieldoption_na_selected:active,
.c_fieldoption_na_selected:focus, 
.c_fieldoption_na_selected:hover, 
.c_fieldoption_na_selected:visited {
	background:#000000;
	color:#FFFFFF;
}

.c_fieldoption_priorityicon {
	width:40%;
	border:solid 1px #CCCCCC;
	border-right:none;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
}

.c_fieldoption_prioritytext {
	width:60%;
}

/*Phone (xs)*/
@media (max-width: 767px) {

.c_fieldoption, 
.c_fieldoption:visited {
	margin-bottom:10px;
}

.c_fieldoption_icon {
	width:20%;
}
.c_fieldoption_text {
	width:80%;
}

/* priority */
.c_fieldoption_priorityicon {
	width:20%;
}

.c_fieldoption_prioritytext {
	width:80%;
}

}

/*----------------------------------------------- footer (structure) */

.c_footer_top {
	border-top:solid 2px #EEEEEE;
	padding:40px 0 40px 0;
	height:140px;
	background:#FFFFFF;
}

.c_footer_menu {
	float:left;
}

.c_footer_option, 
.c_footer_option:visited  {
	font-size:12px;
	color:#57585B;
	line-height:60px;
	margin-right:20px;
	text-decoration:none;
}
.c_footer_option:active,
.c_footer_option:focus,
.c_footer_option:hover {
	font-size:12px;
	color:#57585B;
	text-decoration:underline;
}

.c_footer_pidag {
	height:60px;
	border-left:solid 1px #EEEEEE;
	border-right:solid 1px #EEEEEE;
	padding:0 40px 0 40px;
	float:right;
}

.c_footer_cadu {
	height:60px;
	border-right:solid 1px #EEEEEE;
	padding:15px 40px 15px 40px;
	float:right;
}

.c_footer_bottom {
	background:#EEEEEE;
	height:70px;
}

/*Phone (xs)*/
@media (max-width: 767px) {
	
.c_footer_top {
	padding:40px 0 40px 0;
	height:auto;
	text-align:center;
}

.c_footer_menu {
	margin-bottom:20px;
	float:none;
}

.c_footer_option, 
.c_footer_option:visited  {
	display:block;
	width:100%;
	height:auto;
	padding:0;
	line-height:normal;
}

.c_footer_pidag {
	height:50px;
	padding:0 20px 0 20px;
	float:none;
	display:inline-block;
	border:none;
}

.c_footer_cadu {
	height:50px;
	padding:15px 20px 15px 20px;
	float:none;
	display:inline-block;
	border:none;
}

}

/*------------------------------------------------ form (elements) */

.c_form_line {
	padding-top:40px;
}

.c_form_link,
.c_form_link:visited {
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	margin:10px 0 0 0;
	background-color:#666666;
	width:20px;
	height:20px;
	border-radius:10px;
	text-align:center;
	line-height:20px;
}
.c_form_link:hover,
.c_form_link:focus,
.c_form_link:active {
	text-decoration:none;
	color:#FFFFFF;
	background-color:#000000;
}

.c_form_obligatory {
	color:#EB423D;
	font-size:13px;
	margin:10px 0 0 0;
	letter-spacing:1px;
}

.c_form_obligatoryfield {
	color:#EB423D;
	font-size:27px;
	line-height:8px;
	margin:0;
	padding:0;
	position:relative;
	top:6px;
}

.c_form_recess {
	margin:70px 0 40px 0;
	color:#EEEEEE;
	width:100%;
	text-align:center;
	font-size:13px;
}

.c_form_ruler {
	height:1px;
	background:#CCCCCC;
	margin:20px 0 20px 0;
}

.c_form_text {
	color:#000000;
}

.c_form_wrap {
	position:relative;
}

/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_form_line {
	padding-top:30px;
}

.c_form_ruler {
	margin:4px 0 20px 0;
}

}

/*Phone (xs)*/
@media (max-width: 767px) {

.c_form_recess {
	margin:40px 0 10px 0;
	color:#EEEEEE;
	width:100%;
	text-align:center;
	font-size:13px;
}

.c_form_ruler {
	margin:20px 0 20px 0;
}

}

/*----------------------------------------- form menu (structure) */

.c_formmenu_arrow {
	width: 0; 
	height: 0; 
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #EEEEEE;
	margin-left:40px;
	margin-top:10px;
}

.c_formmenu_set {
	background:#EEEEEE;
	border-radius:10px;
	padding:10px 15px 2px 15px;
	margin:0;
}

.c_formmenu_option:link, 
.c_formmenu_option:visited  {
	display:block;
	font-size:14px;
	padding:10px 0 10px 0;
	border-bottom:solid 1px #CCCCCC;
	color:#57585B;
	text-decoration:none;
	outline:none;
}
.c_formmenu_option:active,
.c_formmenu_option:focus,
.c_formmenu_option:hover {
	color:#000000;
	font-weight:500;
}

.c_formmenu_helper {
	height:5px;
	position:relative;
	top:-3px;
	background:#EEEEEE;
}

/*---------------------------------------------- header (structure) */

.c_header {
	background:#EEEEEE;
	overflow:hidden;
	height:60px;
	width:100%;
	z-index:999;
	position:fixed;
	top:0;
}

.c_header_logo {
	height:34px;
	margin:13px 0 13px 0;
}

.c_header_option, 
.c_header_option:visited {
	display:inline-block;
	height:60px;
	width:60px;
	line-height:60px;
	text-align:center;
	font-size:25px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	float:right;
	margin-left:-1px;
	color:#57585B;
	position:relative;
}
.c_header_option:active,
.c_header_option:hover {
	background:#DDDDDD;
	color:#57585B;
}
.c_header_option:focus {
	background:#222222;
	color:#FFFFFF;
}

.c_header_notification {
	position:absolute;
	top:0;
	left:50%;
	width:34px;
	height:20px;
	font-size:11px;
	line-height:20px;
	margin-left:-17px;
	background:#EB423D;
	color:#FFFFFF;
	text-align:center;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_header {
	position:relative;
	top:auto;
}

}
/*Phone (xs)*/
@media (max-width: 767px) {

.c_header {
	background:#EEEEEE;
	overflow:hidden;
	height:44px;
}

.c_header_logo {
	height:18px;
	margin:13px 0 13px 0;
}

.c_header_option {
	height:44px;
	width:44px;
	line-height:44px;
	font-size:15px;
}

.c_header_notification {
	width:43px;
	height:5px;
	font-size:10px;
	line-height:12px;
	margin-left:-22px;
	border-radius:0;
	text-indent:-9999px;
}

}


/*---------------------------------------------- home (elements) */


.c_home_whitebg {
	background:#FFFFFF;
	padding:60px 0 60px 0;
}

.c_home_logo {
	width:50%;
}

.c_home_graybg {
	background:#222222;
	color:#FFFFFF;
	padding:40px 0 40px 0;
}

.c_home_space {
	background:#FFFFFF;
	height:80px;
}

.c_home_infocolumn {
	border-right:1px solid #333333;
	padding-right:80px;
	position:relative;
	margin-right:-1px;
}

.c_home_fieldcolumn {
	padding-left:80px;
	border-left:1px solid #333333;
}

.c_home_title {
	font-size:35px;
	font-weight:200;
}

.c_home_maintext {
	font-size:15px;
	line-height:25px;
	text-align:justify;
	padding-bottom:10px;
}

.c_home_option,
.c_home_option:focus,
.c_home_option:hover,
.c_home_option:visited,
.c_home_option:active {
	text-decoration:none;
	color:#FFFFFF;
}

.c_home_opmodules {
	background:#EE3E2C;
	width:60px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	text-align:center;
	font-size:25px;
	margin:auto auto;
	margin-bottom:10px;
}

.c_home_oppanel {
	background:#F7931D;
	width:60px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	text-align:center;
	font-size:25px;
	margin:auto auto;
	margin-bottom:10px;
}

.c_home_opsearch {
	background:#0DB14B;
	width:60px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	text-align:center;
	font-size:25px;
	margin:auto auto;
	margin-bottom:10px;
}

.c_home_opregister {
	background:#ADD8E6;
	width:60px;
	height:60px;
	line-height:60px;
	color:#FFFFFF;
	text-align:center;
	font-size:25px;
	margin:auto auto;
	margin-bottom:10px;
}

.c_home_field {
	height:40px;
	line-height:40px;
	background:#000000;
	border:solid 1px #666666;
	color:#FFFFFF;
	margin:0;
	padding:0 10px 0 10px;
	border-radius:4px;
	width:100%;
	outline:none;
	margin-bottom:30px;
}

.c_home_link,
.c_home_link:visited {
	color:#FFFFFF;
	display:block;
	margin-top:40px;
	text-decoration:none;
}

.c_home_link:active,
.c_home_link:focus,
.c_home_link:hover {
	text-decoration:underline;
}

/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_home_whitebg {
	background:#FFFFFF;
	padding:40px 0 40px 0;
}

.c_home_infocolumn {
	border-right:none;
	padding-right:15px;
	margin-right:0;
}

.c_home_fieldcolumn {
	padding-left:15px;
	border-left:none;
}

.c_home_option {
	margin-bottom:40px;
	display:block;
}

.c_home_field {
	margin-bottom:30px;
}

.c_home_link {
	margin-top:0;
}

}

/*Phone (xs)*/
@media (max-width: 767px) {

.c_home_whitebg {
	background:#FFFFFF;
	padding:20px 0 20px 0;
}

.c_home_graybg {
	background:#222222;
	color:#FFFFFF;
	padding:10px 0 10px 0;
}

.c_home_title {
	font-size:20px;
	font-weight:200;
	margin-bottom:10px;
}

.c_home_maintext {
	font-size:11px;
	line-height:20px;
	padding-bottom:0;
	border-top:1px solid #666666;
	padding-top:20px;
	margin-top:20px;
}

.c_home_option {
	margin-bottom:20px;
	display:block;
	font-size:12px;
}

.c_home_opmodules {
	width:40px;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	font-size:15px;
}

.c_home_oppanel {
	width:40px;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	font-size:15px;
}

.c_home_opsearch {
	width:40px;
	height:40px;
	line-height:40px;
	margin-bottom:10px;
	font-size:15px;
}

.c_home_field {
	margin-bottom:10px;
}

.c_home_link {
	margin-top:10px;
}

}

/*--------------------------------------------- modal (elements)  */

.c_modal_attach {
	background:#F0F0E1 !important;
	border-radius:3px;
}

.c_modal_close:link, 
.c_modal_close:visited  {
	color:#666666;
	font-size:30px;
	float:right;
}
.c_modal_close:active,
.c_modal_close:focus, 
.c_modal_close:hover {
	color:#000000;
}

.c_modal_heading {
	color:#000000;
	font-weight:600;
	margin-bottom:20px;
}

.c_modal_text {
	margin:40px 0 40px 0;
}

.c_modal_messageicon {
	font-size:70px;
	line-height:70px;
}

.c_modal_messagetitle {
	font-size:18px;
}

.c_modal_button-1, 
.c_modal_button-1:visited {
	height:40px;
	line-height:40px;
	background:#000000;
	color:#CCCCCC;
	border-radius:10px;
	width:100%;
	outline:none;
	padding:0;
	margin:0;
	border:none;
	vertical-align:middle;
}
.c_modal_button-1:active,
.c_modal_button-1:focus,
.c_modal_button-1:hover {
	color:#FFFFFF;
	font-weight:500;
}

.c_modal_button-2, 
.c_modal_button-2:visited {
	height:40px;
	line-height:40px;
	background:#FFFFFF;
	border:2px solid #000000;
	color:#000000;
	border-radius:10px;
	width:100%;
	outline:none;
	padding:0;
	margin:0;
	vertical-align:middle;
}
.c_modal_button-2:active,
.c_modal_button-2:focus,
.c_modal_button-2:hover {
	color:#000000;
	font-weight:600;
	background:#EEEEEE;
}

.c_modal_warning {
	color:#B28500;
}

.c_modal_button-1_warning {
	background:#B28500;
}

.c_modal_button-2_warning,
.c_modal_button-2_warning:active,
.c_modal_button-2_warning:focus,
.c_modal_button-2_warning:hover,
.c_modal_button-2_warning:visited {
	border:2px solid #B28500;
	color:#B28500;
}

.c_modal_error {
	color:#8C0000;
}

.c_modal_button-1_error {
	background:#8C0000;
}

.c_modal_button-2_error,
.c_modal_button-2_error:active,
.c_modal_button-2_error:focus,
.c_modal_button-2_error:hover,
.c_modal_button-2_error:visited {
	border:2px solid #8C0000;
	color:#8C0000;
}


/*Phone (xs)*/
@media (max-width: 767px) {

.c_modal_heading {
	margin-bottom:0;
	margin-top:20px;
}

}

/*-------------------------------------- modal button (structure) */

.c_modalbutton, 
.c_modalbutton:visited  {
	display:block;
	border:2px solid #CCCCCC;
	border-radius:10px;
	padding:10px;
	color:#666666;
	background:#F9F9F9;
	background:url(../img/bg-modal.png);
	font-size:13px;
	min-height:80px;
	outline:none;
	margin-top:40px;
}
.c_modalbutton:active,
.c_modalbutton:focus, 
.c_modalbutton:hover {
	color:#000000;
	border:2px solid #000000;
	outline:none;
	font-weight:500;
}

.c_modalbutton_text {
	color:#000000;
	font-weight:600;
}

.c_modalbutton_icon {
	font-size:20px;
	margin-left:5px;
}

/*Phone (xs)*/
@media (max-width: 767px) {
	
.c_modalbutton, 
.c_modalbutton:visited  {
	min-height:40px;
}

}

/*-------------------------------------------- modules (structure) */

.c_modules {
	width:100%;
	background:#222222;
	color:#FFFFFF;
	z-index:998;
	font-weight:300;
	position:fixed;
	top:60px;
}

.c_modules_padding {
	padding:40px 0 40px 0;
}

.c_modules_gridheight {
	min-height:180px;
	border-left:solid 1px #444444;
}

.c_modules_mainoption:link, 
.c_modules_mainoption:visited {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	font-size:15px;
	margin:5px 0 0 0;
}
.c_modules_mainoption:active, 
.c_modules_mainoption:focus,
.c_modules_mainoption:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.c_modules_option a:link, 
.c_modules_option a:visited {
	color:#CCCCCC;
	display:block;
	text-decoration:none;
	font-size:15px;
	margin:5px 0 0 0;
}
.c_modules_option a:active,
.c_modules_option a:focus,
.c_modules_option a:hover {
	color:#FFFFFF;
	display:block;
	text-decoration:none;
}

.c_modules_space-1 {
	height:40px;
}

.c_modules_space-2 {
	margin-top:40px;
}

.c_modules_helper {
	height:5px;
	background:#222222;
	position:relative;
	top:-3px;
}

/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_modules {
	width:100%;
	background:#222222;
	color:#FFFFFF;
	z-index:998;
	font-weight:300;
	position:relative;
	top:auto;
}

.c_modules_gridheight {
	min-height:40px;
	line-height:40px;
	border-left:none;
	border-bottom:solid 1px #444444;
}

.c_modules_space-2 {
	margin-top:0;
}

}
/*Phone (xs)*/
@media (max-width: 767px) {

.c_modules_padding {
	padding:20px;
}

}

/*----------------------------------------- pagination (structure) */

.c_pagination_wrap {
	display:block;
	margin-right:4px;
	margin-bottom:16px;
}

.c_pagination {
	text-align:right;
}
.c_pagination a:link, 
.c_pagination a:visited {
	display:inline-block;
	padding:10px;
	text-decoration:none;
	color:#999999;
}
.c_pagination a:active, 
.c_pagination a:focus,
.c_pagination a:hover {
	text-decoration:none;
	color:#000000;
	font-weight:600;
}

/*---------------------------------- panel summary (structure) */

.c_panelsummary {
	width:100%;
	background:#222222;
	color:#FFFFFF;
	z-index:998;
	font-weight:300;
	position:fixed;
	top:60px;
}

.c_panelsummary_padding {
	padding:40px 0 40px 0;
}

.c_panelsummary_picture {
	display:block;
	width:100%;
	border-radius:50%;
}

.c_panelsummary_name {
	font-size:18px;
	font-weight:200;
	margin:10px 0 0 0;
}

.c_panelsummary_place {
	font-size:15px;
	font-weight:300;
}

.c_panelsummary_space {
	margin:40px;
}

.c_panelsummary_menu {
	font-size:15px;
}

.c_panelsummary_option:link, 
.c_panelsummary_option:visited {
	display:block;
	color:#FFFFFF;
	padding:10px 0 10px 0;
	border-bottom:solid 1px #444444;
	text-decoration:none;
	font-size:15px;
}
.c_panelsummary_option:focus,
.c_panelsummary_option:hover {
	color:#FFFFFF;
}
.c_panelsummary_option:active {
	color:#FFFFFF;
	font-weight:500;
}

.c_panelsummary_helper {
	height:5px;
	position:relative;
	top:-3px;
	background:#222222;
}

.c_panelsummary_list {
	color:#CCC;
	padding-left:50px;
}

.c_panelsummary_row-1, 
.c_panelsummary_row-1:visited {
	background:#333333;
	padding:10px;
	color:#CCCCCC;
	cursor:pointer;
}
.c_panelsummary_row-1:active, 
.c_panelsummary_row-1:focus,
.c_panelsummary_row-1:hover {
	color:#FFFFFF;
	background:#444444;
}

.c_panelsummary_task {
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis ;
}

.c_panelsummary_row-2, 
.c_panelsummary_row-2:visited {
	padding:10px;
	color:#CCCCCC;
	cursor:pointer;
}
.c_panelsummary_row-2:active, 
.c_panelsummary_row-2:focus,
.c_panelsummary_row-2:hover {
	color:#FFFFFF;
	background:#444444;
}

/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_panelsummary {
	position:relative;
	top:auto;
}

.c_panelsummary_list {
	padding-left:0;
	margin-top:40px;
}

}
/*Phone (xs)*/
@media (max-width: 767px) {

.c_panelsummary_padding {
	padding:20px 0 20px 0;
}

.c_panelsummary_space {
	margin:20px;
}

.c_panelsummary_menu {
	margin:20px 0 0 0;
}

.c_panelsummary_list {
	margin-top:20px;
}

}

/*--------------------------------------------- priority (elements) */

.c_priority_high {
	color:#EB423D;
}

.c_priority_medium {
	color:#F7931D;
}

.c_priority_low {
	color: #0DB14B;
}

.c_priority_highlink, 
.c_priority_highlink:active,
.c_priority_highlink:focus,
.c_priority_highlink:hover,
.c_priority_highlink:visited {
	color:#EB423D;
	text-decoration:none;
}

.c_priority_mediumlink
.c_priority_mediumlink:active,
.c_priority_mediumlink:focus,
.c_priority_mediumlink:hover,
.c_priority_mediumlink:visited {
	color:#F7931D;
	text-decoration:none;
}

.c_priority_lowlink,
.c_priority_lowlink:active,
.c_priority_lowlink:focus,
.c_priority_lowlink:hover,
.c_priority_lowlink:visited {
	color: #0DB14B;
	text-decoration:none;
}

/*--------------------------------- search summary (structure) */

.c_searchsummary {
	width:100%;
	background:#222222;
	color:#FFFFFF;
	z-index:998;
	font-weight:300;
	position:fixed;
	top:60px;
}

.c_searchsummary_padding {
	padding:40px 0 40px 0;
}

.c_searchsummary_field {
	width:100%;
	display:inline-block;
	height:40px;
	line-height:40px;
	background:#000000;
	border:solid 1px #666666;
	color:#FFFFFF;
	margin:0 0 40px 0;
	vertical-align:top;
	padding:0 10px 0 10px;
	margin-right:-2px;
	border-radius:5px;
	outline:none;
}

.c_searchsummary_group {
	border-bottom:solid 1px #444444;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
}

.c_searchsummary_result, 
.c_searchsummary_result:visited {
	display:block;
	color:#CCCCCC;
	text-decoration:none;
	margin:0 0 10px 0;
	width:100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis ;
}
.c_searchsummary_result:active,
.c_searchsummary_result:focus, 
.c_searchsummary_result:hover {
	color:#FFFFFF;
	text-decoration:none;
}

/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_searchsummary {
	position:relative;
	top:auto;
}

}
/*Phone (xs)*/
@media (max-width: 767px) {

.c_searchsummary_padding {
	padding:20px 0 20px 0;
}

.c_searchsummary_field {
	margin:0 0 20px 0;
}

}

/*----------------------------------------- side menu (structure) */

.c_sidemenu {
	margin:10px 0 0 0;
	font-size:14px;
}

.c_sidemenu_option:link, 
.c_sidemenu_option:visited {
	display:block;
	color:#666666;
	padding:10px 0 10px 0;
	border-bottom:solid 1px #EEEEEE;
	text-decoration:none;
}
.c_sidemenu_option:active,
.c_sidemenu_option:focus,
.c_sidemenu_option:hover {
	color:#000000;
	font-weight:500;
}

.c_sidemenu_helper {
	height:5px;
	position:relative;
	top:-3px;
	background:#FFFFFF;
}

/*--------------------------------------------- space (elements) */

.c_space_10 {height:10px;}
.c_space_20 {height:20px;}
.c_space_30 {height:30px;}
.c_space_40 {height:40px;}

.c_space_display {
	padding:20px 0 20px 0;
}

/*--------------------------- table (structure and elements) */

/* structure */
.c_table_helper {
	text-align:center;
	font-size:50px;
	line-height:50px;
	color:#EEEEEE;
}

/*--------------------- table form (structure and elements) */

.c_tableform td div {
	padding:10px 0 10px 0;
	font-size:13px;
	line-height:16px;
}

/* elements */
.c_tableform_topheader {
	border-bottom:solid 1px #000000;
	display:inline-block;
	margin-bottom:-1px;
	padding-bottom:5px;
}

.c_tableform_header-space {
	width:100%;
	float:left;
	height:0;
}

.c_tableform_bottomheader {
	border-top:solid 1px #000000;
	padding-top:5px;
	float:left;
}

.c_tableform_option:link, 
.c_tableform_option:visited  {
	display:block;
	color:#666;
	font-size:16px;
	text-decoration:none;
	padding:6px 0 6px 0;
	text-align:center;
}
.c_tableform_option:active,
.c_tableform_option:focus, 
.c_tableform_option:hover {
	color:#000;
	text-decoration:none;
}

/*------------------------------------- table modal  (elements) */

.c_tablemodal td {
	font-size:14px;
}

.c_tablemodal_option:link, 
.c_tablemodal_option:visited  {
	display:block;
	color:#666666;
	font-size:14px;
	text-decoration:none;
	padding:0;
	text-align:center;
}
.c_tablemodal_option:active,
.c_tablemodal_option:focus, 
.c_tablemodal_option:hover {
	color:#000000;
	text-decoration:none;
}

/*------------------------------ tabs (structure and elements) */

/* structure */
.c_tabs_handle a.open{
   color:#000000;
   border-bottom:5px #000000 solid;
}

.c_tabs_tab:link, 
.c_tabs_tab:visited  {
	display:block;
	width:50%;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#999999;
	float:left;
	text-decoration:none;
	border-bottom:5px #CCCCCC solid;
	cursor: pointer;
	outline: 0;
}
.c_tabs_tab:active,
.c_tabs_tab:focus,
.c_tabs_tab:hover {
	color:#000000;
	border-bottom:5px #000000 solid;
	text-decoration:none;
}

.c_tabs_row {
    border: #FFFFFF 1px solid;
    position:relative;
    overflow:hidden;
}

.c_tabs_rowcontent {
    display: none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
}

.c_tabs_rowcontent.open{
    display:block;
}

.c_tabs_clear{
    clear:both; 
    display:block; 
    height:0; 
    width:auto;
}

/* elements */
.c_tabs_2 {width:50%;}
.c_tabs_3 {width:33.3333333333333%;}
.c_tabs_4 {width:25%;}
.c_tabs_5 {width:20%;}

/*---------------------------------------------------- up (structure) */

.c_up_position {
	position:fixed;
	bottom:35px;
	width:50%;
}

.c_up:link, 
.c_up:visited  {
	display:block;
	width:35px;
	height:35px;
	background:#57585B;
	color:#FFFFFF;
	line-height:35px;
	text-align:center;
	border-radius:5px;
}
.c_up:active,
.c_up:focus,
.c_up:hover {
	background:#000000;
}

/*----------------------------------------- work area (structure) */

.c_workarea {
	padding-top:60px;
	background:#FFFFFF;
	padding-bottom:140px;
	min-height:550px;
}

.c_workarea_fixed {
	position:fixed;
	width:335px;
	background-image:url(../img/shadow-workarea.png);
	background-position:right top;
	background-repeat:no-repeat;
	min-height:480px;
	padding-right:40px;
	padding-top:36px;
}

.c_workarea_form {
	padding-top:0;
}

/*Lap-Desk (md)*/
@media (max-width: 1529px) {

.c_workarea_fixed {
	width:260px;
}

}
/*Tablet (xs)*/
@media (max-width: 1229px) {

.c_workarea {
	padding-top:0;
}

.c_workarea_fixed {
	position:relative;
	width:100%;
	background-image:none;
	min-height:50px;
	padding-right:0;
	padding-top:36px;
}

}
/*Phone (xs)*/
@media (max-width: 767px) {

.c_workarea {
	padding-top:0;
	padding-bottom:70px;
	min-height:50px;
}

}

/*------------------------------------ DESIGN FRAMEWORK */

.c_design {
	position:fixed;
	bottom:0;
	left:50%;
	margin-left:-60px;
	width:120px;
	text-align:center;
	padding:10px 0 5px 0;
	background-color:#99CCCC;
	font-size:12px;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
	color:#FFFFFF;
	box-shadow: 0 0 15px #242424;
	border:1px solid #FFF;
	border-bottom:none;
	z-index:500;
}

.c_design_lg {background-color:#06C;}
.c_design_md {background-color:#090;}
.c_design_sm {background-color:#C90;}
.c_design_xs {background-color:#C00;}