.login {

  background-color: #f7f7f7;

  background: url(../images/dcdd.png);

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  width: 100%;

  height: 100vh;

}



.login .fa-paw {

  font-size: 26px;

}



a.hiddenanchor {

  display: none;

}



.login_wrapper {

  right: 0px;

  margin: 0px auto;

  margin-top: 5%;

  max-width: 350px;

  position: relative;

}



.registration_form,

.login_form {

  position: absolute;

  top: 0px;

  width: 100%;

}



.registration_form {

  z-index: 21;

  opacity: 0;

  width: 100%;

}



.login_form {

  z-index: 22;

}



#signup:target~.login_wrapper .registration_form,

#signin:target~.login_wrapper .login_form {

  z-index: 22;

  -webkit-animation-name: fadeInLeft;

  animation-name: fadeInLeft;

  -webkit-animation-delay: 0.1s;

  animation-delay: 0.1s;

}



#signup:target~.login_wrapper .login_form,

#signin:target~.login_wrapper .registration_form {

  -webkit-animation-name: fadeOutLeft;

  animation-name: fadeOutLeft;

}



.animate {

  -webkit-animation-duration: 0.5s;

  -webkit-animation-timing-function: ease;

  -webkit-animation-fill-mode: both;

  -moz-animation-duration: 0.5s;

  -moz-animation-timing-function: ease;

  -moz-animation-fill-mode: both;

  -o-animation-duration: 0.5s;

  -o-animation-timing-function: ease;

  -o-animation-fill-mode: both;

  -ms-animation-duration: 0.5s;

  -ms-animation-timing-function: ease;

  -ms-animation-fill-mode: both;

  animation-duration: 0.5s;

  animation-timing-function: ease;

  animation-fill-mode: both;

}



.login_content form input {

  text-align: center;

}



body.login>div {

  display: block;

  position: relative;

  width: 100%;

  height: 100%;

}



img.logosLogin {

  width: 100%;

  margin-bottom: 30px;

}



.animate.form.login_form {

  background: #fff;

  padding: 0 15px;

  border-radius: 10px;

  box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.5);

}



section.login_content form>img:nth-child(1) {

  width: 100%;

  margin: 15px 0;

}



section.login_content input {

  margin-bottom: 15px;

  text-align: center;

  font-weight: 600;

  font-size: 16px;

}



section.login_content form>div:nth-child(4)>span {

  display: block;

  position: relative;

  width: 150px;

  margin: 0 auto;

}



.btn:hover {

  color: #ffffff;

  text-decoration: none;

}



.btnDubaiClass,

button.dt-button.buttons-excel.buttons-html5,

li#dubaiDrive_previous>a.page-link,

li#dubaiDrive_next>a.page-link,

.page-item.active .page-link {

  background: #448c55;

  color: #fff;

  border: 1px solid transparent;

}



.btnDubaiClass:hover,

button.dt-button.buttons-excel.buttons-html5:hover,

li#dubaiDrive_previous>a.page-link:hover,

li#dubaiDrive_next>a.page-link:hover {

  background: #00964f;

}



.sidebar {

  background: #000;

}



#logo-header {

  background-color: #000 !important;

}



div#logo-header a.logo {

  width: 50%;

  height: 57px;

  padding: 5px 0;

}



div#logo-header a.logo img.navbar-brand {

  width: auto;

  height: 100%;

  display: block;

  margin: auto;

}



.navbar>.container,

.navbar>.container-fluid {

  display: flex;

  align-items: center !important;

  justify-content: flex-end !important;

}



.sidebar .nav-collapse li #fgen a,

.sidebar .nav-collapse li #serv a,

.sidebar .nav-collapse li #emp a {

  padding: 5px 50px !important;

}



.sidebar .nav>.nav-item a:hover i,

.sidebar .nav>.nav-item a:focus i,

.sidebar .nav>.nav-item a[data-toggle="collapse"][aria-expanded="true"] i {

  color: #448c55 !important;

}



.sidebar .nav>.nav-item.active>a:before,

.sidebar .nav>.nav-item.active:hover>a:before,

.sidebar .nav>.nav-item a[data-toggle="collapse"][aria-expanded="true"]:before {

  background: #448c55 !important;

}



.page-inner.propietario2 {

  padding: 0rem 2rem;

}



div.content form .page-inner {

  padding-bottom: 0;

}



div.content form .page-inner.register {

  width: 100%;

  padding: 0 2rem;

  text-align: center;

}



#departamentos1 ul li,

#departamentos2 ul li,

ul#municipiosOrg li,

ul#municipiosDest li {

  list-style: none;

  font-size: 12px;

  cursor: pointer;

}



#departamentos1 ul,

#departamentos2 ul,

ul#municipiosOrg,

ul#municipiosDest {

  padding: 10px;

}



.custom-file-label {

  overflow: hidden !important;

  display: flex !important;

  align-items: center !important;

}



.custom-file-label::after {

  background: #448c55;

  color: #fff;

  display: flex;

  align-items: center;

  content: "Buscar Archivo";

}



.main-panel>.content {

  min-height: initial !important;

}



button.dt-button.buttons-excel.buttons-html5 {

  border-radius: 3px;

  border: none;

  height: 31px;

  width: 150px;

  cursor: pointer;

}



div#dubaiDrive_wrapper>div:nth-child(1),

div#dubaiDrive_wrapper>div:nth-child(2),

div#dubaiDrive_wrapper>div:nth-child(3) {

  display: inline-block;

  width: 33%;

  vertical-align: middle;

}



#registeredUsers div#dubaiDrive_wrapper>div:nth-child(1),

#registeredUsers div#dubaiDrive_wrapper>div:nth-child(2),

#cash div#dubaiDrive_wrapper>div:nth-child(1),

#cash div#dubaiDrive_wrapper>div:nth-child(2) {

  width: 50%;

}



.lined .nav-link.active {

  background: none;

  color: #009351;

  border-color: #009351;

}



.sidebar .user .info a>span {

  display: block !important;

  white-space: nowrap !important;

  overflow: hidden !important;

  text-overflow: ellipsis !important;

}



.sidebar .user .info a>span .user-level {

  display: block !important;

}



/*Tab fgl*/

#fgl th {

  font-size: 11px;

  padding: 5px !important;

  margin: 0px;

}



#fgl td {

  font-size: 11px;

  padding: 5px !important;

  margin: 0px;

}



#fgl div.dataTables_wrapper div.dataTables_filter input {

  width: auto !important;

}



/* With arrow tabs */

#fgl .with-arrow .nav-link.active {

  position: relative;

}



#fgl .with-arrow .nav-link.active::after {

  content: "";

  border-left: 6px solid transparent;

  border-right: 6px solid transparent;

  border-top: 6px solid #009351;

  position: absolute;

  bottom: -6px;

  left: 50%;

  transform: translateX(-50%);

  display: block;

}



/* lined tabs */

#fgl .lined .nav-link {

  border: none;

  border-bottom: 3px solid transparent;

}



#fgl .lined .nav-link:hover {

  border: none;

  border-bottom: 3px solid transparent;

}



#fgl .lined .nav-link.active {

  background: none;

  color: #009351;

  border-color: #009351;

}



#fgl .nav-pills .nav-link {

  color: #000;

}



#fgl .text-uppercase {

  letter-spacing: 0.1em;

}



#fgl li {

  display: block !important;

  width: 100%;

}



#cash span.btnDubaiClass,

#cash button.btn.btnDubaiClass {

  font-size: 14px;

  text-transform: uppercase;

  padding: 0.6rem 1rem;

  height: 40.19px;

}



#cash span.btnDubaiClass i {

  font-size: 14px;

  margin-right: 10px;

}



#cash span.btnDubaiClass i.fas.fa-plus {

  margin: 0;

}



div#productos td {

  text-align: center;

  font-size: 10px;

  padding: 0.5rem !important;

}



.form-control:focus {

  border-color: #448c55;

}



#vencimientos .modal-header,

#vencond .modal-header {

  justify-content: center;

  text-transform: uppercase;

}



#vencimientos .modal-footer,

#vencond .modal-footer {

  justify-content: center;

}



#vencimientos .modal-header h2,

#vencond .modal-header h2 {

  background-color: transparent;

  color: #ffffff;

  text-align: center;

  font-size: 2rem;

}



#vencond .modal-body p {

  color: #ff0000;

  text-align: center;

  background-color: transparent;

  font-size: 25px;

  font-weight: 900;

  text-transform: uppercase;

}



#vencimientos .modal-footer h2,

#vencond .modal-footer h2 {

  text-align: center;

  color: #ff0000;

  font-weight: 900;

  text-transform: uppercase;

}



#dubaiDrive tr span.dtr-data button.btn.btnDubaiClass {

  height: 35px !important;

  width: 35px !important;

}



#dubaiDrive td button.btnDubaiClass {

  display: flex;

  justify-content: center;

  align-items: center;

  width: 40px;

  height: 40px;

  padding: 0;

  margin-bottom: 5px;

}



#registeredUsers #dubaiDrive tr td:nth-child(1) a button.btnDubaiClass {

  display: inherit;

  width: inherit;

  height: inherit;

  padding: 5px;

  justify-content: inherit;

  align-items: inherit;

  margin: inherit;

}



#dubaiDrive td {

  text-align: center;

}



span.dtr-data .col-lg-12 div {

  display: inline-flex;

  justify-content: center;

  align-items: center;

}



td.child ul.dtr-details {

  margin: 0;

  padding: 0;

}



td.child ul.dtr-details li::marker {

  unicode-bidi: inherit;

  font-variant-numeric: inherit;

  text-transform: inherit;

  color: transparent;

}



ul.dtr-details li span.dtr-title {

  color: #554;

  font-weight: 600;

  margin-bottom: 15px;

  display: inline-block;

}



.fancybox-slide--iframe .fancybox-content {

  background: #fff;

}



.separator div:nth-child(3)>p {

  text-align: center;

}



.card-stats .icon-big.icon-success {

  background: #448c55;

}



.chart-container {

  min-height: inherit;

}



#dashboard .card-body.pb-0 .col-sm-12 {

  padding: 0;

  margin-bottom: 10px;

}



#dashboard .card-body.pb-0 .col-sm-12 button.btn.btnDubaiClass {

  width: 100%;

}



.borderojo {

  outline: none;

  border: 1px solid #f00;

}



.bordegris {

  border: 1px solid #d4d4d4;

}



#dashboard .card-body.col-sm-12 form label.col-sm-12 {

  text-align: right;

  padding: 0;

  margin: 15px 0;

}



button#btnSms {

  float: right;

}



#dubaiDrive td.sorting_1 a:nth-child(1) {

  display: block;

  margin-bottom: 10px;

}



ul.dtr-details li span.dtr-title:after {

  content: ": ";

}



.col-md-4>.card {

  height: calc(100% - 30px);

}



#driverList td.sorting_1 span {

  display: flex;

  position: relative;

  width: 50px;

  height: 50px;

  justify-content: center;

  align-items: center;

  overflow: hidden;

  border-radius: 100%;

  box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.25);

}



.form-group input#color {

  height: 38px;

  padding: 2px;

  cursor: pointer;

}



img.imgEmpresa {

  border-radius: 100px;

  background: #fff;

  width: 70px;

}



span.colorCircle {

  display: flex;

  position: relative;

  width: 70px;

  height: 70px;

  margin: 0 auto;

  color: #fff;

  border-radius: 100%;

  justify-content: center;

  align-items: center;

}



#report h2.card-category,

#report h2.card-title {

  font-size: 25px;

  text-align: center;

  margin-bottom: 20px !important;

}



#report form.row button[type="submit"].btn.btnDubaiClass {

  margin-top: 10px;

}



#report button.btn.btnDubaiClass {

  margin-top: 48px;

}



#report .numbers {

  width: 100%;

}



form#formCecion .modal-body.row,

div#cesionario1,

div#cesionario2,

form#datos_factura {

  margin-right: 0;

  margin-left: 0;

}



label.btn.btn-info.active.toggle-off {

  background: #ff0000 !important;

  height: 100%;

}



table#dubaiDrive tr th.sorting:nth-child(1),

table#dubaiDrive tr th.sorting:nth-child(3),

table#dubaiDrive tr th.sorting:nth-child(5) {

  width: 10% !important;

}



table#dubaiDrive tr th.sorting:nth-child(2) {

  width: 50% !important;

}

table#dubaiDrive.services tr th.sorting:nth-child(2) {

  width: inherit !important;

}



table#dubaiDrive tr th.sorting:nth-child(4) {

  width: 20% !important;

}



body#allServicesList .card-body .col-sm-12,

body#asigServicesList .card-body .col-sm-12 {

  text-align: right;

  margin-bottom: 15px;

}



body#asigServicesList button.btn.btnDubaiClass i,

body#allServicesList button.btn.btnDubaiClass i {

  margin-right: inherit;

}



#dashboard .accesosExt .card-body.pb-0 {

  display: flex;

  justify-content: center;

}



#dashboard .accesosExt .card-body.pb-0 img {

  width: 100%;

}



#dashboard .accesosExt .card-body.pb-0>div {

  display: inline-flex;

  align-items: center;

}



#dashboard .col-md-12.accesosExt .card-body.pb-0>div {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  margin-right: 15px;

}



#dashboard .col-md-12.accesosExt .card-body.pb-0>div:last-child {

  margin-right: 0px;

}



#dashboard .col-md-12.accesosExt .card-body.pb-0>div:nth-child(3) {

  margin-left: 15px;

}



#dashboard .col-md-12.accesosExt .card-body.pb-0>div:nth-child(4) {

  margin-right: 0;

}



.nav.nav-line.nav-color-secondary .nav-link.active {

  color: #448c55 !important;

  border-color: #448c55 !important;

}



.nav.nav-line.nav-color-secondary .nav-link:hover,

.nav.nav-line.nav-color-secondary .nav-link:focus {

  color: #448c55 !important;

}



div#dUser img {

  width: 100%;

  border-radius: 15px;

  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 0.25);

}



div#dUser label,

div#doc label {

  font-weight: 900;

}



div#dUser h2,

div#doc h2 {

  margin: 20px 0px;

  font-weight: 600;

  color: #fff;

}



div#dUser>div>div:last-child span,

div#doc>div>div:last-child span {

  display: block;

}



div#dUser,

div#doc {

  border: 1px solid #f1f1f1;

  overflow: hidden;

}



div#dUser>div,

div#doc>div {

  margin: 0 auto;

  padding: 0;

  text-align: center;

}



div#dUser>div>div:nth-child(2),

div#dUser>div>div:nth-child(3),

div#doc>div>div:nth-child(2) {

  margin-top: 80px;

}



div#dUser>div>div:first-child,

div#doc>div>div:first-child {

  display: flex;

  position: absolute;

  justify-content: center;

  align-items: center;

  background: #438b54;

  width: calc(100% + 60px) !important;

  padding: 0;

  left: 0;

  margin-top: 0 !important;

}



div#dUser>div>div:nth-child(4),

div#doc>div>div:nth-child(odd),

div#dUser>div>div:nth-child(4),

div#doc>div>div:nth-child(odd),

div#dUser.fancy>div>div:nth-child(2n + 6) {

  margin-top: 20px;

  text-align: center;

  background: #448c55;

  width: calc(100% + 60px);

}



div#dUser>div>div:last-child,

div#doc>div>div:last-child {

  margin-top: 15px;

  margin-left: 0px;

}



div#doc .col-md-4.col-sm-12 {

  display: inline-flex;

  justify-content: center;

  align-items: center;

}



i.glyphicon.glyphicon-trash {

  font-style: inherit;

}



i.glyphicon.glyphicon-trash:before {

  content: "\f2ed";

  font-family: "Font Awesome 5 solid";

  color: #448c55;

}



button.btn.btnDubaiClass i,

button.btn.btnDubaiClass i {

  margin-right: 5px;

}



a.btn.btnDubaiClass>i.glyphicon.glyphicon-plus:before {

  content: "\f067";

  font-family: "Font Awesome 5 Solid";

  font-style: initial;

}



#cash .outer_div tr.btnDubaiClass>th {

  text-transform: uppercase;

}



#cash .outer_div tr.btnDubaiClass>th:first-child,

#cash .outer_div tr.btnDubaiClass>th:last-child {

  width: 10%;

  text-align: center;

}



#cash .outer_div tr.btnDubaiClass>th:nth-child(2) {

  width: 55%;

  text-align: center;

}



#cash .outer_div tr.btnDubaiClass>th:nth-child(3) {

  width: 10%;

  text-align: center;

}



#cash .outer_div tr.btnDubaiClass>th:nth-child(4) {

  width: 15%;

  text-align: center;

}



#driverList td>a.btn.btnDubaiClass,

#empresasRegistradas td>a.btn.btnDubaiClass {

  width: 40px;

  height: 40px;

  display: inline-flex;

  position: relative;

  justify-content: center;

  align-items: center;

}



#driverList td>a.btn.btnDubaiClass:first-child {

  margin-bottom: 5px;

}



.page-inner,

body.fancyUser {

  margin-left: 0;

  background: url(/assets/images/dcdd.png);

  background-color: #e8e6e6;

}



.page-header h4.page-title {

  color: #fff;

}



.page-header {

  background: #448c55 !important;

  color: #fff;

  padding: 15px;

}



.page-inner>h4.page-title {

  padding: 1rem;

  background: #448c55;

  color: #fff;

}



section.login_content h3 {

  text-align: center;

}



section.login_content h5 {

  text-align: center;

  font-size: 25px;

  color: #ff0000;

}



section.login_content h4 {

  text-align: center;

}



section.login_content h4>a {

  display: inline-flex;

  font-size: 14px !important;

  align-items: center;

}



section.login_content button.btn.btnDubaiClass {

  display: block;

  margin: 25px auto;

  padding: 5px 20px;

}



.msjError>span:first-child {

  display: block;

  width: 100%;

  text-align: center;

  font-size: 23px !important;

  color: #ff0000;

  font-weight: 900;

  text-transform: uppercase;

}



.msjError>span {

  display: block;

  width: 100%;

  text-align: center;

  margin: 30px 0;

  font-size: 21px;

}



.card-body.botonera a {

  margin: 0 10px;

}



.alert.alert-success {

  position: fixed;

  z-index: 1000000;

  display: flex;

  justify-content: center;

  align-items: center;

  right: 30px;

  max-width: 300px;

  min-width: 300px;

  height: 60px;

  font-size: 13px;

  font-weight: 600;

  text-transform: uppercase;

  border-left: 20px solid #35cd3a;

}



div#dUser.fancy>div>div:nth-child(2n + 5) {

  align-items: center;

  margin-top: 20px;

}



div#dUser.fancy>div>div:last-child {

  padding-bottom: 20px;

}



label {

  color: #000 !important;

  font-weight: 600 !important;

}



.card-title {

  color: #000 !important;

  font-weight: 600 !important;

}



.form-control {

  color: #000 !important;

  border-color: #c3c3c3 !important;

}



.form-control:disabled,

.form-control[readonly] {

  opacity: 0.8 !important;

}



input[type="date"],

input[type="file"] {

  height: 40.19px !important;

  border-radius: 0.25rem !important;

}



.dataFUEC li {

  text-transform: uppercase;

  margin-bottom: 5px;

}



#dubaiDrive tr span.dtr-data button.btn.btnDubaiClass.desv {

  display: inline-flex;

  margin: 0 !important;

}



#dubaiDrive tr span.dtr-data button.btn.btnDubaiClass.desv i {

  margin: 0;

}



.form-control.opacity {

  opacity: 0 !important;

}



div#cond2.active,

div#cond3.active {

  display: block !important;

}



span.select2.select2-container.select2-container--default.select2-container--below {

  height: 40.7px !important;

}



span.selection {

  height: 40.7px !important;

}



span#select2-origen-container,

span#select2-destino-container {

  height: 40.7px !important;

  align-items: center;

  display: flex;

}



span.select2-selection__arrow {

  height: 40.7px !important;

}



span.select2-selection.select2-selection--single {

  height: 40.7px;

}



.btnGroupDC .btnDubaiClass {

  width: calc(50% - 5px);

}



.btnGroupDC .btnDubaiClass a {

  color: #fff;

}



span.spanCurrency {

  display: flex;

  width: 40.69px;

  height: 40.69px;

  justify-content: center;

  align-items: center;

  z-index: 10;

  border: 1px solid #c3c3c3;

  border-right-width: 0;

  border-radius: 0.25rem 0 0 0.25rem;

}



input[type=number]::-webkit-inner-spin-button,

input[type=number]::-webkit-outer-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



input[type=number] {

  -moz-appearance: textfield;

}



/*Responsive*/

@media screen and (max-width: 768px) {

  div#dubaiDrive_wrapper>div {

    display: block !important;

    width: auto !important;

    margin: 0 auto;

    margin-bottom: 10px;

  }



  div#dubaiDrive_wrapper>div:first-child>button {

    margin: 0 auto;

    display: block;

  }

}



@media screen and (max-width: 767px) {

  #dashboard .accesosExt .card-body.pb-0 {

    display: block !important;

  }



  div#dUser>div>div:last-child span,

  div#doc>div>div:last-child span {

    display: inline-block;

  }



  div#dUser>div>div:last-child div,

  div#dUser>div>div:nth-child(3) div,

  div#doc>div>div:last-child div,

  div#doc>div>div:nth-child(3) div {

    text-align: center;

  }



  div#dUser>div>div:last-child,

  div#dUser>div>div:nth-child(3),

  div#doc>div>div:last-child,

  div#doc>div>div:nth-child(3) {

    margin-top: 20px;

  }



  div#dUser .col-md-8.col-sm-12.row {

    margin-left: 0;

  }

}



@media (min-width: 576px) {

  #fgl .rounded-nav {

    border-radius: 50rem !important;

  }



  #fgl .rounded-nav .nav-link {

    border-radius: 50rem !important;

  }

}