@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/* ESTADOS GENERALES */
.disabled {
  cursor: no-drop;
}
/*AQH*/
/* HTML */
.listnowrap{
	padding: 10px;
	position: inherit;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	overflow: auto;
	overflow-y: hidden;
	white-space: nowrap;
	list-style: none inside;
	line-height: 1;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
body {
  font-family: 'Open Sans', sans-serif;
}

hr {
  background-color: #BDBDBD;
}
header {
 background: #fff;
    padding-top: 0em;
    margin-bottom: 1em;
}
h3{
	  font-family: 'Raleway';
}

input[type=text],
input[type=password],
input[type=tel],
input[type=datetime-local],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=week],
input[type=file],
select,
textarea,
.file,
.input,
.textarea,
.select {
 background-color: transparent;
 color: #100505;
 border-color: #D5CFD0!important;
 border-radius: 2px;
  
}
input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=file]:focus,
select:focus,
textarea:focus,
.file:focus,
.input:focus,
.textarea:focus,
.select:focus,
input[type=text].focused,
input[type=password].focused,
input[type=tel].focused,
input[type=datetime-local].focused,
input[type=email].focused,
input[type=file].focused,
input[type=month].focused,
input[type=number].focused,
input[type=search].focused,
input[type=time].focused,
input[type=url].focused,
input[type=week].focused,
input[type=file].focused,
select.focused,
textarea.focused,
.file.focused,
.input.focused,
.textarea.focused{
-webkit-box-shadow: 0 0 0 1px rgba(115, 84, 74, 1);
          box-shadow: 0 0 0 1px rgba(115, 84, 74, 1);
}
.input,
.select,
.textarea,
.file {
  border-style: solid!important;

}


.input input,
.select input,
.textarea input,
.file input,
.input select,
.select select,
.textarea select,
.file select,
.input textarea,
.select textarea,
.textarea textarea,
.file textarea {
-webkit-box-shadow: none!important;
          box-shadow: none!important;
  border-color: transparent;
}

/* MENU NAVEGADOR VERTICAL */
.menuicon{
	color: black;
}
.menutitulo{
	
	color: black;
	
}

.tab {
  
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    position: fixed;
    right: 0;
    width: auto;
    height: 100%;
    overflow-y: scroll;
    
}
::-webkit-scrollbar {
    width: 0px;
}
 
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}
.tab{
	 background-color: transparent;
	 border: none;

}
.tab button {
    display: block;
    background-color: transparent;
    color: black;
    padding: 4%;
    width: 80%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    transition: 0.1s;
    font-size: 105%;
    font-family: Century Gothic, sans-serif;
   
}

.tab button:hover {
    background-color: #ccc;
   
}

.tab button:disabled {
    background-color: #ddd;
    
}
.tab button.active {

border: 1.5px solid black;
border-left: none;
}
[data-notifications] {
    position: relative;
    margin:0px;
}

[data-notifications]:after {
    content: attr(data-notifications);
    position: relative;
    background: #58CDA0;
	border-radius: 20%;
    display: inline-block;
    padding: 0.3em;
    color: #ffffff;
    top: 0%;
    font-size: 60%;
    margin: 0 0 0 0px;
    
}
#noti{
  border-radius: 50%;
  behavior: url(PIE.htc);
  /* remove if you don't care about IE8 */
  width: 36%;
  height: 36%;
  padding: 1%;
  background: #fff;
  border: 2px solid #666;
  color: #666;
  text-align: center;
  font: 32px Arial, sans-serif;
}


.tabcontent {
  
    padding: 1px 12px;
 /*   border: 1px solid #ccc;*/
    width: 83%;
    height: auto;
    /*border-left: none;border-right: none;position:absolute;*/

  
}
.show, .tabcontent {float: left; display: inline-block;}
.defaut, .hide {margin: 0px; padding: 0px; width: 40px; float: left; text-align: center; }
.langue {  width: 60px; }
.defaut {display: inline-block;  }
.hide {display: none; }
.tablinks {
    width: auto;
    height: auto;
}
.sidenav-counter{

    position: absolute;
}
.navview-pane{
 float: right;
	    border: 1px solid #ccc;
	    background-color: #f1f1f1;
	    position: fixed;
	    right: -6%;
	    width: 26%;
	    height: 100%;
	    overflow-y: scroll;
}
@media only screen and (max-width: 3000px) {
    .tab {
	    float: right;
	    border: 1px solid #ccc;
	    background-color: #f1f1f1;
	    position: fixed;
	    right: -6%;
	    width: 26%;
	    height: 100%;
	    overflow-y: scroll;
    }
    .tabcontent {
	    float: right;
	    padding: 1px 12px;
	  
	    width: 79%;
	    /*border-left: none;border-right: none;position:absolute;*/
	    position:absolute;
	    border-right: none;
	    height: 100%;
	}
}
/* MUY ESPECIFICOS */
.folioOficialia:disabled{
background-color: transparent;
 color: #1D1D1D;
  outline: none;
  border-radius: 5px;
    width : 30px; 
    height : 35px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
     border: 1px solid #A1887F;
     font-size: 14px;
     text-align: center;
}

.folioOficialia{
background-color: transparent;
 color: #1D1D1D;
  outline: none;
  border-radius: 5px;
    width : 100px; 
    height : 35px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
     border: 1px solid #A1887F;
     font-size: 14px;
     text-align: center;
}
.inputOficialia{
background-color: transparent;
 color: #1D1D1D;
  outline: none;
  border-radius: 5px;
    width : 100% !important;; 
    height : 35px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
     border: 1px solid #A1887F;
     font-size: 14px;
     text-align: center;
}
.inputOficialiaMoral{
background-color: transparent;
 color: #1D1D1D;
  outline: none;
  border-radius: 5px;
    width : 100px; 
    height : 35px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
     border: 1px solid #A1887F;
     font-size: 14px;
     text-align: center;
}
.selectOficialia{
background-color: transparent;
 color: #1D1D1D;
  outline: none;
  border-radius: 5px;
    width : 100% !important; 
    height : 35px;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",sans-serif;
     border: 1px solid #A1887F;
     font-size: 14px;
     text-align: center;
   
}
.selectOficialia select {
    width: 100% !important;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    padding: 1px 10px;
     text-align: center
}


.app-bar.app-bar-expand-md{
background-color: #5c0127;
  color: #ffffff;
  margin:0;
  padding: 0;
}
/* ESTILOS GENERALES */

a.button {
	color: #ffffff;
}
.mif-plus{
	color:  #ffffff !important;	
    border-color: none !important;
}
.app-bar .app-bar-menu>li>a{
	color:  #ffffff !important;	
  
}
.v-menu li a:hover{
background-color:  #D7CCC8;
	
}
.mt-2{
	margin-top: 0px!important;
}
.button.success{
	background-color:  #4B0E0E;
    color: #fff;

    border-radius: 2px;
}

.button{
	background-color:  #4B0E0E;
    color: #fff;
    
}
.file .button {
background-color:  #4B0E0E;
    color: #fff;
  
   
}
.button.primary{
		background-color:  #4B0E0E;
    color: #fff;
    border-radius: 2px;
    
}
.button.secondary{
	background-color: #4B0E0E;
    color: #fff;
    border-radius: 2px;
    
}
.button.warning.js-dialog-close{
		background-color:  #4B0E0E;
    color: #fff;
    border-radius: 2px;
   
}
.button.alert{
	background-color:  #4B0E0E;
    color: #fff;
    border-radius: 2px;
   
}
.select .active a {
  background-color:  #4B0E0E !important;
  color: #ffffff !important;
     outline-color: #4B0E0E;
}

.checkbox .check {
  border-color:  #4B0E0E;
     outline-color: #4B0E0E;
}
.checkbox .check::before {
  border-color: #000000;
}
.checkbox input[type=checkbox]:checked ~ .check {
  border-color:  #4B0E0E;
  background-color:  #4B0E0E;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.checkbox input[type=checkbox]:checked ~ .check::before {
  border-color: #ffffff;
}
.checkbox input[type=checkbox]:disabled ~ .check {
  border-color: #A1887F;
    background-color: #A1887F;
}
.checkbox input[type=checkbox]:disabled ~ .check::before {
  border-color: #EFEBE9;
}
.checkbox input[data-indeterminate=true] ~ .check {
  border-color:  #4B0E0E;
  background-color:  #4B0E0E;
}
.radio .check {
  border-color:  #4B0E0E;
}
.radio input[type=radio]:checked ~ .check {
  border-color:  #4B0E0E;
  background-color:  #4B0E0E;
}
.radio input[type=radio]:checked ~ .check::before {
  border-color: #ffffff;
  background-color: #ffffff;
}
.radio input[type=radio]:disabled ~ .check {
  border-color: #A1887F;
  background-color: #A1887F;
}
.radio input[type=radio]:disabled ~ .check::before {
  border-color: #EFEBE9;
  background-color: #EFEBE9;
}
.checkbox .check,
.radio .check {
  color: #ffffff;
}

.button,
.command-button,
.shortcut,
.tool-button {
  background-color:  #4B0E0E;
  color: #ffffff;
}
.button:active,
.command-button:active,
.shortcut:active,
.tool-button:active,
.button.focus,
.command-button.focus,
.shortcut.focus,
.tool-button.focus,
.button:focus,
.command-button:focus,
.shortcut:focus,
.tool-button:focus,
.button.secondary:focus,
.button.primary:focus{
  -webkit-box-shadow: #960012;
          box-shadow: #960012;
}
.button.success:hover,
.button:hover,
.command-button:hover,
.shortcut:hover,
.tool-button:hover,
.button.secondary:hover,
.button.primary:hover{
  background-color: #960012;
}
.info-button {
  border-color:  #4B0E0E;
}
.info-button .button {
  background-color:  #4B0E0E;
  color: #ffffff;
}
.info-button .button:hover {
  background-color: #960012;
}
.image-button {
  border-color: #4B0E0E;
   background-color: #4B0E0E;
}
.image-button .icon:hover {
  background-color: #960012;
}
.image-button.success.outline{
	background-color: #4B0E0E;
  color: #ffffff;
  border-color: #4B0E0E;
}

.button.link:hover {
    color: #3E2723;
}
.button.link {
    color: #8D6E63;
}

.app-bar{
	background-color: #4f1d23 ;
  color: #ffffff;
   margin:0;
  padding: 0;
}
.app-bar .dropdown-toggle::before {
  border-color: #ffffff;
}
.app-bar .app-bar-menu li .d-menu,
.app-bar .app-bar-container .d-menu {
  background-color: #8D6E63 !important;
  color: #ffffff !important;
}
.app-bar .app-bar-menu li .d-menu li:hover,
.app-bar .app-bar-container .d-menu li:hover {
  background-color: #757575 !important;
}
.app-bar .app-bar-menu li .divider,
.app-bar .app-bar-container .divider {
  background-color: #757575;
}
[class*=app-bar-expand] .app-bar-menu li .d-menu,
[class*=app-bar-expand] .app-bar-container .d-menu {
  -webkit-box-shadow: none!important;
          box-shadow: none!important;

  background-color: #ffffff !important;
  border: 1px solid #dfdfdf;
}
[class*=app-bar-expand] .app-bar-menu li .d-menu li:hover,
[class*=app-bar-expand] .app-bar-container .d-menu li:hover {
  background-color: #757575 !important;
  color: #ffffff !important;
   border: 1px solid #dfdfdf;
}

.dialog {
  background-color: #ffffff;
  color: #000000;
  border: #ffffff;
  border-radius: 10px;
  
}
.notify {
  background-color: #F8F8F8;
  color: #3a3a3a;
  border: 1px solid #4B0E0E;
}
.panel {
  background-color: #F8F8F8;
  color: #3a3a3a;
  border-color: rgba(175, 0, 21, 0.25) !important;
}
.panel .panel-title {
  background-color: #4B0E0E;
  color: #ffffff;
  border-bottom-color: rgba(255, 255, 255, 0.25);
}
.panel .panel-title .dropdown-toggle {
  border-left-color: rgba(255, 255, 255, 0.25);
}
.panel .panel-title .dropdown-toggle::before {
  border-color: #ffffff;
}
.panel .panel-title .icon {
  border-right-color: rgba(255, 255, 255, 0.25);
}
.icon.mif-eye{
	color: #5D4037;
}
.icon.mif-pencil{
		color: #5D4037;
}
.icon.mif-list{
	color: #5D4037;
}
.icon.mif-cross{
		color: #5D4037;
}
.table.dataTable {
border-color: gray;
}
.table.cell-border td, .table.cell-border th {
border-color: #ffffff;
}

mif-plus icon
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
	 background-color: #5D4037;
}
.table thead {
  border-bottom-color: #791402;
}
.table tfoot {
  border-top-color: #4B0E0E;
}
.table .sortable-column.sort-asc,
.table .sortable-column.sort-desc {
  background-color: #5c0127;
  color: #ffffff;
}
.table .sortable-column.sort-asc:after,
.table .sortable-column.sort-desc:after {
  color: #ffffff;
}
.table.striped tbody tr:nth-child(odd) {
  background: #F0E0E0;
}
.table.table-border {
  border-color: #BDBDBD;
}
.dialog.shadow-on{

}
[class*=mif-]{
	 line-height: inherit ;
}
@media only screen and (max-width: 767px) {
	#social {
display:none;
}
}
#banner{
    font-family: "stratum-2-web", sans-serif;
    font-size: 1em;
    margin-bottom: 0;
    width: 100%;
}
.centerimg {
 
    margin-top:10%;
    margin-bottom: 5%;
}
.marginbottom{
	 margin-bottom: 5%;
}
.responsiveheaderbl1{
	 margin-top:3%;
	font-size:2vw;
margin-bottom: 0rem;
font-family: Century Gothic;
 text-align: left;
    padding: 0em;
   

}
.responsiveheaderbl2{
	font-size:1vw;
	line-height: 0rem;
	font-family: Century Gothic;
	 text-align: left;
}
.responsiveheader1{
	 margin-top:3%;
	font-size:2vw;
margin-bottom: 0rem;
font-family: Century Gothic;
 text-align: center;
    padding: 0em;
     color: #ffffff;

}
.responsiveheader2{
	font-size:1vw;
	line-height: 0rem;
	font-family: Century Gothic;
	 text-align: center;
	 color: #ffffff;
}
.responsivemobile1{
	margin-top:3%;
	font-size:4.5vw;
	margin-bottom: 0rem;
	font-family: Century Gothic;
	text-align: center;
    padding: 0em;
     color: #ffffff;
}
.responsivemobile2{
		font-size:3vw;
	line-height: 0rem;
	font-family: Century Gothic;
	 text-align: center;
	 color: #ffffff;
}
.responsivenone{
	margin: inherit;
    padding: inherit;
    margin-left: initial;
    margin-right: initial;
	
}
.marginl{
	  margin-left: 5%;
}
.sidenav-m3{
width: unset;
margin: 1em;
}
.mder{
margin-right: 0.3em;
}
.pace{
	visibility:hidden;
}
.img-container, .img-fluid, .img-thumbnail{
	width: unset;
}
#dialogreport{
	visibility: hidden; 
}
.oculto{
	display: none;
}
.imgbutton{
	width: 19em;
}

.padding{
padding: 4%;

}

.account{
	padding: 4%;
}
#test{
	padding: 500px!important;
}
.input .prepend{
    color: #989898;
}

.centrar{
	   display: flex;
    justify-content: center;
    text-align: center;
}
.btnpad{
	margin: 1%;
}
@media only screen and (max-width: 590px ) {
    .displayblock {
	   display: block;
    }
}
.hr.v{
width: 2px;
height: 100em;
background-color: #641c34;
}
.hide{
	display: none;
}
.bodytransparnt{
	background: #641c34;
}
.txtcenter{
	text-align: center;
}
.bgperso{
	background: rgb(242, 242, 242);;
}
.centrado{
position:fixed;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-100px;
}
.justify{
	text-align: justify;
}