/*
 Customize styles for guay digital
    Created on : 07-Apri-2020, 0:04:02
    Author     : guay digital
*/
.font-40{
    font-size: 40px !important;
}

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

/*======TEXT COLOR guay=====*/

.text-base-guay{
    color: #af2f72 !important;
}
.text-green-guay{
    color: #9cb537;
}

.mt-57p {
    margin-top: 57%;
}

.img-fluid-98{
    width: 98%;
}
.mt-50 {
	margin-top: 50px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-10{
    margin-top:10%;
}
.content-header{
    padding-top: 1%;
    padding-left: 2%;
    padding-right: 2%;
}
.pointer{
    cursor: pointer;
}
.Overlay{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #3c3c3c;
    opacity: 0.9;
}
.modal{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}
.swal-button--confirm {
    background: #15253c;
}

.swal-button--cancel {
    background: #aaa;
}

.swal-button--danger {
    background: #a00;
}
.swal-button--warning {
    background: #3333;
}
.swal-button--confirm:active {
    background: #21477d;
}
.swal-button--confirm:hover {
    background: #21477d !important;
}
.swal-button--cancel:active {
    background: #aaa;
}

.swal-button--danger:active {
    background: #a00;
}
@media (max-width: 691px) {
    .w-75 {
      width: 34% !important;
    }
    .w-70 {
        width: 34% !important;
      }
    .content-header-left{
        text-align: center !important; 
    }
    .w-50{
        width: 18% !important;
    }
    .text-right{
        text-align: center !important;
    }
    
  }

  .w-40{
    width: 40% !important;
  }
  .mt-5pn{
    margin-top: -5%;
  }
  .w-7{
      width: 7%;
  }
  .w-70{
    width: 70%;
}