.Em-passport /* General Styles */
img {
    max-width: 100%;
}
/* Login Service Theme 1 */
.loginService {
    border-left: solid 2px rgba(152, 111, 47, 0.7);
}
/* Service Background Position */
.landingServices .servicedatails.service1 {
    background-position-x: 150px !important;
}
/*Grid*/
.st-sort-ascent:before {
    content: '\25B2';
}

.st-sort-descent:before {
    content: '\25BC';
}
/* Toaster */
.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a, .toast-message label {
        color: #ffffff;
    }

        .toast-message a:hover {
            color: #cccccc;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

    .toast-close-button:hover, .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
        filter: alpha(opacity=40);
    }

button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%;
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%;
}

.toast-top-left {
    top: 12px;
    left: 12px;
}

.toast-top-right {
    top: 12px;
    right: 12px;
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px;
}

#toast-container {
    position: fixed;
    z-index: 999999;
    /*overrides*/
}

    #toast-container * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #toast-container > div {
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
        background-position: 15px center;
        background-repeat: no-repeat;
        -moz-box-shadow: 0 0 12px #999999;
        -webkit-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #ffffff;
        opacity: 0.8;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        filter: alpha(opacity=80);
    }

    #toast-container > :hover {
        -moz-box-shadow: 0 0 12px #000000;
        -webkit-box-shadow: 0 0 12px #000000;
        box-shadow: 0 0 12px #000000;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        cursor: pointer;
    }

    #toast-container > .toast-info {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-wait {
        background-image: url("data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==") !important;
    }

    #toast-container > .toast-error {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
    }

    #toast-container > .toast-success {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
    }

    #toast-container > .toast-warning {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
    }

    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin: auto;
    }

.toast {
    background-color: #030303;
}

.toast-success {
    background-color: #51a351;
}

.toast-error {
    background-color: #bd362f;
}

.toast-info {
    background-color: #2f96b4;
}

.toast-wait {
    background-color: #2f96b4;
}

.toast-warning {
    background-color: #f89406;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}

/*
  * AngularJS-Toaster
  * Version 0.3
 */
#toast-container > div.ng-enter,
#toast-container > div.ng-leave {
    -webkit-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 1000ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
}

    #toast-container > div.ng-enter.ng-enter-active,
    #toast-container > div.ng-leave {
        opacity: 0.8;
    }

        #toast-container > div.ng-leave.ng-leave-active,
        #toast-container > div.ng-enter {
            opacity: 0;
        }

/* Tree */
ul.ivh-treeview li.ivh-treeview-node-collapsed ul.ivh-treeview {
    display: none;
}

ul.ivh-treeview .ivh-treeview-twistie-leaf,
ul.ivh-treeview .ivh-treeview-twistie-collapsed {
    display: none;
}

ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-collapsed {
    display: inline;
}

ul.ivh-treeview .ivh-treeview-node-collapsed .ivh-treeview-twistie-expanded {
    display: none;
}

ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-leaf {
    display: inline;
}

ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-expanded,
ul.ivh-treeview li.ivh-treeview-node-leaf .ivh-treeview-twistie-collapsed {
    display: none;
}

ul.ivh-treeview {
    list-style-type: none;
    padding-left: 0;
}

    ul.ivh-treeview ul.ivh-treeview {
        padding-left: 15px;
    }

    ul.ivh-treeview .ivh-treeview-toggle {
        cursor: pointer;
    }

    ul.ivh-treeview .ivh-treeview-node-leaf .ivh-treeview-toggle {
        cursor: auto;
    }

ul.treeView li {
    list-style: none;
    padding: 3px 0;
    cursor: pointer;
}

    ul.treeView li input[type=checkbox] {
        vertical-align: middle;
        margin: 0;
    }

    ul.treeView li ul {
        padding-left: 20px;
    }

    ul.treeView li span.type-0 { /*type- folder*/
        background: url('../images/file_sprite.png') right bottom no-repeat;
        width: 18px;
        height: 18px;
        line-height: 18px;
        display: inline-block;
        text-decoration: none;
        margin: 0 0px 0 0;
        padding: 0;
        vertical-align: top;
        text-align: center;
    }

    ul.treeView li span.type-1 { /*type- folder*/
        background: url('../images/file_sprite.png') 0 0 no-repeat;
        width: 18px;
        height: 18px;
        line-height: 18px;
        display: inline-block;
        text-decoration: none;
        margin: 0 0px 0 0;
        padding: 0;
        vertical-align: top;
        text-align: center;
    }

.selectedNode {
    background-color: #C4E4EF;
}

.ivh-treeview-checkbox {
    vertical-align: middle;
}

/*upload*/
.uploaddiv {
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 200px;
    text-align: center;
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px;
    background: #F6F6F6;
}

    .uploaddiv button {
        background: none !important;
        border: none !important;
        width: 100%;
        height: 100%;
    }

.attached-tble tbody td {
    vertical-align: middle !important;
}

/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
 */
.ladda-button {
    position: relative;
}

    .ladda-button .ladda-spinner {
        position: absolute;
        z-index: 2;
        display: inline-block;
        width: 32px;
        height: 32px;
        top: 50%;
        margin-top: 0;
        opacity: 0;
        pointer-events: none;
    }

    .ladda-button .ladda-label {
        position: relative;
        z-index: 3;
    }

    .ladda-button .ladda-progress {
        position: absolute;
        width: 0;
        height: 100%;
        left: 0;
        top: 0;
        background: rgba(0,0,0,0.2);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.1s linear all !important;
        -moz-transition: 0.1s linear all !important;
        -ms-transition: 0.1s linear all !important;
        -o-transition: 0.1s linear all !important;
        transition: 0.1s linear all !important;
    }

    .ladda-button[data-loading] .ladda-progress {
        opacity: 1;
        visibility: visible;
    }

    .ladda-button, .ladda-button .ladda-spinner, .ladda-button .ladda-label {
        -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
        -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
        -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
        -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
        transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
    }

        .ladda-button[data-style=zoom-in], .ladda-button[data-style=zoom-in] .ladda-spinner, .ladda-button[data-style=zoom-in] .ladda-label, .ladda-button[data-style=zoom-out], .ladda-button[data-style=zoom-out] .ladda-spinner, .ladda-button[data-style=zoom-out] .ladda-label {
            -webkit-transition: 0.3s ease all !important;
            -moz-transition: 0.3s ease all !important;
            -ms-transition: 0.3s ease all !important;
            -o-transition: 0.3s ease all !important;
            transition: 0.3s ease all !important;
        }

        .ladda-button[data-style=expand-right] .ladda-spinner {
            right: -6px;
        }

        .ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner {
            right: -12px;
        }

        .ladda-button[data-style=expand-right][data-loading] {
            padding-right: 56px;
        }

            .ladda-button[data-style=expand-right][data-loading] .ladda-spinner {
                opacity: 1;
            }

            .ladda-button[data-style=expand-right][data-loading][data-size="s"], .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
                padding-right: 40px;
            }

        .ladda-button[data-style=expand-left] .ladda-spinner {
            left: 26px;
        }

        .ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner {
            left: 4px;
        }

        .ladda-button[data-style=expand-left][data-loading] {
            padding-left: 56px;
        }

            .ladda-button[data-style=expand-left][data-loading] .ladda-spinner {
                opacity: 1;
            }

            .ladda-button[data-style=expand-left][data-loading][data-size="s"], .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
                padding-left: 40px;
            }

        .ladda-button[data-style=expand-up] {
            overflow: hidden;
        }

            .ladda-button[data-style=expand-up] .ladda-spinner {
                top: -32px;
                left: 50%;
                margin-left: 0;
            }

            .ladda-button[data-style=expand-up][data-loading] {
                padding-top: 54px;
            }

                .ladda-button[data-style=expand-up][data-loading] .ladda-spinner {
                    opacity: 1;
                    top: 26px;
                    margin-top: 0;
                }

                .ladda-button[data-style=expand-up][data-loading][data-size="s"], .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
                    padding-top: 32px;
                }

                    .ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner {
                        top: 4px;
                    }

        .ladda-button[data-style=expand-down] {
            overflow: hidden;
        }

            .ladda-button[data-style=expand-down] .ladda-spinner {
                top: 62px;
                left: 50%;
                margin-left: 0;
            }

            .ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner, .ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner {
                top: 40px;
            }

            .ladda-button[data-style=expand-down][data-loading] {
                padding-bottom: 54px;
            }

                .ladda-button[data-style=expand-down][data-loading] .ladda-spinner {
                    opacity: 1;
                }

                .ladda-button[data-style=expand-down][data-loading][data-size="s"], .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
                    padding-bottom: 32px;
                }

        .ladda-button[data-style=slide-left] {
            overflow: hidden;
        }

            .ladda-button[data-style=slide-left] .ladda-label {
                position: relative;
            }

            .ladda-button[data-style=slide-left] .ladda-spinner {
                left: 100%;
                margin-left: 0;
            }

            .ladda-button[data-style=slide-left][data-loading] .ladda-label {
                opacity: 0;
                left: -100%;
            }

            .ladda-button[data-style=slide-left][data-loading] .ladda-spinner {
                opacity: 1;
                left: 50%;
            }

        .ladda-button[data-style=slide-right] {
            overflow: hidden;
        }

            .ladda-button[data-style=slide-right] .ladda-label {
                position: relative;
            }

            .ladda-button[data-style=slide-right] .ladda-spinner {
                right: 100%;
                margin-left: 0;
                left: 16px;
            }

            .ladda-button[data-style=slide-right][data-loading] .ladda-label {
                opacity: 0;
                left: 100%;
            }

            .ladda-button[data-style=slide-right][data-loading] .ladda-spinner {
                opacity: 1;
                left: 50%;
            }

        .ladda-button[data-style=slide-up] {
            overflow: hidden;
        }

            .ladda-button[data-style=slide-up] .ladda-label {
                position: relative;
            }

            .ladda-button[data-style=slide-up] .ladda-spinner {
                left: 50%;
                margin-left: 0;
                margin-top: 1em;
            }

            .ladda-button[data-style=slide-up][data-loading] .ladda-label {
                opacity: 0;
                top: -1em;
            }

            .ladda-button[data-style=slide-up][data-loading] .ladda-spinner {
                opacity: 1;
                margin-top: 0;
            }

        .ladda-button[data-style=slide-down] {
            overflow: hidden;
        }

            .ladda-button[data-style=slide-down] .ladda-label {
                position: relative;
            }

            .ladda-button[data-style=slide-down] .ladda-spinner {
                left: 50%;
                margin-left: 0;
                margin-top: -2em;
            }

            .ladda-button[data-style=slide-down][data-loading] .ladda-label {
                opacity: 0;
                top: 1em;
            }

            .ladda-button[data-style=slide-down][data-loading] .ladda-spinner {
                opacity: 1;
                margin-top: 0;
            }

        .ladda-button[data-style=zoom-out] {
            overflow: hidden;
        }

            .ladda-button[data-style=zoom-out] .ladda-spinner {
                left: 50%;
                margin-left: 32px;
                -webkit-transform: scale(2.5);
                -moz-transform: scale(2.5);
                -ms-transform: scale(2.5);
                -o-transform: scale(2.5);
                transform: scale(2.5);
            }

            .ladda-button[data-style=zoom-out] .ladda-label {
                position: relative;
                display: inline-block;
            }

            .ladda-button[data-style=zoom-out][data-loading] .ladda-label {
                opacity: 0;
                -webkit-transform: scale(0.5);
                -moz-transform: scale(0.5);
                -ms-transform: scale(0.5);
                -o-transform: scale(0.5);
                transform: scale(0.5);
            }

            .ladda-button[data-style=zoom-out][data-loading] .ladda-spinner {
                opacity: 1;
                margin-left: 0;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none;
            }

        .ladda-button[data-style=zoom-in] {
            overflow: hidden;
        }

            .ladda-button[data-style=zoom-in] .ladda-spinner {
                left: 50%;
                margin-left: -16px;
                -webkit-transform: scale(0.2);
                -moz-transform: scale(0.2);
                -ms-transform: scale(0.2);
                -o-transform: scale(0.2);
                transform: scale(0.2);
            }

            .ladda-button[data-style=zoom-in] .ladda-label {
                position: relative;
                display: inline-block;
            }

            .ladda-button[data-style=zoom-in][data-loading] .ladda-label {
                opacity: 0;
                -webkit-transform: scale(2.2);
                -moz-transform: scale(2.2);
                -ms-transform: scale(2.2);
                -o-transform: scale(2.2);
                transform: scale(2.2);
            }

            .ladda-button[data-style=zoom-in][data-loading] .ladda-spinner {
                opacity: 1;
                margin-left: 0;
                -webkit-transform: none;
                -moz-transform: none;
                -ms-transform: none;
                -o-transform: none;
                transform: none;
            }

        .ladda-button[data-style=contract] {
            overflow: hidden;
            width: 100px;
        }

            .ladda-button[data-style=contract] .ladda-spinner {
                left: 50%;
                margin-left: 0;
            }

            .ladda-button[data-style=contract][data-loading] {
                border-radius: 50%;
                width: 52px;
            }

                .ladda-button[data-style=contract][data-loading] .ladda-label {
                    opacity: 0;
                }

                .ladda-button[data-style=contract][data-loading] .ladda-spinner {
                    opacity: 1;
                }

        .ladda-button[data-style=contract-overlay] {
            overflow: hidden;
            width: 100px;
            box-shadow: 0px 0px 0px 2000px transparent;
        }

            .ladda-button[data-style=contract-overlay] .ladda-spinner {
                left: 50%;
                margin-left: 0;
            }

            .ladda-button[data-style=contract-overlay][data-loading] {
                border-radius: 50%;
                width: 52px;
                box-shadow: 0px 0px 0px 2000px rgba(0,0,0,0.8);
            }

                .ladda-button[data-style=contract-overlay][data-loading] .ladda-label {
                    opacity: 0;
                }

                .ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner {
                    opacity: 1;
                }

/*Password Stringth*/
input.ng-pristine + ul#strength {
    display: none;
}

ul#strength {
    display: inline;
    list-style: none;
    margin: 0;
    margin-left: 15px;
    padding: 0;
    vertical-align: 2px;
}

.point:last {
    margin: 0 !important;
}

.point {
    background: #DDD;
    border-radius: 2px;
    display: inline-block;
    height: 5px;
    margin-right: 1px;
    width: 20px;
}

.select-page {
    width: 50px;
    text-align: center;
    margin: 0 5px;
    border: solid 1px #ccc;
    color: #5b5a5a;
}

.pagination li a input {
    padding: 0;
    margin: -5px 0;
}

/*#footer {
    position:fixed;
    bottom:5px;
}*/
/*Password Stringth*/

.st-numberOfRecords {
    line-height: 26px;
    margin: 23px 0;
}

.paginationselect {
    float: right;
    line-height: 26px;
    margin: 23px 0;
}

.media-body {
    width: auto !important;
}

.input-group .form-control, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 0;
}

.loading-bg, #loading-screen {
    z-index: 99999999999 !important;
}

.zindex0 {
    z-index: 0 !important;
}

.btn-danger.box-visa-m {
    border: none !important;
    background: url('../images/calender1.png') top center no-repeat !important;
    text-align: center;
    height: 150px;
    color: #000 !important;
    line-height: 150px !important;
}

.btn-info.box-visa-m {
    background: url('../images/calender2.png') top center no-repeat !important;
    text-align: center;
    height: 150px;
    border: none !important;
    color: #000 !important;
    line-height: 150px !important;
}

.visa-digram .box-visa-m h4 {
    line-height: 129px !important;
    color: #000 !important;
}

.ml10 {
    margin-left: 10px;
}

.mr-uploadbtnfalse {
    margin: -45px 125px;
}

input[type=range]::-ms-track {
    width: 100px;
    height: 5px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;
    /*remove default tick marks*/
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    border-radius: 10px;
    margin-top: 0px;
    height: 2PX;
}

input[type=range]::-ms-fill-upper {
    border-radius: 10px;
    margin-top: 0px;
    height: 2PX;
}

input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
}

input[type=range]:focus::-ms-fill-lower {
    background: #888;
}

input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

.text-size-slider {
    line-height: 100%;
    font-size: 14px;
}

    .text-size-slider .small-letter, .text-size-slider .big-letter {
        font-weight: bold;
    }

    .text-size-slider .slider {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0 8px;
    }

        .text-size-slider .slider:focus {
            outline: none;
        }

        .text-size-slider .slider::-webkit-slider-thumb {
            border: none;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 15px;
            height: 15px;
            border-radius: 50%;
            margin-top: -6px;
        }

        .text-size-slider .slider::-webkit-slider-runnable-track {
            width: 100%;
            height: 2px;
            cursor: pointer;
            background: white;
            border: 0;
        }

    .text-size-slider .slider {
        display: inline-block;
        width: auto;
    }

.gm-style-iw {
    font-family: Cocon !important;
}

.mr0-20 {
    margin: 0 20px;
}

.mr0-auto {
    width: auto;
    margin: 0 auto;
    display: block;
}

.mr13 {
    margin: 13px 0;
}

.ng-not-empty.ng-valid-validation.ng-valid {
    border-left-color: #27c24c;
    border-right: solid 1px #cfdadd;
    border-left-width: 3px;
}

.ng-invalid-validation:empty, .ng-empty.ng-invalid-validation {
    border-right: solid 1px #cfdadd;
    border-left-color: #cc0000;
    border-left-width: 3px;
}

.panel-heading .fa-edit {
    margin: 0px 5px;
    vertical-align: middle;
}

table.uib-daypicker {
    margin: 10px auto;
}

.uib-datepicker-popup .uib-button-bar button.btn {
    background: #868686 !important;
    border-color: #868686 !important;
}

/* you can also define the transition style
   on the base class as well (.repeat-item) */
.repeat-item.ng-enter,
.repeat-item.ng-leave {
    -webkit-transition: 0.5s linear all;
    transition: 0.5s linear all;
}

    .repeat-item.ng-enter,
    .repeat-item.ng-leave.ng-leave-active {
        opacity: 0;
    }

        .repeat-item.ng-leave,
        .repeat-item.ng-enter.ng-enter-active {
            opacity: 1;
        }

.required-star {
    color: #bd362f;
}

.navbar-brand {
    line-height: 0;
}

table input[type=checkbox] {
    vertical-align: top;
}

.mr0-10 {
    margin: 0 10px;
}

/*removed ruby faisal 
.wizard_typing_visa #status-buttons > a.wizard-step0 > span:before, .wizard_typing_investigation #status-buttons > a.wizard-step0 > span:before, .wizard_typing_ratifications #status-buttons > a.wizard-step0 > span:before, .wizard_typing_resdancy #status-buttons > a.wizard-step0 > span:before {
    content: "\f007" !important;
}

.wizard_typing_visa #status-buttons > a.wizard-step1 > span:before, .wizard_typing_investigation #status-buttons > a.wizard-step1 > span:before, .wizard_typing_ratifications #status-buttons > a.wizard-step1 > span:before, .wizard_typing_resdancy #status-buttons > a.wizard-step1 > span:before {
    content: "\f0c6" !important;
}

.wizard_typing_visa #status-buttons > a.wizard-step2 > span:before, .wizard_typing_investigation #status-buttons > a.wizard-step2 > span:before, .wizard_typing_ratifications #status-buttons > a.wizard-step2 > span:before, .wizard_typing_resdancy #status-buttons > a.wizard-step2 > span:before {
    content: "\f0f6" !important;
}

.wizard_typing_visa #status-buttons > a.wizard-step3 > span:before, .wizard_typing_investigation #status-buttons > a.wizard-step3 > span:before, .wizard_typing_ratifications #status-buttons > a.wizard-step3 > span:before, .wizard_typing_resdancy #status-buttons > a.wizard-step3 > span:before {
    content: "\f09d" !important;
}

.wizard_typing_fines #status-buttons > a.wizard-step0 > span:before {
    content: "\f007" !important;
}

.wizard_typing_fines #status-buttons > a.wizard-step1 > span:before {
    content: "\f0c6" !important;
}

.wizard_typing_fines #status-buttons > a.wizard-step2 > span:before {
    content: "\f0f6" !important;
}

.wizard_typing_fines #status-buttons > a.wizard-step3 > span:before {
    content: "\f09d" !important;
}

.wizard-visa-ext a.wizard-step0 > span:before {
    content: "\f007" !important;
}

.wizard-visa-ext #status-buttons > a.wizard-step1 > span:before {
    content: "\f0f6" !important;
}

.wizard-visa-ext #status-buttons > a.wizard-step2 > span:before {
    content: "\f09d" !important;
}

.wizard-subscription a.wizard-step0 > span:before {
    content: "\f129" !important;
}

.wizard-subscription a.wizard-step1 > span:before {
    content: "\f283" !important;
}removed ruby faisal*/

.text-red-true, .requiredSpan {
    color: #bd362f;
    vertical-align: middle;
}

td {
    word-wrap: break-word;
    max-width: 300px;
}

div.form-group {
    word-wrap: break-word;
}

label {
    display: inline;
}

.toggle-switch {
    text-align: center;
    margin: 0 auto;
    display: inline-block;
}

    .toggle-switch .active,
    .toggle-switch .inactive {
        font-size: 30px;
        cursor: pointer;
    }

    .toggle-switch .active,
    .toggle-switch .inactive {
        font-size: 30px;
        cursor: pointer;
    }

    .toggle-switch i.active {
        color: #5cb85c;
    }

    .toggle-switch i.inactive {
        color: #d9534f;
    }

.select2-container .select2-choice .select2-arrow b {
    text-align: center;
    line-height: 31px;
}

    .select2-container .select2-choice .select2-arrow b:before {
        font-family: FontAwesome;
        content: "\f0d7";
        display: inline-block;
        font-size: 11px;
    }

.select-dropdown-control {
    padding: 0 !important;
}

.select2-container {
    border: solid 1px #cfdadd;
}

.validation .select2-container.ng-valid.ng-empty {
    border-width: 1px 1px 1px 3px;
    border-color: #cfdadd;
    border-left-color: #cc0000;
    border-style: solid;
}

.validation .select2-container.ng-valid.ng-not-empty {
    border-width: 1px 1px 1px 3px;
    border-color: #cfdadd;
    border-left-color: #27c24c;
    border-style: solid;
}

.select2-container .select2-choice .select2-chosen button {
    background: none;
    border: none;
    color: #bd362f;
    position: absolute;
    right: 13px;
    top: 0;
    z-index: 9;
}

.hide-input input {
    display: none;
}

.hide-input {
    display: table-footer-group;
}

.serviceb {
    cursor: pointer;
}

.mt6 {
    margin-top: 6px;
}

p.input-group {
    margin: 0;
}

.selector-container.multiple .selector-input {
    border-color: #cfdadd;
    border-radius: 0;
}

.selector-container.multiple input, .selector-container.multiple .selector-values > li {
    padding: 0.087em 1.6em 0 0.2em !important;
}

.selector-container.multiple input {
    width: 100% !important;
}

.tour-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

/*!
 * angular-hotkeys v1.7.0
 * https://chieffancypants.github.io/angular-hotkeys
 * Copyright (c) 2016 Wes Cruver
 * License: MIT
 */
.cfp-hotkeys-container {
    display: table !important;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #333;
    font-size: 1em;
    background-color: rgba(255,255,255,0.9);
}

    .cfp-hotkeys-container.fade {
        z-index: -1024;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 0.15s linear;
        -moz-transition: opacity 0.15s linear;
        -o-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
    }

        .cfp-hotkeys-container.fade.in {
            z-index: 10002;
            visibility: visible;
            opacity: 1;
        }

.cfp-hotkeys-title {
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
}

.cfp-hotkeys {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

    .cfp-hotkeys table {
        margin: auto;
        color: #333;
    }

.cfp-content {
    display: table-cell;
    vertical-align: middle;
}

.cfp-hotkeys-keys {
    padding: 5px;
    text-align: right;
}

.cfp-hotkeys-key {
    display: inline-block;
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
    border-radius: 5px;
    text-align: center;
    margin-right: 5px;
    box-shadow: inset 0 1px 0 #666, 0 1px 0 #bbb;
    padding: 5px 9px;
    font-size: 1em;
}

.cfp-hotkeys-text {
    padding-left: 10px;
    font-size: 1em;
}

.cfp-hotkeys-close {
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 2em;
    font-weight: bold;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    min-height: 45px;
    min-width: 45px;
    text-align: center;
}

    .cfp-hotkeys-close:hover {
        background-color: #fff;
        cursor: pointer;
    }

@media all and (max-width: 500px) {
    .cfp-hotkeys {
        font-size: 0.8em;
    }
}

@media all and (min-width: 750px) {
    .cfp-hotkeys {
        font-size: 1.2em;
    }
}

.uib-datepicker .btn-info.active .text-info {
    color: #fff !important;
}

.cropper-container.cropper-bg {
    max-width: 100%;
    margin: 0 auto;
    min-width: 100%;
}

.dashoboardpage {
    position: relative;
}

.serveySection {
    position: fixed;
    bottom: 0;
    left: 15px;
    width: 300px;
    z-index: 9999;
}

.mt5 {
    margin-top: 5px;
}

/*responsive*/
@media all and (max-width: 1024px) {
    .landingServices .servicebox:before {
        opacity: 0.3;
    }
}

@media all and (max-width: 768px) {
}

@media all and (max-width: 600px) {
}

.no-wrap {
    white-space: nowrap;
}

.selector-container.multiple.has-value .selector-input {
    max-height: 100px;
    overflow: auto;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal.fade.in {
        background: rgba(0,0,0,0.4);
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modalrate .modal-body > div > div > h3, .modalrate .modal-body > div > div > div.form-group > textarea {
    display: none;
}

.modalrate .modal-body > div > div {
    overflow: hidden;
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    #header > .mrt22, body #header.bg-echannels .menu-profile {
        margin-top: 0 !important;
    }

    /* Force table to not be like tables anymore */
    table.table, .table thead, .table tbody, .table th, .table td, .table tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .table thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .table tr td {
            border: 1px solid #ccc;
        }

        .table tbody td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50% !important;
            min-height: 35px;
            width: 100% !important;
            max-width: 100% !important;
        }

            .table tbody td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                /* white-space: nowrap;*/
                font-weight: bold;
                content: attr(data-header);
            }

            .table tbody td .navbar-right {
                float: none !important;
            }

    .table tfoot {
        width: 100%;
        display: block;
    }

        .table tfoot tr {
            display: block;
        }

        .table tfoot td {
            border: none !important;
            border-bottom: 1px solid #eee !important;
            position: relative;
            padding-left: 0 !important;
            padding-right: 0 !important;
            width: 100% !important;
        }

    .table-static.table tbody td {
        padding-left: 8px !important;
    }

        .table-static.table tbody td:before {
            display: none;
        }

    .topheader .nav > li {
        float: left;
    }

    .topheader > div.dropdown {
        display: none;
    }

    .footer .footer-top {
        text-align: center;
    }

        .footer .footer-top a {
            float: none;
            font-size: 11px;
            white-space: nowrap;
        }

    #status-buttons > a {
        width: 33% !important;
    }

    #status-buttons {
        white-space: nowrap;
        position: relative;
    }

        #status-buttons > a.active {
            display: none !important;
        }

            #status-buttons > a.active.currentStep, #status-buttons > a.active.previous {
                display: inline-block !important;
            }

    .box-visa span img {
        display: none !important;
    }

    .box-visa .btn.btn-gray {
        width: 100%;
    }
}

#header .navbar-header {
    float: left;
    direction: ltr;
    width: 100%;
}

.navbar-left.menu-profile {
    float: right !important;
}

.dashboardservices td {
    cursor: pointer;
}

.strike {
    text-decoration: line-through;
}

.box-visa .btn {
    cursor: inherit;
}

.lihe-53 {
    line-height: 53px;
}

select.form-control {
    max-width: 100%;
    white-space: normal;
}

    select.form-control option {
        max-width: 100%;
        white-space: normal !important;
    }

.cropper-canvas {
    max-width: 100%;
}

img-container,
.img-preview {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
}

.img-container {
    min-height: 200px;
    max-height: 516px;
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
    }

    .img-container {
        min-height: 516px;
    }
}

.img-container > img {
    max-width: 100%;
}

.docs-preview {
    margin-right: -15px;
}

.img-preview {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}

    .img-preview > img {
        max-width: 100%;
    }

.preview-lg {
    width: 263px;
    height: 148px;
}

.preview-md {
    width: 139px;
    height: 78px;
}

.preview-sm {
    width: 69px;
    height: 39px;
}

.preview-xs {
    width: 35px;
    height: 20px;
    margin-right: 0;
}

.docs-data > .input-group {
    margin-bottom: 10px;
}

    .docs-data > .input-group > label {
        min-width: 80px;
    }

    .docs-data > .input-group > span {
        min-width: 50px;
    }

.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control {
    margin-right: 5px;
    margin-bottom: 10px;
}

.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown {
    margin-bottom: 10px;
}

.docs-tooltip {
    display: block;
    margin: -6px -12px;
    padding: 6px 12px;
}

    .docs-tooltip > .icon {
        margin: 0 -3px;
        vertical-align: top;
    }

.tooltip-inner {
    white-space: normal;
}

.btn-upload .tooltip-inner,
.btn-toggle .tooltip-inner {
    white-space: nowrap;
}

.btn-toggle {
    padding: 6px;
}

    .btn-toggle > .docs-tooltip {
        margin: -6px;
        padding: 6px;
    }

@media (max-width: 400px) {
    .btn-group-crop {
        margin-right: -15px !important;
    }

        .btn-group-crop > .btn {
            padding-left: 5px;
            padding-right: 5px;
        }

        .btn-group-crop .docs-tooltip {
            margin-left: -5px;
            margin-right: -5px;
            padding-left: 5px;
            padding-right: 5px;
        }
}

.docs-options .dropdown-menu {
    width: 100%;
}

    .docs-options .dropdown-menu > li {
        padding: 3px 20px;
    }

        .docs-options .dropdown-menu > li:hover {
            background-color: #f7f7f7;
        }

        .docs-options .dropdown-menu > li > label {
            display: block;
        }

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

    .docs-cropped .modal-body > img,
    .docs-cropped .modal-body > canvas {
        max-width: 100%;
    }

.docs-diagram .modal-dialog {
    max-width: 352px;
}

.cropper-canvas > img {
    max-width: 100%;
}

.ltr {
    direction: ltr;
    display: inline-block;
}

.leftsidesection .landingServices .servicedatails {
    background: none;
}

    .leftsidesection .landingServices .servicedatails ol li {
        line-height: 30px;
    }

.navbar-brand img {
    margin-top: -20px !important;
}

#header .navbar-brand {
    margin-bottom: 0;
}

.no-border-div > div {
    border: none !important;
}

.navbar-collapse.collapse.mobilemenu {
    display: none !important;
}

@media (max-width: 767px) {
    .navbar-nav {
        margin: 7.5px 15px;
    }

    .nav > li {
        display: inline-block !important;
        float: right;
    }

    .navbar-nav .open .dropdown-menu {
        position: absolute;
        top: 100%;
        left: auto;
        right: 0;
        z-index: 1000;
        padding: 5px 0;
        margin: 2px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-radius: 4px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

    #header .navbar-header {
        width: 100%;
    }

    .navbar-collapse.collapse.mobilemenu.in {
        display: block !important;
    }

    .mobilemenu {
        background: #ddd;
    }

        .mobilemenu li {
            float: none !important;
            display: block !important;
            width: 100%;
        }
}

.navbar-header > button {
    background-color: #cccccc !important;
}

.mobilemenu ul.nav {
    /*position: absolute !important;*/
    z-index: 999;
    width: 100%;
    left: -15px;
    background: #ddd;
}

@media (max-width: 1220px) {
    .app.container {
        width: 100% !important;
        max-width: 100% !important;
    }

        .app.container .app-header, .app.container .app-aside {
            max-width: 100% !important;
        }
}

@font-face {
    font-family: "HelveticaNeueReg";
    src: url("fonts/HelveticaNeueW23forSKY-Reg_T02.eot");
    src: url("fonts/HelveticaNeueW23forSKY-Reg_T02.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueW23forSKY-Reg_T02.woff") format("woff"), url("fonts/HelveticaNeueW23forSKY-Reg_T02.ttf") format("truetype"), url("fonts/HelveticaNeueW23forSKY-Reg_T02.svg#HelveticaNeueW23forSKY-Reg_T02") format("svg");
    font-weight: 400;
    font-style: normal;
}

#header.bg-echannels .mainnav > ul li a.hide-ar {
    font-family: "HelveticaNeueReg";
}

.hbox.hboxmin-height {
    min-height: 50vh;
}

.row.actionbar {
    margin: 0 !important;
    padding: 15px 0;
}

.mr0-10 {
    margin: 0 10px 0 0px;
}

.bottomHeader marquee {
    width: calc(100% - 11em);
}

.max-width-td-180 td {
    max-width: 180px;
}

.edirhamlogo {
    margin: 0 5px;
}

table.tdmaxwidth180 td {
    max-width: 180px;
}

/* */

.personalize_bar {
    background: #fff;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 320px;
    z-index: 999999;
    color: #000;
    opacity: 0;
    height: 0;
    visibility: hidden;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.personalize_bar_open {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.bigIcons,
.eservices.Dashboard label .dashblock:hover {
    position: relative;
}

.personalize_bar ul li {
    list-style: none;
}

.personalize_bar_menu {
    display: inline-block;
    width: 40px;
    float: left;
    border-right: 1px solid #eee;
    height: 100%;
}

    .personalize_bar_menu > ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .personalize_bar_menu li {
        float: left;
        font-size: 24px;
        margin: 24px 0;
        width: 100%;
    }

        .personalize_bar_menu li i {
            cursor: pointer;
        }

        .personalize_bar_menu li a.active-bar {
            color: #B68A35;
            text-decoration: none;
        }

.personalize_bar .personalize_data {
    float: left;
    padding: 20px 10px;
    text-align: center;
    width: 280px;
}

    .personalize_bar .personalize_data > div.disable {
        display: none;
        visibility: hidden;
    }

.personalize_settings .setting-options ul {
    margin-top: 0;
    padding: 0;
}

    .personalize_settings .setting-options ul.fonts-settings li {
        display: inline-block;
        height: 40px;
        margin-right: 20px;
    }

        .personalize_settings .setting-options ul.fonts-settings li.font-sizer {
            font-size: 36px;
        }

        .personalize_settings .setting-options ul.fonts-settings li.change-skin i {
            color: #555;
            font-size: 36px;
        }

        .personalize_settings .setting-options ul.fonts-settings li.font-sizer a {
            color: #a00;
            font-weight: 700;
        }

.personalize_settings ul.theme-settings li {
    display: inline-block;
    margin-right: 15px;
    height: 45px;
    width: 44px;
}

    .personalize_settings ul.theme-settings li i {
        font-size: 40px;
    }

        .personalize_settings ul.theme-settings li i.red {
            color: #c8122e;
        }

        .personalize_settings ul.theme-settings li i.blue {
            color: #165080;
        }

        .personalize_settings ul.theme-settings li i.teal {
            color: #018a46;
        }

        .personalize_settings ul.theme-settings li i.gold {
            color: #B68A35;
        }

.personalize_data i,
.personalize_settings a {
    cursor: pointer;
}

.personalize_settings ul.theme-settings li.active-theme {
    border: 2px solid #B68A35;
    border-radius: 50% !important;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .personalize_settings ul.theme-settings li.active-theme {
        height: 43px;
        width: 43px;
    }
}

.personal_information fieldset {
    width: 100%;
}

    .personal_information fieldset div,
    .personal_information fieldset label {
        width: 100%;
        text-align: right;
        margin: 0 0 5px;
    }

    .personal_information fieldset label {
        font-size: 16px;
    }

.personalize_bar .personalize_data ul.linkslist {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .personalize_bar .personalize_data ul.linkslist li {
        width: 100%;
        text-align: right;
        margin: 5px 0;
        line-height: 1.8em;
    }

        .personalize_bar .personalize_data ul.linkslist li > a,
        .personalize_bar .personalize_data ul.linkslist li > span {
            float: right;
            width: 90%;
        }

        .personalize_bar .personalize_data ul.linkslist li > i {
            margin-left: 5px;
            float: right;
            width: 5%;
            line-height: 1.5em;
        }

.personalize_data .backBtn a i {
    margin-left: 5px;
}

.personalize_bar_menu {
    display: inline-block;
    width: 40px;
    float: left;
    border-right: 1px solid #eee;
    height: 100%;
    text-align: center;
}

    .personalize_bar_menu > ul {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .personalize_bar_menu li {
        float: left;
        font-size: 24px;
        margin: 24px 0;
        width: 100%;
    }

        .personalize_bar_menu li i {
            cursor: pointer;
        }

#header.bg-echannels .personalize_bar_menu li a {
    color: #555 !important;
}

    #header.bg-echannels .personalize_bar_menu li a.active-bar {
        color: #B68A35 !important;
        text-decoration: none;
    }

.personalize_settings ul.theme-settings li.active-theme.border-red {
    border-color: #c8122e;
}

.personalize_settings ul.theme-settings li.active-theme.border-blue {
    border-color: #165080;
}

.personalize_settings ul.theme-settings li.active-theme.border-green {
    border-color: #018a46;
}

.personalize_settings ul.theme-settings li.active-theme.border-gold {
    border-color: #B68A35;
}

.trans-table {
    max-height: 400px;
    overflow: auto;
}

    .trans-table::-webkit-scrollbar {
        width: 12px;
    }

    .trans-table::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    .trans-table::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

    .trans-table .list-group {
        margin-bottom: 0;
    }

    .trans-table .list-group-item {
        border-radius: 0;
        border-bottom: none;
    }

    .trans-table .hdr-tbl {
        padding: 8px;
        border: solid 1px #e7ecee;
        border-bottom: none;
        overflow: hidden;
        font-weight: bold;
        font-size: 15px;
    }

.fa-star:before {
    content: "\f005" !important;
}

.fa-hand-pointer-o:before {
    content: "\f25a";
}

.tahalufselectdrop .validation {
    /*margin-top: -15px;*/
    display: block !important;
}

.hide-input input {
    width: 0;
    height: 0;
    opacity: 0;
    padding: 0;
    display: inline;
    border: 0;
}

.spinnershow .ui-select-search.select2-input {
    background: #fff url(select2-spinner.gif) no-repeat 100%;
    background: url(../images/autospiner.gif) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
    background: url(../images/autospiner.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(../images/autospiner.gif) no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
    background: url(../images/autospiner.gif) no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.visa-digram .text-center span img {
    filter: FlipH;
    -ms-filter: "FlipH";
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.select2-container-disabled .select2-arrow {
    display: none !important;
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: transparent !important;
}

.help-section.helpsection.lefthelpsection > div > ul > li > a:before {
    content: "\f101";
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 5px;
    vertical-align: middle;
    position: absolute;
    right: -10px;
    top: 2px;
}

.lefthelpsection {
    margin-bottom: 15px !important;
    background: #fcfcfc;
    border: solid 1px #ddd;
}

    .lefthelpsection > div > ul {
        list-style: none;
    }

        .lefthelpsection > div > ul > li {
            border-bottom: solid 1px #ddd;
            list-style: none;
        }

            .lefthelpsection > div > ul > li:before {
                content: "" !important;
            }

.help-section.helpsection.lefthelpsection > div > ul > li > a {
    font-weight: bold;
    font-size: 16px;
}

.help-section.helpsection.lefthelpsection > div > ul > li > a, .lefthelpsection > div > ul > li > ul > li a {
    margin: 0 10px;
}

.lefthelpsection > div > ul > li > ul {
    margin: 5px 0px;
    list-style: none;
    padding: 5px 15px;
}

    .lefthelpsection > div > ul > li > ul > li {
        list-style: none;
        position: relative;
        line-height: 24px;
    }

        .lefthelpsection > div > ul > li > ul > li a:before {
            content: "\f101";
            font-family: FontAwesome;
            display: inline-block;
            padding-right: 5px;
            vertical-align: middle;
            position: absolute;
            right: -10px;
            top: -1px;
        }

.paymentloading-overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgba(125,125,125,0.8);
    content: "";
    left: 0;
    top: 0;
    z-index: 99;
}

.paymentloading {
    position: absolute;
    z-index: 9999;
    top: 30%;
    left: calc(50% - 250px );
    width: 500px;
    max-width: 80%;
    background: #fff;
    color: #444;
    padding: 15px;
    min-height: 300px;
    text-align: center;
    border-radius: 10px;
}

.loadingpaymentsection .wrap {
    position: relative;
    top: 80px;
    width: 150px;
    margin: 0 auto;
    left: calc(50% - 170px);
}

.loadingpaymentsection .loader {
    position: absolute;
    top: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    border: 15px solid;
    border-radius: 50%;
    border-top-color: rgba(44,44,44,0);
    border-right-color: rgba(55,55,55,0);
    border-bottom-color: rgba(66,66,66,0);
    border-left-color: rgba(33,33,33,0);
    animation: loadEr 3s infinite;
    left: 0;
}

@keyframes loadEr {
    0% {
        border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
    }

    10.4% {
        border-top-color: rgba(44,44,44,0.5);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
    }

    20.8% {
        border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
    }

    31.2% {
        border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0.5);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
    }

    41.6% {
        border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
        transform: rotate(40deg);
    }

    52% {
        border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0.5);
        border-left-color: rgba(33,33,33,0);
    }

    62.4% {
        border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0);
    }

    72.8% {
        border-top-color: rgba(44,44,44,0);
        border-right-color: rgba(55,55,55,0);
        border-bottom-color: rgba(66,66,66,0);
        border-left-color: rgba(33,33,33,0.5);
    }
}

.loadingpaymentsection .loaderbefore {
    width: 20px;
    height: 20px;
    border: 15px solid #ddd;
    border-radius: 50%;
    position: absolute;
    top: 0;
    z-index: 9;
    left: 0;
}

.loadingpaymentsection .circular {
    position: absolute;
    top: -4px;
    left: -4px;
    width: 40px;
    height: 40px;
    border: 10px solid;
    border-radius: 50%;
    border-top-color: #333;
    border-left-color: #fff;
    border-bottom-color: #333;
    border-right-color: #fff;
    opacity: 0.2;
    animation: poof 5s infinite;
}

@keyframes poof {
    0% {
        transform: scale(1,1) rotate(0deg);
        opacity: 0.2;
    }

    50% {
        transform: scale(4,4) rotate(360deg);
        opacity: 0;
    }
}

.loadingpaymentsection .another {
    opacity: 0.1;
    transform: rotate(90deg);
    animation: poofity 5s infinite;
    animation-delay: 1s;
}

@keyframes poofity {
    0% {
        transform: scale(1,1) rotate(90deg);
        opacity: 0.1;
    }

    50% {
        transform: scale(4,4) rotate(-360deg);
        opacity: 0;
    }
}

.loadingpaymentsection .text {
    position: absolute;
    top: 95px;
    left: -12px;
    font-family: Arial;
    text-transform: uppercase;
    color: #888;
    animation: opaa 10s infinite;
}

@keyframes opaa {
    0% {
        opacity: 1;
    }

    10% {
        opacity: 0.5;
    }

    15% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    65% {
        opacity: 0.3;
    }

    90% {
        opacity: 0.8;
    }
}

.sep-dash {
    text-align: center;
    line-height: 35px;
}

.estcardnumber .form-control.col-xs-3 {
    width: 25%;
}

.estcardnumber .form-control.col-xs-8 {
    width: 66.66666667%;
}

.input-group span.validation {
    display: table-footer-group;
}

.validation-establishmentCardNumber {
    clear: both;
}

.hide-input input {
    position: absolute;
}

.paymentrefunddesc {
    font-size: 13px;
    font-weight: normal;
    color: #828282;
}

.attchment-note i {
    font-size: 11px;
    font-weight: normal;
    color: #828282;
}

    .attchment-note i:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f05a";
        margin-right: 5px;
    }

tags-input .tags .tag-item {
    background: #7e7e7e !important;
}

    tags-input .tags .tag-item .remove-button {
        color: #fff !important;
    }

.list-tags-review {
    display: inline-block;
    margin: 0;
    padding: 0;
}

    .list-tags-review li {
        display: inline-block;
        border-right: solid 1px #ddd;
        padding: 5px 10px;
        margin: 12px 0;
        line-height: 5px;
    }

        .list-tags-review li:last-child {
            border: none !important;
        }

.favorite_services table tr {
    text-align: left;
}

    .favorite_services table tr td p:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f0a9";
        margin-right: 5px;
    }

.btn.btn-default .fa-star-o.fa-star {
    color: #f5985b;
}

/*adel-progressbar */

.adel-progressbar {
    padding: 10px;
}

    .adel-progressbar .progress {
        top: 50%;
        bottom: auto;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-size: 26px;
        height: auto;
        position: absolute;
        background-color: transparent;
    }

    .adel-progressbar .round-progress path {
        stroke: rgb(166, 12, 14) !important;
    }

.tour-step-inner img {
    max-width: 100%;
}

.landingServices .servicebox {
    -webkit-transition: 0.5s linear all;
    transition: 0.5s linear all;
}

    .landingServices .servicebox.active {
        box-shadow: 0 0 23px #c5c5c5;
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
    }

.servicedatails {
    margin-top: 12px;
}

.tour-step-navigation .btn-group .btn.btn-gray {
    background: #7b7b7b;
    border: solid 1px #7b7b7b;
}

.wraptd thead th {
    white-space: normal !important;
}

.idtour + .popover {
    max-width: 500px;
}

.countrycode-group tahaluf-dropdownlist.validation .select2-container .select2-results .select2-result-label {
    text-align: left;
}

.countrycode-group .select2-drop {
    margin-top: 7px;
}

.stepNav.threeWide li {
    list-style: none;
}

/**
 * selectize.default.css (v0.8.5) - Default Theme
 * Copyright (c) 2013 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */

.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    visibility: visible !important;
    -webkit-box-shadow: inset 0 0 12px 4px #ffffff;
    box-shadow: inset 0 0 12px 4px #ffffff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    background: #f8f8f8;
    border-bottom: 1px solid #d0d0d0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    font-size: 20px !important;
    line-height: 20px;
    color: #303030;
    opacity: 0.4;
}

    .selectize-dropdown-header-close:hover {
        color: #000000;
    }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    float: left;
    border-top: 0 none;
    border-right: 1px solid #f2f2f2;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
        border-right: 0 none;
    }

    .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
        display: none;
    }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

    .selectize-control.plugin-remove_button [data-value] .remove {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        display: inline-block;
        width: 17px;
        padding: 2px 0 0 0;
        font-size: 12px;
        font-weight: bold;
        color: inherit;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
        border-left: 1px solid #0073bb;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .selectize-control.plugin-remove_button [data-value] .remove:hover {
            background: rgba(0, 0, 0, 0.05);
        }

    .selectize-control.plugin-remove_button [data-value].active .remove {
        border-left-color: #00578d;
    }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #aaaaaa;
}

.selectize-control {
    position: relative;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    font-family: inherit;
    font-size: 13px;
    -webkit-font-smoothing: inherit;
    line-height: 18px;
    color: #303030;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    display: inline-block;
    cursor: text;
    background: #ffffff;
}

.selectize-input {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    padding: 8px 8px;
    overflow: hidden;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 8px 2px;
}

.selectize-input.full {
    background-color: #ffffff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.selectize-input > * {
    display: -moz-inline-stack;
    display: inline-block;
    *display: inline;
    vertical-align: baseline;
    zoom: 1;
}

.selectize-control.multi .selectize-input > div {
    padding: 2px 6px;
    margin: 0 3px 3px 0;
    color: #ffffff;
    cursor: pointer;
    background: #1da7ee;
    border: 1px solid #0073bb;
}

    .selectize-control.multi .selectize-input > div.active {
        color: #ffffff;
        background: #92c836;
        border: 1px solid #00578d;
    }

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #ffffff;
    background: #d2d2d2;
    border: 1px solid #aaaaaa;
}

.selectize-input > input {
    max-width: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 1px !important;
    line-height: inherit !important;
    text-indent: 0 !important;
    background: none !important;
    border: 0 none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-user-select: auto !important;
}

    .selectize-input > input:focus {
        outline: none !important;
    }

.selectize-input::after {
    display: block;
    clear: left;
    content: ' ';
}

.selectize-input.dropdown-active::before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    height: 1px;
    background: #f0f0f0;
    content: ' ';
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    margin: -1px 0 0 0;
    background: #ffffff;
    border: 1px solid #d0d0d0;
    border-top: 0 none;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .selectize-dropdown [data-selectable] {
        overflow: hidden;
        cursor: pointer;
    }

        .selectize-dropdown [data-selectable] .highlight {
            background: rgba(125, 168, 208, 0.2);
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
        }

    .selectize-dropdown [data-selectable],
    .selectize-dropdown .optgroup-header {
        padding: 5px 8px;
    }

    .selectize-dropdown .optgroup:first-child .optgroup-header {
        border-top: 0 none;
    }

    .selectize-dropdown .optgroup-header {
        color: #303030;
        cursor: default;
        background: #ffffff;
    }

    .selectize-dropdown .active {
        color: #495c68;
        background-color: #f5fafd;
    }

        .selectize-dropdown .active.create {
            color: #495c68;
        }

    .selectize-dropdown .create {
        color: rgba(48, 48, 48, 0.5);
    }

.selectize-dropdown-content {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}

    .selectize-control.single .selectize-input.input-active,
    .selectize-control.single .selectize-input.input-active input {
        cursor: text;
    }

    .selectize-control.single .selectize-input:after {
        position: absolute;
        top: 50%;
        right: 20px;
        display: block;
        width: 0;
        height: 0;
        margin-top: -9px;
        font-family: FontAwesome;
        content: '\f002';
    }

    .selectize-control.single .selectize-input.dropdown-active:after {
        margin-top: -4px;
        border-color: transparent transparent #808080 transparent;
        border-width: 0 5px 5px 5px;
    }

.selectize-control.rtl.single .selectize-input:after {
    right: auto;
    left: 15px;
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    background-color: #fafafa;
    opacity: 0.5;
}

.selectize-control.multi .selectize-input.has-items {
    padding-right: 5px;
    padding-left: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
    color: #999;
    text-shadow: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .selectize-control.multi .selectize-input.disabled [data-value],
    .selectize-control.multi .selectize-input.disabled [data-value] .remove {
        border-color: #e6e6e6;
    }

        .selectize-control.multi .selectize-input.disabled [data-value] .remove {
            background: none;
        }

.selectize-control.multi .selectize-input [data-value] {
    text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
    background-color: #1b9dec;
    background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
    background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
    background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
    background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
    background-repeat: repeat-x;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
}

    .selectize-control.multi .selectize-input [data-value].active {
        background-color: #0085d4;
        background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
        background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
        background-image: -o-linear-gradient(top, #008fd8, #0075cf);
        background-image: linear-gradient(to bottom, #008fd8, #0075cf);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
    }

.selectize-control.single .selectize-input {
}

.selectize-control.single .selectize-input,
.selectize-dropdown.single {
}

.selectize-dropdown .optgroup-header {
    padding-top: 7px;
    font-size: 0.85em;
    font-weight: bold;
}

.selectize-dropdown .optgroup {
    border-top: 1px solid #f0f0f0;
}

    .selectize-dropdown .optgroup:first-child {
        border-top: 0 none;
    }

.selectize-input .ui-select-match span button {
    background: none;
    border: none;
    color: #bd362f;
}
/* open dropdown auto complate when focus */
.selectize-control.single .selectize-input, .selectize-dropdown.single {
    opacity: 1 !important;
}

.dashoboardpage .dashboardcontrols.dashcont .dash-section {
    overflow: hidden;
    min-height: 95px;
    font-size: 13px;
}

.dashoboardpage .dashboardcontrols .dash-section.dashrows .dashboard-noti {
    padding: 0;
}

.padding5-0 {
    padding: 5px !important;
}

.dashoboardpage .dashboardcontrols .dash-section.dashrows .dashboard-noti {
    padding: 3px 0;
    border-bottom: dashed 1px #eaeaea;
}

.col-md-3.wrapper.bg-white .btn-str-ser {
    margin-bottom: 15px;
}

.countrycode-addon country-code tahaluf-dropdownlist .hide-input {
    position: absolute;
    left: 0;
    border: 0;
}

.service-address .servicesboxs {
    border: solid 1px #ddd;
    box-shadow: 0 0 5px #dadada;
    padding: 15px;
    height: 250px;
    margin: 15px 0;
    position: relative;
}

.service-address {
    margin-top: 50px;
}

    .service-address .servicesboxs h4 {
        margin: 0 0 10px;
        padding: 0 0 10px;
        font-size: 16px;
        line-height: 23px;
        border-bottom: 1px solid #eee;
        height: 52px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .service-address .servicesboxs .directionmap {
        position: absolute;
        z-index: 99999;
        width: 100%;
        left: 0;
        bottom: 0;
        border-top: 1px solid #eee;
        padding: 10px;
        background: #f8f8f8;
        color: #7d7d7d;
    }

        .service-address .servicesboxs .directionmap i {
            border-left: solid 1px #d5d5d5;
            padding-left: 15px;
        }

.servicedescmap {
    height: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.link-logout {
    color: #926a27 !important;
    border-left: solid 1px #e6e6e6;
    padding: 0 13px !important;
    margin-top: 5px;
}

.termCondation input.checkbox {
    display: inline-block;
    width: auto;
    margin: 0 5px;
    vertical-align: middle;
}

.termCondation {
    margin-bottom: 10px;
}

.sliderSection .carousel-indicators {
    background: none !important;
    bottom: 0 !important;
}

.carousel-indicators li {
    border: 1px solid #828282;
}

.carousel-indicators .active {
    background-color: #bd9949;
    width: 10px;
    height: 10px;
    margin: 1px;
}

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

@media (min-width: 1300px) {
    .app.container .app-header, .app.container .app-aside, .app.container {
        width: 1280px !important;
        max-width: 1280px !important;
    }
}

.list-scroll {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    color: #2f2f2f;
}

    .list-scroll .fa-star {
        color: #cec222;
    }

    .list-scroll > li:nth-of-type(odd) {
        background-color: #f5f5f0;
    }

    .list-scroll > li:nth-of-type(even) {
        background-color: #fff;
    }
/*step 8*/
.step8 #status-buttons > a {
    width: 12.5%;
}

    .step8 #status-buttons > a.wizard-step7 > span:before {
        content: "\f09d";
    }

    .step8 #status-buttons > a.wizard-step6 > span:before, .step8 #status-buttons > a.currentStep.wizard-step6 > span:before {
        content: "\f03a";
    }

/*removed ruby faisal
    .wizard-refund-pay #status-buttons > a.currentStep.wizard-step0 > span:before,
.wizard-refund-pay #status-buttons > a.currentStep.wizard-step0 > span:before {
    content: "\f0e2" !important;
}
    removed ruby faisal
*/

.table-bordered > tbody > tr.prclass > td {
    background: #e3f3e7 !important;
    color: #0b882a;
}

.editvalue {
    text-decoration: line-through;
    color: #cccccc;
}

    .editvalue:hover {
        text-decoration: none;
        color: #444;
    }

    .editvalue i {
        margin: 0 5px;
        cursor: pointer;
    }

/*removed ruby faisal
    .wizard_insurance_policy #status-buttons > a.wizard-step0 > span:before {
    content: "\f016" !important;
}
    removed ruby faisal
*/

.payment-section-btns button {
    margin: 10px 0;
    width: 19%;
    text-align: center;
    padding: 7px;
    height: 100px;
}

    .payment-section-btns button img {
        display: block;
        margin: 7px auto 15px;
        max-height: 35px;
    }

    .payment-section-btns button i img {
        display: inline-block;
        margin: 0 5px;
        max-width: 30px;
    }

.dashoboardpage .dashboardcontrols .dash-section.dashrows .dashboard-noti {
    font-size: 12px;
}

.alertsec .alert.alert-success:nth-child(even) {
    background-color: rgba(223, 242, 191, 0.7);
}

.alert-default {
    margin-bottom: 20px;
}

    .alert-default .success-msg {
        color: #4F8A10;
        font-weight: bold;
        font-size: 20px;
    }

.fa-backgrounds {
    padding: 5px;
    cursor: pointer;
}

    .fa-backgrounds.green {
        color: #55940e;
    }

    .fa-backgrounds.black {
        cursor: default;
    }

.withException {
    padding: 2px 10px;
    background: #e48b1f;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    position: relative;
    right: calc(100% - 150px);
    left: calc(100% - 150px);
    margin: 10px 0;
    display: block;
}

.parentRequest {
    padding: 2px 10px;
    background: #23b7e5;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    position: relative;
    right: calc(100% - 150px);
    left: calc(100% - 150px);
    margin: 10px 0;
    display: block;
}

.readyToPayment {
    padding: 2px 10px;
    background: #23ad44;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    position: relative;
    right: calc(100% - 150px);
    left: calc(100% - 150px);
    margin: 10px 0;
    display: block;
}

.genderReadyToPayment {
    padding: 2px 10px;
    background: #f89500;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    position: relative;
    right: calc(100% - 150px);
    left: calc(100% - 150px);
    margin: 10px 0;
    display: block;
}

.isParent {
    padding: 2px 10px;
    background: #23ad44;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    position: relative;
    right: calc(100% - 150);
    display: block;
    margin: 10px 0;
}

.waitingForExemption {
    width: 100px !important;
}

td.max-width-td-200 {
    max-width: 200px;
}

.ng-touched.ng-valid-validation.ng-empty {
    border-left-width: 1px;
    border-left-color: #ccc !important;
}

.estcardnumber .ltrinput, .estcardnumber .sep-dash {
    float: left;
}

.download-scan {
    float: right;
    font-weight: bold;
}

.select-scantype {
    float: none;
    padding: 10px;
    text-align: right;
}

    .select-scantype input {
        margin-right: 5px;
    }

@media (max-width: 768px ) {
    .dashoboardpage .dashboardcontrols.dashcont .dash-section {
        height: auto;
    }

    .dashboardservices table.table tbody td {
        padding: 8px !important;
    }

        .dashboardservices table.table tbody td:before {
            display: none;
        }

    .navbar-brand img {
        margin-top: 0 !important;
    }

    #status-buttons > a {
        white-space: normal;
    }

    .payment-section-btns button {
        width: 49%;
    }

    .download-scan {
        left: -30px;
    }
}

@media (max-width: 768px ) {
    .navbar-nav .open .dropdown-menu {
        text-align: left !important;
    }

    body .sliderSection {
        height: auto !important;
    }

        body .sliderSection img {
            height: auto !important;
        }
}

.col-md-3.wrapper.bg-white .btn-str-ser {
    margin-bottom: 15px;
    background: #f5f5f5;
    border: solid 1px #e8e8e8;
    box-shadow: 1px 1px 2px #ddd;
    color: #828282 !important;
    font-size: 17px;
    padding: 6px 0;
}

    .col-md-3.wrapper.bg-white .btn-str-ser:before {
        content: "\f022";
        font-family: FontAwesome;
        margin-left: -10px;
        padding-right: 5px;
    }

@font-face {
    font-family: "HelveticaNeueReg";
    src: url("fonts/HelveticaNeueW23forSKY-Reg_T02.eot");
    src: url("fonts/HelveticaNeueW23forSKY-Reg_T02.eot?#iefix") format("embedded-opentype"), url("fonts/HelveticaNeueW23forSKY-Reg_T02.woff") format("woff"), url("fonts/HelveticaNeueW23forSKY-Reg_T02.ttf") format("truetype"), url("fonts/HelveticaNeueW23forSKY-Reg_T02.svg#HelveticaNeueW23forSKY-Reg_T02") format("svg");
    font-weight: 400;
    font-style: normal;
}

.errorpage h3 {
    color: #cc0000;
}

.errorpage p b {
    color: #cc0000;
}

.errorpage a {
    color: #0069a5;
}

.errorpage .AR_text {
    text-align: right;
    direction: rtl;
    font-family: HelveticaNeueReg !important;
}

.errorpage .ordo_text {
    text-align: right;
    direction: rtl;
    font-family: HelveticaNeueReg !important;
}

.errorpage .En_text {
    text-align: left;
    direction: ltr;
    font-family: HelveticaNeueReg !important;
}

.mt32 {
    margin-top: 32px;
    color: #a17f40;
    font-weight: bold;
}

.watermark_format {
    position: absolute;
    z-index: 9;
    right: 45px;
    top: 11px;
    font-size: 10px;
    color: #b1b1b1;
    display: inline-block;
    border-left: solid 1px #ddd;
    padding-left: 10px;
}

@media screen and (max-width: 700px) {
    .countrycode-addon {
        MAX-WIDTH: 60PX;
        OVERFLOW: HIDDEN;
    }
}

.lefthelpsection ul:empty {
    display: none;
}

#header.bg-echannels .mainnav > ul li.pull-right a.active {
    border-right: solid 1px #fff;
}

.landingServices .servicebox.servicebox1:before {
    background-position: right -18px top !important;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.mlr20 {
    margin: 0 20px;
}

.ftr_logo_tahaluf img {
    background: #fff;
    padding: 7px;
    border-radius: 8px;
    margin: 0 5px;
}

.footer-bottom .text-center.container {
    line-height: 54px;
}

.modalshowCropImageTool .modal-dialog {
    width: 84%;
    max-width: 1000px;
}

.popbox {
    position: fixed;
    background: rgba(0,0,0,0.4);
    width: 100%;
    height: 100%;
    z-index: 99;
}

.popbox-inner {
    background: #ffffff;
    width: 25%;
    min-width: 520px;
    height: 150px;
    padding: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto auto;
    border-radius: 15px;
}

.popbox-body {
    text-align: left;
    margin: 20px 0;
}

.popbox-footer {
    text-align: left;
}

.flashing { /*or other element you want*/
    animation: blink .5s step-end infinite alternate;
    background: rgba(255, 0, 0, 0.11);
    border: dashed 3px #ffffff;
    margin-top: 20px;
    padding: 5px;
    font-size: 14px;
}

@keyframes blink {
    50% {
        border-color: #ff0000;
        background: rgba(255, 0, 0, 0.01);
    }
}

.mt13 {
    margin-top: 13px;
}

.modal-open .modal.fade {
    z-index: 99999 !important;
}

#header.bg-echannels .mainnav > ul.nav_bar_down {
    background: #5f5f5f !important;
}

    #header.bg-echannels .mainnav > ul.nav_bar_down li a.active {
        background: none !important;
    }

    #header.bg-echannels .mainnav > ul.nav_bar_down li a {
        padding: 0px 15px 0px;
        font-size: 13px;
    }

.panel-heading .ui-select-container.select2 {
    background: #fff;
}

.approvesrequest {
    font-size: 16px;
    color: #af0000;
    font-weight: bold;
    height: 32px;
    line-height: 17px;
}

    .approvesrequest img {
        width: 32px;
        vertical-align: bottom;
        margin: 0 7px;
    }

.approvesrequestdiv a {
    background: #cc0000 !important;
    margin: 0 7px;
}

.servicecard_hdr {
    margin: 15px 15px 0;
    display: block;
    overflow: hidden;
}

    .servicecard_hdr .servieicon {
        height: 75px;
        width: 75px;
        padding: 15px;
        border-radius: 100%;
        border: solid 3px #cc0000;
        display: inline-block;
    }

        .servicecard_hdr .servieicon img {
            max-width: 100%;
        }

    .servicecard_hdr .servicetext {
        color: #7d858a;
        font-size: 17px;
    }

        .servicecard_hdr .servicetext b {
            color: #cc0000;
        }

.item_service {
    display: table;
}

.servicecard_hdr .col-md-2 {
    width: 20%;
}

    .servicecard_hdr .col-md-2.item_service:after {
        content: "\f054";
        display: table-cell;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 10px;
        color: #ca3720;
    }

.item_service_last {
    vertical-align: middle;
    line-height: 35px;
}

.servicecard_hdr .item_service_last .servieicon {
    border: none;
    float: right;
}

uib-accordion.white_theme .panel-heading h4.panel-title {
    background-image: none;
    border-color: #ffffff;
    background: #ffffff;
}

    uib-accordion.white_theme .panel-heading h4.panel-title a, uib-accordion.white_theme .panel-heading h4.panel-title a:hover {
        color: #7d858a !important;
    }

uib-accordion.white_theme .panel-open .panel-heading h4.panel-title a {
    color: #cc0000 !important;
}

.box_srv {
    background: #edf1f2;
    padding: 15px 5px;
    margin: 0 15px 15px 0;
}

.white_theme .panel-group .accordion-toggle[aria-expanded='false']:after {
    content: "\f103";
    font-size: 20px;
}

.white_theme .panel-group .accordion-toggle[aria-expanded='true']:after {
    content: "\f102";
    font-size: 20px;
}

.ratingbox.box_srv {
    padding: 5px 15px;
    border: solid 1px #ddd;
    overflow: hidden;
}

    .ratingbox.box_srv h3 {
        display: none;
    }

    .ratingbox.box_srv .rating-sec .face1 .fa, .ratingbox.box_srv .rating-sec .face2 .fa, .ratingbox.box_srv .rating-sec .face3 .fa {
        border: none !important;
        background: none !important;
        padding: 0;
        margin: 0;
        width: 33.3%;
    }

    .ratingbox.box_srv ul {
        width: 100%;
    }

        .ratingbox.box_srv ul li {
            width: 33.3%;
            border-right: solid 1px #ddd;
        }

            .ratingbox.box_srv ul li:last-child {
                border: none;
            }

    .ratingbox.box_srv .rating-sec .face1 .fa:before {
        background: url(../images/face1-1.png) no-repeat;
        background-size: contain;
        background-position: center center;
        margin: 2px -15px;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

    .ratingbox.box_srv .rating-sec .face2 .fa:before {
        background: url(../images/face2-1.png) no-repeat;
        background-size: contain;
        background-position: center center;
        margin: 2px -15px;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

    .ratingbox.box_srv .rating-sec .face3 .fa:before {
        background: url(../images/face3-1.png) no-repeat;
        background-size: contain;
        background-position: center center;
        margin: 2px -5px;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

    .ratingbox.box_srv .rating-sec .face1.active .fa:before, .ratingbox.box_srv .rating-sec .face2.active .fa:before, .ratingbox.box_srv .rating-sec .face3.active .fa:before {
        -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
        filter: grayscale(0%);
    }

.dropdown-menu li.dropdown > ul {
    -o-transition: all 1s ease-out, all 1s ease-in;
    -ms-transition: all 1s ease-out, all 1s ease-in;
    -moz-transition: all 1s ease-out, all 1s ease-in;
    -webkit-transition: all 1s ease-out, all 1s ease-in;
    transition: all 1s ease-out, all 1s ease-in;
}

.dropdown-menu li.dropdown:hover > ul {
    display: block;
    position: relative;
    background: #e8e8e8;
    -o-transition: all 1s ease-out, all 1s ease-in;
    -ms-transition: all 1s ease-out, all 1s ease-in;
    -moz-transition: all 1s ease-out, all 1s ease-in;
    -webkit-transition: all 1s ease-out, all 1s ease-in;
    transition: all 1s ease-out, all 1s ease-in;
}

    .dropdown-menu li.dropdown:hover > ul li {
        color: #000;
    }

.ftrlogouaegov a {
    display: block;
    width: 100%;
    height: 100%;
    display: block;
    width: 100%;
    height: inherit;
    margin-top: -33px;
}

.max-height-100 {
    max-height: 100px;
    line-height: 100px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: #f9f9f9;
    color: #cc0000;
}

.social_div ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.social_div li {
    float: right;
    margin: 0 10px;
    display: inline-block;
    padding: 0;
}

.intgrationsection {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

    .intgrationsection .integ_document {
        color: #c0c0c0;
    }

        .intgrationsection .integ_document .fa {
            font-size: 20px;
        }

    .intgrationsection .integ_success, .intgrationsection .integ_danger, .intgrationsection .integ_loader {
        position: absolute;
        right: 10px;
        top: 6px;
    }

    .intgrationsection .integ_success {
        color: #0fa032;
    }

    .intgrationsection .integ_danger {
        color: #cc0000;
    }

    .intgrationsection .integ_loader {
        color: #b68a35;
    }

@media all and (max-width: 800px) {
    .tour-backdrop {
        display: none !important;
    }
}

input[type=radio] {
    border: none !important;
}

.approvesrequestdiv a.btn.btn-addon {
    white-space: normal;
}

.max-width-td-184 {
    max-width: 184px;
}

.modalAgent {
    display: none;
}

.navbartabs li.active a {
    background-color: #b68a35 !important;
    color: #fff !important;
}

.inputgroupSelect {
    padding: 0 7px;
}

.select_group {
    line-height: 24px;
    height: 26px;
    border-color: #d9d9d9;
}

.input-g_select .validation {
    display: table-footer-group;
}

.opacity07 {
    opacity: 0.7;
}

.checkedOption {
    background-color: #27c24c !important;
    border-color: #27c24c !important;
    opacity: 1 !important;
}

    .checkedOption .fa:before {
        content: '\f00c' !important;
        font-size: 16px;
    }



.modal .modal-content .modal-body {
    max-height: 80vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.show-ar {
    display: none !important;
}

#status-buttons > a {
    cursor: default;
}

#firstSteptext > a {
    cursor: default;
}

#secondSteptext > a {
    cursor: default;
}

#thirdSteptext > a {
    cursor: default;
}


.directionltr {
    direction: ltr
}

.directionrtl {
    direction: rtl
}

.servisecardbtns {
    margin-top: 25px;
}

    .servisecardbtns .btn {
        white-space: normal !important;
        font-size: 14px;
        margin-bottom: 15px;
    }


.list_btns {
    padding: 10px;
    display: flex;
    background: #ebebeb;
    margin-top: 15px;
    border-top: solid 1px #d9d9d9;
}

    .list_btns .btn {
        flex: 1;
        margin: 0;
        border-right: solid 1px #ddd;
        padding: 0 10px;
        text-align: center;
    }

        .list_btns .btn:last-child {
            border: none;
        }

        .list_btns .btn .fa {
            display: block;
            margin: 10px auto;
            text-align: center;
        }

.dashboardcontrolsboxs2 .dash-section {
    background: #f8f8f8;
}

.dashoboardpage .dashboardcontrols.dashboardcontrolsboxs2 .dash-section .icondiv {
    border-width: 0;
}

.flag_span {
    background: #23ad44;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    position: relative;
    right: 0;
    margin: 10px 0;
    display: block;
}

.returned_pass {
    background: yellow;
    color: black;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    position: relative;
    right: 0;
    margin: 10px 0;
    display: block;
}

.RejectedNoPledgeDisembark {
    background: red;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    position: relative;
    right: 0;
    margin: 10px 0;
    display: block;
}

.rejected_pass {
    background: #8b0000;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    position: relative;
    right: 0;
    margin: 10px 0;
    display: block;
}


.mobilemenu li:last-child .dropdown-menu {
    position: relative !important;
    left: 0 !important;
    right: 0 !important;
}

.ftrlogouaegov {
    height: 90px !important;
}

.footer .footer-middle .mt62 {
    margin-top: 15px !important;
}

.image_user img {
    max-width: 100%
}

.image_user {
    border: solid 1px #ededed;
    border-radius: 9px;
    box-shadow: 0 0 0px 1px rgba(221, 221, 221, 0.5098039215686274);
}

.signatureimg {
    padding: 8px;
    max-width: 100%;
    margin: 5px 0;
}

.signatureimgdiv {
    text-align: center;
}





/*Chat*/
#chatForm {
    font-family: "HelveticaNeueReg";
    max-width: 400px;
    margin: 0 auto;
    border: none;
    padding: 0;
    position: fixed;
    right: 32px;
    bottom: 0;
    width: 368px;
    z-index: 99999;
    height: 0;
    background: #fff;
    display: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

    #chatForm.opend {
        height: 434px;
        display: block;
    }

    #chatForm h3 {
        padding: 12px;
        color: #fff;
        margin: 0;
        background: #b68a35;
        font-size: 13px;
        text-align: left;
    }

    #chatForm table {
        width: 90%;
        margin: 15px;
    }

        #chatForm table input {
            width: 100%;
            margin-bottom: 15px;
            text-align: left;
            padding: 0 12px;
        }


#chat-button {
    width: 90%;
    height: 34px;
    background: #b68a35;
    border-radius: 0;
    bottom: 0;
    right: 0;
    border: 0;
    color: #fff;
    box-shadow: 0px 2px 8px 2px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    margin: 0 15px;
}

.chtbtn {
    position: fixed;
    right: 20px;
    width: 100%;
    font-size: .9em;
    display: table-cell;
    padding: .1em;
    background-color: #B68A35;
    border-radius: 50%;
    width: 4.5em;
    height: 4.5em;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    border: .3em solid #fff;
    box-sizing: content-box;
    overflow: hidden;
    color: #fff;
    text-align: center;
    transition: background-color .2s ease-in-out .2s;
    -webkit-transition: background-color .2s ease-in-out .2s;
    -ms-transition: background-color .2s ease-in-out .2s;
    -o-transition: background-color .2s ease-in-out .2s;
    bottom: 14px;
    z-index: 99999999;
}

    .chtbtn span {
        line-height: 60px;
        font-size: 30px;
    }

.globl_icn {
    padding: 5px;
}

    .globl_icn .fa {
        margin-left: 5px;
    }



.bottomHeader marquee span {
    padding: 5px 0 0px 0 !important;
}

.bottomHeader marquee p {
    width: auto !important;
    margin: 2px 10px !important;
}

    .bottomHeader marquee p p:before {
        width: 5px;
        height: 5px;
        background: #ddd;
        content: '';
        margin: 0 5px;
        display: inline-block;
        border-radius: 100%;
    }

.div_table_view {
    padding: 0 30px;
    border: solid 1px #ddd;
}

    .div_table_view .col-xs-3, .div_table_view .col-xs-2, .div_table_view .col-xs-4 {
        border-right: solid 1px #ddd;
        padding: 8px;
    }

    .div_table_view .bg-light {
        padding: 8px;
        background-color: #dadada !important;
    }

    .div_table_view .tble_rep > .row > .col-md-12 > .row {
        display: flex;
    }

        .div_table_view .tble_rep > .row > .col-md-12 > .row > .col-md-12 {
            width: 100%;
        }

            .div_table_view .tble_rep > .row > .col-md-12 > .row, .div_table_view .tble_rep > .row > .col-md-12 > .row > .col-md-12 > .row {
                border-bottom: solid 1px #ddd;
            }

                .div_table_view .tble_rep > .row > .col-md-12 > .row:nth-child(odd) {
                    background: #f2f2f2;
                }

    .div_table_view .row.bg-dark {
        background: #808589 !important;
        color: #fff;
        padding: 2px 8px;
    }

.total_ftr {
    border-bottom: solid 1px #ddd;
}

.div_table_view .bg-info {
    background: #8b8f92;
}

.total_ftr .col-xs-3, .total_ftr .col-xs-2, .total_ftr .col-xs-4 {
    border: none !important;
}


.exemptedFeeClass {
    padding: 2px 10px;
    background: #e48b1f;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    right: calc(100% - 150px);
    left: calc(100% - 150px);
    margin: 10px 0;
    display: block;
}

.dateExpiredClass {
    padding: 2px 10px;
    background: #cc0000;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 80px;
    right: calc(100% - 150px);
    left: calc(100% - 150px);
    margin: 10px 0;
    display: block;
}

.dateAboutToExpireClass {
    padding: 2px 10px;
    background: #B68A35;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 12px;
    width: 118px;
    right: calc(100% - 150px);
    left: calc(100% - 150px);
    margin: 10px 0;
    display: block;
}

/*body .ratebox {
    left: auto;
    right: -50px;
    text-align:left;
}
    body .ratebox:hover {
        left: auto;
        right: 0;
    }
    body .ratebox i {
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }*/


@-webkit-keyframes blinker {
    from {
        background: rgb(252, 248, 227);
    }

    to {
        background: rgba(252, 248, 227,0);
    }
}

.blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
    font-size: 1.3em !important;
}

.box-selecteduniform.box-selected .label-cont label {
    height: 215px;
    display: table;
    width: 100%;
}

.box-selecteduniform.box-selected .label-cont .input-group-title {
    line-height: 38px;
    padding: 10px 0;
    vertical-align: middle;
}

.box-selecteduniform.box-selected .label-cont label img {
    padding: 10px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.box-selecteduniform .label-cont label:hover {
    cursor: pointer;
}

.box-selecteduniform.box-selected .label-cont:hover label img {
    padding: 10px;
    -webkit-filter: brightness(0) invert(1); /* Safari 6.0 - 9.0 */
    filter: brightness(0) invert(1);
}


tahaluf-wizard:not(.eithadwizardz) #status-buttons > a > span:before {
    font-family: HelveticaNeueReg !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step0 > span:before {
    content: '1' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step1 > span:before {
    content: '2' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step2 > span:before {
    content: '3' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step3 > span:before {
    content: '4' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step4 > span:before {
    content: '5' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step5 > span:before {
    content: '6' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step6 > span:before {
    content: '7' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step7 > span:before {
    content: '8' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step8 > span:before {
    content: '9' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step9 > span:before {
    content: '10' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step10 > span:before {
    content: '11' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step11 > span:before {
    content: '12' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step12 > span:before {
    content: '13' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step13 > span:before {
    content: '14' !important;
}

tahaluf-wizard:not(.eithadwizardz) #status-buttons > a.wizard-step14 > span:before {
    content: '15' !important;
}

.unified-form_form .hide-input {
    display: block !important;
}

.margintop5 {
    margin-top: 5px;
}


.Em-ID {
    background: url(../images/id-img.png) no-repeat;
    width: 500px;
    height: 346px;
    display: block;
    position: relative;
    margin: 50px auto;
    zoom: 0.8;
}

.em-id-number {
    position: absolute;
    top: 130px;
    left: 0;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.em-id-a-name {
    position: absolute;
    top: 185px;
    right: 230px;
    font-size: 15px;
    text-align: right;
}

.em-id-e-name {
    position: absolute;
    top: 225px;
    left: 75px;
    font-size: 14px;
    text-align: left;
}

.em-id-a-nationality {
    position: absolute;
    top: 305px;
    right: 250px;
    font-size: 15px;
    text-align: right;
}

.em-id-e-nationality {
    position: absolute;
    top: 296px;
    left: 120px;
    font-size: 14px;
    text-align: left;
}

.em-id-image {
    width: 125px;
    height: 125px;
    text-align: center;
    position: absolute;
    top: 187px;
    right: 33px;
}

    .em-id-image img {
        max-width: 125px;
        max-height: 125px;
    }




.Em-ID {
    background: url(../images/personDocuments/eidfrontNew.png) no-repeat;
    background-size: cover;
    width: 593px;
    height: 375px;
    display: block;
    position: relative;
    margin: 50px auto;
    font-weight: bold;
    font-family: arial;
}

.em-id-number {
    position: absolute;
    top: 122px;
    left: 0;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    width: 100%;
    line-height: 25px;
}

    .em-id-number span {
        font-size: 16px;
    }

.em-id-a-name {
    position: absolute;
    top: 211px;
    right: 182px;
    font-size: 17px;
    text-align: right;
}

.em-id-e-name {
    position: absolute;
    top: 255px;
    left: 30px;
    font-size: 16px;
    text-align: left;
}

.em-id-a-nationality {
    position: absolute;
    top: 296px;
    right: 182px;
    font-size: 17px;
    text-align: right;
}

.em-id-e-nationality {
    position: absolute;
    top: 336px;
    left: 30px;
    font-size: 16px;
    text-align: left;
}

.em-id-image {
    width: 125px;
    height: 125px;
    text-align: center;
    position: absolute;
    top: 187px;
    right: 33px;
}

    .em-id-image img {
        max-width: 125px;
        max-height: 125px;
    }

.em-id-small-image {
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 130px;
    right: 33px;
}

    .em-id-small-image img {
        max-width: 40px;
        max-height: 40px;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

.em-id-a-title {
    position: absolute;
    top: 55px;
    right: 69px;
    font-size: 26px;
    text-align: right;
    font-weight: bold;
}

.em-id-e-title {
    position: absolute;
    top: 61px;
    left: 35px;
    font-size: 18px;
    text-align: left;
    font-weight: bold;
}

.Em-ID.back-id {
    background: url(../images/personDocuments/eidBackNew.png) no-repeat;
}

.em-id-birthdate {
    position: absolute;
    top: 30px;
    right: 12px;
    font-size: 15px;
    text-align: right;
    display: flex;
}

    .em-id-birthdate span {
        margin: 0 10px;
    }

.em-id-gender {
    position: absolute;
    top: 30px;
    left: 12px;
    font-size: 15px;
    text-align: right;
    display: flex;
}

    .em-id-gender span {
        margin: 0 7px;
    }

    .em-id-gender b span {
        margin: 0 3px
    }

.em-id-cardid {
    position: absolute;
    top: 70px;
    right: 24px;
    font-size: 16px;
    text-align: center;
}

.em-id-expirydate {
    position: absolute;
    top: 70px;
    right: 224px;
    font-size: 16px;
    text-align: center;
}

.em-id-signature {
    position: absolute;
    top: 70px;
    left: 18px;
    font-size: 15px;
    text-align: right;
}

    .em-id-signature img {
        max-width: 100px;
        max-height: 50px;
        margin-top: 10px;
    }

.em-id-num1 {
    position: absolute;
    top: 160px;
    left: 18px;
    font-size: 13px;
    text-align: right;
    font-weight: normal;
}

.em-id-num2 {
    position: absolute;
    top: 190px;
    left: 18px;
    font-size: 13px;
    text-align: right;
    font-weight: normal;
}

.em-id-mrz {
    position: absolute;
    top: 244px;
    left: 22px;
}

    .em-id-mrz span {
        font-size: 20px;
        text-align: justify; /* For Edge */
        -moz-text-align-last: justify; /* For Firefox prior 58.0 */
        text-align-last: justify;
        font-weight: normal;
        line-height: 33px;
        display: block;
        width: 560px;
    }


@media screen and (max-width: 775px) {
    .Em-ID {
        zoom: 0.8;
    }
}

@media screen and (max-width: 580px) {
    .Em-ID {
        zoom: 0.6;
    }
}

@media screen and (max-width: 430px) {
    .Em-ID {
        zoom: 0.25;
    }
}

@media screen and (max-width: 360px) {
    .Em-ID {
        zoom: 0.2;
    }
}

@media screen and (max-width: 230px) {
    .Em-ID {
        zoom: 0.1;
    }
}

.btn-cursor {
    cursor: pointer;
}



.Em-Resdancy {
    background: url(../images/personDocuments/BgResidence.png) no-repeat;
    width: 1352px;
    height: 977px;
    display: block;
    position: relative;
    margin: 50px auto;
    zoom: 0.5;
    font-family: arial;
    font-weight: bold;
}

.em-resd-num, .em-resd-filenumber, .em-resd-pl-issue, .em-resd-pass-number, .em-resd-acc-number, .em-resd-a-name, .em-resd-e-name, .career-ar, .career-en, .em-resd-resd-issues, .em-resd-expiry-issues, .em-resd-image, .em-resd-a-sponser, .em-resd-e-sponser, .em-resd-signature {
    position: absolute;
    font-size: 30px;
    color: #000;
}

.em-resd-num {
    top: 250px;
    right: 268px;
}

.em-resd-filenumber {
    top: 316px;
    right: 268px;
}

.em-resd-pl-issue {
    top: 316px;
    right: 819px;
    text-align: right;
    line-height: 33px;
    margin-top: -8px;
}

.em-resd-pass-number {
    top: 385px;
    right: 268px;
}

.em-resd-acc-number {
    top: 385px;
    right: 824px;
}

.em-resd-a-name {
    top: 454px;
    right: 268px;
}

.em-resd-e-name {
    top: 489px;
    left: 318px;
}

.career-ar {
    top: 520px;
    right: 268px;
}

.career-en {
    top: 552px;
    left: 318px;
}

.em-resd-a-sponser {
    top: 590px;
    right: 268px;
}

.em-resd-e-sponser {
    top: 622px;
    left: 318px;
}

.em-resd-resd-issues {
    top: 677px;
    right: 318px;
}

.em-resd-expiry-issues {
    top: 677px;
    right: 837px;
}

.em-resd-image {
    top: 302px;
    left: 74px;
}

    .em-resd-image img {
        width: 235px;
    }

.em-resd-signature {
    top: 757px;
    right: 266px;
}

    .em-resd-signature img {
        max-width: 200px;
        max-height: 100px;
    }

.hide {
    display: none
}

@media screen and (max-width: 775px) {
    .Em-Resdancy {
        zoom: 0.4;
    }
}

@media screen and (max-width: 580px) {
    .Em-Resdancy {
        zoom: 0.3;
    }
}

@media screen and (max-width: 430px) {
    .Em-Resdancy {
        zoom: 0.25;
    }
}

@media screen and (max-width: 360px) {
    .Em-Resdancy {
        zoom: 0.2;
    }
}

@media screen and (max-width: 230px) {
    .Em-Resdancy {
        zoom: 0.1;
    }
}


.Em-ID {
    background: url(../images/personDocuments/eidfrontNew.png) no-repeat;
    background-size: cover;
    width: 593px;
    height: 375px;
    display: block;
    position: relative;
    margin: 50px auto;
    font-weight: bold;
    font-family: arial;
}

.em-id-number {
    position: absolute;
    top: 122px;
    left: 0;
    font-size: 18px;
    text-align: center;
    display: inline-block;
    width: 100%;
    line-height: 25px;
}

    .em-id-number span {
        font-size: 16px;
    }

.em-id-a-name {
    position: absolute;
    top: 211px;
    right: 182px;
    font-size: 17px;
    text-align: right;
}

.em-id-e-name {
    position: absolute;
    top: 255px;
    left: 30px;
    font-size: 16px;
    text-align: left;
}

.em-id-a-nationality {
    position: absolute;
    top: 296px;
    right: 182px;
    font-size: 17px;
    text-align: right;
}

.em-id-e-nationality {
    position: absolute;
    top: 336px;
    left: 30px;
    font-size: 16px;
    text-align: left;
}

.em-id-image {
    width: 125px;
    height: 125px;
    text-align: center;
    position: absolute;
    top: 187px;
    right: 33px;
}

    .em-id-image img {
        max-width: 125px;
        max-height: 125px;
    }

.em-id-small-image {
    width: 40px;
    height: 40px;
    text-align: center;
    position: absolute;
    top: 130px;
    right: 33px;
}

    .em-id-small-image img {
        max-width: 40px;
        max-height: 40px;
        -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
        filter: grayscale(100%);
    }

.em-id-a-title {
    position: absolute;
    top: 55px;
    right: 100px;
    font-size: 26px;
    text-align: right;
    font-weight: bold;
}

.em-id-e-title {
    position: absolute;
    top: 61px;
    left: 35px;
    font-size: 18px;
    text-align: left;
    font-weight: bold;
}

.Em-ID.back-id {
    background: url(../images/personDocuments/eidBackNew.png) no-repeat;
}

.em-id-birthdate {
    position: absolute;
    top: 30px;
    right: 12px;
    font-size: 15px;
    text-align: right;
    display: flex;
}

    .em-id-birthdate span {
        margin: 0 10px;
    }

.em-id-gender {
    position: absolute;
    top: 30px;
    left: 12px;
    font-size: 15px;
    text-align: right;
    display: flex;
}

    .em-id-gender span {
        margin: 0 7px;
    }

    .em-id-gender b span {
        margin: 0 3px
    }

.em-id-cardid {
    position: absolute;
    top: 70px;
    right: 24px;
    font-size: 16px;
    text-align: center;
}

.em-id-expirydate {
    position: absolute;
    top: 70px;
    right: 224px;
    font-size: 16px;
    text-align: center;
}

.em-id-signature {
    position: absolute;
    top: 70px;
    left: 18px;
    font-size: 15px;
    text-align: right;
}

    .em-id-signature img {
        max-width: 100px;
        max-height: 50px;
        margin-top: 10px;
    }

.em-id-num1 {
    position: absolute;
    top: 160px;
    left: 18px;
    font-size: 13px;
    text-align: right;
    font-weight: normal;
}

.em-id-num2 {
    position: absolute;
    top: 190px;
    left: 18px;
    font-size: 13px;
    text-align: right;
    font-weight: normal;
}

.em-id-mrz {
    position: absolute;
    top: 244px;
    left: 16px;
}

    .em-id-mrz span {
        font-size: 18px;
        text-align: justify; /* For Edge */
        -moz-text-align-last: justify; /* For Firefox prior 58.0 */
        text-align-last: justify;
        font-weight: normal;
        line-height: 33px;
        display: block;
        width: 564px;
    }

.em-id-flag-image {
    text-align: center;
    position: absolute;
    top: 130px;
    right: 107px;
}

    .em-id-flag-image img {
        width: 80px;
        height: 40px;
    }

@media screen and (max-width: 775px) {
    .Em-ID {
        zoom: 0.8;
    }
}

@media screen and (max-width: 580px) {
    .Em-ID {
        zoom: 0.6;
    }
}

@media screen and (max-width: 430px) {
    .Em-ID {
        zoom: 0.25;
    }
}

@media screen and (max-width: 360px) {
    .Em-ID {
        zoom: 0.2;
    }
}

@media screen and (max-width: 230px) {
    .Em-ID {
        zoom: 0.1;
    }
}

@font-face {
    font-family: dottedLineFontLigth;
    src: url("fonts/DotlineLight-XXeo.ttf");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: dottedLineFontBold;
    src: url("fonts/DotlineBold-g25Y.ttf");
    font-weight: 900;
    font-style: normal;
}

.Em-passport-page-1, .Em-passport-page-last {
    max-width: 965px;
    max-height: 1455px;
    zoom: 0.425;
    margin: 50px auto;
    text-align: center;
}

    .Em-passport-page-1 img, .Em-passport-page-last img {
        max-width: 965px;
        max-height: 1455px;
    }

.Em-passport-page-2, .Em-passport-page-3, .Em-passport-page-4 {
    background: url(../images/personDocuments/PassportBook2.png) no-repeat;
    width: 965px;
    height: 1455px;
    display: block;
    position: relative;
    margin: 50px auto;
    background-size: cover;
    zoom: 0.425;
    font-family: arial;
    font-weight: bold;
}

.Em-passport-page-2 {
    line-height: 1970px;
}

    .Em-passport-page-2 .content-container {
        position: absolute;
        top: 779px;
        right: 25%;
        width: 482px;
        height: 300px;
    }

    .Em-passport-page-2 .passport-number {
        font-size: 45px;
        color: #8d8585 !important;
    }

    .Em-passport-page-2 svg {
        position: absolute;
        top: 779px;
        right: 34%;
    }

        .Em-passport-page-2 svg:not(:root) {
            overflow: overlay !important;
        }

        .Em-passport-page-2 svg rect {
            fill: #ffffff00 !important;
        }

            .Em-passport-page-2 svg rect g {
                fill: #8d8585 !important;
            }

        .Em-passport-page-2 svg g rect {
            fill: #8d8585 !important;
        }



.Em-passport-page-3 {
    background: url(../images/personDocuments/PassportBook3.jpeg) no-repeat;
}

.Em-passport-page-4 {
    background: url(../images/personDocuments/PassportBook4.png) no-repeat;
}

    .Em-passport-page-4 .passport-number {
        font-family: dottedLineFontBold;
        font-size: 72px;
        position: absolute;
        bottom: 82px;
        left: 26%;
        color: #8d8585;
    }

    .Em-passport-page-4 .unified-number {
        position: absolute;
        top: 700px;
        font-size: 55px;
        left: 280px;
        color: black;
    }

    .Em-passport-page-4 .file-number {
        position: absolute;
        top: 800px;
        font-size: 55px;
        left: 280px;
        color: black;
    }

.Em-passport {
    /*background: url(../images/personDocuments/imgPassportBg.png) no-repeat;*/
    background: url(../images/personDocuments/passport3.jpg) no-repeat;
    width: 1472px;
    height: 1004px;
    display: block;
    position: relative;
    margin: 50px auto;
    background-size: cover;
    zoom: 0.6;
    font-family: arial;
    font-weight: bold;
}

.em-pass-num, .em-pass-countryCode, .em-pass-type, .em-pass-a-name, .em-pass-e-name, .em-pass-a-nationality, .em-pass-e-nationality, .em-pass-a-sex, .em-pass-e-sex, .em-pass-birthday,
.em-pass-a-birthPlace, .em-pass-e-birthPlace, .em-pass-issueDate, .em-pass-ExpiryDate, .em-pass-a-issueplace, .em-pass-e-issueplace, .em-pass-image, .em-pass-Small-image, .em-pass-signature, .em-pass-mrz {
    position: absolute;
    font-size: 30px;
    color: #000;
}

.em-pass-num, .em-pass-countryCode, .em-pass-type {
    top: 175px;
}

.em-pass-num {
    right: 440px;
    width: 290px;
}

.em-pass-countryCode {
    right: 791px;
}

.em-pass-type {
    right: 976px;
}

.em-pass-a-name {
    top: 240px;
    right: 53px;
}

.em-pass-e-name {
    top: 320px;
    left: 446px;
    text-align: left;
}

.em-pass-a-nationality, .em-pass-e-nationality {
    top: 400px;
}

.em-pass-a-nationality {
    right: 53px;
}

.em-pass-e-nationality {
    left: 446px;
    text-align: left
}

.em-pass-a-sex {
    right: 53px;
    top: 480px;
}

.em-pass-e-sex {
    right: 440px;
    top: 480px;
}

.em-pass-birthday {
    top: 480px;
    left: 446px;
    width: 410px;
}

.em-pass-a-birthPlace {
    top: 570px;
    right: 53px;
}

.em-pass-e-birthPlace {
    top: 570px;
    left: 446px;
    text-align: left;
}

.em-pass-issueDate {
    top: 650px;
    right: 60px;
    width: 415px;
}

.em-pass-ExpiryDate {
    top: 650px;
    left: 446px;
    width: 415px;
}

.em-pass-a-issueplace {
    top: 745px;
    left: 772px;
}

.em-pass-e-issueplace {
    top: 745px;
    left: 446px;
    text-align: left;
}

.em-pass-image {
    width: 400px;
    height: 500px;
    text-align: center;
    top: 250px;
    left: 30px;
}

    .em-pass-image img {
        max-width: 100%;
        max-height: 100%;
    }

.em-pass-Small-image {
    width: 210px;
    height: 210px;
    text-align: center;
    top: 333px;
    left: 804px;
    z-index: 0;
}

    .em-pass-Small-image img {
        max-width: 100%;
        max-height: 100%;
        opacity: 0.3;
    }

.em-pass-signature {
    top: 745px;
    right: 58px;
    width: 415px;
}

    .em-pass-signature img {
        max-width: 200px;
        max-height: 100px;
    }

.em-pass-mrz {
    top: 904px;
    left: 180px;
}

    .em-pass-mrz span {
        font-size: 28px;
        text-align: justify; /* For Edge */
        -moz-text-align-last: justify; /* For Firefox prior 58.0 */
        text-align-last: justify;
        font-weight: normal;
        line-height: 43px;
        display: block;
        width: 1200px;
        font-weight: bold;
    }

.wrapper-passport-info-page .passport-label {
    display: block;
    font-weight: bolder;
    font-size: 22px;
    margin-bottom: 0;
}

.wrapper-passport-info-page .passport-value {
    font-weight: bold;
    font-size: 24px;
}

.wrapper-passport-info-page .passport-type-left-text {
    font-weight: bold;
    font-size: 24px;
    float: left;
}

.en-item {
    text-align: left;
}

.ar-item {
    text-align: right;
}

tahaluf-attachments-viewer > ol {
    list-style: none;
    padding: 0;
}

    tahaluf-attachments-viewer > ol li {
        padding: 10px;
        border-bottom: dashed 1px #cccccc;
        position: relative;
        clear: both;
    }

        tahaluf-attachments-viewer > ol li span.count_status {
            content: '';
            width: 25px;
            height: 25px;
            border-radius: 100%;
            border: solid 2px #ccc;
            display: inline-block;
            margin-right: 10px;
            background: none;
            text-align: center;
            position: relative;
        }

        tahaluf-attachments-viewer > ol li .text-info {
            float: right;
        }

        tahaluf-attachments-viewer > ol li .intgrationsection .integ_document {
            vertical-align: super;
            font-size: 10px;
        }

            tahaluf-attachments-viewer > ol li .intgrationsection .integ_document .fa {
                font-size: 15px;
                vertical-align: middle;
                margin: 0 5px;
            }

        tahaluf-attachments-viewer > ol li.integration_wrong span.count_status {
            border-color: #bd2f24;
        }

            tahaluf-attachments-viewer > ol li.integration_wrong span.count_status:after {
                content: '\f00d';
                position: absolute;
                font-size: 16px;
                top: -2px;
                right: -2px;
                width: 25px;
                height: 25px;
                background: #fff;
                border-radius: 100%;
                line-height: 21px;
                border: solid 2px #bd2f24;
                color: #bd2f24;
                vertical-align: middle;
                font-family: FontAwesome;
            }

        tahaluf-attachments-viewer > ol li.integration_wrong {
            color: #bd2f24;
        }

        tahaluf-attachments-viewer > ol li.integration_success {
            color: #2b9985;
        }

            tahaluf-attachments-viewer > ol li.integration_success span.count_status:after {
                content: "\e013";
                font-family: 'Glyphicons Halflings';
                position: absolute;
                font-size: 13px;
                top: -2px;
                right: -2px;
                width: 25px;
                height: 25px;
                background: #fff;
                border-radius: 100%;
                line-height: 21px;
                border: solid 2px #2b9985;
                color: #2b9985;
                vertical-align: middle;
            }

.intgrationsection .integ_document {
    color: #d8bf27;
}


.separ_divs > div {
    clear: both;
    margin: 0 0px 10px;
    padding-bottom: 25px;
    border-bottom: solid 3px #a7a7a7;
}

.div_table_view > .row:last-child .separ_divs > div {
    display: none;
}

.total_ftr {
    font-weight: bold;
}


/* ica cards*/
.ica_card {
    width: 550px;
    direction: rtl;
    font-family: HelveticaNeueReg;
    border: solid 1px #a1a1a1;
    padding: 0 10px;
    margin: 20px auto;
}

    .ica_card .icaCard_header {
        display: flex;
        align-items: center;
        text-align: center;
        font-size: 14px;
        line-height: 21px;
    }

        .ica_card .icaCard_header > div {
            margin: 0 10px;
        }

.flex3 {
    flex: 3;
}

.flex2 {
    flex: 2;
}

.flex1 {
    flex: 1;
}

.hedr_title {
    text-align: center;
}

    .hedr_title span {
        display: inline-block;
        padding: 3px 10px;
        background: #000;
        color: #fff;
    }

.flex_l {
    display: flex;
}

.card_ica_body > div {
    margin-bottom: 10px;
    display: flex;
}

    .card_ica_body > div p {
        margin-bottom: 10px;
        display: flex;
        margin-left: 360px;
    }

.flex_l .flex2 > div {
    margin-bottom: 10px;
}

.card_ica_body em {
    font-style: normal;
    padding: 0 5px;
}

.card_ica_body .ltr {
    direction: ltr;
    text-align: left;
}

.card_ica_body > div b {
    margin-left: 20px;
    min-width: 30px;
    white-space: nowrap;
}

.card_ica_body > div span {
    display: inline-block;
    width: 100%;
    border-bottom: dashed 1px #909090;
    padding-bottom: 3px;
}

.card_ica_body .border_layout {
}

    .card_ica_body .border_layout span {
        border: solid 1px #444;
        margin: 0 10px;
        text-align: center;
        padding: 1px;
    }

.flex_l .flex2 > div {
    display: flex;
}

.flex_l .flex1 small {
    margin: 10px;
    text-align: center;
    display: block;
}

.mandob_ica_card .card_ica_body > div span {
    border: none;
}

.mandob_ica_card .card_ica_body > div {
    margin-bottom: 2px;
}

    .mandob_ica_card .card_ica_body > div b {
        min-width: 70px;
        margin-left: 5px;
    }

.flex_2col {
    display: flex;
}

    .flex_2col .flex1 {
        display: flex;
    }

.ica_card_table {
    width: 550px;
    direction: rtl;
    font-family: HelveticaNeueReg;
    border: solid 1px #a1a1a1;
    padding: 10px;
    margin: 20px auto;
}


.navbar-nav.cards_ul li a.active {
    border-bottom: solid 3px;
}

.modal img {
    max-width: 95%;
}




.box-selected .label-cont .input-group-title {
    font-size: 20px;
    text-align: center;
}

.navbar-nav.cards_ul li a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: #ddd;
}

.navbar-nav.cards_ul li:last-child a:after {
    display: none;
}

.navbar-nav.cards_ul li a {
    color: #000000;
}

    .navbar-nav.cards_ul li a.active {
        color: #cc0000;
    }

.btn-info.box-visa-m, .btn-danger.box-visa-m {
    line-height: 70px !important;
}

.visa-digram .box-visa-m h4 {
    line-height: initial !important;
    margin: 44px 0 0 0;
}

.visa-digram .box-visa-m p {
    margin: 0;
    color: #444 !important;
}



.editvalueCustom {
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    vertical-align: middle;
}

    .editvalueCustom span {
        text-decoration: line-through;
        color: #cccccc;
    }

        .editvalueCustom span:hover {
            text-decoration: none;
            color: #444;
        }

    .editvalueCustom i {
        margin: 0 5px;
        cursor: pointer;
    }

.top5 {
    margin-top: 5%;
}

.top7 {
    margin-top: 7%;
}

.top10 {
    margin-top: 10%;
}

.top12 {
    margin-top: 12%;
}

.top15 {
    margin-top: 15%;
}

.top17 {
    margin-top: 17%;
}

.top30 {
    margin-top: 30%;
}

.mxh252 {
    max-height: 252px;
    overflow: auto;
}


.addressSection .panel-body {
    padding: 0 15px;
}

.addressSection .table {
    margin-bottom: 0;
}

    .addressSection .table > tbody > tr > td, .addressSection .table > tfoot > tr > td {
        padding: 4px 15px;
    }

.m-t-15 {
    margin-top: 15px;
}

.fixiamgemobile {
    max-width: 100% !important;
}



.box-change {
    border: solid 1px #ddd;
    padding: 15px;
    margin: 10px 0;
}

/* start family-book-styles -- added by m.omari */

.family-book-page {
    width: 1520px;
    height: 2100px;
    display: block;
    position: relative;
    margin: 50px auto;
    zoom: 0.3;
    font-family: arial;
    font-weight: bold;
}

.family-book-cover {
    background: url(../images/personDocuments/family-book/cover-face.png) no-repeat;
}

.family-book-page-1 {
    background: url(../images/personDocuments/family-book/page-1.png) no-repeat;
}

.family-book-insta {
    background: url(../images/personDocuments/family-book/eFamilyBookinstraction.png) no-repeat;
}

.family-book-page-2 {
    background: url(../images/personDocuments/family-book/page-2.png) no-repeat;
}

.family-book-page-3 {
    background: url(../images/personDocuments/family-book/page-3.png) no-repeat;
}

.family-book-page-4 {
    background: url(../images/personDocuments/family-book/page-4.png) no-repeat;
}

.family-book-page-5 {
    background: url(../images/personDocuments/family-book/page-5.png) no-repeat;
}

.family-book-page-6 {
    background: url(../images/personDocuments/family-book/page-6.png) no-repeat;
}

.family-book-note {
    background: url(../images/personDocuments/family-book/page-note.png) no-repeat;
    font-size: 50px;
    padding: 340px 60px 0;
    text-align: right;
    line-height: 100px;
    color: #000;
}

.family-book-cover-end {
    background: url(../images/personDocuments/family-book/cover-end.png) no-repeat;
}



.family-book-region-num, .family-book-family-num, .family-book-number, .family-book-name, .family-book-birthplase, .family-book-dob, .family-book-dobword, .family-book-mom, .family-book-notes, .family-book-signature,
.family-book-image, .family-book-emirate, .family-book-area-name, .family-book-area-number, .family-book-family-number, .family-book-date, .family-book-address, .family-book-generalManager {
    position: absolute;
    font-size: 50px;
    color: #000;
}

.family-book-region-num {
    top: 1476px;
    right: 282px;
    width: 747px;
    text-align: center;
    font-weight: 500;
    font-size: 87px;
}

.family-book-family-num {
    top: 1636px;
    right: 276px;
    width: 747px;
    text-align: center;
    font-weight: 500;
    font-size: 87px;
}

.family-book-number {
    bottom: 39px;
    right: 49%;
    width: 747px;
    margin-right: -380px;
    text-align: center;
    font-weight: bold;
    font-size: 84px;
}

.family-book-page-2 .family-book-number {
    bottom: 456px;
    right: 320px;
    width: 400px;
    margin-right: 0;
    text-align: center;
    font-size: 87px;
}

.family-book-name {
    top: 358px;
    right: 124px;
    line-height: 139px;
    left: 161px;
    text-align: right;
}

.family-book-birthplase {
    top: 686px;
    right: 420px;
}

/*.family-book-gender {
    top: 450px;
    right: 420px;
}*/

.family-book-dob {
    direction: rtl !important;
    top: 827px;
    right: 365px;
}

    .family-book-dob span {
        display: inline-block;
        width: 282px;
        text-align: center;
        font-size: 80px;
    }

.family-book-dobword {
    top: 1015px;
    right: 412px;
}

.family-book-mom {
    top: 1176px;
    right: 548px;
}

.family-book-notes {
    top: 1438px;
    right: 408px;
    left: 157px;
    line-height: 148px;
    text-align: right;
}

.family-book-signature {
    top: 1808px;
    right: 678px;
}

.family-book-image {
    left: 122px;
    top: 229px;
    width: 469px;
    height: 588px;
    background: #fff;
}

    .family-book-image img {
        width: 100%;
    }

.family-book-emirate {
    right: 440px;
    top: 268px;
    width: 500px;
    text-align: right;
    font-size: 52px;
}

.family-book-area-name {
    right: 440px;
    top: 484px;
    width: 500px;
    text-align: right;
    font-size: 52px;
}

.family-book-area-number {
    right: 433px;
    top: 680px;
    width: 483px;
    text-align: right;
    font-size: 75px;
    font-weight: 600;
}

.family-book-family-number {
    right: 427px;
    top: 902px;
    font-size: 75px;
    font-weight: 600;
}

.family-book-date {
    direction: rtl !important;
    top: 1131px;
    right: 427px;
    font-weight: 600;
}

    .family-book-date span {
        display: inline-block;
        width: 247px;
        text-align: center;
        font-size: 80px;
    }

.family-book-address {
    top: 1310px;
    right: 427px;
    left: 135px;
    line-height: 191px;
    text-align: right;
}

.family-book-generalManager {
    right: 593px;
    top: 1774px;
}

.family-book-page-6 .family-book-name {
    top: 261px;
    right: 448px;
    line-height: inherit;
}

.family-book-page-6 .family-book-birthplase {
    top: 603px;
}

.family-book-page-6 .family-book-dob {
    top: 740px;
}

.family-book-page-6 .family-book-dobword {
    top: 942px;
}

.family-book-page-6 .family-book-mom {
    top: 1098px;
}

.family-book-page-6 .family-book-notes {
    top: 1392px;
}

.family-book-page-6 .family-book-signature {
    top: 1765px;
}

.family-book-page-6 .family-book-number {
    bottom: 87px;
}

.family-book-page-6 .family-book-gender {
    top: 438px;
    right: 337px;
    line-height: inherit;
    font-size: 54px;
    color: black;
    position: absolute;
}

@media screen and (max-width: 775px) {
    .family-book-page {
        zoom: 0.4;
    }
}

@media screen and (max-width: 580px) {
    .family-book-page {
        zoom: 0.3;
    }
}

@media screen and (max-width: 430px) {
    .family-book-page {
        zoom: 0.25;
    }
}

@media screen and (max-width: 360px) {
    .family-book-page {
        zoom: 0.2;
    }
}

@media screen and (max-width: 230px) {
    .family-book-page {
        zoom: 0.1;
    }
}

/* end family-book-styles */

.m-2 {
    margin: 0 5px;
}

/*.personDocuSection * {
    direction: ltr !important;
}*/

.personDocuSection * {
    direction: ltr;
}

.personDocuSection .carousel-indicators {
    width: 100%;
}


.personDocuSection .carousel {
    background: #f7f7f7;
    padding-bottom: 10px;
}

.personDocuSection .carousel-control.left, .personDocuSection .carousel-control.right {
    background: none;
}

.personDocuSection .carousel-control .glyphicon-chevron-left, .personDocuSection .carousel-control .glyphicon-chevron-right {
    color: #bd9949;
}

.personDocuSection .carousel-indicators {
    bottom: 0;
    background: #f7f7f7;
}

    .personDocuSection .carousel-indicators li {
        width: 15px;
        height: 15px;
    }





.golderservicepage .dash-section,
.golderservicepage .list_btns,
.golderservicepage .dash-section .icondiv {
    background: none !important;
    border: none !important
}

.golderservicepage .dash-section {
    box-shadow: 0 0 15px 0 rgba(214, 178, 126, 0.65);
    padding: 20px 0;
}

.golderservicepage .list_btns img {
    height: 35px;
}


#print_view .Em-ID,
#print_view .Em-Resdancy,
#print_view .Em-passport-page-1,
#print_view .Em-passport-page-last,
#print_view .Em-passport-page-2,
#print_view .Em-passport-page-3,
#print_view .Em-passport-page-4,
#print_view .Em-passport,
#print_view .family-book-page {
    margin: 20px !important;
    zoom: initial !important;
    direction: ltr !important;
}

#print_view, #print_view * {
    direction: ltr !important;
}

.golderservicepage .list_btns img {
    height: 35px;
}



.dashoboardpage .dashboardcontrols.dashboardcontrolsboxstop .dash-section p {
    height: 85px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

#print_view .Em-passport-page-1,
#print_view .Em-passport-page-last,
#print_view .Em-passport-page-2,
#print_view .Em-passport-page-3,
#print_view .Em-passport-page-4,
#print_view .Em-passport {
}

#print_view {
    /*transform: scale(0.5) translate(0, -50%);*/
}

.print_div_hidden {
    opacity: 0;
    height: 0;
    overflow: hidden;
}

.serviceRateBtn.btn-black {
    background-color: #c5c5c5 !important;
    border-color: #c5c5c5 !important;
}

    .serviceRateBtn.btn-black:hover {
        background-color: #b8b8b8 !important;
        border-color: #b1b1b1 !important;
    }

    .serviceRateBtn.btn-black .fa {
        margin-bottom: 10px;
    }

.surveyrow {
    max-height: 70vh;
    overflow: auto;
}

    .surveyrow .questions .input-group-radio, .surveyrow .questions .input-group-checkbox {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .surveyrow .questions fieldset {
        padding: 0;
        margin: 7px 0;
    }

        .surveyrow .questions fieldset h2 {
            margin-top: 10px;
        }


    .surveyrow::-webkit-scrollbar {
        width: 12px;
    }

    .surveyrow::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    .surveyrow::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

    .surveyrow .questions fieldset > h2 .title-part {
        padding-bottom: 0;
    }

    .surveyrow .questions .input-group-radio .input-group-addon, .surveyrow .questions .input-group-checkbox .input-group-addon {
        min-width: 27px;
        width: 22px;
        min-height: 24px;
    }

    .surveyrow .questions .input-group-radio .input-group-title, .surveyrow .questions .input-group-checkbox .input-group-title {
        min-height: 26px;
        padding: 4px 10px;
    }

    .surveyrow .questions .input-group-radio .input-group-addon:before, .surveyrow .questions .input-group-checkbox .input-group-addon:before {
        line-height: 22px;
        width: 24px;
        height: 24px;
        top: 2px;
    }





.questions .input-group-radio input[type=radio].selected ~ .input-group-title,
.questions .input-group-radio input[type=checkbox].selected ~ .input-group-title,
.questions .input-group-checkbox input[type=radio].selected ~ .input-group-title,
.questions .input-group-checkbox input[type=checkbox].selected ~ .input-group-title {
    background-color: #cc0000 !important;
    color: #ffffff !important;
}

.questions .input-group-radio input[type=radio].selected ~ .input-group-addon:before,
.questions .input-group-radio input[type=checkbox].selected ~ .input-group-addon:before,
.questions .input-group-checkbox input[type=radio].selected ~ .input-group-addon:before,
.questions .input-group-checkbox input[type=checkbox].selected ~ .input-group-addon:before {
    background-color: #cc0000 !important;
    border-color: #990000 !important;
    text-indent: 0;
}








/* Customize the label (the container) */
.container-checkbox {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

    /* Hide the browser's default checkbox */
    .container-checkbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

    /* Create a custom checkbox */
    .container-checkbox .checkmark {
        position: absolute;
        top: 1px;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #eee;
    }

    /* On mouse-over, add a grey background color */
    .container-checkbox:hover input ~ .checkmark {
        background-color: #d4d4d4;
    }

    /* When the checkbox is checked, add a blue background */
    .container-checkbox input:checked ~ .checkmark {
        background-color: #b68a35;
    }

    /* Create the checkmark/indicator (hidden when not checked) */
    .container-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the checkmark when checked */
    .container-checkbox input:checked ~ .checkmark:after {
        display: block;
    }

    /* Style the checkmark/indicator */
    .container-checkbox .checkmark:after {
        left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.mb-20px {
    margin-bottom: 20px;
}

.notificationBox .w-xxl {
    width: 500px;
    max-width: 100%;
}

.notificationBox tfoot > tr > td > nav > .col-md-2 {
    display: none;
}

.mr-5px {
    margin-right: 5px;
}

.speech-bubble {
    position: relative;
    background: #e6eaea;
    border-radius: .4em;
    line-height: 50px;
}

    .speech-bubble:after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-right-color: #e6eaea;
        border-left: 0;
        border-bottom: 0;
        margin-top: -10px;
        margin-left: -20px;
    }

.uploaderThumb {
    max-width: 80px;
    max-height: 70px;
    position: absolute;
    bottom: 5px;
    right: 10px;
    z-index: 9;
}

.phone_box-selected .phonebox {
    margin-top: 5px;
    margin-bottom: 5px;
}

.sep-dash {
    padding: 0 2px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20px {
    margin-top: 20px;
}

.d-flex {
    display: flex;
}

#popupIcon {
    position: fixed;
    bottom: 0;
    right: 30px;
    cursor: pointer;
    z-index: 9999999999;
}

#closeBtn {
    position: fixed;
    bottom: 580px;
    right: 4px;
    color: #fff;
    z-index: 1001;
    padding: 10px;
    width: 30px;
    border-radius: 10px;
    text-align: center;
    margin: 10px;
    font-size: 11px !important;
    font-size: 20px;
    cursor: pointer;
    transition: All 1s ease;
    -webkit-transition: All 1s ease;
    -moz-transition: All 1s ease;
    -o-transition: All 1s ease;
    display: none;
    height: 30px;
    width: 50px;
    /* top: 132px; */
    z-index: 9999999999999999999999;
}

#iframe {
    position: fixed;
    bottom: 0;
    right: 30px;
    display: none;
    z-index: 9999999999;
}

#iframe_tag {
    padding: 20px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 30px;
    background: rgba(244,244, 244, 0.44);
}


.em-id-e-name b, .em-id-a-name b {
    max-width: 359px;
    display: inline-block;
    vertical-align: text-top;
    line-height: 19px;
    max-height: 38px;
    overflow: hidden
}

.personDocuSection .em-id-a-name {
    direction: rtl !important;
}

.password-field-wrapper {
    position: relative;
}

.show-hide-pass {
    position: absolute;
    top: 9px;
    right: 10px;
}

.text-decor-none, .text-decor-none:hover {
    text-decoration: none !important;
}




/*new dashboard*/

.dashoboardpage.new-dashboard-page {
    padding: 0 !important;
}

.dashboard_radios {
    margin-top: 4rem;
}

    .dashboard_radios span {
        display: inline-block;
        padding-left: 10px;
        margin-left: 10px;
    }

        .dashboard_radios span input {
            margin-right: 5px;
            vertical-align: middle
        }

.box-newdashboard-wrapper {
    border: solid 1px #ddd;
    background: #f3f3f3;
    padding: 10px;
    margin: 15px 0;
    min-height: 90px;
    position: relative;
}

.box-newdashboard-title {
    padding-right: 25px;
    height: 45px;
    overflow: hidden;
}

.box-newdashboard-header {
    position: relative
}


.place-tag {
    padding: 2px 10px;
    background: #797671;
    color: #fff;
    text-align: center;
    display: inline-block;
    border-radius: 7px;
    font-size: 10px;
    display: block;
    margin: 2px 0;
}

.justify-content-end {
    justify-content: flex-end;
}

.justify-content-between {
    justify-content: space-between;
}

.star-fav-item {
    position: absolute;
    top: 2px;
    right: 5px;
}

.info-fav-item {
    position: absolute;
    top: 5px;
    right: 25px;
}

.box-dashflex {
    width: 100%;
    justify-content: space-around;
}

    .box-dashflex .flexdiv {
        flex: 1;
        font-size: 75%
    }

        .box-dashflex .flexdiv p.count {
            font-size: 15px !important
        }

        .box-dashflex .flexdiv p {
            margin: 0 !important;
            padding: 0 !important;
        }

.dashoboardpage .dashboardcontrols.dashcont .dash-section.dash-sectionnew {
    min-height: 112px;
}

.save-edit-wrapper {
    position: absolute;
    top: 25px;
    right: 15px;
}

.delete-dashbord-item-wrapper {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 20px;
}

.dashboard-notification-table tr td, .what-is-next-table tr td {
    border-top: 0 !important;
    padding: 0 !important;
}

.dashboard-notification {
    padding: 8px;
    background: #f5f5f5;
    margin: 5px 0;
    border: 1px solid #e6e6e6;
}


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

.justify-content-end {
    justify-content: flex-end;
}

.mx-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mx-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.label-styles {
    color: #3c3c3c;
    font-size: 11px;
}

.notification-date b {
    font-size: 13px;
}

.notification-icon {
    font-size: 2.2rem;
}

.notification-body {
    font-size: 1.3rem;
}


.notification-icon i {
    vertical-align: sub;
}

.notification-icon .fa-times-circle {
    color: #b21632;
}

.notification-icon .fa-exclamation-triangle {
    color: #f3a530;
}

.notification-icon .fa-check-circle {
    color: #0a800a;
}

.what-is-next-box {
    font-size: 1.3rem;
    background: #f5f5f5;
    margin: 5px 0;
    border: 1px solid #e6e6e6;
    padding: 8px 0px;
}

.flex-wrap {
    flex-wrap: wrap;
}

.mt-10 {
    margin-top: 10px;
}

.dash-section {
    position: relative;
}


@keyframes shake {
    0% {
        transform: translate(0, 0) rotate(1deg);
    }


    50% {
        transform: translate(0, 0) rotate(-1deg);
    }

    100% {
        transform: translate(0, 0) rotate(1deg);
    }
}

[draggable="true"] {
    animation: shake 0.6s;
    animation-iteration-count: infinite;
    cursor: pointer;
}


.close-child-services {
    cursor: pointer;
    margin: 2px 4px;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
}

.dash-section .list_btns .btn-link {
    border: 0;
}

.dash-section .list_btns {
    margin-top: 0;
}

.golderservicepage .dash-section .list_btns img {
    height: 40px;
}

.dashboard_tabs {
    margin: 0px 15px;
    margin-top: 30px;
    border-bottom: 1px solid #e7e7e7;
}

    .dashboard_tabs .tab-item {
        padding: 8px;
        border: 1px solid #e7e7e7;
        border-radius: 8px 8px 0 0;
        cursor: pointer;
        background: #edf1f2;
        color: #575959;
        font-size: 13px;
        margin: 0 1px;
    }

        .dashboard_tabs .tab-item.active {
            background: #b3976a;
            color: #FFF;
        }

.recent-service-box {
    padding: 5px !important;
}

.w-100 {
    width: 100%;
}

.flie-create-box {
    padding: 10px 18px;
    border: 1px solid #e7ecee;
    cursor: pointer;
}

    .flie-create-box i {
        padding: 5px 6px;
        border-radius: 20px;
        text-align: center;
        background-color: #b3976a;
        color: #FFF;
        font-size: 12px;
    }

.show-more-items i {
    padding: 5px 6px;
    border-radius: 20px;
    text-align: center;
    background-color: #b3976a;
    color: #FFF;
    font-size: 12px;
}

.flie-create-box-wrapper .list-group {
    margin-bottom: 0;
}

.child-services-table tr td {
    padding: 5px 20px 5px 5px !important;
}

.border-0 {
    border: 0;
}

.box-most-recent-services {
    border: solid 1px #ddd;
    background: #f3f3f3;
    padding: 10px;
    margin-top: 15px;
    cursor: pointer;
}

.mr-5px {
    margin-right: 5px;
}

.options-scrollable-box {
    overflow-y: auto;
    padding: 10px 15px;
    background: #efefef;
}

    .options-scrollable-box::-webkit-scrollbar {
        width: 8px;
    }

    .options-scrollable-box::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .options-scrollable-box::-webkit-scrollbar-thumb {
        background: #888;
    }

        .options-scrollable-box::-webkit-scrollbar-thumb:hover {
            background: #555;
        }

.date-box-wrapper {
    margin: 15px 15px 0;
    padding: 10px;
    background: #f5f5f5;
}

.btn-fav-star {
    min-width: 70px;
    background: rgba(202, 164, 102, 0.7);
    color: #ffffff;
}

    .btn-fav-star:hover {
        background: rgba(149, 118, 68, 0.7);
        color: #ffffff;
    }

.no-data-found-wrapper {
    padding: 30px;
    font-size: 1.6rem;
}


.table-bordered-tr {
    border: 1px solid #efefef;
}

.search-wrapper-box {
    background-color: #f8f8f8;
}

.filter-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
}

#requestTrackingAndInquiry {
    margin-top: 35px;
}

.service-title-heading {
    font-size: 2rem;
    max-width: 85%;
}

.mt-15px {
    margin-top: 15px;
}

uib-accordion.gray-items .panel-heading h4.panel-title {
    background: #f1f1f1;
    font-size: 1.5em;
}

    uib-accordion.gray-items .panel-heading h4.panel-title a, uib-accordion.gray-items .panel-heading h4.panel-title a:hover {
        color: #986f2f !important;
        text-decoration: none;
    }

    uib-accordion.gray-items .panel-heading h4.panel-title > a.accordion-toggle {
        padding: 20px 15px;
    }

uib-accordion.gray-items .panel-default {
    margin: 10px 0;
}

.choose-grid-style {
    margin: 11px 0;
}

.bar a {
    background: #FAFAFA;
    margin-right: 7px;
    border-radius: 2px;
    cursor: pointer;
    text-align: center;
    color: #808080;
    z-index: -1;
    font-size: 1.8rem;
}

    .bar a.active {
        color: #A87935;
    }

.page-title-spacing {
    margin: 10px 5px 0;
}

.list-item-box {
    background: #FDFBF7 !important;
    padding: 15px 10px;
    margin: 10px;
    border: 1px solid #ededed !important;
    min-height: 52px;
}

.grid-item-box {
    background: #f8f8f8;
    text-align: center;
}

    .grid-item-box .list_btns {
        background: #efefef !important;
        margin: 0;
    }

.grid-item-header {
    padding: 10px 0 10px;
    min-height: 85px;
    font-size: 1.6rem;
}

.dashboard-search {
    background: #f6f3ee;
    padding: 20px 15px 0px !important;
}

    .dashboard-search .search-title {
        color: rgba(152, 111, 47, 0.7);
        font-size: 2rem;
        margin: 4px 0px 0;
    }


.dropdown-long .select2-container .select2-choice {
    height: 65px;
}


.search-btn {
    background-color: rgba(152, 111, 47, 0.7) !important;
    border-color: rgba(152, 111, 47, 0.7) !important;
    margin-top: 10px;
}

.close-announcement-btn {
    font-size: 26px;
    margin: 10px 0 0 0;
}

.announcement-link-styles {
    font-size: 27px;
    margin: 0 20px;
    color: #c79139;
    cursor: pointer;
}

.mt25 {
    margin-top: 25px;
}

.avaliableDashboardBox {
    display: inline-block;
    padding: 5px;
    border: solid 1px #a7a7a7;
    margin: 10px 7px;
}

.icaUpdateAddress {
    padding: 15px !important;
    font-weight: bold;
}

.modal-xl {
    width: 90% !important;
    max-width: 90% !important;
}

.mb15 {
    margin-bottom: 15px;
}

.customeval .validation {
    position: absolute;
    bottom: -23px;
}

.cursorPointer {
    cursor: pointer;
}

#timeline {
    text-align: center;
    line-height: normal;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}



    .timeline > li {
        margin-bottom: 20px;
        position: relative;
    }

        .timeline > li:before, .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before, .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 50%;
            float: left;
            border: 1px solid #d4d4d4;
            border-radius: 2px;
            background-color: #ffffff;
            padding: 20px;
            position: relative;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        }

        .timeline > li.timeline-inverted + li:not(.timeline-inverted), .timeline > li:not(.timeline-inverted) + li.timeline-inverted {
            margin-top: -60px;
        }

        .timeline > li:not(.timeline-inverted) {
            padding-right: 90px;
        }

        .timeline > li.timeline-inverted {
            padding-left: 90px;
        }

        .timeline > li > .timeline-panel:before {
            position: absolute;
            top: 26px;
            right: -15px;
            display: inline-block;
            border-top: 15px solid transparent;
            border-left: 15px solid #ccc;
            border-right: 0 solid #ccc;
            border-bottom: 15px solid transparent;
            content: " ";
        }

        .timeline > li > .timeline-panel:after {
            position: absolute;
            top: 27px;
            right: -14px;
            display: inline-block;
            border-top: 14px solid transparent;
            border-left: 14px solid #fff;
            border-right: 0 solid #fff;
            border-bottom: 14px solid transparent;
            content: " ";
        }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 50px;
            height: 50px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -25px;
            background-color: #999999;
            z-index: 2;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.done {
    background-color: #00c210 !important;
}

.timeline-badge.inProgress {
    background-color: #efd502 !important;
}

.timeline-badge.pending {
    background-color: #939393 !important;
}


.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p, .timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

div#timeline_container {
    margin: 60px auto;
    position: relative;
    width: 960px;
}

.timeline-panel.done {
    border-color: #00c210 !important;
}

.timeline-panel.inProgress {
    border-color: #efd502 !important;
}

.timeline-panel.pending {
    border-color: #939393 !important;
}

.box-section.alerts {
    padding: 0 20px 10px;
    border: solid 1px #ddd;
    margin-bottom: 20px;
    background: #fdfdfd;
}

    .box-section.alerts .section-title {
        margin-bottom: 24px;
    }

    .box-section.alerts .rule-item-styles {
        background: #f5f5f5;
    }

.fa-medX {
    font-size: 1.2em;
}

.smartbtn {
    margin-bottom: 10px;
}

    .smartbtn .orlogin {
        color: #78849E;
        font-size: 17px;
        font-weight: 500;
    }

.landingServices .servicedatails .loginService a {
    display: block;
    margin: 0px !important;
}

.smartbtn img {
    margin: 0 auto
}

.overflow-hidden {
    overflow: hidden;
}






/*yousef*/


.bundle-card {
    border: solid 1px #ddd;
    background: #f3f3f3;
    padding: 10px;
    margin: 15px 0;
    min-height: 90px;
    position: relative;
    text-align: center;
}

    .bundle-card.selected-bundle {
        background: #dcdcdc;
        border: 1px solid #898989;
    }

    .bundle-card .card__subject {
        font-weight: bold;
        font-size: 1.5rem;
    }

    .bundle-card .card__details {
        margin-bottom: 10px;
    }




.main-timeline {
    position: relative;
}

    .main-timeline:before {
        content: "";
        background: #cc9f5d;
        width: 10px;
        height: 100%;
        transform: translateX(-50%);
        position: absolute;
        top: 0;
        left: 50%;
    }

    .main-timeline:after {
        content: '';
        display: block;
        clear: both;
    }

    .main-timeline .timeline {
        width: 50%;
        margin: 0 10px 30px 0;
        float: left;
    }

    .main-timeline .timeline-content {
        color: #555;
        margin: 0 50px 0 0;
        border: 5px solid #000000;
        border-radius: 30px;
        display: block;
        position: relative;
    }

    .main-timeline .timeline-icon {
        color: #E84C47;
        background-color: #fff;
        font-size: 25px;
        text-align: center;
        line-height: 50px;
        height: 60px;
        width: 60px;
        border-radius: 50%;
        border: 5px solid #E84C47;
        display: block;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        right: -83px;
    }

        .main-timeline .timeline-icon:before,
        .main-timeline .timeline-icon:after {
            content: "";
            background: #fff;
            width: 28px;
            height: 30px;
            border-radius: 0 0 15px 11px;
            position: absolute;
            top: -18px;
            left: -23.5px;
            z-index: -1;
        }

        .main-timeline .timeline-icon:after {
            border-radius: 11px 15px 0 0;
            top: auto;
            bottom: -18px;
        }

    .main-timeline .inner-content {
        padding: 0 20px 20px;
    }

    .main-timeline .title {
        color: #fff;
        background: #eb4d4b;
        font-size: 20px;
        font-weight: 600;
        text-transform: uppercase;
        padding: 10px 14px;
        margin: 0 0 -10px;
        border-radius: 10px;
        display: inline-block;
        transform: translateY(-23px);
    }

    .main-timeline .description {
        font-size: 15px;
        margin: 0;
    }

    .main-timeline .timeline:nth-child(even) {
        float: right;
        margin: 0 0 30px 10px;
    }

        .main-timeline .timeline:nth-child(even) .timeline-content {
            text-align: right;
            margin: 0 0 0 50px;
        }

            .main-timeline .timeline:nth-child(even) .timeline-content:before {
                left: -32px;
                right: auto;
            }

        .main-timeline .timeline:nth-child(even) .timeline-icon {
            left: -83px;
            right: auto;
        }

            .main-timeline .timeline:nth-child(even) .timeline-icon:before,
            .main-timeline .timeline:nth-child(even) .timeline-icon:after {
                left: 46.3px;
            }

.timeline-content.waiting:hover .inner-content {
    text-decoration: none;
    cursor: pointer;
    background: rgba(243,165,48,0.5);
    border-radius: 20px;
}


@media screen and (max-width:990px) {
    .main-timeline .inner-content {
        padding: 0 15px 20px;
    }
}

@media screen and (max-width:767px) {
    .main-timeline:before {
        transform: translateX(0);
        left: 25px;
    }

    .main-timeline .timeline {
        width: 100%;
        margin: 0 0 40px;
    }

        .main-timeline .timeline-content,
        .main-timeline .timeline:nth-child(even) .timeline-content {
            text-align: left;
            margin: 0 0 0 60px;
            border-radius: 5px;
        }

            .main-timeline .timeline-content:before {
                display: none;
            }

        .main-timeline .timeline-icon,
        .main-timeline .timeline:nth-child(even) .timeline-icon {
            right: auto;
            left: -60px;
        }

            .main-timeline .timeline-icon:before,
            .main-timeline .timeline-icon:after {
                display: none;
            }

    .main-timeline .title {
        font-size: 16px;
        border-radius: 5px;
    }
}

/*time line content */
.main-timeline .timeline-content:before {
    content: "";
    width: 27px;
    height: 43px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -32px;
}

.main-timeline .timeline-content.done:before {
    background: #0a800a;
}

.main-timeline .timeline-content.waiting:before {
    background: #f3a530;
}

.main-timeline .timeline-content.inProgress:before {
    background: #f3a530;
}

.main-timeline .timeline-content.pending:before {
    background: #828282;
}

.main-timeline .timeline-content {
    border-radius: 30px;
    display: block;
    position: relative;
    margin: 0 50px 0 0;
}

    .main-timeline .timeline-content.done {
        color: #555;
        border: 6px solid #0a800a;
    }

    .main-timeline .timeline-content.waiting {
        color: #000000;
        border: 6px solid #f3a530;
    }

    .main-timeline .timeline-content.inProgress {
        color: #000000;
        border: 6px solid #f3a530;
    }

    .main-timeline .timeline-content.pending {
        color: #828282;
        border: 6px solid #828282;
    }

/*time line icons */
.main-timeline .timeline-icon {
    font-size: 25px;
    text-align: center;
    line-height: 50px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 5px solid #828282;
    display: block;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: -83px;
}

    .main-timeline .timeline-icon.done {
        color: #0a800a;
        border-color: #0a800a;
    }

    .main-timeline .timeline-icon.waiting {
        color: #f3a530;
        border-color: #f3a530;
    }

    .main-timeline .timeline-icon.inProgress {
        color: #f3a530;
        border-color: #f3a530;
    }

    .main-timeline .timeline-icon.pending {
        color: #828282;
        border-color: #828282;
    }


/*.time line icons .titles*/
.main-timeline .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 14px;
    margin: 0 0 -10px;
    border-radius: 10px;
    display: inline-block;
    transform: translateY(-23px);
    color: #FFF;
}

    .main-timeline .title.done {
        background: #0a800a;
    }

    .main-timeline .title.waiting {
        background: #f3a530;
    }

    .main-timeline .title.inProgress {
        background: #f3a530;
    }

    .main-timeline .title.pending {
        background: #828282;
    }

.progress-bar-size {
    padding: 0 50px;
    margin-bottom: 30px;
}

.description-small {
    font-size: 1.2rem;
    margin-top: 5px;
    margin-bottom: 0;
    color: #4d4d4d;
}

.color-item-demo {
    width: 18px;
    height: 18px;
    background: #eaeaea;
    border-radius: 25px;
    display: inline-block;
    margin: 5px;
}

.map-items-box {
    border: 1px solid #eaeaea;
    padding: 5px;
    border-radius: 8px;
    margin-bottom: 50px;
}

.color-item-demo.item-green {
    background: #0a800a;
}

.color-item-demo.item-yellow {
    background: #f3a530;
}

.color-item-demo.item-gray {
    background: #828282;
}

.map-border {
    margin: 0 10px;
    padding: 0 10px;
}

.justify-content-center {
    justify-content: center;
}

.guest-service-name {
    max-width: 70%;
    display: inline-block;
}

.hide-today-Btn .uib-datepicker-current {
    pointer-events: none;
}

.theme-changer {
    position: fixed;
    left: 0;
    top: 50%;
    background: rgba(152, 111, 47, 0.7);
    padding: 15px;
    display: inline-flex;
    color: #fff;
    border-radius: 1px;
    font-size: 20px;
    cursor: pointer;
}

.max-width-td-130 {
    max-width: 130px;
}

.max-width-td-174 {
    max-width: 174px;
}

.max-width-td-170 {
    max-width: 170px;
}

#google_translate_element {
    opacity: 0;
    visibility: hidden;
    width: 0;
    overflow: hidden;
}

.fixed-alert-message {
    position: fixed;
    left: 8%;
    right: 8%;
    top: -120px;
    z-index: 99;
    margin-top: 15px;
    transition: top 2s;
}

.show-alert .fixed-alert-message {
    top: 0;
    transition: top 2s;
}

.fixed-alert-message i, .normal-alert i {
    font-size: 32px;
    margin-top: 3px;
}

.fixed-alert-message h6, .normal-alert h6 {
    margin: 3px 0;
}

.fixed-alert-message .alert, .normal-alert .alert {
    border-color: rgb(138, 109, 59)
}

body.show-alert {
    padding-top: 90px;
}

.normal-alert {
    margin-top: 15px;
}

.normal-alert .alert {
    margin-bottom: 5px;
}

.normal-alert .close, .fixed-alert-message .close {
    display: none;
}


.fixed-alert-message .close-popup {
    position: absolute;
    left: 0;
    top: 0;
    margin: 7px 15px;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    animation: close-effect 1s step-end infinite alternate;
}


@keyframes close-effect {
    0% {
        transform: rotate(0deg);
    }
    33% {
        transform: rotate(10deg);
    }
    66% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

.display-flex {
    display: flex;
}

.h4-line-height {
    line-height: 1.3;
}

.rsbtn {
    margin: 5px 0 0;
    vertical-align: middle;
}

.rsbtn_play {
    float: none !important;
}



.p15 {
    padding:15px;
}