.heading-row {
    padding: 20px 15px 0;
}

.banner-img {
    padding   : 0 0;
    text-align: center;
    width     : 100%;
}

.heading-row h2 {
    font-size     : 32px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 40px;
    width         : 100%;
}

.heading-row h3 {
    font-size     : 24px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 32px;
    width         : 100%;
    float         : left;
    margin-bottom : 0;
}

h5 {
    font-weight  : bold;
    margin-bottom: 15px;
}

.back-mobile {
    display: none;
}

.static-tables {
    padding: 0 25px;
}

.static-tables p {
    line-height: 21px;
}

.table-borderless td:first-child,
.table-borderless th:first-child {
    border: none;
    color : #6D737E;
}

.table-borderless td:first-child {
    border-right: 1px solid #efefef !important;
}

.table-borderless {
    margin-bottom: 40px;
}

.table-borderless th {
    font-weight   : normal;
    text-transform: uppercase;
    padding       : 15px !important;
    color         : #6D737E;
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 18px;
    border        : none !important;
}

.table-borderless td {
    padding       : 15px !important;
    color         : #393B3F;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 18px;
}

.table-borderless td:last-child {
    border-right: 1px solid #efefef !important;
}

.table-borderless tr:last-child td {
    border-bottom: 1px solid #efefef !important;
}

.table-borderless tr:last-child td:first-child {
    border-bottom: none !important;
}

.tables-without-row {
    border       : 1px solid #efefef !important;
    margin-bottom: 40px;
}

.tables-without-row td,
.tables-without-row th {
    font-size: 14px;
    padding  : 15px !important;
}

.tables-without-row th {
    color         : #393B3F;
    font-size     : 14px;
    font-weight   : normal;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height   : 22px;
    border-bottom : none !important;
}

.images-video {
    padding: 0 25px 10px;
}

.images-video p {
    line-height  : 21px;
    color        : #4C4E54;
    margin-bottom: 15px;
}

.images-video img {
    border-radius: 3px;
    margin-bottom: 10px;
}

.images-video span {
    color         : #393B3F;
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 18px;
    width         : 100%;
    float         : left;
}

.margin-top {
    margin-top: 30px;
}

.regular-slider {
    margin: 30px 0;
}

.regular-slider .slick-dots {
    display: none !important;
}

.regular-slider .images-captions {
    color         : #393B3F;
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 18px;
    width         : 100%;
    float         : left;
    padding       : 10px 0 0px;
    z-index       : 0;
    position      : relative;
}

.regular-slider .slick-arrow {
    position        : absolute;
    right           : 0;
    bottom          : -35px;
    left            : inherit;
    top             : inherit;
    height          : 45px;
    width           : 45px;
    color           : #00539F;
    border          : 1px solid #EFEFEF;
    border-radius   : 3px 0 0 3px;
    background-color: #F9F9F9 !important;
    z-index         : 5000;
}

.regular-slider .slick-prev:before,
.regular-slider .slick-next:before {
    color: #00539F;
}

.regular-slider .slick-arrow.slick-prev {
    right: 45px;
}

.video-wrapper {
    position      : relative;
    padding-bottom: 56.25%;
    /* 16         :9 */
    padding-top   : 25px;
    height        : 0;
}

.video-wrapper iframe {
    position     : absolute;
    top          : 0;
    left         : 0;
    width        : 100%;
    border       : none;
    border-radius: 3px;
    overflow     : hidden;
    height       : 100%;
}

.video-block {
    width   : 100%;
    overflow: hidden;
}

.buttons-links {
    padding: 10px 25px;
}

p a {
    color: #00539F;
}

a.link-title {
    color         : #6D737E;
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 24px;
    font-weight   : normal;
    text-transform: uppercase;
    margin-bottom : 20px;
    display       : inline-block;
}

a.link-title i {
    padding-right: 5px;
    float        : left;
    color        : #00539F;
}

.db-right .shadow-card-wrapper {
    /*overflow: hidden;*/
}

@media (max-width: 767px) {
    .back-mobile-hide {
        display: none;
    }

    .back-button.back-mobile {
        display    : initial;
        float      : left;
        margin-left: 0;
        margin-top : 9px;
    }

    .back-button.back-mobile img {
        width: 20px;
    }

    .regular-slider .slick-arrow {
        display: none !important;
    }

    .regular-slider .slick-dots {
        display: inline-block !important;
    }

    .regular-slider .slick-dots li button:before {
        font-size: 30px;
    }

    .regular-slider .slick-dots li.slick-active button:before {
        color: #00539F;
    }

    .images-video span {
        margin-bottom: 20px;
    }

    .head-search {
        display: none;
    }
}

@import "https://fonts.googleapis.com/icon?family=Material+Icons";

@font-face {
    font-family: "Material Icons";
    src        : url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNa.woff) format("woff");
}

@font-face {
    font-family: "Material Icons";
    src        : url(https://fonts.gstatic.com/s/materialicons/v50/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
}

body {
    font-family        : Arial, Helvetica, sans-serif;
    font-size          : 14px;
    color              : #393b3f;
    /* background-color: #fff; */
    background-color   : #f6f6f6;
    line-height        : initial;
}

* {
    font-family        : Arial, Helvetica, sans-serif;
}

[data-material-icon] {
    font-size: inherit !important;
    color    : inherit !important;
}

[data-material-icon]:before {
    content                : attr(data-material-icon);
    font-family            : "Material Icons";
    font-size              : inherit !important;
    color                  : inherit !important;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style             : normal;
    font-variant           : normal;
    font-weight            : normal;
    line-height            : 1;
    speak                  : none;
    text-transform         : none;
}

a {
    text-decoration: none;
    color          : #000000;
}

a:hover {
    text-decoration: none;
}

p {
    line-height: 28px;
    color      : #474a4b;
}

img {
    max-width: 100%;
    height   : auto;
}

.bg-graywhite {
    background-color: #f6f6f6;
    padding-left    : 20px;
}

#wrapper {}

.container {
    padding-left : 20px;
    padding-right: 20px;
}

.link-primary {
    color: #00539F;
}

h1 {
    font-size  : 36px;
    font-weight: bold;
    line-height: 40px;
    color      : #52AE32;
}

h2 {
    font-size  : 45px;
    line-height: 55px;
    margin     : 6px 0;
    font-weight: 700;
    word-break : break-word;
}

h3 {
    font-size  : 30px;
    line-height: 35px;
    margin     : 10px 0;
    word-break : break-word;
}

.text-large {
    font-size  : 16px;
    line-height: 24px;
    font-weight: 700;
    color      : #393b3f;
}

.btn {
    font-size  : 16px;
    font-weight: bold;
    padding    : 16px 28px;
    box-shadow : none !important;
    margin     : 0 0 20px;
}

.btn-primary {
    font-size            : 16px;
    padding              : 10px 28px;
    border-radius        : 3px;
    margin               : 0 0 18px;
    border               : 0;
    transition           : all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
    -webkit-transition   : all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
    -moz-transition      : all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
    -ms-transition       : all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
    -o-transition        : all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.7s;
    background-position  : center;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -ms-border-radius    : 3px;
    -o-border-radius     : 3px;
    padding              : 16px 28px;
    max-width            : initial;
    min-width            : 170px;
    background-color     : #00539F;
}

.btn-primary.full-width {
    min-width: 100%;
    max-width: 100%;
    width    : 100%;
}

.btn-primary:hover {
    background-color: #3375B2;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75) !important;

}
.btn-primary:focus {
    background-color: #00427F;
}
.btn-primary:active {
    background-color: #00539F;
    transition      : background 0s;
}

.btn-default {
    border               : 0;
    border-radius        : 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -ms-border-radius    : 3px;
    -o-border-radius     : 3px;
}

.btn-secondary {
    color           : #00539F;
    background-color: #F9F9F9;
    border          : 1px solid #EFEFEF;
}

.btn-secondary:hover {
    color: #3375B2;
}

.btn-secondary:focus {
    color: #00427F;
}

.btn-secondary:active {
    color: #00539F;
}

.btn:disabled,
.btn:disabled:active,
.btn:disabled:focus,
.btn:disabled:hover {
    color           : #dddddd;
    background-color: #f9f9f9;
    border          : 1px solid #efefef;
}

.modal-dialog {
    margin: 50px 20px 0;
}

.modal-header,
.modal-body,
.modal-footer {
    padding-left : 30px;
    padding-right: 30px;
    text-align   : center;
}

.modal-backdrop,
.modal-backdrop.in {
    background-color: rgba(0, 0, 0, 0.7);
    opacity         : 1;
}

.modal-body p,
.modal-body h1 {
    margin-bottom: 25px;
}

.modal-body .btn {
    margin-bottom: 0;
}

.modal-content .close {
    position   : absolute;
    top        : -34px;
    right      : -20px;
    font-size  : 32px;
    line-height: 32px;
}

.modal-content .close span {
    font-size     : 32px;
    line-height   : 32px;
    color         : #fff;
    vertical-align: top;
    line-height   : 24px;
    display       : inline-block;
    font-weight   : normal;
}

.close {
    font-size  : 32px;
    line-height: 32px;
    color      : #fff;
    text-shadow: none;
    filter     : alpha(opacity=20);
    opacity    : 1;
}

.modal-content {
    box-shadow   : 0 10px 10px rgba(0, 0, 0, 0.2);
    border       : 0;
    border-radius: 3px;
}

.modal-body {
    text-align: center;
}

.modal-footer {
    padding-top: 0;
}

.modal-footer .btn-default {
    text-transform: uppercase;
    color         : #6d737e;
    font-size     : 12px;
    font-weight   : 700;
}

.modal-footer .btn-default span {
    font-size     : 24px;
    line-height   : 18px;
    margin-right  : 5px;
    color         : #00539F;
    display       : inline-block;
    vertical-align: text-top;
}

/* common over write */
.material_input_block {
    border-radius        : 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius   : 3px 3px 0 0;
    -ms-border-radius    : 3px 3px 0 0;
    -o-border-radius     : 3px 3px 0 0;
    background-color     : #f9f9f9;
    border-bottom        : 0;
    /* padding           : 28px 5px 4px 4%; */
    margin-bottom        : 3px;
}

.popover {
     font-family: Arial, Helvetica, sans-serif;
    color        : #393b3f;
    font-size    : 12px;
    line-height  : 18px;
    border-radius: 3px;
    border       : 0;
}

.popover .popover-content {
    background-color: #f9f9f9;
    margin          : -1px;
    border-radius   : 3px;
}

.popover>.arrow {
    border-right-color: rgba(0, 0, 0, 0.08) !important;
}

.popover>.arrow::after {
    border-right-color: #f9f9f9;
}

.input-required {
    display       : inline-block;
    width         : 100%;
    padding       : 0 14px;
    font-size     : 12px;
    vertical-align: middle;
    color         : #393B3F;
    font-size     : 12px;
    font-weight   : 600;
    letter-spacing: 0;
    line-height   : 18px;
}

.required .input-required,
.error .input-required {
    display: inline-block !important;
}

.input-required i {
    color       : rgba(149, 153, 168, 1);
    font-size   : 21px;
    font-weight : normal;
    margin-right: 5px;
}

.input-required>* {
    vertical-align: middle;
}

.error .input-required i,
.error.input-active label {
    color: rgba(227, 6, 19, 1) !important;
}

.error .material_input_block::after {
    background-color: rgba(227, 6, 19, 1) !important;
}

.btn-0 {
    padding         : 0;
    border          : 0;
    border-radius   : 0;
    margin          : 0;
    background-color: rgba(0, 0, 0, 0);
    color           : inherit;
    font-size       : inherit;
}

.help-info {
    margin-right: 30px;
    position    : relative;
}

.input-info {
    position : absolute;
    top      : 0;
    right    : -30px;
    z-index  : 150;
    color    : #00539F;
    font-size: 20px;
}

.input-info:hover .tooltips {
    opacity   : 10;
    visibility: visible;
}

.input-info .tooltips {
    position        : absolute;
    left            : 33px;
    width           : 300px;
    display         : block;
    top             : 0;
    background-color: #fff;
    box-sizing      : border-box;
    border          : 1px solid #FFDAF1;
    border-radius   : 3px;
    padding         : 12px 12px 12px 20px;
    background-color: #FFF4FB;
    color           : #393B3F;
    font-size       : 12px;
    letter-spacing  : 0;
    line-height     : 18px;
    min-height      : 50px;
    opacity         : 0;
    visibility      : hidden;
    transition      : all ease .3s;
}

.input-info .tooltips p {
    margin        : 0;
    color         : #393B3F;
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 18px;
}

.input-info .tooltips:after,
.input-info .tooltips:before {
    right         : 100%;
    top           : 25px;
    border        : solid transparent;
    content       : " ";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none;
}

.input-info .tooltips:after {
    border-color      : rgba(255, 244, 251, 0);
    border-right-color: #FFF4FB;
    border-width      : 12px;
    margin-top        : -12px;
}

.input-info .tooltips:before {
    border-color      : rgba(255, 218, 241, 0);
    border-right-color: #FFDAF1;
    border-width      : 13px;
    margin-top        : -13px;
}

.input-info button {
    min-height: 54px;
}

.input-info .material-icons {
    vertical-align: top;
}

.material_input_block::before {
    content           : "";
    display           : block;
    width             : 100%;
    height            : 2px;
    left              : 0;
    right             : 0;
    position          : absolute;
    bottom            : 0;
    background-color  : #9599a8;
    -webkit-transition: transform 0.2s ease-out 0s;
    transition        : transform 0.2s ease-out 0s;
}

.material_input_block::after {
    left            : 0;
    right           : 0;
    background-color: #00539F;
}

.material_input_block input[type="file"].material_input {
    padding-top: 17px;
}

.text-area-length-count {
    color    : #9599A8;
    font-size: 12px;
    float    : right;
    padding  : 10px;
}

.material_input_block .material_input {
    background-color: #f9f9f9;
    height          : auto;
    padding         : 26px 15px 8px;
    border          : none;
    color           : #76719a;
    border-bottom   : 0;
    resize          : none;
    font-size       : 14px;
    letter-spacing  : 0.5px;
    color           : #393b3f;
    font-weight     : 600;
    height          : 54px;
}

.material_input_block label {
    position          : absolute;
    top               : 16px;
    left              : 15px;
    margin            : 0;
    font-weight       : normal;
    font-size         : 16px;
    letter-spacing    : 0.5px;
    color             : #393b3f;
    transition        : all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition   : all ease-in-out 0.2s;
    -ms-transition    : all ease-in-out 0.2s;
    -o-transition     : all ease-in-out 0.2s;
    pointer-events    : none;
}

.material_input_block.currency-wrapper .currency-label {
    position          : absolute;
    top               : 26px;
    left              : 15px;
    margin            : 0;
    font-weight       : 600;
    font-size         : 14px;
    letter-spacing    : 0.5px;
    display           : none;
    color             : #393b3f;
    transition        : all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition   : all ease-in-out 0.2s;
    -ms-transition    : all ease-in-out 0.2s;
    -o-transition     : all ease-in-out 0.2s;
    pointer-events    : none;
}

.material_input_block.currency-wrapper .currency.material_input {
    padding-left: 45px;
}

.input-active .material_input_block.currency-wrapper .currency-label,
.material_input_block.currency-wrapper.input .currency-label {
    display: block;
}

.material_input_block .fa {
    text-decoration   : none;
    position          : absolute;
    right             : 13px;
    top               : 50%;
    transform         : translateY(-50%);
    -webkit-transform : translateY(-50%);
    -moz-transform    : translateY(-50%);
    -ms-transform     : translateY(-50%);
    -o-transform      : translateY(-50%);
    font-size         : 15px;
    color             : #9599a8;
    border            : 0;
    background        : rgba(0, 0, 0, 0);
    cursor            : pointer;
    transition        : color 0.3s;
    -webkit-transition: color 0.3s;
    -moz-transition   : color 0.3s;
    -ms-transition    : color 0.3s;
    -o-transition     : color 0.3s;
    background-color  : #f9f9f9;
}

.material_input_block input~.fa {
    font-size: 22px !important;
    color    : #9599a8 !important;
}

input[type="password"].material_input~.fa:hover {
    color: #000000;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance        : none;
    margin            : 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

/* .input-active::after,
.input-active .material_input_block::after {
    -ms-transform    : translateZ(0px) translate(0%, 0);
    -webkit-transform: translateZ(0px) translate(0%, 0);
    transform        : translateZ(0px) translate(0%, 0);
} */
.form-group .material_input_block.input::after {
    -ms-transform    : translateZ(0px) translate(0%, 0);
    -webkit-transform: translateZ(0px) translate(0%, 0);
    transform        : translateZ(0px) translate(0%, 0);
    opacity          : 1;
}

.form-group input:focus+label,
.input-active input+label {
    top      : 10px !important;
    left     : 15px !important;
    font-size: 12px;
    color    : #00539F;
}

.error .material_input_block label,
.error .form-group input:focus+label,
.error .input-active input+label {
    color: rgba(227, 6, 19, 1) !important;
}

.input-active label,
.material_input_block:hover .fa,
.input-active .fa {
    color: #00539F;
}

.material_checkbox_group {
    margin-bottom: 15px;
}

table .material_checkbox_group {
    margin-bottom: 0;
}

.material_label_checkbox {
    font-size   : 15px;
    font-weight : 600;
    line-height : 25px;
    padding-left: 30px;
    height      : auto;
}

.material_label_checkbox::before {
    box-shadow           : none;
    border-radius        : 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius   : 2px;
    -ms-border-radius    : 2px;
    -o-border-radius     : 2px;
    border               : 2px solid #393B3F;
    width                : 18px;
    height               : 18px;
    top                  : 4px;
    background           : #fff;
}

.material_label_checkbox::after {
    left        : 2px;
    top         : 13px;
    width       : 7px;
    height      : 13px;
    border-right: 2px solid rgba(0, 0, 0, 0);
    border-top  : 2px solid rgba(0, 0, 0, 0);
}

.material_checkbox:checked+label::before {
    background-color: #00539F;
    border-color    : #00539F;
}

.material_checkbox:checked+label::after {
    border-color: #fff;
}

.material_dropdown_menu {
    top                  : 100%;
    margin-top           : 2px;
    border               : 1px solid #ede7e7;
    border-radius        : 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius   : 0 0 3px 3px;
    -ms-border-radius    : 0 0 3px 3px;
    -o-border-radius     : 0 0 3px 3px;
}

.dropdown-menu>li>a {
    font-size         : 18px;
    font-weight       : 600;
    padding           : 10px 15px;
    transition        : background 0.2s;
    -webkit-transition: background 0.2s;
    -moz-transition   : background 0.2s;
    -ms-transition    : background 0.2s;
    -o-transition     : background 0.2s;
    display           : inline-block;
}

.material_dropdown {
    border-radius        : 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius   : 3px 3px 0 0;
    -ms-border-radius    : 3px 3px 0 0;
    -o-border-radius     : 3px 3px 0 0;
    background-color     : #f9f9f9;
    border-bottom        : 2px solid #9599a8;
    padding              : 18px 5px 4px 4%;
    margin-bottom        : 18px;
}

.material_dropdown .fa {
    position         : absolute;
    right            : 15px;
    top              : 50%;
    transform        : translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform   : translateY(-50%);
    -ms-transform    : translateY(-50%);
    -o-transform     : translateY(-50%);
    margin-bottom    : -2px;
    font-size        : 20px;
    color            : #00539F;
    font-weight      : 500;
}

.dropdown-toggle,
.dropdown-toggle>* {
    cursor: pointer;
}

.material_input_phone {
    padding-left: 125px;
    position    : relative;
}

.material_input_phone .prefix {
    position: absolute;
    top     : 0;
    left    : 0;
    height  : 100%;
    width   : 120px;
}

.material_input_phone .prefix img,
.material_input_phone .prefix span {
    display  : inline-block;
    font-size: 14px;
}

.material_input_phone .prefix span:first-child {
    width        : auto;
    font-size    : 12px;
    line-height  : 12px;
    margin-bottom: 4px;
}

.material_input_phone .prefix {
    padding: 8px 15px;
}

.material_input_phone .dropdown-toggle label {
    font-size  : 14px;
    line-height: 10px;
    margin     : 0;
}

.material_input_phone .dropdown-toggle label span {
    display    : inline-block;
    font-size  : 13px;
    margin-left: 4px;
}

.material_input_phone .dropdown-toggle,
.material_dropdown .dropdown-toggle {
    border          : 0;
    padding         : 0;
    background-color: rgba(0, 0, 0, 0);
    width           : 100%;
    text-align      : left;
}

.material_input_phone .material_dropdown_menu span:first-child {
    width: 120px;
}

.material_input_phone .dropdown-toggle span {
    display    : block;
    font-size  : 12px;
    font-weight: 600;
}

.input_with_desc .material_input_block {
    margin-bottom: 10px;
}

.input_desc {
    list-style   : none;
    padding      : 0 18px;
    margin-bottom: 25px;
}

.input_desc li {
    position: relative;
}

.input_desc li:before {
    content    : "\f00c";
    font-size  : 12px;
    color      : #00539F;
    font-family: "FontAwesome";
    position   : absolute;
    left       : 0;
    top        : 2px;
    display    : none;
}

.input_desc .active {
    padding-left: 15px;
    color       : #6d737e;
}

.input_desc .active::before {
    display: block;
}

/* .material_check_radio */

.material_check_radio {
    width       : 20px;
    height      : 20px;
    margin-top  : -3px;
    border-color: #6d737e;
}

.material_check_radio::after {
    width : 6px;
    height: 6px;
    left  : 5px;
    top   : 5px;
}

.material_radiobox:checked~.material_check_radio {
    border-color: #00539F;
}

/* language-select */
.language-select {
    margin-bottom: 5px;
}

.language-select a {
    font-size         : 16px;
    line-height       : 24px;
    color             : #393b3f;
    padding-left      : 35px;
    transition        : color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition   : color 0.2s;
    -ms-transition    : color 0.2s;
    -o-transition     : color 0.2s;
}

.language-select a:hover {
    color: #00539F;
}

/* shadow-card-wrapper */
.thumbnail.shadow-card-wrapper {
    border-radius        : 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -ms-border-radius    : 3px;
    -o-border-radius     : 3px;
}

.thumbnail.shadow-card-wrapper::after,
.thumbnail.shadow-card-wrapper::before {
    content: "";
    display: table;
    width  : 100%;
    clear  : both;
}

.shadow-card-wrapper {
    padding              : 16px 0 0;
    border               : 0;
    -webkit-box-shadow   : 10px 10px 0px 0px rgba(57, 59, 63, 0.15);
    -moz-box-shadow      : 10px 10px 0px 0px rgba(57, 59, 63, 0.15);
    box-shadow           : 10px 10px 0px 0px rgba(57, 59, 63, 0.15);
    border               : 1px solid #ede7e7;
    border-radius        : 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius   : 3px 3px 0 0;
    -ms-border-radius    : 3px 3px 0 0;
    -o-border-radius     : 3px 3px 0 0;
}

.card-header {
    padding   : 0 30px;
    margin    : 0;
    border    : 0;
    text-align: center;
}

.card-main {
    padding              : 0 30px 20px;
    border-bottom        : 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius   : 3px 3px 0 0;
    -ms-border-radius    : 3px 3px 0 0;
    -o-border-radius     : 3px 3px 0 0;
}

.card-footer {
    background-color     : #f9f9f9;
    border-radius        : 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius   : 0 0 3px 3px;
    -ms-border-radius    : 0 0 3px 3px;
    -o-border-radius     : 0 0 3px 3px;
    border               : 1px solid #ede7e7;
    border-top           : 0;
    margin               : 0 -1px;
    clear                : both;
}

/* login screen css */
.pre-login {
    background-size      : cover;
    background-repeat    : no-repeat;
    background-position  : top left;
    background-attachment: fixed;
    overflow             : hidden;
}

.pre-login-bg {
    position           : fixed;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: top left;
    overflow           : hidden;
    top                : 0;
    left               : 0;
    width              : 100%;
    height             : 100%;
}

.pre-login-footer {
    z-index : 10;
    position: relative;
    overflow: hidden;
}

.pre-login-footer.sticky-footer {
    z-index   : 10;
    width     : 100%;
    position  : fixed;
    z-index   : 0;
    bottom    : 0;
    left      : 0;
    background: #f6f6f6;
}

.pre-login-container {
    margin-top   : 45px;
    margin-bottom: 45px;
    margin-bottom: 100px;
    z-index      : 0;
    position     : relative;
}

.pre-login-container .card-main {
    padding-bottom: 0;
}

.pre-login-container .otp {
    width     : 100%;
    text-align: center;
}

.pre-login-container .otp .otp-input {
    height        : 58px !important;
    width         : 76px !important;
    border        : none;
    border-bottom : 2px solid #9599A8;
    color         : #393B3F;
    font-size     : 24px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 32px;
    text-align    : center;
    border-radius : 0;
    outline       : none;
    background    : #f9f9f9;
}

.pre-login-container .otp .wrapper.input .otp-input.input,
.pre-login-container .otp .otp-input:focus {
    border-bottom: 2px solid #00539F;
}

.zone-logo {
    margin-bottom: 25px;
}

.login-form .material_label_checkbox {
    color: #3C3E42;
}

.login-form .material_checkbox_group {
    margin-bottom: 30px;
    clear        : both;
}

.card-header h1 {
    font-size  : 21px;
    line-height: 30px;
    color      : #393B3F;
    font-weight: 700;
    margin     : 0 0 20px;
}

.card-header p {
    font-size  : 16px;
    font-weight: 700;
}

.form-link {
    text-align   : center;
    margin-bottom: 18px;
}

.form-link a {
    font-size  : 15px;
    font-weight: 500;
    color      : #00539F;
    line-height: 36px;
}

.create-acc-link {
    line-height: 40px;
    font-size  : 16px;
    font-weight: 500;
    color      : #393b3f;
    margin     : 0;
}

.create-acc-link a {
    color      : #00539F;
    font-weight: 700;
}

.form-link a:hover,
.create-acc-link a:hover {
    text-decoration: underline !important;
}

.create-acc-link .update-details:hover {
    text-decoration: none !important;
}

.pre-login-footer ul {
    margin    : 14px 0;
    text-align: center;
    /* float  : right; */
}

.pre-login-footer ul li {
    margin-right: 20px;
}

/* .pre-login-footer ul li:first-child {
  margin-right: 0;
} */

.pre-login-footer ul a {
    color          : #393b3f;
    font-size      : 12px;
    font-weight    : bold;
    text-decoration: underline;
    text-transform : uppercase;
}

/* modal */
.modal-header,
.modal-footer {
    border               : 0;
    border-radius        : 0;
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    -ms-border-radius    : 0;
    -o-border-radius     : 0;
}

.sec-pd {
    padding: 16px;
}

.sec-pd::after,
.sec-pd::before {
    content: "";
    display: table;
    float  : left;
    clear  : both;
    width  : 100%;
}

.fl-none {
    float: none !important;
}

.stakeholders-table .manage-user-accordion .accordion-title {
    float  : none;
    display: block;
}

.empty-tasks h1 {
    color: #393b3f;
}

p a {
    color: #00539F;
}

/* Media Query Starts Here */
/* Min width */
@media (min-width: 768px) {
    .modal-dialog {
        width : 640px;
        margin: 70px auto;
    }
}

/* max width */
/* max width */
@media (max-width: 1199px) {
    .pre-login-container .col-lg-5 {
        margin: 0 auto;
        float : none;
    }
}

@media (max-width: 991px) {

    body .business-activity,
    body .business-categories,
    body .media-activity,
    body .services-consultancy {
        background: none;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size  : 28px;
        line-height: 32px;
    }

    .text-large {
        font-size: 18px;
    }

    .modal-content .close {
        top  : -40px;
        right: 0;
    }

    .modal-body .btn {
        display: block;
    }

    .pre-login-container {
        margin-top   : 20px;
        margin-bottom: 20px;
    }

    .shadow-card-wrapper .card-main {
        padding: 15px 15px 0;
    }

    .pre-login-footer ul {
        width: 100%;
        float: left;
    }

    .pre-login-footer ul li:last-child,
    .pre-login-footer ul li.copy-right {
        display    : block;
        color      : #6d737e;
        line-height: 21px;
        margin     : 15px 0;
    }

    .pre-login {
        margin-bottom: 105px;
    }
}

@media (max-width: 639px) {}

@media (max-width: 479px) {}

.db-wrapper {
    max-width   : 100%;
    margin      : 0 auto;
    position    : relative;
    padding-left: 255px;
}

.db-left,
.db-right {
    float: left;
}

.db-left {
    width   : 255px;
    position: absolute;
    top     : 0;
    left    : 0;
    padding : 35px 0;
}

.db-right {
    width        : 100%;
    padding-right: 25px;
}

.db-right .shadow-card-wrapper {
    min-height: 300px;
}

.db-left .logo {
    margin: 0 36px 35px;
    width:120px;
}

.main-nav {
    margin: 0 35px 0 0;
}

.main-nav-list li {
    padding : 8px 0px 8px 35px;
    margin  : 0 0 16px;
    position: relative;
}

.main-nav-list li::before,
.btn-help:before {
    content           : "";
    position          : absolute;
    top               : 0;
    left              : 0;
    height            : 100%;
    width             : 5px;
    background-color  : #00539F;
    opacity           : 0;
    transition        : opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    -moz-transition   : opacity 0.2s;
    -ms-transition    : opacity 0.2s;
    -o-transition     : opacity 0.2s;
}

.main-nav-list li:hover::before {
    opacity: 1;
}

.main-nav-list li.active::before {
    opacity: 1;
}

.main-nav-list li:hover::before {
    background-color: #00539F;
}

.main-nav-list li a {
    color          : #393b3f;
    text-decoration: none;
    font-size      : 14px;
    line-height    : 21px;
    font-weight    : 600;
}

.main-nav-list li.active a {
    font-weight: bold;
}

.main-nav-list li.disable {
    
    pointer-events: none;
}
.main-nav-list li.disable img{
    opacity: 0.5;
}
.main-nav-list li span {
    vertical-align: middle;
    margin-left   : 11px;
}

.main-nav footer {
    margin-top: 75px;
}

.db-left .footer {
    margin  : 50px 0 20px 0;
    padding : 5px 0 5px 35px;
    position: relative;
}

.db-left .footer a img {
    width: 24px;
}

.btn-help {
    text-decoration   : none !important;
    font-size         : 14px;
    font-weight       : 600;
    color             : #393b3f;
    transition        : color 0.2s;
    -webkit-transition: color 0.2s;
    -moz-transition   : color 0.2s;
    -ms-transition    : color 0.2s;
    -o-transition     : color 0.2s;
}

.btn-help.active::before,
.btn-help:hover::before {
    opacity: 1;
}

.btn-help:hover {
    color: #F18A5E;
}

.btn-help span {
    font-weight   : 700;
    margin-left   : 14px;
    vertical-align: middle;
}

/* customer navigation */
.c-navigation {
    padding: 18px 0;
}

.c-navigation>ul {
    float : right;
    margin: 0;
}

.c-navigation>ul>li {
    padding    : 0;
    margin-left: 40px;
}

.btn-shadow {
    text-decoration      : none !important;
    padding              : 15px;
    background-color     : #fff;
    -webkit-box-shadow   : 10px 10px 0px 0px rgba(57, 59, 63, 0.15);
    -moz-box-shadow      : 10px 10px 0px 0px rgba(57, 59, 63, 0.15);
    box-shadow           : 10px 10px 0px 0px rgba(57, 59, 63, 0.15);
    border               : 1px solid #ede7e7;
    border-radius        : 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    -ms-border-radius    : 3px;
    -o-border-radius     : 3px;
    display              : inline-block;
    margin               : 0;
    cursor               : pointer;
    color                : #393b3f;
}

.btn-shadow .new-logo img {
    width: 19px;
}

.btn-shadow>* {
    cursor: pointer;
}

.btn-shadow label {
    margin     : 0;
    margin-left: 15px;
}

.icon.caret {
    border             : 0;
    width              : 24px;
    height             : 24px;
    background-image   : url("icon-caret.svg");
    background-position: center center;
    background-repeat  : no-repeat;
    vertical-align     : top;
}

.td-none {
    text-decoration: none !important;
}

.dropdown-menu {
    border    : 1px solid #ede7e7;
    padding   : 15px 0;
    box-shadow: 0 2px 5px rgba(170, 173, 185, 0.3);
    margin    : 0;
}

.dropdown-menu .divider {
    margin          : 10px 15px;
    background-image: none;
}

.c-navigation .cmp-dropdown .dropdown-menu {
    min-width : 250px;
    max-height: 250px;
    overflow-y: auto;
}

.cmp-dropdown .dropdown-menu {
    width                : 100%;
    border-radius        : 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius   : 0 0 3px 3px;
    -ms-border-radius    : 0 0 3px 3px;
    -o-border-radius     : 0 0 3px 3px;
    box-shadow           : none;
    right                : 0;
    left                 : auto;
}

.cmp-dropdown .dropdown-menu li {
    margin: 0;
}

.dropdown-menu>li>a {
    font-size       : 14px;
    line-height     : 24px;
    padding         : 0 18px;
    margin          : 0 0 15px;
    background-color: rgba(0, 0, 0, 0) !important;
    position        : relative;
    white-space     : inherit;
}

.dropdown-menu>li:last-child>a {
    margin-bottom: 0;
}

.cmp-dropdown .dropdown-menu a:hover,
.dropdown-menu>li>a:hover {
    color: #00539F;
}

.cmp-dropdown .dropdown-menu a span {
    width       : 100%;
    padding-left: 30px;
    display     : block;
}

.cmp-dropdown .dropdown-menu a i {
    position: absolute;
    left    : 18px;
    top     : 0;
}

.cmp-dropdown .dropdown-menu a svg {
    position      : absolute;
    left          : 18px;
    top           : 0px;
    margin-right  : 15px;
    vertical-align: middle;
    font-size     : 22px;
    width         : 20px;
    fill          : #4c4e54;
}

.cmp-dropdown .dropdown-menu a:hover svg {
    fill: #00539F;
}

.cmp-dropdown .dropdown-menu a img,
.cmp-dropdown .dropdown-menu a i {
    position      : absolute;
    left          : 18px;
    top           : 4px;
    margin-right  : 15px;
    vertical-align: middle;
    font-size     : 22px;
    width         : 18px;
}

.cmp-dropdown .dropdown-menu .divider {
    margin: 0 20px 15px;
}

.n-active {
    position: relative;
}

.n-active::before {
    content              : "";
    position             : absolute;
    width                : 8px;
    height               : 8px;
    background-color     : #e30613;
    top                  : -4px;
    right                : 0;
    border-radius        : 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius   : 50px;
    -ms-border-radius    : 50px;
    -o-border-radius     : 50px;
}

.arrow-dropdown .dropdown-menu {
    margin   : 15px 0 0;
    min-width: 260px;
}

.arrow-dropdown .dropdown-menu::before {
    content              : "";
    position             : absolute;
    top                  : -9px;
    left                 : 48px;
    height               : 18px;
    width                : 18px;
    border-radius        : 3px;
    border-radius        : 1px 0px 0px 1px;
    -webkit-border-radius: 1px 0px 0px 1px;
    -moz-border-radius   : 1px 0px 0px 1px;
    -ms-border-radius    : 1px 0px 0px 1px;
    -o-border-radius     : 1px 0px 0px 1px;
    border               : 1px solid #ede7e7;
    background-color     : #fff;
    transform            : rotate(45deg);
    border-width         : 1px 0px 0px 1px;
}

.arrow-dropdown a span {
    margin-left: 10px;
}

.arrow-dropdown.left>.dropdown-menu {
    left: -44px;
}

.list-inline .arrow-dropdown.left>.dropdown-menu {
    right: -44px;
    left : initial;
}

.list-inline .arrow-dropdown .dropdown-menu::before {
    right: 44px;
    left : initial;
}

.arrow-dropdown.left .dropdown-menu li a img {
    width: 18px;
}

.list-inline .arrow-dropdown.left .dropdown-menu li a {}

.list-inline .arrow-dropdown.left .dropdown-menu li a img {}

.arrow-dropdown.left .dropdown-menu li a i {
    font-size: 18px;
}

.head-notification {
    min-width: 342px;
}

.head-notification .notification-time {
    border-right: 0;
}

.head-notification .notification-wrapper {
    margin    : 0 0 20px;
    padding   : 10px 20px;
    display   : block;
    float     : none;
    max-height: 345px;
    overflow  : auto;
}

.label-icon {
    display  : block;
    font-size: 18px;
    padding  : 10px 20px;
}

.label-icon img {
    float : right;
    margin: 8px 0;
}

.view-all-btn {
    padding: 0 20px;
}

.view-all-btn .btn {
    margin: 0 0 5px;
}

.snooze-dropdown .dropdown-menu {
    min-width: 120px;
    left     : 0;
    top      : 25px;
}

.snooze-dropdown .dropdown-menu::before {
    left: 32px;
}

.snooze-dropdown li label {
    display    : block;
    padding    : 0 15px;
    margin     : 0 0 10px;
    color      : #6d737e;
    font-weight: 700;
}

.snooze-dropdown li a {
    font-weight: 700;
}

.dp-nav-collapse {
    transition        : left 0.2s;
    -webkit-transition: left 0.2s;
    -moz-transition   : left 0.2s;
    -ms-transition    : left 0.2s;
    -o-transition     : left 0.2s;
}

.dp-nav-collapse.in {
    left: 0;
}

.main-nav.dp-nav-collapse.in .mobile-navigation {
    height: 90px;
    width : 100%;
    margin: 7px 20px 0;
}

.db-nav-toggle {
    position: relative;
    z-index : 1050;
}


.header-with-action {
    margin  : 15px 40px 0;
    position: relative;
}

.header-with-action .title {
    float: left;
    clear: left;
}

.header-with-action .title h1 {
    margin: 8px 0;
}

.header-with-action .heading-divider .gear-link {
    /* width    : 100%; */
    max-width: 253px;
}

.header-with-action .btn-action,
.header-with-action .gear-link {
    float: right;

}

.header-with-action .material_input_block label {
    color         : #393B3F;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
    font-weight   : normal;
}

.header-with-action .gear-link {
    margin: 0 0 0 20px;
}

.head-search {
    text-align: right;
    min-width : 26px;
    position  : relative;
    min-height: 56px;
}


.head-search .search-toggle {
    position: absolute;
    top     : 0;
    right   : 0;
}

.gear-link a {
    padding: 14px 0;
}

.gear-link .search-input {
    display: none;
}

.header-with-action .gear-link a {
    display: inline-block;
}

.header-with-action .btn-action .btn {
    margin-bottom: 0;
    margin-right : 20px;
}

.header-with-action .btn-action .btn:last-child {
    margin-right: 0;
}

.material-icons {
    line-height   : initial;
    vertical-align: middle;
}

.notification-wrapper .heading-divider {
    margin : 0 -22px 15px;
    padding: 0 20px 35px;
}

.notification-col .right-col {
    width: 5%;
}

.right-col .snooze-dropdown {
    float: right;
}

.snooze-dropdown .dropdown-menu {
    left: -28px;
}

.snooze-dropdown {
    width: 24px;
}

.pre-login-footer ul li.copy-right {
    margin-right: 0;
}

/* tabs */
.tab-container {
    padding: 40px 16px !important;
}

.header-with-action .heading-divider {
    margin-left  : -40px;
    margin-right : -40px;
    padding-left : 30px;
    padding-right: 30px;
}

.heading-divider.no-border {
    background-image: none;
    margin-bottom   : 0;
    padding-bottom  : 20px;
}

.dd-right-child {
    padding: 0 16px 16px;
}

.table-default>thead>tr>th,
.table-default {
    border: 0;
}

.table-default>thead>tr>th {
    padding: 18px 20px;
    text-transform: uppercase;
}

.table-default>tbody {
    font-size   : 14px;
    color       : #393b3f;
    line-height : 18px;
    font-weight : normal;
    border      : solid #efefef;
    border-width: 1px 2px;
}

.table-default>tbody>tr:hover {
    background: #F9F9F9;
}
.table-default>tbody>tr:hover td {
    font-weight: normal;
}

.table-default>tbody>tr>td {
    padding       : 22px 20px;
    border        : 1px solid #efefef;
    border-width  : 0 0 1px 0;
    vertical-align: middle;
}

.table-default>tbody a {
    color: #00539F;
}

.table-default tbody a,
.table-default tbody i,
.table-default tbody span,
.table-default tbody img {
    display        : inline-block;
    text-decoration: none;
    vertical-align : middle;
    font-weight    : 600;
}

.table-default tbody i {
    margin-left: 8px;
}

.sort-btn {
    display         : inline-block;
    border          : 0;
    padding         : 0;
    width           : 100%;
    background-color: rgba(0, 0, 0, 0);
    text-align      : left;
    cursor          : pointer;
    position        : relative;
}

.sort-btn label {
    font-size     : 12px;
    text-transform: uppercase;
    font-weight   : 600;
    line-height   : 18px;
    color         : #6d737e;
    margin        : 0;
    cursor        : pointer;
}

.sort-btn .material-icons {
    color   : #00539F;
    position: absolute;
    left    : -25px;
    bottom  : -3px;
    cursor  : pointer;
    display : none;
}

.sort-btn.active .material-icons,
.sort-btn:hover .material-icons {
    display: block;
}

.request-status,
.request-title {
    margin  : 0;
    position: relative;
}

.request-title {
    padding-right: 35px;
}

.request-title i {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
    right    : 0;
}

.request-status {
    padding-left: 30px;
}

.request-status img {
    position : absolute;
    top      : 50%;
    transform: translateY(-50%);
    left     : 0;
    width    : 18px;
}

/* pagination */

.pagination-container {
    text-align: center;
    padding   : 0 20px;
}

.pagination-default {
    margin: 22px 0;
}

.pagination-default>li>a,
.pagination-default>li>span {
    font-size  : 14px;
    font-weight: bold;
    padding    : 12px 10px;
    min-width  : 65px;
    line-height: 30px;
    height     : 54px;
}

.pagination-default>li:first-child>a,
.pagination>li:first-child>span,
.pagination-default>li:last-child>a,
.pagination>li:last-child>span {
    border       : 0;
    background   : rgba(0, 0, 0, 0);
    border-radius: 0;
}

.pagination-default>li:nth-child(2)>a,
.pagination-default>li:nth-child(2)>span {
    border-radius: 3px 0 0 3px;
}

.pagination-default>li:nth-last-child(2)>a,
.pagination-default>li:nth-last-child(2)>span {
    border-radius: 0 3px 3px 0;
}

.link-gray {
    color: #9599a8;
}

.link-red {
    color: #e30613;
}

.material_input_block .select2-container {
    outline      : none;
    width        : 100% !important;
    padding-right: 20px;
}

.material_input_block .select2-container .select2-selection--single {
    outline      : none;
    height       : 54px;
    background   : #f9f9f9;
    border       : 0;
    border-radius: 3px 3px 0 0;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding  : 13px 15px;
    color    : #393b3f;
    font-size: 16px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top     : 15px;
    right   : 15px;
    width   : 14px;
    height  : 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width     : 14px;
    height    : 14px;
    background: url("icon-caret.svg") no-repeat center center;
    border    : 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: rgba(0, 0, 0, 0);
    color           : #00539F;
    font-weight     : 700;
}

.select2-dropdown {
    border          : 1px solid #ede7e7;
    border-radius   : 0 0 3px 3px;
    background-color: #fff;
    font-size       : 16px;
    box-shadow      : 0 2px 5px rgba(170, 173, 185, 0.3);
}

.select2-results__option {
    padding    : 13px 15px;
    line-height: 20px;
}

.back-link {
    display    : block;
    width      : 100%;
    overflow   : hidden;
    margin-left: 0;
}

.heading-divider .back-link,
.no-border .back-link {
    overflow   : visible;
    padding-top: 3px;
}

.back-link .back-button {
    margin-left: 0;
}

.back-link .back-button img {
    width: 18px;
}

.tab-content-container .card-footer {
    overflow: hidden;
    margin  : 0 0 0 15px;
}

.contact-wrapper.contact-info-default {
    margin : 30px 0;
    padding: 0 15px;
}

.table-default-wrapper+.card-footer {
    margin: 0 -17px -17px;
}

.table-mobile .accordion-content {
    padding: 0 0;
}

.table-row {
    border-bottom: 1px solid #efefef;
    padding      : 22px 20px;
}

.table-row label {
    font-size    : 12px;
    line-height  : 18px;
    margin-bottom: 5px;
    color        : #6d737e;
    font-weight  : 700;
}

.table-row h3 {
    color      : #393b3f;
    font-size  : 16px;
    font-weight: 600;
    margin     : 0px;
}

.table-row h3 img {
    margin-right: 15px;

}

.table-row .action .btn {
    margin          : 0;
    background-color: #fff;
    text-transform  : uppercase;
}

.contact-wrapper.help-support-contact {
    padding: 0 15px;
    margin : 40px 0;
}

.tab-content-container .multi-column h3 {
    font-size: 14px;
    margin   : 0 0 10px;
}

.multi-column-bg {
    border          : 1px solid #efefef;
    background-color: #f9f9f9;
    border-radius   : 3px;
    overflow        : hidden;
    margin-bottom   : 15px;
}

.multi-column-bg .details {
    padding           : 0 17px 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
}

.multi-column-bg .details p {
    opacity      : 0;
    height       : 0;
    transition   : .5s ease;
    overflow     : hidden;
    margin-bottom: 0;
    margin       : 0;
}

.multi-column-bg .details label,
.multi-column label {
    display: block;
    margin : 0 0 5px;
}

.multi-column-bg .details label {
    margin-top: 10px;
    cursor    : pointer;
    position  : absolute;
    left      : 15px;
    bottom    : 12px;
}

.tabcontent .multi-column .img {
    -webkit-transition: all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
    height            : 119px;
    opacity           : 1;
}

/* .tabcontent .multi-column .img img {
    height: 150px;
} */

.tabcontent .multi-column.hideable:hover .img {
    height            : 0;
    overflow          : hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition        : all 0.3s ease-in-out;
    opacity           : 0;
    margin-bottom     : 15px;
}

.tabcontent .multi-column.hideable:hover p {
    opacity      : 1;
    max-height   : 80px;
    margin-bottom: 0;
    margin-top   : 5px;
    height       : auto;
}

.multi-column-bg .img>img,
.multi-column .img>img {
    width: 100%;
}

.multi-column.multi-column-bg .read-more {
    text-decoration: none;
    font-size      : 16px;
    display        : inline-block;
    margin-bottom  : 0px;
    min-height     : 20px;
    line-height    : 20px;
}

.multi-column-bg .without-images {
    padding: 15px;
}

.tab-title {
    font-size  : 24px;
    font-weight: 700;
    margin     : 0 0 30px;
}

.action-btn.load-more {
    margin-top: 20px;
}

.tab-title-sec h4 {
    margin-bottom: 10px;
}

.tab-title-sec p {
    margin-bottom: 25px;
}

.tabcontent .multi-column {
    cursor       : pointer;
    margin-bottom: 20px;
    min-height   : 220px;
    position     : relative;
}

.no-borders {
    border-color: transparent;
}

.open>.dropdown-menu {
    display: block !important;
}

/* summery-block-container */
.header-title {
    margin-left : 30px;
    margin-right: 30px;
}

.bg-blue {
    background-color: #00539F;
    transition      : background-color 0.2s;
}

.summery-block.bg-blue:hover {
    background-color: rgba(0, 87, 135, 1);
}

.bg-green {
    background-color: #52AE32;
    transition      : background-color 0.2s;
}

.bg-green:hover {
    background-color: rgba(22, 123, 129, 1);
}

.summery-block-container {
    padding: 20px;
}

.summery-block-container .row {
    margin-left : -8px;
    margin-right: -8px;
}

.summery-block-container .row *[class^="col-"] {
    padding-left : 8px;
    padding-right: 8px;
}

.summery-block {
    color        : #fff;
    cursor       : pointer;
    padding      : 16px 16px 14px;
    margin       : 0 0 15px !important;
    border-radius: 3px;
    min-height   : 129px;
}

.summery-count {
    margin: 0 0 5px;
}

.summery-count h2 {
    font-size  : 32px;
    line-height: 24px;
    font-weight: bold;
    margin     : 0;
}

.summery-count h2 span {
    font-size     : 16px;
    font-weight   : 500;
    margin-left   : 5px;
    vertical-align: baseline;
}

.summery-count h2 i {
    margin-left   : 6px;
    font-size     : 24px;
    vertical-align: baseline;
}

.summery-label {
    margin-bottom: 15px;
}

.summery-label h3 {
    font-size  : 16px;
    font-weight: bold;
    line-height: 18px;
    margin     : 0;
}

.status-alert p {
    color         : inherit;
    margin        : 0;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
}

.header-with-action.type2 .heading-divider {
    padding: 0 20px 30px;
}

.header-with-action.type2 .material_input_block {
    margin-bottom: 5px;
}

.d-block {
    display: block !important;
}

.mx-0 {
    margin-left : 0 !important;
    margin-right: 0 !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.head-desc {
    margin-bottom: 30px;
}

.head-desc>h3 {
    margin-left  : 0 !important;
    margin-bottom: 5px !important;
}

.head-desc.small h5 {
    font-size  : 16px;
    font-weight: bold;
    margin     : 0 0 5px;
}

.head-desc.small p {
    font-size: 14px;
}

/* card-block */
.card-container {
    margin-bottom: 10px;
}

.card-row {
    margin-left : -8px;
    margin-right: -8px;
}

.card-row *[class^="col-"] {
    padding-left : 8px;
    padding-right: 8px;
}

.card-gray {
    background-color: #f9f9f9;
}

.card-block {
    border       : 1px solid #efefef;
    border-radius: 3px;
    position     : relative;
    color        : #fff;
    margin       : 0 0 15px;
}

.card-block .card-figure {
    border-radius: 3px 3px 0 0;
    margin       : -1px -1px 0;
    height       : 150px;
}

.card-block .card-figure img {
    width     : 100%;
    height    : 150px;
    object-fit: cover;
}

.card-block .card-body {
    padding: 22px 22px 0;
}

.card-block .card-body h3 {
    font-size  : 16px;
    line-height: 20px;
    color      : #00539F;
    margin     : 0 0 10px;
    min-height : 40px;
    height     : 40px;
    overflow   : hidden;
}

.card-block .card-body p {
    font-size  : 14px;
    line-height: 20px;
    height     : 80px;
    overflow   : hidden;
}

.card-block .card-footer {
    background-color: rgba(0, 0, 0, 0);
    padding         : 10px 22px 15px;
    margin          : 0;
    border          : 0;
    border-radius   : 0 0 3px 3px;
    color           : #474a4b;
}

.card-block .card-footer .small {
    font-size: 84%;
}

.card-block .card-footer p {
    font-size  : 14px;
    line-height: 18px;
    margin     : 0;
    color      : inherit;
}

.card-block .tag {
    position        : absolute;
    top             : -6px;
    right           : 12px;
    background-color: #f9f9f9;
    font-size       : 12px;
    line-height     : 18px;
    padding         : 13px 8px 6px;
    border-radius   : 0 0 3px 3px;
    text-transform  : uppercase;
}

.card-block .tag::before {
    content          : "";
    position         : absolute;
    top              : 0;
    left             : -4px;
    border           : 2px solid #f9f9f9;
    border-left-color: rgba(0, 0, 0, 0);
    border-top-color : rgba(0, 0, 0, 0);
}

.discount .tag {
    background: linear-gradient(0deg, #a2267c 0%, #d8137e 100%);
    color     : #fff;
    color     : #f0f0f0;
}

.discount .tag::before {
    border-bottom-color: #d8137e;
    border-right-color : #d8137e;
}

.discount .card-footer {
    background: linear-gradient(0deg, #a2267c 0%, #d8137e 100%) !important;
    color     : #fff;
}

.new .tag {
    background: linear-gradient(329.37deg, #007abe 0%, #52AE32 100%);
    color     : #fff;
}

.new .tag::before {
    border-bottom-color: #52AE32;
    border-right-color : #52AE32;
}

.disable * {
    color: #B6B9C6 !important;
}

.enquiry-form .form-row {
    clear: both;
}

.enquiry-form .form-col .material_radio_group {
    width     : auto;
    margin-top: 3px;
}

@media (max-width: 991px) {
    .tabs-container .tab {
        overflow: auto;
    }

    .tabs-container .tabs-mobile .tab button.tablinks {
        display: inline-block;
        width  : auto;
    }

    .tabs-mobile {
        overflow: scroll;
    }

    .tabs-container .tabs-mobile .tab {
        border-radius   : 0;
        background-color: rgba(0, 0, 0, 0);
        border-width    : 0 0 1px 0;
    }

    .tabs-container .tabs-mobile .tab button.active::before {
        top   : auto;
        height: 5px;
        bottom: 0;
        width : 100%;
    }

    .tabs-container .tabs-mobile .tabs-mobile .tab button {
        padding: 20px 10px;
    }

    .tabs-mobile-dropdown {
        width   : 100%;
        margin  : 0;
        padding : 14px 15px;
        position: relative;
    }

    .tabs-mobile-dropdown .dropdown-menu {
        top          : 105%;
        border-radius: 0 0 3px 3px;
    }

    .tabs-mobile-dropdown .material_dropdown {
        width   : 100%;
        position: relative;
    }

    .tabs-mobile-dropdown .dropdown-toggle label {
        margin: 0;
    }

    .dropdown-toggle {
        position: relative;
    }

    .tabs-container .tabs-mobile-dropdown .tab button,
    .tabs-container .tabs-mobile-dropdown .tab button.active {
        border          : 0;
        background-color: rgba(0, 0, 0, 0);
        padding         : 15px;
    }

    .tabs-container .tabs-mobile-dropdown .tab button::before {
        display: none;
    }

    .tabs-container .tabcontent {
        padding-left: 0 !important;
    }
}

@media (max-width: 767px) {
    .btn-sm-block {
        display: block;
    }

    .action-btn.load-more {
        margin-top: 10px;
    }

    .action-btn.load-more .btn {
        margin-bottom: 0;
    }

    .db-wrapper {
        padding: 8px 20px 0 20px !important;
    }

    .db-left,
    .db-right {
        width   : 100%;
        padding : 0;
        position: relative;
    }

    .main-nav {
        margin               : 0;
        position             : fixed;
        top                  : 0;
        left                 : -350px;
        width                : 300px;
        background           : #fff;
        -webkit-box-shadow   : 10px 10px 0px 0px rgba(57, 59, 63, 0.15);
        -moz-box-shadow      : 10px 10px 0px 0px rgba(57, 59, 63, 0.15);
        box-shadow           : 10px 10px 0px 0px rgba(57, 59, 63, 0.15);
        border               : 1px solid #ede7e7;
        border-radius        : 0 0 3px 3px;
        -webkit-border-radius: 0 0 3px 3px;
        -moz-border-radius   : 0 0 3px 3px;
        -ms-border-radius    : 0 0 3px 3px;
        -o-border-radius     : 0 0 3px 3px;
        z-index              : 4000;
        padding              : 0 20px 0px 0;
        overflow             : auto;
        height               : 78%;
        max-height           : 100%;
    }

    .db-left {
        height: 68px;
    }

    .db-left .logo {
        margin           : 0;
        position         : absolute;
        left             : 50%;
        top              : 50%;
        transform        : translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform   : translate(-50%, -50%);
        -ms-transform    : translate(-50%, -50%);
        -o-transform     : translate(-50%, -50%);
        width            : 85px;
        margin-top       : -4px;
    }

    .db-left .mobile-notification,
    .db-left .mobile-navigation {
        float  : left;
        width  : 50%;
        height : 100%;
        padding: 22px 0 0 0;
    }

    .mobile-notification {
        text-align: right;
    }

    .mobile-notification ul {
        margin: 0;
    }

    .main-nav-list {
        margin-bottom: 50px;
        padding-top  : 90px;
    }

    .c-navigation-mobile {
        padding: 0 0 20px 20px;
    }

    .c-navigation-mobile ul {
        margin               : 0;
        border               : 1px solid #efefef;
        border-radius        : 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius   : 3px;
        -ms-border-radius    : 3px;
        -o-border-radius     : 3px;
    }

    .c-navigation-mobile>ul>li {
        display      : block;
        padding      : 0;
        border-bottom: 1px solid #efefef;
    }

    .c-navigation-mobile>ul>li:last-child {
        border-bottom: 0;
    }

    .c-navigation-mobile .dropdown-toggle {
        font-size : 16px;
        width     : 100%;
        border    : 0;
        background: #fff;
        padding   : 18px 24px;
        text-align: left;
    }

    .c-navigation-mobile .dropdown-menu {
        width     : 100%;
        position  : static;
        box-shadow: none;
        float     : none;
        border    : 0;
        background: linear-gradient(0deg, #f7f7f7 0%, #f8f8f8 11.55%, #fbfbfb 95.64%, #f0f0f0 100%);
        border-top: 1px solid #efefef;
        padding   : 10px 0;
        max-height: 250px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .c-navigation-mobile .dropdown-menu .divider {
        margin: 10px 25px;
    }

    .c-navigation-mobile .dropdown-menu a {
        padding: 5px 30px;
        margin : 0;
        width  : 100%;
    }

    .c-navigation-mobile .dropdown-menu a span {
        width       : 80%;
        float       : left;
        padding-left: 20px;
    }

    .c-navigation-mobile .dropdown-menu a img {
        width       : 18px;
        margin-right: 0;
        top         : 9px;
        float       : left;
    }

    .c-navigation-mobile .dropdown-toggle img {
        width       : 20px;
        margin-right: 14px;
    }

    .c-navigation-mobile .dropdown-toggle .icon.caret {
        float : right;
        margin: 3px 0;
    }

    .c-navigation-mobile .dropdown-toggle label {
        margin: 0;
    }

    .arrow-dropdown.left>.dropdown-menu {
        left : auto;
        right: -5px;
    }

    .arrow-dropdown .dropdown-menu::before {
        left : auto;
        right: 9px;
    }

    .snooze-dropdown .dropdown-menu {
        left : auto;
        right: -8px;
    }

    .header-with-action .title,
    .header-with-action .btn-action,
    .header-with-action .gear-link {
        float: none;
    }

    .header-with-action .gear-link {
        position: absolute;
        margin  : 0;
        top     : 0;
        right   : 0;
    }

    .header-with-action .title h1 {
        margin-bottom: 15px;
    }

    .header-with-action .btn-action .btn {
        margin : 0 0 15px;
        display: block;
    }

    .pagination-container {
        padding: 0 10px;
    }

    .pagination-default {
        margin: 15px 0 10px;
    }

    .pagination-default>li>a,
    .pagination-default>li>span {
        padding  : 12px 5px;
        min-width: 50px;
    }

    .pagination-default>li:first-child>a,
    .pagination>li:first-child>span,
    .pagination-default>li:last-child>a,
    .pagination>li:last-child>span {
        border       : 0;
        background   : rgba(0, 0, 0, 0);
        border-radius: 0;
        min-width    : auto;
    }

    .tab-content-container .card-footer {
        margin: 0 0 0 0;
    }

    .header-with-action {
        margin: 15px 20px 0;
    }

    .header-with-action .heading-divider {
        padding-left : 20px;
        padding-right: 20px;
        margin-left  : -20px;
        margin-right : -20px;
    }

    .back-link {
        position: absolute;
        top     : 15px;
        left    : 10px;
        display : inline-block;
        width   : 15px;
        height  : 20px;
    }

    .back-link .back-button>span {
        display: none;
    }

    .back-link .back-button img {
        width         : 15px;
        vertical-align: middle;
        margin        : 0;
    }

    .back-link+.heading-divider .title {
        margin-left: 25px;
    }

    .header-with-action.type2 .gear-link {
        position   : static;
        width      : 100%;
        max-width  : unset;
        /* float   : left; */
    }

    .header-with-action.type2 .heading-divider {
        margin-left : -20px;
        margin-right: -20px;
    }

    .header-with-action.type2 .heading-divider h2 {
        margin-bottom: 18px;
    }

    .zone-logo {
        margin-bottom: 15px;
    }

    .card-header h1 {
        margin-bottom: 5px;
    }
}

/* progress bar css */
.pie {
    display : inline-block;
    width   : 65px;
    margin  : 0 auto;
    overflow: hidden;
}

.pie {
    position : relative;
    height   : 65px;
    transform: rotate(180deg) scaleX(-1);
}

.pie .master {
    background   : rgba(0, 0, 0, 0);
    position     : absolute;
    top          : 0;
    left         : 0;
    bottom       : 0;
    right        : 0;
    border-radius: 100%;
}

.pie .slice {
    position     : absolute;
    top          : 0;
    left         : 0;
    bottom       : 0;
    right        : 0;
    border-radius: 100%;
    clip         : rect(0px, 65px, 65px, 32.5px);
}

.s0 {
    -webkit-transform: rotate(180deg);
    -moz-transform   : rotate(180deg);
    transform        : rotate(180deg);
}

.pie .inner {
    background   : rgba(0, 0, 0, 0);
    position     : absolute;
    top          : 0;
    left         : 0;
    bottom       : 0;
    right        : 0;
    border-radius: 100%;
    clip         : rect(0px, 32.5px, 65px, 0px);
    border       : 6px solid;

    -webkit-transition: all 400ms linear;
    -moz-transition   : all 400ms linear;
    transition        : all 400ms linear;
}

.pie .cover {
    background   : transparent;
    position     : absolute;
    top          : 10px;
    left         : 10px;
    bottom       : 10px;
    right        : 10px;
    border-radius: 100%;
}

.p1 .inner {
    border-color: #085b94;
}
.review-applicaton .p1 .inner{
    border-color: #2f8c59;
}
.progress-bar-main {
    position     : relative;
    width        : 65px;
    height       : 65px;
    border-radius: 50%;
    overflow     : hidden;
}

.progress-dashed {
    position: absolute;
    top     : -5px;
    left    : -5px;
    height  : 75px;
    width   : 75px;
}

.progress-count {
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

.your-progress ul.progressUl li.active a .number {
    
}

.your-progress ul.progressUl li.active .progress-bar-main {
    position: absolute;
    left    : -5px;
    top     : -8px;
}

.your-progress ul.progressUl li.active .progress-bar-main .number {
    display  : block;
    margin   : 0;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);
    z-index  : 5;
}

.db-wrapper {
    background-image   : url("shadowbox-dark-lining-graphics.png");
    background-position: right top;
    background-repeat  : no-repeat;
}

/* loaders css */
.db-wrapper {
    padding-top: 8px;
}

/* header loader */
.header-loader {
    height          : 7px;
    background-color: rgba(216, 216, 216, 1);
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    z-index         : 10;
}

.header-loader .loading-progress {
    height    : 100%;
    background: linear-gradient(90deg, rgba(213, 37, 19, 1) 0%, rgba(255, 145, 35, 1) 100%);
}

/* in page loader */
.inpage-loader {
    background   : #fff;
    height       : 400px;
    position     : relative;
    padding      : 20px;
    clear        : both;
    margin-bottom: 20px;
}

.inpage-loader .progress-bar-main {
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

.inpage-loader .p1 .inner {
    border-color: #fff;
}

.inpage-loader .progress-count.number {
    color: rgba(255, 0, 0, 1);
}

/* content level loader */
.content-loader {
    text-align      : center;
    background-color: rgba(250, 250, 250, 1);
    border          : 1px solid rgba(239, 239, 239, 1);
    border-radius   : 3px;
    min-height      : 230px;
    position        : relative;
    clear           : both;
    margin-bottom   : 20px;
}

.loader-item {
    text-align: center;
}

.loader-item img {
    width: 56px
}

.loader-item span {
    display       : block;
    text-transform: uppercase;
    color         : #52AE32;
    font-size     : 12px;
    line-height   : 18px;
    margin        : 0;
    font-weight   : 700;
}

/* page level loader */
.page-level-loader {
    min-height   : 535px;
    position     : relative;
    text-align   : center;
    clear        : both;
    margin-bottom: 20px;
}

.content-loader .loader-item,
.page-level-loader .loader-item {
    position : absolute;
    top      : 50%;
    left     : 50%;
    transform: translate(-50%, -50%);
}

.card-loader {
    min-height: 150px;
}

/* toasts and alerts css */
.toast-wrapper {
    overflow: hidden;
    width   : 380px;
    position: absolute;
    top     : 30px;
    right   : 30px;
    z-index : 99;
}

.toast-wrapper .alert,
.toast-popup-wrapper .alert {
    padding: 0;
}

.toast-wrapper .alert:last-child,
.toast-popup-wrapper .alert:last-child {
    margin-bottom: 0;
}

.toast-popup-wrapper {
    bottom        : 30px;
    margin        : 0;
    overflow      : hidden;
    pointer-events: none;
    position      : fixed;
    right         : 0;
    width         : 260px;
    z-index       : 111050;
    transition    : all ease .3s;
    opacity       : 0;
    visibility    : hidden;
}

.toast-popup-wrapper.show {
    opacity   : 1;
    visibility: visible;
}

.toast-popup-wrapper.active {
    right: 80px;
}

.alert-content.alert-danger {
    min-height: auto;
}

.toast-with-action .alert-content i {
    color: inherit;
}

.alert-content.alert-danger i {
    color: rgba(183, 13, 127, 1)
}

.alert-primary {
    background-color: rgba(246, 251, 255, 1);
    border          : 1px solid rgba(197, 234, 255, 1);
}

.alert-content.alert-primary i {
    color: rgba(0, 109, 170, 1);
}

.alert-success {
    border          : 1px solid rgba(230, 250, 206, 1);
    background-color: rgba(250, 255, 244, 1);
}

.alert-success i {
    color: rgba(118, 183, 41, 1);
}

.toast-wrapper .alert-content,
.alert-content .close i,
.alert-success {
    color: #393B3F;
}

.toast-wrapper .alert-content,
.toast-poup-wrapper .alert-content {
    padding-right: 30px !important;
}

.toast-wrapper .alert-content .close,
.toast-popup-wrapper .alert-content .close {
    right: 5px;
}

@media(max-width:767px) {
    .toast-wrapper {
        width: auto;
        top  : 15px;
        right: 15px;
        left : 15px;
    }

    .toast-popup-wrapper {
        position: fixed;
        width   : auto;
        left    : 35px;
        right   : 35px;
        bottom  : 15px;
    }

    .formation-block .suggested-activities .btn-secondary {
        width: 100%;
    }

    .header-title {
        margin-left : 20px;
        margin-right: 20px;
    }
}

.cursor-pointer {
    cursor: pointer;
    color : #00539F;
}

.cursor-pointer:hover {
    color: #3375B2;
}

.customer-dashboard {
    padding: 0 16px 16px;
}

.dashboard-logo {
    padding-top : 100px;
    padding-left: 70px;
}

.customer-summary {
    min-height         : 420px;
    background-position: bottom center;
    background-repeat  : no-repeat;
    background-size    : cover;
    padding            : 36px 40px;
    border-radius      : 3px;
    color              : #fff;
    margin-bottom      : 13px;
    background: #349154; /* Old browsers */
background: -moz-linear-gradient(left,  #349154 0%, #197677 50%, #015b98 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #349154 0%,#197677 50%,#015b98 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #349154 0%,#197677 50%,#015b98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349154', endColorstr='#015b98',GradientType=1 ); /* IE6-9 */
}

.dashboard-summary h2 {
    font-size  : 24px;
    font-weight: bold;
    margin     : 0;
    line-height: 32px;
}

.dashboard-summary label {
    color      : #fff;
    font-size  : 16px;
    font-weight: bold;
    margin     : 0 0 16px;
}

.dashboard-summary label:hover {
    color: #fff;
}

.dashboard-summary .col {
    width        : 140px;
    float        : left;
    margin-bottom: 15px;
    padding      : 0 15px;
}

.dashboard-summary .col label {
    margin-bottom: 0;
    white-space  : nowrap;
}

.dashboard-summary .col h2 {
    font-size  : 32px;
    line-height: 42px;
}

.dashboard-summary span {
    font-size  : 14px;
    font-weight: 600;
}

.border-box {
    border       : 1px solid #efefef;
    border-radius: 3px;
    margin-bottom: 13px;
}

.border-box .heading {
    padding      : 12px;
    border-bottom: 1px solid #efefef;
    padding-left : 22px;
    overflow     : hidden;
}

a.view-all {
    float          : right;
    font-size      : 12px;
    font-weight    : bold;
    line-height    : 42px;
    color          : #6D737E;
    text-transform : uppercase;
    text-decoration: none;
    margin-right   : 10px;
}

a.view-all:hover {
    color: #6D737E;
}

.border-box .heading h2 {
    font-size  : 18px;
    font-weight: bold;
    line-height: 42px;
    margin     : 0;
    color      : #4c4e54;
    float      : left;
}

.open-tasks {
    width        : 60%;
    float        : left;
    padding-right: 15px;
}

.empty-tasks {
    text-align : center;
    padding-top: 62px;
    clear      : both;
}

.empty-tasks img {
    width: 79px;
}

.empty-tasks h2 {
    font-size  : 24px;
    line-height: 42px;
    margin     : 10px 0 0;
    font-weight: bold;
}

.empty-tasks p {
    font-size    : 16px;
    line-height  : 24px;
    color        : #393b3f;
    margin-bottom: 50px;
}

.empty-tasks h4 {
    font-size  : 16px;
    line-height: 22px;
    color      : #4c4e54;
    font-weight: bold;
}

.empty-tasks ul {
    list-style: none;
    width     : 100%;
    margin    : 0;
    padding   : 0;
}

.empty-tasks ul li {
    display      : inline-block;
    width        : auto;
    padding      : 0 15px;
    font-weight  : 600;
    line-height  : 21px;
    margin-bottom: 66px;
}

.empty-tasks li a {
    color: #00539F;
}

.account-activity {
    width: 40%;
    float: right;
}

.open-tasks .border-box,
.account-activity .border-box {
    min-height: 337px;
}

.activity-row {
    padding      : 15px;
    border-bottom: 1px solid #efefef;
    padding-left : 22px;
}

.activity-row:last-child {
    border-bottom: 0;
}

.activity-row h4 {
    font-size    : 14px;
    margin       : 0;
    line-height  : 21px;
    color        : #393b3f;
    margin-bottom: 5px;
    font-weight  : bold;
}

.activity-row strong {
    color: #00539F;
}

.activity-row span {
    font-size  : 14px;
    line-height: 18px;
    color      : #6d737e;
}

.frequently-questions,
.blogs,
.feed-activity,
.documents,
.events {
    width   : 100%;
    overflow: hidden;
    padding : 16px;
}

.heading-divider h2 {
    font-size  : 24px;
    font-weight: bold;
    line-height: 32px;
    float      : left;
}

.heading-divider {
    background-image   : url("dashed-divider.svg");
    background-position: bottom center;
    background-repeat  : repeat-x;
    overflow           : hidden;
    margin             : 0 -16px 22px;
    padding-bottom     : 20px;
    padding            : 0 16px 35px;
}

.heading-divider a.view-all {
    margin-right: 0;
}

a.view-all svg,
a.view-all img {
    float        : left;
    margin-top   : 10px;
    padding-right: 10px;
    width        : 34px;
    fill         : #00539F;
}

a.view-all:hover svg,
a.view-all:hover img {
    fill: #3375B2;
}

.multi-column {
    width        : 100%;
    overflow     : hidden;
    margin-bottom: 20px;
}

.multi-column .img {
    border-radius: 3px;
    width        : 100%;
    overflow     : hidden;
    margin-bottom: 10px;
}

.multi-column h3 {
    font-size    : 14px;
    color        : #00539F;
    font-weight  : bold;
    line-height  : 20px;
    margin-bottom: 5px;
    min-height   : 41px;
}

.multi-column span {
    font-size  : 14px;
    font-weight: 600;
    color      : #6d737e;
}

.multi-column p {
    margin-bottom: 10px;
    font-size    : 14px;
    line-height  : 21px;
    margin-top   : 10px;
    margin-bottom: 15px;
}

.multi-column .read-more {
    font-size  : 14px;
    font-weight: bold;
    color      : #00539F;
}

.blogs .img {
    margin-bottom: 0;
}

.blogs .blog-details {
    padding: 10px 15px;
}

.blogs .blog-details h3 {
    margin-top: 0;
}

.without-images {
    background-color: #f9f9f9;
    padding         : 15px;
    border-radius   : 3px;
    border          : 1px solid #efefef;
}

.questions-block {
    border               : 1px solid #efefef;
    background-color     : #f9f9f9;
    -webkit-border-radius: 3px;
    -moz-border-radius   : 3px;
    border-radius        : 3px;
}

.questions-block label {
    font-size     : 16px;
    margin        : 0;
    border-bottom : 1px solid #efefef;
    letter-spacing: 0;
    line-height   : 24px;
    color         : #00539F;
    padding       : 20px 16px;
    width         : 100%;
}

.questions-block label::last-child {
    border: none;
}

.table-responsive {
    overflow: hidden;
}

.dashboard-banner2 {
    border-radius: 3px;
    background   : linear-gradient(-149.37deg, #007abe 0%, #52AE32 100%);
    min-height   : 420px;
    padding      : 39px;
    overflow     : hidden;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#349154+0,197677+50,015b98+100 */
background: #349154; /* Old browsers */
background: -moz-linear-gradient(left,  #349154 0%, #197677 50%, #015b98 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #349154 0%,#197677 50%,#015b98 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #349154 0%,#197677 50%,#015b98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349154', endColorstr='#015b98',GradientType=1 ); /* IE6-9 */

}

.dashboard-banner2 .left-col {
    width        : 45%;
    float        : left;
    padding-right: 20px;
    color        : #fff;
    position     : relative;
    min-height   : 340px;
}

.dashboard-banner2 .right-col {
    width: 55%;
    float: right;
}

.dashboard-banner2 .right-col h3 {
    font-size  : 16px;
    margin     : 0 0 10px 0;
    font-weight: bold;
    line-height: 21px;
}

.dashboard-banner2 label {
    margin-bottom: 5px;
}

.dashboard-banner2 p {
    padding    : 0;
    font-size  : 16px;
    font-weight: bold;
    margin     : 0 0 16px;
    color      : #fff;
    line-height: 22px;
}

.dashboard-banner2 .dashboard-summary p i {
    position: absolute;
    left    : 0;
    top     : -2px;
}

.dashboard-banner2 .dashboard-summary .info {
    position: absolute;
    left    : 0;
    bottom  : 0px;
}

.dashboard-banner2 .info p {
    padding-left  : 30px;
    position      : relative;
    min-height    : initial;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
    font-weight   : normal;
}

.dashboard-banner2 .formation {
    border          : 1px solid #efefef;
    border-radius   : 3px;
    background-color: #f9f9f9;
    padding         : 18px 26px;
    margin-bottom   : 23px;
    min-height      : 166px;
}

.dashboard-banner2 .formation h3 {
    color: #00539F;
}

.dashboard-banner2 .formation p {
    color         : #393b3f;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
    font-weight   : normal;
    width         : 70%;
}

.dashboard-banner2 .aed {
    font-weight: normal;
    font-size  : 14px;
    line-height: 18px;
    color      : #6d737e;
}

.dashboard-banner2 .aed strong {
    padding-left: 5px;
    color       : #393b3f;
}

.dashboard-banner2 .block {
    padding      : 16px;
    background   : none;
    border       : 1px solid #ffffff;
    border-radius: 3px;
    margin       : 5px 0;
}

.dashboard-banner2 .block h3 {
    color: #fff;
}

.dashboard-banner2 .block p {
    font-weight: normal;
}

.dashboard-banner2 .block strong {
    color: #fff;
}

.dashboard-banner2 .block .aed {
    color: #fff;
}

.review-applicaton {
    min-height   : 300px;
    border-radius: 3px;
    background   : linear-gradient(149.37deg, #00539F 0%, #52AE32 100%);
    padding      : 30px 40px;
    color        : #fff;
    margin-bottom: 20px;
    background: #349154; /* Old browsers */
background: -moz-linear-gradient(left,  #349154 0%, #197677 50%, #015b98 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #349154 0%,#197677 50%,#015b98 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #349154 0%,#197677 50%,#015b98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349154', endColorstr='#015b98',GradientType=1 ); /* IE6-9 */
}

.divider {
    height          : 10px;
    margin          : 5px -40px;
    background-image: url("dashed-divider-1.svg");
    overflow        : hidden;
}

.process-bar {
    width     : 100%;
    margin-top: 20px;
    position  : relative;
    display   : inline-block;
}

.process-bar .document-process {
    width: 20%;
    float: left;
}

.process-bar .process-block {
    height       : 71.04px;
    width        : 71.04px;
    float        : left;
    margin-bottom: 10px;
}

.process-bar .process1 {
    width         : 54px;
    height        : 54px;
    text-align    : center;
    color         : #52AE32;
    font-size     : 15px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 54px;
    text-align    : center;
    position      : relative;
    z-index       : 100;
}

.process-bar .document-process .dashboard-progress-count {
    position: absolute;
    left    : -2px;
    top     : -6px;
    z-index : 0;
}

.process-bar .document-process span {
    width         : 100%;
    overflow      : hidden;
    font-size     : 14px;
    letter-spacing: 0;
    float         : left;
    line-height   : 21px;
}

.process-bar .document-process h3 {
    font-size  : 16px;
    width      : 100%;
    font-weight: bold;
    float      : left;
    line-height: 22px;
    margin     : 0;
}

.process-col {
    width: 20%;
    float: left;
}

.process-col h3 {
    font-size  : 16px;
    margin     : 0;
    line-height: 24px;
    font-weight: normal;
    position   : relative;
}

.process-col h3 strong {
    padding-left: 30px;
    padding-top : 2px;
    float       : left;
}

.process-col i {
    padding-right: 5px;
    float        : left;
}

.process-col h3 strong i {
    float       : right;
    color       : #52b9ec;
    padding-left: 10px;
}

.process-bar .btn {
    border          : 1px solid #efefef;
    border-radius   : 3px;
    background-color: #f9f9f9;
    line-height     : 55px;
    text-align      : center;
    color           : #00539F;
    font-size       : 14px;
    font-weight     : bold;
    padding         : 0;
    width           : 222px;
    position        : absolute;
    right           : 0px;
    bottom          : 0px;
    margin-bottom   : 0;
    text-transform  : uppercase;
}

.process-bar .btn:hover {
    color: #3375B2;
}

.process-bar .btn:focus {
    color: #00427F;
}

.header-with-action .btn-action .btn {
    text-transform: uppercase;
}

.normal-content {
    padding: 10px 30px 30px;
}

.normal-content p {
    margin-bottom: 15px;
}

.normal-content ol,
.normal-content ul {
    padding-left : 20px;
    margin-bottom: 0px;
}

.normal-content ol {
    margin-bottom: 20px;
}

.normal-content a {
    color: #00539F;
}

.normal-content strong {
    font-weight: bold;
}

.key-tracker {
    padding   : 0 15px 10px;
    width     : 100%;
    float     : left;
    margin-top: 20px;
}

.tracker-row {
    border-radius: 3px;
    background   : linear-gradient(-149.37deg, #007abe 0%, #52AE32 100%);
    width        : 100%;
    min-height   : 128px;
    float        : left;
    padding      : 25px 0 0 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#349154+0,197677+50,015b98+100 */
background: #349154; /* Old browsers */
background: -moz-linear-gradient(left,  #349154 0%, #197677 50%, #015b98 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #349154 0%,#197677 50%,#015b98 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #349154 0%,#197677 50%,#015b98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349154', endColorstr='#015b98',GradientType=1 ); /* IE6-9 */

}

.tracker {
    background-image   : url("dashed-divider-1.svg");
    width              : 100%;
    float              : left;
    background-repeat  : repeat-x;
    background-position: left 10px;
}

.key-block {
    width  : 14.28571%;
    padding: 0 0 20px 20px;
    float  : left;
    color  : #fff;
}

.key-block i img {
    float: left;
}

.key-block img,
.key-block i {
    color        : #fff;
    font-size    : 30px;
    margin-top   : 0px;
    margin-bottom: 3px;
    float        : left;
    padding-top  : 1px;
}

.key-block span {
    font-size  : 14px;
    line-height: 21px;
    width      : 100%;
    float      : left;
}

.key-block h3 {
    font-weight: bold;
    font-size  : 16px;
    line-height: 22px;
    margin     : 0;
    width      : 100%;
    float      : left;
}

.key-block.upcoming {
    opacity     : 0.7;
    width       : 20%;
    padding-left: 40px;
    min-height  : 110px;
}

.key-block.upcoming i {
    color: #28497e;
}

.key-block.in-process {
    background-color: #fff;
    color           : #393B3F;
    padding-bottom  : 10px;
    padding-top     : 30px;
    margin-top      : -49px;
    width           : 19%;
    border-top      : 1px solid #efefef;
    border-right    : 1px solid #efefef;
    border-left     : 1px solid #efefef;
    position        : relative;
    border-bottom   : 4px solid #FFF;
    min-height      : 169px;
}

.key-block.in-process::after {
    height: 140px;
    width : 9px;
    background: -moz-linear-gradient(top,
            rgba(0, 0, 0, 0.35) 0%,
            rgba(0, 0, 0, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top,
            rgba(0, 0, 0, 0.35) 0%,
            rgba(0, 0, 0, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.35) 0%,
            rgba(0, 0, 0, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter  : progid:DXImageTransform.Microsoft.gradient(startColorstr='#59000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
    content : "";
    position: absolute;
    right   : -9px;
    bottom  : 1px;
}

.key-block.in-process::before {
    width       : 0;
    height      : 0;
    border-style: solid;
    border-width: 23px 0 0 9px;
    border-color: transparent transparent transparent #6d737e;
    content     : "";
    position    : absolute;
    top         : 0;
    right       : -9px;
}

.submission {
    width   : 100%;
    float   : left;
    padding : 0 15px 20px;
    z-index : 100;
    position: relative;
}

.submission-row {
    border          : 1px solid #efefef;
    border-radius   : 3px;
    background-color: #ffffff;
    width           : 100%;
    float           : left;
    border-right    : 0;
}

.submission .submission-block {
    width       : 25%;
    float       : left;
    padding     : 22px 22px 22px 66px;
    position    : relative;
    border-right: 1px solid #efefef;
    min-height  : 125px;
}

.submission .submission-block i {
    position: absolute;
    left    : 32px;
    color   : #9599a8;
}

.submission .submission-block span i {
    position: relative;
    left    : 0;
    color   : #00539F;
}

.submission h3 {
    color         : #6d737e;
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 18px;
    margin        : 0;
    text-transform: uppercase;
}

.submission span {
    color         : #393b3f;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
    margin-bottom : 0;
    display       : block;
}

.submission a {
    color      : #00539F;
    line-height: 21px;
    clear      : both;
    display    : block;
    font-weight: bold;
}
.submission a:hover{
    color      : #3375B2;
}
.alert-dismissible .close .material-icons {
    top   : auto;
    right : auto;
    left  : auto;
    bottom: auto;
}

.alert-dismissible .close {
    top  : -3px;
    right: 20px;
}

.alert {
    float         : left;
    width         : 100%;
    padding-top   : 0;
    padding-bottom: 0;
}

.alert .alert-danger,
.alert-content {
    padding      : 15px 15px 15px 50px;
    position     : relative;
    border-radius: 3px;
    color        : #4C4E54;
}

.alert ul {
    padding-left : 20px;
    color        : #393b3f;
    line-height  : 26px;
    margin-bottom: 15px;
}

.alert a {
    color: #00539F;
}

.alert p {
    margin-bottom: 15px;
    line-height  : 21px;
}

.alert .material-icons {
    color     : #F18A5E;
    position  : absolute;
    left      : 15px;
    top       : 50%;
    margin-top: -12px;
}

.alert-success .material-icons {
    color: #76B729;
}

.alert-danger {
    border             : 1px solid #F18A5E;
    border-radius      : 3px;
    background-color   : #fef4f0;
    /* min-height      : 200px; */
}

.alert-info {
    background: linear-gradient(149.37deg, #007abe 0%, #52AE32 100%);
    color     : #ffffff;
}

.released-documents {
    width        : 100%;
    border       : 1px solid #efefef;
    border-radius: 3px;
    float        : left;
    margin-bottom: 40px;
}

.released-documents .heading {
    background-color: #fafafa;
    padding         : 17px 22px;
    float           : left;
    width           : 100%;
    position        : relative;
}

.released-documents .heading h3 {
    font-size     : 18px;
    color         : #4c4e54;
    font-size     : 18px;
    margin        : 0;
    width         : auto;
    float         : left;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 30px;
}

.released-documents .download-selected {
    float         : right;
    color         : #6d737e;
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 21px;
    cursor        : pointer;
    padding-top   : 5px;
}

.released-documents .download-selected i {
    float        : left;
    padding-right: 5px;
    color        : #00539F;
}

.released-documents .more-views {
    float      : right;
    height     : 64px;
    position   : absolute;
    right      : 0;
    top        : 0;
    width      : 50px;
    text-align : center;
    line-height: 64px;
    cursor     : pointer;
    border-left: 1px solid #efefef;
    color      : #00539F;
}

.documents-row {
    width   : 100%;
    float   : left;
    padding : 20px 22px;
    border  : 1px solid #efefef;
    position: relative;
}

.documents-row .document-title {
    padding: 3px 0 0 30px;
}

.documents-row:last-child {
    border-bottom: 0;
}

.documents-row label i {
    padding-left: 5px;
    color       : #9599a8;
}

.documents-row span {
    padding-left: 30px;
}

.documents-row .material_checkbox_group,
.documents-row .material_label_checkbox {
    margin: 0;
}

.documents-row p {
    margin        : 0;
    font-size     : 16px;
    letter-spacing: 0;
    line-height   : 24px;
    color         : #4c4e54;
}

.released-documents .arrow_down {
    position: absolute;
    right   : 15px;
    top     : 22px;
    color   : #00539F;
    cursor  : pointer;
}

.feed-activity {}

.pending-documents {
    margin-bottom: 0;
}

.feed-activity .table thead {
    border       : 1px solid #efefef;
    border-radius: 3px 3px 0 0;
}

.feed-activity .table td {
    border-left : 0;
    border-right: 0;
}

.file-modal .modal-dialog {
    max-width: 950px;
    width    : 100%;
}

.file-modal .modal-content {
    padding   : 0;
    text-align: left;
}

.file-modal .modal-body {
    text-align: left;
}

.file-modal .heading-divider h2 {
    line-height: 42px;
}

.file-modal .header-with-action {
    margin-top: 0;
}

.file-modal .header-with-action.type2 .heading-divider {
    padding-bottom: 20px;
    padding-left  : 0;
    padding-right : 0;
    margin-bottom : 10px;
}

.file-modal .tabs-container {
    padding-top  : 0;
    padding-left : 25px;
    padding-right: 25px;
}

.file-modal .tabs-container .tab button {
    padding: 10px 20px;
}

.file-modal .tabs-container .tabcontent {
    padding-left: 20px;
}

.file-modal .tabs-container h4 {
    font-weight  : bold;
    margin-bottom: 15px;
}

.file-modal .tabs-container ul.list {
    padding-left: 0;
    list-style  : none;
}

.file-modal .tabs-container ul.list li {
    width      : 100%;
    float      : left;
    line-height: 24px;
}

.file-modal .tabs-container ul.list li i {
    float        : left;
    padding-right: 5px;

}

.file-modal .btn {
    color       : #fff;
    font-size   : 16px;
    padding     : 15px;
    /* min-width: auto; */
    position    : relative;
}

.file-modal .modal-footer {
    border-top: 1px solid #cccccc;
    position  : relative;
}

.file-modal .modal-footer input[type="file"] {
    position: absolute;
    top     : 0;
    right   : 0;
    bottom  : 0;
    left    : 0;
    width   : 100%;
    padding : 0;
    margin  : 0;
    cursor  : pointer;
    filter  : alpha(opacity=0);
    opacity : 0;
}

.file-modal .breadcrumbDiv {
    padding-left : 25px;
    padding-right: 25px;
}

.file-modal ul.colm {
    padding   : 0;
    margin    : 0 -5px;
    list-style: none;
}

.file-modal ul.colm li {
    width     : 25%;
    float     : left;
    margin-top: 10px;
    padding   : 0 5px;
}

.file-modal ul.colm li a {
    border       : 1px solid #efefef;
    border-radius: 3px;
    padding      : 10px;
    float        : left;
    width        : 100%;
}

.file-modal ul.colm li .img {
    height    : 100px;
    text-align: center;
}

.file-modal ul.colm li img {
    padding-bottom: 10px;
    height        : 100%;
}

.file-modal ul.colm li p {
    line-height    : 18px;
    margin-bottom  : 0;
    text-decoration: none;
    white-space    : nowrap;
    overflow       : hidden;
    text-overflow  : ellipsis;
}

.file-modal ul.colm li.active a,
.file-modal ul.colm li:hover a {
    border            : 1px solid #ccc;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow   : 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    box-shadow        : 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

.file-modal .drop-here {
    background : #6d737e;
    padding    : 10px;
    text-align : center;
    margin     : 10px 0;
    float      : left;
    width      : 100%;
    min-height : 150px;
    line-height: 150px;
    color      : #fff;
    font-size  : 18px;
}

.file-modal .preview-images {
    /* border    : 1px solid #efefef; */
    padding   : 10px;
    float     : left;
    margin-top: 10px;
    text-align: center;
    width     : 100%;
}

.file-modal .preview-images .img {
    height: 100px;
    margin: 0 auto;
}

.file-modal .preview-images .img img {
    height: 100%;
}

.open-tasks-block {
    overflow: hidden;
    width   : 100%;
}

.tasks-row {
    border-bottom: 1px solid #EFEFEF;
    padding      : 15px;
    padding-left : 22px;
    padding-right: 22px;
    border-left  : 5px solid #FFF;
    float        : left;
    width        : 100%;
}

.tasks-row.active {
    border-left     : 5px solid #52AE32;
    background-color: #F9F9F9;
}

.tasks-row h4 {
    font-size  : 14px;
    line-height: 23px;
    margin     : 0;
    width      : 70%;
    float      : left;
    font-weight: bold;
}

.tasks-row h4 span {
    color         : #00539F;
    font-size     : 14px;
    width         : 100%;
    float         : left;
    letter-spacing: 0;
    line-height   : 23px;
}

.tasks-row .time-date {
    float         : right;
    width         : auto;
    color         : #6D737E;
    letter-spacing: 0;
    line-height   : 23px;
    text-align    : right;
}

.selectpicker .btn-default {
    background-color   : #F9F9F9;
    border-bottom      : 2px solid #9599A8;
    border-radius      : 0;
    padding-left       : 15px;
    /* min-width       : 350px; */
    margin-bottom      : 0;
    outline            : none !important;
}

.selectpicker .bootstrap-select:focus {
    outline: none !important;
}

.selectpicker .bootstrap-select.open .btn-default {
    background-color: #F9F9F9;
    border-bottom   : 2px solid #00539F;
}

.selectpicker .bootstrap-select.btn-group .btn .caret {
    border             : none;
    background-image   : url("search-icon.svg");
    width              : 24px;
    height             : 24px;
    background-position: center center;
    background-repeat  : no-repeat;
    margin-top         : -11px;
}

.selectpicker .bootstrap-select.btn-group .dropdown-menu {
    box-shadow: 0 10px 10px 0 rgba(57, 59, 63, 0.2);
    max-height: 300px !important;
    padding   : 0;
}

.selectpicker .bootstrap-select.btn-group .dropdown-menu li a {
    color         : #393B3F;
    font-size     : 16px;
    letter-spacing: 0;
    margin        : 0;
    line-height   : 43px;
    width         : 100%;
}

.selectpicker .bootstrap-select.btn-group .dropdown-menu li a:hover,
.selectpicker .bootstrap-select.btn-group .dropdown-menu li.active a:hover,
.selectpicker .bootstrap-select.btn-group .dropdown-menu li.active a {
    background-color: rgba(0, 0, 0, .05) !important;
    letter-spacing  : 0;
    line-height     : 43px;
    color           : #00539F;
}

.selectpicker .bootstrap-select.btn-group .dropdown-menu li.selected a {
    background-color: rgba(0, 0, 0, .05) !important;
    letter-spacing  : 0;
    line-height     : 43px;
    color           : #00539F;
}

.selectpicker .bootstrap-select .btn-default {
    font-size     : 16px;
    letter-spacing: 0;
    line-height   : 26px;
    color         : #393B3F;
    padding       : 14px 49px 13px 15px;
    font-weight   : 400;
}

.selectpicker .bs-searchbox input.form-control {
    border        : none;
    box-shadow    : none;
    font-size     : 16px;
    letter-spacing: 0;
    line-height   : 26px;
    background    : none;
    color         : #393B3F;
    padding       : 14px 49px 14px 17px;
    height        : 52px;
}

.selectpicker .bs-searchbox {
    padding         : 0;
    background-color: #F9F9F9;
    border-bottom   : 2px solid #00539F;
}

/* .selectpicker .dropdown-menu,
.element-column-rows .selectpicker .dropdown-menu {
    top: 0;
} */

.selectpicker .bootstrap-select .btn:focus {
    outline: none;
    outline: 0 auto -webkit-focus-ring-color !important;
}

.selectpicker .dropdown-menu>li>a {
    padding: 0 16px;
}

/* .selectpicker .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    min-width: 350px;
} */

.selectpicker .dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    color: #9599a8;
}

.selectpicker .dropdown-menu {
    padding-top: 5px;
}

.empty-block .empty-tasks h2 {
    font-size    : 32px;
    margin-bottom: 10px;
}

.empty-block .empty-tasks h4 {
    font-weight: normal;
}

.empty-block h3 {
    font-size     : 24px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 32px;
    margin-bottom : 40px;
}

.tabs-container.account-details {
    padding-top : 30px;
    padding-left: 24px;
}

.account-details .tab-content-container h3 {
    margin-left: 0;
}

.account-details.tabs-container .tabcontent {
    padding-left: 30px;
}

.account-details .reset-password {
    padding-top: 20px;
}

.account-details .reset-password a {
    color           : #6D737E;
    font-size       : 12px;
    letter-spacing  : 0;
    line-height     : 22px;
    text-decoration : none;
    background-color: transparent;
}

.account-details .reset-password a:hover {
    background-color: transparent;
}

.account-details .reset-password a:hover {
    color: #6D737E;
}

.account-details .reset-password a:hover i {
    color: #28497E;
}

.account-details .reset-password a i {
    color      : #00539F;
    float      : left;
    line-height: 18px;
    font-size  : 22px;
}

.manage-users .tab-container {
    padding: 0 !important;
}

.manage-users .btn-primary {
    margin-bottom: 0;
}

.manage-users .tab-container .material_tab_content {
    padding-top: 0;
}

.enter-promocode {
    /* max-width : 350px; */
    width     : 100%;
    overflow  : hidden;
    margin-top: 20px;
}

.enter-promocode .form-group {
    margin: 0;
}

.enter-promocode .material_input_block {
    float        : left;
    margin-bottom: 0;
}

.enter-promocode .material_input_block .form-control {
    padding     : 10px;
    font-size   : 18px;
    padding-left: 20px;
}

.enter-promocode h4 {
    font-weight: 600;
}

.enter-promocode .btn {
    width        : auto;
    float        : left;
    min-width    : auto;
    border-radius: 0;
    margin-bottom: 0;
    padding-left : 18px;
    padding-right: 18px;
}

.enter-promocode .btn i {
    color    : #fff;
    font-size: 18px;
}

body .business-activity {
    background-image   : url("marginalia-coming-soon-1.svg");
    background-position: 92% 80px;
}

body .business-categories {
    background-image   : url("marginalia-logged-out2.svg");
    background-position: 92% 80px;
}

body .media-activity {
    background-image   : url("media-activity-sub-categories.svg");
    background-position: 92% 80px;
}

body .services-consultancy {
    background-image   : url("marginalia-coming-soon.svg");
    background-position: right 80px;
}

.services-consultancy .checkbox-module .material_checkbox_group,
.media-activity .checkbox-module .material_checkbox_group {
    margin-bottom: 35px;
}

.services-consultancy .checkbox-module .material_checkbox_group span,
.business-categories .checkbox-module .material_checkbox_group span,
.media-activity .checkbox-module .material_checkbox_group span {
    display     : block;
    padding-left: 30px;
    clear       : both;
}

body .suggested-activities {
    background: none;
}

body .suggested-activities ul {
    padding-left : 20px;
    margin-bottom: 40px;
}

.suggested-activities .gear-link {
    width     : 100%;
    max-width : 254px;
    margin-top: 40px;
}

.suggested-activities .gear-link label {
    font-weight: normal;
    font-size  : 14px;
}

.suggested-activities #accordion-section {
    margin: 30px 0;
}

.suggested-activities #accordion-section .accordion-title {
    font-weight  : bold;
    font-size    : 16px;
    border       : none;
    border-bottom: solid 1px #EDEDED;
    padding-left : 0;
    color:#393B3F;
}
.suggested-activities #accordion-section .accordion-title:hover{
    color:#00539F;
}
.suggested-activities #accordion-section .accordion-title.active {
    background: none;
}

.suggested-activities .accordion-content {
    padding: 0;
    border : none;
}

.suggested-activities .accordion-content #accordion-section {
    padding   : 0;
    margin    : 0;
    border-top: none;
    border    : 1px solid #EFEFEF;
}

.suggested-activities .accordion-content #accordion-section .accordion-title {
    padding-left   : 20px;
    /*background   : #FAFAFA;*/
    background     : linear-gradient(0deg, #F7F7F7 0%, #F8F8F8 22.08%, #F8F8F8 70.77%, #FBFBFB 90.19%, #F0F0F0 100%);
    border-bottom  : none;
}

.element-row .addmore {
    position: absolute;
    right   : 50px;
    top     : 33px;
    z-index : 100;
    cursor  : pointer;
}

.suggested-activities .accordion-content #accordion-section .blank-data {
    padding-left : 20px;
    background   : #FFF;
    border-bottom: none;
    font-weight  : bold;
    font-size    : 16px;
    border       : none;
    position     : relative;
    float        : left;
    width        : 100%;
    padding      : 23px 45px 23px 20px;
    color        : #393b3f;
    text-align   : left;
}

.suggested-activities .accordion-title.active label {
    font-weight: normal;
}

.suggested-activities .accordion-content #accordion-section .accordion-title.blank-data {
    background: #fff;
}

.suggested-activities .accordion-content #accordion-section .accordion-title.active {
    border-bottom: none;
}

.accordionwp {
    width   : 100%;
    float   : left;
    position: relative;
}

.suggested-activities .tab-container {
    padding: 0 !important;
}

body .suggested-activities ul.material_tabs {
    margin-bottom: 0;
    padding-left : 0;
}

.suggested-activities .material_tab_content #accordion-section {
    margin-top: 0;
}

.suggested-activities .tab-container .material_tab_content {
    padding: 0;
}

.suggested-activities .accordion-content #accordion-section .accordionwp .accordion-title {
    padding-left: 55px;
    font-weight : 500;
}

.accordionwp .material_checkbox_group {
    position: absolute;
    left    : 20px;
    top     : 22px;
    z-index : 100;
}

.suggested-activities .accordion-title.blank-data i {
    display: none;
}

.suggested-activities .accordion-title .material-icons {
    position: absolute;
    right   : 15px;
    top     : 22px;
    color   : #00539F;
}

.accordionRow {
    background: linear-gradient(0deg, #F7F7F7 0%, #F8F8F8 22.08%, #F8F8F8 70.77%, #FBFBFB 90.19%, #F0F0F0 100%);
}

.suggested-activities .total-price {
    padding    : 20px;
    width      : 100%;
    background : #fff;
    float      : left;
    line-height: 21px;
}

.suggested-activities .price {
    float: left;
}

.suggested-activities .total {
    float      : right;
    font-weight: bold;
    line-height: 21px;
}

.review-activity.suggested-activities .total {
    font-size: 16px;
}

.review-activity.suggested-activities .price {
    font-size  : 16px;
    font-weight: 600;
}

.review-activity.suggested-activities .accordion-content #accordion-section .accordionwp .accordion-title {
    font-weight: normal;
}

.suggested-activities .accordion-title .remove {
    display: none;
}

.suggested-activities .accordion-title.active .remove {
    display: inline-block;
}

.suggested-activities .accordion-title.active .add {
    display: none;
}

.suggested-activities .accordion-content #accordion-section .accordion-content {
    padding-left  : 55px;
    padding-bottom: 20px;
    padding-right : 20px;
    padding-top   : 10px;
}

.suggested-activities .accordion-content ul {
    margin-bottom: 0;
    padding-left : 0;
    margin-top   : 20px;
}

.suggested-activities .accordion-content ul li {
    margin-bottom : 20px;
    color         : #6D737E;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
}

.suggested-activities h4 {
    color         : #6D737E;
    font-size     : 14px;
    margin-top    : 0;
    letter-spacing: 0;
    line-height   : 21px;
}

.suggested-activities .material_checkbox_group {
    margin: 0;
}

.suggested-activities .material_label_checkbox {
    margin      : 0;
    padding-left: 35px;
    font-weight : 700;
}

.suggestion-search {
    position    : relative;
    width       : 100%;
    /* max-width: 350px; */
    margin      : 0 0 10px;
}

.suggestion-search .material_input_block {
    border-radius: 0;
}

.suggestion-search .dropdown-menu {
    padding   : 5px 0;
    display   : inline;
    max-height: 300px;
    overflow  : auto;
    width     : 100%;
}

.suggestion-search .dropdown-menu li {
    margin     : 0;
    font-weight: bold;
    outline    : none;
}

.suggestion-search .dropdown-menu li a {
    margin     : 0;
    outline    : none;
    font-size  : 16px;
    font-weight: bold;
}

.page-not-found {
    padding: 100px 0 200px;
}

.page-not-found.empty-block .empty-tasks h2 {
    margin-bottom: 50px;
}

.page-not-full-screen {
    padding-left: 0;
}

.page-not-full-screen .db-left {
    width        : 100%;
    margin-bottom: 0;
    padding      : 0;
    position     : relative;
    text-align   : center;
}

.page-not-full-screen .db-left .logo img {
    max-width: 100px;
}

.page-not-full-screen .db-left .logo {
    margin       : 0 auto 10px;
    padding-right: 20px;
}

.documents .header-with-action {}

.documents .header-with-action .gear-link {
    float      : left;
    margin-left: 0;
    width      : 100%;
}

.documents .header-with-action .gear-link .search-input {
    width: 100%;
}

.documents .header-with-action .gear-link .search-input form {
    width       : 300px;
    float       : left;
    margin-right: 20px;
}

.documents .header-with-action .gear-link .btn-primary {
    text-align: left;
}

.documents .header-with-action .gear-link .btn-primary span.button-text span {
    float        : right;
    color        : #fff;
    background   : #fff;
    color        : #00539F;
    border-radius: 100px;
    width        : 20px;
    text-align   : center;
}

.documents .manage-user-section {
    padding-left : 20px;
    padding-right: 20px;
    margin-bottom: 0;
}

.documents .manage-user-section h3 {
    font-size: 16px;
}

.documents .manage-user-section .download-all {
    text-align    : center;
    position      : relative;
    text-transform: uppercase;
}

.documents .manage-user-section .download-all span {
    position: absolute;
    right   : 0;
    height  : 52px;
    width   : 40px;
    top     : 0;
}

.documents .manage-user-section .download-all span.button-text {
    position: relative;
    height  : auto;
    width   : auto;
}

.documents .manage-user-table table tr:nth-child(1n) {
    border: solid 1px #efefef;
}

.documents .manage-user-table table tr td:last-child {
    border: none;
}

.documents .manage-user-table table tr th,
.documents .manage-user-table table tr td {
    border-right: solid 1px #efefef;
    padding-left: 30px;
}

.documents .manage-user-table table th .material-icons {
    left: 10px;
}

.documents .manage-user-section .download-all span i {
    display    : block;
    line-height: 52px;
    text-align : center;
    border-left: 1px solid #fff;
}

.trade-license {
    width: 100%;
    float: left;
}

.trade-license .pdf-page {
    width     : 20%;
    float     : left;
    min-height: 1px;
    padding   : 20px;
}

.trade-license .pdf-page .page {
    width     : 100%;
    border    : 1px solid #00539F;
    background: #fff;
    min-height: 150px;
    max-width : 120px;
    float     : left;
}

.trade-license .pdf-page .number {
    width        : 100%;
    overflow     : hidden;
    font-size    : 14px;
    margin-bottom: 20px;
    float        : left;
}

.trade-license .license {
    float        : left;
    width        : 70%;
    /* background: #eaeaea; */
    max-height   : 440px;
    position     : relative;
    overflow-y   : auto;
}

.trade-license .license.pdf {
    height: 440px;
}

.trade-license .license ngx-extended-pdf-viewer {
    position: absolute;
    left    : 0;
    right   : 0;
    top     : 0;
    bottom  : 0;
}

.trade-license .download-block {
    float       : right;
    width       : 30%;
    padding-left: 20px;
}

.trade-license .form-group {
    float: left;
    width: 100%;
}

.trade-license .form-group textarea.form-control {
    height: 150px;
    resize: none;
}

.trade-license .form-group .textarea-block label {
    top      : 8px !important;
    left     : 15px !important;
    font-size: 12px;
    color    : #393b3f;
}

@media (max-width: 1110px) {
    .review-applicaton {
        padding   : 20px;
        overflow-x: hidden;
        background: #349154; /* Old browsers */
background: -moz-linear-gradient(top,  #349154 0%, #197677 50%, #015b98 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #349154 0%,#197677 50%,#015b98 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  #349154 0%,#197677 50%,#015b98 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#349154', endColorstr='#015b98',GradientType=1 ); /* IE6-9 */
    }
    .p1 .inner{
        border-color: #0c6888;
    }
    .review-applicaton .p1 .inner{
        border-color: #2f8c59;
    }
    .process-bar {}

    .process-bar .document-process {
        width: 30%;
    }

    .process-col {
        width        : 30%;
        margin-bottom: 20px;
    }

    .process-bar .btn {
        position: relative;
        right   : 0;
        float   : right;
    }

    .key-block.in-process::after {
        height: 145px;
    }
}

@media (max-width: 991px) {

    .account-activity,
    .open-tasks {
        width        : 100%;
        padding-right: 0;
    }

    .multi-column {
        margin-bottom: 20px;
    }

    .dashboard-banner2 {
        padding: 22px 22px 2px;
    }

    .dashboard-banner2 .left-col {
        width: 100%;
    }

    .dashboard-banner2 .dashboard-summary p {
        min-height: auto;
        width     : 100%;
    }

    .dashboard-banner2 .right-col {
        width: 100%;
    }

    .dashboard-banner2 .formation p {
        width: 100%;
    }

    .process-col {
        width: 50%;
    }

    .process-bar .document-process {
        min-height: 275px;
        width     : 50%;
    }

    .submission .submission-block {
        width        : 100%;
        border-bottom: 1px solid #ede7e7;
        min-height   : auto;
        padding-left : 55px;
    }

    .submission .submission-block i {
        left: 20px;
    }

    .key-block.upcoming {
        padding-left: 15px;
    }

    .key-block.in-process {
        padding-right: 15px;
    }

    .header-with-action .btn-action .btn {
        margin-right: 10px;
    }
}

@media (max-width: 767px) {
    .dashboard-logo {
        padding : 0 0 140px 0;
        width   : 100%;
        overflow: hidden;
        float   : left;
    }

    .dashboard-logo img {
        max-width: 200px;
    }

    .customer-summary {
        padding: 86px 22px 0;
    }

    .dashboard-summary {
        overflow: hidden;
        width   : 100%;
        float   : left;
    }

    .empty-tasks {
        padding-top: 35px;
    }

    .empty-tasks ul li,
    .text-center.pull-right {
        width: 100%;
    }

    .empty-tasks ul {
        margin-bottom: 14px;
    }

    .empty-tasks ul li {
        margin-bottom: 16px;
    }

    .empty-tasks p {
        margin-bottom: 20px;
    }

    .empty-tasks h4 {
        margin-bottom: 15px;
    }

    .table-responsive {
        border: none;
    }

    .table-responsive .col-xs-12 {
        width: 250px;
    }

    .table-responsive .row {
        width: 1000px;
    }

    .blogs .table-responsive .row,
    .events .table-responsive .row {
        width: 1250px;
    }

    .table-responsive {
        overflow-x: auto;
    }

    .heading-divider a.view-all {
        float: left;
    }

    .heading-divider {
        padding-bottom: 20px;
    }

    /* .blogs .heading-divider a.view-all,
    .events .heading-divider a.view-all {
        float: right;
    } */

    .dashboard-banner2 {
        background: linear-gradient(-300deg, #007abe 0%, #52AE32 100%);
    }

    .dashboard-banner2 .block {
        margin-bottom: 20px;
    }

    .dashboard-banner2 .dashboard-summary .info {
        margin-top: 30px;
        position  : relative;
        top       : 0;
        bottom    : 0;
    }

    .dashboard-banner2 .dashboard-summary .info p {
        margin-bottom: 0;
    }

    .dashboard-banner2 label {
        margin-bottom: 20px;
    }

    .dashboard-banner2 .formation {
        padding: 12px 20px;
    }

    .dashboard-banner2 .left-col {
        padding-right: 0;
        margin-bottom: 30px;
        min-height   : auto;
    }

    .dashboard-banner2 .right-col h3 {
        font-size  : 18px;
        line-height: 26px;
    }

    .dashboard-banner2 .aed,
    .dashboard-banner2 .formation p {
        color      : #393b3f;
        font-size  : 16px;
        line-height: 24px;
    }

    .process-col {
        width        : 100%;
        margin-bottom: 25px;
    }

    .process-bar .document-process {
        min-height   : auto;
        width        : 100%;
        margin-bottom: 15px;
    }

    .process-bar .document-process span,
    .process-bar .document-process h3 {
        float: none;
    }

    .process-bar .process1,
    .process-bar .process-block {
        float: right;
    }

    .process-bar .btn {
        width      : 100%;
        line-height: 53px;
    }

    .key-block.in-process,
    .key-block.upcoming,
    .key-block {
        width        : 100%;
        margin-bottom: 25px;
    }

    .key-block {
        padding: 0 0 0 20px;
    }

    .key-block.in-process {
        margin-top    : 0;
        padding-top   : 15px;
        width         : 102%;
        padding-bottom: 15px;
        border-right  : 4px solid #e30613;
        border-bottom : 1px solid #efefef;
        margin-left   : -7px;
        padding-right : 15px;
        padding-left  : 65px;
        position      : relative;
        min-height    : inherit;
        z-index       : 10;
    }

    .key-block i {
        position     : absolute;
        left         : 18px;
        top          : 50%;
        margin-top   : -20px;
        margin-bottom: 0;
        z-index      : 10;
    }

    .key-block.in-process i {
        position     : absolute;
        left         : 20px;
        top          : 50%;
        margin-top   : -20px;
        margin-bottom: 0;
    }

    .key-block.in-process i img {
        float: left;
    }

    .key-block.upcoming,
    .key-block {
        padding-left: 55px;
        position    : relative;
        min-height  : inherit;
        z-index     : 10;
    }

    .header-with-action .heading-divider {
        padding                         : 0 15px 15px;
        /* margin-left                  : -30px;
    margin-right                        : -30px; */
    }

    .header-with-action .btn-action .btn {
        margin-right: 0;
    }

    .back-link {
        display: none;
    }

    .header-with-action .title h1 {
        margin-top: 0;
    }

    .normal-content {
        padding: 0 15px 20px;
    }

    .submission .submission-block {
        width        : 100%;
        border-bottom: 1px solid #ede7e7;
        min-height   : auto;
        padding-left : 55px;
    }

    .submission .submission-block i {
        left: 20px;
    }

    /* .released-documents .download-selected {
        display: none;
    } */

    .documents-row {
        padding-right: 50px;
    }

    .documents-row .material_label_checkbox {
        height: auto;
    }

    .key-block.in-process::after {
        height                                            : 9px;
        width                                             : 100%;
        bottom                                            : -9px;
        left                                              : 6px;
        right                                             : inherit;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.44+0,0+100;Neutral+Density */
        background                                        : -moz-linear-gradient(left,
                rgba(0, 0, 0, 0.44) 0%,
                rgba(0, 0, 0, 0) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(left,
                rgba(0, 0, 0, 0.44) 0%,
                rgba(0, 0, 0, 0) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right,
                rgba(0, 0, 0, 0.44) 0%,
                rgba(0, 0, 0, 0) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70000000', endColorstr='#00000000', GradientType=1);
        /* IE6-9 */
    }

    .key-block.in-process::before {
        width       : 0;
        height      : 0;
        border-style: solid;
        border-width: 0 10px 10px 0;
        border-color: transparent #6d737e transparent transparent;
        top         : inherit;
        right       : inherit;
        bottom      : -10px;
        left        : -4px;
    }

    .tracker {
        background : none;
        padding-top: 20px;
        position   : relative;
    }

    .tracker-row {
        padding-top: 0;
    }

    .tracker:after {
        background-image   : url("dashed-divider-1.svg");
        width              : 9px;
        float              : left;
        background-repeat  : repeat-y;
        background-position: left 10px;
        position           : absolute;
        left               : 25px;
        top                : 0;
        z-index            : 0;
        content            : '';
        height             : 100%;

    }

    .key-block {
        margin-bottom: 30px;
    }

    .file-modal .modal-dialog {
        margin : 0;
        padding: 15px;
    }

    .file-modal .modal-footer {
        padding-top: 10px;
    }

    .file-modal .modal-footer,
    .file-modal .tabs-container {
        padding-left : 15px;
        padding-right: 15px;
    }

    .file-modal .header-with-action.type2 .heading-divider {
        padding-left : 15px;
        padding-right: 15px;
    }

    .file-modal .modal-header {
        margin-bottom: 10px;
        margin-bottom: 10px;
    }

    .file-modal .tab-content-container {
        padding-top: 0px;
    }

    /* .file-modal ul.colm li {
        width: 100%;
    } */

    .tasks-row h4 {
        width: 100%;
    }

    .tasks-row .time-date {
        width     : 100%;
        text-align: left;
    }

    .tasks-row .time-date br {
        display: none;
    }

    .account-details .tab-content-container h3 span {
        display: none;
    }

    .account-details .tab-content-container h3 {
        text-align: center;
        width     : 100%;
        float     : left;
    }

    .account-details .tab-content-container h3 .pull-right {
        float: none !important;
    }

    .account-details.tabs-container .tabcontent {
        margin-top: 10px;
    }

    .tabs-container.account-details {
        padding-top: 10px;
    }

    .account-details .tabs-mobile-dropdown {
        padding: 17px 17px 17px;
    }

    .account-details .tabs-mobile-dropdown .dropdown-toggle label {
        font-size: 18px;
    }

    .enter-promocode .material_input_block {
        width: 67%;
    }

    body .business-activity,
    body .business-categories,
    body .media-activity,
    body .services-consultancy {
        background: none;
    }

    .material_label_checkbox {
        height: auto;
    }

    .documents .header-with-action .gear-link .search-input form {
        max-width: 280px;
    }

    .documents .manage-user-section {
        padding-left : 0;
        padding-right: 0;
    }

    .documents .back-link {
        position: relative;
        top     : 0;
        opacity : 1;
        width   : 100%;
    }

    .trade-license .pdf-page {
        width  : 100%;
        padding: 0;
    }

    .trade-license .pdf-page .page {
        width: 50%;
    }

    .trade-license .license {
        width     : 100%;
        min-height: 250px;
    }

    .trade-license .download-block {
        width       : 100%;
        padding-left: 0;
        padding-top : 15px;
    }

    .documents .back-link .back-button>span {
        display: inline-block;
    }

    .element-row .addmore {
        right: 20px;
        top  : 50px;
    }

    .process-bar .document-process .dashboard-progress-count {
        left : inherit;
        right: 0;
    }

    .file-modal .btn {
        width: 170px;
    }

    .tabs-container.account-details {
        padding-left : 15px;
        padding-right: 15px;
    }
}

@media (max-width: 639px) {
    .file-modal .btn {
        margin: 5px 0 !important;
        width : 100%;
    }
}

body a:focus {
    outline: 0px auto -webkit-focus-ring-color;
}

body .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    margin-top: 10px;
}

.file-list-container li::before {
    content: unset;
}

.page-not-full-screen {
    padding-left: 20px;
}

.notification-wrapper,
.servicerequest-wrapper {
    float     : left;
    width     : 100%;
    padding   : 15px 22px;
    margin    : 15px 0;
    background: #fff;
}

.left-col {
    float: left;
    width: 85%;
}

.right-col {
    position: relative;
    float   : right;
    width   : 15%;
}

.notification-col {
    position      : relative;
    float         : left;
    width         : 100%;
    padding       : 21.5px 19.5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size     : 14px;
    font-weight   : 600;
    color         : #393b3f;
    letter-spacing: 0;
    border        : solid 1px #efefef;
    border-radius : 3px;
}

.notification-col:hover {
    background-color: #F9F9F9;
}

.notification-col .left-col {
    padding-left: 85px;
    position    : relative;
    width       : 100%;
}

.notification-col .left-col .notification-time {
    position: absolute;
    left    : 0;
    top     : 0;
}

.notification-col.active {
    font-weight: 700;
    background : #f9f9f9;
}

.notification-col.active:before {
    content   : "";
    position  : absolute;
    top       : 0;
    left      : -5px;
    width     : 5px;
    height    : 100%;
    background: #52AE32;
}

.notification-time {
    padding-right: 15px;
    margin-right : 10px;
    border-right : solid 1px #aaadb9;
}

.notification-time,
.notification-description {
    display       : inline-block;
    vertical-align: top;
    line-height   : 20px;
}

.notification-description a {
    color: #00539F;
}

.notification-description {
    margin-bottom: 0;
}

.snooze-icon {
    float          : right;
    width          : 24px;
    height         : 24px;
    background     : url("Icons-Snooze.png") no-repeat;
    background-size: contain;
}

.notification-col.active .snooze-icon {
    background     : url("Icons-Snooze-active.png") no-repeat;
    background-size: contain;
}

.snooze-text {
    position  : absolute;
    top       : 11px;
    right     : 20px;
    color     : #b6b9c6;
    text-align: right;
}

.snooze-text p {
    margin     : 0;
    color      : #b6b9c6;
    line-height: 18px;
}

.service-col {
    position      : relative;
    float         : left;
    width         : 100%;
    padding       : 21.5px 19.5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size     : 14px;
    font-weight   : 700;
    color         : #393b3f;
    letter-spacing: 0;
    border-bottom : solid 1px #efefef;
}

.service-col.active {
    background: #f9f9f9;
}

.service-col.active:before {
    content   : "";
    position  : absolute;
    top       : 0;
    left      : -5px;
    width     : 5px;
    height    : 100%;
    background: #52AE32;
}

.service-col .right-col {
    display   : none;
    text-align: right;
    color     : #6d737e;
}

.service-col.active .right-col {
    display: inline-block;
}

.service-col .left-col p {
    margin     : 0;
    line-height: 22px;
}

.request-link {
    color: #00539F;
}

.request-link .fa {
    vertical-align: -1px;
    margin        : 1px 4px 0;
    font-size     : 18px;
}

.service-col .right-col>div {
    display    : block;
    font-weight: 600;
}

/** Tab-section **/
.tab-container {
    float  : left;
    width  : 100%;
    padding: 40px 0 40px 21px;
}

.tab-container .nav-tabs {
    border-bottom: solid 2px #aaadb9;
}

.tab-container .nav-tabs>li {
    margin-right: 30px;
}

.tab-container .nav-tabs>li .material_tabs_item {
    padding    : 18px 0;
    font-size  : 16px;
    line-height: 24px;
    color      : #6d737e;
}

.tab-container .nav-tabs>li .material_tabs_item:hover {
    color: #28497E;
}

.tab-container .nav-tabs>li.active .material_tabs_item {
    font-weight: 700;
    color      : #00539F;
}

.tab-container .nav-tabs>li .material_tabs_item:before,
.tab-container .nav-tabs>li .material_tabs_item:after {
    display: none;
}

.tab-container .nav-tabs>li.active .material_tabs_item:before,
.tab-container .nav-tabs>li.active .material_tabs_item:after {
    content           : "";
    display           : block;
    background-color  : #00539F;
    width             : 100%;
    height            : 4px;
    position          : absolute;
    bottom            : 0;
    left              : 50%;
    -ms-transform     : translateZ(0px) translate(-50%, 0);
    -webkit-transform : translateZ(0px) translate(-50%, 0);
    transform         : translateZ(0px) translate(-50%, 0);
    -webkit-transition: width 0.5s ease-out 0.1s;
    transition        : width 0.5s ease-out 0.1s;
}

.tab-container .material_tab_content {
    padding   : 30px 0;
    box-shadow: none;
}

.enquiry-form {
    display       : inline-block;
    vertical-align: top;
    width         : 100%;
}

/* .enquiry-form .material_input_block .material_input {
    height   : 54px;
    padding  : 8px 15px;
    font-size: 16px;
    color    : #393b3f;
} */

.enquiry-form .material_input_block .material_input::-moz-placeholder {
    opacity: 1;
    color  : #393b3f;
}

.enquiry-form .material_input_block .material_input::-webkit-input-placeholder {
    opacity: 1;
    color  : #393b3f;
}

.enquiry-form .form-row {
    margin: 0 -7px;
}

.enquiry-form .col-4 {
    float  : left;
    width  : 33.33%;
    padding: 0 7px;
}

.enquiry-form .col-8 {
    float  : left;
    width  : 66.66%;
    padding: 0 7px;
}

.enquiry-form .col {
    float  : left;
    width  : 100%;
    padding: 0 7px;
}

.enquiry-form .material_input_block .select2-container {
    width: 100% !important;
}

.enquiry-form .material_input_block .select2-container .select2-selection--single {
    height       : 54px;
    background   : #f9f9f9;
    border       : 0;
    border-radius: 3px 3px 0 0;
}

.enquiry-form .material_input_block .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding    : 13px 15px;
    font-weight: 600;
    color      : #393b3f;
}

.enquiry-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: absolute;
    top     : 15px;
    right   : 15px;
    width   : 14px;
    height  : 14px;
}

.enquiry-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
    width     : 14px;
    height    : 14px;
    background: url("icon-caret.svg") no-repeat center center;
    border    : 0;
}

.enquiry-form .preferred-channel {
    float       : left;
    margin-top  : 13px;
    margin-right: 36px;
    font-weight : 700;
}

.enquiry-form .form-col {
    float     : left;
    margin-top: 16px;
}

.enquiry-form .form-col .material_radio_group {
    margin-right: 45px;
}

.enquiry-form .form-col .material_radio_group:last-child {
    margin-right: 0;
}

.enquiry-form input[type="button"] {
    float: right;
    width: auto;
}

.enquiry-form form .col {
    margin-top: 10px;
}

.contact-wrapper {
    float     : left;
    width     : 100%;
    margin-top: 80px;
}

.material_input_block::before,
.material_input_block::after {
    z-index: 1;
}

/* radio-button */

.contact-wrapper .row {
    margin: 0 -14px;
}

.contact-wrapper .col-4 {
    float  : left;
    width  : 33.33%;
    padding: 0 15px;
}

.contact-wrapper .contact-col {
    float        : left;
    width        : 100%;
    min-height   : 165px;
    padding      : 25px;
    background   : #f9f9f9;
    border       : solid 1px #efefef;
    border-radius: 3px;
}

.contact-wrapper .contact-col .contact-icon,
.contact-wrapper .contact-col .text-block {
    display       : table-cell;
    vertical-align: top;
}

.contact-wrapper .contact-col .text-block {
    font-size   : 16px;
    padding-left: 15px;
}

.contact-wrapper .contact-col .text-block .title {
    color      : #4c4e54;
    font-weight: 700;
}

.contact-wrapper .contact-col .text-block p {
    font-size  : 14px;
    font-weight: 600;
    line-height: 20px;
}

.contact-wrapper .contact-col .text-block p.contact a,
.contact-wrapper .contact-col .text-block p.phone a,
.contact-wrapper .contact-col .text-block p.city-name {
    display    : inline-block;
    margin     : 5px 0;
    font-size  : 16px;
    font-weight: 700;
    color      : #00539F;
}

.contact-wrapper .contact-col .text-block p.city-name {
    margin-bottom: 15px;
}

.enquiry-form .material_input_block .select2-container .select2-selection--single:focus {
    outline: none !important;
}

/*** Faq-page ***/
.tabs-container {
    float  : left;
    width  : 100%;
    padding: 30px 15px;
}

.tabs-container .tab {
    float           : left;
    width           : 20%;
    border-radius   : 3px;
    /* max-height   : 350px; */
    max-height      : 536px;
    overflow-y      : auto;
}

.tabs-container .tab.file {
    max-height: 350px;
}

.tab-content-container {
    float: left;
    width: 80%;
}

.accordion-section {
    float: left;
    width: 100%;
}

.accordion-title {
    position        : relative;
    float           : left;
    width           : 100%;
    padding         : 23px 45px 23px 20px;
    color           : #393b3f;
    text-align      : left;
    background-color: #fff;
    border          : solid 1px #efefef;
}

.accordion-title:hover {
    text-decoration: none;
}

.accordion-title:focus {
    outline        : 0;
    text-decoration: none;
}

.accordion-title.active {
    /* font-weight     : 700; */
    color           : #393b3f;
    background-color: #f9f9f9;
    border-radius   : 3px 3px 0 0;
}

.accordion-toggle {
    position  : absolute;
    top       : 50%;
    transform : translateY(-50%);
    right     : 20px;
    background: transparent;
    border    : 0;
    padding   : 0;
    width     : 16px;
}

.accordion-toggle.delete {
    width: 50px;
}

.accordion-toggle.delete .delete-icon {
    margin-left: 10px;
    font-size  : 20px;
}

.accordion-title.active .accordion-toggle {
    transform        : rotate(180deg) translateY(45%);
    -webkit-transform: rotate(180deg) translateY(45%);
    -ms-transform    : rotate(180deg) translateY(45%);
}

#accordion-section {
    float: left;
    width: 100%;
}

.tab-content-container h3 {
    margin     : 0 0 20px 20px;
    font-size  : 24px;
    font-weight: 700;
}

.accordion-content {
    display         : block;
    float           : left;
    width           : 100%;
    padding         : 30px 20px;
    background-color: #f9f9f9;
    border          : 1px solid #efefef;
    background      : linear-gradient(0deg,
            #f7f7f7 0%,
            #f8f8f8 11.55%,
            #fbfbfb 95.64%,
            #f0f0f0 100%);
}

.accordion-content ul {
    list-style: none;
    margin    : 0;
    padding   : 0;
}

.accordion-content ul li {
    position    : relative;
    padding-left: 13px;
}

/* .accordion-content ul li:before {
    content         : "";
    position        : absolute;
    top             : 8px;
    left            : 0;
    width           : 4px;
    height          : 4px;
    background-color: #393b3f;
} */

.back-button {
    float         : left;
    margin-left   : 18px;
    font-size     : 12px;
    color         : #393b3f;
    text-transform: uppercase;
}

.back-button:hover {
    color          : #00539F;
    text-decoration: none;
}

.back-button img {
    display          : inline-block !important;
    vertical-align   : 0px;
    margin-right     : 8px !important;
    transform        : rotate(90deg);
    -ms-transform    : rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.tabs-container .tab button {
    position        : relative;
    display         : block;
    background-color: inherit;
    color           : #00539F;
    padding         : 20px 30px;
    width           : 100%;
    border          : none;
    outline         : none;
    text-align      : left;
    background-color: #f9f9f9;
    border-bottom   : solid 1px #efefef;
    cursor          : pointer;
    transition      : 0.3s;
}

.tabs-container .tab button:hover {
    color      : #28497E;
    font-weight: 700;
}

.tabs-container .tab button.active {
    font-weight     : 700;
    background-color: #f9f9f9;
}

.tabs-container .tab button:before {
    content         : "";
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 5px;
    height          : 100%;
    background-color: transparent;
}

.tabs-container .tab button.active:before {
    background-color: #00539F;
}

.tabs-container .tab button:hover,
.tabs-container .tab button.active {
    background-color: #f9f9f9;
}

.tabs-container .tabcontent {
    display     : none;
    float       : left;
    border      : 0;
    width       : 100%;
    padding-left: 15px;
}

.tabs-container .tabcontent p a {
    color      : #00539F;
    font-weight: 700;
}

.faq-banner {
    display      : block;
    margin-left  : 15px;
    margin-right : 15px;
    border-radius: 3px;
    padding      : 60px;
    color        : #fff;
    text-align   : center;
    background   : url("help-support-bg.svg") no-repeat,
        linear-gradient(149.37deg, #007abe 0%, #52AE32 100%);
    background-size    : cover;
    background-position: center center;
}

.faq-banner h2 {
    font-size: 32px;
}

.faq-banner .btn-primary {
    display         : inline-block;
    padding         : 18px 15px;
    font-size       : 14px;
    margin-top      : 25px;
    width           : 160px;
    color           : #00539F;
    background-color: #fff;
}

/*** My-account page ***/
.managae-account-header,
.manageuser-table,
.activity-feed-module,
.manage-user-table,
.manage-user-section {
    float: left;
    width: 100%;
}

.managae-account-header {
    margin-bottom: 20px;
}

.managae-account-header h3,
.activity-feed-module h3,
.manage-user-section h3 {
    float      : left;
    margin-left: 0;
}

.managae-account-header .btn-primary {
    float        : right;
    width        : auto;
    font-size    : 14px;
    margin-bottom: 0;
}

.manageuser-table h4 {
    margin     : 0 0 15px;
    font-size  : 16px;
    font-weight: 700;
}

.manageuser-table table {
    width        : 100%;
    margin-bottom: 30px;
}

.td-title {
    display       : block;
    font-size     : 12px;
    color         : #6d737e;
    text-transform: uppercase;
}

.manageuser-table table tr td {
    padding-bottom: 30px;
}

.manageuser-table .activity-preference tr th,
.manageuser-table .activity-preference tr td {
    padding   : 15px 20px;
    text-align: center;
}

.manageuser-table .activity-preference tr th {
    padding       : 20px;
    font-size     : 12px;
    color         : #6d737e;
    font-weight   : normal;
    text-transform: uppercase;
}

.manageuser-table .activity-preference tr td {
    color      : #3c3e42;
    font-weight: 600;
}

.manageuser-table .activity-preference tr th.title,
.manageuser-table .activity-preference tr td.title {
    text-align: left;
}

.manageuser-table .activity-preference tr {
    border         : solid 1px #efefef;
    border-radius  : 3px;
    border-collapse: inherit;
}

/*.manageuser-table .activity-preference tr:nth-child(1n) {
    border: 0;
}*/

.manageuser-table .activity-preference tr:first-child {
    border: 0;
}

.manageuser-table .activity-preference tr:nth-child(2n) {
    border       : solid 1px #efefef;
    border-radius: 3px 3px 0 0;
}

.manageuser-table .activity-preference tr:nth-child(3n) {
    border       : solid 1px #efefef;
    border-radius: 0;
}

.manageuser-table .activity-preference tr:nth-child(4n) {
    border       : solid 1px #efefef;
    border-radius: 0 0 3px 3px;
}

.manageuser-table .activity-preference tr .material_label_checkbox {
    padding: 0;
    height : 25px;
}

.manageuser-table .activity-preference tr .material_label_checkbox::before {
    top   : 10px;
    left  : 0;
    right : 0;
    margin: 0 auto;
}

.manageuser-table .activity-preference tr .material_label_checkbox::after {
    top   : 19px;
    left  : -6px;
    right : 0;
    margin: 0 auto;
}

.activity-feed-module table {
    width          : 100%;
    border         : solid 1px #efefef;
    border-radius  : 3px;
    border-collapse: inherit;
}

.activity-feed-module table tr th {
    font-weight   : 700;
    text-transform: uppercase;
    border-bottom : solid 1px #efefef;
}

.activity-feed-module table tr td {
    font-weight  : 600;
    border-bottom: solid 1px #efefef;
}

.activity-feed-module table tr th,
.activity-feed-module table tr td {
    padding: 20px;
}

.activity-feed-module table tr td span {
    color: #00539F;
}

.manage-user-section {
    margin-bottom: 40px;
}

.manage-user-table {
    /* display: none; */
}

.manage-user-table table .manage-user-section .tab-pane,
.frequeny-module {
    float: left;
    width: 100%;
}

.manage-user-section .tab-pane.fade.active {
    float      : left;
    width      : 100%;
    padding-top: 0;
}

.manage-user-table,
.manage-user-accordion {
    display: block;
}

.manage-user-table table th {
    position   : relative;
    font-size  : 12px;
    font-weight: normal;
    color      : #6d737e;
    cursor     : pointer;
}

.manage-user-table table td {
    font-weight: 600;
}

.manage-user-table table tr {
    border       : solid 1px #efefef;
    border-radius: 3px;
}

.manage-user-table table tr:first-child {
    border: 0;
}

.manage-user-table table tr:nth-child(2n),
.manage-user-table table tr:nth-child(3n),
.manage-user-table table tr:nth-child(4n) {
    border: solid 1px #efefef;
}

.manage-user-table table tr:hover {
    background-color: #f9f9f9;
}

.manage-user-table table tr:hover:nth-child(1n) {
    background-color: transparent;
}

.manage-user-table table tr th {
    text-transform: uppercase;
}

.manage-user-table table tr th,
.manage-user-table table tr td {
    padding: 20px;
}

.manage-user-table table {
    width: 100%;
}

.manage-user-table table tr:hover td.cursor-pointer {
    color: #00539F;
}

.manage-user-table table th .material-icons {
    color    : #00539F;
    position : absolute;
    left     : -5px;
    bottom   : 19px;
    font-size: 18px;
    display  : none;
}

.manage-user-table table th:hover .material-icons {
    display: block;
}

.manage-user-table table tr td .toggle-btn {
    display         : inline-block;
    width           : 10px;
    text-align      : center;
    cursor          : pointer;
    background-color: transparent;
    border          : 0;
}

.manage-user-table table tr td .toggle-btn span {
    display         : block;
    width           : 4px;
    height          : 4px;
    margin-top      : 3px;
    background-color: #00539F;
    border-radius   : 50%;
}

.manage-user-table table tr td .arrow-dropdown .dropdown-menu {
    margin   : 15px 0 0;
    min-width: inherit;
    left     : -45px;
}

.manage-user-section .nav-tabs {
    float        : left;
    width        : 100%;
    border-bottom: solid 2px #aaadb9;
}

.manage-user-section .nav-tabs>li {
    margin-right: 30px;
}

.manage-user-section .nav-tabs>li .material_tabs_item {
    padding    : 18px 0;
    font-size  : 16px;
    line-height: 24px;
    color      : #6d737e;
}

.manage-user-section .nav-tabs>li .material_tabs_item:before,
.manage-user-section .nav-tabs>li .material_tabs_item:after {
    display: none;
}

.manage-user-section .nav-tabs>li.active .material_tabs_item:before,
.manage-user-section .nav-tabs>li.active .material_tabs_item:after {
    content           : "";
    display           : block;
    background-color  : #00539F;
    width             : 100%;
    height            : 4px;
    position          : absolute;
    bottom            : 0;
    left              : 50%;
    -ms-transform     : translateZ(0px) translate(-50%, 0);
    -webkit-transform : translateZ(0px) translate(-50%, 0);
    transform         : translateZ(0px) translate(-50%, 0);
    -webkit-transition: width 0.5s ease-out 0.1s;
    transition        : width 0.5s ease-out 0.1s;
}

.button-row .btn {
    margin-left: 15px;
}

.button-row .btn:first-child {
    margin-left: 0;
}

.reset-password {
    display       : inline-block;
    vertical-align: top;
    margin-top    : 20px;
    font-size     : 12px;
    color         : #393b3f;
    text-transform: uppercase;
}

.reset-password:hover {
    text-decoration: none;
}

.reset-password .material-icons {
    font-size   : 21px;
    margin-right: 5px;
    color       : #00539F;
}

.dropdown-row .dropdown-toggle,
.dropdown-select .dropdown-toggle {
    border          : 0;
    padding         : 0;
    background-color: rgba(0, 0, 0, 0);
    width           : 100%;
    text-align      : left;
}

.dropdown-row,
.button-row {
    position: relative;
    float   : left;
    width   : 100%;
}

.button-row {
    margin-top: 30px;
    position  : relative;
    z-index   : 0;
}

.dropdown-select {
    margin-bottom: 18px;
}

.dropdown-row .prefix,
.dropdown-select .prefix {
    position      : relative;
    padding       : 6px 15px 5px;
    display       : inline-block;
    margin-bottom : 0;
    vertical-align: top;
    width         : 100%;
}

.dropdown-row .prefix {
    width       : 260px;
    margin-right: 12px;
}

.dropdown-row .prefix:last-child {
    margin-right: 0;
}

.dropdown-row .open>.dropdown-menu {
    width    : auto;
    min-width: 100%;
}

.dropdown-row .dropdown-toggle,
.dropdown-select .dropdown-toggle {
    position: relative;
}

.dropdown-row .prefix span:first-child,
.dropdown-select .prefix span:first-child {
    width        : auto;
    font-size    : 12px;
    line-height  : 12px;
    margin-bottom: 4px;
}

.dropdown-row .dropdown-toggle span,
.dropdown-select .dropdown-toggle span {
    display    : block;
    font-size  : 12px;
    font-weight: 600;
}

.dropdown-row .dropdown-toggle label,
.dropdown-select .dropdown-toggle label {
    font-weight: normal;
    font-size  : 14px;
    line-height: 10px;
    margin     : 0;
}

.dropdown-row .dropdown-toggle span.fa.fa-close,
.dropdown-select .dropdown-toggle span.fa.fa-close {
    font-size          : 22px;
    -webkit-text-stroke: 1px #f9f9f9;
    font-weight        : normal !important;
    right              : 0;
}

.manage-user-section h3 {
    /* margin-top: 30px; */
    margin-bottom: 0;
}

.tab-pane {
    display: none;
}

.tab-pane.active,
.tab-pane.active.in {
    display: block !important;
}

.tab-panes-container {
    float: left;
    width: 100%;
    clear: both;
}

.activity-accordion .accordion-content,
.manage-user-accordion .accordion-content {
    padding: 0;
}

.activity-accordion .material_checkbox_group {
    margin       : 0;
    padding      : 20px;
    border-bottom: solid 1px #efefef;
}

.activity-accordion .accordion-content .material_label_checkbox {
    margin      : 0;
    padding-left: 0;
    font-size   : 14px;
    color       : #6d737e;
}

.activity-accordion .accordion-content .material_label_checkbox::before {
    left : auto;
    right: 0;
}

.activity-accordion .accordion-content .material_label_checkbox::after {
    left : auto;
    right: 9px;
}

.activity-accordion .accordion-title,
.manage-user-accordion .accordion-content .accordion-title {
    font-size       : 16px;
    background-color: #fff;
}

.activity-accordion {
    float: left;
    width: 100%;
}

.manage-user-accordion {
    display   : none;
    float     : left;
    width     : 100%;
    margin-top: 25px;
}

.manage-user-accordion .accordion-content .row {
    margin       : 0;
    padding      : 20px;
    border-bottom: solid 1px #efefef;
}

.manage-user-accordion .accordion-content .row p {
    margin        : 0;
    line-height   : normal;
    font-size     : 12px;
    font-weight   : 600;
    color         : #6d737e;
    text-transform: uppercase;
}

.manage-user-accordion .accordion-content .row p strong {
    line-height   : normal;
    font-size     : 16px;
    color         : #393b3f;
    font-weight   : 600;
    text-transform: none;
}

.manage-user-accordion .accordion-content .row .btn-primary {
    float           : left;
    width           : auto;
    min-width       : inherit;
    margin          : 0;
    padding         : 15px 20px;
    font-size       : 14px;
    color           : #00539F;
    background-color: #fff;
    border          : solid 1px #efefef;
}

.manage-user-accordion .accordion-content .row .btn-primary:nth-child(1n) {
    border-radius: 3px 0 0 3px;
}

.manage-user-accordion .accordion-content .row .btn-primary:nth-child(2n) {
    border-radius: 0;
}

.manage-user-accordion .accordion-content .row .btn-primary:nth-child(3n) {
    border-radius: 0 3px 3px 0;
}

.manage-user-accordion .accordion-content .row .btn-primary:hover,
.manage-user-accordion .accordion-content .row .btn-primary:focus {
    color           : #fff;
    background-color: #00539F;
    border-color    : #00539F;
    outline         : 0;
}

.manage-user-accordion .accordion-content .row .btn-primary+.btn-primary {
    margin-top: 0;
}

.manage-user-accordion .accordion-title {
    font-size       : 16px;
    background-color: #fff;
}

.accordion-toggle:hover,
.accordion-toggle:focus {
    border : 0;
    outline: 0;
}

/*** modal-style start ***/
.modal-content {
    display: inline-block;
    width  : 100%;
    padding: 40px;
}

.modal-icon {
    display      : inline-block;
    margin-bottom: 20px;
}

.modal-header h2.modal-title {
    font-size  : 32px;
    font-weight: 700;
}

.modal-header p {
    margin     : 10px 0 0;
    font-size  : 14px;
    font-weight: 600;
    line-height: 21px;
}

.modal-header,
.modal-body {
    display: inline-block;
    width  : 100%;
}

.modal-body {
    padding: 0;
}

.modal-body .button-row {
    margin: 10px 0;
}

.modal-body .button-row .btn-primary {
    display         : inline-block;
    float           : none;
    width           : auto;
    min-width       : 150px;
    margin-right    : 20px;
    font-size       : 14px;
    font-weight     : 700;
    color           : #00539F;
    background-color: #f9f9f9;
    border          : solid 1px #efefef;
}

.modal-body .button-row .btn-primary+.btn-primary {
    margin-top: 0;
}

.modal-body .button-row .btn-primary:hover,
.modal-body .button-row .btn-primary:focus {
    outline         : 0;
    color           : #fff;
    background-color: #00539F;
    border-color    : #00539F;
}

.close-modal {
    display       : inline-block;
    margin        : 15px 0 0;
    font-size     : 12px;
    color         : #6d737e;
    text-transform: uppercase;
}

.close-modal:hover {
    color          : #00539F;
    text-decoration: none;
}

.close-modal .fa {
    margin-right       : 5px;
    color              : #00539F;
    vertical-align     : -4px;
    font-size          : 24px;
    -webkit-text-stroke: 2px #fff;
}

.session-time {
    display    : inline-block;
    margin     : 0 0 10px;
    font-size  : 32px;
    color      : #009aa4;
    font-weight: 700;
}

.tourModal .modal-content,
.tourModal .modal-header {
    padding: 0;
}

.modal-bg,
.modal-bg img {
    float: left;
    width: 100%;
}

.modal-wrapper {
    display       : inline-block;
    vertical-align: top;
    width         : 100%;
    padding       : 40px;
}

.modal-wrapper .modal-body {
    margin-top: 20px;
}

/*** modal-style end ***/

/** faq-sidebar **/
.faq-overlay {
    position        : fixed;
    top             : 0;
    left            : 0;
    z-index         : 1000;
    width           : 100%;
    height          : 100%;
    background-color: #1a1a1a;
    opacity         : .8;
}

.faq-sidebar {
    position: fixed;
    top     : 0;
    right   : 0;
    z-index : 9999;
    width   : 1170px;
    height  : 100%;
}

.sidebar-container {
    position        : absolute;
    top             : 0;
    right           : 0;
    z-index         : 9999;
    width           : 1100px;
    height          : 100%;
    padding         : 32px;
    overflow-y      : auto;
    background-color: #ffffff;
}

.faq-sidebar .heading-divider {
    margin: 0 0 22px;
}

.faq-sidebar .accordion-title {
    font-weight  : 600;
    border       : 0;
    border-bottom: solid 1px #efefef;
}

.faq-sidebar .accordion-title.active {
    background-color: #ffffff;
    border-radius   : 0;
}

.accordion-content {
    background: #f9f9f9;
    border-top: 0;
}

.close-sidebar {
    position        : absolute;
    top             : 76px;
    left            : 0;
    width           : 70px;
    height          : 60px;
    text-align      : center;
    background-color: #B70D7F;
    border-radius   : 30px 0 0 30px;
}

.close-sidebar .fa {
    margin-top         : 15px;
    font-size          : 28px;
    color              : #fff;
    -webkit-text-stroke: 4px #B70D7F;
}

.modal-body h3 {
    font-size  : 24px;
    font-weight: 700;
}

.approvalModal .modal-body h3 {
    margin: 25px 0 35px;
}

.approvalModal .modal-body .button-row .btn-primary {
    margin-right: 3px;
}

.approvalModal .modal-body .button-row .btn-primary+.btn-primary {
    margin-left: 0;
}

.approvalModal .modal-body p.note {
    display: inline-block;
    width  : 100%;
    margin : 30px 0 0;
}

/* all Modals css starts here */
.genericModal .modal-content {
    padding   : 30px;
    text-align: left;
}

.genericModal .modal-wrapper,
.genericModal .modal-header {
    padding   : 0;
    text-align: left;
}

.genericModal .modal-header h2.modal-title {
    margin-bottom: 15px;
}

.modal-form,
.otp-module,
.upload-module,
.radiobox-module,
.checkbox-module,
.service-module,
.service-rating-module,
.process-table-module,
.toggle-module {
    float : left;
    width : 100%;
    margin: 20px 0;
}

.radiobox-module .title,
.checkbox-module .title,
.service-module .title,
.service-rating-module .title {
    margin-bottom: 15px;
    font-size    : 16px;
    font-weight  : 600;
    color        : #4c4e54;
    line-height  : 21px;
}

.otp-module .title,
.upload-module .title {
    margin-bottom: 15px;
    font-size    : 16px;
    font-weight  : 700;
    color        : #4c4e54;
}

.otp-module .row {
    margin: 0 -10px;
}

.otp-module .otp-box {
    float  : left;
    width  : 16.66%;
    padding: 0 10px;
}

.otp-module .otp-box .material_input_block .material_input {
    height     : 58px;
    padding    : 15px;
    font-size  : 24px;
    font-weight: 700;
    color      : #393b3f;
    text-align : center;
}

.otp-module .otp-box .material_input_block .material_input::-moz-placeholder {
    opacity    : 1;
    font-size  : 24px;
    font-weight: 700;
    color      : #393b3f;
    text-align : center;
}

.otp-module .otp-box .material_input_block .material_input::-webkit-input-placeholder {
    opacity    : 1;
    font-size  : 24px;
    font-weight: 700;
    color      : #393b3f;
    text-align : center;
}

.upload-wrapper {
    float              : left;
    width              : 300px;
    /* height          : 175px; */
    /* margin-bottom   : 20px; */
    padding            : 20px 40px;
    background-color   : #f9f9f9;
    border             : 1px solid #efefef;
    border-radius      : 3px;
    position           : relative;
}

.upload-wrapper .input-info {
    margin-top: -27px;
    top       : 50%;
}

.input-file-container {
    position  : relative;
    width     : 330px;
    margin    : 0 auto;
    text-align: center;
}

.js .input-file-trigger {
    display    : block;
    padding    : 0;
    background : transparent;
    color      : #00539F;
    font-size  : 16px;
    font-weight: 600;
    line-height: 24px;
    transition : all 0.4s;
    cursor     : pointer;
}

.js .input-file-trigger:hover {
    color: #00539F;
}

.js .input-file {
    position: absolute;
    top     : 0;
    left    : 0;
    right   : 0;
    margin  : 0 auto;
    width   : 225px;
    opacity : 0;
    padding : 0;
    cursor  : pointer;
}

.js .input-file:hover+.input-file-trigger,
.js .input-file:focus+.input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
    background: transparent;
    color     : #00539F;
}

.file-return {
    margin: 0;
}

.file-return:not(:empty) {
    margin: 1em 0;
}

.js .file-return {
    margin     : 0;
    font-size  : 12px;
    font-weight: 600;
    text-align : center;
}

.js .file-return:not(:empty):before {
    content    : "Selected file: ";
    font-style : normal;
    font-weight: normal;
}

.input-file-container .material-icons {
    display  : block;
    margin   : 0 auto;
    font-size: 35px;
}

.upload-module {
    float: left;
    width: 100%;
}

.upload-progress {
    float    : left;
    width    : 100%;
    clear    : both;
    margin   : 20px 0 0;
    max-width: 300px;
}

.upload-label {
    float           : left;
    width           : 100%;
    min-height      : 75px;
    margin-bottom   : 10px;
    padding         : 15px 25px;
    background-color: #f9f9f9;
    border          : 1px solid #efefef;
    border-radius   : 3px;
    position        : relative;
}

.upload-label .file-info {
    position    : relative;
    float       : left;
    padding-left: 32px;
    width       : 87%;
}

.upload-label .file-icon {
    position : absolute;
    top      : -4px;
    left     : 0;
    font-size: 24px;
}

.upload-label .file-name,
.upload-label .file-progress {
    float      : left;
    clear      : both;
    line-height: 20px;
}

.upload-label.completed .file-name {
    color: #00539F;
}

.upload-label .file-progress {
    font-size: 12px;
}

label:focus {
    outline: 0;
}

.file-action {
    float   : right;
    position: relative;
}

.file-action>a {
    display: none;
}

.file-action>a:hover {
    text-decoration: none;
}

.file-action>a.file-close {
    margin-top   : 10px;
    width        : 21px;
    height       : 21px;
    color        : #00539F;
    text-align   : center;
    border-radius: 100%;
}

.file-action>a.file-close .material-icons {
    color         : #00539F;
    font-size     : 20px;
    vertical-align: 1px;
}

.upload-label.in-progress .file-action>a.file-close,
.upload-label.error .file-action>a.file-retry,
.upload-label.completed .file-action>a.file-delete {
    display: inline-block;
}

.upload-label.error .file-action>a.file-retry {
    margin-top : 4px;
    color      : #00539F;
    font-size  : 16px;
    font-weight: 600;
}

.upload-label.error .file-action>a.file-retry .material-icons {
    color      : #6d737e;
    margin-left: 15px;
}

.radiobox-module .material_radio_group,
.checkbox-module .material_radio_group {
    float        : left;
    clear        : both;
    margin-bottom: 10px;
    font-weight  : 600;
}

.modal-wrapper .input_with_desc {
    float: left;
    width: 100%;
}

.modal-wrapper .input_with_desc li.active {
    padding-left: 16px;
}

.modal-wrapper .input_with_desc li:before {
    top: 7px;
}

.modal-wrapper .input_with_desc .material_input_block .material_input {
    padding: 15px;
}

.modal-wrapper .input_with_desc .material_input_block label {
    top: 9px;
}

.form-group input:focus+label,
.input-active input+label {
    top: 2px !important;
}

.service-module ul.rating-list,
.service-rating-module ul.rating-list {
    list-style: none;
    margin    : 0;
    padding   : 0;
}

.service-module ul.rating-list li {
    float       : left;
    margin-right: 35px;
}

.service-module ul.rating-list li:last-child {
    margin-right: 0;
}

.service-rating-module ul li {
    float    : left;
    width    : 10%;
    font-size: 12px;
    color    : #393b3f;
}

.service-rating-module ul li a {
    display         : inline-block;
    width           : 100%;
    padding         : 15px 0;
    margin-bottom   : 4px;
    font-size       : 18px;
    color           : #00539F;
    font-weight     : 700;
    text-align      : center;
    background-color: #ffffff;
    border          : 1px solid #efefef;
}

.service-module ul.rating-list li a.star-wrapper {
    display: block;
    width  : 45px;
}

.service-rating-module ul li a:hover {
    color           : #00539F;
    text-decoration : none;
    background-color: #F9F9F9;
    border-color    : #EFEFEF;
}

.service-rating-module ul li a.active {
    background-color: #F9F9F9;
    color           : #00539F;
    text-decoration : none;
}

.service-rating-module ul li a:focus {
    background-color: #F9F9F9;
    color           : #fff;
    text-decoration : none;
}

.genericModal .button-row .row {
    margin: 0 -12px;
}

.genericModal .button-row .btn-primary,
.genericModal .button-row .btn-secondary {
    width         : 100%;
    margin        : 0;
    font-size     : 14px;
    text-transform: uppercase;
    font-weight   : 700;
    
}
.genericModal .button-row .btn-secondary{
    background-color: #F9F9F9;
    border:1px solid #EFEFEF;
    color:#00539F;
}
.genericModal .button-row .btn-secondary:focus{
    color:#00427F;
}
.genericModal .button-row .btn-secondary:hover{
    color:#3375B2;
}
.genericModal .button-row .btn-primary:focus {
    background-color: #3375B2;
}

.genericModal .button-row .btn-primary:hover {
    background-color: #00427F;
    color           : #FFFFFF;
}

.genericModal .button-row .btn-block {
    float  : left;
    width  : 50%;
    padding: 0 10px;
}

.genericModal .button-row .btn-block+.btn-block {
    margin-top: 0;
}

.process-table-module h3 {
    font-size  : 24px;
    font-weight: 700;
}

.process-table-module .table-container {
    float     : left;
    width     : 100%;
    overflow-x: auto;
}

.process-table-module .table-container table {
    width: 1000px;
}

.process-table-module .table-container table th {
    font-size     : 12px;
    color         : #6d737e;
    font-weight   : normal;
    text-transform: uppercase;
}

.process-table-module .table-container table tr td,
.process-table-module .table-container table tr th {
    padding: 20px;
}

.process-table-module .table-container table tr td {
    border: solid 1px #efefef;
}

.process-table-module .table-container table tr td p {
    margin     : 0;
    font-size  : 14px;
    color      : #393b3f;
    line-height: 20px;
}

.process-table-module .table-container table tr td:first-child {
    vertical-align: top;
    font-size     : 12px;
    color         : #6d737e;
    text-transform: uppercase;
    border        : 0;
}

.process-table-module .accordion-content {
    padding: 0;
}

.process-table-module .row {
    margin       : 0;
    padding      : 20px 15px;
    border-bottom: solid 1px #efefef;
}

.process-table-module .row h4 {
    margin        : 0;
    font-size     : 13px;
    color         : #6d737e;
    font-weight   : 600;
    text-transform: uppercase;
}

.process-table-module .row p {
    margin     : 0;
    font-size  : 16px;
    font-weight: 600;
}

.process-table-module .accordion-title.active {
    background-color: transparent;
}

.slider-toggle.round {
    border-radius: 34px;
}

.slider-toggle.round:before {
    border-radius: 50%;
}

.switch {
    position   : relative;
    float      : left;
    clear      : both;
    width      : 40px;
    height     : 24px;
    margin     : 4px 10px 0 0;
    font-size  : 16px;
    color      : #393b3f;
    font-weight: normal;
}

.switch input {
    opacity: 0;
    width  : 0;
    height : 0;
}

.slider-toggle {
    position          : absolute;
    cursor            : pointer;
    top               : 0;
    left              : 0;
    right             : 0;
    bottom            : 0;
    background-color  : #ccc;
    -webkit-transition: 0.4s;
    transition        : 0.4s;
}

.slider-toggle:before {
    position          : absolute;
    content           : "";
    height            : 18px;
    width             : 18px;
    left              : 4px;
    bottom            : 3px;
    background-color  : white;
    -webkit-transition: 0.4s;
    transition        : 0.4s;
}

input:checked+.slider-toggle {
    background-color: #00539F;
}

input:focus+.slider-toggle {
    box-shadow: 0 0 1px #00539F;
}

input:checked+.slider-toggle:before {
    -webkit-transform: translateX(14px);
    -ms-transform    : translateX(14px);
    transform        : translateX(14px);
}

.toggle-module .btn-wrap {
    margin-bottom: 30px;
    font-size    : 16px;
    font-weight  : 600;
    line-height  : 30px;
}

.range-slider {
    float  : left;
    width  : 100%;
    padding: 0;
    margin : 30px 0 0;
}

.slider-orange>.bar>span {
    transition: 0.3s;
    background: #f8f6f6 !important;
}

.slider-orange>.bar-btn {
    background: #f8f6f6 !important;
    border    : 1px solid #ededed !important;
    transition: 0.3s;
}

.slider-orange:hover>input+.slider-container>.bar-btn {
    color     : #00539F;
    background: #f8f6f6 !important;
    border    : 1px solid #ededed !important;
}

.slider {
    display           : inline-block;
    width             : 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
    position          : relative;
}

.slider>input {
    opacity           : 0;
    width             : 100%;
    height            : 40px;
    position          : relative;
    z-index           : 5;
    -webkit-appearance: none;
}

.slider>input::-webkit-slider-thumb {
    -webkit-appearance   : none;
    z-index              : 100;
    position             : relative;
    width                : 50px;
    height               : 30px;
    -webkit-border-radius: 10px;
}

.slider>span.slider-container {
    width             : 100%;
    min-height        : 40px;
    display           : inline-block;
    position          : absolute;
    top               : 0;
    left              : 0;
    right             : 46px;
    z-index           : 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing   : border-box;
    box-sizing        : border-box;
}

.slider>span.slider-container>span.bar {
    border               : solid 1px#ededed;
    background-color     : #b6b9c6;
    display              : inline-block;
    position             : absolute;
    z-index              : 1;
    left                 : 0;
    right                : 0;
    height               : 11px;
    overflow             : hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius   : 10px;
    border-radius        : 10px;
    top                  : 50%;
    transform            : translateY(-50%);
}

.slider>span.slider-container>span.bar>span {
    background: #00965b;
    display   : inline-block;
    float     : left;
    height    : 11px;
    width     : 0%;
}

.slider>span.slider-container>span.bar-btn {
    display              : inline-block;
    position             : absolute;
    min-width            : 35px;
    max-width            : 100px;
    height               : 30px;
    font-weight          : bold;
    text-align           : center;
    background           : #00965b;
    left                 : 0;
    top                  : -15px;
    border-radius        : 3px;
    border               : 1px solid #dadada;
    z-index              : 5;
    color                : #fff;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -khtml-user-select   : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none;
    transform            : translateY(-50%);
}

.slider>span.slider-container>span.bar-btn:after {
    content           : "";
    position          : absolute;
    top               : 40px;
    left              : 0;
    right             : 0;
    margin            : 0 auto;
    width             : 20px;
    height            : 20px;
    background-color  : #fff;
    border-radius     : 100%;
    box-shadow        : 0 0 10px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    -moz-box-shadow   : 0 0 10px rgba(0, 0, 0, 0.6);
    -ms-box-shadow    : 0 0 10px rgba(0, 0, 0, 0.6);
}

.slider>span.slider-container>span.bar-btn>span {
    position : relative;
    position : absolute;
    left     : 50%;
    top      : 50%;
    transform: translate(-50%, -50%);
    color    : #00539F;
}

.slider-gradient .slider>span.slider-container>span.bar {
    background: transparent;
    height    : 15px;
    top       : 53%;
}

.slider-gradient .slider-orange>.bar>span {
    background-color: #9599A8 !important;
}

.edit-field {
    margin-top    : 12px;
    font-size     : 12px;
    color         : #6d737e;
    text-transform: uppercase;
}

.edit-field .material-icons {
    margin-right: 10px;
    color       : #00539F;
}

.edit-field:hover,
.edit-field:focus {
    color          : #00539F;
    text-decoration: none;
}

.business-activities .formation-table {
    width    : 100%;
    max-width: 100%;
}

.business-activities .formation-table td {
    width      : 50%;
    padding    : 5px;
    color      : #393b3f;
    font-weight: 600;
    float      : left;
}

.business-activities .formation-table td .title {
    font-size     : 12px;
    color         : #6d737e;
    text-transform: uppercase;
}

.review-application .accordion-content {
    padding: 0;
}

.business-activities.review-application .recorded-media .checked {
    font-weight: 700;
}

.business-activities.review-application .total .total-price {
    font-size  : 16px;
    color      : #4c4e54;
    font-weight: 600;
}

.business-activities.review-application .total .priceAed {
    font-size  : 16px;
    font-weight: 700;
}

.review-application .material_label_checkbox {
    font-size: 14px;
}

.review-application .material_checkbox_group {
    margin-bottom: 5px;
}

.business-activities .number,
.formation-package .number {
    font-weight: 600;
}

.review-application .distribution {
    width: 100%;
}

.review-application .distribution tr {
    border       : solid 1px #efefef;
    border-radius: 3px;
}

.review-application .distribution tr:first-child {
    border: none;
}

.review-application .distribution tr th,
.review-application .distribution tr td {
    padding: 20px;
}

.review-application .distribution tr.total {
    background-color: #f9f9f9;
}

.review-application .distribution tr th {
    font-size     : 12px;
    color         : #6D737E;
    font-weight   : 600;
    text-transform: uppercase;
}

.review-application .distribution tr td {
    font-size  : 14px;
    font-weight: 600;
}

.review-application .distribution tr td strong {
    font-weight: 700;
}

.shareholder .upload-module {
    max-width: 330px;
    clear    : both;
}
.upload-module .label{
    font-weight: normal;
}

.business-activities .shareholder .upload-label.completed .file-name {
    font-weight: normal;
    color      : #393b3f;
}

.shareholder p {
    font-weight: 600;
}

/* .shareholder .upload-progress {
    margin: 0;
} */

.shareholder form.passport-info {
    float    : left;
    clear    : both;
    width    : 100%;
    max-width: 325px;
}

.accordion-content .dropdown-menu>li {
    padding-left: 0;
}

.accordion-content .dropdown-menu>li:before {
    display: none;
}

.accordion-content .dropdown-menu {
    padding: 15px 0;
}

.resident-info {
    margin: 20px 0;
}

.resident-info .material_radio_group {
    width       : auto;
    margin-right: 30px;
}

.shareholder-details .passport-info .form-group {
    margin-bottom: 18px;
}

.company-formation .alert-danger p {
    font-weight: 600;
}

.visa-requirements .service-rating-module {
    margin: 70px 0 110px;
}

.visa-requirements .business-activities .number {
    top: 90px;
}

.visa-requirements .business-activities {
    padding-top: 85px;
}

img:focus {
    border : 0;
    outline: 0;
}

.visa-requirements.share-quantity {
    background-image: url("office-requirement-graphics.svg");
}

.translation-method.office-facility .shareholder-row {
    width: 50%;
}

.translation-method.office-facility {
    background-image: url("office-facility-graphics.svg");
}

.office-facility .form-group input:focus+label,
.input-active input+label {
    top      : 8px !important;
    left     : 15px !important;
    font-size: 12px;
    color    : #393b3f;
}

.office-facility .form-group input:focus+label {
    color: #00539F;
}

.card-module .row {
    margin: 0 -7px;
}

.card-detail {
    position        : relative;
    float           : left;
    width           : 100%;
    padding         : 35px 25px 25px;
    text-align      : center;
    background-color: #f9f9f9;
}

.business-activities .card-module .material_radio_group {
    border-radius: 3px;
}

.business-activities .card-module .checkbox-module p,
.business-activities .card-module .material_radio_group p {
    margin      : 0 0 10px;
    padding-left: 0;
    color       : #4C4E54;
    font-weight : 600;
}

.business-activities .card-module .material_radio_group p.price strong {
    font-size  : 16px;
    color      : #4C4E54;
    font-weight: 700;
}

.card-detail h4 {
    margin     : 0 0 17px;
    font-size  : 16px;
    font-weight: 700;
}

.card-module .col-md-4 {
    padding: 0 7px;
}

.card-module .material_check_radio {
    position: absolute;
    top     : 9px;
    left    : 0;
    right   : 0;
    z-index : 99;
    margin  : 0 auto !important;
}

.card-img {
    position: relative;
    float   : left;
    width   : 100%;
}

.card-img .cardimg {
    height  : 150px;
    width   : 100%;
    overflow: hidden;
}

.card-img img {
    width     : 100%;
    object-fit: cover;
    height    : 100%;
}

.radio-bg {
    position        : absolute;
    bottom          : -18px;
    left            : 0;
    right           : 0;
    margin          : 0 auto;
    width           : 36px;
    height          : 36px;
    background-color: #f9f9f9;
    border-radius   : 100%;
}

.card-img img {
    border-radius: 3px 3px 0 0;
}

.card-detail {
    border-radius: 0 0 3px 3px;
}

.formation-package.payment {
    background-image   : url("marginalia-coming-soon-1.svg");
    background-position: right 60px top 150px;
}

.formation-package.no-bg {
    background: transparent;
}

.formation-package.payment table {
    margin-top: 40px;
    width     : 320px;
}

.formation-package.payment table tr.border {
    border-top: solid 1px #efefef;
}

.formation-package.payment table tr.line-height {
    line-height: 40px;
}

.formation-package.payment table tr td {
    padding    : 5px;
    font-weight: 600;
}

.formation-package.payment table tr td .title {
    font-size     : 12px;
    color         : #6D737E;
    text-transform: uppercase;
}

.formation-package.payment table tr td .title span {
    width         : 19px;
    height        : 19px;
    border        : solid 2px #6D737E;
    border-radius : 50%;
    text-align    : center;
    font-size     : 13px;
    display       : inline-block;
    text-transform: none;
    line-height   : 15px;
    vertical-align: middle;
    margin        : -3px 0 0 10px;
}

.share-quantity.managers {
    background-image   : url("office-facility-graphics.svg");
    background-position: right 80px;
    background-repeat  : no-repeat;
}

.shareholder-details .shareholder-row.three-col {
    width: 100%;
}

.shareholder-details .shareholder-row.three-col .shareholder-block {
    width     : 33.33%;
    min-height: 175px;
}

.shareholders.no-bg {
    background: transparent;
}

.company-formation .alert-danger span.blue {
    color: #00539F;
}

.mt-0 {
    margin-top: 0;
}

.dropdown-select .dropdown-toggle span {
    font-size: 18px;
}



@media screen and (max-width: 1199px) {
    .sidebar-container {
        width: 850px;
    }

    .notification-col,
    .snooze-text {
        font-size: 13px;
    }

    .snooze-text p {
        line-height: 16px;
    }

    .enquiry-form .preferred-channel,
    .enquiry-form .form-col,
    .enquiry-form input[type="button"] {
        float: left;
        clear: both;
    }

    .enquiry-form input[type="button"] {
        margin-top: 20px;
    }

    .material_input_block label {
        font-size: 13px;
        top      : 11px;
        left     : 6px;
    }

    .tabs-container .tab {
        width: 25%;
    }

    .tab-content-container {
        width: 75%;
    }

    .manage-user-table {
        overflow-x: auto;
    }

    .manage-user-table table {
        width     : 100%;
        overflow-x: hidden;
    }

    .faq-sidebar {
        width: 920px;
    }
}

@media screen and (max-width: 991px) {
    .snooze-text {
        position  : relative;
        top       : 0;
        right     : 0;
        color     : #b6b9c6;
        text-align: left;
        float     : left;
        width     : 100%;
        margin-top: 10px;
    }

    .snooze-text p br {
        display: none;
    }

    .notification-time {
        float: left;
        width: 22%;
    }

    .notification-description {
        float: left;
        width: 74%;
    }

    .enquiry-form .col-4 {
        width: 100%;
    }

    .material_input_block label {
        font-size: 16px;
        top      : 16px;
        left     : 15px;
    }

    .tabs-container {
        padding: 40px 20px;
    }

    .enquiry-form {
        padding-right: 0;
    }

    .enquiry-form .col-8 {
        width: 100%;
    }

    .enquiry-form .form-col .material_radio_group {
        float : left;
        margin: 0 0 20px;
        clear : both;
    }

    .contact-wrapper .col-4 {
        width: 100%;
    }

    .contact-wrapper .contact-col {
        margin-bottom: 12px;
    }

    .contact-wrapper {
        padding-right: 0;
        margin-top   : 30px;
    }

    .tabs-container .tab,
    .tab-content-container {
        width: 100%;
    }

    .tab-content-container {
        padding-top: 20px;
    }

    .tab-content-container h3 {
        margin-left: 0;
    }

    .dropdown-row .prefix {
        width        : 100%;
        margin-right : 0;
        margin-bottom: 15px;
    }

    .sidebar-container {
        position: relative;
        top     : 0;
        width   : 100%;
        padding : 15px;
    }

    .faq-sidebar .heading-divider {
        width     : 100%;
        margin-top: 30px;
    }

    .heading-divider h2 {
        word-break: inherit;

    }

    .faq-sidebar .view-all {
        width: 100%;
    }

    .faq-sidebar .contact-wrapper.contact-info-default .view-all {
        display: none;
    }

    .close-sidebar {
        position: relative;
        top     : 0;
        right   : -15px;
        left    : auto;
        float   : right;
        z-index : 99999;
    }

    .faq-sidebar {
        width: 95%;
    }

    .business-activities .formation-table {
        width: 100%;
    }

    .table-wrapper {
        float     : left;
        width     : 100%;
        overflow-x: auto;
    }

    .review-application .table-wrapper table {
        width: 800px;
    }

    .table-wrapper .formation-table {
        width: 400px;
    }

    .visa-requirements .service-rating-module {
        margin: 70px 0;
    }

    .translation-method.office-facility .shareholder-row {
        width: 100%;
    }

    .formation-package.payment,
    .company-type.payment {
        background: transparent;
    }
}

@media screen and (max-width: 767px) {
    .db-wrapper {
        padding-left: 0;
    }

    .db-left {
        position: relative;
    }

    .db-right {
        padding-right: 0;
    }

    .notification-col {
        padding  : 20px 16px 20px 25px;
        font-size: 16px;
    }

    .left-col {
        width: 86%;
    }

    .notification-description,
    .notification-time {
        width: 100%;
    }

    .notification-col .left-col {
        margin-top: -5px;
        padding   : 0;
    }

    .notification-time {
        padding : 0 0 20px;
        border  : 0;
        position: relative !important;
    }

    .notification-col.active .notification-time {
        font-weight: 600;
    }

    .notification-time,
    .notification-description {
        line-height: 26px;
    }

    .service-col {
        font-size: 16px;
    }

    .service-col .left-col,
    .service-col .right-col {
        width: 100%;
    }

    .service-col.active .right-col {
        margin-top: 3px;
        text-align: left;
    }

    .service-col .right-col>div {
        display       : inline-block;
        vertical-align: top;
    }

    .service-col .left-col p {
        line-height: 24px;
    }

    .snooze-text {
        font-size: 14px;
    }

    .tabs-container .nav-tabs>li {
        margin-right: 15px;
    }

    .faq-banner {
        padding: 40px 30px;
    }

    .faq-banner h2 {
        font-size  : 26px;
        line-height: 30px;
    }

    .tabs-container .tab button {
        padding  : 20px;
        font-size: 16px;
    }

    .faq-banner .btn-primary {
        width: 150px;
    }

    .tab-content-container h3 {
        font-size  : 19px;
        line-height: 22px;
    }

    .tabs-container .tabcontent {
        padding-left: 0;
        margin-top  : 20px;
    }

    .accordion-title {
        font-size: 16px;
        padding  : 18px 45px 18px 20px;
    }

    .tab-content-container .activity-feed-module h3 {
        margin-bottom: 20px;
    }

    .perosnal-table table {
        margin-bottom: 10px;
    }

    .perosnal-table table tr td {
        float: left;
        width: 100%;
    }

    .managae-account-header .btn-primary {
        float     : left;
        clear     : both;
        margin-top: 0px;
    }

    .activity-prefrence-module {
        margin-bottom: 40px;
        overflow-x   : auto;
    }

    .activity-prefrence-module table {
        width     : 100%;
        overflow-x: hidden;
    }

    .frequeny-module {
        margin-bottom: 20px;
    }

    .button-row {
        margin-top: 10px;
    }

    .dropdown-row .prefix .dropdown-menu {
        width: 100%;
    }

    .manage-user-accordion.visible-xs {
        display: none !important;
    }

    .manage-user-accordion.visible-xs {
        display: block !important;
    }

    .modal-wrapper {
        padding: 30px 25px;
    }

    .modal-header h2.modal-title {
        font-size  : 26px;
        line-height: 32px;
        word-break : break-word;
    }

    .modal-header {
        padding      : 0;
        margin-bottom: 30px;
    }

    .modal-content {
        padding: 40px 25px;
    }

    .modal-header p,
    .modal-body p {
        font-size  : 16px;
        line-height: 22px;
        font-weight: 600;
    }

    .modal-wrapper .modal-header {
        margin-bottom: 0;
    }

    .close-modal {
        margin: 0;
    }

    .modal-body .button-row .btn-primary {
        width        : 100%;
        margin-right : 0;
        margin-bottom: 15px;
    }

    .tabs-container {
        padding: 0 20px 20px;
    }

    .managae-account-header h3 {
        margin: 0 0 18px;
    }

    .managae-account-header .btn {
        margin-left : 0;
        margin-right: 0;
        width       : 100%;
    }

    .otp-module .row {
        margin: 0 -2px;
    }

    .otp-module .otp-box {
        padding: 0 2px;
    }

    .otp-module .otp-box .material_input_block .material_input {
        padding: 10px;
    }

    .input-file-container {
        width: 100%;
    }

    .upload-label {
        padding: 15px;
    }

    .service-module ul.rating-list li {
        margin-right: 15px;
    }

    .service-module ul.rating-list li:last-child {
        margin-right: 0;
    }

    .service-module ul.rating-list li a img {
        width: 30px;
    }

    .genericModal .modal-content {
        padding: 30px 15px;
    }

    .genericModal .button-row .btn-block {
        margin-bottom: 15px;
        width        : 100%;
    }

    .upload-label.error .file-action>a.file-retry {
        width    : 65px;
        font-size: 14px;
    }

    .upload-label.error .file-action>a.file-retry .material-icons {
        float      : right;
        margin-left: 0;
    }

    .service-rating-module ul li {
        line-height: 14px;
    }

    .service-rating-module ul li a {
        /*font-size: 13px;*/
        /*padding  : 4px;*/
    }

    .heading-divider {
        padding: 0 16px 35px;
    }

    .modal-header p br {
        display: none;
    }

    .approvalModal .modal-body p.note {
        margin: 0;
    }

    .approvalModal .modal-body h3 {
        margin: 0px 0 25px;
    }

    .material_input_phone .prefix {
        position: relative;
        width   : 100%;
    }

    .shareholder .material_input_phone {
        padding-left: 0;
    }

    .shareholder .form-group.material_input_phone {
        margin-bottom: 0;
    }

    .visa-requirements .business-activities .number {
        top: 0;
    }

    .visa-requirements .business-activities {
        padding-top: 0;
    }

    .visa-requirements .range-slider {
        margin: 0;
    }

    .visa-requirements .service-rating-module {
        margin: 0 0 30px;
    }

    .translation-method.office-facility {
        background: #fff;
    }

    .tabs-container .tab-scroll {
        overflow: auto;
    }

    .tabs-container .tab-scroll .tab {
        border-bottom: 1.5px solid #AAADB9;
        display      : flex;
    }

    .tabs-container .tab-scroll button {
        width        : auto !important;
        float        : none;
        border       : none;
        padding      : 17px 15px 17px 0;
        color        : #6D737E !important;
        margin-right : 20px;
        background   : none !important;
        border-bottom: 4px solid #fff;
        display      : flex;
        white-space  : nowrap;
    }

    .tabs-container .tab-scroll button.active {
        border-color    : #00539F;
        font-weight     : bold;
        background-color: #fff;
        color           : #00539F !important;
    }

    .tabs-container .tab-scroll .tab button:before {
        display: none;
    }

    .btn-primary {
        max-width: 100%;
        width    : 100%;
        min-width: 100%;
    }

    body .suggested-activities ul.material_tabs {
        display: flex;
    }

    .tab-container .nav-tabs>li {
        display    : inline-block;
        white-space: nowrap;
        flex-wrap  : nowrap;
    }

    .accordion-content {
        padding: 15px;
    }

    .shareholders p {
        margin-bottom: 15px;
    }

    .accordion-title.request-tracking-title.active {
        background : #fff;
        font-weight: 700;
    }

    .accordion-title.request-tracking-title.active+.accordion-content {
        box-shadow: 0 2px 5px rgba(170, 173, 185, 0.3);
    }

    /* .manage-user-accordion .accordion-content {
        float: inherit;
    } */

    .button-row .btn {
        margin-left: 0;
    }
}

@media screen and (max-width: 479px) {
    .enquiry-form input[type="button"] {
        width: 100%;
    }

    .frequeny-module .btn-primary {
        width : 100%;
        margin: 0 0 15px;
    }

    .upload-wrapper,
    .upload-progress {
        width: 100%;
    }

    .accordionwp.documents-row .accordion-content .btn {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .manage-user-accordion .accordion-content .row .btn-primary {
        font-size: 12px;
        padding  : 12px;
    }
}

.material_checkbox:disabled+label::before {
    border-color: rgba(182, 185, 198, 1) !important;
}

.material_checkbox:disabled:checked+label::before {
    border-color    : rgba(182, 185, 198, 1) !important;
    background-color: rgba(182, 185, 198, 1) !important;
}

.material_radiobox:disabled~.material_check_radio {
    border-color: rgba(182, 185, 198, 1) !important;
}

.material_radiobox:disabled:checked~.material_check_radio::after {
    background-color: rgba(182, 185, 198, 1) !important;
}

.arabic,
.arabic input,
.arabic textarea,
.arabic .input-required {
    direction: rtl;
}

.arabic .form-group label {
    direction: rtl;
    right    : 15px;
}

.arabic .datepicker .form-control.material_input {
    padding-right: 35px;
}

.arabic .timepicker-input .form-control {
    padding-right: 44px;
}

body.menu-open {
    overflow: hidden;
}

.bg-blue {
    background    : #007ABE;
    /* background : linear-gradient(149.37deg, #007ABE 0%, #52AE32 100%); */
    max-width     : 100%;
    margin        : 0 auto;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00539f+0,136886+62,338c5b+100 */
background: #00539f; /* Old browsers */
background: -moz-linear-gradient(top,  #00539f 0%, #136886 62%, #338c5b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00539f 0%,#136886 62%,#338c5b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00539f 0%,#136886 62%,#338c5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00539f', endColorstr='#338c5b',GradientType=0 ); /* IE6-9 */


}
.summery-block-container .bg-blue{
    background: #00539F;
}
.summery-block-container .bg-blue:hover{
    background: #426DA9;
}
.bg-blue.company-formation .db-wrapper {
    background-image   : url("shadowbox-lining-graphics.png");
    background-position: right top;
    background-repeat  : no-repeat;
    padding-top: 32px;
}

.company-formation .db-wrapper {
    padding-left: 350px;
}

.company-formation .db-left {
    width      : 300px;
    left       : 32px;
    padding-top: 0;
    z-index    : 11;
}

@media (min-width: 767px) {
    .company-formation .db-left {
        position      : fixed;
        height        : 100vh;
        overflow      : hidden;
        top           : 35px;
        padding-bottom: 50px;
    }

    .company-formation .db-left:hover {
        overflow-y: auto;
    }
}

.company-formation .db-left::-webkit-scrollbar {
    width: 4px;
}

.tooltip_box .table-wrapper::-webkit-scrollbar {
    width: 0;
}

.company-formation .db-left::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow        : none;
    background        : none;
}

.company-formation .db-left::-webkit-scrollbar-thumb {
    background-color: #007ABE;
    outline         : 1px solid #007ABE;
}

.company-formation .logo {
    margin-left  : 0;
    margin-bottom: 20px;
}

.company-formation .db-right {
    margin-top: 40px;
}

.your-progress {
    padding-left  : 10px;
    width         : 100%;
    padding-bottom: 10px;
    float         : left;
    padding-right : 5px;
}

.your-progress h3 {
    font-size   : 21px;
    font-weight : bold;
    line-height : 30px;
    color       : #FFF;
    margin      : 0 0 15px;
    padding-left: 10px;
}

.your-progress ul.progressUl {
    list-style: none;
    padding   : 0;
    margin    : 0;
}

.your-progress ul.progressUl li {
    width         : 100%;
    float         : left;
    padding-bottom: 9px;
}

.your-progress ul.progressUl li a .number {
    width        : 26px;
    height       : 26px;
    position     : absolute;
    left         : 15px;
    top          : 2px;
    line-height  : 22px;
    border       : 2px solid #fff;
    color        : #fff;
    text-align   : center;
    opacity      : 0.5;
    border-radius: 100px;
}

.your-progress ul.progressUl li a i {
    /* color    : #fff;
    font-size: 26px;
    top      : -2px;
    position : relative; */
    color    : #fff;
    font-size: 25px;
    position : absolute;
    left     : 17px;
    top      : 1px;
}

.your-progress ul.progressUl li a {
    cursor         : pointer;
    padding-left   : 70px;
    position       : relative;
    font-size      : 14px;
    color          : #fff;
    text-decoration: none;
    display        : block;
    letter-spacing : 0;
    line-height    : 28px;
}

.your-progress ul.progressUl li.active {
    padding-bottom: 30px;
    padding-top   : 20px;

}

.your-progress ul.progressUl li.active a {
    line-height: 45px;
    font-size  : 21px;
    color      : #fff;
    font-weight: bold;
    opacity    : 1;
}

.your-progress ul.progressUl li.active a .number {
    width           : 46px;
    height          : 46px;
    line-height     : 44px;
    left            : 7px;
    top             : 0;
    opacity         : 1;
    background-color: #fff;
    color           : #00539F;
}

.totalAed {
    float         : left;
    width         : 100%;
    padding-left  : 70px;
    color         : #fff;
    margin-top    : 15px;
    position      : relative;
    font-size     : 21px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 30px;
    padding-top   : 5px;
}

.totalAed .total {
    position   : absolute;
    left       : 15px;
    top        : 5px;
    font-size  : 14px;
    font-weight: normal;
}

.totalAed span {
    width         : 100%;
    float         : left;
    font-size     : 14px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 21px;
    padding-top   : 5px;
}

.your-progress .ul-nav {
    padding-left: 70px;
    list-style  : none;
    margin-top  : 30px;
    float       : left;
    width       : 100%;
}

.your-progress .ul-nav li {
    float         : left;
    width         : 100%;
    padding-bottom: 30px;
}

.your-progress .ul-nav li a {
    color          : #FFFFFF;
    font-weight    : bold;
    letter-spacing : 0;
    line-height    : 16px;
    text-decoration: underline;
    text-transform : uppercase;
}

.formation-block {
    padding: 0 30px;
    width  : 100%;
    float  : left;
}

.formation-block .need-help {
    position        : absolute;
    right           : 0;
    top             : 10px;
    /*background    : linear-gradient(-270deg, #A2267C 0%, #B70D7F 100%);*/
    background-color: #B70D7F;
    border-radius   : 30px 0 0 30px;
    color           : #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size       : 16px;
    font-weight     : bold;
    letter-spacing  : 0;
    padding         : 18px 22px;
    width           : 178px;
    line-height     : 22px;
    cursor          : pointer;
    z-index         : 1036;
}

.formation-block .need-help i {
    color        : #fff;
    float        : left;
    padding-right: 10px;
}

.next-row {
    border-radius      : 0 0 3px 3px;
    background-color   : #F9F9F9;
    padding            : 15px 0;
    overflow           : hidden;
    float              : left;
    z-index            : 101;
    /* position        : absolute; */
    position           : relative;
    width              : 100%;
    left               : 0;
    bottom             : 0;
    margin-top         : 0;
}

.next-row .previous-button {
    border         : none;
    border-radius  : 3px;
    background     : linear-gradient(0deg, #9E006A 0%, #B70D7F 100%);
    background     : linear-gradient(90deg, #009aa4 0%, #009aa4 100%);
    float          : right;
    font-weight    : bold;
    letter-spacing : 0;
    line-height    : 16px;
    text-align     : center;
    padding        : 0 19px;
    height         : 54px;
    line-height    : 54px;
    color          : #fff;
    width          : 170px;
    text-transform : uppercase;
    text-decoration: none;
    margin-right   : 10px;
}

.next-row .next-button {
    border         : none;
    border-radius  : 3px;
    background     : #00539F;
    float          : right;
    font-weight    : bold;
    letter-spacing : 0;
    line-height    : 16px;
    text-align     : center;
    padding        : 0 19px;
    height         : 54px;
    line-height    : 54px;
    color          : #fff;
    width          : 170px;
    text-transform : uppercase;
    text-decoration: none;
    margin-right   : -1px;
}

.next-row .next-button:hover {
    background     : #3375B2;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75) !important;
    -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75) !important;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.75) !important;
}

.next-row .next-button:focus {
    background     : #00427F;
}

.next-row .next-button.disabled {
    pointer-events: none;
}

.next-row .next-button.disabled span {
    opacity: 0.5;
}

.formation-package {
    padding-left       : 94px;
    position           : relative;
    width              : 100%;
    padding-top        : 20px;
    background-image   : url("marginalia-coming-soon.svg");
    background-position: 92% center;
    background-repeat  : no-repeat;
    min-height         : 350px;
}

.formation-package h2 {
    font-size     : 24px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 32px;
    margin-bottom : 15px;
}

.formation-package p {
    color         : #6D737E;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 18px;
}

.material_radio_group {
    margin-top: 15px;
    float     : left;
    width     : 100%;
}

.material_radio_group.active {
    color      : #00539F;
    font-weight: bold;
}

/* .shareholder-block .material_radio_group {
    float: unset;
} */

.material_radio_group.check-button {
    color      : #337ab7;
    font-weight: bold;
}

.formation-package .material_radio_group {
    color         : #3C3E42;
    font-family: Arial, Helvetica, sans-serif;
    font-size     : 14px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 22px;
    width         : 100%;
    clear         : both;
}

.formation-block .material_label_checkbox {
    clear: both;
    width: auto;
    float: left;
}

.business-categories .checkbox-module .material_checkbox_group span {
    clear: both;
}

.formation-package .radiobox-module {
    margin-top: 0;
}

.formation-package .material_check_radio {
    margin-right: 15px;
}

.formation-package .shareholder-block .material_check_radio {
    margin-right: 0;
}

.formation-package .material_radio_group p {
    color         : #6D737E;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
    padding-left  : 35px;
    font-weight   : normal;
    padding-top   : 5px;
    clear         : both;
}

.company-formation .alert {
    padding: 0;
    margin : 30px 0;
}

/* .company-formation .alert-danger {
    min-height: auto;
} */

.company-formation .alert-danger p {
    margin: 0 !important;
    color : #393B3F;
}

.company-formation .alert-danger span {
    font-weight: bold;
}

.company-formation .alert-danger strong {
    color: #00539F;
}

.step-divider {
    height    : 40px;
    width     : 100%;
    float     : left;
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 254, 254, 1) 11%, rgba(253, 253, 253, 1) 21%, rgba(252, 252, 252, 1) 30%, rgba(251, 251, 251, 1) 42%, rgba(250, 250, 250, 1) 52%, rgba(249, 249, 249, 1) 63%, rgba(248, 248, 248, 1) 74%, rgba(247, 247, 247, 1) 86%, rgba(246, 246, 246, 1) 99%, rgba(243, 243, 243, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(254, 254, 254, 1) 11%, rgba(253, 253, 253, 1) 21%, rgba(252, 252, 252, 1) 30%, rgba(251, 251, 251, 1) 42%, rgba(250, 250, 250, 1) 52%, rgba(249, 249, 249, 1) 63%, rgba(248, 248, 248, 1) 74%, rgba(247, 247, 247, 1) 86%, rgba(246, 246, 246, 1) 99%, rgba(243, 243, 243, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(254, 254, 254, 1) 11%, rgba(253, 253, 253, 1) 21%, rgba(252, 252, 252, 1) 30%, rgba(251, 251, 251, 1) 42%, rgba(250, 250, 250, 1) 52%, rgba(249, 249, 249, 1) 63%, rgba(248, 248, 248, 1) 74%, rgba(247, 247, 247, 1) 86%, rgba(246, 246, 246, 1) 99%, rgba(243, 243, 243, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
    /* IE6-9 */
}

.company-type {
    background-image: url("marginalia-logged-out.svg");
}

.shadow-card-wrapper.thumbnail {
    border-top    : 0;
    position      : relative;
    padding-bottom: 0;
    min-height    : 540px;
}

.shadow-card-wrapper.thumbnail.next-bottom {
    padding-bottom   : 0;
    /* padding-bottom: 100px; */
    overflow         : hidden;
    border           : 0;
}

.divider-left {
    width              : 25px;
    height             : 100%;
    background-image   : url("border-img2.png");
    background-repeat  : repeat-y;
    background-position: left top;
    position           : absolute;
    left               : 30px;
    top                : 140px;
    z-index            : 100;
}

.business-activities .number,
.formation-package .number {
    width           : 25px;
    background-color: #fff;
    line-height     : 35px;
    position        : absolute;
    left            : 0;
    top             : 25px;
    overflow        : hidden;
    color           : #393B3F;
    font-size       : 14px;
    letter-spacing  : 0;
    text-align      : center;
    z-index         : 1000;
}

.company-formation .pre-login-footer {
    padding-right: 30px;
}

.company-formation .pre-login-footer ul li.copy-right,
.company-formation .pre-login-footer ul a {
    color: #fff;
}

.mobile-header {
    display: none;
}

.business-activities {
    padding      : 20px 0 0 100px;
    width        : 100%;
    position     : relative;
    min-height   : 100px;
    float        : left;
    margin-bottom: 0;
}

.business-activities h2 {
    font-size     : 24px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 32px;
    margin-bottom : 15px;
}

.business-activities p {
    color         : #6D737E;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 18px;
    margin-bottom : 20px;
}

.business-activities .alert {
    margin-top: 10px;
}

.business-activities .checkbox-module {
    margin-top: 10px;
}

.business-activities label strong {
    color      : #00539F;
    font-weight: normal;
}

.business-activities #datepicker.date .material_input {
    padding: 15px 10px 15px;
}

#datepicker .input-group-addon {
    border: none;
}

#datepicker>span:hover {
    cursor: pointer;
}

.material_input_block.focused:after {
    transform: translateZ(0px) translate(0%, 0);
}

.business-activities .material_input_block::before,
.business-activities .material_input_block::after {
    z-index: 100;
}

.business-activities .checkbox-module,
.business-activities .material_radio_group {
    margin-bottom: 10px;
    margin-top   : 0;
}

.business-activities .checkbox-module p,
.business-activities .material_radio_group p {
    padding-left: 35px;
    margin-top  : 5px;
    clear       : both;
}

.business-activities .right .material_checkbox_group,
.business-activities .right .material_radio_group {
    margin-bottom: 40px;
}

.business-activities .input-file-container {
    width: 100%;
}

.business-activities .upload-label.completed .file-name {
    font-weight: bold;
    word-break : break-all;
}

.business-activities .file-action>a.file-close .material-icons {
    line-height: 22px;
}

.business-activities .upload-label.completed .file-action>a.file-delete,
.business-activities .file-action>a.file-close {
    margin-top: -10px;
}

.upload-progress .file-action {
    position  : absolute;
    right     : 15px;
    top       : 50%;
    margin-top: -6px;
}

.business-activities #accordion-section {
    margin-top: 30px;
}

.business-activities #accordion-section .accordion-title {
    font-weight   : bold;
    border        : none;
    border-bottom : solid 1px #efefef;
    font-size     : 16px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 24px;
    padding-left  : 0;
}

.business-activities .accordion-title.active {
    background: none;
}

.table-aed {
    margin-top   : 20px;
    float        : left;
    width        : 100%;
    margin-bottom: 50px;
}

.table-aed th {
    border        : none !important;
    color         : #6D737E;
    font-size     : 12px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height   : 18px;
    font-weight   : normal;
    padding       : 15px !important;
}

.table-aed td {
    color         : #6D737E;
    color         : #393B3F;
    font-family        : Arial, Helvetica, sans-serif;
    font-size     : 14px;
    font-weight   : normal;
    letter-spacing: 0;
    text-transform: uppercase;
    line-height   : 21px;
    padding       : 15px !important;
    border-bottom : 1px solid #EFEFEF;
    word-break    : break-all;
}

.table-aed td:first-child {
    border-left: 1px solid #EFEFEF;
}

.table-aed td:last-child {
    border-right: 1px solid #EFEFEF;
}

.table-aed tr:last-child td {
    border          : 1px solid #EFEFEF;
    border-radius   : 3px 3px 0 0;
    background-color: #F9F9F9;
    font-weight: bold;
}

.shareholder {
    border          : 1px solid #EFEFEF;
    border-radius   : 3px;
    background-color: #FFFFFF;
    width           : 100%;
    padding         : 25px;
    float           : left;
    margin-bottom   : 20px;
}

.shareholder h3 {
    color         : #4C4E54;
    font-size     : 16px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 24px;
    margin        : 0 0 5px 0;
    word-break    : break-word;
}

.shareholder p {
    color         : #393B3F;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
}

/* #accordion-section .btn-primary {
    margin-bottom: 0;
} */

.shareholder-row {
    width        : 100%;
    margin-top   : 20px;
    overflow     : hidden;
    border-right : 0;
    border-radius: 3px;
    margin-bottom: 10px;
    float        : left;
}

.shareholder-row .shareholder-block {
    width       : 25%;
    float       : left;
    border      : 1px solid #EFEFEF;
    border-right: none;
    padding     : 30px 20px 10px;
    text-align  : center;
    min-height  : 155px;
}

.shareholder-row .shareholder-block:last-child {
    border-right: 1px solid #EFEFEF;
}

.shareholder-row .shareholder-block .input-required {
    margin-top: 5px;
}

.shareholder-row .shareholder-block.active {
    background-color: #F9F9F9;
}

.shareholder-row .shareholder-block .material_radio_group {
    margin-top   : 0;
    margin-bottom: 0;
}

.shareholder-row .shareholder-block strong {
    font-weight   : bold;
    margin-top    : 10px;
    font-size     : 16px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 22px;
    text-align    : center;
    color         : #4C4E54;
}

.shareholder-row .shareholder-block.active strong {
    color: #00539F;
}

.shareholder-row .shareholder-block p {
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
    text-align    : center;
}

.shareholder-row .shareholder-block strong,
.shareholder-row .shareholder-block p {
    width        : 100%;
    float        : left;
    padding      : 0;
    margin-bottom: 0;
}

.business-activities .tab-container .tab-content {
    padding: 0;
}

.business-activities #accordion-section {
    margin-top: 20px;
}

.tab-container .accordion-content {
    padding: 0;
}

.business-activities .recorded-media {
    border-radius   : 3px;
    background-color: #FFFFFF;
    overflow        : hidden;
}

.business-activities .recorded-media .material_checkbox_group {
    padding      : 20px;
    border-bottom: 1px solid #ECECEC;
    margin-bottom: 0;
}

.business-activities .recorded-media .checkbox-module {
    padding: 0;
    margin : 0;
}

.business-activities .recorded-media .material_label_checkbox {
    margin-bottom: 0;
    font-weight  : bold;
}

.business-activities .recorded-media .checked {
    font-weight: normal;
}

.business-activities .recorded-media .material_checkbox_group.checked {
    background: linear-gradient(0deg, #F7F7F7 0%, #F8F8F8 22.08%, #F8F8F8 70.77%, #FBFBFB 90.19%, #F0F0F0 100%)
}

.business-activities .tab-container {
    padding: 0 !important;
}

.reset-selections .accordion-content {
    padding: 0;
}

.business-activities .total .total-price {
    float         : left;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
}

.business-activities .total .priceAed {
    float         : right;
    color         : #393B3F;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 21px;
}

.business-license {
    margin: 30px 0;
    width : 100%;
    float : left;
}

.business-license label {
    color         : #6D737E;
    font-size     : 12px;
    letter-spacing: 0;
    font-weight   : normal;
    line-height   : 18px;
    text-transform: uppercase;
    margin-bottom : 5px;
}

.business-license span {
    color         : #393B3F;
    font-size     : 14px;
    margin-bottom : 5px;
    letter-spacing: 0;
    width         : 100%;
    float         : left;
    line-height   : 21px;
    font-weight   : 600;
}

.business-license span a {
    color: #00539F;
}

.company-formation .step-divider {
    margin-top   : 30px;
    margin-bottom: 30px;
}

.translation-method {
    background-image   : url("marginalia-coming-soon1.svg");
    background-position: 92% 70px;
    background-repeat  : no-repeat;
    min-height         : 340px;
    margin-bottom      : 0;
}

.preferred {
    background-image   : url("preferred.png");
    background-position: 92% 0;
    background-repeat  : no-repeat;
    min-height         : 340px;
    margin-bottom      : 0;
}

.business-activities .shareholder-row .material_check_radio {
    margin-right: 0;
}

.translation-method .shareholder-row {
    width           : 65%;
    background-color: #fff;
}

.translation-method .shareholder-block {
    width: 50%;
}

.translation-method .shareholder-block label {
    margin: 0 auto;
    float : none;
}

.flag {
    width         : 100%;
    overflow      : hidden;
    padding-bottom: 15px;
}

.flag img {
    height: 23px;
}

.shareholder-row .icon {
    width         : 100%;
    padding-bottom: 10px;
}

.shareholder-row .icon i {
    font-size: 30px;
}

.shareholder-row .shareholder-block.active i {
    color: #00539F;
}

.translationMethod .shareholder-row .shareholder-block {
    padding-bottom: 10px;
    min-height    : 160px;
}

.translationMethod .shareholder-row {
    margin-bottom: 10px;
}

.reservation {}

.reservation .alert {
    margin-top   : 50px;
    margin-bottom: 50px;
}

.in-arabic {
    background-image   : url("in-arabic.png");
    background-position: 92% 0;
    background-repeat  : no-repeat;
}

.in-arabic .material_input_block label {
    left : initial;
    right: 15px;
}

.in-arabic p {
    margin-bottom: 40px;
}

.in-arabic .alert {
    margin-bottom: 0;
}

.in-arabic .material_input_block .material_input,
.in-arabic .material_input_block label {
    text-align: right;
}

.share-quantity {
    background-image   : url("marginalia-coming-soon-1.svg");
    background-position: 92% 80px;
    background-repeat  : no-repeat;
}

.share-quantity {
    margin-bottom: 0;
}

.share-quantity p {
    margin-bottom: 40px;
}

.share-quantity .total-capital {
    color         : #393B3F;
    font-size     : 14px;
    font-weight   : normal;
    letter-spacing: 0;
    line-height   : 21px;
    margin-top    : 40px;
    margin-bottom : 0;
}

.share-quantity .total-capital strong {
    font-weight: bold;
}

.shareholders {
    background-image   : url("marginalia-logged-out.svg");
    background-position: 92% 70px;
    background-repeat  : no-repeat;
    margin-bottom      : 0;
}

.shareholders p {
    margin-bottom: 40px;
}

.shareholders .formation-block .business-activities p {
    margin-bottom: 0;
}

.shareholders .formation-block.element-column-rows .business-activities p {
    margin-bottom: 40px;
}

.element-column-rows .shareholders .alert {
    margin: 30px 0;
}

.shareholders .alert-danger {
    border          : 1px solid #F18A5E;
    background-color: #fef4f0;
}

.shareholder-details .shareholder-row {
    /* width           : 60%; */
    background-color: #fff;
}

/* .shareholder-details .shareholder-row .shareholder-block {
    width: 50%;
} */

.shareholder-details #accordion-section {
    margin-top: 0;
}

.shareholder-details .shareholder-row {
    margin-top: 10px;
}

.shareholder-details .btn-secondary,
.shareholder-details .btn-primary {
    text-transform: uppercase;
}

.shareholder-details .form-group {
    margin-bottom: 24px;
}

.share-percentage .table-aed {
    margin-bottom: 0;
}

.share-percentage .material_input_block {
    width  : 80px;
    padding: 10px;
    margin : 0;
}

@media (max-width: 1350px) {

    .business-activities,
    .formation-package {
        padding-left: 65px;
    }

    .shareholders,
    .share-quantity {
        background-size: 280px auto !important;
    }

    .shareholder-row .shareholder-block {
        padding: 30px 10px 10px;
    }

    .shareholder-row .shareholder-block strong {
        font-size: 14px;
    }
}

@media (max-width: 1110px) {
    .formation-package {
        padding-left: 50px;
    }

    .company-formation .db-wrapper {
        padding-left: 300px;
    }

    .company-formation .db-left {
        width: 260px;
    }

    .formation-block .need-help {
        width: auto;
    }

    .formation-block .need-help i {
        padding-right: 0;
    }

    .formation-block .need-help span {
        display: none;
    }

    .shareholder-row .shareholder-block {
        width: 100%;
    }

    .business-activities {
        padding-left: 50px;
    }

    .shareholder-row .shareholder-block {
        border-right : 1px solid #EFEFEF;
        border-bottom: none;
    }

    .shareholder-row .shareholder-block:last-child {
        border-bottom: 1px solid #EFEFEF;
    }

    .translation-method .shareholder-row {
        width: 100%;
    }

    .element-column-rows .business-activities {
        background: none;
    }
}

.payment-successful .modal-header {
    padding-top : 100px;
    padding-left: 100px;
}

.payment-successful .modal-body {
    padding-left: 100px;
}

@media (max-width: 767px) {
    .divider-left {
        display: none;
    }

    .tab-scroll {
        overflow: auto;
        width   : 100%;
    }

    .company-formation .db-left .your-progress,
    .company-formation .db-left .logo {
        display: none;
    }

    .formation-package {
        background  : none;
        padding-left: 0;
    }

    .formation-block {
        padding: 0 20px 10px;
    }

    .nav-scroll {
        height  : 100%vh;
        overflow: auto;
        width   : 100%;
    }

    .business-activities .number,
    .formation-package .number {
        width              : 100%;
        position           : relative;
        left               : 0;
        top                : 0;
        float              : left;
        text-align         : left;
        background-image   : url("dashed-divider.svg");
        background-position: center center;
        background-repeat  : repeat-x;
        line-height        : 18px;
        margin-bottom      : 20px;
        z-index            : 0;
    }

    .business-activities .number span,
    .formation-package .number span {
        width           : auto;
        background-color: #fff;
        padding         : 0px 10px 0 0;
        float           : left;
    }

    .formation-block .need-help {
        padding: 10px;
    }

    .formation-package .alert {
        margin-bottom: 0px;
        margin-top   : 10px;
    }

    .bg-blue.company-formation {
        padding-top: 0;
    }

    .company-formation .db-right {
        margin-top: 0;
        margin-top: 120px;
    }

    .company-formation .db-left {
        width           : 100%;
        left            : 0;
        float           : left;
        height          : auto;
        background-color: #007BBE;
    }

    .company-formation .db-left .mobile-logo {
        float   : left;
        position: absolute;
        left    : 20px;
        top     : 20px;
        width: 75px;
    }

    .mobile-header {
        padding-left  : 90px;
        width         : 100%;
        float         : left;
        position      : relative;
        padding-bottom: 7px;
        margin-bottom : 0;
        display       : block;
    }

    .mobile-header .menu-name {
        color         : #FFFFFF;
        font-size     : 16px;
        font-weight   : bold;
        letter-spacing: 0;
        margin-bottom : 4px;
        line-height   : 24px;
        width         : 100%;
        overflow      : hidden;
        position      : relative;
        padding-right : 0;
    }

    .mobile-header .menu-name .icon {
        width              : 24px;
        height             : 24px;
        background-image   : url("list-numbered.svg");
        background-position: center center;
        background-repeat  : repeat-x;
        cursor             : pointer;
        right              : 0;
        top                : 0;
        position           : absolute;
    }

    .mobile-header.in .menu-name .icon {
        background-image: url("close.svg");
    }

    .mobile-header label {
        color         : #FFFFFF;
        font-size     : 14px;
        letter-spacing: 0;
        width         : 100%;
        float         : left;
        line-height   : 21px;
        font-weight   : normal;
        margin        : 0;
    }

    .mobile-header .material_input_block {
        float        : left;
        width        : 100%;
        margin-top   : 0;
        background   : none;
        margin-bottom: 5px;
    }

    .mobile-header .select2-selection {
        background: none !important;
        height    : auto !important;
    }

    .mobile-header .select2-selection .select2-selection__rendered {
        background    : none;
        padding       : 0 !important;
        font-size     : 16px;
        font-weight   : bold;
        letter-spacing: 0;
        line-height   : 24px;
        color         : #fff;
    }

    .mobile-header .material_input_block::before {
        display: none;
    }

    .mobile-header .select2-container--default .select2-selection--single .select2-selection__arrow b {
        background-image: url("blue-arrow.png");
        top             : -1px;
    }

    .mobile-header .progress-br {
        background-color: rgba(0, 0, 0, 0.2);
        overflow        : hidden;
        width           : 100%;
        position        : absolute;
        left            : 0;
        bottom          : -7px;
        height          : 7px;
        border-radius   : 0;
    }

    .mobile-header .progress-br .progress-row {
        width           : 50%;
        height          : 7px;
        float           : left;
        background-color: #fff;
    }

    .mobile-menu {
        width              : 100%;
        position           : absolute;
        left               : 0;
        top                : 0;
        background-color   : #00539F;
        z-index            : 50000;
        padding-top        : 120px;
        height             : 100vh;
        overflow           : auto;
        /* display         : none; */
    }

    .mobile-header.in .mobile-menu {
        display: block;
    }

    .company-formation .db-left .mobile-menu .your-progress {
        display     : block;
        padding-left: 0;
    }

    .mobile-menu .your-progress ul.progressUl {
        padding-top : 25px;
        padding-left: 10px;
    }

    .company-formation .db-left {
        position: fixed;
        left    : 0;
        top     : 0;
        z-index : 1037;
    }

    .company-formation .mobile-header {
        padding-left : 0;
        padding-right: 0;
    }

    .mobileHeader {
        min-height      : 108px;
        padding         : 20px 20px 18px;
        padding-left    : 110px;
        position        : relative;
        z-index         : 54000;
        background-color: #00539F;
    }

    .mobile-menu .your-progress ul.progressUl li.active .dashboard-progress-count {
        display: none;
    }

    .mobile-menu .your-progress ul.progressUl li.active a .number {
        display         : block;
        width           : 26px;
        height          : 26px;
        text-align      : center;
        background-color: #fff;
        font-size       : 16px;
        font-weight     : bold;
        letter-spacing  : 0;
        line-height     : 24px;
        text-align      : center;
        left            : 15px;
        top             : 2px;
    }

    .mobile-menu .your-progress ul.progressUl li {
        padding-bottom: 24px;
    }

    .mobile-menu .your-progress ul.progressUl li.active {
        padding       : 0;
        padding-bottom: 24px;
    }

    .mobile-menu .totalAed {
        font-size     : 16px;
        letter-spacing: 0;
        line-height   : 24px;
    }

    .mobile-menu .totalAed span i {
        padding-left: 5px;
    }

    .mobile-menu .your-progress .ul-nav,
    .mobile-menu .totalAed {
        padding-left: 17px;
    }

    .mobile-menu .your-progress .ul-nav li a {
        font-size  : 14px;
        font-weight: bold;
        line-height: 16px;

    }

    .mobile-menu .your-progress ul.progressUl li a {
        font-size     : 16px;
        letter-spacing: 0;
        line-height   : 24px;
    }

    .mobile-menu .your-progress ul.progressUl li.active a {
        font-size      : 18px;
        color          : #fff;
        text-decoration: none;
        display        : block;
        letter-spacing : 0;
        line-height    : 28px;
        font-weight    : bold;
    }

    .company-formation .pre-login-footer {
        padding-right: 0;
        padding-left : 20px;
    }

    .next-row {
        padding: 15px;
    }

    .next-row .previous-button,
    .next-row .next-button {
        width: 100%;
    }

    .next-row .previous-button {
        margin: 15px 0 0;
    }

    .formation-package .material_radio_group {
        margin-bottom: 0;
    }

    .business-activities {
        padding-left: 0;
    }

    .business-activities .material_label_checkbox {
        height: auto;
    }

    .company-formation .alert-danger,
    .business-activities p,
    .business-activities h2 {
        float: left;
        width: 100%;
    }

    .formation-block .business-activities h2 {
        width: auto;
        float: none;
    }

    .business-license span {
        margin-bottom: 15px;
    }

    .material_input_phone,
    .material_input_block {
        width   : 100%;
        /* float: left; */
    }

    .shareholder-row .shareholder-block {
        width        : 100%;
        border-bottom: 1px solid #EFEFEF;
    }

    .in-arabic,
    .preferred,
    .translation-method {
        background: none;
    }

    .translation-method .shareholder-row {
        width: 100%;
    }

    .company-formation .step-divider {
        margin-top: 0;
        display   : none;
    }

    .reservation .alert {
        margin: 10px 0;
    }

    .business-activities {
        padding-top: 0;
    }

    .shareholders,
    .share-quantity,
    .visa-requirements.share-quantity {
        background: none;
    }

    .shareholder-details .shareholder-row .shareholder-block,
    .shareholder-details .shareholder-row {
        width: 100%;
    }

    .payment-successful .modal-header {
        padding-top : 20px;
        padding-left: 0;
    }

    .payment-successful .modal-body {
        padding-left: 0;
    }

    .element-row {
        padding: 10px 0 30px;
    }
}

.payment-successful .modal-header,
.payment-successful .modal-body,
.payment-successful .modal-footer {
    text-align: left;
}

/*@media (min-width: 767px) {
    .formation-block .need-help{
        position: fixed;
        top:100px;
    }
    .company-formation .db-left{
        position: fixed;
        top: 30px;
    }
    
}
@media (min-height: 700px) {
    .your-progress{
        height: 70vh;
        overflow: auto;
    }
}*/

#recordVideoModal .modal-content {
    padding: 0;
}

#recordVideoModal .modal-form {
    margin: 0;
}

#recordVideoModal video {
    height   : 269px;
    /* width : 425px; */
}

#recordVideoModal .upload-file {
    color       : #fff;
    padding     : 15px;
    min-width   : auto;
    position    : relative;
    margin-right: 10px !important;
}

#recordVideoModal .upload-file input {
    position: absolute;
    top     : 0;
    right   : 0;
    bottom  : 0;
    left    : 0;
    width   : 100%;
    padding : 0;
    margin  : 0;
    cursor  : pointer;
    filter  : alpha(opacity=0);
    opacity : 0;
}

.m-r-2 {
    margin-right: 10px !important;
}

.id-verification {
    /* max-width       : 600px; */
    /* margin          : 20px auto 50px; */
    margin             : 0;
    text-align         : center;
    border-radius      : 3px;
    background-color   : #FFFFFF;
    /* box-shadow      : 0 10px 10px 0 rgba(57, 59, 63, 0.2); */
    padding            : 25px 70px 50px;
    overflow           : hidden;
}

.id-verification .step-number {
    color         : #6D737E;
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 18px;
    margin-bottom : 25px;
    text-transform: uppercase;
    font-weight   : 600;
}

.id-verification .icon {
    width        : 100%;
    margin-bottom: 5px;
}

.id-verification h2 {
    color         : #393B3F;
    font-size     : 24px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 32px;
}

.id-verification p {
    color         : #393B3F;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
    text-align    : center;
    font-weight   : 600;
    margin-bottom : 30px;
}

.block-row {
    width        : 100%;
    border       : 1px solid #F9F9F9;
    overflow     : hidden;
    border-radius: 4px;
}

.block-row .verification-block {
    width       : 50%;
    float       : left;
    padding     : 20px 30px;
    border-right: 1px solid #F9F9F9;
}

/* 
.block-row .verification-block .material_radio_group {
    padding: 0 10px;
} */

.block-row.three-step .verification-block {
    width: 33.333%;
}

.video {
    width        : 100%;
    overflow     : hidden;
    margin-bottom: 30px;
    position     : relative;
}

.block-row .verification-block strong {
    width        : 100%;
    text-align   : center;
    display      : block;
    color        : #393B3F;
    font-size    : 16px;
    font-weight  : bold;
    line-height  : 22px;
    margin-bottom: 5px;
    margin-top   : 10px;
}

.block-row .verification-block:hover,
.block-row .verification-block.active {
    background-color: #F9F9F9;
}

.block-row .verification-block.active strong {
    color: #00539F;
}

.block-row .verification-block span {
    color         : #393B3F;
    font-family: Arial, Helvetica, sans-serif;
    font-size     : 14px;
    letter-spacing: 0;
    line-height   : 21px;
    text-align    : center;
}

.block-row .verification-block p {
    margin-bottom: 0;
}

.id-verification .btn {
    text-transform: uppercase;
    min-width     : auto;
    max-width     : 190px;
    padding       : 16px 0px;
    font-size     : 14px;
    width         : 100%;
}

.id-verification .disable {
    color: #DDDDDD;
}

.verification-step {
    width   : 100%;
    display : inline-block;
    position: relative;
}

.id-verification .previous {
    position      : absolute;
    left          : -30px;
    top           : 0;
    color         : #6D737E;
    font-weight   : 600;
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 23px;
    text-transform: uppercase;
}

.id-verification h3 {
    color         : #393B3F;
    font-size     : 16px;
    font-weight   : bold;
    letter-spacing: 0;
    line-height   : 22px;
    text-align    : center;
    margin-bottom : 25px;
    margin-top    : 0;
}

.id-verification .previous i {
    color        : #00539F;
    float        : left;
    padding-right: 10px;
}

.verify-person i {
    color        : #00539F;
    float        : left;
    padding-right: 10px;
}

.verify-person {
    display       : inline-block;
    color         : #6D737E;
    font-size     : 12px;
    text-transform: uppercase;
    letter-spacing: 0;
    line-height   : 23px;
}

.second-step .button-row .btn {
    margin-bottom: 30px;
}

.three-step .button-row {
    margin-bottom: 10px;
}

.qr-code {
    width        : 100%;
    overflow     : hidden;
    margin-bottom: 20px;
}

.id-verification .checkbox-module {
    max-width : 425px;
    width     : 100%;
    text-align: left;
    float     : none;
    margin    : 0 auto;
}

.successfully .button-row {
    margin-top: 10px;
}

.license-dropdown {
    float       : left;
    margin-right: 10px;
}

@media (max-width: 767px) {
    .license-dropdown {
        width       : 100%;
        margin-right: 0;
    }

    .process-btn {
        float: left;
    }

    .id-verification {
        width        : 100%;
        padding      : 15px;
        margin-bottom: 0;
        margin-top   : 0;
        box-shadow   : none;
    }

    .block-row.three-step .verification-block,
    .block-row .verification-block {
        border-right : none;
        border-bottom: 1px solid #F9F9F9;
        width        : 100%;
        padding-top  : 15px;
    }

    .id-verification .material_label_checkbox {
        margin-bottom: 30px;
    }

    .id-verification h2 br {
        display: none;
    }

    .id-verification .button-row {
        margin-top: 15px;
    }

    .id-verification .btn {
        width: 100%;
    }

    .id-verification .step-number {
        margin-bottom: 15px;
        olor         : #6D737E;
        font-size    : 14px;
        line-height  : 21px;
    }

    .id-verification .previous {
        left: 0;
        top : -19px;
    }

    .second-step .button-row .btn {
        margin-bottom: 20px;
    }

    .three-step .button-row .btn {
        margin-bottom: 20px;
    }

    .verify-person {
        margin-bottom: 15px;
    }

    .id-verification .btn {
        max-width  : 100%;
        width      : 100%;
        margin-left: 0;
    }

    /* .shadow-card-wrapper.thumbnail.next-bottom {
        padding-bottom: 170px;
    } */

    .shareholder-row .shareholder-block {
        min-height: auto;
    }

    .share-quantity .total-capital {
        margin-top: 0;
    }

    .element-column-rows .shareholders .alert {
        margin-top   : 10px;
        margin-bottom: 10px;
    }
}

@media (min-width: 767px) {
    .formation-block .need-help {
        position: fixed;
        top     : 100px;
    }

    .section-wrapper {
        min-height   : 750px;
        /* max-height: 100vh; */
        /* overflow  : auto; */
        width        : 100%;
        margin-bottom: 50px;
    }

    .section-wrapper .row-wrapper {
        display       : inline-block;
        padding-bottom: 50px;
        width         : 100%;
    }
}

.material_input_block.material_input_phone {
    overflow: visible;
    z-index : 152;
}

.business-activities .input-phone-first .material_input_block.material_input_phone,
.business-activities .col-sm-7:nth-child(6) .material_input_block.material_input_phone {
    z-index: 154;
}

.business-activities .col-xs-12:nth-child(6) .material_input_block.material_input_phone {
    z-index: 154;
}

.material_input_block.material_input_phone::after {
    background-color: #00539F;
    opacity         : 0;
    transform       : translateZ(0px) translate(0, 0);
}

.material_input_block.material_input_phone:hover::after {
    opacity         : 1;
    background-color: #00539F;
    transform       : translateZ(0px) translate(0, 0);
}

.material_input_block.material_input_phone:focus::after {
    opacity  : 1;
    transform: translateZ(0px) translate(0, 0);
}

.material_input_block.material_input_phone::after {
    background: none;
}

.datepicker-block .material_input_block {
    margin-bottom: 10px;
}

.min-height {
    min-height: 100vh;
}

.payment-successful.formation-block {
    min-height: 350px;
}

.payment-successful .modal-header,
.payment-successful .modal-body,
.payment-successful .modal-footer,
.payment-successful.formation-block .modal-header {
    padding-top: 0;
    text-align : left;
}

.datepicker {
    padding              : 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    direction            : ltr;
    /*.dow {
        border-top             : 1px solid #ddd !important;
    }*/
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top : 0;
    left: 0;
}

.datepicker-dropdown:before {
    content            : '';
    display            : inline-block;
    border-left        : 7px solid transparent;
    border-right       : 7px solid transparent;
    border-bottom      : 7px solid #ccc;
    border-top         : 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position           : absolute;
}

.datepicker-dropdown:after {
    content      : '';
    display      : inline-block;
    border-left  : 6px solid transparent;
    border-right : 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-top   : 0;
    position     : absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px;
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom       : -7px;
    border-bottom: 0;
    border-top   : 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom       : -6px;
    border-bottom: 0;
    border-top   : 6px solid #ffffff;
}

.datepicker>div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin               : 0;
    -webkit-touch-callout: none;
    -webkit-user-select  : none;
    -khtml-user-select   : none;
    -moz-user-select     : none;
    -ms-user-select      : none;
    user-select          : none;
}

.datepicker td,
.datepicker th {
    text-align           : center;
    width                : 20px;
    height               : 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
    border               : none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eeeeee;
    cursor    : pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color     : #999999;
    cursor    : default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color : #fde19a;
    background-image : -moz-linear-gradient(to top, #fdd49a, #fdf59a);
    background-image : -ms-linear-gradient(to top, #fdd49a, #fdf59a);
    background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image : -webkit-linear-gradient(to top, #fdd49a, #fdf59a);
    background-image : -o-linear-gradient(to top, #fdd49a, #fdf59a);
    background-image : linear-gradient(to top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color     : #fdf59a #fdf59a #fbed50;
    border-color     : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color            : #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
    color: #000;
}

.datepicker table tr td.today.active:hover {
    color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background           : #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    border-radius        : 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color     : #f3d17a;
    background-image     : -moz-linear-gradient(to top, #f3c17a, #f3e97a);
    background-image     : -ms-linear-gradient(to top, #f3c17a, #f3e97a);
    background-image     : -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image     : -webkit-linear-gradient(to top, #f3c17a, #f3e97a);
    background-image     : -o-linear-gradient(to top, #f3c17a, #f3e97a);
    background-image     : linear-gradient(to top, #f3c17a, #f3e97a);
    background-repeat    : repeat-x;
    filter               : progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color         : #f3e97a #f3e97a #edde34;
    border-color         : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter               : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius   : 0;
    border-radius        : 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color : #9e9e9e;
    background-image : -moz-linear-gradient(to top, #b3b3b3, #808080);
    background-image : -ms-linear-gradient(to top, #b3b3b3, #808080);
    background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image : -webkit-linear-gradient(to top, #b3b3b3, #808080);
    background-image : -o-linear-gradient(to top, #b3b3b3, #808080);
    background-image : linear-gradient(to top, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color     : #808080 #808080 #595959;
    border-color     : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color            : #fff;
    text-shadow      : 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color : #006dcc;
    background-image : -moz-linear-gradient(to top, #0088cc, #0044cc);
    background-image : -ms-linear-gradient(to top, #0088cc, #0044cc);
    background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image : -webkit-linear-gradient(to top, #0088cc, #0044cc);
    background-image : -o-linear-gradient(to top, #0088cc, #0044cc);
    background-image : linear-gradient(to top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color     : #0044cc #0044cc #002a80;
    border-color     : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color            : #fff;
    text-shadow      : 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span {
    display              : block;
    width                : 23%;
    height               : 54px;
    line-height          : 54px;
    float                : left;
    margin               : 1%;
    cursor               : pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius   : 4px;
    border-radius        : 4px;
}

.datepicker table tr td span:hover {
    background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color     : #999999;
    cursor    : default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color : #006dcc;
    background-image : -moz-linear-gradient(to top, #0088cc, #0044cc);
    background-image : -ms-linear-gradient(to top, #0088cc, #0044cc);
    background-image : -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image : -webkit-linear-gradient(to top, #0088cc, #0044cc);
    background-image : -o-linear-gradient(to top, #0088cc, #0044cc);
    background-image : linear-gradient(to top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter           : progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color     : #0044cc #0044cc #002a80;
    border-color     : rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter           : progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color            : #fff;
    text-shadow      : 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker .prev,
.datepicker .next {
    color: #00539F;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}

.datepicker .cw {
    font-size     : 10px;
    width         : 12px;
    padding       : 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor          : default;
    background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    cursor: pointer;
    width : 16px;
    height: 16px;
}

.input-daterange input {
    text-align: center;
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius   : 3px 0 0 3px;
    border-radius        : 3px 0 0 3px;
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius   : 0 3px 3px 0;
    border-radius        : 0 3px 3px 0;
}

.input-daterange .add-on {
    display         : inline-block;
    width           : auto;
    min-width       : 16px;
    height          : 20px;
    padding         : 4px 5px;
    font-weight     : normal;
    line-height     : 20px;
    text-align      : center;
    text-shadow     : 0 1px 0 #ffffff;
    vertical-align  : middle;
    background-color: #eeeeee;
    border          : 1px solid #ccc;
    margin-left     : -5px;
    margin-right    : -5px;
}

.datepicker.dropdown-menu {
    position                  : absolute;
    top                       : 100%;
    left                      : 0;
    float                     : left;
    display                   : none;
    min-width                 : 160px;
    list-style                : none;
    background-color          : #ffffff;
    padding                   : 15px 25px;
    /* border                 : 1px solid #ccc; */
    /* border                 : 1px solid rgba(0, 0, 0, 0.2); */
    -webkit-border-radius     : 5px;
    -moz-border-radius        : 5px;
    border-radius             : 5px;
    -webkit-box-shadow        : 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow           : 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow                : 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip   : padding-box;
    -moz-background-clip      : padding;
    background-clip           : padding-box;
    *border-right-width       : 2px;
    *border-bottom-width      : 2px;
    color                     : #333333;
    font-family               : "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size                 : 13px;
    line-height               : 20px;
    z-index                   : 99999999999999999 !important;
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    padding: 4px 5px;
}

.datepicker .form-control.material_input {
    height    : 46px;
    text-align: left;
}

/*Desktop */
.material_check_radio::after {
    top               : 50%;
    left              : 50%;
    -webkit-transform : translate(-50%, -50%) scale(0);
    -ms-transform     : translate(-50%, -50%) scale(0);
    transform         : translate(-50%, -50%) scale(0);
    -webkit-transition: -webkit-transform 0.2s;
    transition        : -webkit-transform 0.2s;
    -o-transition     : transform 0.2s;
    transition        : transform 0.2s;
    transition        : transform 0.2s, -webkit-transform 0.2s;
}

.material_radiobox:checked~.material_check_radio::after {
    -webkit-transform: none;
    -ms-transform    : none;
    transform        : none;
    left             : 2px;
    top              : 2px;
    height           : 12px;
    width            : 12px; 
    background-color: #00539F;
}

/* .multi-column p,
.btn-help span {
    font-weight: 700;
} */

.notification-col .snooze-icon,
.notification-col.active .snooze-icon {
    background-image: none;
    text-decoration : none !important;
}

.notification-col .snooze-icon {
    font-size       : 24px !important;
    color           : rgba(149, 153, 168, 1) !important;
    vertical-align  : top;
    background-image: none;
}

.notification-col.active .snooze-icon {
    color: #00539F !important;
}

.notification-col .snooze-icon:before {
    vertical-align: top;
}

.multi-column .img {
    height       : 150px;
    overflow     : hidden;
    border-radius: 3px;
}

.multi-column .img img {
    width     : 100%;
    height    : 100%;
    object-fit: cover;
}

.faq-banner {
    background: rgb(0, 122, 190);
    background: -moz-linear-gradient(149deg,
            rgba(0, 122, 190, 1) 0%,
            rgba(0, 155, 164, 1) 100%);
    background: -webkit-linear-gradient(149deg,
            rgba(0, 122, 190, 1) 0%,
            rgba(0, 155, 164, 1) 100%);
    background: linear-gradient(149deg,
            rgba(0, 122, 190, 1) 0%,
            rgba(0, 155, 164, 1) 100%);
    filter             : progid:DXImageTransform.Microsoft.gradient(startColorstr="#007abe", endColorstr="#52AE32", GradientType=1);
    background-size    : cover;
    background-position: center center;
    position           : relative;
}

.faq-banner::before {
    content            : "";
    position           : absolute;
    left               : 0;
    top                : 0;
    right              : 0;
    bottom             : 0;
    background         : url("help-support-bg.svg") no-repeat;
    background-size    : cover;
    background-position: center center;
    pointer-events     : none;
}

.header-with-action .heading-divider {
    padding-left: 40px;
}

/* Media Screens */
@media (max-width: 991px) {
    .table-responsive.table-default-wrapper {
        min-height: 0.01%;
        overflow-x: auto;
    }

    .table-responsive::-webkit-scrollbar {
        width : 0px;
        height: 0;
    }

    .account-details .reset-password {
        margin : 0;
        padding: 10px 10px 0;
    }
}

@media (max-width: 767px) {
    .card-header {
        padding: 0 15px;
    }

    .language-select {
        margin-bottom: 10px;
    }

    .language-select a {
        position: relative;
        top     : -10px;
    }

    .heading-divider h2,
    .frequently-questions .heading-divider h2 {
        width: 100%;
    }

    .header-with-action .heading-divider {
        padding-left: 15px;
    }

    .back-link {
        display: block;
        top    : 6px;
        left   : 0;
    }

    #accordion-section {
        margin-bottom: 20px;
    }

    .tab-content-container .card-footer {
        clear        : both;
        border       : 0;
        border-radius: 0;
        margin       : 22px -20px 0 !important;
    }

    .gear-link .head-search {
        display: block !important;
    }

    .header-with-action .gear-link {
        margin-top: -10px;
    }

    .table-row label {
        color         : rgba(109, 115, 126, 1);
        text-transform: uppercase;
        font-weight   : 500;
    }

    .table-row h3 {
        font-weight: 600;
    }

    .contact-wrapper.contact-info-default {
        padding: 0;
    }

    .list-inline .arrow-dropdown.left>.dropdown-menu {
        right: 0;
    }

    .list-inline .arrow-dropdown .dropdown-menu::before {
        right: 0;
    }

    .head-notification {
        min-width: 100%;
    }

    .list-inline .arrow-dropdown.left>.dropdown-menu {
        width: 315px;
    }
}

@media (max-width: 576px) {
    .main-nav {
        height: 95%;
    }

}

/*IE Desktop */
.ie-css .tab-container .nav-tabs>li.active .material_tabs_item::before,
.ie-css .tab-container .nav-tabs>li.active .material_tabs_item::after {
    left             : 0;
    right            : 0;
    -webkit-transform: none;
    -ms-transform    : none;
    transform        : none;
}

body {
    color: #393b3f;
}

.tabs-container .tab button,
.without-images,
.questions-block,
.dashboard-banner2 .formation,
.material_input_block .material_input {
    background-color: #f9f9f9;
}

.language-select a,
.pre-login-footer ul a,
.create-acc-link,
.login-form .material_label_checkbox,
.material_input_block .material_input,
.language-select a,
.back-button,
.material_input_block label {
    color: #6D737E;
}

.tabs-container .tab button.active:before,
.btn-primary {
    background-color: #00539F;
}
.tabs-container .tab button,
.create-acc-link a,
.btn-secondary,
.form-link a {
    color: #00539F;
}
.create-acc-link a:hover,
.btn-secondary:hover,
.form-link a:hover,
.create-acc-link a:hover{
    color:#3375B2;
}
.create-acc-link a:focus,
.btn-secondary:focus,
.form-link a:focus,
.create-acc-link a:focus{
    color:#00427F;
}

.create-acc-link .btn-secondary {
    border          : 1px solid #EFEFEF;
    background-color: #FFFFFF;
}

.create-acc-link .btn-secondary:hover {
    color: #28497E;
}

.create-acc-link .btn-secondary:focus {
    color: #233C64;
}

.breadcrumb {
    background-color: #f5f5f5;
}

.btn-secondary {
    background-color: #f9f9f9;
    border          : 1px solid #efefef;
}

.multi-column span,
.activity-row span,
a.view-all {
    color: #6d737e;
}

.empty-tasks h4,
.border-box .heading h2 {
    color: #4c4e54;
}

.activity-row h4,
.empty-tasks p {
    color: #393b3f;
}

.multi-column h3,
.activity-row strong,
.multi-column .read-more,
.empty-tasks li a {
    color: #00539F;
}

.multi-column .read-more:hover,
.empty-tasks li a:hover {
    color: #337ab7;
}

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

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

.material_input_phone {
    margin-bottom: 18px;
    padding-left : 0;
}

ngx-intl-tel-input {
    width   : 100%;
    display : block;
    margin  : 0;
    padding : 0;
    position: relative;
}

ngx-intl-tel-input .iti,
ngx-intl-tel-input .intl-tel-input {
    width: 100%;
}

ngx-intl-tel-input .iti .iti__flag-container,
ngx-intl-tel-input .intl-tel-input .flag-container {
    border-right: 3px solid #fff;
    z-index     : 1;
}

ngx-intl-tel-input .iti .iti__flag-container .iti__selected-flag,
ngx-intl-tel-input .intl-tel-input .flag-container .selected-flag {
    background-color: transparent;
    padding         : 0 7px 0 14px;
}

ngx-intl-tel-input .iti .iti__flag-container .seliti__selected-flag:hover,
ngx-intl-tel-input .intl-tel-input .flag-container .selected-flag:hover {
    background-color: transparent;
}

ngx-intl-tel-input .iti .phone-number,
ngx-intl-tel-input .intl-tel-input .phone-number {
    width           : 100%;
    border-top      : 0;
    border-right    : 0;
    border-left     : 0;
    padding         : 16px 15px 16px 105px !important;
    background-color: #f9f9f9;
    border-color    : #9599a8;
    color           : #393b3f;
    font-weight     : 600;
    top             : 0;
    text-align      : left;
}

ngx-intl-tel-input .iti .phone-number:focus,
ngx-intl-tel-input .intl-tel-input .phone-number:focus {
    outline: none;
}

ngx-intl-tel-input .iti .country-list,
ngx-intl-tel-input .intl-tel-input .country-list {
    box-shadow : none;
    margin-left: 0;
}

ngx-intl-tel-input .iti .country-list .country,
ngx-intl-tel-input .intl-tel-input .country-list .country {
    padding: 10px;
}

ngx-intl-tel-input .iti .country-list .country:hover,
ngx-intl-tel-input .intl-tel-input .country-list .country:hover {
    color: #00539F;
}

ngx-intl-tel-input .iti .country-list .divider,
ngx-intl-tel-input .intl-tel-input .country-list .divider {
    border-bottom : 1px solid #cdcdcd;
    border-radius : 4px;
    box-shadow    : 0 4px 5px rgba(170, 173, 185, 0.3);
    margin        : 10px 15px;
    padding-bottom: 1px;
}

.margin-right-none {
    margin-right: 0;
}

.p-l-0 {
    padding-left: 0;
}

.m-l-15 {
    margin-left: 15px;
}

.m-t-15 {
    margin-top: 15px;
}

.m-b-50 {
    margin-bottom: 15px !important;
}

table.dataTable tbody th,
table.dataTable tbody td {
    padding: 0;
}

.tabs-container table.dataTable.no-footer,
.tabs-container table.dataTable thead th,
.tabs-container table.dataTable thead td {
    border: none;
}

.tabs-container .dataTables_paginate {
    width                : 100%;
    background-color     : #f9f9f9;
    border-radius        : 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius   : 0 0 3px 3px;
    -ms-border-radius    : 0 0 3px 3px;
    -o-border-radius     : 0 0 3px 3px;
    border               : 1px solid #ede7e7;
    padding              : 22px 0;
}

.tabs-container .dataTables_wrapper .dataTables_paginate {
    text-align: center;
}

.shadow-card-wrapper .tabs-container .dataTables_wrapper .dataTables_paginate span a.paginate_button {
    margin-left    : -3px;
    font-size      : 14px;
    font-weight    : bold;
    padding        : 12px 10px !important;
    min-width      : 65px;
    line-height    : 30px !important;
    height         : 54px;
    line-height    : 1.42857143;
    color          : #337ab7 !important;
    text-decoration: none;
    background     : #fff;
    border         : 1px solid #ddd;
}

.shadow-card-wrapper .tabs-container .dataTables_wrapper .dataTables_paginate span a.paginate_button:focus {
    outline: none;
}

.shadow-card-wrapper .tabs-container .dataTables_wrapper .dataTables_paginate span a.paginate_button:active {
    box-shadow: none;
}

.shadow-card-wrapper .tabs-container .dataTables_wrapper .dataTables_paginate span a.paginate_button:hover {
    z-index         : 2;
    color           : #23527c;
    background-color: #eee;
    border-color    : #ddd;
}

.shadow-card-wrapper .tabs-container .dataTables_wrapper .dataTables_paginate a.paginate_button {
    color: #337ab7 !important;
}

.shadow-card-wrapper .tabs-container .dataTables_filter input {
    background-color: #f9f9f9;
    height          : auto;
    padding         : 26px 15px 8px;
    border          : none;
    color           : #76719a;
    border-top      : none;
    border-right    : none;
    border-left     : none;
    border-bottom   : 2px solid #9599a8;
    font-size       : 14px;
    letter-spacing  : 0.5px;
    color           : #393b3f;
    font-weight     : 600;
    height          : 54px;
}

.shadow-card-wrapper .tabs-container .dataTables_filter input:focus {
    border-bottom: 2px solid #00539F;
    outline      : none;
}

.shadow-card-wrapper .tabs-container .dataTables_filter {
    position: relative;
}

.shadow-card-wrapper .tabs-container .dataTables_filter label span {
    position          : absolute;
    top               : 16px;
    left              : 22px;
    margin            : 0;
    font-weight       : 700;
    font-size         : 16px;
    letter-spacing    : 0.5px;
    color             : #393b3f;
    transition        : all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition   : all ease-in-out 0.2s;
    -ms-transition    : all ease-in-out 0.2s;
    -o-transition     : all ease-in-out 0.2s;
    pointer-events    : none;
    display           : inline-block;
    max-width         : 100%;
    margin            : 0;
}

.shadow-card-wrapper .tabs-container .dataTables_filter input:focus~span {
    top      : 2px !important;
    left     : 22px !important;
    font-size: 12px;
    color    : #00539F;
}

pagination-controls {
    border-radius: 4px;
    display      : inline-block;
    margin       : 22px 0;
    padding-left : 0;
}

pagination-controls .ngx-pagination {
    margin : 0;
    padding: 0;
}

pagination-controls .ngx-pagination li {
    font-size       : 16px;
    font-weight     : bold;
    padding         : 12px 10px;
    min-width       : 65px;
    line-height     : 30px;
    height          : 54px;
    color           : #337ab7;
    text-decoration : none;
    background-color: #fff;
    border          : 1px solid #efefef;
    margin-left     : -1px;
    position        : relative;
    float           : left;
}

pagination-controls .ngx-pagination li:hover,
pagination-controls .ngx-pagination li.current {
    color           : #9599a8;
    background-color: #fff;
    padding         : 12px 10px;
    z-index         : 2;
}

pagination-controls .ngx-pagination li a {
    color     : #00539F;
    background: transparent;
}

pagination-controls .ngx-pagination li a:hover {
    background     : transparent;
    text-decoration: none;
}

pagination-controls .ngx-pagination li a:focus {
    outline: none;
}

pagination-controls .ngx-pagination li.pagination-previous {
    padding   : 12px 10px;
    background: transparent;
    font-size : 24px;
    border    : none;
    color     : #337ab7;
}

pagination-controls .ngx-pagination li.pagination-previous a::before {
    content    : '\e5cb';
    font-family: "Material Icons";
}

pagination-controls .ngx-pagination li.pagination-previous::before {
    content: '' !important;
}

pagination-controls .ngx-pagination li.pagination-next {
    padding   : 12px 10px;
    background: transparent;
    font-size : 24px;
    border    : none;
    color     : #337ab7;
}

pagination-controls .ngx-pagination li.pagination-next a::after {
    content    : '\e5cc';
    font-family: "Material Icons";
}

pagination-controls .ngx-pagination li.pagination-next::after {
    content: '' !important;
}

.datepicker-block .datepicker {
    width: 100%;
}

.timepicker-input .fa {
    z-index: 0;
}

.timepicker-input .form-control {
    cursor     : pointer;
    background : none;
    z-index    : 100;
    position   : relative;
    padding-top: 8px;
}

.datepicker .material_input {
    cursor      : pointer;
    height      : 46px;
    padding-top : 22px;
    padding-left: 10px;
    background  : none;
    z-index     : 100;
}

.datepicker.material_input_block label {
    /* top    : 6px !important; */
    left   : 14px !important;
    z-index: 1000;
}

.datepicker .input-group-addon {
    background: transparent;
    border    : 0;
    position  : absolute;
    right     : 20px;
    z-index   : 0;
    top       : 12px;
}

.form-group textarea:focus+label,
.input-active textarea+label {
    top: 2px !important;
}

.form-group textarea:focus+label,
.input-active textarea+label {
    font-size     : 12px;
    color         : #393b3f;
    top           : 0 !important;
    padding-top   : 8px;
    left          : 0 !important;
    padding-left  : 15px;
    padding-bottom: 5px;
    background    : #f9f9f9;
    max-width     : 100%;
    width         : 100%;
}

.form-group textarea:focus+label {
    color: #00539F;
}

.material_input_block .select2-container .select2-selection--multiple {
    min-height   : 54px;
    background   : #f9f9f9;
    border       : 0;
    border-radius: 3px 3px 0 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding    : 11px 15px 0;
    font-weight: 600;
    color      : #393b3f;
}

.select2-selection.select2-selection--multiple .select2-selection__choice {
    border       : 1px solid #e4e4e4;
    border-radius: 0;
    padding      : 5px 10px;
    margin-top   : 0;
}

.timepicker-input .form-group {
    overflow: unset;
    overflow: initial;
}

.timepicker-input .picker--time {
    position : absolute;
    top      : 100%;
    left     : 0;
    width    : 100%;
    min-width: 100%;
    max-width: 100%;
}

.file-modal .close-modal:hover {
    color: #fff;
}

.file-modal .drop-here {
    padding: 0;
}

.file-modal .drop-here .ngx-file-drop__drop-zone {
    min-height: 150px;
    border    : none;
}

.file-modal .drop-here .ngx-file-drop__drop-zone .ngx-file-drop__content {
    height: 100%;
    color : #fff;
}

.payment-wrapper .radiobox-module {
    margin: 0;
}

.file-action a {
    display       : inline-block;
    vertical-align: middle;
}

.file-action a.file-close {
    margin-right: 0;
}

button:focus {
    outline: none;
}

.element-row {
    float   : left;
    position: relative;
    width   : 100%;
    margin  : 0;
}

.card-block .card-footer.no-margin {
    margin: 0 !important;
}

.selectpicker .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.element-column-rows .business-activities {
    /*min-height: 340px;*/
}

.element-column-rows .business-activities.shareholders {
    min-height: 340px;
}

.input-required i {
    color: #e30613;
}

.input-required.description i {
    color: #9599a8;
}

.input-required.payment {
    float     : left;
    margin-top: 0;
}

.service-rating-module ul li a.active {
    background: #F9F9F9;
    color     : #00539F;
}

.dashboard-banner2 .block {
    margin: 5px 0;
}

.text-uppercase {
    text-transform: uppercase;
}

.material_input.shareholder-share-input {
    padding: 0;
    height : auto;
}

.table-aed td {
    vertical-align: middle !important;
}

.primary-accordion-title {
    color      : #00539F;
    font-size  : 15px;
    font-weight: 600;
}

.full-width {
    width: 100% !important;
    font-weight: normal;
}

.width-auto {
    width: auto !important;
}

.datepicker.input-group {
    width: 100%;
}

.formation-table .row-wrapper {
    display: block;
    clear  : both;
    padding: 0;
}

.formation-table .row-wrapper td:first-child {
    width: 25%;
}

.formation-table .row-wrapper td:last-child {
    width: 75%;
}

.formation-table .row-wrapper tr {
    display: block;
}

.formation-table .row-wrapper tr td {
    display: inline-block;
}

.formation-table .row-wrapper td span div,
.formation-table .row-wrapper tr td span div {
    width: 100%;
}

.font-weight-bold {
    font-weight: bold !important;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.dropdown-backdrop {
    display: none;
}

.material_label_checkbox:hover:after {
    border-color: transparent;
}

.material_radio_group input[type="radio"]~.radio-label {
    font-weight: normal;
}

.material_radio_group input[type="radio"]:checked~.radio-label {
    color: #00539F !important;
}

.material_checkbox_group input[type="checkbox"]:checked~.material_label_checkbox {
    color: #00539F !important;
}

.white-space-pre {
    white-space: pre;
}

.input-group-addon {
    color: #3370c3;
}

.input-group-addon .material-icons {
    font-size: 18px;
}

.formation-block .material_label_checkbox {
    font-weight: normal;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background-color  : #F5F5F5;
    border-radius     : 4px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.documents-row .material_label_checkbox {
    height: auto;
}

.tabs-container .tab::-webkit-scrollbar-thumb,
.tabs-container .tab::-webkit-scrollbar {
    width : 8px;
    height: 4px;
}

.width-310 {
    width: 310px;
}

.width-320 {
    width: 320px;
}

.main-nav .main-nav-list li a img {
    width: 18px;
}

input[type=password] {
    padding-right: 40px !important;
}

.zsiq_theme1 div.zsiq_cnt {
    display: none !important;
}

input[disabled]+strong {
    color: #4C4E54;
}

textarea {
    height: auto !important;
}

.search-input input {
    padding: 26px 35px 8px 15px !important;
}

.font-weight-normal {
    font-weight: normal !important;
}

.shareholder-table-number {
    color: #6D737E !important;
}

.text-transform-capitalize {
    text-transform: capitalize !important;
}

.pointer-events-none {
    pointer-events: none;
}

.merged-shareholders {
    padding      : 10px 25px 0;
    margin-bottom: 0;
    border-bottom: 0 !important;
    border-top   : 0 !important;
}

.merged-shareholders .form-group {
    margin-bottom: 10px;
}

.merged-shareholders.merged-block-start {
    padding-top: 25px;
    border-top : 1px solid #EFEFEF !important;
}

.merged-shareholders.merged-block-end {
    padding-bottom: 25px;
    margin-bottom : 20px;
    border-bottom : 1px solid #EFEFEF !important;
}

.no-padding {
    padding: 0;
}

.mt-2 {
    margin-top: 10px;
}

.timepicker-input .form-group .material_input_block:after {
    transition: transform 0.2s ease-out 0s;
    transform : translateZ(0px) translate(0, 0);
    opacity   : 0;
}

.timepicker-input .form-group .material_input_block.focused:after {
    opacity: 1;
}

.timepicker-input .form-group .material_input_block .form-control {
    height        : 46px;
    padding-left  : 11px;
    padding-top   : 15px;
    padding-bottom: 0px;
}

.timepicker-input .form-group .material_input_block {
    overflow: visible;
    padding : 4px;
}

.tooltip_box {
    position        : absolute;
    left            : -91px;
    bottom          : 34px;
    width           : 210px;
    background-color: #fff;
    border          : 1px solid #ddd;
    border-radius   : 4px;
    padding         : 8px;
    display         : block;
    transition      : all ease .3s;
    visibility      : hidden;
    opacity         : 0;
    font-size       : 14px;
    line-height     : 24px;
    color           : #393b3f;
    font-weight     : normal;
    box-shadow      : 0 2px 5px rgba(170, 173, 185, 0.3);
    z-index         : 10;
}

.tooltip_box .table-wrapper {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.process-col h3 .amount,
.totalAed strong {
    width: auto;
    float: left;
}

.process-col h3 .amount span.tooltip-info,
.totalAed span.tooltip-info {
    width       : auto;
    float       : left;
    padding-left: 5px;
    position    : relative;
}

.process-col h3 .amount span.tooltip-info i {
    color     : #17c4ce;
    margin-top: 2px;
}

.process-col h3 .amount span.tooltip-info:hover .tooltip_box,
.text-info span.tooltip-info:hover .tooltip_box,
.totalAed span.tooltip-info:hover .tooltip_box {
    visibility: visible;
    opacity   : 1;
}

.totalAed .amount {
    width: 100%;
    float: left;
}

.process-col h3 .amount strong {
    padding-left: 5px;
}

.tooltip_box:after,
.tooltip_box:before {
    top           : 100%;
    left          : 50%;
    border        : solid transparent;
    content       : " ";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none;
}

.tooltip_box:after {
    border-color    : rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width    : 12px;
    margin-left     : -12px;
}

.tooltip_box:before {
    border-color    : rgba(237, 231, 231, 0);
    border-top-color: #ede7e7;
    border-width    : 13px;
    margin-left     : -13px;
}

.process-col h3 .tooltip_box:after,
.process-col h3 .tooltip_box:before {
    left: 50%;
}

.process-col h3 .tooltip_box {
    left  : -160px;
    top   : 35px;
    bottom: inherit;
    width : 350px;
}

.process-col h3 .tooltip_box:after,
.process-col h3 .tooltip_box:before {
    bottom        : 100%;
    border        : solid transparent;
    content       : " ";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none;
    top           : auto;
}

.process-col h3 .tooltip_box:after {
    border-color       : rgba(255, 255, 255, 0);
    border-bottom-color: #FFF;
    border-width       : 12px;
    margin-left        : -12px;
}

.process-col h3 .tooltip_box:before {
    border-color       : rgba(237, 231, 231, 0);
    border-bottom-color: #ede7e7;
    border-width       : 13px;
    margin-left        : -13px;
}

.manage-user-table .material_label_checkbox {
    height: 25px;
}

.review-share-table {
    display   : inline-block;
    width     : 100%;
    margin-top: 35px;
}

.review-share-table .share-percentage .table-aed {
    margin-top: 0;
}

.submission .amount {
    width: 100%;
    float: left;
}

.submission .amount strong {
    float        : left;
    width        : auto;
    padding-right: 5px;
    font-weight: normal;
}

.submission .amount .tooltip-info {
    float   : left;
    width   : auto;
    position: relative;
}

.submission .amount .tooltip-info:hover .tooltip_box {
    opacity   : 1;
    visibility: visible;
}

.submission .amount .tooltip_box {
    left  : -164px;
    top   : 35px;
    bottom: inherit;
    width : 350px;
}

.submission .amount .tooltip_box:after,
.submission .amount .tooltip_box:before {
    bottom        : 100%;
    left          : 50%;
    border        : solid transparent;
    content       : " ";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none;
    top           : auto;
}

.submission .amount .tooltip_box:after {
    border-color       : rgba(45, 45, 45, 0);
    border-bottom-color: #FFF;
    border-width       : 12px;
    margin-left        : -12px;
}

.submission .amount .tooltip_box:before {
    border-color       : rgba(58, 58, 58, 0);
    border-bottom-color: #ede7e7;
    border-width       : 13px;
    margin-left        : -13px;
}

.tooltip_box td:first-child {
    width         : 65%;
    vertical-align: top;
}

.tooltip_box td:last-child {
    width         : 35%;
    vertical-align: top;
    font-size     : 12px;
    white-space   : nowrap;
}

.search-container input#country-search-box {
    height       : 45px;
    margin-bottom: 5px !important;
    outline      : none;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    margin-bottom: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    margin-top: 3px;
}

@media (max-width: 767px) {
    .shadow-card-wrapper.thumbnail {
        min-height: inherit;
    }

    .submission .amount .tooltip_box {
        left : -137px;
        width: 300px;
    }

    .tooltip_box {
        left: 0;
    }

    .tooltip_box:after,
    .tooltip_box:before {
        left: 20px;
    }

    .process-col h3 .tooltip_box {
        left : -100px;
        width: 290px;
    }

    .process-col h3 .tooltip_box:after,
    .process-col h3 .tooltip_box:before {
        left: 115px;
    }

    .input-info .tooltips {
        right: 33px;
        left : inherit;
        width: 200px;
    }

    .input-info .tooltips:after,
    .input-info .tooltips:before {
        left          : 100%;
        top           : 25px;
        right         : inherit;
        border        : solid transparent;
        content       : "";
        height        : 0;
        width         : 0;
        position      : absolute;
        pointer-events: none;
    }

    .input-info .tooltips:after {
        border-color     : rgba(58, 58, 58, 0);
        border-left-color: #FFF4FB;
        border-width     : 13px;
        margin-top       : -13px;
    }

    .input-info .tooltips:before {
        border-color     : rgba(45, 45, 45, 0);
        border-left-color: #ede7e7;
        border-width     : 14px;
        margin-top       : -14px;
    }

    .formation-table .row-wrapper td span div,
    .formation-table .row-wrapper tr td span div {
        width: 100%;
    }

    .business-activities .formation-table td {
        padding: 5px 0;
    }
}

/* .review-page-wrapper {
    display: inline-block;
    width  : 100%;
} */

.video-overlapping {
    position        : absolute;
    left            : 0;
    top             : 0;
    width           : 100%;
    height          : 100%;
    z-index         : 100;
    cursor          : pointer;
    background-color: rgba(0, 0, 0, 50%);
}

.video-overlapping .video-button {
    height          : 61.44px;
    width           : 61.44px;
    background-color: #F9F9F9;
    position        : absolute;
    left            : 50%;
    top             : 50%;
    margin          : -30px 0 0 -30px;
    border-radius   : 100px;
}

.video-overlapping .video-button i {
    display    : block;
    line-height: 60px;
    text-align : center;
    color      : #00539F;
    font-size  : 36px;
}

.selectpicker {
    z-index : 148;
    position: relative;
}

.material_input_block .material_input.material_textarea {
    padding-top: 45px;
}

.datepicker-block {
    position: relative;
    z-index : 147;
}

.modal-content .datepicker-block {
    overflow: hidden;
}

.shareholder-details .selectpicker,
.element-column-rows .selectpicker {
    position: inherit;
}

.accordionwp.documents-row {
    padding: 0;
    border : none;
}

.accordionwp.documents-row .tiTle {
    font-size     : 16px;
    letter-spacing: 0;
    line-height   : 24px;
    float         : left;
}

.accordionwp.documents-row .accordion-title.active .tiTle {
    font-weight: bold;
}

.accordionwp.documents-row .accordion-title {
    padding-left: 50px;
}

.accordionwp.documents-row .accordion-content {
    padding   : 30px;
    background: linear-gradient(0deg, #F9F9F9 0%, #F9F9F9 11.55%, #FBFBFB 95.64%, #F0F0F0 100%);
}

.accordionwp.documents-row .accordion-content h4 {
    margin-bottom: 20px;
}

.accordionwp.documents-row .accordion-content .title {
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 18px;
    color         : #6D737E;
}

.accordionwp.documents-row .accordion-content .title p {
    padding-left: 5px;
}

.accordionwp.documents-row .accordion-content .content {
    font-size     : 12px;
    letter-spacing: 0;
    line-height   : 18px;
    color         : #393B3F;
}

.accordionwp.documents-row .contentBlock {
    margin-bottom: 35px;
}

.accordionwp.documents-row .accordion-title.active {
    background-color: #fff;
}

.accordionwp.documents-row .accordion-content .btn {
    margin-bottom   : 0;
    background-color: #fff;
    text-transform  : uppercase;
}

/* .selectpicker.selectpicker-label  */
.time-label,
.select2-label {
    position: relative;
}

.time-label .title,
.select2-label .title,
.selectpicker .title {
    position      : absolute;
    opacity       : 1 !important;
    left          : 15px;
    /* top        : 10px; */
    /* font-size  : 12px; */
    z-index       : 151;
    font-weight   : normal;
    line-height   : 14px;
    top           : 20px;
    font-size     : 16px;
}

/* .time-label .title {
    top      : 8px;
    left     : 14px !important;
    font-size: 12px;
    z-index  : 1000;
} */

.select2-label .title {
    z-index: 147;
}

.enquiry-form .datepicker.material_input_block .material_input,
.enquiry-form .material_input_block.select2-label .select2 .select2-selection__rendered,
.material_input_block.select2-label .select2 .select2-selection__rendered,
.selectpicker .bootstrap-select .btn-default {
    padding-top   : 23px;
    font-size     : 14px;
    padding-bottom: 3px;
}

.enquiry-form .datepicker.material_input_block .material_input {
    padding-left: 11px;
}

.material_input_block.material_input_phone .title {
    position   : absolute;
    left       : 105px;
    top        : 8px;
    z-index    : 151;
    font-weight: 600;
    font-size  : 12px;
    opacity    : 1 !important;
    line-height: 14px;
}

.material_input_block.material_input_phone .phone-number {
    padding-top   : 25px !important;
    padding-bottom: 7px !important;
}

.material_input_block.material_input_phone {
    margin-bottom: 3px;
}

.error .bootstrap-select .btn {
    border       : none !important;
    border-bottom: 2px solid #9599A8 !important;
}

.error label.title {
    color: rgba(227, 6, 19, 1) !important;
}

.shadow-card-wrapper.thumbnail.documents {
    padding: 15px 0;
}

.position-relative {
    position: relative;
}

.dropdown-menu.country-dropdown {
    padding: 0;
}

.process-image img {
    width: 100%;
}

.process-image {
    background  : #e6e6e6;
    border-left : 16px solid #ffff;
    border-right: 16px solid #ffff;
    padding     : 0;
}

.material_input_block.material_input_phone label {
    left   : 105px;
    z-index: 1;
}

.material_input_block.material_input_phone.input label {
    top      : 2px !important;
    font-size: 12px;
    color    : #00539F;
}

.input-active label {
    top      : 8px !important;
    font-size: 12px !important;
}

/* .select2-results__options li:first-child {
    display: none;
} */

.select2-label.input label {
    top      : 2px !important;
    left     : 15px !important;
    font-size: 12px;
    color    : #00539F;
}

.select2-search--dropdown {
    padding         : 0;
    background-color: #F9F9F9;
    border-bottom   : 2px solid #00539F;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border        : none;
    font-size     : 16px;
    letter-spacing: 0;
    line-height   : 26px;
    background    : none;
    color         : #393B3F;
    padding       : 14px 49px 14px 17px;
    height        : 52px;
    outline       : none;
}

.total-share-allocation {
    display   : block;
    margin-top: 10px;
}

.multi-column.view-all-wrapper {
    box-sizing      : border-box;
    width           : 238px;
    border          : 1px solid #EFEFEF;
    border-radius   : 3px;
    background-color: #F9F9F9;
    height          : 260px;
    display         : flex;
    justify-content : center;
    align-items     : center;
}

@media (max-width:767px) {
    .table-aed thead {
        position: absolute;
        left    : -9999px;
        overflow: hidden;
        width   : 0px;
        height  : 0px;

    }

    .table-aed tr,
    .table-aed td,
    .table-aed th,
    .table-aed thead,
    .table-aed tbody,
    .table-aed {
        display    : block;
        white-space: normal !important;
    }

    .table-aed tr {
        border: 1px solid #EFEFEF;
    }

    .table-aed tbody tr td::before {
        display       : inline-block;
        width         : 115px;
        min-width     : 115px;
        margin-right  : 10px;
        font-weight   : 600;
        color         : #6D737E;
        font-size     : 12px;
        letter-spacing: 0;
        line-height   : 18px;
        position      : absolute;
        left          : 15px;
    }

    .share-percentage .material_input_block {
        display: inline-block;
    }

    .table-aed tbody tr td::before {
        content: attr(data-title);
    }

    .table-aed .total-shares {
        margin-top: 28px;
    }

    .table-aed tbody tr td {
        padding-left: 140px !important;
    }

    .dd-right-child {
        width     : 100%;
        float     : left;
        background: #fff;
    }

    .modal-content .close span {
        color: #00539F;
    }

    .modal-content .close {
        top  : 5px;
        right: 5px;
        color: #00539F;
    }

    .accordionwp.documents-row .accordion-content {
        padding: 0 15px 15px;
    }

    .accordionwp.documents-row .contentBlock {
        padding      : 25px 30px;
        border-bottom: 1px solid #EFEFEF;
        margin       : 0;
    }

    .accordionwp.documents-row .accordion-content .title {}

    .accordionwp.documents-row .accordion-content .content {
        color      : #393B3F;
        font-size  : 16px;
        line-height: 24px;
        font-weight: 600;
    }

    .pre-login-container .otp .otp-input {
        width: 58px !important;
    }

    .material_input_block.material_input_phone label {
        font-size: 14px;
    }

    .datepicker .form-control.material_input {
        padding-right: 40px;
    }

    .stakeholders-table .manage-user-accordion .accordion-title {
        float: left;
    }

    .manage-user-accordion .accordion-content .row .btn-primary {
        width: 100%;
    }

    #recordVideoModal video {
        width : 100%;
        height: 170px;
    }

    .border-box .heading h2 {
        width: 100%;
    }

    .border-box .heading a.view-all {
        float: left;
    }

    .heading-divider h2 {
        width: 100%;
    }

    .view-all.hidden-xs {
        display: block !important;
    }

    .cmp-dropdown .dropdown-menu li:last-child a {}

    .cmp-dropdown .dropdown-menu a:hover svg {
        fill: #337ab7;
    }

    .cmp-dropdown .dropdown-menu a svg {
        fill      : #00539F;
        margin-top: 5px;
    }

    .cmp-dropdown .dropdown-menu li:last-child a {
        color      : #00539F;
        font-weight: 600;
    }

    .cmp-dropdown .dropdown-menu a:hover svg {
        color: #005787;
    }

    .cmp-dropdown .dropdown-menu li:last-child:hover a {
        color      : #337ab7;
        font-weight: bold;
    }

    .dropdown-menu.country-dropdown {
        min-width: 220px;
    }

    .formation-table .row-wrapper td:last-child {
        padding-left: 15px;
    }

    pagination-controls .ngx-pagination li,
    pagination-controls .ngx-pagination li.pagination-previous {
        min-width  : 45px;
        height     : 45px;
        line-height: inherit;
    }

    .open-tasks .border-box,
    .account-activity .border-box {
        min-height: inherit;
    }
}

.btn.disabled,
.btn[disabled] {
    opacity: 1;
}

.btn.disabled span,
.btn[disabled] span {
    opacity: 0.5;
}

.id-verification .upload-progress {
    max-width: 100%;
}

.id-verification .upload-progress .file-action {
    top: 40%;
}

.id-verification .upload-progress .file-action a.file-close {
    margin-top: 0;
}

.pb-15 {
    padding-bottom: 15px;
}

.delete-shareholder {
    margin-bottom: 15px;
    margin-top   : -10px;
    color        : #337ab7;
}

.delete-shareholder i.link-primary {
    color: #E30613;
}

.material_checkbox,
.material_radiobox {
    display : block;
    position: absolute;
    z-index : -1;
}

.material_label_checkbox:focus .material_label_checkbox::before,
.material_radio_group:focus .material_check_radio {
    border-color: #337ab7;
}

.company-logo {
    height: 150px;
    width : 270px;
}

/* ::-webkit-scrollbar {
    width : 0px;
    height: 0;
} */

.enquiry-form .form-row .btn-block {
    width     : auto;
    text-align: right;
}

.file-modal .page-level-loader .loader-item img {
    width: 200px;
}

.information-no-wrap .alert {
    position: relative;
    top     : 60px;
}

@media (max-width: 767px) {
    .information-no-wrap .alert {
        top: 0;
    }

    .process-image img {
        height: auto;
    }

    .released-documents {
        margin-bottom: 20px;
    }
}

.picker--time .picker__holder {
    max-width       : 100%;
    border          : 1px solid #EFEFEF;
    border-radius   : 0 0 3px 3px;
    background-color: #FFFFFF;
    box-shadow      : 0 2px 5px 0 #9599A8;
}

.picker__list-item {
    font-weight: 600;
    color      : #393B3F;
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
    font-weight: bold;
}

.img.review-image img {
    max-height: 70px;
}

@media (min-width: 767px) {
    .tracker.key-block-1 .key-block {
        width: 100%;
    }

    .tracker.key-block-2 .key-block {
        width: 50%;
    }

    .tracker.key-block-3 .key-block {
        width: 33.33%;
    }

    .tracker.key-block-4 .key-block {
        width: 25%;
    }

    .tracker.key-block-5 .key-block {
        width: 20%;
    }

    .tracker.key-block-6 .key-block {
        width: 16.6666%;
    }

    .tracker.key-block-7 .key-block {
        width: 14.2857%;
    }

}

body .zls-sptbscdmn,
body .zls-sptwndw {
    z-index: 1000 !important;
}

.card-header h1.choose-company {
    color      : #9599A8;
    font-size  : 16px;
    font-weight: 700;
}

.tooltip-info .tooltip_box .table-wrapper td span {
    padding-top: 0;
}

@media (max-width: 767px) {
    .contact-wrapper.help-support-contact {
        padding: 0 0;
        margin : 20px 0 0;
    }

    .shadow-card-wrapper.thumbnail {
        padding-bottom: 20px;
    }

    .sec-pd {
        clear: left;
    }
}

.formation-package.payment table tr td.text-info {
    position: relative;
}

.formation-package.payment table tr td.text-info .tooltip-info {
    padding-left: 5px;
}

.formation-package.payment table tr td.text-info .tooltip_box {
    width   : auto;
    overflow: visible;
    left    : 60px;
    bottom  : auto;
    top     : -20px;
}

.formation-package.payment table tr td.text-info .tooltip_box table {
    margin-top: 0px;
}

.formation-package.payment table tr td.text-info .tooltip_box:after,
.formation-package.payment table tr td.text-info .tooltip_box:before {
    right         : 100%;
    top           : 32px;
    border        : solid transparent;
    content       : "";
    height        : 0;
    width         : 0;
    position      : absolute;
    pointer-events: none;
    left          : auto;
    bottom        : auto;
}

.formation-package.payment table tr td.text-info .tooltip_box:after {
    border-color      : rgba(237, 231, 231, 0);
    border-right-color: #FFF;
    border-width      : 13px;
    margin-top        : -13px;
}

.formation-package.payment table tr td.text-info .tooltip_box:before {
    border-color      : rgba(237, 231, 231, 0);
    border-right-color: #ede7e7;
    border-width      : 14px;
    margin-top        : -14px;
}

.manage-user-table .table-default .sort-btn {
    position: initial;
}

.suggested-activities .accordion-content .sub-activity {
    padding-left: 30px;
}

.suggested-activities .accordion-content .sub-activity .material_checkbox_group {
    top : -2px;
    left: 0;
}

.red {
    color: #E30613 !important;
}

.green {
    color: #76B729 !important;
}
.accordion-content.ubo{
    background: none;
}
.form-group.phone {
    z-index:155;
    position: relative;
}
.form-group.phone .material_input_block{
    overflow: visible;
}
.form-group.phone .material_input_block::after{
    opacity: 0;
}
.form-group.phone .material_input_block.input::after{
    opacity: 1;
}
.material_input_block .material_input.nominee-text,
.material_input_block .material_input.does-company-text,
.material_input_block .material_input.settlor-text{
    height:100px;
    padding-top: 40px;
}
.c-navigation .dropdown .dropdown-menu li a{
    font-weight: normal;
}
.progress-box svg {
    position: absolute;
    left: -6px;
    top: -8px;
    width: 70px;
    transform: rotateY(180deg);
}

.progress-svg .line-bar {
    mask: url(#mask);
}

.dashboard-progress-count .pie {
    display: none;
}

.your-progress ul.progressUl li.active a .number{
    z-index: 100;
    background: none;
    border: none;
    line-height: 57px;
}
@media (max-width: 767px) {
    .review-applicaton .process-bar .progress-box{
        position: absolute;
        right: 53px;
    }
}
.yourSelections .form-group input:focus+label, 
.yourSelections .input-active input+label{
    left: 0 !important;
    top: 0 !important;
    font-size: 15px;
}
.tabs-container .tab button{
    color: #6d737e;
}
.tabs-container .tab button.active{
    color: #00539F;
}

/*31-10-22*/

.verification-step.first-step{
    text-align: center;
}

/*31-10-22 End*/

/*10-11-22*/
.verification-step.first-step h2,
.verification-step.first-step .icon,
.verification-step.first-step .step-number{
     text-align: center !important;
}
/*10-11-22*/


/*28-04-23*/
#accordion-section{
    margin-bottom: 20px;
}
.form-group.uploadProgressGroup .upload-progress{
    position: absolute;
    left: 125px;
    border: none;
    top:0;
}
.form-group.uploadProgressGroup .upload-label{
    border: none;
    padding: 0;
    min-height: inherit;
}
.form-group.uploadProgressGroup .upload-label .file-action a.file-close{
    margin-top: 0;
}
.form-group.uploadProgressGroup .upload-label .file-info{
    padding-left: 0;
}
@media (max-width: 767px) {
    .form-group.uploadProgressGroup{
        height: auto;
    }   
    .form-group.uploadProgressGroup .upload-progress{
        position: relative;
        left: 0;
        border: none;
        top:0;
    } 
}
/*28-04-23*/

/*10-11-22*/
.verification-step.first-step h2,
.verification-step.first-step .icon,
.verification-step.first-step .step-number{
     text-align: center !important;
}
/*10-11-22*/

/*11-08-23*/

#accordion-section .mat-expansion-panel-header{
    height: auto;
    padding: 0;
}

#accordion-section mat-expansion-panel{
 box-shadow:none;   
}

#accordion-section .mat-expansion-panel-header:hover{
    background: none;
}

#accordion-section .mat-expansion-panel-header:hover .accordion-title{
    color: #426da9;
}

#accordion-section .mat-expansion-panel-body{
    padding: 0
}

#accordion-section .mat-expansion-indicator {
    position: absolute;
    right: 15px
}

#accordion-section .mat-expansion-panel-header .mat-expansion-indicator::after{
    color: #426da9;
}
/*11-08-23*/

/*05-09-23*/
.col6-section .row{
    display: flex;  
    flex-wrap: wrap;
}
.col6-section .col-md-6{
    float:none;
    margin-bottom: 30px;
}
.col6-section .col-md-6 .form-group,
.col6-section .col-md-6 .material_input_block{
    height:100%;
}
/*05-09-23*/


/*21-09-23*/

.error-comment-box {
  border-left: 3px solid red !important;
  padding: 10px 15px 15px 15px !important;
}

.error-comment-text-danger {
  color: red;
  margin: 5px 0px !important;
}

/*21-09-23*/

/*06-10-23*/
.compliance-help-info .input-info .tooltips{
    left: inherit;
    right: 33px;
}
.compliance-help-info .input-info .tooltips:after{
    border-color: rgba(255, 244, 251, 0);
    border-left-color: #FFF4FB;
    border-width: 12px;
    margin-top: -12px;
}
.compliance-help-info .input-info .tooltips:before {
    border-color: rgba(255, 218, 241, 0);
    border-left-color: #FFDAF1;
    border-width: 13px;
    margin-top: -13px;
}
.compliance-help-info .input-info .tooltips:after, 
.compliance-help-info .input-info .tooltips:before{
    left: 100%;
    right: inherit;
    top: 25px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.col6-section .col-md-6 .form-group.complianec-file {
margin-bottom: 0;
}
.col6-section .col-md-6 .form-group.complianec-file .upload-label{
margin-bottom: 0;
}
/*06-10-23*/
.col6-section .col-md-6 .form-group.complianec-file {
height: auto
}
.accordion-content.ubo{
background: none;
}
.complianec-file .material_input_block .material_input{
height:66px;
}
.complianec-file .material_input_block input[type="file"].material_input{
padding-top:31px;
}
.complianec-file .material_input_block label{
top: 10px !important;
}
.compliance-step ul {
padding: 15px 0;
}
.compliance-step ul li {
line-height: 30px;
}
body .checkbox_design_vertical .compliance-step .material_label_checkbox {
left: 0px !important;
}
/*06-10-23*/



.example-form {
    min-width: 150px;
    max-width: 500px;
    width: 100%;
}

.example-full-width {
    width: 100%;
}

.select2-label::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    background-color: #9599a8;
    -webkit-transition: transform 0.2s ease-out 0s;
    transition: transform 0.2s ease-out 0s;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0 !important;
}

.formGroup {
    padding: 0;
    height: 54px;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0;
    border: none;
    background: none;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background: none;
    background-color: transparent;
}



.formGroup input {
    padding-left: 15px;
    height: 40px;
    padding-top: 15px;
}

.mat-form-field-label {
    padding-left: 15px;
}

.select2-label::after {
    left: 0;
    right: 0;
    background-color: #00539F;
}
.mat-form-field-label-wrapper {
    top: 8px;
    left: 0;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    border: none;
}
.mat-active .mat-option-text{
    color: #00539F;
    font-weight: 700;
}

/*26-12-2023*/
.suggested-activities .material_checkbox_group {
    width: 100%;
    float: left;
}
/*26-12-2023*/

/*21-12-23*/

.example-form {
    min-width: 150px;
    max-width: 500px;
    width: 100%;
}

.example-full-width {
    width: 100%;
}

.select2-label::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    left: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    background-color: #9599a8;
    -webkit-transition: transform 0.2s ease-out 0s;
    transition: transform 0.2s ease-out 0s;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0 !important;
}

.formGroup {
    padding: 0;
    height: 54px;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    background-color: #f9f9f9;
    border-bottom: 0;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    padding: 0;
    border: none;
    background: none;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
    background: none;
    background-color: transparent;
}

.formGroup input {
    padding-left: 15px;
    height: 44px;
    padding-top: 10px;
}

.mat-form-field-label {
    padding-left: 15px;
}

.select2-label::after {
    left: 0;
    right: 0;
    background-color: #00539F;
}
.mat-focused .mat-form-field-label-wrapper,
.mat-form-field-should-float .mat-form-field-label-wrapper{
    left: 3px;
    top: 8px;
}
.mat-form-field-label-wrapper {
    top: 0;
    left: 0;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
    border: none;
}
.mat-active .mat-option-text{
    color: #00539F;
    font-weight: 700;
}

.login-form .mat-form-field-label{
    font-weight: 500;
    line-height: 14px;
    font-size: 16px;
    color: #393b3f;
}

/*21-12-23*/



/*26-12-2023*/
.suggested-activities .material_checkbox_group {
    width: 100%;
    float: left;
}
/*26-12-2023*/

/*01-01-2024*/
@media screen and (max-width: 1350px) {
  .customer-dashboard .summary-details,
  .customer-dashboard .license-details{
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .customer-dashboard .summary-details,
  .customer-dashboard .license-details{
    width: 100%;
  }
  .customer-dashboard .license-details .dashboard-summary label{
    width: 100%;
    margin-bottom: 5px;
    margin-top: 10px;
  }
  .customer-dashboard .license-details{
    padding-bottom: 15px !important;
  }
}
/*01-01-2024*/
/*30-01-24*/
.suggested-activities.business-categories .accordion-content #accordion-section span {
    padding-left: 0;
}

.suggested-activities.business-categories .accordion-content #accordion-section .material_checkbox_group {
    margin-bottom: 0;
}

.business-categoriesRow {
    width: 100%;
    padding: 10px 0;
    float: left;
}
/*30-01-24*/

/*11-04-2024*/

.material_input_block label{
    font-weight: normal;
}
.company-formation .step-divider{
    margin-top: 0;
    margin-bottom: 0;
}
.select-drp{
    position: absolute;
    right: -30px;
    top: 5px;
    width: 25px;
    z-index: 100;
}
.material_input_block .material_input{
    color: #393b3f;
}

@media (min-width: 767px) {
    .section-wrapper{
        margin-bottom: 0;
    }
    .shadow-card-wrapper.thumbnail.next-bottom .next-row{
        position: fixed;
        bottom: 0;
        right: 25px;
        width: calc(100% - 375px);
        z-index: 9991;
        left: inherit;
    }
}

/*11-04-2024*/

/*03-05-2024*/
#accordion-section .mat-expansion-panel-header:hover .accordion-title{
    color: #00539F;
}
@media (min-width: 767px) {
    .shadow-card-wrapper.thumbnail.next-bottom .next-row {
        bottom:45px;
    }
    .shadow-card-wrapper.thumbnail.next-bottom{
        margin-bottom: 130px;
    }
    .company-formation .pre-login-footer{
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 99999;
        width: 100%;
        background: #30885f; /* Old browsers */
        background: -moz-linear-gradient(top,  #00539f 0%, #136886 62%, #338c5b 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #00539f 0%,#136886 62%,#338c5b 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #00539f 0%,#136886 62%,#338c5b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00539f', endColorstr='#338c5b',GradientType=0 ); /* IE6-9 */
    }
}
/*03-05-2024*/

/*06-06-24*/
.select2-container .select2-selection--multiple .select2-selection__rendered{
   white-space: break-spaces;
}
.compliance-file-blank .form-control{
    padding-top: 55px;
    height: 100%;
}
.col6-section .col-md-6{
    margin-bottom: 45px;
}

/*06-06-24*/

/*10-06-2024*/
#accordion-section .mat-expansion-panel-body{
    z-index: 0;
    position: relative;
}
/*10-06-2024*/

/*25-06-2024*/
.material_input_block.currency-wrapper .currency.material_input {
    padding-left: 55px;
}
/*25-06-2024*/

/*16-06-24*/

/*12-06-2024 by dhaval travadi*/
.shadow-card-wrapper.thumbnail.next-bottom .next-row{
        z-index: 1000;
}
/*12-06-2024 by dhaval travadi*/


/*24-07-24*/
#license .license-dropdown{
    min-width: 105px;
}
#license .license-dropdown .select2-label{
    width: 100%;
}
/*24-07-24*/

/*09-08-2024*/
.arabic-main-content #accordion-section.col6-section .row{
    text-align: right;
}
.arabic-main-content #accordion-section.col6-section .accordion-title{
    padding: 23px 20px 23px 45px;
}
.arabic-main-content #accordion-section.col6-section .accordion-content.ubo .row{
    flex-direction: row-reverse;
}
/*09-08-2024*/

/*14-08-2021*/

.col6-section.arabic-content .uploadProgress  .iti--allow-dropdown .iti__flag-container{
    right: 0;
    left: inherit;
}
.col6-section.arabic-content .uploadProgress .material_input_block.material_input_phone .phone-number{
    padding-left: 0 !important;
    padding-right: 98px !important;
    text-align: right;
}
.col6-section.arabic-content .datepicker .input-group-addon{
    right: inherit;
    left: 15px;
}
.col6-section.arabic-content .datepicker.material_input_block label{
    left: 0 !important;
    padding-right: 15px;
}
.col6-section.arabic-content .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{
    left: 15px !important;
}
.col6-section.arabic-content .datepicker .form-control.material_input{
    text-align: right;
}
.col6-section .col-md-6.uploadProgress .dropdown-menu{
    right: 0 !important;
    left:  inherit !important; 
}
.uploadProgress .material_input_block.custom-file .file-label{
    top: 45px !important;
}
.col6-section.arabic-content .help-info{
    right: inherit;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
}
.col6-section.arabic-content .tooltips.list-arabic{
    left: 33px;
    right: inherit;
}
.accordion-content .dd-right-child{
    padding: 0;
}

.col6-section.arabic-content .material_input_block .select2-container{
    padding-right: 15px;
}
.col6-section.arabic-content .material_input_block.select2-label .select2 .select2-selection__rendered,
.col6-section.arabic-content .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding-right: 0;
}
.col6-section.arabic-content ngx-intl-tel-input .iti .iti__flag-container{
    border-left: 3px solid #fff;
    padding-right: 0;
    height: 100%;
}
.col6-section.arabic-content ngx-intl-tel-input,
.col6-section.arabic-content ngx-intl-tel-input .iti{
    height: 100%;
}
.col6-section.arabic-content .form-group .arabic-label{
    right: 0 !important; 
    left: inherit !important;
    padding-right: 15px;
}
.col6-section.arabic-content .form-group textarea:focus+label,
.col6-section.arabic-content .form-group input:focus+label{
    padding-right: 15px;
    left: 0 !important;
    right: 0 !important;
}
.col6-section.arabic-content .form-group.checkbox_design_vertical .arabic-label{
    padding-right: 0;
}
.material_input_block label,
.select2-label .title{
    color: #393b3f;
}
/*14-08-2021*/
/*28-08-2024*/
body .arabic-content .checkbox_design_vertical .compliance-step .material_label_checkbox{
    padding-right: 30px !important;
    padding-left: 0;
    top: 0 !important;
}
.arabic-content .checkbox_design_vertical .compliance-step .material_label_checkbox:before{
    left: initial;
    right: 0;
}
.arabic-content .checkbox_design_vertical .compliance-step .material_label_checkbox::after{
    right: 8px;
    left: initial;
}
/*28-08-2024*/
.col6-section .compliance-acc-section-row .form-group{
    height: auto;
float: left;
    width: 100%;
}
/*25-02-2025 GBRFA TR*/
.merged-shareholders .validate-profile .action-btns{
    position: absolute;
    right: 0;
    top:0;
    display: flex;
    line-height: 54px;
    justify-content: center;
    align-items: center;
    gap:10px;
}
.merged-shareholders .validate-profile .action-btns .input-info{
    position: relative;
    width: auto !important;
    max-height:none !important;
}
.merged-shareholders .validate-profile .action-btns .input-info .material-icons{
    line-height: 54px;
    max-height:initial !important;
}
.merged-shareholders .validate-profile .action-btns button{
    line-height: 54px;
    justify-content: center;
    display: flex;
    max-height:initial !important;
}

/*25-02-2025 GBRFA TR*/