/*! tailwindcss v2.1.4 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/
/*morales */

.footer_section{
    margin-top:25px;
}	 

.Services-tag
    {
      padding: 0px 0px 0px!important;
      text-align: left;
      color: #ffffff;
      background-color: #404040!important;
      height: auto; 
      width: 100%;
      margin-left: auto;
     margin-right: auto;
     border-top: 1px #C0C0C0 solid;
    
    }

.text-gray-500> h2 {
    color: #000!important;
    color: rgba(0,0,0,var(--text-opacity))!important;
}
.shadow-inner {
  box-shadow: inset 0 1px 4px 0 rgb(102, 185, 212)!important;
}
.bg-blue-200 {
  background-color: rgba(102,185,221,var(--bg-opacity))!important;
}
html body.bg-gray-100.body-forum-admin div.mb-8.font-sans.antialiased.text-gray-900 main.grid.grid-cols-4.gap-8.mt-8.wrapper section.flex.flex-col.col-span-3.gap-y-4 article.pchem.bg-white.shadow div.px-4.py-2.bg-blue-200.flex.justify-between.p-4.text-gray-500.rounded div.row.w-100 div.col-lg h2{
    color : #000!important;
   }
   
   html body.bg-gray-100.body-forum-admin div.mb-8.font-sans.antialiased.text-gray-900 main.grid.grid-cols-4.gap-8.mt-8.wrapper section.flex.flex-col.col-span-3.gap-y-4 article.pchem.bg-white.shadow div.px-4.py-2.bg-blue-200.flex.justify-between.p-4.text-gray-500.rounded a{
    color: #fff!important;
}
   
   
.bg-blue-500 {
  background-color: #66B9D4!important;
}
div.px-4:nth-child(3) > a:nth-child(2){
     color: #fff!important;
}
.space-x-4 .text-gray-500 {
  color: #f79550!important;
}
.bg-indigo-400 {
  background-color: #66B9D4!important;
  background-color: rgba(102,185,212,var(--bg-opacity))!important;
}

.bg-green-300 {
  background-color: #ffffff!important;
  
}
.bg-yellow-300 {
  background-color: #f79550!important;
  color: #fff!important;
  margin-left: auto!important;
   margin-right: auto!important;
}
 small.text-sm.text-gray-400 {
   color: #000!important;
 }
 table.dataTable thead th, table.dataTable thead td {
  border-bottom: 1px solid #f79550!important;
  
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #f79550!important;
}
table.dataTable.no-footer  {
  border-bottom: 1px solid #f79550!important;
}
 form div input.w-full.bg-gray-200.shadow-inner, [type="text"] {
  border-color: #66B9D4!important
 }
 
 
 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    
  /******* Gabriel ********/
    .bg-yellow-300 {
       margin-right: 1rem !important;
    }
  
    
 /*******    Fin  Gabriel ********/
 
 
 
    .w-full {
    width: 100%!important;
    margin-bottom:10px;
   }
    .font-bold {
    font-weight: 500!important;
    line-height: 0.9!important;
    }
   html body.bg-gray-100.body-forum-admin header div.containertop div.row.topcontent div.col-12.col-sm-4.menutop{ padding-right: 5px;
padding-left: 10px; 
       max-width: 100% !important;
  flex: 0 0 55% !important;
   }
   
   .mt-8 {
  margin-top: 1rem;
}
      .forum-tag{
			margin-top: 161px;
	   text-align: left;
      color: #ffffff;
      background-color: #404040!important;
      height: auto; 
      width: 100%;
      margin-left: auto!important;
     margin-right: auto!important;
     border-top: 1px #C0C0C0 solid;
     
		}
  .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  margin-right: calc(0.5rem * var(--tw-space-x-reverse))!important;
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)))!important;
}


.space-x-12 > :not([hidden]) ~ :not([hidden]) {
  margin-right: calc(2rem * var(--tw-space-x-reverse))!important;
  margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)))!important;
}
.uppercase {
  text-transform: none!important;
}

    html body.bg-gray-100.body-forum-admin div.mb-8.font-sans.antialiased.text-gray-900 main.grid.grid-cols-4.gap-8.mt-8.wrapper section.flex.flex-col.col-span-3.gap-y-4 article.pchem.bg-white.shadow div.px-4.py-2.bg-blue-200.flex.justify-between.p-4.text-gray-500.rounded div.row.w-100 div.col.text-right {
    margin-top:10px;
   }
   html body.bg-gray-100.body-forum-admin div.mb-8.font-sans.antialiased.text-gray-900 main.grid.grid-cols-4.gap-8.mt-8.wrapper section.flex.flex-col.col-span-3.gap-y-4 article.pchem.bg-white.shadow div.px-4.py-2.bg-blue-200.flex.justify-between.p-4.text-gray-500.rounded{
         margin-top:15px;
    }
    
    /* Morales Forum */
    
   .col-md-1 {
      margin-bottom: 2px;
    }

    .tablercomment{
      width:84%; 
      margin-left:70px;
    }
    .col-md-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 99.333333%!important;
      flex: 0 0 99.333333%!important;
      max-width: 99.333333%!important;
    }
    .col-md-1 {
      padding-top: 0%;
    }

} 
    
    


/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) { 
    
     /******* Gabriel ********/
   .col-md-1 {
      padding-top: 5%;
   }
   
   html body.bg-gray-100.body-forum-admin div.mb-8.font-sans.antialiased.text-gray-900 main.grid.grid-cols-4.gap-8.mt-8.wrapper section.flex.flex-col.col-span-3.gap-y-4 div.mt-1.space-y-1 div table#reply_tae.display tbody tr td div div div.relative div.row div.col-md-10 div.p-2.space-y-4.bg-white.border-l-4.border-blue-300.shadow.rounded-xl div.grid.grid-cols-8 div.col-span-7.space-y-4 div.row div.col-md-3{
        padding-top: 10px;
   }


 .editReply{
  padding-left: 75px;
  padding-top: 3px;
  }
    
 /*******    Fin  Gabriel ********/
 
 
     .w-full {
    width: 75%!important;
}
      .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  margin-right: calc(0.7rem * var(--tw-space-x-reverse))!important;
  margin-left: calc(0.7rem * calc(1 - var(--tw-space-x-reverse)))!important;
}
     
   .space-x-12 > :not([hidden]) ~ :not([hidden]) {
  margin-right: calc(3rem * var(--tw-space-x-reverse))!important;
  margin-left: calc(4rem * calc(1 - var(--tw-space-x-reverse)))!important;
}
.uppercase {
  text-transform: none!important;
}  
     
     html body.bg-gray-100.body-forum-admin header div.containertop div.row.topcontent div.col-12.col-sm-4.menutop{ padding-right: 5px;
padding-left: 50px; 
       max-width: 100% !important;
  flex: 0 0 55% !important;
   } 
     
     
html body.bg-gray-100.body-forum-admin section footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col{
      margin-right: 80px; 
  }
   
   html body.bg-gray-100.body-forum-admin div.mb-8.font-sans.antialiased.text-gray-900 main.grid.grid-cols-4.gap-8.mt-8.wrapper section.flex.flex-col.col-span-3.gap-y-4 article.pchem.bg-white.shadow div.px-4.py-2.bg-blue-200.flex.justify-between.p-4.text-gray-500.rounded div.row.w-100 div.col.text-right {
          margin-top:-20px;
   }
 
 html body.bg-gray-100.body-forum-admin div.mb-8.font-sans.antialiased.text-gray-900 main.grid.grid-cols-4.gap-8.mt-8.wrapper section.flex.flex-col.col-span-3.gap-y-4 article.pchem.bg-white.shadow div.px-4.py-2.bg-blue-200.flex.justify-between.p-4.text-gray-500.rounded{
         margin-top:20px;
    }
 .col-span-1 {
  grid-column: span 4 / span 4;
}
.col-span-3 {
  grid-column: span 4 / span 4;
}
.pchem {
  padding: 1.4rem;
}
.footer_links {
  width: 450px;
}
 
  .contact-info-foot{
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 200;
    color: inherit;
    font-size: 13px;
  }
   .forum-tag{
	margin-top: 160px;
	text-align: left;
      color: #ffffff;
      background-color: #404040!important;
      height: auto; 
      width: 100%;
      margin-left: auto!important;
     margin-right: auto!important;
     border-top: 1px #C0C0C0 solid;
		}
	.p-5 {
    padding: 0.5rem !important;
    }
    
     .tablercomment{
      width:84%; 
      margin-left:70px;
    }
    .col-md-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 85.333333%!important;
      flex: 0 0 85.333333%!important;
      max-width: 85.333333%!important;
    }
    .col-md-1 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 10.333333%;
      flex: 0 0 10.333333%;
      max-width: 10.333333%;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    
/******* Gabriel ********/
    .bg-yellow-300 {
       margin-right: 1rem !important;
    }
    
 /*******    Fin  Gabriel ********/
    
   .w-full {
    width: 80%!important;
}
.col-md-1 {
  padding-top: 5%;
}
   
    .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  margin-right: calc(0.8rem * var(--tw-space-x-reverse))!important;
  margin-left: calc(0.8rem * calc(1 - var(--tw-space-x-reverse)))!important;
}
  .col-span-1 {
  grid-column: span 4 / span 4;
}
  .searchwidth {
  width: 100%;
  margin-top: 5px;
}
  html body.bg-gray-100.body-forum-admin section footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col{
      margin-right: 80px; 
  }
  .contact-info-foot{
    margin-bottom: .5rem;
    font-family: inherit;
    font-weight: 200;
    color: inherit;
    font-size: 13px;
  }
  
  .uppercase {
  text-transform: uppercase!important;
}
  
  html body.bg-gray-100.body-forum-admin header div.containertop div.row.topcontent div.col-12.col-sm-4.menutop{ padding-right: 5px;
padding-left: 50px; 
       max-width: 100% !important;
  flex: 0 0 55% !important;
   } 
 
.col-span-3 {
  grid-column: span 4 / span 4;
}
  
  .forum-tag{
			margin-top: 159px;
	text-align: left;
      color: #ffffff;
      background-color: #404040!important;
      height: auto; 
      width: 100%;
      margin-left: auto!important;
     margin-right: auto!important;
     border-top: 1px #C0C0C0 solid;
     background-image: url("../assets/img/forum.jpg");
		}
		
		.tablercomment{
      width:84%; 
      margin-left:70px;
    }
    .col-md-10 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 85.333333%!important;
      flex: 0 0 85.333333%!important;
      max-width: 85.333333%!important;
    }
  
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    
    .w-full {
    width: 80%!important;
}
     .space-x-6 > :not([hidden]) ~ :not([hidden]) {
  margin-right: calc(1.2rem * var(--tw-space-x-reverse));
  margin-left: calc(1.2rem * calc(1 - var(--tw-space-x-reverse)));
}
    
     .pchem{
    padding: 3rem;
}
     html body.bg-gray-100.body-forum-admin section footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col{
      margin-right: 10px; 
  }


html body.bg-gray-100.body-forum-admin header div.containertop div.row.topcontent div.col-12.col-sm-4.menutop{ padding-right: 5px;
padding-left: 50px; 
       max-width: 40% !important;
  flex: 0 0 55% !important;
   }  
   
 .forum-tag{
	  margin-top: 140px;
	  text-align: left;
      color: #ffffff;
      background-color: #404040!important;
      height: auto; 
      width: 100%;
      margin-left: auto;
     margin-right: auto;
     border-top: 1px #C0C0C0 solid;
		}
		
		.col-span-1 {
          grid-column: span 1 / span 1;
        }

         .searchwidth {
          width: 50%;
          margin-top: 5px;
        }

        .col-span-3 {
          grid-column: span 3 / span 3;
        }
        
        /***morales**/
        .col-md-10 {
          -webkit-box-flex: 0;
          -ms-flex: 0 0 91.333333%!important;
          flex: 0 0 91.333333%!important;
          max-width: 91.333333%!important;
        }
        
         
        .tablercomment{
          width:90%; 
          margin-left:70px;
        }
        .col-md-1 {
          padding-top: 5%;
        }
        /* end morales*/

}/* End Large devices (laptops/desktops, 992px and up) */


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    
     /***morales**/
       .col-md-10 {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 91.333333%!important;
                flex: 0 0 91.333333%!important;
                max-width: 91.333333%!important;
              }
              
       .editReply{
            padding-left: 75px;
          }
      /* end morales*/
      
    .w-full {
    width: 85%!important;
}
            space-x-6 > :not([hidden]) ~ :not([hidden]) {
          margin-right: calc(1.2rem * var(--tw-space-x-reverse));
          margin-left: calc(1.2rem * calc(1 - var(--tw-space-x-reverse)));
        }
    
             .pchem{
            padding-right: 3rem;
            padding-left: 3rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
        }
         html body.bg-gray-100.body-forum-admin section footer.footer div.container div.row.footer_row div.col div.footer_content div.row div.col.footer_col{
          margin-right: 10px; 
      }


     .forum-tag{
	  margin-top: 140px;
	  text-align: left;
      color: #ffffff;
      background-color: #404040!important;
      height: auto; 
      width: 100%;
      margin-left: auto;
     margin-right: auto;
     border-top: 1px #C0C0C0 solid;
		}
    
    
   	.col-span-1 {
          grid-column: span 1 / span 1;
        }

         .searchwidth {
          width: 50%;
          margin-top: 5px;
        }

        .col-span-3 {
          grid-column: span 3 / span 3;
        } 
    
         .tablercomment{
          width:90%; 
          margin-left:70px;
        }
    
      .col-md-1 {
          padding-top: 5%;
        }
    
}		

/*end morales*/

.border-transparent {
  border-color: #ffffff!important;
}