:root{
	--pentablack: #000;
	--primary: #c3dde0;
	--background: rgba(43, 43, 43, 0);
	--black: #232323;
	--secondary: rgb(200, 200, 200);
	--white: #fff;
	--gray: #c8c8c8;
}
.row:after{
	content: initial;
}
.primary-color{
	background-color: var(--primary) !important;
}
.btn-outline-primary{
	color: var(--primary) !important;
	background-color: transparent !important;
	border: 2px solid var(--primary) !important;
}
.btn-primary,.header-primary{
	background-color: var(--primary) !important;
	color: var(--white);
}
.modal .btn-group>.btn-primary{
    background-color: var(--gray) !important;
    color: var(--gray-dark);
    height: auto;
}
.modal .tipo-pago>.btn-primary{
    background-color:var(--white) !important;
    box-shadow: none;
}
.modal .tipo-pago>.active{
    color: var(--black);
    background-color: rgb(207, 207, 207);
}
.modal .tipo-pago>.active i, .modal .tipo-pago>.active span{
    color: var(--black);
}
body{
	background-color: var(--background);
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
	overflow: auto;
	box-shadow: 5px 0 10px #e4e7ed;
    will-change: transform;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn:hover, .btn-large:hover, .btn-small:hover,.btn-primary:not([disabled]):not(.disabled):active:focus,.btn-primary:not([disabled]):not(.disabled).active:focus,.show>.btn-primary.dropdown-toggle:focus {
    background-color: rgb(207, 207, 207) !important;
    -webkit-box-shadow: 0 6px 5px -2px var(--secondary);
    box-shadow: 0 6px 5px -2px var(--secondary);
}

#sidebar {
    /* don't forget to add all the previously mentioned styles here too */
    background: var(--white);
    color: var(--black);
    transition: all 0.3s;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: var(--background);
}

#sidebar ul.components {
    padding: 20px 0;
}

#sidebar ul p {
    color: var(--white);
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}
#sidebar ul li a:hover {
    /*color: #7386D5;*/
    background: var(--white);
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    /*color: var(--white);*/
    background-color: var(--background);
}
ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: var(--background);
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}
.content {
	width: 100%;
}



/*Materialize y más cosas*/
.primary-dark.navbar .navbar-nav .dropdown-menu .nav-item .nav-link {
    color: rgb(0,0,0);
    color: rgba(0,0,0,0.75);
    padding: 0.2rem 1rem;
}
textarea.md-textarea{
	resize: none;
}
.navbar-brand img {
    max-height: 40px;
    width: auto;
}

.navbar.navbar-dark.primary-dark .dropdown-menu .nav-item .nav-link:hover, .navbar.navbar-dark.primary-dark .navbar-nav .dropdown-menu .nav-item .nav-link:hover {
    color: #000;
}

.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #fff;
}

.custom-file-label::after {
    content: "Buscar"
}

.navbar-dark .navbar-nav .nav-link {
    color: rgb(255, 255, 255);
    color: rgba(255, 255, 255, 0.75);
}

#content {
    margin-left: 270px;
}

.flexible-navbar {
    -webkit-transition: padding-left .5s;
    -o-transition: padding-left .5s;
    -moz-transition: padding-left .5s;
    transition: padding-left .5s;
    padding-left: 280px;
    background: #fff;
}

.md-form[class*='col'] label {
    left: 15px;
}

.sidebar-fixed {
    left: 0;
    top: 0;
    height: 100vh;
    width: 270px;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    z-index: 1050;
    background-color: #fff;
    padding: 1.5rem;
    padding-top: 0;
}

table.table a.btn, table.table button.btn {
    margin: .225rem;
    padding: .588rem 0.798rem;
}

.full {
    height: 70vh;
}

table tr > th:last-child, table tr > td:last-child {
    width: 0px;
}

template {
    display: none;
}

fieldset > .row:not(:last-child) {
    border-bottom: 1px solid black;
}
.ImpulsorProceso>div:not(:last-child){
	border-bottom: 2px solid black;
}
/******Material Design******/
.primary {
    background-color: #2196f3;
    color: #ffffff !important;
}

.primary-light {
    background-color: #6ec6ff;
    color: #000000;
}

.primary-dark {
    background-color: #0069c0;
    color: #ffffff;
}

.secondary {
    background-color: #6002ee !important;
    color: #ffffff !important;
}

.secondary-light {
    background-color: #9c47ff;
    color: #000000;
}

.secondary-dark {
    background-color: #0000ba;
    color: #ffffff;
}

/*Table*/
.table-striped thead {
    background: #2196f3;
    color: white;
}

.table-striped.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #000000;
}

/* Select */
.select-wrapper ul {
    list-style: none;
}

/*Nuevo administrador*/
.sidebar-fixed {
    height: 100vh;
    width: 270px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    z-index: 1050;
    background-color: #fff;
    padding: 1.5rem;
    padding-top: 0;
}

    .sidebar-fixed .list-group .active {
        -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

    .sidebar-fixed .logo-wrapper {
        padding: 2.5rem;
    }

        .sidebar-fixed .logo-wrapper img {
            max-height: 50px;
        }

@media (min-width: 1200px) {
    .fixed-sn .navbar, .fixed-sn .page-footer, .fixed-sn main {
        padding-left: 270px;
    }
}

@media (max-width: 1199.98px) {
    .sidebar-fixed {
        display: none;
    }
}

.table .btn {
    padding: .84rem 1.14rem;
	line-height: 20px;
}

.navbar.scrolling-navbar {
    background-color: #0069c0;
}

.card-header {
    background-color: rgb(33, 150, 243);
    color: white;
}

.card > .card > .table-responsive {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

/*.modal .modal-dialog.modal-notify.modal-success .badge, .modal .modal-dialog.modal-notify.modal-success .modal-header {
    background-color: #0069c0;
}

.modal-title {
    color: white;
}

.modal-notify .close {
    color: white;
}

.modal-dialog.modal-notify .modal-body {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}*/
.modal{
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 100%;
	max-height: 100%;
}
.modal .modal-content {
    padding: 0;
}

.modal-header{
	color: white;
}
.input-group-input {
    max-width: calc(100% - 40px);
    position: relative;
    width: calc(100% - 40px);
}

.input-group-prepend.currency {
    align-items: start;
}

.md-form.input-group .form-control.datetimepicker-input {
    padding: .3rem 0 .55rem;
}

.dropdown-content {
    list-style: none;
    padding-left: 15px;
}

.dropzone1 {
    border: 2px dashed #2196f3;
    border-radius: 5px;
    background: white;
}

body:not(.iPhone) .md-form select {
    display: none;
}

body.iPhone .md-form select{
    border:none;
    border-bottom: 1px solid #ced4da;
}
.md-form select+label{
    top:-25px;
}

.dropzone1 .dz-preview .dz-success-mark svg path, .dropzone1 .dz-preview .dz-error-mark svg g {
    stroke: black !important;
    fill: black !important;
}

/* Loader */
.contenedor-loader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 100;
    left: 0px;
    top: 0;
}

    .contenedor-loader.active {
        display: flex;
    }

    .contenedor-loader > div {
        width: 100%;
    }

.table-striped tbody tr.rgba-red-strong, .table-striped tbody tr.rgba-red-strong:after {
    background-color: rgba(244,67,54,.7);
}

.dropdown-content.select-dropdown {
    padding: 0;
}

.input-field.s12 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.select-dropdown label {
    font-size: .8rem;
    color: #9e9e9e;
}

.select-dropdown [type="checkbox"]:not(:checked), .select-dropdown [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.select-dropdown [type="checkbox"] + span:not(.lever) {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.select-dropdown [type="checkbox"]:checked + span:not(.lever):before {
    top: -4px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #26a69a;
    border-bottom: 2px solid #26a69a;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.select-dropdown [type="checkbox"] + span:not(.lever):before, .select-dropdown [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 3px;
    -webkit-transition: .2s;
    transition: .2s;
}

.select-dropdown [type="checkbox"]:not(.filled-in) + span:not(.lever):after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.seleccionar:first-child {
    width: 100px;
    text-align: center;
}

.pagination.pg-blue .page-item.active .page-link {
    background-color: #4285f4;
}

.dropzone1 .dz-preview:not(.dz-processing) .dz-progress {
    display: none;
}

.form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip, .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control.is-invalid, .was-validated .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
    background-repeat: no-repeat;
    background-position: center right calc(0.375em + 0.1875rem);
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.dropzone1 .dz-preview .dz-error-message:after {
    top: 50px;
    left: 64px;
    border-top: 6px solid #be2626;
    border-bottom: none;
}
.dropzone1 .dz-preview .dz-error-message {
    top: -53px;
    left: -10px;
}
.folio .md-form .form-control{
    border-color: black;
}
.seleccionar.aprobado > div{
    display: none;
}
.btn[class*="btn-outline-"] {
    padding-top: inherit;
    padding-bottom: inherit;
}
.custom-switch .custom-control-label:after{
	top: calc(.25rem - -1px);
}
.custom-switch .custom-control-label:before{
	top: calc(.25rem - 1px);
}
.header {
    background-color: var(--secondary);
}
.pagination .page-item.active .page-link {
	background-color: var(--primary);
}
.departamentos .inactivo{
    color: gray;
}
.departamentos a{
    color: #222222;
}
.fa-10x{
    font-size: 10em !important;
}
.fa-6x{
    font-size: 6em !important;
}
.btn i, .btn-large i, .btn-small i, .btn-floating i, .btn-large i, .btn-small i, .btn-flat i {
    line-height: initial;
}
.md-form {
    position: relative;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
@media screen and (max-width: 991.8px){
    .fa-6x{
        font-size: 3em !important;
    }
}