body { 

    background-image: url('/Plugins/PIGEON/Assets/Images/Fondo-login.jpg'); 

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

  } 
  .hide{
    visibility: hidden;
}


/**** HOME ******/

  .barraSuperior{

      height: 50px;

      background-color:#303A46; 

  }



  .tamanoImgSup{

    width: 4%;

    margin-left: 1%;

    margin-top: 0.2%;

  }



  .Innobonos{

    margin-left: 49%;

  }



  .espacioL {

    margin-left: 15%;

    margin-top: 300px;

}

  .espacioR {

    margin-right: 0;

}



.separadorImg {

    margin-top: 238px;

}



.margen{

    margin-top: 7%;

}



.BG{

  border-radius: 5px;

  background-color: rgb(255, 255, 255);

  width: 300px;

  height: 341px;

}



.alinearLoginInput{

    text-align: center;

}





.card-body input .tamano{

    color: white;

    border-radius: 3px;

    background-color: rgb(80, 104, 65) !important;

    border-color: rgb(80, 104, 65) !important;

    border-style: solid;

    text-align: center;

    

}





/***HOME input***/



.tamano{

    width: 207px !important;

    height: 43px;

    margin-left: 12%;

}



.seperardorButton {

    margin-top: 4rem;

}





.botonSubmit{

    width: 100%;

    margin-left: 12%;

    

}



.boton{

    border-radius: 3px;

    background-color: rgb(145, 165, 173) !important;

    width: 207px;

    height: 43px;

    border-color: rgb(145, 165, 173) !important;

    text-align: center;

    text-transform: uppercase;

}



.card-title {

    margin-bottom: .75rem;

    text-transform: uppercase;

    color:#A0B23C;

}



.card-text{

    text-transform: uppercase;

}



.separadorInput{

    margin-bottom: 23%;

}







/**TEMPLATE GENERAL*****/



.table thead th {

    vertical-align: bottom;

    border-bottom: 2px solid rgb(47, 58, 71) !important;

    background-color: rgb(47, 58, 71) !important;

    background-color: rgb(47, 58, 71) !important;

}



.table td {

    color: white;

    vertical-align: bottom;

    border-bottom: 2px solid rgb(66, 82, 100) !important;

    background-color: rgb(66, 82, 100) !important;

    background-color: rgb(66, 82, 100) !important;

}



.table .clickableRow:hover > td {

    color: black;

    background-color: rgb(205, 231, 116) !important;

    

}





.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th {

    background-color: rgb(205, 231, 116) !important;

}



.table-hover .table-success:hover > td, .table-hover .table-success:hover > th {

    background-color: rgb(205, 231, 116) !important;

}





.table tr {

    color: white !important;

    }



.table-hover tbody tr:hover {

    color: white !important;

    background-color: rgb(205, 231, 116) !important;

}



.table tr:hover > td {

    background-color: rgb(205, 231, 116) !important;

    color: black !important;

    }



.table-hover tbody tr:hover > .text-left a {

    color:black !important;

}

    

.table td, .table th {

    padding: .75rem;

    vertical-align: top;

    border-top: 1px solid #425264; 

}   



.table {

    background-color: #425264;

}



.nav-tabs {

    border-bottom: 1px solid rgb(47, 58, 71) !important;

    background-color: rgb(47, 58, 71) !important;

}



a {

    color: rgb(205, 231, 116) !important;

}



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

    color: #495057 !important;

    background-color: rgb(205, 231, 116);

    border-color: rgb(205, 231, 116);

}



.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {

    color: black !important;

}



body {

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: white !important;

    text-align: left;

}





.btn-light {

    color: white !important;

    background-color: #77bc21 !important;

    border-color: #77bc21 !important;

}



.btn-light:hover {

    color: #212529 !important;

    background-color: #CDE774 !important;

    border-color: #CDE774 !important;

    

}



.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show > .btn-light.dropdown-toggle {

    color: #212529;

    background-color: #CDE774;

    border-color: #CDE774;

}





.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {

    box-shadow: none;

}



.dropdown-item.active, .dropdown-item:active {

    color: black !important;

    text-decoration: none;

    background-color: #CDE774;

}



.dropdown-item:focus, .dropdown-item:hover {

    color: black !important;

    text-decoration: none;

    background-color: #CDE774;

}



.dropdown-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 10rem;

    padding: .5rem 0;

    margin: .125rem 0 0;

    font-size: 1rem;

    color: white;

    text-align: left;

    list-style: none;

    background-color: rgb(47, 58, 71);

    background-clip: padding-box;

    border: none;

    border-radius: .25rem;

}



.dropdown-item {

    display: block;

    width: 100%;

    padding: .25rem 1.5rem;

    clear: both;

    font-weight: 400;

    color: white;

    text-align: inherit;

    white-space: nowrap;

    background-color: transparent;

    border: 0;

}





/**INPUT****/

input {

    border-radius: 3px;

    background-color: black;

    color: black !important;

}





#user, #pass {

    border-radius: 3px;

    background-color: rgb(239, 239, 239) !important;

    width: 207px;

    height: 43px;

    border: none;
    text-align: center;



}



#user::placeholder, #pass::placeholder { 

    color: rgb(69, 69, 69) !important;

    opacity: 1;

    text-transform: uppercase; 

    

    line-height: 1.2;

    text-align: center;

    font-size: 12pt;

    font-style: normal;

    font-weight: bold;


}



input::placeholder .tamano { 

    color: rgb(69, 69, 69) !important;

    opacity: 1;

    text-transform: uppercase; 

    padding-left:10%; 

    line-height: 1.2;

    text-align: left;

    font-size: 12pt;

    font-style: normal;

    font-weight: bold;

}





.card {



    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-direction: column;

    flex-direction: column;

    min-width: 0;

    word-wrap: break-word;

    background-color: #343A40;

    background-clip: border-box;

    border: 1px solid rgba(0,0,0,.125);

    border-radius: .25rem;



}



.card {

    word-wrap: break-word;

    color: #c2e96c !important;

}



.text-info {

    color: #c2e96c !important;

}



.btn-primary {

    color: #fff;

    background-color: rgb(255, 119, 61) !important;

    font-size:17px;



}



.btn-primary:hover {

    color: black !important;

    background-color: #f43900 !important;

    border-color: #f43900 !important;

}



.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {



    color: black !important;

    background-color: #C2D455 !important;

    border-color: #C2D455 !important;



}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {

    color: white;

    background-color: #77bc21 !important;

}



a {

    color: white !important;

}





.btn-success:hover {

    background-color: #218838 !important;

    border-color: #1e7e34 !important;

    color: black !important;

}







/**MODAL**/

.modal-content {

    -webkit-transform: none;

    transform: none;

    background-color: #343A40 !important;

}



.btn {

    color: white !important;

}



.btn-danger:hover {

    color: black !important;

}



.btn:hover {

    color: black !important;

    

}



/**eliminar botones **/



#formListEmpresa .btn-success {

    display:none;

}



#formListEmpresa .btn-danger {

    display:none;

}



#formListCliente .btn-success {

    display:none;

}

  

#formListCliente .btn-danger {

    display:none;

}



#formListProveedor .btn-success {

    display:none;

}



#formListProveedor .btn-danger {

    display:none;

}





#formListUser .btn-success {

    display:none;

}



#formListUser .btn-danger {

    display:none;

}