/* 
    Created on : 09-oct-2014, 12:12:09
    Author     : MN0012
*/
body {
            	margin:0;
	            background: #fff;
	            color: #8a8a8a;
				font-size: 11px;
                font-family: "Verdana", Helvetica, Arial, sans-serif;
}

body, html { height: 100%; }

* { outline: none; }	

img, a img, fieldset { border: 0; }

div {
    margin: 0;
    padding: 0;
}

p {
    margin: 0;
    padding: 0;
}

ul, ol {
        list-style-type: none;
        margin: 0;
        padding: 0;	
}

input, textarea {
    background: none repeat scroll 0 0 #efeded;
    border: 1px solid #d8d7d7;
    margin: 3px 0 5px;
    padding: 3px;
}

/*@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'KaushanScriptRegular';
    src: url('../fonts/KaushanScript-Regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/

.logo {	padding-left :  10px; float: left; margin: 0; }	
.members{
            position:absolute; bottom:0;
            right:5px;
            text-align: right; color: #953735; text-transform:uppercase;  
            font-size: 10px; font-weight: bold; letter-spacing: 3px;
    }
.user {	padding-right:  5px; float: right; margin: 0; }
#page { background: #FFFFFF ; background-position: top center; margin: 0 auto; width: 100%; min-width:1080px; float: center; }
#header-wrapper, #slider-wrapper, #footer-wrapper { margin:0 auto; width: 100%;}
#header {height: 100px; width: 100%;background: url("../../images/bg-header.jpg") repeat-x scroll 0 0;}
#header-left { 
                position:relative;
                padding-right: 0px; float: right; margin: 0;
                height: 100px; 
                width:400px;
        }
#menu { 	/* Bandeau MENU */
        height: 38px; 
	width: 100%; 
	min-width:1080px;
	margin: 0; 
	background : #737373;
	padding: 0;
}
#menu_login    		{ float: right; padding-top: 8px; padding-right: 10px; display: table; }
#menu_login *		{ float:left;  } 
#menu_login p		{ font-size: 11px; color: #ddd; font-weight: normal; font-style:italic; line-height:1.5em; vertical-align:middle; text-transform:lowercase;}
#menu_login input.txtfield	{ font-size: 12px; color: #770000; background: #ddd; font-weight: normal; font-family: Arial, Helvetica, sans-serif; border-style: none; padding:0px 0px 0px 3px; line-height:1em; vertical-align:middle; }

#menu_login .bouton { 
             background: url("../../images/submit_login_short.png") no-repeat; 
			 border: 0 none; 
			 height: 20px; 
			 padding: 0; 
			 margin: 0;
			 width: 35px; 
			 cursor: pointer; 
			 
			 font-family: Arial, Helvetica, sans-serif;
			 font-size: 11px;
			 font-weight: bold;
			 color: #ffffff;
			 padding: 3px 3px;
			 text-shadow: 0px -1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.3);
}

#content 
{		
	width: 100%;
	background-color: #ffffff;
	/* background-color: #efefef; */
	padding: 0;
	padding-top: 0px;
	overflow: auto;
}
#accueil {
    margin-bottom: 100px;
    margin-top: 100px;
}

element.style {
    color: #b6956a;
}
#accueil h2 {
    color: #eeeeee;
    font-family: "KaushanScriptRegular",Arial,sans-serif;
    font-size: 80px;
    font-weight: normal;
    margin: 0;
}

#footer {
    background: none repeat scroll 0 0 #737373;
    bottom: 0;
    height: 25px;
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    position: fixed;
    width: 100%;
}

#powered {
    float: left;
    margin-top: 0;
    opacity: 1;
}


.t-copy {
    color: #ffffff;
    font-family: "OpenSansSemibold",Arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px #000000;
    word-spacing: normal;
}

.t-copy p span {
    color: #a00000;
}
.t-copy p span, .t-copy a {
    color: #e10909;
}

#powered h2 {
    color: #ffffff;
    font-family: "KaushanScriptRegular",Arial,sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding-left: 20px;
    text-shadow: none;
}

#accueil center span.error{
    color: red;
}

/*-------------------ESTILOS ENCUESTAS-------------------*/

.enquete{
    width:100%;
    overflow:auto;
    text-align:center;
}

.enquete-title{        
    padding: 5px;
    text-align:right;
    background: none repeat scroll 0 0 #737373;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    margin-bottom:10px;
    color:#FFFFFF;
}

.question_block{
    width:50%;
    border: 2px solid;
    border-radius: 25px;
    display: table;
    margin: 0 auto;
}

.enquete div.out{
    display:none !important;
}

div.block-title{
    text-align:left;    
    padding: 10px 20px ; 
    background-color: #F4A704;
    border-radius: 23px 23px 0 0;
}

div.block-title label:not(.pager){
    font-size: 24px;
    font-style: normal;
    font-weight: normal;  
    padding-left:10px;
    width:85%;
    color:#000;
}

div.question-title{
    text-align:left;
    display:table-row;
    margin: 10px 85px ; 
}

div.question-title label{
    font-size: 16px;
    font-style: normal;
    font-weight: normal;  
    padding-left:30px;
}

div.separator{
    border-top:1px solid #737373;
    margin:0px auto;
}

label.pager{
    text-align:right;
    left: 92%;
    position: relative;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    cursor:pointer;
}

label.pager-down{
    text-align:center;    
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    margin-left: 20px;
    margin-right: 20px;
}

.question{
    margin:20px;
}

.radio-answer{
    text-align:left;
    margin-left:50px;
    margin-top:5px;
    margin-bottom:5px;
}

.radio-answer label{
    padding-left:10px;
    position: relative;
    top: -2px;
}

.textarea-answer{
    text-align:left;
    margin-left:50px;
    margin-top:5px;
    margin-bottom:5px;
}

.textarea-answer textarea{
    width:750px;
}

.button-forward::after{
    border-left: 2px solid #848684;
    border-top: 2px solid #848684;
    content: "";
    cursor: pointer;
    display: block;
    height: 9px;
    position: relative;
    right: -900px;
    top: -19px;
    transform: rotate(135deg);
    width: 9px;
}

.button-forward.hidden, .button-back.hidden{
    visibility: hidden;
}

.button-back::before{
    border-bottom: 2px solid #848684;
    border-right: 2px solid #848684;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 9px;
    left: 830px;
    position: relative;
    top: -1px;
    transform: rotate(135deg);
    width: 9px;
}

.form-button{
    padding-top: 10px;
    text-align: right;
    width: 75%
}

.form-button input, .page-button{
    background-color: #ffffff;
    border: 2px solid #737373;
    border-radius: 25px;
    cursor: pointer;
    width: 150px
}

div.thank{
    font-size: 25px;
    width:55%;
    text-align:right;
    padding-top: 100px;
}

input[type="radio"]{
    visibility:hidden;
}

.square-checkbox-wrapper.checked .square-checkbox-mask {
    background-color: #f4a704;
}
.square-checkbox-mask {
    background-color: transparent;
    border: 0 solid #8a8a8a;
    border-radius: 0;
    display: block;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 0.3s ease-out 0s;
    width: 15px;
}

.square-checkbox-wrapper {
    background-color: #fff;
    border: 1px solid #8a8a8a;
    border-radius: 5px;
    display: inline-block;
    height: 15px;
    margin-left: 12px;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
    vertical-align: -2px;
    width: 15px;
    cursor:pointer;
}

.pliegos {
    margin-left: auto;
    margin-right: auto;
    width: 1280px;
	display:table;
	margin-top: 10px;
}

.pliegos .title {
	font-size:21px;
	color:#888888;
	text-align: center;
}

.pliegos-row {
	display:table-row;	
}

.pliegos-cell {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pliegos-cell.odd {
	background-color:#d4c3ea;
	color: #555;
}

.pliegos-cell.even {
	background-color:#ededed;
}

.pliegos-cell.big-field {
	width:20%;
}

.pliegos-cell.really-big-field {
	width:40%;
}

.pliegos-cell.fecha {
	width:10%;
}

.pliegos-cell.normal {
	width:10%;
}

.pliegos-cell.w-20 {
    width: 20%;
}
.pliegos-cell.w-1 {
    width: 1%;
}

label.add {
	background: rgba(0, 0, 0, 0) url("../../images/add_32.png") no-repeat scroll 0 0;
    content: "";
    display: block;
    height: 32px;
    margin: 4px;
    position: relative;
    left: 1240px;
    width: 32px;
	cursor: pointer;
}

.inactive {
	cursor:auto!important;
}

label.link.extern.inactive {
	 background: rgba(0, 0, 0, 0) url("../../images/hyperlink_non_20.png") repeat scroll 0 0;
}

label.link.extern {
    background: rgba(0, 0, 0, 0) url("../../images/hyperlink_20.png") repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width: 20px;
}

label.doc.inactive {
	 background: rgba(0, 0, 0, 0) url("../../images/attachment_non_20.png") repeat scroll 0 0;
}

label.doc {
    background: rgba(0, 0, 0, 0) url("../../images/attachment_20.png") repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width:8px;
}

#pliego-form label.doc {
    background: rgba(0, 0, 0, 0) url("../../images/attachment_20.png") repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: inline-block;
    height: 20px;
    left: 8px;
    position: relative;
    top: 5px;
    width: 8px;
}

label.edit.inactive {
	 background: rgba(0, 0, 0, 0) url("../../images/edit_non_20.png") repeat scroll 0 0;
}

label.edit {
    background: rgba(0, 0, 0, 0) url("../../images/edit_20.png") repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width: 14px;
}

label.evolve {
	background: rgba(0, 0, 0, 0) url("../../images/archive.png") repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width: 20px;
}

label.delete.inactive {
	 background: rgba(0, 0, 0, 0) url("../../images/delete_non_20.png") repeat scroll 0 0;
}

label.delete {
    background: rgba(0, 0, 0, 0) url("../../images/delete_20.png") repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width: 16px;
}


label.renew {
    background: rgba(0, 0, 0, 0) url("../../images/renew.png") repeat scroll 0 0;
	background-size: 16px 20px;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width: 16px;
}

label.more {
    background: rgba(0, 0, 0, 0) url("../../images/more.png") no-repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
}

label.more:hover {
	background: rgba(0, 0, 0, 0) url("../../images/more_black.png") no-repeat scroll 0 0;
}

label.less {
    background: rgba(0, 0, 0, 0) url("../../images/less.png") no-repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 16px;
    position: relative;
    width: 16px;
}

label.less:hover {
	background: rgba(0, 0, 0, 0) url("../../images/less_black.png") no-repeat scroll 0 0;
}
	

label.check {
    background: rgba(0, 0, 0, 0) url("../../images/check.png") repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width: 20px;
}

label.close {
    background: rgba(0, 0, 0, 0) url("../../images/close.png") repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width: 20px;
	vertical-align:middle;
}

label.comments {
    background: rgba(0, 0, 0, 0) url("../../images/comments_20.png") no-repeat scroll 0 0;
    content: "";
    cursor: pointer;
    display: block;
    height: 20px;
    position: relative;
    width: 20px;
	top:3px;
}

.entete .pliegos-cell {
	background-color: rgb(125, 89, 144);
    color: #fff;
    font-size: 13px;
}

.pliegos-cell {
	display: table-cell;
    font-size: 13px;
    padding: 4px;
    vertical-align: middle;
}

.content-text {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.big-field .content-text {
	max-width: 250px;
}

.really-big-field .content-text {
	max-width: 580px;
}

#pliegos_editor input:not(.number):not(.checkbox):not(.small), #pliegos_editor textarea {
	border-radius:2px;
	width: 390px;
}

#pliegos_editor input.number, #pliegos_editor input.small  {
	width: 80px;
}

#pliegos_editor input.date, #pliegos_editor input.notificacion{
	width: 100px!important;
}

.form-container{
	display:table;
	width: 90%;
}

.form-row{
	display:table-row;
}

.valign-top {
	vertical-align:top;
}

.valign-middle {
	vertical-align:middle;
}

#cont-1 .form-cell.content {
	padding-left:15px !important;
}

input.custom-align {
	bottom: 5px;
    position: relative
}

.form-cell.title {
	text-align:right;
	padding-right:4px;
	padding-left: 4px;
	vertical-align:middle;
}

.absolute {
	position:absolute;
}

.form-cell{
	display:table-cell;
}
.out{
	display:none!important;
}

.form-flex,.flex{
	display:flex;
}
.flex-col{
    flex-direction: column;
}

.form-flex > * {
	margin-right:10px;
	margin-top: 10px;
}

form .title > label.red {
	color:#ff0000;
}

form .title > label.red::after {
	color:#ff0000;
	content:"*";
	display:inline-block;
}

ul.menu {
	height: 100%;
}

.menu .menu-item {
	color: #fff;
    cursor: pointer;
    display: inline;
    font-size: 1.2em;
    padding: 0 10px;
    position: relative;
    top: 8px;
}

.menu .menu-item:hover {
	background-color: #aaa;
	color:#111;
}

.logout {
	bottom: 28px;
    color: white;
    float: right;
    font-size: 1.2em;
    padding-right: 10px;
    position: relative;
	cursor:pointer;
}

.dropdown-launcher {
    border: 1px solid black;
    border-radius: 3px;
    display: block;
    margin-top: 6px;
    min-height: 22px;
    padding-left: 4px;
    padding-top: 3px;
	width: 390px;
}
.dropdown-launcher.small {
	width:55%;
}
span.dropdown-arrow.small::after {
	left: 235px;
}
span.dropdown-arrow::after {
	border-bottom: 1px solid black;
    border-right: 1px solid black;
    content: "";
    display: block;
    height: 8px;
    left: 380px;
    position: relative;
    top: -20px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    width: 8px;
	cursor:pointer;
}

span.dropdown-arrow.search::after {
    left: 190px;
}

#search .dropdown-launcher {
    max-width: 200px;
    min-width: 200px;
    overflow: hidden;
    padding-left: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#search form {
	margin-left:25px;
}

.dropdown-list {
	display:none;
}

.dropdown-list.in{
	display:block;
	background-color: #fff;
    border: 1px solid black;
    border-radius: 3px;
    min-width: 250px;
    position: absolute;
    right: 56px;
	z-index: 20;
}
.dropdown-list.small.in {
	right: 320px;
}

.dropdown-result-sublist {
    padding-left: 15px;
}

.dropdown-list ul li:not(.li-add):hover {
	background-color:rgba(210,210,210,0.8);
	cursor:pointer;
}

#pliegos_editor li.li-add > input.dropdown-textbox {
	width: 210px;
}

#pliegos_editor li.li-add > .add-icon {
	cursor:pointer;
}

#pliegos_editor li.li-add > .add-icon::before {
    border-top: 3px solid black;
    content: "";
    display: inline-block;
    height: 9px;
    position: relative;
    right: -4px;
    top: 5px;
    width: 13px;
}
#pliegos_editor li.li-add > .add-icon::after {
    border-left: 3px solid black;
    content: "";
    display: inline-block;
    height: 13px;
    position: relative;
    right: 4px;
    top: 1px;
    width: 9px;
}

.dropdown-item {
    padding-left: 3px;
    padding-top: 2px;
}

.pliegos-cell.right {
	text-align:right;
}

.textual {
    margin-right: 15px;
}

#search .pliegos-row .pliegos-cell .dropdown-list.in{
    right: 0;
    width: 250px;
}

#search .dropdown-item {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#search .input-textual {
	width: 200px;
}

#cont-additionnal-fields input[type="text"] {
    width: 70%!important;
}

.clean-item {
	font-style:italic;
}

.centered {
	text-align: center!important;
}

.pointer {
	cursor:pointer;
}

.records-count {
	float: left;
    width: 200px;
}

.align-right {
	text-align:right;
}

.last-update {
	float: right;
    font-size: 11px;
}

.caducada > * {
	color:#ba1111 !important;
}

/** custom tab selector */
 {
    display: table-row;
}

.tab-selector {
    display: table-cell;
    padding: 10px 20px;
    border: 1px solid black;
    border-radius: 1.25em 1.25em 0 0;
    border-bottom: none;
	cursor:pointer;
}

.tabs-selector-container .tab-selector:not(:last-child) {
	border-right:none;
}

.form-container.tabbed {
	border: 1px solid black;
	padding: 15px;
	border-radius: 0 0.5em 0.5em 0.5em;
	height: 495px;
}

.tab-selector:not(.selected) {
	background: #eeeeee;
}


.tab-selector:not(.selected):hover {
	background: #aaaaaa;
}

.tab-selector.selected {
	font-weight: bolder;
	position: relative;
	top: 1px;
	border-bottom: 1px solid white;
}

.evolution-title {
	text-align: center;
	font-size: 1.1em;
	padding: 10px 0px;
	font-weight: bold;
}

.display-inline-block {
	display:inline-block!important;
}

.display-inline {
	display:inline!important;
}

.padded-top {
	padding-top:10px;
}

.padded-top-bottom {
	padding: 10px 0;
}

.subtable .form-row .form-cell.title {
    background: rgba(125, 89, 144, 0.85);
    border: 1px solid gray;
}

.subtable .form-row .form-cell.title:last-child {
	border: 0;
	background: none;
}

.subtable {
	background:rgba(210,210,210,0.52);
	border-radius: 6px;
	padding: 5px 12px;
	margin: 5px;
}

.subrow .mantenimiento {
	background-color: rgba(243, 197, 105, 0.9);
}

.subrow .renovacion {
	background-color: rgba(175, 219, 216, 0.9);
}

.green {
	color:rgba(10,255,10,0.9);
}

.red {
	color:rgba(255,10,10,0.9);
}

.check-search {
    padding-left: 10px;
    position: relative;
    top: 2px;
}

.pastilla{
    border-radius: 24px;
    height: 24px;
    border: 1px solid #aaa;
    display: block;
    text-align: center;
    line-height: 1.5;
    margin:2px auto;
    cursor: pointer;
}
.pastilla.in{
    background-color: #090;
    color: #fff;
}
.pastilla.outof{
    background-color:#900;
    color: #fff;
}
.pastilla.selected {
    background-color: #3a3;
    color:#fff;
}
.pliegos-cell.small {
  width: 25px;
  max-width: 25px;
}
.justify-right{
    justify-content: right;
}
.e_s_block .title{
    justify-content: center;
    font-size: 1.2em;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
}
.e_s_block .subtitle{
    justify-content: center;
    font-size: 1.1em;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}
.flex-fix-15{
    flex:0 0 15%;
}
.flex-fix-25{
    flex:0 0 25%;
}
.flex-fix-35{
    flex:0 0 35%;
}
.align-self-center{
    align-self: center;
}
.align-items-center{
    align-items: center;
}
.sb-head{
    background-color: #333;
    color:#fff;
}
.bb1d{
    border-bottom:1px solid #ddd;
}
.br1d {
    border-right:1px solid #ddd;
}
.bl1d {
    border-left:1px solid #ddd;
}
.tb-row{
    height:25px;
}
.tb-row.even{
    background-color: #ededed;
}
.tb-row.odd{
    background-color:#d4c3ea;
}
/*
#search .pliegos-row .pliegos-cell:first-child .dropdown-list.in{
    left: 300px;
}

#search .pliegos-row .pliegos-cell:nth-child(2) .dropdown-list.in {
	left:550px;
}

#search .pliegos-row .pliegos-cell:nth-child(3) .dropdown-list.in {
	left:810px;
}

#search .pliegos-row .pliegos-cell:nth-child(4) .dropdown-list.in {
	left:1065px;
}

#search .pliegos-row .pliegos-cell:nth-child(5) .dropdown-list.in {
	left:1320px;
}*/