.w-5 {
    width: 5% !important;
}

.w-10 {
    width: 10% !important;
}

.w-33-percent {
    width: 33%;
}

.required  {
    color:red;
}

#doc_render{
    width:35%;
    vertical-align: top;
    margin:0 20px 0 0;
}

.hide {
    display: none;
}

#overlay{
    z-index: 9999;
}

.h-5 {
    height: 5% !important;
}

.h-10 {
    height: 10% !important;
}

.fa-repeat:before {
    content: "\F01E";
}

.red  {
    color:red;
}
.label-success {
    background-color: #5cb85c;
}

.label-danger {
    background-color: #d9534f;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em;
}
.activebox{
    border:2px solid #2983FF !important;;
}

.img-application-document-listing {
    width: 20rem;
}
.align-center {
    text-align: center;
}
.product-flag-listing {
    width: 2.5rem;
    border: 1px solid black;
}
.qty .count {
    color: #000;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 2px;
    min-width: 35px;
    text-align: center;
    border-radius: 14px;
    width: 64px;
}
.qty .plus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: black;
    width: 30px;
    height: 30px;
    font: 30px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    border: 1px solid black;
}
.qty .minus {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    color: black;
    width: 30px;
    height: 30px;
    font: 27px/1 Arial,sans-serif;
    text-align: center;
    border-radius: 50%;
    background-clip: padding-box;
    border: 1px solid black;
}
.minus:hover{
    background-color: #a3afbd !important;
}
.plus:hover{
    background-color: #a3afbd !important;
}

.addon{
    border: 1px solid #333;
    border-radius: 10px;
    padding: 10px;
    font-size: 21px;
    color: #000;
    font-weight: 600;
}

.addoncheck{
    border: 1px solid #333;
    border-radius: 10px;
    padding: 10px;
}
.emailLable{
    text-transform: uppercase;
    font-weight: bold;
}

.applicantheader{
    display: block;
    padding: 5px;
    color: #596F88;
    background-color: #dfe3e7;
    border: 1px solid #dfe3e7;
    text-align: left;
    font-weight: bold;
}
/* basic table */
.styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    min-width: 100%;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
    background-color: #40566f;
    color: #ffffff;
    text-align: left;
}
.styled-table th,
.styled-table td {
    padding: 12px 15px;
}
.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #40566f;
}
.styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}
.card a img{
    padding: 15px;
    height: 100px;
}
.vault-btn {
    height: 23px;
    font-size: 10px;
    padding: 0px 5px;
    margin-top: 6px;
}
.no-bg {
    background: none !important;
}
.ui-datepicker {
    z-index: 99999 !important;
}
.note{
    color: #ea4040;
    font-size: 12px;
    line-height: normal;
}
.opacity-75{
    opacity: 0.8;
}
.h-10{
    height: 10%!important;
}
.modal {
    overflow-y:auto;
}
.border-1 {
    border: 1px solid grey;
}
.delete-btn {
    height: 23px;
    font-size: 10px;
    padding: 7px 7px;
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
    position: relative;
}
.delete-btn .fa-trash:before{
    content: "\F1F8";
    position: relative;
    top: -4px;
}
.session-refresh-btn {
    /*font-family: Lucida Sans Unicode;*/
    font-size: 25px;
}
.d-inline-table{
    display: inline-table!important;
}
.logo{
    width: 15% !important;
}

.table-flag-listing td {
    vertical-align: middle;
}

.img-flag-listing {
    width: 60px;
    border: 1px solid black;
}

.opacity-50 {
    opacity: 0.5;
}

.highlight-color {
    color: #ea4040;
}
body {
    background-color: #F4F3EF;
}