@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

html,
body {
  height: 100%;
  font-family: 'Montserrat', sans-serif;
}

.gb-login  {
	background: linear-gradient(-45deg, #08051a, #0b225e, #fccd00);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
	height: 100vh;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


.bglogin{
 
  padding-top: 40px; 
  padding-bottom: 40px;  
}


.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}

.form-radius{
  border-radius: 20px;
}

.btn-dark-blue {
    background: #7474BF;  /* fallback for old browsers 
    background: -webkit-linear-gradient(to right, #348AC7, #7474BF);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #348AC7, #7474BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: #fff;
    border: 3px solid #eee;
}

.not-bradius{
  border-radius: 0px !important;
}

.btn-ventas {
  color: #fff;
  background-color: #0b225e;

  background-repeat: no-repeat;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80a4b7",endColorstr="#427b9a",GradientType=1);
  padding: 12px;
  border-radius: 15px;
  font-weight: 700;  
  font-size: 13px;
  border:  0px;
}

.btn-ventas:hover {
  color: #fff;
  /*background-color: #0069d9;*/
  /*border-color: #0062cc;*/
}



.btn-ventas.disabled, .btn-ventas:disabled {
  color: #fff;
  /*background-color: #007bff;*/
  /*border-color: #007bff;*/
}

.btn-ventas:not(:disabled):not(.disabled):active, .btn-ventas:not(:disabled):not(.disabled).active,
.show > .btn-ventas.dropdown-toggle {
  color: #fff;
  background-color: #fccd00;
  /*border-color: #005cbf;*/
}



.name-avatar{
  font-size: 13px;
}

.text-blue{
  color: #0b225e;
}

.card-f {max-width: 170px;
    background-color: #0b225e;
    color: #FFF;
    top: -21px;
    position: absolute;
    border-radius: 20px !important;
    left: 15px;}

.card-b {max-width: 170px;
    background-color: #105b7b;
    color: #FFF;
    top: -21px;
    position: absolute;
    border-radius: 20px !important;
    left: 15px;}


.card-n {max-width: 170px;
    background-color: #fcb700;
    color: #FFF;
    top: -21px;
    position: absolute;
    border-radius: 20px !important;
    left: 15px;}
    
hr.hrg7 {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #0b225e;
}

.colorBlue{
  color: #0b225e;
}

.icon-avatar{
  width: 40px;
  margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 15px;
}

.box-product{
  max-width: 300px;
  margin: 0 auto;
}

.icon-header{
  width: 200px;
  margin-bottom: 10px;
  margin-right: 25px;
}

.icon-accion{
  width: 44px;
}


.icon-btn{
  width: 50px;
}

.tipo-producto{
    border: 1px solid #111;
    border-radius: 10px;
    padding: 5px;
}

.desc-producto{
    max-width: 295px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px #000 solid;
    border-radius: 20px;
    padding: 10px;
    font-size: 12px;
}

.bgr-gray{
  background-color: #c2cbd4;
}


.myboxproduct{
  display: flex;
}


.unoa{
  background: #fcb60c;
  border: 1px solid #fcb60c;
  color: #FFF;
}

.unob{
  background: #fee054;
  border: 1px solid #fee054;
  color: #FFF;
}

.dosa{
  background: #83bad9;
  border: 1px solid #83bad9;
  color: #FFF;
}

.dosb{
  background: #105b7b;
  border: 1px solid #105b7b;
  color: #FFF;
}

.tresa{
  background: #9ea3a7;
  border: 1px solid #9ea3a7;
  color: #FFF;
}

.cuatroa{
  background: #797979;
  border: 1px solid #797979;
  color: #FFF;
}


.card-product{
  background: transparent;
  border-color: #0b225e;
  border-width: 3px;
}


.text-bgt{
  background: transparent;
}

.mw-120{
  max-width: 120px;
}


.mw-900{
  /*max-width: 900px;*/
  padding: 0 10%;
}

@media (max-width: 768px) {
  .mw-900{
    /*max-width: 900px;*/
    padding: 0 5px;
  }
}

.mw-800{
  max-width: 800px; 
}

.card-center{
  display: flex;
  align-items: center;
  justify-content: center;  
}

/* registro usuario */

.bg-blue
{
  background: rgb(97,153,186);
  background: linear-gradient(180deg, #08051a, #0b225e);
}

.bg-blue-2
{
 background: rgb(129,164,183);
background: linear-gradient(180deg, #07163d,#0b225e);
}
.sorting{
  font-size: 12px !important;
  background-color: #105b7b;
    color: #FFF;
    text-align: center  !important;   
}

.sorting_disabled, .sorting{
  font-size: 12px !important;
  background-color: #0b225e !important;
    color: #FFF;
    padding: 0px !important;
    text-align: center !important;
}
.btn-danger{
  margin: 7px;
}