/***********Textboxes starts*****************/
.sub-form-control {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 16px;
    border: 2px solid #CCCCCC;
    color: #8F8F8F !important;
    box-sizing: border-box;
    border-radius: 4px;
    flex: none;
    order: 2;
    flex-grow: 0;
    height:60px;
    width: 100%;
    font-size: 18px !important;
    font-weight: 500 !important;
}



/***********Textboxes ends *****************/


label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

/***********Checkbox ends*****************/

.primary-color{
    color: #087D74 !important;
}

.bg-green
{
    background-color:  #087D74 !important;
}

/* Below are the Replacement */
/* 
.text-left {
    text-align: left !important;
  }
  
  .text-right {
    text-align: right !important;
  }
  
  .text-center {
    text-align: center !important;
  } */

.left{
    text-align:left !important;
}

.right{
    text-align:right !important;
}

.center{
    text-align:center !important;
}

.pl4 {
    padding-left:4px !important
}
.pl2 {
    padding-left:2px !important
}

.pr4 {
    padding-right:4px !important
}
.pr2 {
    padding-right:2px !important
}

.pb16 {
    padding-bottom:16px !important
}

.pb30 {
    padding-bottom:30px !important
}

.pt30 {
    padding-top:30px !important
}

.pt32 {
    padding-top:32px !important
}

.py32 {
    padding-top:32px !important;
    padding-bottom:32px !important
}


.pt20 {
    padding-top:20px !important
}

.pt10 {
    padding-top:10px !important
}

/*No padding */

/* .pt-0 = Replace with */

.pt0 {
    padding-top:0px !important
}

/** Buttons */
.sub-btn
{
    /* buttons/primary */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    border-radius: 8px;
    font-size:18px;
    font-weight: 500;
    height:60px !important;
    border: 1px solid transparent;
    font-family: "Inter", sans-serif;
}

/* .sub-btn-primary
{    
    color: #fff  !important;
    background: #087D74 !important;
    border-color: #087D74 !important;
} */

.btn-primary-green
{    
    font-family: "Inter", sans-serif;
    color: #fff !important;
    background: #087D74 !important;
    border-color: #087D74 !important;
}

/* btn-primary-green:hover
{
    color: #0062cc !important;
    background-color:#087D74;
    border-color:#0062cc
}
.btn-primary-green.focus,.btn-primary-green:focus
{
    color: #0062cc !important;
    background-color:#0069d9;
    border-color:#0062cc;
    box-shadow:0 0 0 .2rem rgba(38,143,255,.5)
} */

.btn-blue {
    color: #fff  !important;
    background-color: #227AEE  !important;
    border-color: #227AEE  !important;
}

.btn-white {
    color: #1E1E1E  !important;
    background-color: #fff  !important;
    border-color: #8f8f8f  !important;
    font-weight: 500;
    font-size: 18px;
}

/** Buttons */

a.text-primary:focus, a.text-primary:hover {
    color: #087D74!important;
}
a:hover {
    color: #087D74;
    text-decoration: none;
}
.text-primary {
    color: #087D74 !important;
}


/* Replace with Padding class */
/* .sub-col-md-5, .sub-col-sm-5
{
    padding-right: 2px !important;
    padding-left: 2px !important;
} */

.x-xs-small {
  font-size: 12px !important;
}

.xs-small {
  font-size: 14px !important;
}

.x-small {
  font-size: 16px !important;
}

/* alread in bootstrap.css

.small {
  font-size: 16px;
} */

.medium {
  font-size: 18px;
}

.large {
  font-size: 20px;
}

.xl-large {
  font-size: 22px;
}

/* 
.font-weight-middle {
    font-weight: 600 !important;
} */

.font-weight-medium {
    font-weight: 600 !important;
}
.font-weight-light-medium {
  font-weight: 500 !important;
}

.sub-hr {
position: static;
height: 1px;
left: 0px;
background: #EBEBEB;
margin: 24px 0px;
}


.no-border
{
   border: 0px !important;
}

.b-color {
    color: #1e1e1e;
}

.text-alignment { text-align: right !important;}

@media screen and (max-width: 731px)
{
    .sub-form-control {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        padding: 4px;
        border: 1px solid #CCCCCC;
        color: #8F8F8F !important;
        box-sizing: border-box;
        border-radius: 4px;
        flex: none;
        order: 2;
        flex-grow: 0;
        height:35px;
        width: 100%;
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    .sub-form-control textarea {
        height:80px !important;
        color: #1E1E1E !important;
    }

    .xs-small {
        font-size: 12px !important;
    }

    .x-small {
        font-size: 14px !important;
    }

    .sub-btn
    {
        padding: 16px;
        border-radius: 4px;
        font-size:14px;
        font-weight: 500;
        height: 45px !important;
    }

    .text-alignment
    { 
        text-align: left !important;
    }


}


.modal-content
{
    border-radius: 8px !important;
    top:0 !important;
    max-width: 100%;
}

.modal-dialog
{
    margin-top: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 558px;
}

.grey-light{
    color: #8f8f8f;
}


.grey28{
    color: #474747;
}

.w-40{width:40%!important}

.required
{
    color: #dc3545 !important;
    font-size: 12px !important;
}

}