.mandatory:after{
    content:"*";
    color:#DE0808;
}

/* Custom grid styles - starts here */

.mg-grid{
   width: 100%;
   margin-top: 40px !important;
}
.mg-grid{
    white-space: nowrap;
}
.mg-grid  tr:nth-child(even) {
    background-color: #F9FBFB !important;
}

.mg-grid th {
 padding: 16px 12px;
 border-bottom: 1px #F0F0F0 solid;
}

.mg-grid tbody td {
 padding: 16px 12px;
}

/* Custom grid styles - ends here */

.mg-custom-textfield{
    height: 40px;
    border: 1px #CED4DA solid;
    border-radius: 3px;
}
.mg-custom-dropdown{
    height: 40px;
    border: 1px #CED4DA solid;
    border-radius: 3px;
}
.mg-custom-textarea{
    height: 90px !important;
    border: 1px #CED4DA solid !important;
    border-radius: 3px;
    resize: none;
}
.mg-action-margin{
    margin: 0px 4px;
    cursor: pointer;
}
.mg-cancel-btn{
    border:1px #CED4DA solid;
    background-color: #FCFCFC;
    color: #12191A;
    padding: 0px 32px;
    height: 40px;
    border-radius: 3px;
}
.mg-left-space{
    margin-left: 16px !important;
}
.mg-custom-spacing{
    margin: 8px 0px;
}
.mg-custom-btn-margin{
    margin-top: 80px;
}
.mg-custom-textfield::placeholder{
    color: #BCBCBD;
}
.mg-custom-textarea::placeholder{
    color: #BCBCBD;
}
.mg-backbtn-spacing{
    float: left;
    margin-top: 10px;
}
.mg-custom-request-spacing{
    margin-bottom: 10px;
}

@media (min-width:300px) and (max-width:1024px){
    .table{
        white-space:nowrap;
    }
    .table-responsive{
        border:none!important;
    }
   
}
@media (min-width:300px) and (max-width:767px){
    .col-xs-12
    {
        width:100%!important;
    }
}
.col-md-auto{
    width:auto;
}
.inline-form{
    vertical-align:top!important;
}
.error-field{
    border:1px solid #FF8D8D!important;
}