.form-container{
    /*border:1px solid #000;*/
    padding: 5%;
    /*margin-top:50%;*/
    text-align:center;
}

.containerEdigital{
    margin-top:3%;
}

.linkTramites{
    color: black;
}

.documentosEntregados{
    height:200px;
    overflow-x: hidden;
    overflow-y: scroll;
}
/**** 08/07/21 *****/
.container, body {
    /*height: 100vh !important;*/
}
.btn {
    border: none !important;
    border-radius: 0;
    margin: 5px 0;
}
.container {
    margin-top: 6%;
}
a.btn.btn-success {
    background-color: #aa6026;
}

td .btn {
    width: 100%;
}
.bg-light {
    box-shadow: 0px 0px 4px 0px #4444446e;
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #af4d00 !important;
}
thead {
    background: #60a4af;
    color: #fff;
    font-weight: 100 !important;
}
td {
    color: #696969;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(0 0 0 / 2%);
}
.btn-info {
    background-color: #4caf50;
}
.btn-info:hover {
    background-color: #39803b;
}
#debug-bar .tab h2 {
    border-bottom: 1px solid #60a4af;
}
#debug-bar .tab h3 {
    margin: 10px 0;
    color: #60a4af;
    font-weight: 600;
}
#debug-bar .tab h3 {
    margin: 10px 0;
    color: #60a4af;
    font-weight: 600;
}
.home {
    height: 100vh;
    margin-top: -65px !important;
    background: #318f9e;
    width: 45% !important;
    FONT-VARIANT: JIS04;
    margin: 12px auto;
    max-width: 1200px;
    box-shadow: 0px 0px 4px 0px #4444446e;
    position: relative;
}
.home input {
    border: none;
    background: #ffffffc9;
    border-radius: 0;
}
#debug-bar .tab h3 {
    margin: 10px 0;
    color: #60a4af;
    font-weight: 600;
}
.home .btn {
    width: 100%;
    background: #d8a714;
}
.logo {
    margin: 5%;
    text-align: center;
    background: #ffffffb5;
    padding: 10%;
    margin-bottom: 0;
}

/*Clases error y valid para validator*/
 input.error, select.error, textarea.error{border:1px solid red;}

label.error{
    color: red;
}

/*Alertas */
.alertCustom{
    position: fixed;
    z-index: 1;
    width: 50%;
    left: 30%;
}


/****** nuevo diseņo *******/
.nav-item a {
    color: #fff !important;
}

.nav-item {
    padding: 0 4px;
}

.navbar-light .navbar-brand {
    padding-left: 25px;
    position: relative;
}

.navbar-light .navbar-brand:after {
    content: "";
    position: absolute;
    background: #fff;
    height: 108px;
    width: 135px;
    top: -32px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
div#dataTable_length {
    margin: 0 43px;
}
div#navbarSupportedContent {
    width: 90%;
    margin: 0 auto;
    margin-left: 3%;
}
.tbdiv .row{
    width: 90%;
    margin: 20px auto;
}
.row {
    margin: 20px 0;
}
ul.navbar-nav.mr-auto {
    width: 100%;
}
.col-sm-12.col-md-6 label {
    display: flex;
}
ul.navbar-nav.mr-auto table {
    width: 50% !important;
    margin-left: 10%;
}
.dropdown-menu.show a {
    color: #000 !important;
}
ul.navbar-nav.mr-auto table th {
    text-align: center;
    border: 2px solid #ffffff;
    background: #af4d00 !important;
    color: #fff !important;
    font-weight: 800 !important;
}
ul.navbar-nav.mr-auto table td {
    color: #fff;
    font-size: 11px;
    text-align: center;
    border-right: 2px solid #fff;
    padding: 5px;
}
ul.navbar-nav.mr-auto table td:last-child {
    border-right: 0;
}
select, input, textarea {
    margin: 0;
    border-radius: 0 !important;
    border: 2px solid #60a4af !important;
    color: #797979 !important;
}
.dataTables_scroll {
    font-size: 14px;
}
svg.bi.iconsAcction {
    color: #de6200;
    width: 25px;
}
section#section_tramites .row, 
section#section_documentos_tramites .row {
    width: 100%;
}
a#addDoc svg {
    color: #fff !important;
}
form#formTramite .container, form#formTramite .col:nth-child(1) {
    padding: 0;
}
section#section_tramites input, section#section_tramites select,
section#section_solicitante input, section#section_solicitante select,
section#seccion_formato_solicitud input, section#seccion_formato_solicitud select,
section#section_documentos_tramite input, section#section_documentos_tramite select {
    margin: 0;
    padding: 7px;
}
section#section_solicitante .col:nth-child(1),{
    padding: 0 !important;
}
section#section_tramites label,
section#section_solicitante label ,
section#seccion_formato_solicitud label,
section#section_documentos_tramites label {
    font-weight: 500;
}
section#section_documentos_tramites .row:nth-child(2) .col,
section#section_acciones .row:nth-child(2) .col{
    padding: 0;
}
h5{
    border-bottom: 2px solid #aa6026;
    padding: .7em 0;
    font-size: 1.5em;
    margin-bottom: 20px;
    position: relative;
}
.col.align-self-center {
    width: 100%;
    padding: 0;
}
h5:before{
    content: "";
    position: absolute;
    background: #60a4af;
    width: 10%;
    height: 7px;
    left: 0;
    bottom: -4px;
    right: 0;
    margin: 0 auto;
}
a.btn.btn-primary {
    background-color: #aa6026 !important;
}
.badge-warning {
    background-color: #de6200;
    border-radius: 0;
    padding: 13px;
    color: #fff !important;
}
.row.align-items-center.home {
    width: 90%;
    margin: 0 auto;
}
.home input {
    margin: 0;
}
td a.btn {
    width: 25% !important;
}
section#section_acciones svg {
    color: #fff;
}
.modal-dialog textarea, .modal-dialog input {
    margin: 0;
}
.editar svg.bi.iconsAcction {
    color: #4caf50;
}
.pepelera_Tramite svg.bi.iconsAcction {
    color: #f00;
}