/* COMPONENTES */



/*  FLEX-ROW  */
.flex-row{
	display:flex;
	flex-direction:row;
}

.flex-row > *:not(:first-child){
  margin-left:10px;
}

/*  FLEX-COLUMN  */
.flex-column{
	display:flex;
	flex-direction:column;
}

.flex-column > *:not(:first-child){
  margin-top:10px;
}

/* 	align-items: center; */
/* 	align-content:stretch; */
/* 	justify-items: center; */
/* 	justify-content: center; */

.flex-center{
	justify-content:center;
}

.flex-space-between{
	justify-content:space-between;
}



/*   FORM-FIELDSET */

.form-fieldset-sirem{
	box-sizing: border-box;
	position:relative;
	z-index:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
/* 	border: 1px solid red; */
}

/*   FORM-FIELDSET */

.form-fieldset-sirem::after{
	box-sizing: border-box;
	position:absolute;
	z-index:0;
	content:"";
	border: 1px solid #8bbcee;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f2f8fd;
	
	width: 100%;
	height: -moz-calc(100% - 1em);
	height: -webkit-calc(100% - 1em);
	height:calc(100% - (1em - 0.2em));
	top: -webkit-calc(1em - 0.2em);
	top:calc(1em - 0.2em);
}

.form-fieldset-sirem > .title{
	position:relative;
	z-index:2;
	text-align: center;
	border: 1px solid #8bbcee;
	border-radius: 4px;
	background-color: #fff1d3;
	color: #337ab7;
	padding: 3px 7px;
	margin-left:20px;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	/*     font-weight: 500; */
	line-height: 1.1;  
}

.form-fieldset-sirem >.content{
	z-index:1;
	background-color:transparent;
	text-align: left;
	padding:10px;
	width:100%;
	font-size: 1.3rem;
}


.form-fieldset-sirem-adm {
	box-sizing: border-box;
	position:relative;
	z-index:0;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	height: 88%;
}

.form-fieldset-sirem-adm::after{
	box-sizing: border-box;
	position:absolute;
	z-index:0;
	content:"";
	border: 1px solid #8bbcee;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #f2f8fd;
	
	width: 100%;
	height: -moz-calc(100% - 1em);
	height: -webkit-calc(100% - 1em);
	height:calc(100% - (1em - 0.2em));
	top: -webkit-calc(1em - 0.2em);
	top:calc(1em - 0.2em);
}

.form-fieldset-sirem-adm > .title{
	position:relative;
	z-index:2;
	text-align: center;
	border: 1px solid #8bbcee;
	border-radius: 4px;
	background-color: #fff1d3;
	color: #337ab7;
	padding: 3px 7px;
	margin-left:20px;
	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	/*     font-weight: 500; */
	line-height: 1.1;  
}

.form-fieldset-sirem-adm >.content{
	z-index:1;
	background-color:transparent;
	text-align: left;
	padding:10px;
	width:100%;
	font-size: 1.3rem;
}

/* FORM INPUT */

.form-group-sirem{
	box-sizing: border-box;
	display:flex;
	flex-direction:row;
	align-items: stretch;
	justify-items: center;
	justify-content: stretch;
/* 	border: 1px solid red; */
}

.form-group-sirem >.title{
	box-sizing: border-box;
	display:flex;
	align-items: center;
	background-color: #dfecfa;
	border: 1px solid #99bbe8;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding:5px;
}

.form-group-sirem >.content{
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	
}

.form-group-sirem >.content>*{
	height:100%;
	
	text-align: left;
	background-origin: border-box;
	box-sizing: border-box;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
  
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	
	border: 1px solid #99bbe8;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-left:none;
	
	transition: border-color ease-in-out    .15s,box-shadow ease-in-out .15s;
}

.form-group-sirem >.content>*:focus{
	-webkit-box-shadow: 0px 0px 13px 0px rgba(102,175,233,1);
	-moz-box-shadow: 0px 0px 13px 0px rgba(102,175,233,1);
	box-shadow: 0px 0px 13px 0px rgba(102,175,233,1);
}

/* TAB PANE */

.tab-pane{
/* 	border: 1px solid red; */
}

.tab-pane > ul.tabs{
	margin: 10px 0px;
	padding: 0px;
	list-style: none;
}
.tab-pane > ul.tabs li{
	background-color: #b4b1b1;
	color: #337ab7;
	font-style: italic;
	font-weight:normal;
	display: inline;
	padding: 10px 15px;
	cursor: pointer;
	border-top: 1px solid #99bbe8;
	border-left: 1px solid #99bbe8;
	border-right: 1px solid #99bbe8;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
}

.tab-pane > ul.tabs li:hover{
	background-color: #dfecfa;
/* 	font-style: normal; */
}

.tab-pane > ul.tabs li.current{
	background-color: #fff1d3;
	color: #337ab7;
	font-style: normal;
	font-weight:600;
}

.tab-pane > .tab-content-adm{
	display: none;
	background-color: #f2f8fd;
	border: 1px solid #99bbe8;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	padding: 15px;
}

.tab-pane > .tab-content-adm.current{
	display: flex;
	flex-direction:column;
	mai-height:485px;
	max-height:485px;
}

.tab-pane > .tab-content{
	display: none;
	background-color: #fff1d3;
	border: 1px solid #99bbe8;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	padding: 15px;
}

.tab-pane > .tab-content.current{
	display: flex;
	flex-direction:column;
	mai-height:485px;
	max-height:485px;
}

/* ICON */

.icon{
	color: #337ab7;
    background-color: transparent; 
    padding:2px 5px;
}


.parent-scroll{
	flex-grow: 1;
  	display: flex;
  	flex-direction: column;
    max-width: 100%;
    max-height: 99%;
	/* for Firefox */
	 min-height: 0;
}

.scrollable {
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
  	-ms-flex: 0 1 auto;
  	-o-flex: 0 1 auto;
  	flex: 0 1 auto;
  	overflow-y: auto;
  	overflow-x: hidden;
  	max-height: 565px;
  
  /* for Firefox */
  min-height: 0;
}

.scrollable-375 {
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
  	-ms-flex: 0 1 auto;
  	-o-flex: 0 1 auto;
  	flex: 0 1 auto;
  	overflow-y: auto;
  	overflow-x: hidden;
  	max-height: 375px;
  	border-color: #337ab7;
  
  /* for Firefox */
  min-height: 0;
}

.scrollable-290 {
	-webkit-flex: 0 1 auto;
	-moz-flex: 0 1 auto;
  	-ms-flex: 0 1 auto;
  	-o-flex: 0 1 auto;
  	flex: 0 1 auto;
  	overflow-y: auto;
  	overflow-x: hidden;
  	max-height: 290px;
  	border-color: #337ab7;
  	overflow: auto;
	position: sticky;
	top: 0;
    
  /* for Firefox */
  min-height: 0;
}


.tableFixHead {
  overflow: auto;
  margin-bottom: 30px;
}

.tableFixHead thead th {
  position: sticky;
  top: 0;
}