@import "fonts/ica-custom-fonts/style.css";
@import "fonts/ica-custom-icons/style.css";
@import "icons/regular/style.css";
@import "icons/fill/style.css";
@import "fonts/echannels-icons/style.css";
@import "branding/skeleton.css";
.fw-600 {
    font-weight: 600;
}

.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*/

.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;
}

.aegov-login-card {
    min-height: 35em;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    border: 1px solid var(--primary);
    border-radius: 0.75em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    padding: 1.5em;
}

.aegov-btn.btn-secondary {
    height: 3.25em;
    font-size: 16px;
    line-height: 1.5em;
    background-color: rgb(14 15 18 / 1);
    color: rgb(225 227 229 / 1);
    border-radius: .5em;
    border-width: 2px;
    border-color: transparent;
    display: flex;
    align-items: center;
    gap: 0.75em;
    padding-inline: 1.5em;
}

.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;
}

/* 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;
}

.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;
}

.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;
}

.floating-btn-sync {
    position: fixed;
    inset-inline-end: 13px;
    top: 50%;
    transform: translateY(-160%);
}

.floating-btn-evaluate {
    position: fixed;
    inset-inline-end: 13px;
    bottom: 7rem;
    z-index: 99;
}

.floating-btn-evaluate .btn,
.floating-btn-sync .btn {
    width: 44px;
    height: 44px;
}

.floating-btn-evaluate .btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    padding: 0;
}

.floating-btn-evaluate .btn i {
    font-size: 2.1rem;
}

.floating-btn-text {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(125%, -50%);
    min-width: 150px;
    max-width: 200px;
    transition: 0.3s;
    padding: 0.25rem 0.5rem;
    background-color: #00000033;
    border-radius: 5px;
}

.floating-btn-sync:hover .floating-btn-text,
.floating-btn-evaluate:hover .floating-btn-text {
    transform: translate(-30%, -50%);
}

.floating-btn-evaluate:hover .floating-btn-text {
    transform: translate(-40%, -50%);
}

.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;
}

.tooltip {
    pointer-events: none;
}

.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;
}

.mobile-menu-btn,
.mobile-home-btn {
    display: none !important;
}

.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: #f7f7f7;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 5px 5px #00000055;
}

/*@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;
}

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

.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 !important;
    height: 0;
    opacity: 0;
    padding: 0 !important;
    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;
}

.threeWide {
    display: none;
}

.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;
}

/*.landing-slider .sliderSection img {
    height: auto !important;
}*/

.landing-slider .slider_desc {
    position: absolute;
    max-width: 100%;
    width: 80%;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.landing-slider .slider_desc h3 {
    font-size: 3rem;
    color: var(--primary);
}

.landing-slider .slider_desc p {
    color: #4D4D4D;
    font-size: 2.5rem;
}

.landing-slider .slider_desc .sliderbtn {
    font-size: 1.5rem;
    line-height: normal;
    padding: 0.5rem 3rem;
    background-color: #ffffff;
}

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

.landing-slider .sliderSection .carousel-indicators {
    position: absolute;
    width: 40px;
    height: fit-content;
    background: #ffffffcc !important;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    padding: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    left: 25px !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;
}

.landing-slider .sliderSection .carousel-indicators li {
    margin: 1rem;
}

.landing-slider .sliderSection .carousel-indicators .active {
    background-color: #bd9949;
    border: 2px solid #ffffff;
    box-shadow: 0 1px 2px #00000044;
}

/*@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";
}

.wizard-sm #status-buttons>a {
    width: 12%;
}

/*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: 21%;
    text-align: center;
    padding: 7px;
    height: 100px;
    font-size: 12px
}

.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);
    }
}

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

@keyframes blink-yellow {
    50% {
        border-color: #a98644;
        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;
    /*height:50vh;*/
    overflow-y: auto;
    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-passport1 {
    /*background: url(../images/personDocuments/imgPassportBg.png) no-repeat;*/
    background: url(../images/personDocuments/PassportPage4.jpg) no-repeat;
    width: 500px;
    height: 332px;
    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,
.em-pass1-e-name,
.em-pass1-a-name {
    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;
    line-height: 23px;
    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;
    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 20px;
}

.card_ica_body .ltr {
    direction: ltr;
    text-align: left;
}

.card_ica_body .rtl {
    direction: rtl;
    text-align: right
}

.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 0px;
}

.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 .Em-passport1,
#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;
}

#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;
}

.custom-fieldset {
    min-width: auto;
    padding: 1.35em 1.625em 0.75em;
    border: 1px solid var(--color-gray-300);
    border-radius: 0.25rem;
}

.custom-fieldset legend {
    width: auto;
    border: 0;
    font-size: 2rem;
    padding-inline: 1rem;
}

/*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
}*/

.box-newdashboard-wrapper {
    border: solid 1px #ddd;
    background: linear-gradient(-180deg, #f2f1f2 50%, #ffffff 50%);
    padding: 10px;
    margin: 15px 0;
    min-height: 90px;
    position: relative;
    box-shadow: 0 0 5px 1px #c4c4c4;
    border-radius: 5px;
}

.box-newdashboard-title {
    padding-right: 25px;
    height: 68px;
    overflow: hidden;
    color: #A87935;
}

.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;
}

.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;
}

.save-edit-wrapper {
    position: absolute;
    top: 20px;
    right: 0;
}

.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;
}

.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;
}

.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: 77px;
    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.5rem;
}

/*.dashboard-search {
    background: none;
    padding: 20px 15px 0px !important;
    border:1px solid #c4c4c4;
}

    .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;
}

.cursor-all-default label,
.cursor-all-default label::before,
.cursor-all-default label::after {
    cursor: default !important;
}

#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;
}

.match-height>[class*=col]>.aegov-card {
    flex: 1 1 auto;
}

.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;
}

.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;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background: #eaeaea;
    font-size: 13px;
    border-radius: 6px !important;
    padding: 7px 10px !important;
    margin: 5px !important;
}

.select2-container-multi .select2-choices .select2-search-field input {
    width: 100% !important;
}

.select2-search-field {
    width: 100% !important;
    position: absolute;
    top: 0;
    background: #FFF;
    border-bottom: 1px solid #eaeaea;
}

.select2-choices {
    padding-top: 34px !important;
    position: relative !important;
    background-image: none !important;
    background-color: #f8f8f8 !important;
}

.select2-container-multi .select2-choices li {
    float: right !important;
}

.select2-container-multi .select2-choices li button {
    border: none !important;
}

.justify-content-custom {
    justify-content: space-between !important;
    display: flex !important;
    padding: 20px 20px 0px 20px;
}

.padding-custom {
    padding: 20px 15px 0px 15px;
    background-color: rgba(255, 255, 255, 0.4);
    margin: 120px 16px 0px 16px;
}

.Card-id {
    margin-bottom: 25px !important;
}

.Card-id,
.Card-id .info {
    border: 3px solid #cbaf82;
    border-radius: 10px;
    margin: 40px 0;
    position: relative;
}

.Card-id .Preview {
    background-color: #cbaf82;
    color: #fff;
    padding: 5px 10px;
    font-size: 8px;
    position: absolute;
    top: -12px;
    right: 10px;
}

.Card-id .info {
    position: relative;
    bottom: -10px;
    margin: 0px 20px;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 12px;
}

.Card-id .info img {
    max-width: 50px;
    margin: 10px 0px;
}

.text-left-cutom {
    text-align: left !important;
    margin: 10px 0px;
}

.Residence {
    background-image: url(../images/id-card/residency-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    /*height: 290px;
    margin-top: 1.25rem;*/
    height: 250px;
    margin-top: 0;
}

.UnifiedForm {
    background-image: url(../images/id-card/residency-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 240px;
    min-width: 340px;
    max-width: 340px;
    margin-top: 0;
    margin-left: 4px;
    right: 1px;
}

.Identity {
    background-image: url(../images/ID01.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 300px;
}

.globl_icn_15 {
    padding: 15px;
}

.globl_icn_15 .fa {
    margin-left: 15px;
}

.active-menu {
    min-height: 710px;
}

.active-list {
    min-height: 1170px;
}

.search-container input {
    padding-right: 3rem !important;
}

/*======================================= New Styles ===============================================================================*/

/*============================================================
    6 - Search Bar Previous Internal Style Container
    7 - Quick Search Container 
        7.1 - Quick Search Text Field
        7.2 - Quick Search Query Counter
        7.3 - Quick Search Cards Container
        7.4 - Quick Search Cards
    8 - Media Grouped (Not approved) 
==============================================================*/

/*====================================================== 6 - Search Bar Previous Internal Style Container ========================================================*/

.filter-layout .post {
    border: 1px solid #cdc0ad;
    margin-left: 3%;
    margin-bottom: 30px;
    width: 30%;
    border-radius: 2px;
    padding: 20px;
}

.filter-layout {
    width: 100%;
    margin: 48px 0 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.filter-layout .post .icon-wrapper {
    display: block;
    padding: 0 0 40px;
    margin: 0;
    text-align: center;
}

.fi-passport:before {
    content: "\ea7a";
    color: #686868;
}

.filter-layout .post i::before {
    display: block;
    color: #d1c780;
}

.filter-layout .post i {
    font-size: 64px;
    display: block;
    margin: 0 auto 35px;
}

/*====================================================== 7 - Quick Search Container ========================================================*/

.visa-box {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 1.5rem;
}

.visa-book-icon {
    font-size: 5rem;
}

/*====================================================== 8 - Media Grouped ========================================================*/

/*============================================================
     Toast
==============================================================*/

/*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;
    }
}

/*============================================================
     cfp (Unknown use location)
==============================================================*/

@media all and (max-width: 500px) {
    .cfp-hotkeys {
        font-size: 5.8em;
        background-color: red !important;
    }
}

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

/*responsive*/

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

@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%;
    }
}

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

@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;
    }
}

@media (max-width: 767px) {
    .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%;
    }
}

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

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

@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;
    }
}

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

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

@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;
    }
}

@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;
    }
}

@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;
    }
}

@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;
    }
}

@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;
    }
}

/*====================================================== 9 - New Media ========================================================*/

/*============================================================
    9.1 - Media (1024px)
==============================================================*/

/*=======================================
    9.1.1 - Media (Dashboard)
========================================*/

@media all and (max-width:1024px) {
    .o-search-btn {
        text-align: center;
        width: 100%;
        margin: 20px 0;
    }
    .dashboard-search .search-title {
        color: rgba(152, 111, 47, 0.7);
        font-size: 2rem;
        margin: 10px 0;
    }
    .o-save-edit-warpper {
        top: 0;
    }
}

.bootdey {
    padding-top: 15px;
    padding-bottom: 20px;
}

.box-widget {
    border: none;
    position: relative;
}

.box {
    position: relative;
    border-radius: 9px;
    background: #ffffff;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.box:hover {
    box-shadow: 0 3px 3px #565451bf;
    cursor: pointer !important;
}

.box-widget .widget-user-header {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    height: 55px;
    display: flex;
    padding: 0 1.5rem;
    align-items: center;
}

.icon-rounded-container {
    background-color: #ffffff;
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-rounded-container i {
    font-size: 2.5rem;
}

.box-widget .widget-user-title {
    background-color: #58666e;
}

.widget-user-header-text {
    margin: 0 1rem;
}

.uae-accordion-container {
    height: 310px;
    width: 100%;
    overflow-y: scroll;
}

.uae-login-separator {
    border-left: 1px solid #00000022;
    height: 275px;
}

.accordion-toggle span {
    max-width: 70%;
}

.uae-accordion-container .icon-rounded-container i {
    font-size: 1.5rem;
}

.widget-user-2 h4 {
    font-size: 1.6rem;
}

.widget-user-2 .panel-group .accordion-toggle[aria-expanded='false']:after {
    content: '\f107' !important;
    font-size: 2.5rem;
}

.widget-user-2 .panel-group .accordion-toggle[aria-expanded='true']:after {
    content: '\f106' !important;
    font-size: 2.5rem;
}

.widget-user-2 .panel-heading h4.panel-title {
    background-image: none !important;
}

.widget-user-2 .panel-group .panel-default {
    border: 0 !important;
    position: relative;
    border-radius: 15px;
    margin-bottom: 20px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    overflow: hidden;
}

.widget-user-2 .panel-group .panel-default .panel-heading {
    border-radius: 15px;
    background: #eff5f5 !important;
}

.widget-user-2 .panel-group .panel-heading+.panel-collapse .panel-body {
    border: 0 !important;
    padding-left: 0;
    padding-right: 0;
}

.uae-widget-content .icon-light {
    background-color: #eff5f599 !important;
}

.widget-user-2 .panel-heading h4.panel-title>a.accordion-toggle {
    padding: 0 1rem;
    display: flex;
    align-items: center;
    color: #58666e !important;
    position: relative;
}

.uae-accordion-title {
    color: #58666e;
}

.uae-accordion-btn:lang(ar) {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.uae-accordion-btn:lang(en) {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.uae-widget-content li {
    display: flex !important;
    align-items: center;
    border-bottom: 0 !important;
}

.uae-widget-content .icon-rounded-container {
    background-color: #eff5f5;
    width: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.uae-widget-content .icon-rounded-container i,
.uae-widget-content .icon-rounded-container span {
    font-size: 1.5rem;
    color: #58666e;
}

.uae-login-btn {
    border-radius: 10px !important;
    border: 0;
    font-size: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.widget-user-desc {
    color: #fff;
    margin-top: 15px;
    font-size: 12px;
}

.widget-user-username {
    color: #fff;
    line-height: 23px;
    display: flex;
    align-items: center;
}

.widget-user-estabname {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
    color: #fff;
    min-height: 100px;
    max-height: 100px;
}

.widget-user-image {
    margin-top: -13px;
}

.widget-user-image>img {
    width: 65px;
    height: auto;
    float: left;
}

.no-padding {
    padding: 0 !important;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
    min-height: 80px;
}

.box .nav-stacked>li {
    border-bottom: 1px solid #f4f4f4;
    margin: 0;
    border-radius: 0;
    border-top: 0;
    border-left: 3px solid transparent;
    color: #444;
    position: relative;
    display: block;
    padding: 10px 15px;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-stacked>li>a {
    border-radius: 0;
    border-top: 0;
    border-left: 3px solid transparent;
    color: #444;
}

.bg-yellow {
    background-color: #f39c12 !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-blue:hover {
    background-color: #4c5ea3;
}

.bg-aqua {
    background-color: #4c7fb4 !important;
}

.bg-aqua:hover {
    background-color: #4c5ea3;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-red {
    background-color: #9d1d33 !important;
}

.align-center {
    padding: 5px;
    text-align: center;
    min-height: 80px;
}

.align-center .login-btn {
    margin-top: 12px;
}

.align-center .btn-estab-login {
    background-color: #23b7e5;
    box-shadow: 0 0px 0px 0px #4d90fe;
    border: 0px;
    color: white;
}

.align-center .btn-estab-login:hover {
    background-color: #4c5ea3;
    box-shadow: 0 0px 0px 0px #4d90fe;
}

.ordered-list li {
    padding: 3px;
}

.id-card {
    border: 1px solid #c4c4c444;
    border-radius: 10px;
    overflow: hidden;
}

.id-card-default {
    background-image: url(../images/id-card/EID-Front-New2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    /*min-height: 315px;*/
    min-height: 250px;
    /*min-width: 450px;*/
    min-width: 385px;
    /*max-width: 450px;*/
    max-width: 385px;
    position: relative;
    font-weight: 700;
}

.id-card-flag {
    background-image: url('../images/id-card/EID_Front_New_Flag1.jpeg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 315px;
    min-width: 450px;
    max-width: 450px;
    position: relative;
    font-weight: 700;
}

.id-card-gold {
    background-image: url(../images/id-card/EID-Front-Golden2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 315px;
    min-width: 450px;
    max-width: 450px;
    position: relative;
    font-weight: 700;
}

.id-card-unifiedform {
    background-image: url(../images/id-card/EID-Front-New2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 250px;
    min-width: 380px;
    max-width: 380px;
    margin-top: 0;
    position: relative;
    font-weight: 700;
}

.id-card-gold-unifiedform {
    background-image: url(../images/id-card/EID-Front-Golden2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 250px;
    min-width: 380px;
    max-width: 380px;
    margin-top: 0;
    position: relative;
    font-weight: 700;
}

.id-card-blue {
    background-image: url(../images/id-card/EID-Front-Blue2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 315px;
    min-width: 450px;
    max-width: 450px;
    position: relative;
    font-weight: 700;
}

.id-card-blue-unifiedform {
    background-image: url(../images/id-card/EID-Front-Blue2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 250px;
    min-width: 380px;
    max-width: 380px;
    margin-top: 0;
    position: relative;
    font-weight: 700;
}

.id-card-green {
    background-image: url(../images/id-card/EID-Front-Green2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 315px;
    min-width: 450px;
    max-width: 450px;
    position: relative;
    font-weight: 700;
}

.id-card-green-unifiedform {
    background-image: url(../images/id-card/EID-Front-Green2.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 250px;
    min-width: 380px;
    max-width: 380px;
    margin-top: 0;
    position: relative;
    font-weight: 700;
}

.id-card-header {
    background-color: #f5f8f8;
    border-bottom: 1px solid #c4c4c444;
    padding: 1rem 2rem;
}

.id-card-body {
    padding: 2rem;
}

.eida-card-personal-image {
    position: absolute;
    left: 4rem;
    top: 9rem;
}

.eida-card-personal-image img {
    width: 90px;
    height: 120px;
    display: inline-block;
}

.id-card-sample {
    position: absolute;
    left: 36%;
    top: 5rem;
    transform: translate(-40%, 0);
    width: 100%;
    opacity: 0.5;
    z-index: 1050;
    text-align: center;
    rotate: -35deg;
    margin-left: -1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    pointer-events: none;
    user-select: none;
    font-size: 25px;
}

.id-card-number {
    position: absolute;
    /*top: 100px;*/
    top: 95px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    font-size: 1rem;
    color: black;
}

.id-card-number span {
    font-size: 1.3rem;
}

.id-card-name {
    position: absolute;
    /*top: 135px;*/
    top: 130px;
    right: 20px;
    color: black;
    font-size: 1rem;
    width: 60%;
}

.id-card-name .id-card-name-english {
    text-align: left;
    margin-top: 0.5rem;
    display: block;
    font-size: 1.1rem;
}

.id-card-Bdate {
    position: absolute;
    /*top: 189px;*/
    top: 180px;
    right: 20px;
    color: black;
    font-size: 1rem;
    width: 60%;
    display: flex;
    justify-content: space-between;
}

.id-card-Bdate .id-card-Bdate-english {
    direction: ltr;
}

.id-card-nationality {
    position: absolute;
    /*top: 205px;*/
    top: 200px;
    right: 20px;
    color: black;
    font-size: 1rem;
    width: 60%;
}

.id-card-nationality .id-card-nationality-english {
    text-align: left;
    margin-top: 0.5rem;
    display: block;
    font-size: 1.1rem;
}

.id-card-gender {
    position: absolute;
    top: 250px;
    right: 20px;
    font-size: 1rem;
    color: #000000;
}

.id-card-gender .id-card-gender-english {
    display: block;
    text-align: left;
    margin-top: 0.5rem;
    font-size: 1.1rem;
}

.id-card-warning-msg {
    padding: 1.5rem;
    border: 1px solid #c4c4c455;
    border-radius: 10px;
    font-size: 12px;
}

.exclamation-icon {
    font-family: "FontAwesome";
    font-style: normal;
    font-size: 5rem;
    color: #d8b683;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

@media (max-width:991px) {
    .id-card-default {
        min-width: 350px;
        max-width: 350px;
    }
    .id-card-flag {
        min-width: 350px;
        max-width: 350px;
    }
    .id-card-gold {
        min-width: 350px;
        max-width: 350px;
    }
    .id-card-blue {
        min-width: 350px;
        max-width: 350px;
    }
    .id-card-green {
        min-width: 350px;
        max-width: 350px;
    }
    .id-wMark {
        font-size: 3.25rem;
    }
    .id-card-number {
        font-size: 0.8rem;
        top: 105px;
    }
    .id-card-number span {
        font-size: 1rem;
    }
    .id-card-name {
        font-size: 0.8rem;
    }
    .id-card-name .id-card-name-english {
        font-size: 0.9rem;
    }
    .id-card-Bdate {
        font-size: 0.8rem;
    }
    .id-card-nationality {
        font-size: 0.8rem;
    }
    .id-card-nationality .id-card-nationality-english {
        font-size: 0.9rem;
    }
    .id-card-gender {
        font-size: 0.8rem;
        top: 235px;
    }
    .id-card-gender .id-card-gender-english {
        font-size: 0.9rem;
    }
}

/*=============================
    Bootstrap Missing Styles
===============================*/

.position-relative {
    position: relative !important;
}

.border-top {
    border-top: 1px solid #58666E22 !important;
}

.text-black-0 {
    color: #000000;
}

.line-height-initial {
    line-height: initial;
}

.dashboard_tabs1 .tab-item {
    padding: 8px;
    padding-right: 14px;
    padding-left: 14px;
    border: 1px solid #e7e7e7;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    background: #edf1f2;
    color: #575959;
    font-size: 15px;
    text-align: center;
}

.dashboard_tabs1 .tab-item.active {
    background: #b3976a;
    color: #FFF;
}

.white-space-pre-line {
    white-space: pre-line;
}

.q-title {
    border: solid 3px #EDF1F3;
    padding: 10px;
}

.q-title>h4>label {
    background-color: rgba(200, 151, 76, 0.7);
    color: white;
    padding: 5px 7px;
    border-radius: 5px;
}

.q-title>h4 {
    margin-bottom: 20px;
}

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

.modal-close-btn {
    position: absolute;
    left: 10px;
    top: 5px;
    cursor: pointer;
    z-index: 1;
}

@media (max-width:1300px) {
    .mobile-menu-btn,
    .mobile-home-btn {
        display: block !important;
    }
}

#cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    border-radius: 0;
    display: block;
    box-shadow: 0 0 18px rgba(0, 0, 0, .2);
    background-color: #FFFFFF;
    /*opacity: 0.9;*/
}

.download-attachment {
    width: 100%;
    background-color: #eeeeee;
    border: 1px dashed gray;
    color: #747678;
    padding: 8px 20px;
    cursor: pointer;
    font-size: 20px;
    border-radius: 5px;
}

#copyText {
    cursor: pointer;
    color: #aaaaaa;
    font-size: 15px;
    background-color: #efefef;
    padding: 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid #aaa;
    margin-inline-start: 0.5rem;
    box-shadow: 0 2px 3px #c9c9c999
}

.em-pass1-e-name {
    top: 190px;
    left: 90px;
    text-align: left;
}

.em-pass1-a-name {
    top: 120px;
    right: 53px;
}

/*=======================
    PASSPORT
=========================*/

.passport-card-default {
    /*background-image: url(../images/personDocuments/PassportPage4.jpg);*/
    background-image: url('../images/personDocuments/PassportPage3.jpg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 315px;
    min-width: 450px;
    max-width: 450px;
    position: relative;
    font-weight: 700;
}

.passport-personal-image {
    position: absolute;
    left: 2rem;
    top: 10rem;
}

.passport-personal-image img {
    width: 90px;
    height: 120px;
    display: inline-block;
    /*border-radius: 8rem;*/
}

.passport-card-sample {
    position: absolute;
    left: 40%;
    top: 3rem;
    transform: translate(-40%, 0);
    width: 100%;
    opacity: 0.25;
    z-index: 1050;
    text-align: center;
    rotate: -35deg;
    margin-inline-start: -4rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    pointer-events: none;
    user-select: none;
    font-size: 30px;
}

.passport-card-name {
    position: absolute;
    top: 100px;
    right: 20px;
    color: black;
    font-size: 1.1rem;
    width: 70%;
}

.passport-card-name .passport-card-name-arabic2 {
    margin-top: 0.5rem;
    display: block;
    font-size: 1.2rem;
}

.passport-card-name .passport-card-name-english {
    text-align: left;
    margin-top: 1.5rem;
    display: block;
    font-size: 1.1rem;
}

.passport-card-name .passport-card-name-english2 {
    text-align: left;
    margin-top: 0.3rem;
    display: block;
    font-size: 1.2rem;
}

.passport-card-Bdate {
    position: absolute;
    top: 220px;
    right: 20px;
    color: black;
    font-size: 1.2rem;
    width: 70%;
    display: flex;
    justify-content: space-between;
}

.passport-card-gender {
    position: absolute;
    top: 250px;
    /* right: 20px; */
    /* font-size: 1.1rem; */
    color: black;
    width: 70%;
}

.passport-card-gender-arabic {
    position: absolute;
    /* top: 250px; */
    right: 20px;
    font-size: 1.1rem;
    color: black;
    width: 40%;
}

.passport-card-gender-arabic2 {
    position: absolute;
    /* top: 250px; */
    right: 80px;
    font-size: 1.1rem;
    color: black;
    width: 40%;
}

.passport-card-gender-english {
    position: absolute;
    text-align: left;
    /* top: 250px; */
    right: 115px;
    font-size: 1.2rem;
    color: black;
    width: 70%;
}

.passport-card-gender-english2 {
    position: absolute;
    text-align: left;
    /* top: 250px; */
    right: 160px;
    font-size: 1.2rem;
    color: black;
    width: 40%;
}

.passport-card-gender-arabic3 {
    position: absolute;
    right: 47px;
    font-size: 1.1rem;
    color: black;
    width: 40%;
}

.passport-card-gender-arabic4 {
    position: absolute;
    right: 78px;
    font-size: 1.1rem;
    color: black;
    width: 40%;
}

.passport-card-gender-english3 {
    position: absolute;
    text-align: left;
    left: 355px;
    font-size: 1.2rem;
    color: black;
    width: 70%;
}

.passport-card-gender-english4 {
    position: absolute;
    text-align: left;
    left: 396px;
    font-size: 1.2rem;
    color: black;
    width: 40%;
}

/*=======================
    REQUIRED ACTIONS
=========================*/

.requiredActions span.pull-left.st-numberOfRecords.ng-binding.ng-scope,
.requiredActions a.paginationselect {
    display: none !important;
}

.requiredActions .pagination>li>a {
    max-width: unset !important;
    font-size: 12px !important;
}

.requiredActions .services-tabs .services-tab-items-container .pagination li:nth-child(-n+2) a,
.requiredActions .services-tabs .services-tab-items-container .pagination li:nth-last-child(-n+2) a {
    border: 1px solid transparent;
    background-color: var(--primary);
    color: red !important;
    border-radius: 8px;
    min-width: 25px;
    min-height: 25px;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    padding-bottom: 0.7rem;
    box-shadow: 0 5px 7px -6px var(--primary);
}

@keyframes pulse-caution {
    0% {
        opacity: 0.5;
        transform: scale(1);
    }
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

ul.package-time-line {
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    gap: 1.5rem;
    padding: 1.5rem;
}

.package-time-line-item {
    flex: 1 0 0%;
    min-width: 120px;
}

.package-time-line-item-content {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.package-time-line-item-content .timeline-time-content {
    position: absolute;
    top: 1px;
    padding-inline-start: 4.2rem;
    font-size: 1.1rem;
    font-weight: 700;
}

.package-time-line-item:not(:last-of-type) .package-time-line-item-content::before {
    content: '';
    position: absolute;
    width: calc(100% - 48px);
    margin-inline-start: 42px;
    height: 2px;
    background-color: var(--color-gray-400);
    top: 16px;
    transform: translateY(-50%);
}

.package-time-line-item:last-of-type .package-time-line-item-content .icon-chevron-right {
    display: none;
}

.package-time-line-item-content .icon-chevron-right {
    color: var(--color-gray-400);
}

.round-tab {
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    position: relative;
}

.round-tab-status-approve {
    height: 100%;
    color: #fff;
    border-radius: 50%;
    font-size: 2.4rem;
    background: #5bef0f;
}

.round-tab-status-rejected {
    height: 100%;
    color: #fff;
    border-radius: 50%;
    font-size: 2.4rem;
    background: #dc2626;
}

.round-tab-status {
    height: 100%;
    color: #fff;
    border-radius: 50%;
    font-size: 2.4rem;
    background: #5b6471;
}

.round-tab-status-under-processing {
    position: relative;
    height: 100%;
    color: #fff;
    border-radius: 50%;
    font-size: 2.4rem;
    background: #ff9d00;
}

.text-round-tab-status-approve {
    color: #5bef0f;
}

.text-round-tab-status-under-processing {
    color: #ff9d00;
}

.text-round-tab-status-rejected {
    color: #dc2626;
}

.round-tab-status-under-processing::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid #ff9d00;
    opacity: 0.5;
    position: absolute;
    left: 0;
    top: 0;
    animation: pulse-caution 2s ease infinite;
}

ul.package-time-line li:last-of-type .last-arrow {
    display: none;
}

span.round-tab i {
    color: #555555;
}

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #5bc0de;
}

.wizard li.active span.round-tab i {
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.card-light {
    background: #f7f7f7;
    border: none;
    border-radius: unset;
}

.col {
    flex: 1 0 0%;
}

.text-nuetral-900 {
    color: #191919 !important;
    opacity: 1;
    font-weight: 500;
}

.text-nuetrual-700 {
    color: #707070
}

.btn-outline-primary-gradiant {
    background: transparent;
    color: var(--primary);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
    border: 2px solid var(--primary);
    border-radius: 5px !important;
    font-size: 1.25rem;
}

.side-tabs-container {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 2rem;
}

.side-tabs-container li {
    color: #707070 !important;
    font-size: 1.6rem;
}

.side-tabs-container li a {
    color: #707070 !important;
}

.side-tabs-container li.active {
    color: #191919 !important;
    border-bottom: 4px solid var(--primary);
}

.side-tabs-container li.active a {
    color: #191919 !important;
}

.btn.btn-tab {
    background: transparent;
    padding: 0;
    border: none;
    cursor: pointer
}

.btn.btn-tab:disabled {
    background: transparent !important;
    padding: 0;
    border: none;
    color: #191919 !important;
    opacity: 0.5
}

.limit-text-sm {
    max-width: 20ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-decoration-underline {
    text-decoration: underline
}

.mohreLogo {
    margin-top: 5px;
}

.select2-result-label.ui-select-choices-row-inner {
    direction: ltr !important;
}

.draft-button {
    position: relative
}

.draft-button .active-draft {
    position: absolute;
    top: 5px;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #bd362f;
}

.draft-button .active-draft:lang(ar) {
    right: unset;
    left: 0
}

.uaepass-li:hover,
.uaepass-box-selection:hover {
    opacity: 0.7;
}

.card-download {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 8px;
    background-color: #d0a234;
    color: white;
    border-bottom-left-radius: 20px;
}

.card-download i {
    color: white !important;
    font-size: 20px !important;
    margin-top: 0px !important;
}

.card-download:lang(ar) {
    right: unset;
    left: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 20px;
}

.section-download i {
    color: white !important;
    margin-top: 2px !important;
    font-weight: 900 !important;
    font-size: 13px !important;
}

.section-download {
    display: flex !important;
    justify-content: space-between !important;
}

.file-uploader-img {
    width: 16rem;
    border-radius: 1.6rem;
    position: relative;
}

.file-uploader-img img {
    width: 100%;
    height: 100%;
    border-radius: 1.6rem;
    object-fit: cover;
}

.file-uploader-img .btn {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    object-fit: cover;
    position: absolute;
    inset-inline-start: -0.5rem;
    top: -0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
}

.file-upload-container {
    width: 100%;
    text-align: center;
    position: relative;
}

.drop-area {
    width: 100%;
    padding-block: 1.5rem;
    border: 2px dashed #ccc;
    color: #d1d4dd;
    background: #f6f6f6;
    border-radius: 0.5rem;
}

.drop-area:hover {
    border-color: #007bff;
    background-color: #f0f8ff;
}

.file-upload-container input {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
}

.crop-dailog-box {
    max-height: 95vh !important;
}

/*Move to right file after code fixes*/

.work-in-uae-login-container {
    position: relative;
    min-height: 560px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
}

.work-in-uae-login-container::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #1b2b68, #0391ce);
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.5;
}

.work-in-uae-login-container .card {
    width: 460px;
    background: #ffffff99;
    border: none;
    backdrop-filter: blur(4px);
    margin: 3rem 1rem;
}

.work-in-uae-login-container .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3rem;
}

.work-in-uae-login-container .card .card-body .logo {
    width: 180px;
    margin-bottom: 2rem;
}

.work-in-uae-login-container .card .card-body form {
    width: 100%;
}

.work-in-uae-login-container .card .card-body .work-in-uae-msg {
    max-width: 35ch;
    text-transform: capitalize;
    text-align: center;
    opacity: 0.85;
}

.work-in-uae-login-container .card .card-body .input-box input {
    padding-inline-start: 4rem;
}

.or-separator {
    width: 100%;
    text-align: center;
    margin-block: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.or-separator::before,
.or-separator::after {
    content: '';
    display: block;
    height: 1px;
    background-color: #C4E4EF;
    flex-grow: 1;
}

.custom-radio-btn input {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    user-select: none;
}

.custom-radio-btn label {
    position: relative;
    padding-inline-start: 2.5rem;
    cursor: pointer;
}

.custom-radio-btn label::before {
    content: '';
    position: absolute;
    inset-inline-start: -0.5rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.25rem;
    height: 2.25rem;
    border: 2px solid #b9b9c2;
    border-radius: 50%;
    cursor: pointer;
}

.custom-radio-btn input:checked+label {
    position: relative;
}

.custom-radio-btn input:checked+label::after {
    content: '';
    position: absolute;
    inset-inline-start: -0.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.75rem;
    height: 1.75rem;
    background-color: var(--primary-dark);
    border-radius: 50%;
}

.radio-btn-box input {
    opacity: 0;
    position: absolute;
    pointer-events: none;
    width: 0;
    height: 0;
    user-select: none;
}

.radio-btn-box label {
    width: 8rem;
    border: 1px solid #b9b9c2;
    border-radius: 0.5rem;
    padding: 0.25rem 0.5rem;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0;
    transition: 0.3s;
    cursor: pointer;
}

.radio-btn-box input:checked+label {
    border-color: var(--primary-dark);
    color: var(--primary-dark);
    box-shadow: 0 0 4px -2px;
}

.ms-auto {
    margin-inline-start: auto;
}

@media (max-width: 1200px) {
    /*Omar REMOVE!!!!! => reason for use = echannels.css has flex-direction : column !important*/
    .d-flex:has(.no-cols) {
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) {
    .no-cols {
        min-width: 40%;
        max-width: 40%;
    }
    .no-cols [class*=col] {
        width: 100%;
        padding: 0;
    }
}

.card-extend-btn {
    color: #1d68ff;
    font-size: 12px;
    font-weight: 500;
    background-color: #dbe7ff;
    border: none;
    border-radius: 0 0 0.5rem 0.5rem;
    padding: 8px 24px;
}

.email-suggestions {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    background: white;
    z-index: 10;
}

.email-suggestions li {
    padding: 5px;
    cursor: pointer;
}

.email-suggestions li:hover {
    background-color: #eee;
}

.email-suggestions li.selected {
    background-color: #dceeff;
}

.flex-grow-1 {
    flex-grow: 1;
}

.signature-pad {
    border: 1px dashed rgb(204, 204, 204);
    touch-action: none;
    width: 100%;
    border-radius: 0.5rem;
    background: #f1f2f333;
}

.signature-pad-container {
    position: relative;
}

.signature-pad-container hr {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
}

.accordion-no-card .id-card {
    border: none;
}

.accordion-no-card .id-card-header {
    display: none;
}

.accordion-no-card .id-card-body {
    padding: 0;
}