/*
@font-face {
    font-family: 'BoutrosMBC';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/site-fonts/BoutrosMBCDinkum-Medium.ttf) format('truetype');
}*/
/*
html {
    font-family: 'BoutrosMBC';
}

body {
    font-family: 'BoutrosMBC';
}
*/


@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/site-fonts/DroidKufi-Regular.eot);
    src: url(../fonts/site-fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/site-fonts/DroidKufi-Regular.woff) format('woff'), url(../fonts/site-fonts/DroidKufi-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/site-fonts/DroidKufi-Bold.eot);
    src: url(../fonts/site-fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/site-fonts/DroidKufi-Bold.woff) format('woff'), url(../fonts/site-fonts/DroidKufi-Bold.ttf) format('truetype');
}



@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Droid Sans'), local('DroidSans'), url(../fonts/site-fonts/Droid-Sans-reqular.woff) format('woff');
}

@font-face {
    font-family: 'Droid Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(../fonts/site-fonts/Droid-Sans-bold.woff) format('woff');
}


html {
    font-family: 'Droid Arabic Kufi','Droid Sans';
}

body {
    font-family: 'Droid Arabic Kufi','Droid Sans';
}

.content-wrapper {
    background-color: #fff;
    min-height: calc(100vh - 118px);
}

.include-hidden {
    /*  validate hidden fields in client side
    by modifying jquery.validate.js ignore: ":hidden"  to ignore: ":hidden:Not(.include-hidden)"
   */
    font-family: inherit;
}

.sidebar-nav {
    font-size: 1rem;
}

a,
.btn-link {
    display: inline-block;
    color: #000;
    font-size: 1rem;
}

    a[data-target] {
        color: #23b7e5 !important;
        cursor: pointer;
    }

        a[data-target].nav-link {
            color: #fff !important;
        }

            a[data-target].nav-link:hover {
                color: #000 !important;
            }

.alert a:not(.btn),
.alert .btn-link {
    color: #fff;
    text-decoration: underline;
}

a:not(.btn):not(.active):hover,
.btn-link:hover {
    color: #564aa3;
}




.alert:not(.btn) a:hover,
.alert .btn-link:hover {
    color: #fff;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #564aa3;
}


/* Wrapping element */


/* Set some basic padding to keep content from hitting the edges */

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.wrapper .section-container {
    position: static;
}

.layout-empty .footer-container {
    margin-left: 0;
}

.layout-empty .content-wrapper {
    margin-bottom: 60px !important;
}


/* Carousel */

.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}


/* Make .svg files in the carousel display properly in older browsers */

.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}


/* QR code generator */

#qrCode {
    margin: 15px;
}


/* Hide/rearrange for smaller screens */

@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.btn.btn-lg {
    font-size: 16px;
}


/*validation*/

.field-validation-valid {
    display: none;
}

.was-validated .form-control:valid,
.form-control.valid,
.was-validated .custom-select:valid,
.custom-select.valid {
    border-color: #28a745;
}

    .was-validated .form-control:valid:focus,
    .form-control.valid:focus,
    .was-validated .custom-select:valid:focus,
    .custom-select.valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

    .was-validated .form-control:valid ~ .valid-feedback,
    .was-validated .form-control:valid ~ .valid-tooltip,
    .form-control.valid ~ .valid-feedback,
    .form-control.valid ~ .valid-tooltip,
    .was-validated .custom-select:valid ~ .valid-feedback,
    .was-validated .custom-select:valid ~ .valid-tooltip,
    .custom-select.valid ~ .valid-feedback,
    .custom-select.valid ~ .valid-tooltip {
        display: block;
    }

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.valid ~ .form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.valid ~ .valid-feedback,
.form-check-input.valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.valid ~ .custom-control-label {
    color: #28a745;
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before,
    .custom-control-input.valid ~ .custom-control-label::before {
        background-color: #71dd8a;
    }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.valid ~ .valid-feedback,
.custom-control-input.valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.valid:checked ~ .custom-control-label::before {
    background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.valid ~ .custom-file-label {
    border-color: #28a745;
}

    .was-validated .custom-file-input:valid ~ .custom-file-label::before,
    .custom-file-input.valid ~ .custom-file-label::before {
        border-color: inherit;
    }

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.valid ~ .valid-feedback,
.custom-file-input.valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.valid:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

span.required {
    color: #dc3545;
}

.field-validation-error {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

span.field-validation-error:before {
    content: "\f057";
    padding-right: 3px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.8);
    border-radius: .2rem;
}

.was-validated .form-control:invalid,
.form-control.input-validation-error,
.was-validated .custom-select:invalid,
.custom-select.input-validation-error {
    border-color: #dc3545;
}

    .was-validated .form-control:invalid:focus,
    .form-control.input-validation-error:focus,
    .was-validated .custom-select:invalid:focus,
    .custom-select.input-validation-error:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

    .was-validated .form-control:invalid ~ .field-validation-error,
    .was-validated .form-control:invalid ~ .invalid-tooltip,
    .form-control.input-validation-error ~ .field-validation-error,
    .form-control.input-validation-error ~ .invalid-tooltip,
    .was-validated .custom-select:invalid ~ .field-validation-error,
    .was-validated .custom-select:invalid ~ .invalid-tooltip,
    .custom-select.input-validation-error ~ .field-validation-error,
    .custom-select.input-validation-error ~ .invalid-tooltip,
    .field-validation-error {
        display: block;
    }

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.input-validation-error ~ .form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .field-validation-error,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.input-validation-error ~ .field-validation-error,
.form-check-input.input-validation-error ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.input-validation-error ~ .custom-control-label {
    color: #dc3545;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
    .custom-control-input.input-validation-error ~ .custom-control-label::before {
        background-color: #efa2a9;
    }

.was-validated .custom-control-input:invalid ~ .field-validation-error,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.input-validation-error ~ .field-validation-error,
.custom-control-input.input-validation-error ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.input-validation-error:checked ~ .custom-control-label::before {
    background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.input-validation-error:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.input-validation-error ~ .custom-file-label {
    border-color: #dc3545;
}

    .was-validated .custom-file-input:invalid ~ .custom-file-label::before,
    .custom-file-input.input-validation-error ~ .custom-file-label::before {
        border-color: inherit;
    }

.was-validated .custom-file-input:invalid ~ .field-validation-error,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.input-validation-error ~ .field-validation-error,
.custom-file-input.input-validation-error ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.input-validation-error:focus ~ .custom-file-label {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-control:disabled,
.form-control[readonly] {
    cursor: not-allowed;
}


/*#region Wizards*/

.wizard {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #ffffff;
}

    .wizard ul {
        list-style: none outside none;
        padding: 0;
        margin: 0;
    }

        .wizard ul.previous-disabled li.complete {
            cursor: default;
        }

            .wizard ul.previous-disabled li.complete:hover {
                background: #f3f3f3;
                cursor: default;
            }

                .wizard ul.previous-disabled li.complete:hover .chevron:before {
                    border-left-color: #f3f3f3;
                }

        .wizard ul li {
            float: left;
            margin: 0;
            padding: 0 10px 0 20px;
            line-height: 46px;
            position: relative;
            background: #f5f5f5;
            color: #393939;
            cursor: default;
            -webkit-transition: all 0.218s ease;
            -moz-transition: all 0.218s ease;
            -o-transition: all 0.218s ease;
            transition: all 0.218s ease;
            border-top: solid #d4d4d4 1px;
        }

            .wizard ul li:before {
                display: block;
                content: "";
                position: absolute;
                bottom: 0;
                left: 0;
                right: -1px;
                height: 2px;
                max-height: 2px;
                overflow: hidden;
                background-color: #d4d4d4;
                z-index: 100;
            }

            .wizard ul li:first-child {
                border-left: solid #d4d4d4 1px;
            }

            .wizard ul li .step {
                border: 2px solid #393939;
                color: #393939;
                border-radius: 100%;
                position: relative;
                z-index: 2;
                display: inline-block;
                width: 24px;
                height: 24px;
                line-height: 20px;
                text-align: center;
                margin-right: 10px;
            }

            .wizard ul li .chevron {
                border: 24px solid transparent;
                border-left: 14px solid #d4d4d4;
                border-right: 0;
                display: block;
                position: absolute;
                right: -14px;
                top: 0;
                z-index: 1;
            }

                .wizard ul li .chevron:before {
                    border: 24px solid transparent;
                    border-left: 14px solid #f5f5f5;
                    border-right: 0;
                    content: "";
                    display: block;
                    position: absolute;
                    right: 1px;
                    top: -24px;
                    -webkit-transition: all 0.218s ease;
                    -moz-transition: all 0.218s ease;
                    -o-transition: all 0.218s ease;
                    transition: all 0.218s ease;
                }

            .wizard ul li.complete {
                background: #f2f6f9;
                color: #0b683b;
            }

                .wizard ul li.complete:before {
                    display: block;
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: -1px;
                    height: 2px;
                    max-height: 2px;
                    overflow: hidden;
                    background-color: #0b683b;
                    z-index: 100;
                }

                .wizard ul li.complete .chevron:before {
                    border-left: 14px solid #f2f6f9;
                }

                .wizard ul li.complete .step {
                    color: #0b683b;
                    border-color: #0b683b;
                }

                    .wizard ul li.complete .step:before {
                        display: block;
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        line-height: 20px;
                        text-align: center;
                        border-radius: 100%;
                        background-color: #ffffff;
                        z-index: 3;
                        color: #0b683b;
                        font-family: "Font Awesome 5 Free";
                        font-weight: 900;
                        content: "\f00c";
                    }

            .wizard ul li.active {
                background: #e3edf5;
                color: #2283c5;
            }

                .wizard ul li.active .step {
                    border-color: #2283c5;
                    color: #2283c5;
                }

                .wizard ul li.active:before {
                    display: block;
                    content: "";
                    position: absolute;
                    bottom: 0;
                    right: -1px;
                    left: 0;
                    height: 2px;
                    max-height: 2px;
                    overflow: hidden;
                    background-color: #2283c5;
                    z-index: 100;
                }

                .wizard ul li.active .chevron:before {
                    border-left: 14px solid #e3edf5;
                }

            .wizard ul li .badge {
                margin-right: 8px;
            }

            .wizard ul li:first-child {
                -webkit-border-radius: 2px 0 0 0;
                -webkit-background-clip: padding-box;
                -moz-border-radius: 2px 0 0 0;
                -moz-background-clip: padding;
                border-radius: 2px 0 0 0;
                background-clip: padding-box;
                padding-left: 10px;
            }


/* Fix margin for two columns form*/

@media (max-width: 992px) AND (min-width: 768px) {
    .form-group label.fix-margin,
    .form-group div.fix-margin {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .form-group div.fix-margin {
        margin-bottom: 15px;
    }
}


/*#region Comment*/

.comment {
    padding: 0.9375rem;
}

    .comment > .comment {
        margin-left: 17px !important;
    }

    .comment .comment-avatar {
        position: relative;
        background-clip: padding-box;
        display: block;
        float: left;
    }

    .comment .comment-header span {
        color: #999999;
        display: inline-block;
        margin-left: 5px;
    }

        .comment .comment-header span.commenter-name {
            color: #23b7e5;
        }

    .comment .comment-header {
        padding-bottom: 2px;
    }

    .comment .comment-body {
        float: none;
        margin-left: 60px;
        position: relative;
    }

    .comment .comment-text {
        border: 1px solid #e5e5e5;
        border-radius: 2px;
        padding: 7px 12px 8px;
    }

    .comment .comment-footer {
        display: block;
        padding: 4px 12px 0;
    }

        .comment .comment-footer i {
            margin-right: 7px;
        }


/*Force Bg*/

.bg-primary-dark {
    background-color: #1797be !important;
}


/* Fix Navigation*/

.breadcrumb.bt {
    margin: -20px -25px 20px -20px;
    background-color: #fff;
    border-top: 1px solid #cfdbe2;
    border-bottom: 1px solid #cfdbe2;
}

.content-heading > h1 {
    width: 100%;
    font-size: 1.5rem;
    line-height: 1.1;
    font-weight: normal;
    margin: 0;
}

.filter-action {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}


/* Fix  Arrow*/

.sidebar-nav > li a > .arrow {
    width: 14px !important;
    height: 14px;
    line-height: 24px;
    text-shadow: none;
    font-size: 18px;
    position: absolute;
    right: 10px;
    padding: 0;
    text-align: center;
}

    .sidebar-nav > li a > .arrow:before {
        content: "\f107";
    }

.sidebar-nav > li a.collapsed > .arrow:before {
    content: "\f105";
}
/*
@media only screen and (min-width: 1025px) {
    .aside-collapsed .sidebar-nav > li > a > .arrow {
        right: 0;
        top: 25px;
    }
  
    }
.aside-collapsed .sidebar-nav  ul  li  ul a  .arrow {
    display: none;
}*/
/* Fix BreadCrumb*/

.home-icon {
    font-size: 20px;
    margin-left: 2px;
    margin-right: 2px;
    vertical-align: top;
}


/*Fix Forms*/

.bold-label label,
label.bold-label,
.verify-form label {
    font-weight: 700;
}

.bold-label .form-group > div {
    color: #858585;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.52857;
    background-color: transparent;
    border: solid transparent;
    border-width: medium;
    border-width: 1px 0;
}

.form-group label {
    padding-top: .5rem;
}

    .form-group label.c-radio,
    .form-group label.c-checkbox {
        margin-bottom: 0;
    }

.form-group .radio label.c-radio,
.form-group .checkbox label.c-checkbox {
    padding-top: .5rem;
}

.card .form-actions {
    text-align: center;
    display: block;
    margin-bottom: 0;
}

.form-title {
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed #eee;
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 15px;
    font-weight: 700;
    color: #564aa3;
}

@media (max-width: 992px) AND (min-width: 768px) {
    .form-group label.fix-margin,
    .form-group div.fix-margin {
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .form-group div.fix-margin {
        margin-bottom: 15px;
    }
}

body .bootstrap-filestyle {
    max-width: 100%;
}


/* avatar image*/

.user-block > .user-block-picture {
    width: 128px;
    height: 128px;
}

.caption {
    opacity: .7;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 10px;
    line-height: 9px;
    position: absolute;
    padding: 7px 0;
    text-align: center;
    width: 128px;
    cursor: pointer;
    background-color: #000;
}

.user-block {
    cursor: inherit;
}

.aside-collapsed .caption {
    display: none;
}

.user-block-status {
    overflow: hidden;
    -moz-border-radius: 50%;
    border-radius: 50%;
}


/* Map*/

.map,
.map-details {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    position: relative;
    background-color: #e5e3df;
    overflow: hidden;
}

.map {
    height: 400px;
}

.map-details {
    height: 250px;
}

@media (max-width:425px) {
    .map,
    .map-details {
        max-height: 250px;
        height: 250px;
    }
}


/* Sales */

.primary-dark {
    color: #1797be;
}

.slider.slider-horizontal {
    width: 100%
}


/* Loading  */


/*#region Loading*/

@-webkit-keyframes typing {
    0% {
        background-color: #ffffff;
        box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
    }

    25% {
        background-color: rgba(255, 255, 255, 0.4);
        box-shadow: 12px 0px 0px 0px #ffffff, 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
    }

    75% {
        background-color: rgba(255, 255, 255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px #ffffff;
    }
}

@-moz-keyframes typing {
    0% {
        background-color: #ffffff;
        box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
    }

    25% {
        background-color: rgba(255, 255, 255, 0.4);
        box-shadow: 12px 0px 0px 0px #ffffff, 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
    }

    75% {
        background-color: rgba(255, 255, 255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px #ffffff;
    }
}

@keyframes typing {
    0% {
        background-color: #ffffff;
        box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
    }

    25% {
        background-color: rgba(255, 255, 255, 0.4);
        box-shadow: 12px 0px 0px 0px #ffffff, 24px 0px 0px 0px rgba(255, 255, 255, 0.2);
    }

    75% {
        background-color: rgba(255, 255, 255, 0.4);
        box-shadow: 12px 0px 0px 0px rgba(255, 255, 255, 0.2), 24px 0px 0px 0px #ffffff;
    }
}

.loading-container {
    z-index: 5000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #564aa3;
}

    .loading-container.loading-inactive {
        display: none;
    }

        .loading-container.loading-inactive .loader {
            display: none;
        }

    .loading-container .loader {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        -webkit-animation: typing 1s linear infinite alternate;
        -moz-animation: Typing 1s linear infinite alternate;
        animation: typing 1s linear infinite alternate;
        margin: 50vh auto;
        /* Not necessary- its only for layouting*/
        position: relative;
        left: -12px;
    }


/*others*/

.hidden {
    display: none;
}

.bootstrap-datetimepicker-widget {
    z-index: 1055;
}


/*Modal*/

.modal-message .modal-dialog {
    width: 300px;
}

.modal-message .modal-body,
.modal-message .modal-footer,
.modal-message .modal-header,
.modal-message .modal-title {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0 20px;
    text-align: center !important;
}

.modal-message .modal-header {
    color: #ffffff;
    margin-bottom: 10px;
    padding: 15px 0 8px;
}

    .modal-message .modal-header .fa,
    .modal-message .modal-header .glyphicon,
    .modal-message .modal-header .typcn,
    .modal-message .modal-header .wi {
        font-size: 30px;
    }

.modal-message .modal-title {
    font-size: 17px;
    color: #737373;
    margin-bottom: 3px;
}

.modal-message .modal-body {
    color: #737373;
}

.modal-message .modal-footer {
    margin: 25px 0 20px;
    padding-bottom: 10px;
}

.modal-message.modal-info .modal-header {
    color: #57b5e3;
    border-bottom: 3px solid #57b5e3;
}

.modal-message.modal-danger .modal-header {
    color: #d73d32;
    border-bottom: 3px solid #e46f61;
}

.modal-message.modal-warning .modal-header {
    color: #f4b400;
    border-bottom: 3px solid #ffce55;
}

.modal-message.modal-success .modal-header {
    color: #53a93f;
    border-bottom: 3px solid #a0d468;
}

.modal-blue .modal-header {
    border-bottom: 3px solid #5db2ff;
}

.modal-danger .modal-header {
    border-bottom: 3px solid #d73d32;
}

.modal-success .modal-header {
    border-bottom: 3px solid #53a93f;
}

.modal-warning .modal-header {
    border-bottom: 3px solid #f4b400;
}

.modal-silver .modal-header {
    border-bottom: 3px solid #777777;
}

.modal-inverse .modal-header {
    border-bottom: 3px solid #444444;
}

.modal-blueberry .modal-header {
    border-bottom: 3px solid #6f85bf;
}

.modal-palegreen .modal-header {
    border-bottom: 3px solid #a0d468;
}

.modal-orange .modal-header {
    border-bottom: 3px solid #fb6e52;
}

.modal-darkorange .modal-header {
    border-bottom: 3px solid #ed4e2a;
}

.modal-magenta .modal-header {
    border-bottom: 3px solid #bc5679;
}

.modal-purple .modal-header {
    border-bottom: 3px solid #7e3794;
}

.modal-maroon .modal-header {
    border-bottom: 3px solid #981b48;
}

.modal-primary .modal-header {
    border-bottom: 3px solid #4374e0;
}

.modal-content {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    color: #000000;
    background-color: #ffffff;
    border: rgba(0, 0, 0, 0);
}

    .modal-content .close {
        font-size: 26px;
    }

.modal-footer {
    padding-top: 12px;
    padding-bottom: 14px;
    border-top: 0;
    background-color: #f5f5f5;
}

.modal-header {
    padding: 10px 15px 10px 20px;
    background-color: #f5f5f5;
}

    .modal-header .close {
        font-size: 26px;
    }

.modal-backdrop {
    background-color: #ffffff;
}

    .modal-backdrop.in {
        zoom: 1;
        filter: alpha(opacity=75);
        -webkit-opacity: 0.75;
        -moz-opacity: 0.75;
        opacity: 0.75;
    }

.modal-message .modal-dialog {
    width: 300px;
}

.modal-message .modal-body,
.modal-message .modal-footer,
.modal-message .modal-header,
.modal-message .modal-title {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0 20px;
    text-align: center !important;
}

.modal-message .modal-header {
    color: #ffffff;
    margin-bottom: 10px;
    padding: 15px 0 8px;
}

    .modal-message .modal-header .fa,
    .modal-message .modal-header .glyphicon,
    .modal-message .modal-header .typcn,
    .modal-message .modal-header .wi {
        font-size: 30px;
    }

.modal-message .modal-title {
    font-size: 17px;
    color: #737373;
    margin-bottom: 3px;
}

.modal-message .modal-body {
    color: #737373;
}

.modal-message .modal-footer {
    margin: 25px 0 20px;
    padding-bottom: 10px;
}

.modal-message.modal-info .modal-header {
    color: #57b5e3;
    border-bottom: 3px solid #57b5e3;
}

.modal-message.modal-danger .modal-header {
    color: #d73d32;
    border-bottom: 3px solid #e46f61;
}

.modal-message.modal-warning .modal-header {
    color: #f4b400;
    border-bottom: 3px solid #ffce55;
}

.modal-message.modal-success .modal-header {
    color: #53a93f;
    border-bottom: 3px solid #a0d468;
}


/*General Fix*/

.user-block .user-block-info {
    color: #1797be
}

.btn-link {
    padding: 0;
}


/*Fix form controls & select style*/

.form-control {
    box-shadow: none !important;
}

.bootstrap-select .dropdown-toggle {
    background-color: #fff;
    border: 1px solid #dde6e9;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 100% !important;
}

.bootstrap-select.show > .btn-light.dropdown-toggle {
    border-color: #66afe9;
    background-color: #fff !important;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active {
    color: rgb(73, 80, 87);
    background-color: #fff !important;
}

.bootstrap-select .input-validation-error ~ .dropdown-toggle {
    border-color: #dc3545;
}

.bootstrap-select .valid ~ .dropdown-toggle {
    border-color: #28a745;
}


/*Date Picker Color*/

.auto-width,
.bootstrap-select.auto-width {
    width: auto !important;
    min-width: 150px !important;
}

.datepicker table tr td.active,
.timepicker table tr td button,
.datepicker table tr td span.active {
    background-color: #23b7e5 !important;
}

    .datepicker table tr td.active:hover,
    .timepicker table tr td button:hover {
        background-color: #1797be !important;
    }

.timepicker table tr td button {
    border: none;
}


/*Fix Card actions*/

.card-header a,
a.dropdown-item {
    cursor: pointer
}

.portlets-wrapper .card-header a {
    color: #fff !important;
    font-weight: 700;
    text-decoration: underline;
}

.portlet-handler {
    cursor: move !important;
}

.card .card-header .fa-chevron:after {
    content: "\f078"
}

.card .card-header .collapsed .fa-chevron:after {
    content: "\f054"
}

.drag-mode .widget {
    /**/
    clear: both;
}

.widget .card-wrapper {
    min-height: 420px !important;
}

    .widget .card-wrapper .empty {
        padding: 75px;
        margin-top: 92px;
        text-align: center;
    }

.card-wrapper table.dataTable {
    margin: 0 !important
}

.table thead > tr > th {
    border-bottom: 3px solid #564aa3;
}

.table-hover > tbody > tr:hover {
    background-color: #edf1f2 !important;
}


/* Service Froms*/

.application-label {
    background-color: #f8f8f8;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.multi-counter {
    border-left: solid 5px #1797be;
    border-top: solid 5px #1797be;
    margin-left: -15px;
    max-width: 75px;
    margin-top: -15px;
    border-right: solid 1px #ddd;
    display: flex;
    padding: 2px 3px;
}

.verification-comment {
    color: #7d2a2a;
    background-color: #fcdcdc;
    border-color: #fbcece;
    padding: 3px 5px;
    display: inline-block;
    border-radius: 3px;
    font-size: 95%;
}

h4.card-title {
    padding: 0.5rem;
    font-weight: bold;
    line-height: normal;
}

.group-success .card-header,
.group-danger .card-header,
.group-default .card-header,
.group-info .card-header,
.group-primary .card-header,
.group-warning .card-header {
    padding: 3px 15px !important;
}

.group-default {
    border-color: #ddd !important;
}

    .group-default > .card-header {
        background-color: #f5f5f5 !important;
        background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
        background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
        background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
        background-repeat: repeat-x;
    }

    .group-default .card-header a {
        color: #333 !important;
    }

.group-success {
    border-color: #d6e9c6 !important;
}

    .group-success > .card-header {
        background-color: #dff0d8 !important;
        background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
        background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
        background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
        background-repeat: repeat-x;
    }

    .group-success .card-header a {
        color: #3c763d !important;
    }

.group-danger {
    border-color: #ebccd1 !important;
}

    .group-danger .card-header {
        background-color: #f2dede !important;
        background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
        background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
        background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
        background-repeat: repeat-x;
    }

        .group-danger .card-header a {
            color: #a94442 !important;
        }

.group-info {
    border-color: #bce8f1 !important;
}

    .group-info > .card-header {
        background-color: #d9edf7;
        background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
        background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
        background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
        background-repeat: repeat-x;
    }

    .group-info .card-header a {
        color: #31708f !important;
    }

.group-primary {
    border-color: #1797be !important;
}

    .group-primary > .card-header {
        background-color: #23b7e5;
        background-image: -webkit-linear-gradient(top, #23b7e5 0%, #1797be 100%);
        background-image: -o-linear-gradient(top, #23b7e5 0%, #1797be 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#23b7e5), to(#1797be));
        background-image: linear-gradient(to bottom, #23b7e5 0%, #1797be 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff1797be', GradientType=0);
        background-repeat: repeat-x;
    }

    .group-primary .card-header a {
        color: #fff !important;
    }

.group-warning {
    border-color: #faebcc !important;
}

    .group-warning > .card-header {
        background-color: #fcf8e3;
        background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
        background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
        background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
        background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
        background-repeat: repeat-x;
    }

    .group-warning .card-header a {
        color: #8a6d3b !important;
    }

.application-summary {
    z-index: 12;
    padding: 10px;
    background-color: rgba(23, 151, 190, 0.9);
    border: solid 1px rgba(23, 151, 190, 1);
    color: #fff;
    font-size: 1.1em;
    transition: all 0.5s ease-in-out;
    position: fixed;
    top: -500px;
    margin: 5px 0 0 0;
    padding: 7px 7px 0 7px;
}

.record,
.multi-records-record {
    border: 1px solid #eee;
    padding: 0.9375rem;
}

.record-insert,
.comment-insert {
    border: 1px solid #eee;
    background-color: rgba(0, 0, 0, 0.03);
    margin-top: 10px;
    padding: 0.9375rem;
    padding-bottom: 0;
}

form.record {
    padding-bottom: 0;
    margin-bottom: 15px;
}

form.record-insert {
    padding-bottom: 0;
}

.card-header a {
    padding-top: 5px;
}

.card .card-body-from {
    padding-bottom: 0;
}

.question {
    border-right: solid 3px #e4eaec;
}

.log-note {
    color: #777777;
    font-size: 85%;
}

.log-note {
    color: #777777;
    font-size: 85%;
}

table.tbl-sqlreport,
table.tbl-sqlreport th,
table.tbl-sqlreport td {
    border-color: #1797be !important;
}

    table.tbl-sqlreport > thead > tr > td,
    table.tbl-sqlreport > thead > tr > th {
        border-bottom: solid 2px #1797be !important;
        color: #1797be !important;
    }

    table.tbl-sqlreport thead th,
    table.tbl-sqlreport td {
        background-color: rgba(81, 198, 234, 0.1);
    }

.sqlreport-title {
    font-weight: 700;
    font-size: 85%;
}

.card .table > thead > tr > th {
    border-top: 1px solid #eee;
}


/*Data table*/

.table th,
.table td,
.table > thead > tr > th {
    padding: 8px;
}

.page-link {
    padding: 0.4rem 0.75rem
}

table.dataTable thead .sorting::before,
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::before,
table.dataTable thead .sorting_desc_disabled::after {
    bottom: 0.6em;
}

a.down,
a.up {
    color: #fff !important;
}

.card .alert {
    margin: 1rem;
}

.card-title .c-checkbox {
    line-height: 20px;
}


/* Odd */

.record:nth-of-type(odd),
.multi-records-record:nth-of-type(odd),
.comment:nth-of-type(odd) {
    background-color: #fafbfc !important;
    border-bottom: 1px solid #eee;
}


/* Select*/

.bootstrap-select.disabled,
.bootstrap-select > .disabled {
    background-color: #edf1f2;
    border-color: #dde6e9;
}

    .bootstrap-select.disabled .bootstrap-select.show > .btn-light.dropdown-toggle,
    .bootstrap-select.disabled .dropdown-toggle:active {
        background-color: #edf1f2 !important;
    }

    .bootstrap-select.disabled .btn-light.disabled,
    .bootstrap-select.disabled .btn-light:disabled {
        color: #000;
    }


/*Card */

.border-default {
    border-color: #cfdbe2 !important;
}

.submit-disclaimer {
    margin-bottom: 15px;
    padding: 15px;
    width: 100%;
    background-color: #efefef;
    border: 1px solid #ddd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

    .submit-disclaimer h4
    /*pushpin*/ {
        color: #333;
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 1.2em;
    }

.text-red {
    color: #eb5a46 !important;
}

.custom-badge {
    border-radius: 0.1rem !important;
    font-size: 0.25rem !important;
}

.file-result {
    margin-top: 5px;
}

.picture {
    max-width: 162px;
    max-height: 162px;
    border: 1px solid #dde6e9;
    text-align: center;
    display: block;
    margin-bottom: 5px;
}

    .picture img {
        padding: 5px;
    }

.picture-actions {
    text-align: center;
    max-width: 162px;
    display: block;
}

.bootstrap-select .btn,
.group-span-filestyle .btn {
    border-radius: 0 !important;
}

#print-names li {
    padding: 3px;
}

.picture-actions .btn-xs {
    font-size: 0.80rem;
}
/*Notifications*/

.notification-loading {
    display: inline-block;
    width: 100%;
    text-align: center;
    min-height: 60px;
    line-height: 60px;
    color: #1797be;
    font-weight: bold;
}

.notifications {
    width: 300px;
    box-shadow: 0 5px 7px -1px #c1c1c1;
    padding-bottom: 0;
    padding: 0;
}

    .notifications .notification-box.unread {
        background-color: #d9d9d9;
    }

    .notifications li.notification-box:hover {
        background-color: #f2f3f4 !important;
    }

.notification-box a:hover, .notification-box a {
    text-decoration: none;
    color: #212529 !important;
    font-size: 14px;
}



.noti-head, .noti-footer {
    padding: 5px 15px;
    background-color: #5d9cec;
}

.notification-box {
    padding: 5px 0px;
}

    .notification-box sub {
        bottom: 0;
        top: -.25em;
    }

.badge-important {
    background-color: #d15b47;
}

.icon-animated-bell {
    display: inline-block;
    -moz-animation: ringing 2.0s 5 ease 1.0s;
    -webkit-animation: ringing 2.0s 5 ease 1.0s;
    -o-animation: ringing 2.0s 5 ease 1.0s;
    -ms-animation: ringing 2.0s 5 ease 1.0s;
    animation: ringing 2.0s 5 ease 1.0s;
    -moz-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

@-moz-keyframes ringing {
    0% {
        -moz-transform: rotate(-15deg);
    }

    2% {
        -moz-transform: rotate(15deg);
    }

    4% {
        -moz-transform: rotate(-18deg);
    }

    6% {
        -moz-transform: rotate(18deg);
    }

    8% {
        -moz-transform: rotate(-22deg);
    }

    10% {
        -moz-transform: rotate(22deg);
    }

    12% {
        -moz-transform: rotate(-18deg);
    }

    14% {
        -moz-transform: rotate(18deg);
    }

    16% {
        -moz-transform: rotate(-12deg);
    }

    18% {
        -moz-transform: rotate(12deg);
    }

    20% {
        -moz-transform: rotate(0deg);
    }
}

@-webkit-keyframes ringing {
    0% {
        -webkit-transform: rotate(-15deg);
    }

    2% {
        -webkit-transform: rotate(15deg);
    }

    4% {
        -webkit-transform: rotate(-18deg);
    }

    6% {
        -webkit-transform: rotate(18deg);
    }

    8% {
        -webkit-transform: rotate(-22deg);
    }

    10% {
        -webkit-transform: rotate(22deg);
    }

    12% {
        -webkit-transform: rotate(-18deg);
    }

    14% {
        -webkit-transform: rotate(18deg);
    }

    16% {
        -webkit-transform: rotate(-12deg);
    }

    18% {
        -webkit-transform: rotate(12deg);
    }

    20% {
        -webkit-transform: rotate(0deg);
    }
}

@-ms-keyframes ringing {
    0% {
        -ms-transform: rotate(-15deg);
    }

    2% {
        -ms-transform: rotate(15deg);
    }

    4% {
        -ms-transform: rotate(-18deg);
    }

    6% {
        -ms-transform: rotate(18deg);
    }

    8% {
        -ms-transform: rotate(-22deg);
    }

    10% {
        -ms-transform: rotate(22deg);
    }

    12% {
        -ms-transform: rotate(-18deg);
    }

    14% {
        -ms-transform: rotate(18deg);
    }

    16% {
        -ms-transform: rotate(-12deg);
    }

    18% {
        -ms-transform: rotate(12deg);
    }

    20% {
        -ms-transform: rotate(0deg);
    }
}

@keyframes ringing {
    0% {
        transform: rotate(-15deg);
    }

    2% {
        transform: rotate(15deg);
    }

    4% {
        transform: rotate(-18deg);
    }

    6% {
        transform: rotate(18deg);
    }

    8% {
        transform: rotate(-22deg);
    }

    10% {
        transform: rotate(22deg);
    }

    12% {
        transform: rotate(-18deg);
    }

    14% {
        transform: rotate(18deg);
    }

    16% {
        transform: rotate(-12deg);
    }

    18% {
        transform: rotate(12deg);
    }

    20% {
        transform: rotate(0deg);
    }
}
/*.border-primary {
    border-color: #1797be !important;
}

.bg-primary {
    background-color: #1797be !important;
}

.text-primary {
    color: #1797be !important;
}
.btn-primary {
    background-color: #23b7e5;
    border-color: #23b7e5;
}

.btn-primary:hover {
    background-color: #1797be;
    border-color: #1797be;
}*/
.card-user {
    width: 235px;
}

@media (max-width:575px) {
    .card-user {
        width: 100%;
    }
}


.box-placeholder {
    height: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
}

.form-inline {
    display: inline-block;
}


.tab-content-np {
    padding: 0px;
}

.dropdown-menu {
    font-size: 1rem;
}

.datepicker {
    padding: 10px;
}



.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    background-color: #564aa3 !important;
    color: #fff !important;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff !important;
}

.text-white .card-title a {
    color: #fff !important;
}

.chart-funnel-dash {
    max-width: 400px;
    margin: auto;
}
/*Summaries*/

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.card-boarder {
    border: 1px solid rgba(0,0,0,.125);
}

.border-counter-primary {
    border-left: 0.25rem solid #4e73df !important;
}

.border-counter-success {
    border-left: 0.25rem solid #1cc88a !important;
}

.border-counter-info {
    border-left: 0.25rem solid #36b9cc !important;
}

.border-counter-warning {
    border-left: 0.25rem solid #f6c23e !important;
}

.border-counter-default {
    border-left: 0.25rem solid #858796 !important;
}


.chart-pie-dash {
    height: calc(25rem - 58px) !important;
}

.chart-bar-dash {
    height: 25rem;
}

.text-gray-800 {
    color: #5a5c69 !important;
}

.text-gray-600 {
    color: #858796 !important;
}

.txt-prog {
    padding-bottom: 2px;
}

.sidebar a {
    /*white-space: normal !important;*/
}

.sidebar-subnav > li > a > em, .sidebar-subnav > li > .nav-item > em {
    margin: 0;
}

.sidebar-nav > li > a > em, .sidebar-nav > li > .nav-item > em {
    width: auto;
}
/*.aside-collapsed .wrapper .aside-container, .aside-collapsed .wrapper .aside-container .aside-inner {
    display: none;
}
.aside-collapsed .wrapper .section-container, .aside-collapsed .wrapper .footer-container {
    margin-left: 0;
}*/
.topnavbar .navbar-nav > .nav-item > .nav-link {
    padding: 1.1rem .75rem;
}

.aside-collapsed-text .sidebar > .sidebar-nav > li > a > b.arrow {
    font-size: 1.6em;
    padding-left: 10px;
    top: 25px;
}

.navbar-brand {
    margin: 0;
}

.wrap {
    color: #23b7e5;
    font-size: 1rem;
    display: inline-block;
}

.border-purple {
    border-color: #564aa3 !important;
}

.bg-purple {
    background-color: #564aa3 !important;
}

.bg-client-primary {
    background-color: #1eaaf1;
}

ftco-footer {
    font-size: 14px;
    background: #232323;
    padding: 6em 0;
}

.ftco-footer .ftco-footer-widget {
    width: 100%;
    display: block;
}

    .ftco-footer .ftco-footer-widget h2 {
        font-weight: normal;
        color: #fff;
        margin-bottom: 40px;
        font-size: 22px;
        font-weight: 500;
    }

    .ftco-footer .ftco-footer-widget .logo {
        color: #1eaaf1;
    }

        .ftco-footer .ftco-footer-widget .logo span {
            color: #fda638;
        }

    .ftco-footer .ftco-footer-widget ul li a span {
        color: #fff;
    }

    .ftco-footer .ftco-footer-widget .btn-primary {
        background: #fff !important;
        border: 2px solid #fff !important;
    }

        .ftco-footer .ftco-footer-widget .btn-primary:hover {
            background: #fff;
            border: 2px solid #fff !important;
        }

.ftco-footer p {
    color: rgba(255, 255, 255, 0.7);
}

.ftco-footer a {
    color: rgba(255, 255, 255, 0.7);
}

    .ftco-footer a:hover {
        color: #fff;
    }

.ftco-footer .ftco-heading-2 {
    font-size: 17px;
    font-weight: 400;
    color: #000000;
}

.ftco-footer .categories li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

    .ftco-footer .categories li a span {
        color: rgba(255, 255, 255, 0.5) !important;
    }

.ftco-footer .subscribe-form .form-group {
    position: relative;
    margin-bottom: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

    .ftco-footer .subscribe-form .form-group input {
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        width: 100%;
        background: rgba(255, 255, 255, 0.1) !important;
        border: none;
        color: rgba(255, 255, 255, 0.7) !important;
        font-size: 16px;
    }

        .ftco-footer .subscribe-form .form-group input::-webkit-input-placeholder {
            /* Chrome/Opera/Safari */
            color: rgba(255, 255, 255, 0.7) !important;
        }

        .ftco-footer .subscribe-form .form-group input::-moz-placeholder {
            /* Firefox 19+ */
            color: rgba(255, 255, 255, 0.7) !important;
        }

        .ftco-footer .subscribe-form .form-group input:-ms-input-placeholder {
            /* IE 0+ */
            color: rgba(255, 255, 255, 0.7) !important;
        }

        .ftco-footer .subscribe-form .form-group input:-moz-placeholder {
            /* Firefox 18- */
            color: rgba(255, 255, 255, 0.7) !important;
        }

    .ftco-footer .subscribe-form .form-group .submit {
        color: #fff !important;
        font-size: 16px;
        background: #5d50c6 !important;
        border: none !important;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        border-radius: 2px;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .ftco-footer .subscribe-form .form-group .submit:hover {
            cursor: pointer;
            background: #1eaaf1 !important;
        }

.ftco-footer .subscribe-form .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(255, 255, 255, 0.8);
}

.ftco-footer .block-21 .text .heading {
    font-weight: 400;
    font-size: 16px;
}

    .ftco-footer .block-21 .text .heading a {
        color: rgba(255, 255, 255, 0.9);
    }

        .ftco-footer .block-21 .text .heading a:hover, .ftco-footer .block-21 .text .heading a:active, .ftco-footer .block-21 .text .heading a:focus {
            color: #1eaaf1;
        }

.ftco-footer .block-21 .text .meta > div {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}

    .ftco-footer .block-21 .text .meta > div a {
        color: gray;
    }

.ftco-footer-social li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline-block;
}

    .ftco-footer-social li a {
        height: 40px;
        width: 40px;
        display: block;
        float: left;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 50%;
        position: relative;
    }

        .ftco-footer-social li a span {
            position: absolute;
            font-size: 20px;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

        .ftco-footer-social li a:hover {
            color: #fff;
        }

.footer-small-nav > li {
    display: inline-block;
}

    .footer-small-nav > li a {
        margin: 0 10px 10px 0;
    }

        .footer-small-nav > li a:hover, .footer-small-nav > li a:focus {
            color: #1eaaf1;
        }
.ftco-section {
    padding: 7em 0;
    position: relative;
}


.img-container {
    position: relative;
    text-align: center;
    color: white;
}

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