@charset "utf-8";
/* CSS Document */

:root {
 
--purple-100: #F7ECFF;
--purple-200: #E2BFFB;
--purple-300: #C394E4;
--purple-400: #9670B1;
--purple-500: #6D4F82;
--purple-600: #433050;
--purple-700: #30223A;	
--purple-800: #2A1D34;
--purple-900: #1F1426;	

--gray-100: #E7E4E4;
--gray-200: #DFDDDD;
--gray-300: #A1A1A1;
--gray-400: #8D8D8D;
--gray-500: #787878;
--gray-600: #646464;
--gray-700: #4F4F4F;	
--gray-800: #3A3A3A;
--gray-900: #252525;	
	
--color-primary:#6D4F82;
--color-secondary:#ccc;	
	
--primary:#30223A;
--secondary: #858796;
--success: #1cc88a;
--info: #36b9cc;
--warning: #FEC12A;
--danger: #e74a3b;
--light: #f8f9fc;




}






/*datatable*/
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #7b6688 !important;
  border-color: #7b6688 !important;
  

}

.page-link:hover 
{
  background-color:var(--purple-900);
  background-color:var(--purple-900);
  color:#fff;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}



/*botoes*/



.btn-default 
{
  background-color:var(--gray-100);
  border:2px solid var(--gray-100);
	
}

.btn-default:hover 
{
  background-color:var(--gray-200);
  border:2px solid var(--gray-200);
}


.btn-primary
{
	background-color:var(--color-primary);
  border:2px solid var(--color-primary);
	
}

.btn-primary:hover
{
	background-color:var(--purple-900);	
  border:2px solid var(--purple-900);
}


.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color:var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.2rem rgba(109, 79, 130, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color:var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color:var(--color-primary);
  border-color: var(--color-primary);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(109, 79, 130, 0.5);
}


.btn-secondary /*botão somente com borda*/
{
	border:2px solid var(--color-primary);
	background-color: transparent;
	color: var(--color-primary);
}

.btn-secondary:hover
{
	background-color:var(--purple-900);	
}


.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color:var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: 0 0 0 0.2rem rgba(109, 79, 130, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color:var(--color-primary);
  border-color: var(--color-primary);
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
 	background-color:var(--color-primary);
  border-color: var(--color-primary);
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(109, 79, 130, 0.5);
}

.btn-tertiary
{
	border:none;
	color:var(--color-primary);
}

a:hover  .fa-2x
{
  color:var(--color-primary);
}




div.dataTables_wrapper div.dataTables_paginate
{
  margin-top:24px !important;
}




.sidebar #sidebarToggle
{
  background-color: var(--color-primary);  
}

.border-left-primary
{
  border-left:#6D4F82 solid 4px !important;
}

.sidebar-dark #sidebarToggle:hover 
{
  background-color:var(--purple-400);	
}

.toggled #sidebarToggle
{
  background-color: var(--color-primary);
}

@media only screen and (max-width: 760px),
    (min-device-width: 761px) and (max-device-width: 1100px) {

        .tabela-resp,
        .tabela-resp thead,
        .tabela-resp tbody,
        .tabela-resp th,
        .tabela-resp td,
        .tabela-resp tr
        {
            display: block;
        }

        
        thead tr 
        {
            position: absolute;
            top: -9999px;
            left: -9999px;
            background-color: #1cc88a;
        }

        .tabela-unidades tr
        {
            margin: 0rem 0rem 1rem 0rem;
            padding:1rem;
        } 

        .tabela-unidades tr:nth-child(odd)
        {
            background: #ccc;
        }

        .tabela-unidades td
        {
            border: none;
            position: relative;
            padding-left: 30%;
        }

        .tabela-unidades td:before
         {
            position: absolute;
            top: 15px;
            left: 6px;
            width: 10%;
            padding-right: 10px;
            white-space: nowrap;
        }

        .tabela-unidades td:nth-of-type(1):before { content: "Nome"; }
		    .tabela-unidades td:nth-of-type(2):before { content: "E-mail"; }  
     
    
    

    }