.m_botons{
    padding-top: 30px;
}
.inputcomentario{
    width: auto!Important;
}
@media (max-width: 767px){
    
    .skin-black .main-header > .logo {
        background-color: #fcfcfc!Important;
        text-align: center;
    }
    .skin-black .main-header > .logo:hover {
        background-color: #fcfcfc!Important;
    }
    .m_botons{
        padding-top: 0px;
        margin-bottom: 20px;
    }
    .finboto{
        margin-bottom: 25px;
    }
    .inputcomentario{
        width: auto!Important;
    }
}
@media (max-width: 600px){
    .inputcomentario{
        width: auto!Important;
        max-width: 100px;
    }
    .inputfecha{
        width: auto!Important;
        max-width: 100px;
    }
}
@media screen and (max-width: 767px){
    .table-responsive {
        padding: 5px;
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

.botonInputFileModificado .inputImagenOculto {
    opacity: 0;
    position: absolute;
    margin-left: 0px;
    width: auto;
    height: 33px;
    /*border: solid 1px #333333;*/
}

/*
BOTONES NAVISION
*/
.navision-bar{
    margin-bottom: 20px;
}
.btn-nav {
  float: left;
  border-radius: 0px;
  padding: 5px;
  margin: 0px;
  width: 90px;
  height: 80px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}
.btn-nav > .fa,
.btn-nav > .glyphicon,
.btn-nav > .ion{
  font-size: 20px;
  display: block;
}
.btn-nav > img{
  text-align: center;
}
.btn-nav > span{
  display: block;
}
.btn-nav:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn-nav:active,
.btn-nav:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-nav > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}


/****** BTN NAV MINI *******/

.navision-bar-mini{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    border-bottom: 3px solid #d2d6de;
    display: block;
    position: fixed;
    top: 0;
    background-color: #ffffff;
    z-index: 10000;
    width: 110%;
    
}
.btn-nav-mini {
  float: left;
  border-radius: 0px;
  padding: 5px;
  margin: 0px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}
.btn-nav-mini > .fa,
.btn-nav-mini > .glyphicon,
.btn-nav-mini > .ion{
  font-size: 16px;
  display: block;
}
.btn-nav-mini > img{
  text-align: center;
}
.btn-nav-mini > span{
  display: block;
}
.btn-nav-mini:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn-nav-mini:active,
.btn-nav-mini:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-nav-mini > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}


.btn-nav-mini-inline {
  float: left;
  border-radius: 0px;
  padding: 3px;
  margin: 0px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 10px;
}
.btn-nav-mini-inline > .fa,
.btn-nav-mini-inline > .glyphicon,
.btn-nav-mini-inline > .ion{
  font-size: 12px;
  display: block;
}
.btn-nav-mini-inline > img{
  text-align: center;
}
.btn-nav-mini-inline > span{
  display: block;
}
.btn-nav-mini-inline:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn-nav-mini-inline:active,
.btn-nav-mini-inline:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-nav-mini-inline > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}


/****** BTN NAV MINI VEHICULOS *******/

.navision-bar-miniv{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    border-bottom: 3px solid #d2d6de;
    display: block;
    background-color: #ffffff;
    width: 100%;
    
}
.btn-nav-miniv {
  float: left;
  border-radius: 0px;
  padding: 5px;
  margin: 0px;
  width: 70px;
  height: 30px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 12px;
}
.btn-nav-miniv > .fa,
.btn-nav-miniv > .glyphicon,
.btn-nav-miniv > .ion{
  font-size: 16px;
  display: block;
}
.btn-nav-miniv > img{
  text-align: center;
}
.btn-nav-miniv > span{
  display: block;
}
.btn-nav-miniv:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn-nav-miniv:active,
.btn-nav-miniv:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-nav-miniv > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}


.btn-nav-miniv-inline {
  float: left;
  border-radius: 0px;
  padding: 3px;
  margin: 0px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  font-size: 10px;
}
.btn-nav-miniv-inline > .fa,
.btn-nav-miniv-inline > .glyphicon,
.btn-nav-miniv-inline > .ion{
  font-size: 12px;
  display: block;
}
.btn-nav-miniv-inline > img{
  text-align: center;
}
.btn-nav-miniv-inline > span{
  display: block;
}
.btn-nav-mini-inline:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn-nav-miniv-inline:active,
.btn-nav-miniv-inline:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-nav-miniv-inline > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}




/***PER FER PETITA LA LLETRA DE LES TAULES***/
.table {
    font-size: 14px!Important;
}
/*.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #f4f4f4;
    font-size: 12px!Important;

}*/
.btn-nav-line{
    border-radius: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.btn-nav-line img{
    margin-left: 5px;
    margin-top: 5px;
    border-right: 0px solid!Important;
}
.bg-nav {
    background-color: #FF6700;
}
.bg-nav:hover{
    background-color: #ff8800;
}
.inicio-nav-box{
    min-height: 140px;
    cursor: pointer;
    margin-bottom: 10px;
}
.inicio-nav-seccion{
    font-size: 16px;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0px!Important;
    margin-bottom: 0px!Important;
}

.inicio-nav-icon {
    color: #ffffff!Important;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 80px;
    width: 80px;
    text-align: center;
    font-size: 45px;
    line-height: 80px;
}
.inicio-nav-box a{
    color: #ffffff;
}

.borde-sota{
    border-bottom: solid 1px #ddd;
}
@media screen and (max-width: 767px){
    .buscador_personalizado{
        margin-bottom: 20px;
        margin-right: 0px!Important;
        margin-left: 0px!Important;
    }
    .buscador_personalizado .buscador{
        padding-right: 0px!Important;
        padding-left: 0px!Important;
    }
}
@media (min-width: 768px){
    .buscador_personalizado{
        margin-right: 0px!Important;
        margin-left: 0px!Important;
    }
    .buscador_personalizado .buscador{
        padding-right: 0px!Important;
        padding-left: 0px!Important;
    }
}
@media (min-width: 992px){
    .buscador_personalizado{
        z-index: 99998!Important;
        position: relative;
        top: 33px;
        margin-right: 0px!Important;
        margin-left: 0px!Important;
    }
    .buscador_personalizado .buscador{
        padding-right: 0px!Important;
        padding-left: 0px!Important;
    }

}
.dt-buttons{
    z-index: 1000!Important;
}

.widget-user .widget-user-header {
    padding: 20px;
    height: auto!Important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.timeline {
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
}
.timeline > li {
    position: relative;
    margin-right: 0px;
    margin-bottom: 10px;
}
.timeline > .time-label > span {
    font-weight: normal!Important;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px!Important;
}
.timeline > li > .timeline-item > .timeline-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 14px;
    line-height: 1.1;
}
.timeline > li > .timeline-item {
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 0px;
    padding: 0;
    position: relative;
}


@media screen and (max-width: 767px){
    .timeline > li > .timeline-item > .timeline-header {
        margin: 0;
        color: #555;
        border-bottom: 1px solid #f4f4f4;
        padding: 0px;
        padding-top: 10px;
        font-size: 14px;
        line-height: 1.1;
    }
    .timeline > li > .timeline-item > .timeline-body, .timeline > li > .timeline-item > .timeline-footer {
        padding: 0px;
        padding-top: 10px;
    }
    
    .btn-xs{
        font-size: 14px;
        padding: 6px 12px;
    }
     
}


.fc-event {
    position: relative;
    display: block;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0px;
    border: 1px solid #3a87ad;
    font-weight: 400;
}

@media screen and (max-width: 767px){
    .skin-black .main-header > .logo {
        display: none;
        background-color: #fcfcfc!Important;
        text-align: center;
    }
    
}

.login1{
  background-image: url(/dist/login/01.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
}
.login2{
  background-image: url(/dist/login/02.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
}
.login3{
  background-image: url(/dist/login/03.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
}
.login4{
  background-image: url(/dist/login/04.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
}
.login5{
  background-image: url(/dist/login/05.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
}
.login6{
  background-image: url(/dist/login/06.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
}
.login7{
  background-image: url(/dist/login/07.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color: #464646;
}

.login-centrado{
    position: absolute!Important;
    top: 50%!Important;
    left: 50%!Important;
    margin-top: -140px!Important;
    margin-left: -180px!Important;
    width: 360px!Important;
    height: 280px!Important;
}​

.sidebar-menu li a .fas {
    width: 20px!Important;
    margin-right: 15px!Important;
}
.invoice-almacen{

    position: relative;
    background: #fff;
    border: 1px solid #f4f4f4;
    padding: 10px;
    margin: 10px 10px;

}
.badge-sm{
    font-size: 16px!Important;
}


.vertical_centro{
    vertical-align: middle!Important;
}





.sidebar{
    margin-top: 15px;
    /*margin-left: 5px;
    margin-right: 5px;*/
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border: 0px solid #000000;
    background-color: rgba(255,255,255,0.5)!Important;
}
.skin-black .user-panel > .info, .skin-black .user-panel > .info > a {
    color: #333333;
}

.skin-black .sidebar-menu > li.header {
    color: #333333;
    background: transparent!Important;
}
.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a {
    color: #333333;
    /*background: transparent!Important;*/
    background-color: #ffa66b;
    border-left-color: #ffa66b;
}
.skin-black .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background-color: rgba(255,255,255,0.8)!Important;
    /*background: transparent!Important;*/
}
.skin-black .treeview-menu > li > a {
    color: #333333;
}
.skin-black .treeview-menu > li.active > a, .skin-black .treeview-menu > li > a:hover {
    /*background-color: rgba(86,128,26,0.2)!Important;*/
    background-color: #ffa66b;
    color: #333333;
}
.skin-black .sidebar a {
    color: #333333;
}
.skin-black .main-header > .logo {
    background-color: rgba(255,255,255,0.8)!Important;
    color: #333333;
    border-bottom: 0 solid transparent;
    border-right: 1px solid #eee;
}
.skin-black .main-header > .logo:hover {
    background-color: rgba(255,255,255,0.8)!Important;
}
.skin-black .main-header .navbar {
    background-color: rgba(255,255,255,0.8)!Important;
}
.skin-black .main-header .navbar .nav > li > a {
    color: #333333;
}
.box {
    position: relative;
    border-radius: 3px;
    background-color: rgba(255,255,255,0.9)!Important;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.main-footer {
    background-color: rgba(255,255,255,0)!Important;
    padding: 15px;
    color: #ffffff;
    border-top: 0px solid #ffffff;
}
.content-wrapper, .right-side {
    min-height: 100%;
    background-color: rgba(255,255,255,0)!Important;
   /*background-color: #ecf0f5;
    background-image: url(/dist/bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #ffffff;
    z-index: 800;*/
}
.main-footer a{
    color: #ffffff;
}

.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
    background-image: url(/dist/fondo/05.jpg);
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #ffffff;
}

.content-header {
    position: relative;
    padding: 15px 15px 0 25px;
}


.btn-success {
    background-color: #89b863;
    border-color: #89b863;
}
.btn-success:hover, .btn-success:active, .btn-success.hover {
    background-color: #618742;
}
.btn-info {
    background-color: #5bc8c9;
    border-color: #5bc8c9;
}
.btn-info:hover, .btn-info:active, .btn-info.hover {
    background-color: #248c8d;
}

.btn-warning {
    color: #fff;
    background-color: #e6cc70;
    border-color: #e6cc70;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.hover {
    background-color: #d6b337;
}
.btn-danger {
    color: #fff;
    background-color: #d16a78;
    border-color: #d16a78;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
    background-color: #9a3442;
}

.alert-success {
  background-color: #89b863!Important;
  border-color: #89b863!Important;
}
.alert-danger,
.alert-error {
    background-color: #d16a78!Important;
  border-color: #d16a78!Important
}
.alert-warning {
    background-color: #e6cc70!Important;
  border-color: #e6cc70!Important;
}
.alert-info {
    background-color: #5bc8c9!Important;
  border-color: #5bc8c9!Important;
}

.invoice-almacen{

  position: relative;
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 10px;
  margin: 10px 10px;

}
.badge-sm{
  font-size: 16px!Important;
}
.vertical_centro{
  vertical-align: middle!Important;
}

.codigo_barras{
  background-color: #008aed;
  color: #ffffff;
  height: 70px;
  vertical-align: middle;
  font-size: 28px
      
}
.texto_tablet{
  font-size: 20px;
}



@font-face {
  font-family: "Segoe UI";
  src: url("SEGOEUI.TTF") format("truetype");
}

/* estilos para reemplazar el font-family i anchos de fuente */
html {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

body {
  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

label:not(.form-check-label):not(.custom-file-label) {
  font-weight: normal !important;
  font-style: normal !important;
  text-transform: none !important;
  font-family: "Segoe UI Semibold" !important;
}

th {
  font-weight: normal !important;
  font-style: normal !important;
  text-transform: none !important;
  font-family: "Segoe UI Semibold" !important;
}
/* end cambio de font-family */

h1, h2, h3, h4 {
  font-family: "Segoe UI Light" !important;
}

h3{
  font-size: 30px !important;
}

h5{
  font-size: 18px !important;
  font-family: "Segoe UI Semibold" !important;
  font-weight: normal !important;
  font-style: normal !important;
  text-transform: none !important;
}
hr {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.selected {
  background-color: #b0bed9;
  box-shadow: inset 0 0 0 9999px #b0bed9;
}
table.dataTable.table-striped > tbody > tr.odd.selected {
  background-color: #b0bed9;
  box-shadow: inset 0 0 0 9999px #b0bed9;
}
#accordion {
  margin-top: 8px;
  margin-bottom: 8px;
  padding-bottom: 10px;
}
.link_acordeon {
  color: #1c1b1b;
  font-family: "Segoe UI Semibold";
  font-size: 18px !important;
  width: 100% !important;
  /*border-bottom: #333 solid 1px;*/
}

.link_acordeon:hover {
  color: #000;
  font-family: "Segoe UI Semibold";
  /*border-bottom: #333 solid 1px;*/
}
.link_acordeon:active {
  color: #000;
  font-family: "Segoe UI Semibold";
  /*border-bottom: #333 solid 1px;*/
}
.link_acordeon:after {
  color: #000;
  font-family: "Segoe UI Semibold";
  /*border-bottom: #333 solid 1px;*/
}
.link_acordeon:focus {
  color: #000;
  font-family: "Segoe UI Semibold";
  /*border-bottom: #333 solid 1px;*/
}

.sin_sombra {
  box-shadow: none !important;
}
.borde_negro {
  border-bottom: 1px solid #333 !important;
}
.custom-control-input:focus ~ .custom-control-label::before {
  border-color: #17a2b8 !important;
  box-shadow: 0 0 0 0.2rem #084f5a !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #17a2b8 !important;
  background-color: #17a2b8 !important;
}

.custom-control-input:active ~ .custom-control-label::before {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #17a2b8 !important;
}

.custom-control-input-green:not(:disabled):active
  ~ .custom-control-label::before {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
}


.verticaltop {
  vertical-align: middle !important;
  width: 50%;
  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPSc4JyBoZWlnaHQ9JzgnPjxjaXJjbGUgY3g9JzEnIGN5PSc0JyByPScxJyBmaWxsPScjZDBkM2Q3JyAvPjwvc3ZnPg==);
  background-repeat: repeat-x;
  background-position: left 20px;
  padding: 4px !important;
  padding-left: 0px !important;
  padding-top: 8px !important;
  min-height: 45px !important;
}

.spanth{
  background-color: #FFFFFF;
  /*max-width: calc(5*8.33% - 7px);*/
  padding-right: 8px;    
}

.form-control:read-only {
  border: 1px solid #ced4da; /* Borde negro */
  color: #333; /* Texto negro */
  /* border-width: 0px!important; */
  /*border: 1px solid*/
}

.tabla_general tr td {
  padding: 8px !important;
}
.tabla_general > th {
  padding: 8px !important;
  vertical-align: top;
}
.tabla_general > tbody > tr > td {
  padding: 25px !important;
}
.celda_general {
  padding: 4px !important;
}

/* Estilo adicional para selects */
select.form-control {
  border: 1px solid #333; /* Borde negro */
  background-color: #fff; /* Fondo blanco */
  color: #000; /* Texto negro */
}

.barra_derecha{
  background-color: #F6F7F8 !important;
  margin-bottom: 15px;
  padding: 5px;
}

.tr_checkbox{
  height: 38px !important;
}

.table-sm th{
  font-size: 13px !important;
  border: 0px !important;
}
.table-sm td{
  font-size: 13px !important;
  border: 0px !important;
}
a.text-primary:focus, a.text-primary:hover {
  color: #107585!important;
  text-decoration: underline;
}
.text-primary {
  color: #17a2b8!important;
}
.has-success .form-control {
  border-color: #31a033 !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
}
.has-success .select2 {
  border: solid 1px #31a033 !important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
  box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;
}

/* revisar Pedro */
/* .modal-dialog-centered {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.modal-content {
  width: 300%;
  max-width: 900px;
  margin: auto;
} */