@import url('modules/directory.css');
@import url('modules/economic.css');
@import url('forms.css');
@import url('tinymce.css');
@import url('custom.css');
@import url('fonts.css');

* {
	outline: 0; !important;
	boder:0;
}

a:focus {
	width:0px;height:0px;outline:0px;
}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
        border: none;
}

textarea{
	font-size:11px;
}

textarea.textarea-two-columns{
	width:505px!important;
	height:100px!important;
}

.clearfix{
	clear:both;
}

iframe{
	border:0px!important;
}

body {
	margin-top: 0px;
	padding: 0px;
	padding-top : 0px;
	font-family:  Arial !important;
	font-size: 12px !important;
	font-style:normal;
	background: white;
	color: #333;
	background-color: #F0F0F0;
}

button {
	-webkit-transition: background-color 0.2s linear;
	border-radius: 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
	background-color: #E4F2FF;
	background-image:
		url("//ajax.googleapis.com/ajax/libs/dojo/1.7.4/dijit/themes/claro/form/images/button.png");
	background-position: center top;
	background-repeat: repeat-x;
	border: 1px solid #769DC0;
	padding: 2px 8px 4px;
	font-size: 1em;
}

button:hover {
	background-color: #AFD9FF;
	color: #000000;
	outline:none;
}

button:focus {
	outline: none !important; -moz-outline-style: none !important; !important;
	border:1px solid black;
}
.hidden{
	display : none!important;
}

.break {
	float: none;
	clear: both;
}

.flt-left{
	float:left;
}

#topMenu{
	display : none;
}

/* Grid */


.gridFilter{
	padding-left:20px!important;
	padding-bottom:5px!important;
	padding-top:5px!important;	
}

.grid-filter-search{
	float:none!important;
}

/* --- */

#topMenu{
	height:40px;
}

#appMain{
	height:100%;
	margin-top:3px;
}

#mainConainter{
	height:auto;
	width:auto;
	outline-style:none;
}



/* Plantilla directoryEntry*/

.identifierGroup{
	width:500px!important;
}

/* --- */
 
/* Toolbars */

.toolBar{
	/*height:110px;*/
	overflow-x:hidden;
	overflow-y:hidden;
	white-space: nowrap;
	display:inline-block;
	width:95%;
	padding-left: 10px;
	position:relative;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom:10px;
}

.toolBar .buttonsGroup{
	border-right:1px #e6e6e6 solid;
	width:auto;
	height:auto;
	padding:10px;
	border-radius: 2px;
	display:inline-block;
}

.toolBar .buttonsGroup:last-child{
	border-right:0px!important;
}

.buttonsGroup .title{
	text-align:center;
	margin-top:5px;
	font-weight: bold;
	font-size:11px;
}

.buttonsGroup .bigButton{
	float:left;
	outline-style:none;
}

.buttonsGroup .rightButtons{
	float:left;
	margin-left:5px;
}


.toolBarLeftArrow,
.toolBarRightArrow{
	display:inline-block;
	vertical-align: middle;
	cursor: pointer;
	z-index:10;
	height:100px;
	width:20px;
	position:absolute;
	background-position:center!important;
	background-color:white!important;
	
}
.toolBarLeftArrow{
	left:5px;
}

.toolBarRightArrow{
	right:5px;
}

/* Top Bar */

#topBar{
	position: absolute;
    right: 18px;
    top: 8px;
    z-index:1000;
}

.logo-container h1{
	padding-top:10px;
	margin-left:10px;
}

.login-info{
	float:right;
}

.logo-container{
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
}


/* Content Pane */

/* Para que solo tenga overflow el contenido de la tab y no las toolbar de cada módulo y la barra de títulos de subtabs */

.mainTabContentPane{
	overflow: hidden;
	padding-top:0px!important;
}

.subTabContentPane{
	overflow: hidden;
	/*height:520px;*/
}


.dijitTabContainerLeft-container{
	border: 1px solid #B5BCC7!important;
}

/* Para que se pueda mostrar el fondo transparente correctamete */

.mainTabContentPane{
	height:780px!important;
}

.mainTabContentPane > .dijitTabContainerTop{
	min-height:780px!important;
	background-repeat: no-repeat;
	background-size:40%;
	background-position:top center;
}

.mainTabContentPane .appForm .dijitTabContainer .dijitTabContainerLeft-child{
	height:545px!important;
	overflow-y: scroll!important;
	overflow-x:none!important;
}

/* Para formularios como procesión que tienen doble contendores de tabs dentro */


.mainTabContentPane .appForm .dijitTabContainer .dijitTabContainerLeft .dijitTabContainerLeft-child{
	height:500px!important;
	overflow-y: scroll!important;
	overflow-x:none!important;
}

.mainTabContentPane .appForm .dijitTabContainerLeft fieldset{
	margin-right: 20px;	
}



/* Iconos */

.icon{
	width:60px;
	height:60px;
	background-color:#e3e3e0!important;
	border : 1px solid #759DC0;
	border-radius:2px;
	outline-style:none;
}

/* Removemos texto de los iconos */
.icon .dijitButtonNode{
	width:100%;
	height:100%;
	background:none!important;
	padding:0px!important;
	border:0px!important;
}

.icon .dijitButtonNode:hover{
	background:none!important;
	padding:0px!important;
	border:0px!important;
}

/* Fix para que el tooltip coga todo el bot��n */

.icon-medium{
	width:35px;
	height:35px;
}

.icon-medium .dijitButtonContents{
	width:35px!important;
	height:35px!important;
}

/* Módulo de directorio */


.divAttachments{
	margin-bottom:30px;
}


.directoryEntry-field-observations{
	width:502px!important;
	height:150px!important;
}


/*
.gridDirectoryGroup{
	height : 300px!important;	
}

.gridRelationships{
	height : 300px!important;
}


.gridInSubTab{
	height:200px!important;
}

.gridInsigniaInInsigniaGroup{
	height:160px!important;
}

.gridDebtsInBBS{
	height:300px!important;
}*/


/* Information board */

#informationBoard #modules{
	width:70%;
	float:left;
}

#informationBoard .module{
	margin-top:20px;
	margin-bottom:20px;
}

#informationBoard .module ul{
	list-style:none;
}

#informationBoard #right-column{
	width:24%;
	float:right;
	padding:10px;
	display:none;
}

#informationBoard .module-title{
	font-size:13px;
	font-weight: bold;
}

#socials img{
	width:30px;
}

#informationBoard .module-group{
	float:left;
	width:300px;
}

#informationBoard .module-group-img{
	float:left;
	width: 70px;
	text-align:center;
}

#informationBoard .module-group-img .icon{
	margin:auto;
}

#informationBoard .module-group-info{
	float:left;
}

#informationBoard .module-group-info ul{
	padding-left:5px!important;
	margin-top:5px!important;
}

/* Alertas */

.alert{
	padding:20px;
	border-radius: 3px;
	margin-bottom: 4px;
    margin-top: 4px;
    padding: 10px 15px 10px 15px
}

.alert.alert-info{
	background-color : #BDE5F8;
	border: 1px solid #00529B;
    color: #00529B;
}

/* Calendario */

.dijitCalendarDateTemplate.dijitCalendarCurrentDate{
    /*your styling */
    background-color: grey;
}

/* Ventana modal de generar correo masivo */

#form-send-newsletter{

}

#form-send-newsletter .modal-body{
	height:200px;
}

#form-send-newsletter .form-group{
	width:400px;
}

#form-send-newsletter .big-select-wrapper{
	height:70px;
}

#form-send-newsletter .big-select-wrapper select{
	font-size:11px;
	margin-left: 5px;
}

#form-send-newsletter .dijitButton{
	margin-top:-1px;
	margin-left:3px;
}
	
	
/* Pestaña Visualización de procesión */

.procesion-preview .pts{
	width:400px;
}

.procesion-preview .pts .pt{
	width:180px;
	float:left;
	border:1px solid black;
	text-align:center;
	margin-bottom:10px;
	margin-right:5px;
}

.procesion-preview .pts .pt .name{
	padding:6px;
}

.procesion-preview .pts .pt .pos{
	padding:3px;
	font-weight:bold;
}

.procesion-preview .pts .pt .insignia-name{
	background:#007337;
	color:white;
	padding:6px;
}

.procesion-preview-parent{
	height:420px!important;
	float:left;
	width:50%;
}

.procesion-preview{
	float:left;
	overflow:auto!important;
	height:100%!important;
	width:500px!important;
}

.procesionPreviewConfirmWrapper2{
	height:380px!important;
}

.procesion-preview-confirm{
	width:50%;
	float:left;
	height: 420px!important;
}

.wrapper-selectors{
	width:50%;
	float:left;
}

.alert-pts-changes{
	width:50%;
	float:left;
}


/* Preloader */

#preloader h1{
	font-size:25px;
	
}

#preloaderContent .logo{
	float:left;
	width:70px!important;
	height:70px!important;
}

#preloaderContent img{
	vertical-align:middle;
}

#preloader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	z-index:22222999;
	background: #e6e6e6!important;
}

#preloaderContent {
	border-radius: 12px;
    box-shadow: 1px 1px 2px #000000;
	text-align:right;
	color:black!important;
	position: absolute;
	border: 2px solid #aaa;
	color: #fff;
	padding: 25px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	right:0;
	left:0px;
	margin:auto;
	width:200px;
	height:120px;
	top:0;
	bottom:0;
	z-index:22222999;
	background:white!important;
}



.icon:hover{
	cursor: pointer;
	outline:none;
}


.mainTabContentPane .dijitTabPaneWrapper {
	/*height:200px!important;*/
}

.dijitButtonNode{
	box-shadow:none!important;
}

.mainTabContentPane .dijitTabContainerTop .dijitTabContainerTop-container{
/*	border-color:#e6e6e6!important;*/
}

.dijitButtonNode{
	border-color: #e6e6e6!important;
}

.externalPage{
	background:white!important;
}


.loadingDialog .dijitDialogPaneContent{
	padding-left:40px;
	padding-right:40px;
	padding-top:10px;
	padding-bottom:10px;
}

.loadingDialog .dijitDialogPaneContent img{
	vertical-align: middle;
	margin-left:10px;
}