/* Misc */

.width70 {
    width: 70% !important;
}

a:focus {
    outline: none;
    color: initial
}

input#RememberMe {
    margin-left: 0;
}

.navbar {
    margin-bottom: 0;
}

/*.page-content li { list-style-image: url(Images/bullet.png); }*/
.body-content #logoutForm {
    margin-right: 0 !important;
}

.body-content #header-right-container .dropdown-menu {
    z-index: 100000;
}

#header-container h2 {
    margin: 15px 0;
}

.user-area > a {
    cursor: pointer;
    font-family: hbold
}

/* Commnets */
.comment h3 {
    margin-top: 0;
}

    .comment h3 span i {
        opacity: 1;
    }

.comment p {
    margin-bottom: 0;
}

h3 .caption {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    opacity: 0.5;
}

.comment {
    background: rgba(0, 0, 0, 0.03);
    margin: 10px 0;
    padding: 10px;
    position: relative;
}

    .comment .icon {
        margin-left: 0px;
        margin-right: 0px;
    }

    .comment .btn {
        float: left;
        margin-right: 4px;
        padding: 5px 10px;
    }

.comment-actions {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
}

.comment:hover > .comment-actions {
    opacity: 1;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
}

.comment-add-reply {
    display: none
}

.comment.is-reply {
    border-left: 5px solid rgba(0, 0, 0, .3);
    margin-left: 20px;
    background: rgba(0, 0, 0, .03)
}

hr {
    clear: both
}

.event-days a {
    display: block
}

.event-days-label {
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: normal
}

.login-btn {
    margin-bottom: 5px
}

/*#navigation-container { margin-bottom: 15px; }*/
.HTML {
    min-height: 5px;
}

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

/*Expo Logo*/
.footer-top .expo-logo {
    width: 210px;
    margin-left: 120px;
}

.contact-us-map .map {
    position: relative;
}

.contact-us-map iframe {
    width: 100%;
    height: 500px;
}

.contact-us-map .info {
    padding: 15px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 40px;
    color: white;
    width: 46%;
}

    .contact-us-map .info .details {
        position: relative;
    }

        .contact-us-map .info .details .icon {
            position: absolute;
            top: 0px;
        }

        .contact-us-map .info .details .desc {
            padding-left: 24px;
            width: 80%;
        }

        .contact-us-map .info .details .icon,
        .contact-us-map .info .details .desc {
            display: inline-block;
        }

    .contact-us-map .info h2 {
        margin-bottom: 15px;
        color: white !important;
        line-height: 26px;
    }

    .contact-us-map .info p {
        margin-bottom: 20px;
        color: white !important;
    }

        .contact-us-map .info p a {
            color: white !important;
        }

    .contact-us-map .info i {
        display: inline-block;
        margin-right: 15px;
    }

/****** UAT BUGS*********/
.cutom-marg-bottom {
    margin-bottom: 30px
}

.signup-login a {
    font-size: .8em
}

/*CR_1 Comments and Bug Fixing*/
.max-no-reached {
    color: #b68a35 !important;
}


@media screen and (min-width: 1200px) {
    .body-outer-container {
        padding: 0 72px;
    }
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .body-outer-container {
        padding: 0 50px;
    }
}

.videos-list-page,
.featured-video h2,
.interested-videos h2 {
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 10px;
}

.interested-videos h2 {
    font-size: 26px;
    padding-bottom: 17px;
}

.interested-videos .interested-video-item:last-child {
    border: none;
}

.nav-pills.filters {
    margin-top: -25px;
    margin-bottom: 10px;
    height: 38px;
}

.open-window h3 {
    color: #333;
}

.open-window {
    display: block;
    min-width: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 400px;
    padding: 10px;
}

    .open-window .fa-times-circle {
        color: black;
        cursor: pointer;
    }

    .open-window .sidetree li,
    .open-window .sidetree span {
        color: black !important;
    }

.open-window-upper-nav {
    cursor: pointer;
}

.dropdown-menu.inner {
    padding: 10px;
}

    .dropdown-menu.inner h3,
    .dropdown-menu.inner span {
        color: #333;
    }

    .dropdown-menu.inner li a,
    .dropdown-menu.inner li a span {
        color: #2780e3;
    }


/*site styles*/

/*site fonts*/

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

/*
@font-face { font-family: 'hbold'; src: url('fonts/HelveticaNeue-Bold.eot'); src: url('fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('fonts/HelveticaNeue-Bold.woff') format('woff'), url('fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'hlight'; src: url('fonts/HelveticaNeue-Light.eot'); src: url('fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Light.woff2') format('woff2'), url('fonts/HelveticaNeue-Light.woff') format('woff'), url('fonts/HelveticaNeue-Light.ttf') format('truetype'), url('fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg'); font-weight: 300; font-style: normal; }
*/
/*@font-face { font-family: 'hbold'; src: url('fonts/helveticaneuebold.eot') format('embedded-opentype'), url('fonts/helveticaneuebold.svg') format('svg'), url('fonts/helveticaneuebold.ttf') format('truetype'), url('fonts/helveticaneuebold.woff') format('woff'); }
/*@font-face { font-family: 'hreg'; src: url('fonts/helveticaneueregular.eot') format('embedded-opentype'), url('fonts/helveticaneueregular.svg') format('svg'), url('fonts/helveticaneueregular.ttf') format('truetype'), url('fonts/helveticaneueregular.woff') format('woff'); }*/
/*@font-face { font-family: 'hreg'; src: url('fonts/helveticaneuelight.ttf') format('truetype'), url('fonts/helveticaneuelight.eot') format('embedded-opentype'), url('fonts/helveticaneuelight.svg') format('svg'), url('fonts/helveticaneuelight.woff') format('woff'); }
    */

@font-face {
    font-family: 'hbold';
    src: url('fonts/helvetica-bold.woff') format('woff'), url('fonts/helvetica-bold.ttf') format('truetype'), url('fonts/helvetica-bold.svg') format('svg'), url('fonts/helvetica-bold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'hreg';
    src: url('fonts/helveticaneue.woff') format('woff'), url('fonts/helveticaneue.svg') format('svg'), url('fonts/helveticaneue.ttf') format('truetype'), url('fonts/helveticaneue.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'mofa-ico';
    src: url('fonts/mofa-ico.eot?aj5me2');
    src: url('fonts/mofa-ico.eot?aj5me2#iefix') format('embedded-opentype'), url('fonts/mofa-ico.ttf?aj5me2') format('truetype'), url('fonts/mofa-ico.woff?aj5me2') format('woff'), url('fonts/mofa-ico.svg?aj5me2#mofa-ico') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mofa-ico' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-xlsx-file-extension-interface-symbol:before {
    content: "\e900";
}

.icon-html-file-extension-interface-symbol:before {
    content: "\e901";
}

.icon-pdf-file-format-symbol:before {
    content: "\e902";
}

.icon-xml-file-format-symbol:before {
    content: "\e903";
}

.icon-bin:before {
    content: "\e904";
}

.icon-arrow-right:before {
    content: "\e905";
}

.icon-calendar:before {
    content: "\e906";
}

.icon-calendar2:before {
    content: "\e907";
}

.icon-call:before {
    content: "\e908";
}

.icon-car:before {
    content: "\e909";
}

.icon-category:before {
    content: "\e90a";
}

.icon-chemicals:before {
    content: "\e90b";
}

.icon-clock:before {
    content: "\e90c";
}

.icon-clock2:before {
    content: "\e90d";
}

.icon-clock-multi:before {
    content: "\e90e";
}

.icon-comment:before {
    content: "\e90f";
}

.icon-contrast:before {
    content: "\e910";
}

.icon-download:before {
    content: "\e911";
}

.icon-facebook-logo-button:before {
    content: "\e912";
}

.icon-instagram-logo:before {
    content: "\e913";
}

.icon-like:before {
    content: "\e914";
}

.icon-lock:before {
    content: "\e915";
}

.icon-mail:before {
    content: "\e916";
}

.icon-mail2:before {
    content: "\e917";
}

.icon-mail3:before {
    content: "\e918";
}

.icon-male:before {
    content: "\e919";
}

.icon-maps-and-flags:before {
    content: "\e91a";
}

.icon-menu:before {
    content: "\e91b";
}

.icon-minus:before {
    content: "\e91c";
}

.icon-money:before {
    content: "\e91d";
}

.icon-paper:before {
    content: "\e91e";
}

.icon-pc:before {
    content: "\e91f";
}

.icon-phone:before {
    content: "\e920";
}

.icon-phone2:before {
    content: "\e921";
}

.icon-photo:before {
    content: "\e922";
}

.icon-photos:before {
    content: "\e923";
}

.icon-pie:before {
    content: "\e924";
}

.icon-pin:before {
    content: "\e925";
}

.icon-plus-2:before {
    content: "\e926";
}

.icon-plus:before {
    content: "\e927";
}

.icon-print:before {
    content: "\e928";
}

.icon-question:before {
    content: "\e929";
}

.icon-rocket:before {
    content: "\e92a";
}

.icon-search:before {
    content: "\e92b";
}

.icon-setting:before {
    content: "\e92c";
}

.icon-sound:before {
    content: "\e92d";
}

.icon-target:before {
    content: "\e92e";
}

.icon-twitter-logo-button:before {
    content: "\e92f";
}

.icon-youtube-logotype:before {
    content: "\e930";
}

.icon-chat:before {
    content: "\e931";
}

.icon-check:before {
    content: "\e932";
}

.icon-close:before {
    content: "\e933";
}

.icon-pen-paper:before {
    content: "\e934";
}

.icon-photo-gallery:before {
    content: "\e935";
}

.icon-play:before {
    content: "\e936";
}

.icon-share:before {
    content: "\e937";
}

.icon-female:before {
    content: "\e938";
}

.icon-male2:before {
    content: "\e939";
}

.icon-file-pdf-regular:before {
    content: "\e93a";
}

.icon-bell-o:before {
    content: "\e93b";
}

.icon-write:before {
    content: "\e93c";
}

.icon-view:before {
    content: "\e93d";
}

.icon-warning:before {
    content: "\e93e";
}

.icon-document:before {
    content: "\e93f";
}

.icon-gavel:before {
    content: "\e940";
}

.icon-instructions:before {
    content: "\e941";
}

.icon-responsive:before {
    content: "\e942";
}

.icon-info:before {
    content: "\e943";
}

.icon-manage-registeration:before {
    content: "\e944";
}

.icon-StrategicGoods:before {
    content: "\e945";
}







/* css reset */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline;
    border-collapse: separate;
    font-family: hreg;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

html {
    font-size: 16px
}

body {
    line-height: 1.3;
    font-size: 14px;
    font-family: hreg !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'hbold' !important
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal
}

table,
td,
th {
    vertical-align: middle
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: """"
}

a img {
    border: none
}

* {
    box-sizing: border-box
}

.clearfix {
    clear: both;
    display: block
}

html,
body {
    height: 100%
}

.body-content {
    overflow: hidden
}

.nav > li > a:focus,
.nav > li > a:hover {
    background: none
}

.modal-body {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 145px);
}

    .modal-body .modal-footer {
        margin: 0 -15px -15px -15px;
    }

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

/*generic classes*/
.relative {
    position: relative
}

.not-anchor {
    text-decoration: none !important
}

.marg-b-25 {
    margin-bottom: 25px
}

.display-flex {
    display: flex !important
}

.align-items-center {
    align-items: center
}

.width-auto {
    width: auto !important
}

.marg-b-zero {
    margin-bottom: 0
}

.font-size-15 {
    font-size: 15px
}

.avoid-clicks {
    pointer-events: none;
}

.position-absolute {
    position: absolute
}

.overflow-hidden {
    overflow: hidden
}

/*fix issues*/
.side-item.active {
    font-weight: bold
}

.online-service-details .no-items {
    width: 75% !important;
    margin: 0 auto
}

#OwnerInformation .input-note[style] {
    float: right !important
}

.form-item-mobile {
    width: auto;
    display: inline-block;
    margin: 0 20px
}

#UnAssignedTasksList .table-responsive table tr {
    border: 0px solid transparent
}

.online-service-details.content-page .attachments-container.adjust ul li:before {
    content: none
}

.online-service-details.content-page .attachments-container.adjust .attachment-list h4 {
    width: 100%;
    padding-left: 0;
    position: relative
}

.online-service-details.content-page .attachments-container.adjust .download-btn i {
    font-size: 23px;
    margin-right: 10px;
    display: inline-block;
}

.online-service-details.content-page .attachments-container.adjust .attachment-list .download-btn {
    width: auto;
    text-align: initial
}

.online-service-details.content-page .attachments-container.adjust .attachment-list a {
    padding: 15px 20px;
    margin-top: 10px;
}

/*headings*/
h1 {
    font-size: 2em;
    color: #000
}

h2 {
    font-size: 1em
}

/*fonts*/



/*bootstrap customization*/
.container {
    width: 85%;
    max-width: initial !important
}

.modal {
    z-index: 999999;
}

body .datepicker.dropdown-menu th,
body .datepicker.dropdown-menu td {
    padding: 6px 10px
}

.datepicker table tr td,
.datepicker table tr th,
.datepicker.dropdown-menu {
    border-radius: 0 !important
}

.datepicker.dropdown-menu {
    padding: 0 !important
}

/*main content*/
.site-content {
    background: #dbdbdb;
    min-height: calc(100vh - 281px);
    padding: 25px 0
}

.site-footer {
    background: #fff;
    min-height: 195px
}

body.editMode {
    background: #7d7d7d;
}

.page-with-side-container {
    width: 80%;
    padding: 0 15px
}

.sidebar-container {
    width: 20%;
    padding: 0 15px
}

/*header*/
.site-header {
    height: 90px;
    background: #fff;
    position: relative;
    line-height: 86px;
    transition: .3s
}

    .site-header .relative {
        height: 100%
    }

    .site-header.mini {
        height: 80px;
        line-height: 70px
    }

        .site-header.mini .main-menu-container {
            top: 65px
        }

    .site-header .container * {
        line-height: 1.3
    }

.header-item {
    display: inline-block;
    vertical-align: middle
}

.font-changer a {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    line-height: 1 !important;
    color: #666;
    text-decoration: none !important
}

    .font-changer a:nth-child(1) {
        font-size: 22px
    }

    .font-changer a:nth-child(2) {
        font-size: 18px
    }

    .font-changer a:nth-child(3) {
        font-size: 14px
    }

.inverse-container,
.sound-container,
.theme-container {
    color: #666;
}


.sameframe:not(#loginLink) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    Display: inline-block;
    max-width: 98%;
    direction: ltr;
}

.user-area.user-btn {
    max-width: 180px;
    position: relative;
}

.sameframe .caret {
    position: absolute;
    right: 0;
}

.inverse-container a,
.sound-container a {
    color: #666;
    font-size: 20px;
    margin-top: 1px;
    display: inline-block
}

.theme-container {
    width: 85px;
    text-align: center
}

    .theme-container a {
        -webkit-transition: 230ms ease;
        transition: 230ms ease;
        width: 19px;
        height: 19px;
        display: inline-block;
        position: relative;
        border-radius: 50%;
        vertical-align: middle;
        z-index: 0
    }

        .theme-container a:nth-child(1) {
            background: #c71c34
        }

        .theme-container a:nth-child(2) {
            background: #b68a35
        }

        .theme-container a:nth-child(3) {
            background: #007939
        }

        .theme-container a:hover {
            width: 25px;
            height: 25px;
            z-index: 2
        }

        .theme-container a.active {
            width: 25px;
            height: 25px;
            z-index: 1
        }

.inverse-container,
.font-changer,
.sound-container,
.theme-container {
    display: inline-block;
    vertical-align: middle
}

/*header language selector*/
.custom-lang-selector {
    width: 101px;
    height: 22px;
    margin-top: 5px
}

    .custom-lang-selector a {
        display: inline-block;
        text-decoration: none !important;
        text-align: center;
        height: auto;
        position: relative;
        top: -1px;
        left: -1px;
        vertical-align: middle;
        color: #000;
        font-weight: 600;
        font-family: hreg !important
    }

body a.current-lang {
    border-bottom: 1px solid;
    border-radius: 0 !important
}

a.current-lang {
    color: #fff;
    border-radius: 10px;
}

.lang-sep {
    display: inline-block;
    margin: 0 4px
}

header.site-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    transition: height .3s
}

.site-header + div + .site-content {
    margin-top: 80px
}

.header-scroll-p {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    height: 4px;
    transition: .3s;
    z-index: 1
}

/*header logo*/
.logo-container {
    margin-top: 14px;
    transition: .3s;
    text-align: left;
}

    .logo-container img {
        max-width: 100%;
        width: 280px;
    }

#Emiratelogo {
    vertical-align: middle;
    display: inline-block;
}

    #Emiratelogo img {
        width: 70px;
        max-width: 100%;
        height: 80px;
    }

.mini .logo-container {
    margin-top: 5px
}


/*header search*/
.search-container.header-item {
    position: relative;
    margin-top: 3px
}

.search-container a.search-trigger {
    display: inline-block;
    cursor: pointer;
    color: #767676 !important
}

.search-container .icon-search {
    font-size: 21px;
    line-height: 1 !important;
    margin-top: -1px
}

.search-form-container {
    position: absolute;
    top: 35px;
    width: 272px;
    box-shadow: 2px 3px 11px 0 rgba(0, 0, 0, .3);
    display: none;
    z-index: 3;
    padding: 15px;
    background: #f1f1f1;
}

.site-header .search-field {
    height: 39px;
    border: none !important;
    outline: none;
    padding: 7px 10px;
    width: 200px
}

.header-search-btn {
    float: left;
    width: 42px;
    height: 39px;
    position: relative;
    border: 0;
    z-index: 99;
    text-decoration: none !important;
    color: #fff !important;
}

    .header-search-btn i {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

/*header userarea*/
#loginLink {
    text-decoration: underline !important
}

.user-area {
    margin-top: -8px;
    width: 100%
}

    .user-area > span {
        display: block;
        font-size: 1em;
        color: #000
    }

    .user-area > a {
        color: #000 !important
    }


/*footer*/
.footer-top {
    height: 110px;
    border-bottom: 1px solid #ccc;
    line-height: 109px
}

    .footer-top img {
        vertical-align: middle;
    }

.site-footer .navbar {
    color: #fff
}

    .site-footer .navbar a {
        color: #333333 !important;
        font-size: .857em;
        font-weight: 600;
        padding: 0 10px
    }

.copy-rights {
    color: #4c4c4c
}

.footer-bottom {
    line-height: 97px
}

.navbar.navbar-footer {
    border: none !important;
    line-height: 1.5;
    min-height: 0 !important;
    margin-top: 20px;
    color: #4c4c4c
}

.copy-rights {
    line-height: 1.2;
    margin-top: 10px
}

.footer-socialmedia .staticSocialMedia a {
    width: 34px;
    height: 34px;
    display: inline-block;
    border-radius: 50%;
    background: #adadad;
    color: #fff;
    vertical-align: middle;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}

    .footer-socialmedia .staticSocialMedia a:hover,
    .footer-socialmedia .staticSocialMedia a:focus {
        background: #e0e0e0;
    }

    .footer-socialmedia .staticSocialMedia a i {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 20px
    }


/*news homepage component*/
.news-home-listing {
    overflow: hidden
}

    .news-home-listing .slide-img {
        position: absolute;
        width: 100%;
        height: 80%
    }

    .news-home-listing .item {
        height: 590px;
    }

.default-section {
    background: #fff;
    padding: 26px 20px 20px 20px;
    position: relative;
    border: 0 !important
}

.home-page .default-section {
    background: #f1f1f1;
}

.default-section:before {
    content: '';
    position: absolute;
    top: 0;
    height: 6px;
    width: 205px;
    transition: .5s;
    z-index: 9
}

.no-animation.default-section:before {
    width: 205px !important;
}

.simple-list .default-section:before {
    width: 50%
}

.default-section.sm-section:before {
    width: 149px !important
}

.online-service-details .default-section.sm-section {
    margin-bottom: 30px;
    position: relative
}

.news-home-listing .default-section {
    width: calc(100% - 40px);
    margin: 0 auto;
    position: relative;
    top: 67%;
    height: 282px
}

.news-home-listing .slick-slide {
    padding-bottom: 100px
}

.section-title {
    color: #000;
    font-size: 1.614em;
    line-height: 1
}

.more-btn {
    font-size: 1em;
    color: #000 !important;
    text-transform: capitalize;
    font-weight: 500;
    vertical-align: middle;
    cursor: pointer !important;
    text-decoration: none !important
}

    .more-btn span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        font-family: hbold
    }

    .more-btn .icon-plus {
        display: inline-block;
        vertical-align: middle;
        font-size: 19px;
        cursor: pointer;
        -webkit-transition: .25s;
        transition: .25s;
    }

    .more-btn:hover .icon-plus,
    .more-btn:focus .icon-plus {
        transform: scale(1.2)
    }

.news-home-listing .section-header {
    margin-bottom: 30px
}

.news-home-listing .item-title,
.events-home .item-title,
survey-home .item-title {
    font-size: 1.285em;
    color: #000 !important;
    margin-bottom: 20px;
    display: inline-block;
}

.news-home-listing .item-description {
    color: #515151;
    font-size: 1em
}

.slick-slide {
    outline: none !important
}

.slick-slider .arrow {
    position: absolute;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    z-index: 1;
    top: 38%;
    cursor: pointer
}

    .slick-slider .arrow.slick-disabled {
        cursor: default !important;
        background: #999 !important
    }

    .slick-slider .arrow.right-arrow i {
        position: absolute;
        left: 52%;
        top: 48%;
        font-size: 42px;
        color: #fff;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 1 !important
    }

    .slick-slider .arrow.left-arrow i {
        position: absolute;
        left: 48%;
        top: 48%;
        font-size: 42px;
        color: #fff;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 1 !important
    }

.item-title {
    font-size: 1.285em;
    color: #000 !important;
    margin-bottom: 20px;
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    max-width: 100%
}

    .item-title h3 {
        word-wrap: break-word;
        white-space: normal;
        max-width: 100%
    }

/*events homepage component*/
.events-home {
    min-height: 397px;
    margin-bottom: 30px
}

    .events-home .section-header {
        margin-bottom: 30px
    }

    .events-home .item-date {
        width: 70px;
        height: 70px;
        border: 1px solid;
        border-radius: 50%;
        padding: 16px 0
    }

    .events-home .item-body {
        width: calc(100% - 70px);
    }

.item-location {
    color: #000;
}

.events-home .item {
    padding-bottom: 19px;
    margin-bottom: 20px;
    position: relative
}

    .events-home .item:after {
        position: absolute;
        top: 100%;
        left: -20px;
        width: calc(100% + 40px);
        background: #d2d2d2;
        height: 1px;
        content: ''
    }

    .events-home .item:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

        .events-home .item:last-child:after {
            display: none
        }

.events-home .item-date span {
    display: block
}

    .events-home .item-date span:first-child {
        font-size: 1.714em;
        text-align: center;
        line-height: 1
    }

    .events-home .item-date span:last-child {
        text-align: center;
        font-size: .928em;
        line-height: 1
    }

.googleMap {
    height: 400px
}

.view-location-link {
    color: #000 !important;
    display: flex;
    justify-content: center
}

/*.view-location-link:hover, view-map-link:focus {text-decoration: none !important}*/
.details-page .googleMap {
    margin: 25px 0
}

.events-home .item-title {
    margin: 7px 0 10px 0;
}

    .events-home .item-title h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.item-location {
    text-decoration: none !important
}

.event-list .item-location > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.item-location span {
    font-size: .857em;
    display: inline-block;
    vertical-align: middle
}

.item-location i {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px
}

.event-list .item-body-container {
    padding: 0 20px
}

.event-list .item-title,
.list .item-title {
    margin-bottom: 15px;
    text-transform: capitalize
}

.event-list .item-footer,
.list .item-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc
}

/*events listing*/
.event-list .item.default-section,
.list .item.default-section {
    margin-bottom: 30px;
    padding: 26px 20px 20px 20px
}

.event-list .item-date-container {
    width: 150px;
    transition: .3s
}

.event-list .item-body-container {
    width: calc(100% - 150px)
}

.event-list .date-bottom {
    background: #4c4c4c;
    color: #fff;
    padding: 7px;
    text-align: center;
    line-height: 1;
    font-size: 1.714em
}

.event-date.width50 {
    width: 50%;
    padding: 15px 0
}

.event-date.width100 {
    width: 100%
}

.event-list .event-date-from {
    background: #e0e0e0
}

.event-list .event-date-to {
    background: #ededed
}

.event-list .event-date {
    height: 100%
}

.date-top {
    height: 100px
}

.event-date.width50 span {
    display: block;
    line-height: 1;
    text-align: center;
    text-transform: capitalize
}

    .event-date.width50 span:nth-child(1) {
        color: #424242;
        font-size: 1em;
        margin-bottom: 5px
    }

    .event-date.width50 span:nth-child(2) {
        color: #000;
        font-size: 2.5em;
        margin-bottom: 5px;
        font-family: hbold
    }

    .event-date.width50 span:nth-child(3) {
        color: #424242;
        font-size: 1em
    }

.event-date.width100 {
    padding: 15px 0;
}

    .event-date.width100 span {
        display: block;
        text-align: center;
        line-height: 1;
        text-transform: capitalize
    }

        .event-date.width100 span:nth-child(1) {
            font-size: 3.928em;
            color: #000;
            font-family: hbold
        }

        .event-date.width100 span:nth-child(2) {
            color: #424242;
            font-size: 1.1em
        }

.event-list .item-location i {
}

.event-list .item-location span {
    font-size: 1em
}

.event-date-cat {
    margin: 10px 0;
    display: block
}

    .event-date-cat > div {
        display: inline-block;
    }

        .event-date-cat > div i {
            display: inline-block;
            font-size: 20px;
            vertical-align: middle;
            color: #000
        }

        .event-date-cat > div span {
            font-size: 1em;
            display: inline-block;
            vertical-align: middle
        }

.event-list .item .more-btn {
    opacity: 0;
    transition: .5s
}

.event-list .item:hover .more-btn {
    opacity: 1
}

.event-list .item:hover .item-date-container {
    transform: scale(1.15)
}

/*subscribe to news*/
.subscribe-to-news-container {
    background: url('Images/mail-img.png') right bottom no-repeat #fff;
    padding: 15px 30px
}

    .subscribe-to-news-container > div {
        display: inline-block;
        vertical-align: middle
    }

    .subscribe-to-news-container i {
        font-size: 75px
    }

    .subscribe-to-news-container h3 {
        font-size: 1.5em;
        font-family: hreg !Important;
        text-transform: uppercase;
        color: #000;
        line-height: 1;
        margin-bottom: 2px
    }

    .subscribe-to-news-container span {
        color: #515151;
        font-size: 1.142em
    }

/*sidebar*/
.sidebar {
    background: #fff;
    padding: 20px
}

/*breadcrumb*/
.breadcrumb-container {
    width: 100%;
    height: 195px;
    position: relative;
    margin-top: -25px;
    margin-bottom: 30px;
    background: url('Images/eventsBreadcrumb.jpg') no-repeat center;
    background-size: cover;
    padding: 55px 0
}

    .breadcrumb-container:after {
        position: absolute;
        content: '';
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .6);
    }

    .breadcrumb-container > .container {
        position: relative;
        z-index: 2
    }

    .breadcrumb-container .page-title {
        color: #fff;
        font-size: 2.142em;
        font-family: hreg !important
    }

    .breadcrumb-container ul {
        margin-bottom: 20px
    }

        .breadcrumb-container ul li {
            display: inline-block;
            color: #fff;
            vertical-align: middle
        }

            .breadcrumb-container ul li a {
                color: #fff !important;
                font-size: 1.214em;
                display: inline-block;
                vertical-align: middle
            }

            .breadcrumb-container ul li:first-child a {
                font-size: 2em
            }

/*default list*/
.default-list {
}

    .default-list .item-more {
        line-height: 35px;
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s;
    }

    .default-list .item {
        position: relative;
        height: 230px;
        margin-bottom: 30px
    }

        .default-list .item:after {
            position: absolute;
            background: none;
            top: 100%;
            left: 0;
            width: 100%;
            height: 30px;
            z-index: 0;
            content: ''
        }

.default-list-img.default-list .item {
    margin-bottom: 60px
}

    .default-list-img.default-list .item:hover .item-img-container {
        top: 0px !important
    }

    .default-list-img.default-list .item:hover .item-more {
        opacity: 1
    }

.default-list .item-img-container {
    display: inline-block;
    background: #eee;
    position: relative;
    top: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 25
}

    .default-list .item-img-container:before {
        position: absolute;
        background: url('Images/noimg.png');
        top: 0;
        left: 0;
        content: '';
        background-size: contain;
        width: 100%;
        height: 100%;
        background-position: center;
        z-index: 0;
    }

.default-list .img {
    width: 255px;
    height: 230px;
    position: relative;
    z-index: 1
}

.default-list .item-body-container {
    width: calc(100% - 255px);
    padding: 30px;
    position: relative;
    height: 100%
}

.item.default-section {
    padding: 0
}

.default-list .item-title-container {
    color: #000;
    margin-bottom: 15px;
    display: inline-block
}

    .default-list .item-title-container h3 {
        color: #000;
        font-size: 1.142em
    }

.item-brief {
    color: #515151;
    font-size: .85em;
    word-wrap: break-word
}

.default-list .item-footer {
    position: absolute;
    bottom: 0px;
    right: 30px;
    width: calc(100% - 60px);
    border-top: 1px solid #ccc;
    padding-top: 15px
}

.default-list .item-date i {
    font-size: 38px;
    color: #000;
    line-height: 37px;
    height: 37px;
}

.default-list .item-date span {
    display: block;
    line-height: 1
}

    .default-list .item-date span:first-child {
        font-size: 1.8em;
        color: #000
    }

    .default-list .item-date span:last-child {
        font-size: .9em;
        color: #424242
    }

/*details page*/
.strategy-icon-t {
    background: url('/Content/Images/strategy.png') center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    line-height: 1;
    font-size: 0;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.page-item-title {
    font-size: 1.5em;
    color: #000;
    margin-bottom: 10px
}

.page-item-data {
    line-height: 1;
    display: inline-block
}

    .page-item-data i {
        font-size: 20px;
        color: #000;
        display: inline-block;
        vertical-align: middle
    }

    .page-item-data span {
        font-size: 1em;
        color: #000;
        display: inline-block;
        vertical-align: middle;
        line-height: 1 !important;
        margin-top: 2px
    }

.page-item-body {
    color: #515151;
    font-size: 1.171em;
    margin-top: 30px;
    word-wrap: break-word
}

    .page-item-body p {
        margin-bottom: 15px
    }

.page-item-img {
    width: 100%;
    height: 0;
    padding-top: 29.51240376390077%;
    position: relative;
    margin-top: 27px
}

.page-item-title-container {
    max-width: calc(100% - 200px)
}

.send-to-mail {
    cursor: pointer;
    text-decoration: none !important;
    font-size: 1em;
    line-height: 20px
}

    .send-to-mail i {
        font-size: 20px;
        display: inline-block;
        vertical-align: middle;
        transition: .3s
    }

    .send-to-mail:hover i,
    .send-to-mail:focus i {
        transform: scale(1.2) rotate(360deg)
    }

    .send-to-mail span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        margin-top: 2px
    }

.details-location {
    margin-top: 15px;
    display: inline-block
}

    .details-location span {
        font-size: 1em !important;
    }

.news-details-title {
    max-width: calc(100% - 130px)
}

/*filters and forms*/
.navbar-form.filters {
    background: #fff;
    padding: 15px 25px 5px 25px;
    margin: 0 0 30px 0;
    border-radius: 0 !important;
}

.flex-fields {
    display: flex;
    flex-wrap: nowrap;
}

/*.flex-fields > div {flex-basis: 20%;}*/

.navbar-form.filters div:not(.v-select) .form-control {
    background: #f2f2f2;
    border-radius: 0;
    border: none !important;
    box-shadow: none;
    height: 37px;
    line-height: 1;
    width: 100%;
    vertical-align: top !important;
    text-align: left
}

.navbar-form.filters .form-control .selectize-input {
    border: 0 !important;
    vertical-align: top
}

.selectize-control.single .selectize-input {
    box-shadow: none !important
}

.navbar-form.filters .form-group {
    width: 23%;
    margin-bottom: 10px
}

.btn {
    border: none;
    cursor: pointer;
    color: #fff !important;
    font-size: 1.142em;
    height: 37px;
    line-height: 1;
    border-radius: 0;
    min-width: 140px;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none !important;
    padding: 11px 20px;
    text-transform: capitalize;
    display: inline-block;
    text-decoration: none !important
}

.content-page .btn {
    color: #fff !important
}

.datepicker.form-control {
    position: relative;
    cursor: pointer;
    border-radius: 0 !important
}

.form-group.date,
.custom-date-control {
    position: relative
}

    .form-group.date:after,
    .custom-date-control:after {
        position: absolute;
        z-index: 0;
        content: '\e906';
        top: 50%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-family: mofa-ico !important;
        font-size: 30px;
        color: #919191;
        pointer-events: none;
        cursor: pointer
    }

    .form-group.date:before,
    .custom-date-control:before {
        position: absolute;
        height: 50%;
        background: #919191;
        width: 1px;
        top: 27%;
        content: '';
        z-index: 1;
        pointer-events: none;
        cursor: pointer
    }

.navbar-form.filters .btn {
    margin-bottom: 10px;
    vertical-align: top
}

.btn.btn-secondary {
    border: 1px solid;
    background: #fff !important;
    padding: 11px 20px
}

.error-msg {
    color: #c21;
    padding-bottom: 5px;
    margin-top: 5px;
    display: inline-block
}

.success-msg {
    color: #1fa95d;
    padding-bottom: 5px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #f8f8f8
}

.table-striped > tbody > tr:nth-of-type(even) {
    background: #e6e6e6
}

.table-striped > tbody td {
    color: #000;
    font-size: 1.142em
}

.validation-summary-errors {
    margin-bottom: 25px
}

/*form controls*/
input::-ms-clear {
    display: none !important;
}

.form-control {
    height: 43px;
    border-radius: 0;
    font-size: 1.2em !important;
    box-sizing: border-box !important
}

.form-horizontal .control-label {
    padding-top: 11px;
    font-size: 1.2em;
}

.selectize-dropdown.form-control {
    height: auto !important;
    max-width: 100% !important;
    border-color: #ccc !important;
    z-index: 20 !important
}

.event-side-info {
    width: 34%;
    background: url(Images/event-register.jpg) no-repeat top -45px center;
    background-size: cover;
    position: relative
}

.event-register {
    width: 66%;
    background: #fff
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.event-register h3,
.main-template-container .details-page > h2 {
    font-size: 2.5em;
    color: #000
}

.validation-alert-container {
    font-size: 1.1em
}

.custom-form {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

    .custom-form .control-label {
        text-align: left !important;
        padding: 0;
        font-size: 1.142em !important;
        color: #000;
        margin-bottom: 10px !important;
        display: inline-block
    }

.submit-form-row {
}

.event-register.default-section {
    padding: 36px 30px 30px 30px
}

.selectize-control.form-control {
    padding: 0;
    border: 0 !important
}

.selectize-input {
    height: 100%;
    border: 0 !important;
    line-height: 2 !important;
    background: none !Important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important
}

.custom-form .form-item {
    margin-bottom: 25px
}

.event-side-info > div {
    position: relative;
    z-index: 9
}

.event-side-info {
    padding: 30px 40px
}

    .event-side-info h2 {
        font-size: 2.142em;
        color: #fff;
        margin-bottom: 30px
    }

    .event-side-info ul {
        list-style: none
    }

.text-danger {
    color: #c21 !important;
    margin-top: 5px;
    display: block
}

.login-bg .container.main-template-container {
    position: relative;
    z-index: 9;
    width: 65%
}

.main-template-container .default-section {
    box-shadow: none !important
}

.error-list span {
    display: block
}

.error-list {
    display: block;
    margin-bottom: 20px;
    background: #fff
}

    .error-list span:before {
        content: '-'
    }

.multiselect.form-control {
    padding: 0
}

    .multiselect.form-control .multiselect__tags {
        border: 0;
        padding: 10px 40px 10px 8px
    }

.custom__remove {
    cursor: pointer;
}

.multiselect__content-wrapper {
    border: 1px solid #e8e8e8 !important;
}

/*event registeration*/
.event-side-info > div {
    position: relative;
    z-index: 9
}

.event-side-info {
    padding: 30px
}

    .event-side-info h2 {
        font-size: 2.142em;
        color: #fff;
        margin-bottom: 30px
    }

    .event-side-info ul {
        list-style: none
    }

    .event-side-info li {
        color: #fff;
        margin-bottom: 30px
    }

        .event-side-info li i {
            font-size: 30px;
            display: inline-block;
            vertical-align: middle
        }

        .event-side-info li span {
            font-size: 1.142em;
            display: inline-block;
            vertical-align: middle;
            max-width: calc(100% - 40px)
        }

.control-label.required:after {
    content: '*';
    color: #c21;
    margin: 0 5px
}

.custom-gender-radio label {
    padding-top: 10px;
    height: 45px
}

    .custom-gender-radio label:before {
        width: 45px !important;
        height: 45px !important;
        border-radius: 50%;
        border: 1px solid #bb9040 !important;
        margin: 0 !important
    }

    .custom-gender-radio label:after {
        background: none !important;
        color: #bb9040;
        font-family: mofa-ico !important;
        transform: scale(1) !important;
        font-size: 30px;
        width: auto !important;
        height: auto !important;
        top: 9px !important;
        border: none !important;
        right: 6px !important;
        margin: 0 !important
    }

    .custom-gender-radio label#male-label:after {
        content: '\e918';
        background-color: transparent !important
    }

    .custom-gender-radio label#female-label:after {
        content: '\e937';
        right: 11px !important;
        background-color: transparent !important
    }

.custom-gender-radio input[type=radio]:checked + label:after {
    color: #fff !important
}

/*modal*/
.modal-title {
    font-size: 1.5em;
    color: #585858;
}

.modal-header .close {
    padding: .8rem;
    margin: -1rem -1rem -1rem -1rem;
    position: absolute;
    top: 15px;
    font-size: 33px;
}

.modal-content {
    border-radius: 0 !important
}

/*paging*/
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    background: transparent !important
}

.pagination > li > a,
.pagination > li > span {
    background: transparent !important;
    color: #000 !important;
    border: 0 !important;
    font-size: 1.142em;
    padding: 20px 18px;
    position: relative
}

    .pagination > li.active > span:before,
    .pagination > li > a:hover:before,
    .pagination > li > a:focus:before {
        content: '';
        bottom: 100%;
        left: 0;
        height: 3px;
        position: absolute;
        width: 100%
    }

.pagination {
    border-top: 1px solid;
    border-radius: 0 !important;
    margin: 30px auto
}

    .pagination > li {
        display: inline-block !important;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        color: #c1c1c1 !important;
        cursor: default !important;
        background-color: #fff;
        border-color: #ddd;
    }

/*welcome widget*/
.welcome-widget {
    background: url('Images/welcomeWidget.jpg') no-repeat center;
    background-size: cover;
    height: 250px;
    margin-bottom: 30px;
    padding: 60px 30px 30px 30px;
    position: relative
}

    .welcome-widget:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .8;
        content: ''
    }

    .welcome-widget .widget-content {
        width: 61%;
        position: relative;
        z-index: 2
    }

    .welcome-widget .welcome-span {
        color: #fff;
        font-size: 1.214em;
        margin-bottom: 15px;
        display: inline-block
    }

    .welcome-widget .title {
        color: #fff;
        font-size: 1.714em;
        margin-bottom: 15px
    }

    .welcome-widget > div {
        color: #fff;
        font-size: .9em
    }


/*armed services styles*/
.form-control {
    color: #555 !important
}

.service-page-with-side-container {
    width: 78.5%
}

.service-sidebar-container {
    width: 21.5%
}

.side-tab {
    list-style: none
}

    .side-tab li {
        display: block;
        margin-bottom: 15px
    }

.service-sidebar-container {
    color: #fff;
    padding: 20px;
    color: #fff
}

    .service-sidebar-container h2 i {
        font-size: 30px;
        display: inline-block;
        vertical-align: middle
    }

    .service-sidebar-container h2 span {
        font-size: 1.571em;
        display: inline-block;
        vertical-align: middle
    }

    .service-sidebar-container h2 {
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin-bottom: 20px
    }

.step-number {
    border: 1px solid #fff;
    height: 23px;
    width: 23px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    padding: 1px 0
}

.step-title {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-size: 1.142em;
    max-width: calc(100% - 75px)
}

.custom-tab-content {
    padding: 30px
}

    .custom-tab-content h2 {
        font-size: 1.571em;
        display: inline-block;
        position: relative;
        margin: 0 0 14px 0;
        padding-bottom: 15px
    }

        .custom-tab-content h2:after {
            content: '';
            position: absolute;
            top: 100%;
            height: 4px;
            width: 100px;
            left: 0
        }

    .custom-tab-content .validation-alert-container {
        color: #000
    }

.form-section {
    border: 1px dashed #c2c2c2;
    padding: 30px;
    margin: 30px 0;
    display: block;
    width: 100%
}

.form-section-title {
    font-size: 1.428em;
    color: #000;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.custom-form .checkbox label {
    width: 100% !important;
    color: #6a6a6a;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    min-height: 25px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.custom-form [type="checkbox"] + input + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
}

.custom-form [type="checkbox"] + input + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
}

.custom-form [type="checkbox"] + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
}

[type="checkbox"] + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
}

.custom-form [type="checkbox"]:checked + input + label:before {
    top: -10px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid #b68a35;
    border-bottom: 2px solid #b68a35;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

.custom-form [type="checkbox"]:checked + label:before {
    top: -10px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid #b68a35;
    border-bottom: 2px solid #b68a35;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.custom-form [type="checkbox"],
.custom-form [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.custom-form input[type="radio"] {
    display: none
}

.checkbox-inline,
.radio-inline {
    padding: 0 !important
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    content: '';
    position: absolute;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    border-radius: 50%
}

.custom-form [type="radio"] + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.custom-form [type="radio"]:checked + label:before {
    border: 1px solid #5a5a5a;
}

.custom-form [type="radio"]:checked + label:after {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
}

.custom-form [type="radio"]:checked + label:after,
.custom-form [type="radio"].with-gap:checked + label:after {
    background-color: #b78a35;
}

.custom-form [type="radio"]:checked + label:after,
.custom-form [type="radio"].with-gap:checked + label:before,
.custom-form [type="radio"]:checked + label:after {
    border: 2px solid #b78a35;
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    border: 1px solid #5a5a5a;
}

.custom-form [type="radio"] + label:after {
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    border: 1px solid #5a5a5a;
}

.radio-container {
    padding: 10px 0;
    width: 100%
}

body .selectize-control.single .selectize-input:after {
    content: '\e901' !important;
    font-family: mofa-ico !important;
    border: none !important;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    width: auto;
    height: auto;
    margin-top: -12px;
    color: #ccc
}

body .selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -13px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg)
}

body .selectize-dropdown {
    padding: 0
}

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

    body .selectize-dropdown .active {
        background-color: #ebedef;
        color: #000;
    }

/*.loading, .service-loading { background: url('Images/loading.gif') center no-repeat rgba(255,255,255,.9); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999999999999 }*/

/* Start New Loader */
.loading {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .8);
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

    .loading .loader {
        padding: 25px;
        position: relative;
        overflow: hidden;
    }

        .loading .loader img {
            width: 500px;
        }

        .loading .loader span {
            position: absolute;
            background: #996f31;
        }

            .loading .loader span:nth-of-type(1) {
                top: 0px;
                left: -100%;
                width: 100%;
                height: 5px;
                animation: animate1 2s linear infinite;
            }

            .loading .loader span:nth-of-type(3) {
                bottom: 0px;
                right: -100%;
                width: 100%;
                height: 5px;
                animation: animate3 2s linear infinite;
            }

            .loading .loader span:nth-of-type(2) {
                right: 0px;
                top: -100%;
                height: 100%;
                width: 5px;
                animation: animate2 2s linear infinite;
            }

            .loading .loader span:nth-of-type(4) {
                left: 0px;
                bottom: -100%;
                height: 100%;
                width: 5px;
                animation: animate4 2s linear infinite;
            }

@keyframes animate1 {
    0% {
        left: -100%;
    }

    20% {
        left: 0;
    }

    40% {
        left: 100%;
    }

    60% {
        left: 100%;
    }

    80% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

@keyframes animate2 {
    0% {
        top: -100%;
    }

    20% {
        top: -100%;
    }

    40% {
        top: 0;
    }

    60% {
        top: 100%;
    }

    80% {
        top: 100%;
    }

    100% {
        top: 100%;
    }
}

@keyframes animate3 {
    0% {
        right: -100%;
    }

    20% {
        right: -100%;
    }

    40% {
        right: -100%;
    }

    60% {
        right: 0;
    }

    80% {
        right: 100%;
    }

    100% {
        right: 100%;
    }
}

@keyframes animate4 {
    0% {
        bottom: -100%;
    }

    20% {
        bottom: -100%;
    }

    40% {
        bottom: -100%;
    }

    60% {
        bottom: -100%;
    }

    80% {
        bottom: 0;
    }

    100% {
        bottom: 100%;
    }
}

/*table styles*/
.table-responsive {
    margin: 15px 0;
    overflow-y: hidden
}

.table > thead > tr > th {
    background: #7a7a7a;
    color: #fff;
    border-bottom: 0 !important
}

    .table > thead > tr > th a {
        color: #fff !important
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 10px 15px
}

.table-anchor {
    min-width: 90px;
    padding: 0px 10px;
    border-radius: 7px;
    height: 26px;
    line-height: 25px;
    font-size: 1em;
    text-transform: capitalize;
    opacity: 1;
    transition: .3s;
    color: #fff !important;
    display: inline-block;
    text-align: center;
    text-decoration: none !important
}

tr:hover .table-anchor {
    opacity: 1
}

/*empty template*/
.no-items {
    clear: both;
    width: 100%;
    background: rgba(245, 245, 245, 0.7);
    border: 1px solid #ccc;
    text-align: center;
    padding: 30px;
    margin-bottom: 20px
}

/*templates*/
.alert .alert-icon {
    width: 64px;
    height: auto;
    float: left;
}

    .alert .alert-icon i {
        display: block;
        position: relative;
        width: 64px;
        height: 64px;
        line-height: 64px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        color: #fff;
        text-align: center;
        font-size: 2.5em;
    }

.alert .fa-check {
    background: #6cbf5a;
}

.alert .fa-close {
    background: #f05329;
}

.alert .fa-warning {
    background: #e79e2d;
}

.alert .fa-info {
    background: #699aff;
}

.alert .alert-message {
    display: inline-block;
    margin: 6px 0 0 30px
}

.alert-message {
    text-transform: lowercase;
}

.alert {
    border: none;
    color: #555;
    width: 100%;
    display: inline-block;
}

    .alert .alert-message h3 {
        font-weight: bold;
        margin: 0 0 10px;
        color: #555;
        font-size: 1.2em;
        text-transform: capitalize
    }

    .alert a,
    .alert a:hover,
    .alert a:visited {
        text-decoration: underline;
        color: #555 !important;
    }

.page-with-side-container.page-full {
    width: 100%
}

/*laws and regulations homepage component*/
.laws-reg-homepage {
    background: url('/Content/Images/lawsAndRegulationsBg.jpg') center no-repeat;
    background-size: cover;
    min-height: 280px;
    padding: 45px 30px;
    width: calc(100% - 25px);
    position: relative
}

    .laws-reg-homepage:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .7
    }

    .laws-reg-homepage .left-section {
        width: 23%;
        position: relative;
        z-index: 2;
        height: 100%
    }

    .laws-reg-homepage .right-section {
        width: 77%;
        position: relative;
        z-index: 2
    }

    .laws-reg-homepage .section-title {
        line-height: 1.25
    }

    .laws-reg-homepage .section-title,
    .laws-reg-homepage .more-btn span,
    .laws-reg-homepage .more-btn label {
        color: #fff !important
    }

    .laws-reg-homepage .item {
        min-height: 220px;
        padding: 33px 20px 20px 20px;
        box-shadow: none !important
    }

        .laws-reg-homepage .item .title {
            color: #000;
            font-size: 1.285em;
            margin-bottom: 15px;
            display: inline-block
        }

    .laws-reg-homepage .brief {
        font-size: 1em;
        color: #000;
        margin-bottom: 25px
    }

    .laws-reg-homepage .more-btn {
        position: absolute;
        bottom: 30px;
        z-index: 2
    }

    .laws-reg-homepage .default-section:before {
        width: 50%
    }

    .laws-reg-homepage .default-section:hover:before {
        width: 100%
    }

    .laws-reg-homepage .btn {
        position: absolute;
        bottom: 20px
    }

.laws-details .page-item-title {
    max-width: calc(100% - 180px);
}

.law-number {
    margin-bottom: 20px
}

    .law-number span:first-child {
        font-family: 'hbold';
        font-size: 1.142em
    }

    .law-number span:last-child {
        font-size: 1.142em
    }

/*Online services homepage component*/
.online-services-homepage {
    background: #ececec;
    background-size: cover;
    height: 235px;
    padding: 45px 30px;
    width: calc(100% - 20px);
    position: relative;
    margin-bottom: 80px
}

    .online-services-homepage .single-service {
        width: 33.333333%;
        padding: 0 3px;
    }

    .online-services-homepage .left-section {
        width: 12%
    }

    .online-services-homepage .right-section {
        width: 88%;
        position: relative
    }

    .online-services-homepage .custom-row {
        position: relative;
        margin-left: -3px;
        margin-right: -3px
    }

    .online-services-homepage .section-title {
        line-height: 1.25
    }

    .online-services-homepage .section-title,
    .online-services-homepage .more-btn span,
    .online-services-homepage .more-btn label {
        color: #000 !important
    }

    .online-services-homepage .item {
        min-height: 235px;
        padding: 60px 40px 0px 40px;
        box-shadow: none !important;
        display: block;
        position: relative;
        text-align: center;
        text-decoration: none !important;
        transition: .4s ease-in-out;
        top: 0;
        z-index: 33
    }

        .online-services-homepage .item:hover,
        .online-services-homepage .item:focus {
            top: -45px
        }

            .online-services-homepage .item:hover:before,
            .online-services-homepage .item:focus:before {
                content: '';
                position: absolute;
                top: 100%;
                width: 100%;
                height: 45px;
                left: 0
            }

        .online-services-homepage .item:after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: .8;
            position: absolute;
            z-index: 1;
            transition: .4s ease-in-out
        }

    .online-services-homepage a.item:hover:after,
    .online-services-homepage a.item:focus:after {
        opacity: .92
    }

    .online-services-homepage .item .title {
        color: #fff;
        font-size: 1.471em;
        display: inline-block;
        text-transform: capitalize;
        display: block
    }

    .online-services-homepage .brief {
        font-size: 1em;
        color: #000;
        margin-bottom: 25px
    }

    .online-services-homepage .more-btn {
        position: absolute;
        bottom: 30px
    }

    .online-services-homepage .default-section:before {
        width: 50%
    }

    .online-services-homepage .default-section:hover:before {
        width: 100%
    }

    .online-services-homepage .btn {
        position: absolute;
        bottom: 20px
    }

.custom-row:before {
    display: table;
    content: " ";
}

.custom-row:after {
    clear: both;
}

.online-services-homepage .item-body {
    position: relative;
    z-index: 33
}

.online-services-homepage .item i {
    color: #fff;
    font-size: 70px;
    margin-bottom: 30px;
    display: inline-block
}

/*online service details page*/
.online-service-details.content-page h2 {
    font-size: 1.571em;
    color: #000;
    margin-bottom: 30px
}

.full-width-btn {
    width: 100%
}

.online-service-details .full-width-btn {
    margin-bottom: 30px;
    padding: 23px 15px;
    height: auto !important;
}

.fees-container,
.rating-container {
    text-align: center;
    font-size: 14px
}

    .fees-container .icon-container,
    .rating-container .icon-container {
        height: 84px;
        width: 84px;
        margin: 0 auto 15px auto;
        position: relative;
        border-radius: 50%;
        background: #f0f0f0
    }

.stars .br-widget {
    width: auto;
    display: inline-block;
    line-height: 1;
    background: #ebebeb;
    border-radius: 5px;
    padding: 7px 12px;
    height: auto !important;
}

.fees-container .icon-container i,
.rating-container .icon-container i {
    position: absolute;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fees-container h3,
.rating-container h3 {
    font-size: 1.285em;
    font-family: hreg !important;
    text-transform: capitalize !important
}

.fees-container span {
    font-size: 1.857em;
    color: #000;
    font-weight: 600
}

.online-service-details h3 {
    text-transform: uppercase;
    display: block
}

ul,
ol {
    list-style-position: inside
}

.content-page ul,
.content-page ol {
    margin-bottom: 15px;
    display: block;
    list-style: none;
}

.content-page ol {
    counter-reset: li;
}

    .content-page ol li {
        counter-increment: li;
    }

        .content-page ol li::before {
            content: counter(li)'-';
            color: #8c8c8c;
            display: inline-block;
            width: 1.2em;
            vertical-align: middle
        }

.content-page li {
    margin: 3px
}

.content-page .s-content {
    font-size: 1.142em;
    color: #515151
}


.target-channels-container {
    margin-top: 30px
}

.sub-section .icon-container {
    width: 65px
}

.sub-section .sub-section-content {
    width: calc(100% - 65px);
    padding: 5px 15px
}

.sub-section i {
    font-size: 52px
}

.sub-section h3 {
    color: #000;
    font-size: 1.285em;
    display: block;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px
}

.sub-section .data {
    color: #515151;
    font-size: 1.142em;
    text-transform: capitalize
}

/*stars*/
.br-theme-fontawesome-stars-o {
    margin-top: 10px
}

    .br-theme-fontawesome-stars-o .br-widget {
        height: 28px;
        white-space: nowrap;
    }

        .br-theme-fontawesome-stars-o .br-widget a {
            font: normal normal normal 20px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            text-decoration: none;
            margin: 0 2px;
            display: inline-block
        }

            .br-theme-fontawesome-stars-o .br-widget a:after {
                content: '\f006';
                color: #d2d2d2;
            }

            .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
                content: '\f005';
                color: #50E3C2;
            }

            .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
                content: '\f005';
                color: #50E3C2;
            }

            .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
                content: '\f123';
                color: #50E3C2;
            }

        .br-theme-fontawesome-stars-o .br-widget .br-current-rating {
            display: none;
        }

    .br-theme-fontawesome-stars-o .br-readonly a {
        cursor: default;
    }

    .br-theme-fontawesome-stars-o .br-reverse a.br-fractional {
        display: inline-block;
        transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }

.table-centered thead th,
.table-centered tbody tr td {
    text-align: center !important;
}

#toBePrintedPage .form-horizontal .col-sm-9 .form-control-static {
    font-size: 14px;
}

#toBePrintedPage .custom-form .control-label {
    font-weight: bold;
}

@media print {

    .footer-top.text-center a {
        font-size: 0;
    }

    #toBePrintedPage .form-horizontal .col-sm-9 .form-control-static {
        padding-top: 0px !important;
    }

    .br-theme-fontawesome-stars-o .br-widget a:after {
        content: '\f006';
        color: black;
    }

    .br-theme-fontawesome-stars-o .br-widget a.br-active:after,
    .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
        content: '\f005';
        color: black;
    }

    .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
        content: '\f123';
        color: black;
    }

    .breadcrumb-container,
    .language-selector-container,
    .icon-search,
    .edit-link,
    .btn,
    .controllers,
    .mega-admin-menu,
    .nav.navbar-nav.navbar-right.login-btn,
    .btn-group.user-area.user-btn,
    .logo-container,
    .staticSocialMedia,
    .accessibility-container {
        display: none
    }

    .editMode .widget.edit:hover,
    .widget.edit.clearfix:hover {
        border: 0px !important
    }

    .default-section.details-page:before {
        content: url(/Content/Images/site-logo-PDF.png);
        position: absolute;
        top: -75px;
        right: 20%;
    }

    .PDF-logo:before {
        width: auto !important;
        right: 0 !important;
    }

    .no-print {
        display: none !important
    }

    #minzedChat.bb_minmized_chat {
        display: none !important;
    }


    /***** solving issues ****/
    #ViewModeArmedVehicleDetail thead {
        display: none;
    }

    .table-responsive {
        margin: 5px 0 !important;
        padding: 0;
    }

    .col-xs-12 {
        margin: 0;
        padding: 0
    }

    table > tbody > tr > td {
        padding: 5px 0 5px
    }

    #tableArmedVehicleAttachment {
        display: none
    }

    #tableArmedVehicleShippingDetail th {
        display: none
    }

    #paymentTable thead {
        display: none
    }
}

.concern-custom-list {
    margin-bottom: 25px;
    list-style: none;
}

    .concern-custom-list li {
        padding-left: 15px;
        position: relative;
        font-size: 14px;
    }

        .concern-custom-list li::before {
            font-family: "FontAwesome";
            content: "\f101";
            position: absolute;
            left: 0;
            font-size: 16px;
            top: -2px;
        }

tr.rollback td:first-child {
    position: relative
}

    tr.rollback td:first-child::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border-top: 20px solid #b71a1a;
        border-right: 20px solid transparent;
    }

/*laws and regulations listing page*/
.download-btn {
    text-decoration: none !Important
}

    .download-btn * {
        color: #000;
        display: inline-block;
        vertical-align: bottom;
        transition: .5s
    }

    .download-btn i {
        font-size: 27px;
        position: relative;
        transition: .3s;
        top: -2px
    }

a.download-btn:hover i,
a.download-btn:focus i {
    top: 5px
}

.laws-reg-list .item {
    min-height: 230px !important
}

.laws-reg-list .item-footer {
    position: absolute;
    bottom: 0px;
    left: 20px;
    width: calc(100% - 40px);
    padding: 15px 0
}

.laws-categ {
    margin-bottom: 15px
}

    .laws-categ i {
        position: relative
    }

.filter-list a {
    display: inline-block;
    color: #000;
    font-size: 1.142em;
    cursor: pointer;
    text-decoration: none !important;
    padding: 5px 20px;
    border-radius: 20px;
    line-height: 1;
    transition: .2s
}

.filter-list .all-categ {
    width: 90px;
}

.filter-list .categ-slider {
    width: calc(100% - 90px);
    padding: 0 30px;
    margin-bottom: 0px
}

.navbar-form.filters.laws-filter {
    padding: 23px 25px 23px 25px;
}

.slick-slider.categ-slider .arrow {
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    padding: 0 !important
}

    .slick-slider.categ-slider .arrow i {
        font-size: 12px !important
    }

.filter-anchor:hover,
.filter-anchor:focus,
.filter-anchor.active {
    color: #fff !important
}

.filter-list a.filter-anchor {
    margin: 0 10px !important;
    display: inline-block !important;
    width: auto !important
}

/*faqs*/
.details-content {
    background: #fff;
    padding: 30px
}

.title-heading {
    font-size: 1.428em;
    color: #000;
    margin-bottom: 20px
}

.category-container {
    margin-bottom: 30px
}

.faq-question {
    font-size: 1.142em;
    color: #000 !important;
    display: block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    padding: 9px 0;
    text-decoration: none !important
}

    .faq-question:hover,
    .faq-question:focus {
        background: rgba(120, 120, 120, .1)
    }

    .faq-question:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: top;
        color: #fff;
        padding: 7px 10px;
        font-size: 16px;
        height: 34px;
        line-height: 1
    }

    .faq-question:after {
        content: '-';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        font-size: 16px;
        background: #000;
        border-radius: 50%;
        text-align: center;
        width: 20px;
        height: 20px;
        line-height: 1;
        transition: .3s
    }

    .faq-question.collapsed:after {
        content: '+'
    }

.question-body.default-section {
    margin-top: 20px;
    box-shadow: none !Important;
    background: #f2f2f2;
    color: #515151;
    font-size: 1em
}

.cat-question {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px
}

    .cat-question:last-child {
        border-bottom: 0
    }

.default-section.question-body {
    position: relative;
    min-height: 80px
}

    .default-section.question-body:after {
        content: '';
        position: absolute;
        top: 25px;
        display: inline-block;
        vertical-align: top;
        color: #fff;
        padding: 7px 10px;
        font-size: 16px;
        height: 34px;
        line-height: 1
    }

/*careers*/
.single-job.faq-question:before {
    display: none
}

.careers-page .question-body:after {
    display: none !important
}

.careers-page .default-section.question-body {
    padding: 20px !important
}

.careers-page .question-body .page-item-body {
    margin: 15px 0 !important
}

.gridCareersJobs .cat-question:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

/*photo gallery*/
.gallery-listing .item-img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.gallery-listing .list-item {
    position: relative;
    height: 250px;
    overflow: hidden;
    margin-bottom: 30px;
    display: block
}

.gallery-listing .item-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 30px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    z-index: 2
}

.gallery-listing .list-item:hover .item-body,
.gallery-listing .list-item:focus .item-body {
    background: rgba(0, 0, 0, .8);
}

.gallery-listing .item-content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px)
}

.gallery-listing .item-title {
    color: #fff !important;
    font-size: 1.142em;
    margin-bottom: 10px;
    font-family: hreg !important
}

.gallery-listing .item-body .item-content > i {
    font-size: 36px;
    display: inline-block;
    margin-bottom: 10px;
    transition: .2s ease-in-out
}

.gallery-listing .list-item:hover .item-content > i,
.gallery-listing .list-item:focus .item-content > i {
    transform: scale(1.2)
}

.gallery-listing .item-date {
    opacity: .7
}

    .gallery-listing .item-date i {
        font-size: 15px;
        margin-right: 10px
    }

    .gallery-listing .item-date span {
        font-size: 1em
    }

.gallery-listing .list-item:after {
    content: '>';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 34px;
    color: #fff;
    font-size: 16px;
    padding: 7px 10px;
    line-height: 1;
    text-align: center;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    z-index: 1;
    display: none
}

.gallery-listing .list-item:hover:after {
    transform: scale(0) rotate(180deg);
    border-radius: 100%;
}

/*photogallery details*/
.galleria-theme-classic .galleria-stage,
.galleria-theme-classic .galleria-thumbnails-container {
    left: 0 !important;
    right: 0 !important
}

.galleria-theme-classic {
    background: #fff !important
}

.slide-item {
    height: 350px !Important
}

.page-item-body {
    margin-bottom: 30px
}

#photogallery-slider {
    width: 80%
}

.side-slider {
    width: 20%
}

#photogallery-thumbnails {
    width: 100%;
    height: 350px !Important
}

    #photogallery-thumbnails .slide-item {
        height: 81px !important;
        margin-bottom: 9px
    }

.share-download {
    position: absolute;
    color: #fff;
    top: 0px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}

    .share-download a {
        color: #fff !important;
        font-size: 22px;
        margin: 0 10px;
        display: inline-block;
        vertical-align: middle;
        text-decoration: none !important;
        transition: .15s ease-in-out;
        cursor: pointer
    }

        .share-download a:hover,
        .share-download a:focus {
            transform: scale(1.15)
        }

.icon-sep {
    width: 1px;
    height: 22px;
    display: inline-block;
    background: #fff;
    vertical-align: middle
}

#photogallery-thumbnails .slide-item {
    position: relative;
    cursor: pointer
}

    #photogallery-thumbnails .slide-item:after {
        content: '';
        position: absolute;
        transition: .2s;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        z-index: 3;
        background: rgba(0, 0, 0, .45)
    }

    #photogallery-thumbnails .slide-item.slick-current:after,
    #photogallery-thumbnails .slide-item:hover:after {
        background: none !important
    }

#photogallery-slider.slick-slider .arrow {
    top: 50%;
    transform: translateY(-50%)
}

.slick-custom-control {
    position: absolute;
    bottom: 0;
    padding: 15px 20px;
    z-index: 3
}

    .slick-custom-control > * {
        display: inline-block;
        color: #fff;
        font-size: 15px;
        vertical-align: middle
    }

    .slick-custom-control i {
        font-size: 20px !important;
        vertical-align: middle
    }

.slick-paging-info {
    margin: 0 25px
}

.slick-custom-control a {
    cursor: pointer;
    color: #fff !important
}

#photogallery-thumbnails .slick-arrow {
    position: absolute;
    width: 100%;
    left: 0;
    display: block;
    text-align: center;
    color: #fff;
    padding: 3px 0;
    font-size: 20px;
    opacity: 0;
    transition: .5s ease-in-out
}

#photogallery-thumbnails .slick-prev {
    top: -40px;
}

#photogallery-thumbnails .slick-next {
    bottom: -40px;
}

#photogallery-thumbnails:hover .slick-arrow {
    opacity: 1
}

/*video details*/
.single-side-video {
    height: 95px;
    display: block;
    margin-bottom: 15px;
    position: relative
}

    .single-side-video:last-child {
        margin-bottom: 0
    }

.video-main-frame {
    width: 70%
}

.side-video-list {
    width: 30%;
    position: relative
}

.video-thumb {
    width: 35%;
    height: 100%;
    position: relative
}

.video-container-content {
    width: 65%
}

.video-icon-player {
    opacity: 0;
    transition: .3s ease-in-out
}

.single-side-video:hover .video-icon-player,
.single-side-video:focus .video-icon-player {
    opacity: 1
}

.video-icon-player:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
    content: ''
}

.video-icon-player i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    font-size: 42px;
    color: #fff;
}

.video-container-content h4 {
    font-size: 1em;
    color: #000;
    font-family: hreg !important;
    font-weight: 600
}

.side-video-list {
    height: 315px
}

/*our partners*/
.simple-list .list-item {
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    background: #fff
}

.flex-container .simple-list .list-item {
    height: calc(100% - 30px)
}

.simple-list .item-body {
    background: #fff;
    padding: 15px;
    min-height: 60px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    transition: .5s ease-in-out;
    z-index: 4
}

.simple-list .list-item:hover .item-body,
.simple-list .list-item:focus .item-body {
    transform: translateY(-100%)
}

.simple-list .list-item:hover .item-img img,
.simple-list .list-item:focus .item-img img {
    transform: translate(-50%, -50%) scale(1.2)
}

.simple-list h2 {
    color: #000;
    font-size: 1.142em;
    font-family: hreg !important
}

.simple-list .item-img {
    background: #fff;
    height: 200px;
    position: relative;
    z-index: 3
}

    .simple-list .item-img img {
        max-width: 80% !important;
        max-height: 80% !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: .5s ease-in-out
    }

.simple-list-type2 .item-body {
    position: static !important;
    transform: none !important
}

/*partners and industries homepage*/
.partners-industries-home {
    background: #f1f1f1;
    margin-top: 30px;
    padding: 30px 30px 10px 30px;
    min-height: 327px;
    position: relative
}

.tab-headings {
    margin-bottom: 20px;
    position: relative
}

    .tab-headings li {
        display: inline-block
    }

        .tab-headings li a {
            font-family: hreg;
            font-size: 1.785em;
            color: #7a7a7a;
            text-decoration: none !important;
            position: relative;
            line-height: 1
        }

        .tab-headings li.active a {
            color: #000
        }

            .tab-headings li.active a:after {
                position: absolute;
                left: -10px;
                height: 7px;
                width: calc(100% + 20px);
                top: calc(100% + 10px);
                content: ''
            }

.partners-industries-home .tab-container {
    display: none;
    padding: 10px 0
}

    .partners-industries-home .tab-container.active {
        display: block
    }

.small-list-homepage {
    margin-bottom: 0 !important
}

    .small-list-homepage div {
        text-align: center
    }

        .small-list-homepage div a {
            display: inline-block;
            position: relative;
            width: 90%;
            height: 110px;
            transition: .2s ease-in-out
        }

            .small-list-homepage div a:hover,
            .small-list-homepage div a:focus {
                transform: scale(1.12)
            }

        .small-list-homepage div img {
            max-width: 90% !important;
            max-height: 90% !important;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 33
        }

    .small-list-homepage .slick-list {
        width: calc(100% - 150px);
        margin: 0 auto;
        padding: 20px 0
    }

body .small-list-homepage.slick-slider .arrow {
    top: 50% !important;
    transform: translate(0, -50%) !important
}

.tab-headings:before {
    content: '';
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #d1d1d1;
    top: 40px
}






/*armed services styles*/
.form-control {
    color: #555 !important
}

.service-page-with-side-container {
    width: 78%
}

.service-sidebar-container {
    width: 22%;
    background: #b68a35
}

.side-tab {
    list-style: none
}

    .side-tab li {
        display: block;
        margin-bottom: 15px
    }

.service-sidebar-container {
    color: #fff;
    padding: 20px;
    color: #fff
}

    .service-sidebar-container h2 i {
        font-size: 30px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle
    }

    .service-sidebar-container h2 span {
        font-size: 1.571em;
        display: inline-block;
        vertical-align: middle
    }

    .service-sidebar-container h2 {
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin-bottom: 20px
    }

.step-number {
    border: 1px solid #fff;
    height: 23px;
    width: 23px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-right: 15px;
    vertical-align: middle;
    padding: 1px 0
}

.step-title {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-size: 1.142em
}

.custom-tab-content {
    padding: 30px
}

    .custom-tab-content h2 {
        font-size: 1.571em;
        display: inline-block;
        position: relative;
        margin: 0 0 14px 0;
        padding-bottom: 15px
    }

        .custom-tab-content h2:after {
            content: '';
            position: absolute;
            top: 100%;
            height: 4px;
            width: 100px;
            background: #b78a35;
            left: 0
        }

    .custom-tab-content .validation-alert-container {
        color: #000
    }

.form-section {
    border: 1px dashed #c2c2c2;
    padding: 30px;
    margin: 30px 0;
    display: block;
    width: 100%
}

.form-section-title {
    font-size: 1.428em;
    color: #000;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

    .form-section-title:before {
        width: 3px;
        height: 18px;
        content: '';
        position: relative;
        z-index: 9;
        display: inline-block;
        vertical-align: top;
    }

.custom-form .checkbox label {
    font-size: 14px;
    width: 100% !important;
    color: #6a6a6a;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    min-height: 25px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.custom-form [type="checkbox"] + input + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
}

.custom-form [type="checkbox"] + input + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
}

.custom-form [type="checkbox"] + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
}

.custom-form [type="checkbox"]:checked + input + label:before {
    top: -10px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #980e3c;
    border-bottom: 2px solid #980e3c;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

[type="checkbox"] + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
}

.custom-form [type="checkbox"]:checked + input + label:before {
    top: -4px;
    left: 0px;
    width: 7px;
    height: 15px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #b68a35;
    border-bottom: 2px solid #b68a35;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

.custom-form [type="checkbox"]:checked + label:before {
    top: -4px;
    left: 0px;
    width: 7px;
    height: 15px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #b68a35;
    border-bottom: 2px solid #b68a35;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

.custom-form [type="checkbox"],
.custom-form [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.custom-form input[type="radio"] {
    display: none
}

.checkbox-inline,
.radio-inline {
    padding: 0 !important
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    margin: 4px;
    width: 12px;
    height: 12px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    border-radius: 50%
}

.custom-form [type="radio"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.custom-form [type="radio"]:checked + label:before {
    border: 1px solid #5a5a5a;
}

.custom-form [type="radio"]:checked + label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
}

.custom-form [type="radio"]:checked + label:after,
.custom-form [type="radio"].with-gap:checked + label:before,
.custom-form [type="radio"]:checked + label:after {
    border: 2px solid #b78a35;
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    border: 1px solid #5a5a5a;
}

.custom-form [type="radio"] + label:after {
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    border: 1px solid #5a5a5a;
}

.custom-form .data-label {
    padding: 10px 0;
    color: #555;
    font-size: 1.142em;
}

.form-sub-section {
    background-color: #eee;
    padding: 30px 15px 15px 15px;
    margin-bottom: 25px
}

.lg-heading {
    font-size: 2.5em !important
}

/*table styles*/
.table-responsive {
    margin: 15px 0
}

.table > thead > tr > th {
    background: #7a7a7a;
    color: #fff;
    border-bottom: 0 !important
}

    .table > thead > tr > th a {
        color: #fff !important
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 10px 10px !important;
}

/*empty template*/
.no-items {
    clear: both;
    width: 100%;
    background: rgba(245, 245, 245, 0.7);
    border: 1px solid #ccc;
    text-align: center;
    padding: 30px;
    margin-bottom: 0
}

/*templates*/
.alert .alert-icon {
    width: 64px;
    height: auto;
    float: left;
}

    .alert .alert-icon i {
        display: block;
        position: relative;
        width: 64px;
        height: 64px;
        line-height: 64px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        color: #fff;
        text-align: center;
        font-size: 2.5em;
    }

.alert .fa-check {
    background: #6cbf5a;
}

.alert .fa-close {
    background: #f05329;
}

.alert .fa-warning {
    background: #e79e2d;
}

.alert .fa-info {
    background: #699aff;
}

.alert .alert-message {
    display: inline-block;
    margin: 6px 0 0 30px
}

.alert-message {
    text-transform: lowercase;
}

.alert {
    border: none;
    color: #555;
    width: 100%;
    display: inline-block
}

    .alert .alert-message h3 {
        font-weight: bold;
        margin: 0 0 10px;
        color: #555;
        font-size: 1.2em;
        text-transform: capitalize
    }

    .alert a,
    .alert a:hover,
    .alert a:visited {
        text-decoration: underline;
        color: #555 !important;
    }

/*custom scrollbar*/
.ss-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}

.ss-content {
    height: 100%;
    width: calc(100% + 18px);
    padding: 0 0 0 0;
    position: relative;
    overflow: auto;
    box-sizing: border-box;
}

    .ss-content.rtl {
        width: calc(100% + 18px);
        right: auto;
    }

.ss-scroll {
    position: relative;
    width: 3px;
    border-radius: 4px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.25s linear;
}

.ss-hidden {
    display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
    opacity: 1;
}

.ss-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}


/*org chart*/
.org-chart ul {
    list-style: none
}

.org-chart .tree-item {
    background: #fff;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-decoration: none !important;
    height: 100px;
    position: relative
}

.org-chart .img-container {
    display: inline-block;
    line-height: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #eeecec;
    position: relative;
    z-index: 1
}

.org-chart img {
    display: block;
    max-width: 90%;
    max-height: 90%;
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.org-chart .tree-item span {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    color: #000;
    font-size: 1.142em;
    max-height: 100px;
    overflow: hidden
}

.org-chart .title-container {
    width: calc(100% - 100px);
    padding: 0 20px
}

.org-chart {
    position: relative
}

    .org-chart .tree-item:before {
        position: absolute;
        content: '';
        height: 2px;
        width: 75px;
        background: #aaa;
        top: 50px;
        z-index: 0;
        transform: none !important
    }

    .org-chart .tree-item.parent-item:before {
        display: none
    }

    .org-chart ul ul {
        position: relative
    }

        .org-chart ul ul:before {
            position: absolute;
            content: '';
            height: 100%;
            width: 2px;
            background: #aaa;
            top: -50px;
            transform: none !important
        }

.item-selector {
    width: 9px;
    height: 100%;
    z-index: 2;
    position: relative;
    background: #afafaf !important
}

.org-chart .parent-item + ul li:last-child > ul:last-child:after {
    position: absolute;
    content: '';
    height: calc(100% + 28px);
    width: 2px;
    background: #dbdbdb;
    top: -78px;
    transform: none !important
}

.org-chart .tree-item:hover .item-selector,
.org-chart .tree-item:focus .item-selector {
    width: 15px;
}

.item-selector {
    transition: .2s
}

/*main menu*/
.site-header .container {
    position: relative
}

.menu-trigger {
    width: 43px;
    height: 24px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    z-index: 3;
}

    .menu-trigger span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #000;
        border-radius: 9px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        .menu-trigger span:nth-child(2) {
            top: 9px;
        }

        .menu-trigger span:nth-child(3) {
            top: 18px;
            width: 75%;
        }

    .menu-trigger.opened span:nth-child(1) {
        top: 7px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        width: 80%;
        height: 2px
    }

    .menu-trigger.opened span:nth-child(2) {
        opacity: 0;
    }

    .menu-trigger.opened span:nth-child(3) {
        top: 7px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        width: 80%;
        height: 2px
    }

.main-menu-container {
    position: absolute;
    background: #fff !important;
    z-index: 99;
    width: calc(100% - 30px);
    display: none;
    top: 85px;
    padding: 35px 35px 5px 35px
}

    .main-menu-container ul {
        list-style: none
    }

.main-menu > li {
    width: 16.66666666667%;
    padding: 0 10px;
    margin-bottom: 30px
}

body a.main-menu-title {
    font-size: 1.428em;
    color: #000 !important;
    margin-bottom: 25px;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize
}

.main-menu.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.main-menu a {
    color: #7f7f7f !important;
    margin-bottom: 5px;
    display: inline-block
}

.sub-menu a {
    font-size: 1.142em
}

.menu-trigger.opened {
    position: relative;
    z-index: 92
}

    .menu-trigger.opened span {
        background: #fff
    }

    .menu-trigger.opened:before {
        content: '';
        position: absolute;
        display: block;
        width: 150px;
        height: 70px;
        top: -32px;
    }

.menu-modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    display: none;
    z-index: 91
}

.menu-trigger.opened:after {
    font-size: 1.142em;
    color: #fff;
    font-weight: 600;
    position: absolute;
    z-index: 93;
    top: 0px
}

/*side menu*/
.side-header {
    width: 100%
}

    .side-header .icon-container {
        width: 30px;
        color: #000
    }

    .side-header i {
        font-size: 30px
    }

    .side-header .title-container {
        width: calc(100% - 30px);
        padding: 0 10px
    }

        .side-header .title-container h3 {
            font-size: 1.571em;
            text-transform: capitalize;
            color: #000;
            line-height: 35px
        }

.side-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 25px
}

.content-side-menu {
    list-style: none
}

    .content-side-menu a {
        color: #333 !important;
        font-size: 1.142em;
        margin-bottom: 23px;
        display: inline-block;
        text-transform: capitalize;
        line-height: 1;
        opacity: .8;
        text-decoration: none !important;
        position: relative
    }

    .content-side-menu li:last-child a {
        margin-bottom: 0
    }

    .content-side-menu a:before,
    .content-side-menu a:before,
    .content-side-menu a:before {
        content: '';
        height: 25px;
        width: 5px;
        position: absolute;
        top: -5px;
        opacity: 0;
        transition: .25s
    }

    .content-side-menu a:hover:before,
    .content-side-menu a:focus:before,
    .content-side-menu a.router-link-active:before,
    .content-side-menu a.active:before {
        opacity: 1
    }

/*login page*/
.login-bg {
    background: url('../Content/Images/login-bg.jpg') no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

    .login-bg:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        content: '';
        display: block;
        z-index: 1
    }

.mofa-login-form {
    z-index: 3;
    position: relative;
    width: 475px;
    margin: 0 auto;
    vertical-align: middle;
    height: auto;
    max-width: calc(100% - 30px);
    background: #fff
}

    .mofa-login-form .header {
        background: #ededed;
        padding: 35px;
        border-bottom: 6px solid;
        width: 100%
    }

        .mofa-login-form .header h1 {
            font-size: 2.142em;
            color: #000;
            line-height: 1;
            text-transform: uppercase
        }

.loginform-body {
    padding: 30px;
    width: 100%
}

.username-input,
.password-input {
    position: relative
}

    .username-input:after {
        position: absolute;
        z-index: 0;
        content: '\e919';
        top: 50%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-family: mofa-ico !important;
        font-size: 25px;
        color: #919191;
        pointer-events: none;
        cursor: pointer
    }

    .username-input:before {
        position: absolute;
        height: 50%;
        background: #919191;
        width: 1px;
        top: 27%;
        content: '';
        z-index: 1;
        pointer-events: none;
        cursor: pointer
    }

    .password-input:after {
        position: absolute;
        z-index: 0;
        content: '\e915';
        top: 50%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-family: mofa-ico !important;
        font-size: 25px;
        color: #919191;
        pointer-events: none;
        cursor: pointer
    }

    .password-input:before {
        position: absolute;
        height: 50%;
        background: #919191;
        width: 1px;
        top: 27%;
        content: '';
        z-index: 1;
        pointer-events: none;
        cursor: pointer
    }

.loginBtn + a {
    margin: 0 20px
}

.manage-reg {
    position: absolute;
    top: 10px;
    font-size: 1.5rem;
}

    .manage-reg:hover,
    .manage-reg:focus {
        text-decoration: none;
    }

/*UAE control list*/
.full-inner .navbar-form.filters .form-group {
    width: 17%
}

.default-tabs {
    display: block;
    list-style: none;
    overflow: hidden
}

    .default-tabs a {
        padding: 15px;
        min-width: 180px;
        display: block;
        height: 45px;
        background: #f1f1f1;
        text-align: center;
        font-size: 1.142em;
        color: #787878 !important;
        text-decoration: none !Important;
        line-height: 1
    }

.uae-top-nav {
    border-bottom: 6px solid;
}

.tabcontentGoods .table-responsive,
.tabcontentGoods .navbar-form.filters {
    margin: 0 !important
}

.tabcontentGoods table {
    border-collapse: collapse !important
}

.table-responsive table tr {
    border: 1px solid transparent;
    border-color: transparent !important
}

.tabcontentGoods table tbody tr:hover {
    border-color: #a5a5a5 !important
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: none !important
}

.tabcontentGoods table > tbody > tr:hover td {
    border-top: 1px solid #a5a5a5 !important
}

.doc-container {
    padding: 30px 30px 22px 30px;
    background: #fff
}

.doc-item {
    background: #f1f1f1;
    margin-bottom: 8px;
    padding: 30px
}

.doc-item-container {
    width: 33.333333%;
    padding: 0 4px
}

    .doc-item-container.two-in-one {
        width: 50%
    }

.doc-row {
    margin-left: -4px !important;
    margin-right: -4px !important
}

.gridLatestDocuments .doc-row {
    display: flex;
    flex-wrap: wrap;
}

.gridLatestDocuments .doc-item {
    display: flex;
    align-items: center;
}

.doc-item .right-section {
    width: 140px
}

.doc-item .left-section {
    width: calc(100% - 140px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center
}

    .doc-item .left-section i {
        font-size: 55px
    }

    .doc-item .left-section h3 {
        padding: 0 15px;
        align-self: center;
        flex: 1;
        font-size: 1.142em;
        color: #000
    }

/*edited modal*/
.modal-footer {
    background: #ebebeb
}

.modal-header {
    border-bottom: 4px solid #000
}

    .modal-header .modal-title {
        font-family: hreg !important
    }

    .modal-header .modal-title,
    .modal-header .close {
        color: #000
    }

.table-custom-content .single-group {
    margin-bottom: 30px
}

    .table-custom-content .single-group label,
    .table-custom-content .single-group span {
        font-size: 1.142em
    }

    .table-custom-content .single-group label {
        display: block;
        margin-bottom: 5px
    }

.lg-modal {
    width: 1000px;
    max-width: 90%
}

.table-custom-content .single-group span {
    text-transform: capitalize
}

.table-disc {
    background: #ebebeb;
    font-size: 1.142em;
    line-height: 1.2;
    color: #000 !important;
    padding: 20px;
    overflow: hidden
}

.tabcontentGoods .modal-content {
    overflow-y: auto;
    max-height: 100vh
}

.lg-modal .modal-body {
    padding: 40px
}

.modal-open .modal {
    background: rgba(0, 0, 0, .5)
}

.modal-dialog {
    width: 600px;
    max-width: 95%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 !important;
    -ms-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

    .modal-dialog.lg-modal {
        width: 1000px;
        max-width: 90%
    }

/*date picker*/
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: #fff !important;
    background-color: #ccc !important;
}


.event-side-info:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffa800;
    opacity: .5;
    z-index: 1
}

.event-side-info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .25;
    z-index: 2
}

a {
    transition: .2s
}

/*search*/
.search-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5
}

    .search-item:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

    .search-item .title-container {
        margin-bottom: 9px
    }

    .search-item a {
        font-size: 1.142em;
        font-family: hbold !important;
        color: #000
    }

    .search-item .page-item-data {
        margin-bottom: 10px
    }

/*updated styles*/
.service-sidebar-container .side-tab {
    margin-left: -20px;
    margin-right: -20px
}

    .service-sidebar-container .side-tab li {
        margin: 0;
        padding: 10px 20px;
        position: relative
    }

        .service-sidebar-container .side-tab li.active {
            background: rgba(255, 255, 255, .25)
        }

            .service-sidebar-container .side-tab li.active:before {
                content: '';
                width: 0;
                height: 0;
                border-top: 9px solid transparent;
                border-bottom: 9px solid transparent;
                border-left: 9px solid #b68a35;
                position: absolute;
                left: 100%;
                top: 13px;
                z-index: 3
            }

.vdp-datepicker.form-control {
    padding: 0;
    box-shadow: none;
    border: 0
}

    .vdp-datepicker.form-control input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        height: 43px;
        border-radius: 0;
    }

.vdp-datepicker input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: 43px;
    border-radius: 0;
}

.default-section.no-border::before {
    display: none !important
}

.page-with-side-container .section-header {
    margin-bottom: 25px
}

.side-tab .status {
    position: Absolute;
    top: 11px;
    width: 22px;
    height: 22px
}

.error-count {
    color: #c21;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    font-weight: bold;
    width: 22px;
    height: 22px;
    border: 2px solid #c21;
    border-radius: 50%;
    text-align: center;
    padding-top: 0px;
    font-size: 11px;
    line-height: 18px;
    background: #dc9f9f
}

.status i {
    position: Absolute;
    background: #fff;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    padding: 5px;
    font-size: 12px;
    top: 0;
    opacity: .3
}

li .status.done i {
    opacity: 1
}

#NumberofVehiclesID {
    position: absolute;
    z-index: -9999
}

label.form-control {
    line-height: 2
}

textarea.form-control {
    min-height: 150px;
    width: 100% !important
}

.btn-upload span {
    font-size: 28px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    line-height: 8px;
    height: 12px;
    vertical-align: top
}

.custom__tag {
    display: inline-block
}

.surveys-listing .item-body-container {
    width: 100% !important
}

.survey-q {
    margin-bottom: 10px
}

.q-body {
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 35px
}

.survey-q:first-child {
    margin-top: 15px
}

.q-body:last-child {
    border-bottom: 0 !Important
}

.custom-form.simple {
    display: block !Important;
    margin-top: 0 !important
}

/*comments */
.comments-list {
    margin-bottom: 20px
}

    .comments-list .single-comment {
        background: #ebebeb;
        padding: 25px 15px;
    }

    /*margin-bottom: 20px;*/
    .comments-list .single-comment {
        margin-top: 20px;
    }

        .comments-list .single-comment span {
            display: block
        }

/*.comments-list .single-comment,.comments-list .no-items{margin-top:25px}*/
.single-comment .comment-type {
    text-transform: capitalize;
    font-size: 1.142em;
    margin-bottom: 7px;
    display: inline-block !important
}

.single-comment .comment-date {
    font-weight: bold;
    color: #aaa;
    margin-bottom: 10px
}

p.comment-details {
    font-size: 1em;
    color: #000
}

.grid-default-container {
    background: #fff;
    padding: 30px
}

.marg-b {
    margin-bottom: 30px
}

.navbar-form.filters div[class*="col"] {
    margin-bottom: 10px
}

.modal .custom-form {
    margin-top: 0
}

.surveys-listing .item-body-container {
    width: 100% !important
}

.survey-q {
    margin-bottom: 10px
}

.q-body {
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 35px
}

.survey-q:first-child {
    margin-top: 15px
}

.q-body:last-child {
    border-bottom: 0 !Important
}

/*final updates*/
.alert-view {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9399;
    display: none
}

.alert-msg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 600px;
    background: #fff;
    text-align: center;
    padding: 30px;
    z-index: 1
}

    .alert-msg i.main-icon {
        font-size: 40px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-style: normal !important;
    }

        .alert-msg i.main-icon span {
            font-weight: bold
        }

    .alert-msg .alert-body {
        margin-bottom: 25px
    }

    .alert-msg p {
        font-size: 1.142em;
        color: #000
    }

    .alert-msg .icon-container {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin-bottom: 20px;
        display: inline-block;
        background: #ccc;
        position: relative
    }

    .alert-msg .btn {
        margin: 0 10px
    }

    .alert-msg.success .icon-container {
        background-color: #78c82a
    }

    .alert-msg.error .icon-container {
        background-color: #c21
    }

    .alert-msg.warning .icon-container {
        background-color: #e79e2d
    }

@import url(http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

/****** Style Star Rating Widget *****/
.custom-rating-container {
    margin-bottom: 15px
}

.rating {
    border: none;
    display: table;
    margin: 0 auto
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.7em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label,
    /* show gold star when clicked */
    .rating:not(:checked) > label:hover,
    /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }

        /* hover previous stars in list */
        .rating > input:checked + label:hover,
        /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label,
        /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }

.rateus-title {
    margin: 10px 0 0 0 !important
}

/*workspace updates*/
.workspace-side li {
    position: relative
}

.ws-task-count {
    position: absolute;
    right: 0;
    border-radius: 5px;
    height: 25px;
    min-width: 25px;
    color: #fff;
    padding: 3px 4px;
    top: -4px;
    font-size: 14px;
    text-align: center
}

.btn-upload + input {
    position: absolute;
    opacity: 0;
    z-index: -9
}

td .btn + .btn {
    margin: 5px 0
}

/*surveys*/
.surveys-listing .item-body-container {
    width: 100% !important
}

/*manage*/
.manage h2 {
    font-size: 1.8em;
    margin-top: 20px
}

/* fixes */
#after-submit-popup h3 {
    margin-bottom: 10px;
    font-size: 1.3em
}

#after-submit-popup h2:after {
    display: none;
    border-bottom: 1px solid #ccc
}

#after-submit-popup h2 {
    font-size: 1.571em;
    display: inline-block;
    position: relative;
    margin: 0 0 14px 0;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

#after-submit-popup .alert-msg .alert-body {
    margin-bottom: 0px;
}

#after-submit-popup h3.request-number {
    border-top: 3px solid rgba(0, 0, 0, .6);
    padding-top: 11px;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 10px;
}

#after-submit-popup span.request-number {
    font-size: 2em
}

#splitting-message span.request-number {
    font-size: 2em
}

#splittingArmed-message span.request-number,
#splittingGoods-message span.request-number {
    font-size: 2em
}

/* Sms Verification  */
.site-content.login-bg .resend-sms-container {
    width: 100%;
}

.resend-sms-container a#resendVerification {
    margin-left: 20px;
}

/*temp*/
.rs-container {
    position: absolute;
    background: rgba(255, 255, 255, .7);
    top: 65px;
    z-index: 3;
    display: none;
    padding: 12px;
    border-radius: 5px;
    box-shadow: #ccc 1px 1px 35px 1px;
    min-width: 167px;
}

.is-controlled {
    background: #b52c1f !important
}

    .is-controlled td,
    .is-controlled a {
        color: #fff !important
    }

.rs_addtools .rsbtn_toolpanel .rsbtn_tools,
.rsbtn .rsbtn_toolpanel .rsbtn_tools {
    position: static !important
}

/*read speaker*/
.rsbtn_powered.rsimg {
    display: none !important
}

.rs_addtools.toolsopen .rsbtn_play,
.rsbtn.toolsopen .rsbtn_play {
    border-radius: 0 !important
}

.rs_addtools .rsbtn_play .rsbtn_right.rsimg,
.rsbtn .rsbtn_play .rsbtn_right.rsimg {
    background-image: none;
    padding: 0 0 0 20px;
    border-radius: 0;
}

.rs_addtools .rsbtn_play,
.rsbtn .rsbtn_play {
    margin: 0 !important
}


/*armed vehicle updates*/
td .deleteItem,
td .editItem,
td .viewItem {
    color: #000;
    text-decoration: none !important;
    font-size: 18px
}

tb .table-sep {
    margin: 0 10px;
    display: inline-block
}

.table-img-col {
    padding: 0 10px !important;
    vertical-align: middle
}

    .table-img-col img,
    .table-img-col i {
        height: 35px;
        font-size: 35px
    }

.allowed-ext span {
    font-family: hbold
}

.allowed-ext {
    margin-top: 5px
}

th {
    white-space: nowrap !important;
}

.single-comment h4 {
    margin-bottom: 8px;
    display: inline-block
}

#tableArmedVehicleAttachment.table > tbody > tr > td {
    vertical-align: middle
}

/*events home update*/
.events-home-empty {
    height: 397px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.events-home-empty {
    text-align: center;
}

    .events-home-empty h2 {
        font-size: 2.285em;
        margin: 0 auto;
        margin-bottom: 2.142rem;
        width: 60%
    }

    .events-home-empty p {
        font-size: 1em;
        color: #515151;
        margin-bottom: 2.142rem;
    }

.single-event-item {
    height: 295px
}

    .single-event-item .left-section {
        width: 35%;
        height: 100%;
        position: relative;
        overflow: hidden
    }

        .single-event-item .left-section .item-img {
            width: 100%;
            height: 100%
        }

.events-home .single-event-item .item-body {
    width: 65%
}

.single-event-item .item-date {
    position: absolute;
    bottom: -10px;
    border: none !important;
    left: -10px;
    z-index: 3
}

    .single-event-item .item-date:before {
        width: 100%;
        height: 100%;
        position: absolute;
        content: '';
        display: block;
        background: #fff;
        border-radius: 100%;
        z-index: -1;
        top: 5px;
        left: -5px
    }

.events-home .single-event-item .item-title {
    margin: 0 0 15px 0
}

.single-event-description {
    margin-top: 15px;
    color: #515151;
    font-size: 1em
}

.site-bg-color {
    background: #dbdbdb
}


/*header alert*/
.header-alert-msg {
    background: #c71c34;
    color: #fff;
    height: auto;
    z-index: 77;
    border-radius: 0;
    position: relative;
    line-height: 44px
}

    .header-alert-msg .container > div {
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
        line-height: 1
    }

    .header-alert-msg .container * {
        line-height: 1 !important
    }

    .header-alert-msg .icon-container {
        padding: 8px 0;
        border-top: 0;
        border-radius: 0 0 6px 6px
    }

        .header-alert-msg .icon-container i {
            font-size: 24px
        }

    .header-alert-msg p {
        font-size: 1.142em
    }

.btn-alert {
    background: #900011 !important;
    vertical-align: middle !important;
    display: inline-block !Important
}

    .btn-alert:hover,
    .btn-alert:focus {
        background: #af0015 !important
    }

.header-alert-msg .btn-alert {
    margin-top: 1px
}

.close-notif {
    color: #fff !important;
    margin-top: 16px;
    display: inline-block;
    text-decoration: none !Important
}

.current-user-container {
    position: relative
}

.notif-open {
    position: absolute;
    top: 2px;
    color: #c21;
    border: 1px solid #c21;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    text-align: center;
    background: #c21;
    padding: 1px;
    display: none;
    font-size: 14px;
    z-index: 1
}

    .notif-open i {
        display: inline-block;
        color: #fff
    }



/*uae home component*/
.uae-home-component {
    height: 310px;
    background: url('Images/UAEBg.jpg') center no-repeat !important;
    background-size: cover !important
}

    .uae-home-component.default-section,
    .feedback-homepage.default-section {
        padding: 40px 20px
    }

    .uae-home-component .item-footer {
        position: absolute;
        bottom: 30px;
        z-index: 1
    }

    .uae-home-component .section-header {
        margin-bottom: 15px;
        position: relative;
        z-index: 1
    }

    .uae-home-component .item-description {
        font-size: 1.214em;
        color: #000;
        max-height: 350px;
        overflow: hidden;
        position: relative;
        z-index: 1
    }

    .uae-home-component * {
        color: #fff
    }

.contact-info {
    padding: 45px 25px;
    color: #fff
}

    .contact-info i {
        font-size: 65px;
        margin-bottom: 15px;
        display: inline-block
    }

    .contact-info > div {
        font-size: 1.857em
    }

body .t-left {
    text-align: left !important
}

.event-side-info {
    padding: 30px 40px;
}

.login-bg.register {
    display: block !important;
}

/* contact us */
#contact-map {
    height: 540px
}

.map-section {
    position: relative
}

.contact-info-container {
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 32%;
    padding: 30px;
    transform: translateY(-50%)
}

    .contact-info-container h2 {
        font-size: 1.714em;
        margin-bottom: 30px;
        color: #fff;
        font-family: hreg !important
    }

    .contact-info-container ul {
        list-style: none
    }

    .contact-info-container li {
        margin-bottom: 20px
    }

    .contact-info-container i {
        color: #fff;
        font-size: 1.5em
    }

    .contact-info-container span {
        color: #fff;
        font-size: 1.1em
    }

    .contact-info-container li:last-child {
        margin-bottom: 0
    }

    .contact-info-container li * {
        display: inline-block;
        vertical-align: middle
    }

    .contact-info-container li span {
        max-width: calc(100% - 45px);
    }

/* online services listing page */
.fees {
    color: #000;
    font-size: 1.142em;
    font-family: hbold;
    margin-top: 8px;
    display: inline-block;
}

/*armed updates*/
#armed .custom-form > .col-sm-6 {
    width: 33.33333333333%
}

.f-sep {
    width: 100%
}

.accessibility-menu-item {
    display: none
}


/*updated menu*/
.page-item-data {
    width: 100%;
    margin-bottom: 15px
}

    .page-item-data:last-child {
        margin-bottom: 0
    }

body .dropdown-menu > li > a {
    display: block;
    padding: 10px 20px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
    min-width: 220px;
}

body .dropdown-menu {
    padding: 0 !important;
    border-radius: 0 !important
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff !important;
}

.page-item-title-container {
}

#formGoodsDetails {
    width: 100%
}

.icon-contrast.active {
    transform: rotate(90deg)
}

/*dashboards*/
.db-info-container {
    overflow: hidden;
    margin-bottom: 30px
}

    .db-info-container .icon-container {
        width: 100px;
        height: 100px;
        position: relative
    }

        .db-info-container .icon-container img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 60%;
            height: auto
        }

    .db-info-container .body-container {
        height: 100px;
        background: #fff;
        width: calc(100% - 100px);
        padding: 15px
    }

.db-info-container {
    margin-left: -15px;
    margin-right: -15px
}

    .db-info-container .db-info-col {
        padding: 0 15px;
        width: 25%
    }

    .db-info-container .body-container span {
        color: #000;
        font-size: 2.516em;
        font-weight: 600
    }

    .db-info-container .body-container label {
        width: 100%;
        color: #8e8e8e;
        font-size: 1.142em;
        display: block
    }

.tabs-tab-content {
    display: none;
    background: #fff;
    padding: 30px 30px 0 30px
}

    .tabs-tab-content:first-child {
        display: block
    }

.chart-container {
    padding: 15px 30px;
    background: #eee;
    margin-bottom: 30px;
    height: calc(100% - 30px)
}

    .chart-container h4 {
        margin-bottom: 25px;
        font-size: 1.571em;
        display: block;
        color: #000
    }

.legend-container {
    border: 1px dashed #898989;
    padding: 15px;
    overflow: hidden;
    margin-top: 20px
}

    .legend-container .legend-col {
        width: 50%;
        margin-bottom: 6px
    }

.legend-col span {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.legend-col label {
    max-width: calc(100% - 30px);
    display: inline-block;
    vertical-align: middle;
    color: #000;
    text-transform: capitalize
}

.controled-alert span,
.controled-alert i {
    display: inline-block;
    vertical-align: central
}

.controled-alert i {
    margin: 0 10px
}

/*forgot pw*/
.lg-cont .mofa-login-form {
    width: 700px;
    max-width: calc(100% - 30px)
}

.site-content.login-bg.lg-cont .body {
    width: 100%
}

/*ui bugs fixing*/
.service-card-list .item-img-container:after {
    position: absolute;
    left: 0;
    top: 0 !important;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    opacity: .5
}

.section-title + .validation-alert-container {
    margin-top: 7px
}

/*.captcha-container iframe {-webkit-transform: scale(.6);-ms-transform: scale(.6);transform: scale(.6);-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left}*/

/*
.expired { background: #b71a1a !important; }
.expired td { color: #fff !important; }
.expired td a { color: #fff !important; }
*/
tr td.suspicious-col {
    position: relative
}

    tr td.suspicious-col:after {
        content: '';
        position: absolute;
        width: 5px;
        height: 100%;
        background: #b71a1a;
        left: 0;
        top: 0
    }

.form-item img.preview {
    max-height: 75px;
    width: auto !important
}


.label-marg {
    margin-bottom: 10px
}

.user-area .caret {
    border: none !Important
}

    .user-area .caret:after {
        content: "\e905";
        font-family: 'mofa-ico' !important;
        position: absolute;
        bottom: -1px;
        transform: rotate(90deg);
        font-size: 12px;
        color: #111
    }

.custom-date-control label.form-control,
.form-item label.form-control {
    background-color: #eee;
    opacity: 1;
}

.marg-r-10 {
    margin-left: 10px
}

/*industries */
.our-industries-home {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
}

.single-industry-container {
    width: 33.333333333%;
    padding: 0 15px
}

.our-industries-home .single-industry {
    position: relative
}

.our-industries-home .single-industry-container .more-btn {
    top: 0;
    right: 0
}

.our-industries-home .industry-body {
    margin-top: 15px;
    background: #fff;
    padding: 25px 10px;
    overflow: hidden;
    min-height: 173px
}

.industry-body .cont {
    float: right;
    padding: 0px 10px;
    width: 33.3333333333%
}

.industry-body .no-logo {
    background: #f5f5f5;
    padding: 15px;
    height: 107px;
    color: #5e5e5e;
    font-size: 1.142em;
    font-weight: 600;
    text-transform: uppercase
}

.single-industry h3 {
    font-size: 1.142em;
    color: #000;
    text-transform: uppercase;
    font-family: hreg !important
}

.with-logo img {
    max-width: 100%;
    display: inline-block !important;
    vertical-align: middle
}

.industry-body .no-logo,
.industry-body .with-logo {
    min-height: 107px
}

.industry-body .with-logo {
    line-height: 107px
}

.cont a {
    text-decoration: none !important;
    transition: .2s;
    display: block
}

    .cont a:hover,
    .cont a:focus {
        transform: scale(1.1)
    }

/*feedback homepage*/
.feedback-homepage {
    background: url('Images/saandBGEN.png') no-repeat center !important;
    background-size: cover !important;
    height: 310px;
    width: 100%
}

    .feedback-homepage .item-footer {
        position: absolute;
        bottom: 30px;
        z-index: 1
    }

    .feedback-homepage .item-description {
        font-size: 1.214em;
        color: #fff;
        max-height: 350px;
        overflow: hidden
    }

    .feedback-homepage:after {
        opacity: .2;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(220, 158, 39);
        background: -moz-linear-gradient(-45deg, rgb(220, 158, 39) 0%, rgba(255, 255, 255, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgb(220, 158, 39) 0%, rgba(255, 255, 255, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(182, 138, 53, 1) 0%, rgba(255, 255, 255, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b68a35', endColorstr='#ffffff', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }

    .feedback-homepage .section,
    .survey-home .section {
        position: relative;
        z-index: 1
    }

    .feedback-homepage .left-section {
        width: 70px
    }

    .feedback-homepage .right-section {
        width: calc(100% - 70px)
    }

    .feedback-homepage * {
        color: #fff
    }

    .feedback-homepage .section-title {
        margin-bottom: 10px
    }

    .feedback-homepage .number {
        font-size: 2.571em;
        display: block;
        line-height: 1;
        margin-bottom: 10px
    }

.read-only-form-control {
    background-color: #eee;
    display: block;
    line-height: 2;
    width: 100%;
    min-height: 34px;
    border-radius: 0;
    font-size: 1em !important;
    box-sizing: border-box !important;
    padding: 6px 12px;
    background-image: none;
    color: #555 !important;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*survey homepage*/
.survey-home {
    height: 310px;
    width: 100%;
    background: url('Images/surveyBg.jpg') !important
}

    .survey-home .left-section {
        width: 120px
    }

        .survey-home .left-section img {
            max-width: 100%
        }

    .survey-home .right-section {
        width: calc(100% - 120px);
        padding: 0 15px
    }

    .survey-home.default-section {
        padding: 40px 20px;
    }

    .survey-home * {
        color: #fff !important
    }

    .survey-home h3 {
        font-size: 1em;
        font-family: hreg !important;
        margin-bottom: 15px
    }

/*wizard*/
ul.wizard-list {
    display: table !important;
    margin: 0 auto;
    margin-bottom: 50px
}

.wizard-list li {
    position: relative;
    margin: 0 45px !important
}

    .wizard-list li a {
        height: 78px;
        width: 78px;
        border: 1px solid #ccc;
        display: inline-block;
        border-radius: 50%;
        background: #fff;
        transition: .3s
    }

.content-page .wizard-list li:before {
    display: none !Important
}

.content-page .wizard-list li:after {
    content: '';
    top: calc(50% - 1px);
    height: 2px;
    width: 90px;
    position: absolute;
    background: #ccc
}

.content-page .wizard-list li:last-child:after {
    display: none
}

.wizard-list li h3 {
    position: relative;
    top: calc(100% + 10px);
    white-space: nowrap;
    width: auto !Important;
    color: #000;
    transform: translate(-50%, 0);
    position: absolute;
    left: 50%
}

.wizard-list li a i {
    font-size: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
    color: #c1c1c1
}

.wizard-header {
    box-shadow: 0px 3px 4px 0px #eaeaea;
    padding-bottom: 10px
}

.default-section.no-padding {
    padding-left: 0 !Important;
    padding-right: 0 !Important
}

.wizard-body {
    padding: 25px
}

.s-content p {
    margin-bottom: 10px
}

.wizard-body .s-content {
    display: none
}

    .wizard-body .s-content.first {
        display: block
    }

.wizard-list li a.active i,
.wizard-list li a:hover i,
.wizard-list li a:focus i {
    color: #fff
}

.image-preview {
    margin-top: 8px
}

.attachment-list {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    overflow: hidden;
}

    .attachment-list h4 {
        color: #000;
        font-size: 1.142em;
    }

    .attachment-list a {
        text-decoration: none !important;
        display: block;
        padding: 20px
    }

        .attachment-list a:hover,
        .attachment-list a:focus {
            background: #ededed
        }

.content-page .attachment-list ul {
    width: calc(100% - 18px);
    display: block
}

.content-page .attachment-list li {
    margin: 0;
    position: relative;
}

    .content-page .attachment-list li:before {
        position: absolute
    }

.content-page .attachment-list .download-btn {
    width: 70px;
    text-align: center
}

    .content-page .attachment-list .download-btn i {
        margin: 0;
        display: block
    }

.content-page .attachment-list h4 {
    width: calc(100% - 70px);
    padding: 0 20px;
    overflow: visible;
    white-space: initial;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%)
}

.content-page .attachment-list li:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.default-section.attachment-section {
    padding: 26px 15px 15px 15px;
}


/*uaw list new*/
.uae-list {
    background: #fff;
    padding: 25px
}

    .uae-list .list-item {
        background: #f1f1f1;
        margin-bottom: 30px;
        height: 100%;
        position: relative;
        padding-bottom: 72px
    }

    .uae-list .item-row {
        overflow: hidden;
        margin-bottom: 25px
    }

    .uae-list .item-key {
        width: 50%;
        color: #747474
    }

    .uae-list .item-value {
        width: 50%;
        color: #000
    }

    .uae-list > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-grow: 1;
    }

        .uae-list > .row > div {
            margin-bottom: 30px
        }

    .uae-list .item-footer {
        bottom: 0;
        position: absolute;
        width: 100%;
        left: 0
    }

        .uae-list .item-footer a {
            background: #676767;
            display: block;
            color: #fff !important;
            transition: .3s
        }

        .uae-list .item-footer .left-section {
            width: calc(100% - 44px);
            padding: 0 20px;
            font-size: 1.142em
        }

        .uae-list .item-footer .right-section {
            width: 44px
        }

        .uae-list .item-footer .left-section,
        .uae-list .item-footer .right-section {
            height: 72px;
            line-height: 73px
        }

.item-row.no-margin {
    margin-bottom: 0
}

.uae-list .item-footer .more-icon {
    text-align: center;
    font-size: 20px;
    transition: .15s
}

.uae-list .item-footer a:hover .more-icon,
.uae-list .item-footer a:focus .more-icon {
    font-size: 24px
}

.uae-list .item-footer a:hover,
.uae-list .item-footer a:focus {
    background: #777;
}

/**/
.input-description {
    display: inline-block;
    margin: 0 4px;
    vertical-align: text-bottom;
    position: absolute;
}

    .input-description .description {
        width: 150px;
        opacity: 0;
        position: absolute;
        background: #eee;
        padding: 15px;
        border-radius: 5px;
        transition: .3s;
        bottom: calc(100% - 5px);
        z-index: -1
    }

    .input-description i {
        color: #aaa;
        border: 2px solid #aaa;
        width: 18px;
        height: 18px;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        padding: 2px;
        font-size: 10px;
        cursor: pointer
    }

        .input-description i:hover + .description {
            opacity: 1;
            z-index: 1
        }

.input-note {
    display: block;
    background: #eee;
    padding: 7px 15px;
    border-radius: 8px;
    margin-top: 15px
}

td a {
    cursor: pointer
}

.table-responsive td img {
    max-height: 50px;
    width: auto !Important
}

.survey-home .item-footer {
    position: absolute;
    bottom: 30px;
    z-index: 1
}

.alert-msg .alert-body h3 {
    font-size: 1.342em;
    margin-bottom: 10px;
    color: #000;
    border: 0
}

/*for responsive*/
.show-mob {
    display: none !important
}

.mob-accord-title {
    display: none !important;
    color: #fff;
    font-size: 1.142em;
    font-family: hbold;
    padding: 15px;
    border-top: 1px solid #fff;
    cursor: pointer
}

.custom-form form {
    display: block;
    width: 100% !important
}

.datepicker table tr td span {
    text-align: center
}

.intl-tel-input.allow-dropdown {
    width: 100%
}

.multiselect__input,
.multiselect__single {
    font-size: 1em !important;
    line-height: 35px !important;
}

.form-item .multiselect__input,
.form-item .multiselect__single {
    min-height: 25px !important;
    line-height: 20px !important;
    padding: 0px !important;
    padding-top: 5px !important;
    margin-bottom: 0 !important;
}

.form-item .multiselect--active:not(.multiselect--above) .multiselect__input {
    padding-left: 0;
}

.form-item .multiselect--above.multiselect--active .multiselect__input,
.form-item .multiselect--active:not(.multiselect--above) .multiselect__input {
    width: 100% !important;
}

a.empty-link {
    cursor: default !important
}

.export-link {
    position: relative;
    text-decoration: none !important;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 1.142em
}

    .export-link i {
        transform: rotate(90deg);
        display: inline-block;
        margin: 0 10px
    }

.export-list {
    display: none;
    position: absolute;
    background: #fff;
    list-style: none !Important;
    width: 130px;
    z-index: 3;
    box-shadow: 0px 2px 5px #ccc;
}

    .export-list li {
    }

        .export-list li a {
            color: #000;
            text-decoration: none;
            padding: 10px 15px;
            display: block;
            font-weight: bold
        }

            .export-list li a:hover,
            .export-list li a:focus {
                color: #fff
            }

.chart-errorMsg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.142em;
}

/*details content page*/
.details-content-page {
}

h2.ws-title {
    font-size: 1.571em;
    margin-bottom: 15px;
    color: #000
}

.ws-button {
}

.lg-list-homepage .slick-list {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

input {
    -webkit-appearance: none;
}

.rs_addtools .rsbtn_play,
.rsbtn .rsbtn_play,
.rsbtn .rsbtn_exp .rsbtn_exp_inner {
    border: 1px solid #c9c9c9 !important;
}


/*bug fixing*/
#GoodsSearchPopup .table > tbody > tr > td {
    direction: ltr !important
}

.content-page .s-content {
    font-size: 1em !important
}

    .content-page .s-content p {
        font-size: 1.142em
    }

    .content-page .s-content .border-left-before {
        font-size: 1.25em;
        font-weight: 700 !important
    }

    .content-page .s-content td {
        font-size: 1em
    }

    .content-page .s-content h5 {
        color: #444;
        font-size: 1.142em;
        text-decoration: underline;
        font-weight: 600 !important
    }

body .survey-home .left-section {
    width: 90px
}

body .survey-home .right-section {
    width: calc(100% - 90px)
}

#CompanyInformation .branch-list-item {
    width: 100%
}



#GoodsSearchPopup .modal-body {
    overflow: auto !important
}


#GoodsSearchPopup .modal-body {
    height: 400px;
    overflow-y: scroll;
}

body label.form-control {
    white-space: initial !important;
    word-break: break-word !important;
    height: auto !important;
    min-height: 37px
}

.image-preview {
    width: 200px !Important;
    position: relative
}

    .image-preview img {
        position: static;
        transform: none;
        max-width: 100%;
        max-height: 100px;
        width: auto !important;
        height: auto !important
    }

    .image-preview .icon-file-pdf-regular {
        font-size: 3em;
        color: #c21
    }

.multiselect.form-control {
    box-sizing: border-box !important;
    min-height: 43px;
    height: auto !important
}

    .multiselect.form-control .multiselect__tags {
        border: 0;
        padding: 6px 40px 5px 8px
    }

    .multiselect.form-control .custom__tag {
        display: block;
        padding: 5px 0
    }

.v-select .dropdown-toggle {
    border-radius: 0 !Important
}

.v-select .form-control {
    background: none !important;
    height: auto !important;
    width: 0 !important;
    min-height: initial !important
}

.navbar-form.filters .v-select .dropdown-toggle {
    background: #f2f2f2;
    border: none !Important;
    height: 37px
}

body .v-select .dropdown-menu > .highlight > a {
    background: #fff;
    color: #000
}

body .selectize-input > input,
.selectize-input .item {
    overflow: hidden
}

.v-select .dropdown-menu {
    text-align: right !important;
    overflow-y: auto !important
}

.branch-list-item h2 {
    background: #eee;
    display: block;
    padding: 8px 10px;
    cursor: pointer
}

    .branch-list-item h2:after {
        display: block;
        width: 100%;
    }

.branch-list-item .branch-info-body {
    display: none
}

.branch-list-item:first-child .branch-info-body {
    display: block
}

.custom-error-vehicle-number {
    margin-bottom: 15px
}

.resend-code {
    color: black;
    font-size: 1em;
    margin-bottom: 10px;
    font-weight: 600;
}

.c-full-width {
    width: 100% !important
}

.service-statistics h3 {
    font-size: 1em;
    color: #000;
    font-family: hreg !important;
    width: calc(100% - 110px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 3px
}

.service-statistics p {
    font-size: 2em;
    font-family: hbold !important;
    width: 80px;
}

.service-statistics .default-section {
    margin-bottom: 30px
}

.attachments-container h3 {
    font-weight: bold
}

.visibility-hidden {
    visibility: hidden;
    position: absolute
}

/**/
.exp-alert-msg {
    background: #da3929;
    padding: 10px 30px;
    color: #fff;
    margin: 10px 0;
    border-radius: 10px;
    width: auto;
    text-align: left;
    display: inline-block;
}

.form-horizontal .exp-alert-msg {
    display: table
}

.exp-alert-msg p {
    margin: 0 10px;
    font-size: 1.142em;
    text-transform: capitalize
}

.exp-alert-msg i {
    font-size: 18px
}

.exp-alert-msg * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

/* Splitted items */
.form-horizontal .splitted-item:not(:first-of-type) {
    padding-top: 20px;
}

/* Update Popup */
#update-popup .alert-msg h2.font-bold {
    margin-top: 15px !important;
    margin-bottom: 0px !important;
}

    #update-popup .alert-msg h2.font-bold::after {
        display: none;
    }

.guidelines-section {
    display: none
}

.concern-entities .checkboxes .checkbox label {
    width: auto !important;
}

table.mblGrid {
    width: 100%;
}

    table.mblGrid .MobilGridRow .MobilGridLabel,
    table.mblGrid .MobilGridRow .MobilGridValue {
        padding: 10px 15px;
    }

        table.mblGrid .MobilGridRow .MobilGridLabel a {
            color: white;
        }

.intl-tel-input {
    direction: ltr;
}

.custom-form .checkbox input[disabled] + label {
    cursor: not-allowed;
}

.single-attachment .icon-file-pdf-regular + .delete-icon {
    top: 17px;
    padding: 4px;
}


/*////////////////////////////////////////////////////////////////////////////////end styles/////////////////////////////////////////////////////////////////////////////////////////// */
/* -webkit-transition: 2s;transition:  2s; */
/* -ms-transform: scaleY(1.5); -webkit-transform: scaleY(1.5); transform: scaleY(1.5); */
@media only screen and (max-width: 1600px) {

    /****/
    .item-title {
        margin-bottom: 10px
    }

    /****/
    .strategy-icon-t {
        height: 55px
    }

    .item-brief {
        font-size: 1em
    }

    html {
        font-size: 12px
    }

    .online-service-details h3 {
        margin-bottom: 0
    }

    body .selectize-input {
        line-height: 1.4 !important
    }

    body {
        font-size: 12px
    }

    .container {
        width: 95%
    }

    /*default list*/
    .default-list .img {
        width: 205px;
        height: 200px
    }

    .default-list .item {
        height: 200px
    }

    .default-list .item-footer {
        bottom: 5px;
        right: 15px;
        width: calc(100% - 30px)
    }

    .default-list .item-body-container {
        width: calc(100% - 205px);
        padding: 15px
    }

    /*news homepage component*/
    .news-home-listing .item {
        height: 430px
    }

    .news-home-listing .default-section {
        width: calc(100% - 30px);
        margin: 0 auto;
        position: relative;
        top: 75%;
        height: 190px;
    }

    .news-home-listing .section-header {
        margin-bottom: 20px;
    }

    .news-home-listing .item-title,
    .events-home .item-title,
    survey-home .item-title {
    }

    .events-home .item-title {
        margin-bottom: 10px;
        max-height: 40px;
        overflow: hidden;
    }

    .news-home-listing .item-description {
        color: #515151;
        font-size: 1em;
        max-height: 50px;
        overflow: hidden;
    }

    .news-home-listing .item-title h3 {
        padding-bottom: 3px
    }

    .default-list .item-date span:first-child {
        margin-top: 3px
    }

    /*service card details*/
    .wizard-list li {
        margin: 0 25px !important;
    }

    .content-page .wizard-list li:after {
        width: 50px
    }

    /*filteration*/
    .navbar-form.filters {
        padding: 15px 14px 5px 14px;
    }

    .btn {
        min-width: 120px
    }

        .btn.btn-default {
            height: 34px;
            padding: 11px
        }

        .btn.btn-secondary {
            height: 34px;
            padding: 10px 11px
        }

    .navbar-form.filters .form-control,
    .form-control {
        height: 34px
    }

    .form-group.date:after,
    .custom-date-control:after {
        font-size: 22px
    }

    /*welcome widget*/
    .welcome-widget {
        height: 180px;
        padding: 30px 30px 30px;
    }

    /*events home*/
    .events-home .section-header {
        margin-bottom: 15px;
    }

    .events-home {
        min-height: 303px;
    }

        .events-home .item {
            padding-bottom: 10px;
            margin-bottom: 11px;
        }

        .events-home .item-date {
            width: 60px;
            height: 60px;
            padding: 14px 0
        }

    .radio-container {
        padding: 7px 0;
    }

    .events-home-empty {
        height: 303px;
    }

    .single-event-item {
        height: 222px
    }

    /*laws and reg homepage component*/
    .laws-reg-homepage {
        min-height: 240px;
        padding: 20px;
        width: calc(100% - 40px)
    }

        .laws-reg-homepage .item.default-section {
            min-height: 200px;
            padding: 23px 15px 15px 15px;
            box-shadow: none !important
        }

        .laws-reg-homepage .btn {
            bottom: 15px !important
        }

    /*photo gallery*/
    .share-download {
        padding: 5px
    }

    .slick-custom-control {
        padding: 10px 15px
    }

    /*industries*/
    .simple-list .item-img {
        height: 150px
    }

    /*home feedback*/
    .feedback-homepage .right-section {
        top: 70px
    }

    .feedback-homepage .contact-info {
        position: relative;
        height: 165px
    }

    .feedback-homepage .section-header {
        margin-bottom: 20px
    }

    .contact-info {
        padding: 32px 25px;
    }

    /*online services*/
    body .online-services-homepage,
    .survey-home.default-section,
    .uae-home-component.default-section {
        padding: 35px 20px 20px 20px
    }

    .online-services-homepage .item {
        padding: 40px 22px 0px 22px;
        min-height: 205px
    }

        .online-services-homepage .item:hover,
        .online-services-homepage .item:focus {
            top: -35px
        }

        .online-services-homepage .item i {
            font-size: 55px
        }

    .online-services-homepage {
        height: 205px
    }

        .online-services-homepage .left-section {
            width: 10%
        }

        .online-services-homepage .right-section {
            width: 90%
        }

    .tab-headings:before {
        top: 36px;
    }

    .online-service-details.content-page .full-width-btn {
        padding: 17px;
    }

    /*survey home*/
    .survey-home,
    .uae-home-component,
    .feedback-homepage {
        height: 250px
    }

        .survey-home .survey-img {
            height: 200px;
        }

        .survey-home .section-header {
            margin-bottom: 20px;
        }

        .survey-home .item-footer {
            width: calc(63% - 30px)
        }

        /*UAE Home Component*/
        .uae-home-component .section-header {
            margin-bottom: 20px
        }

    /*org chart*/
    .org-chart .tree-item:before {
        width: 45px
    }

    /*main menu*/
    .main-menu > li {
        width: 16.6% !important
    }

    body a.main-menu-title {
        margin-bottom: 15px
    }

    /*uae control list*/
    .doc-item .right-section {
        width: 75px;
        text-align: center
    }

    .doc-item .left-section {
        width: calc(100% - 75px);
    }

    table .table-anchor {
        padding: 2px 13px !important;
        height: 26px !important;
        line-height: 20px !important;
        min-width: 90px !important
    }

    .table-responsive table tbody td {
        padding: 5px 10px !important;
        vertical-align: middle !important
    }

    /*welcome widget home*/
    .welcome-widget .widget-content {
        width: 65%
    }

    /**/
    .uae-home-component .item-footer,
    .feedback-homepage .item-footer,
    .survey-home .item-footer {
        bottom: 20px
    }

    .vdp-datepicker.form-control input {
        height: 34px !important
    }

    body label.form-control {
        min-height: 34px
    }

    .default-list .item-img-container {
        top: 16px
    }

    .default-list-img.default-list .item {
        margin-bottom: 40px
    }

    .default-list .item-date i {
        font-size: 33px;
        line-height: 32px;
        height: 33px;
    }

    .modal-header .close {
        top: 12px;
        outline: none !important
    }

    body .selectize-control.single .selectize-input:after {
        margin-top: -9px;
    }

    body .selectize-control.single .selectize-input.dropdown-active:after {
        margin-top: -10px
    }

    /*contact us*/
    .contact-info-container {
        width: 40%
    }

    /*dashboards*/
    .db-info-container .icon-container {
        width: 70px;
        height: 70px
    }

    .db-info-container .body-container {
        height: 70px;
        width: calc(100% - 70px);
        padding: 4px 10px;
    }


    /*bug fixing*/
    body .single.selectize-control .selectize-input,
    body .single.selectize-control,
    .selectize-input {
        line-height: 28px !important
    }

        body .selectize-input > input,
        .selectize-input .item {
            line-height: 18px !important;
            display: inline-block !important;
            height: 18px !important;
            vertical-align: text-top !important
        }

    body .selectize-control.single .selectize-input:after {
        height: 20px !important
    }

    body .selectize-input {
        padding: 1px 12px
    }

    /**/
    .industry-body .no-logo {
        padding: 10px;
        font-size: 1.05em;
    }

    .our-industries-home .industry-body {
        min-height: 158px;
    }

    .partners-industries-home {
        padding: 30px 20px 10px 20px;
        min-height: 310px;
    }

    .body.edit {
        margin: 0 auto
    }

    #ApplyModal .form-horizontal .control-label {
        padding-top: 0
    }

    .body.edit .body-content.error-page {
        transform: translate(-50%, 100%);
    }

    .q-body.radio-container .checkbox .control-label {
        text-align: right !important
    }

    /*bug fixing*/
    .multiselect__tags {
        min-height: 28px;
    }

    .multiselect__select:before {
        top: 47%
    }

    .multiselect.form-control .multiselect__tags {
        border: 0;
        padding: 1px 40px 1px 8px
    }

    .navbar-form.filters .form-group {
        width: 23%;
        margin-bottom: 10px;
    }

    .service-statistics h3 {
        width: calc(100% - 80px);
        margin-top: 4px
    }

    .service-statistics p {
        font-size: 1.5em;
        width: auto;
    }
}



/* payment imgs */
img.preview.payment-method-img {
    max-height: 40px;
    margin: 0 10px;
}

/*multiselect*/
.multiselect-adjust .multiselect {
    min-height: 38px !important;
}

.multiselect-adjust .multiselect__tags {
    min-height: 36px !important;
    padding-top: 7px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.multiselect-adjust .multiselect__select {
    height: 33px !important
}

.multiselect-adjust-input .multiselect {
    min-height: 34px !important;
}

.multiselect-adjust-input .multiselect__tags {
    min-height: 32px !important;
    padding-top: 0px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.multiselect-adjust-input .multiselect__single {
    margin-bottom: 0px !important;
    padding-top: 5px;
}

.multiselect-adjust-input .multiselect__placeholder {
    margin-bottom: 0px !important;
    padding-top: 5px;
}

.multiselect-adjust-input .multiselect__select {
    height: 30px !important
}

.print-btn {
    margin-left: 5px;
    margin-right: 5px;
}

    .print-btn i {
        margin: 0px 5px;
    }


/* Attached file size style */
.attach-size {
    border: 1px dashed #c2c2c2;
    padding: 10px 30px;
    margin-bottom: 15px;
}

    .attach-size .progress {
        width: 200px;
        display: inline-block;
        margin-left: 20px;
        position: relative;
        top: 13px;
    }

    .attach-size p {
        float: left
    }

        .attach-size p i {
            font-size: 30px;
            color: #ffb300;
            position: relative;
            top: 6px;
        }

    .attach-size + .alert {
        margin-bottom: 15px;
    }

    .attach-size span.remainign {
        position: relative;
        top: -13px;
        margin-left: 15px;
    }

/*Single Attachments design*/
.single-attachment {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

    .single-attachment .image-preview img:hover + .delete-icon,
    .single-attachment .image-preview .delete-icon:hover {
        left: 0px;
    }

    .single-attachment .delete-icon {
        width: 80px;
        background: rgba(255, 0, 0, 0.7);
        padding: 5px;
        position: absolute;
        top: 40px;
        left: -80px;
        transition: all 0.5s ease-in-out;
        text-align: center;
    }

        .single-attachment .delete-icon:hover {
            cursor: pointer;
        }

        .single-attachment .delete-icon a {
            color: white;
        }

/*Multi Attachment*/

table.multi-attachment td.table-img-col {
    vertical-align: middle;
}

table.multi-attachment td img {
    position: relative;
    top: 3px;
}

table.multi-attachment a.download-btn:hover i.icon-download,
table.multi-attachment a.download-btn:focus i.icon-download {
    top: -2px;
}

table.multi-attachment .table-sep {
    margin: 0 5px;
}

#after-submit-popup .alert-msg a[target='_blank'] {
    font-weight: bold;
}

/* Hapiness Meter */
#happinessMeterBtn {
    position: fixed;
    top: 60%;
    transform: translateY(-50%);
    z-index: 99;
    color: white;
    padding: 10px;
    font-size: 17px;
    transform: rotate(90deg);
    transform-origin: 100% 0;
    right: 0;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    display: flex;
}

    #happinessMeterBtn:hover span {
        width: 145px;
    }

    #happinessMeterBtn span {
        font-family: hbold;
        width: 0;
        display: inline-block;
        transition: all 0.2s ease-in-out;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        top: 2px;
    }

    #happinessMeterBtn i {
        transform: rotate(-90deg);
        font-size: 28px;
    }

.visible-hidden {
    visibility: hidden !important;
}

@media only screen and (max-width: 1150px) {
    .online-service-details .default-section .wizard-body #t-5 .no-items {
        margin-top: 0px !important;
    }

    .service-sidebar-container .side-tab li.active:before {
        display: none !important
    }

    #readspeaker_button1 {
        display: none
    }

    /*.header-item { display: none !important }*/
    .news-home-listing .slick-slide {
        padding-bottom: 0
    }

    .news-home-listing .slide-img {
        height: 100%;
        width: 50%
    }

    .news-home-listing .default-section {
        height: 100%;
        top: 0;
        right: 50%;
        width: 50%;
        margin: 0
    }

    .news-home-listing .item {
        height: 280px;
    }

    .slick-slider .arrow {
        height: 45px;
        width: 45px;
        top: 43%;
    }

        .slick-slider .arrow i {
            font-size: 33px !important
        }

    .uae-home-component.default-section,
    .feedback-homepage.default-section {
        margin-bottom: 60px
    }

    .sidebar-container {
        width: 100%;
        margin-bottom: 30px
    }

    .page-with-side-container {
        width: 100%
    }

    .navbar-form.filters .form-group {
        width: 31.333333%;
        display: inline-block
    }

    /*listing items*/
    .event-list .item.default-section,
    .list .item.default-section {
        margin-bottom: 30px;
        padding: 16px 10px 20px 10px;
    }

    .event-list .item-date-container {
        width: 100px
    }

    .date-top {
        height: 80px;
    }

    .event-date.width50,
    .event-date.width100 {
        padding: 10px 0
    }

    .event-list .item-body-container {
        width: calc(100% - 100px);
        padding: 0 10px;
    }

    .header-item {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    /*services*/
    .service-sidebar-container {
        width: 100%
    }

    .service-page-with-side-container {
        width: 100%
    }

    /*wizard*/
    .mob-accord-title {
        display: block !important
    }

    .content-page ul,
    .content-page ol {
        overflow: hidden
    }

    .wizard-body .s-content {
        background: #f1f1f1;
        padding: 15px
    }

    .wizard-header {
        display: none !important
    }

    /*services*/
    #armed .custom-form > .col-sm-6,
    .strategic-goods .col-sm-4.form-item {
        width: 50% !important
    }

    .full-inner .navbar-form.filters .form-group {
        width: 33.33333%;
    }

    .doc-item-container {
        width: 50%
    }

    .doc-container {
        padding: 20px 15px 17px 15px
    }

    .uae-list,
    .doc-item {
        padding: 15px
    }

    .event-register.default-section {
        padding: 21px 15px 15px 15px;
    }

    #armed .custom-form > .col-sm-6 {
        width: 50% !important
    }
}

@media (max-width:992px) {
    .single-attachment .image-preview .delete-icon {
        left: 0px;
    }

    .contact-us-map .info {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-bottom: 20px;
        right: 0 !important;
        width: 100%;
    }

    /**** solving issues****/
    .sidebar {
        display: none
    }
}

@media only screen and (max-width: 768px) and (orientation:portrait) {
    .our-industries-home .single-industry {
        padding: 0 50px;
        margin-top: 89px;
    }

    .single-industry h3 {
        text-align: center
    }

    .our-industries-home .single-industry header {
        text-align: center
    }

    .our-industries-home .single-industry-container .more-btn {
        top: -80px
    }

    .single-industry h3 {
        font-size: 2em
    }

    .tab-headings li {
        margin: 0 10px !important
    }

    /*.industry-body { display: none }*/
    #photogallery-slider {
        width: 100% !important
    }

    .side-slider {
        display: none !important
    }

    .container {
        width: 100% !important
    }

    /*homepage*/
    .news-home-listing .slide-img {
        width: 100% !important;
        height: 50%;
        position: static
    }

    .news-home-listing .default-section {
        position: static !important;
        width: 100% !important
    }

    .slick-slider .arrow {
        top: 80px;
    }

    .news-home-listing .item {
        height: 400px
    }

    .welcome-widget .widget-content {
        width: 100%
    }

    .welcome-widget {
        height: 180px;
        padding: 15px
    }

    .single-event-item .left-section {
        width: 100%;
        margin-bottom: 20px
    }

    .single-event-item {
        height: auto;
    }

        .single-event-item .left-section .item-img {
            height: 200px
        }

    .events-home .single-event-item .item-body {
        width: 100%;
        padding: 0
    }

    .online-services-homepage {
        height: auto;
        overflow: hidden
    }

        .online-services-homepage .left-section {
            width: 100%;
            margin-bottom: 20px
        }

        .online-services-homepage .right-section {
            width: 100%;
            position: static
        }

        .online-services-homepage .single-service {
            width: 100%;
            margin-bottom: 20px
        }

            .online-services-homepage .single-service .item {
                position: relative;
                top: 0 !important
            }

            .online-services-homepage .single-service:last-child {
                margin-bottom: 0px
            }

    body .laws-reg-homepage .more-btn {
        position: absolute;
        left: 15px;
        top: 15px;
        bottom: auto;
        right: auto
    }

    .laws-reg-homepage {
        width: 100% !important
    }

        .laws-reg-homepage .left-section {
            width: 70%;
            margin-bottom: 20px
        }

        .laws-reg-homepage .right-section {
            width: 100%;
            left: 0 !important
        }

    .laws-reg-homepage {
        height: auto;
        overflow: hidden
    }

    .online-services-homepage {
        width: 100%;
        margin-bottom: 30px
    }

    .laws-reg-homepage .right-section .col-sm-6:last-child .item {
        margin-bottom: 0
    }

    .news-home-listing .item {
        height: 450px
    }

    .accessibility-menu-item .current-user-container {
        width: 50%;
        margin-right: 0;
        text-align: center;
        float: left
    }

    .accessibility-menu-item .language-selector-container {
        width: 50%;
        margin: 0 !Important;
        text-align: center;
        float: left;
        border-right: 1px solid #ccc
    }

    .accessibility-menu-item .custom-lang-selector {
        margin-top: 0 !important;
        text-align: center !important
    }

    .accessibility-menu-item .navbar-nav > li > a {
        padding: 0
    }

    .accessibility-menu-item .current-user-container,
    .accessibility-menu-item .language-selector-container {
        margin-top: 10px !important;
        padding-top: 10px
    }

    .accessibility-menu-item .custom-lang-selector {
        margin: 0 auto !important
    }

    .logo-container {
        width: 70%
    }

        .logo-container img {
            max-width: 100%
        }

    .sidebar-container {
        width: 100%
    }

    .feedback-homepage .right-section {
        padding: 0 !important;
        margin-top: 30px
    }

    .feedback-homepage .section,
    .survey-home .section {
        overflow: hidden
    }

    .uae-home-component.default-section,
    .feedback-homepage.default-section,
    .survey-home.default-section {
        margin-bottom: 30px
    }

    .survey-home.default-section {
        text-align: center
    }

    .navbar-form.filters .form-group {
        width: 50%;
        padding: 0 15px;
        margin: 0 !important;
        margin-bottom: 15px !important
    }

    /*event details*/
    .page-item-data {
        width: 100%;
        margin-bottom: 15px
    }

        .page-item-data:last-child {
            margin-bottom: 0
        }

    .event-side-info {
        padding: 30px 40px 10px 40px;
    }

    .event-side-info,
    .event-register {
        width: 100% !important
    }

        .event-register .custom-form .form-item {
            width: 50%
        }

    .laws-reg-list .item-footer {
        position: relative;
        width: 100%;
        left: 0;
        padding-bottom: 0
    }

    .laws-reg-list .item {
        min-height: 0
    }

    /*our partners*/
    .simple-list .item-body {
        position: static !important;
        min-height: 0
    }

    .survey-home .left-section {
        width: 50%;
    }

    .survey-home .right-section {
        width: 50%;
    }

    .survey-home .right-section {
        right: -20px
    }

    .survey-home .right-section {
        right: 0px !important;
        left: 0 !important
    }

    .survey-home {
        width: 100%
    }

    /*contact us*/
    .contact-info-container {
        width: 100%;
        position: static;
        transform: none !important
    }

    .map-section {
        padding: 0 15px;
    }

    /*services*/
    .strategic-goods .col-sm-4.form-item,
    #armed .custom-form > .col-sm-6 {
        width: 100% !important
    }

    /*home*/
    .news-home-listing .item-description {
        max-height: initial !important
    }

    .survey-home .item-footer {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 15px auto 0
    }

    .partners-industries-home .more-btn {
        position: absolute;
        right: 25px;
        top: 80px
    }

    .full-inner .navbar-form.filters .form-group {
        width: 50%
    }

    .doc-item-container {
        width: 100%
    }

    #armed .custom-form > .col-sm-6 {
        width: 100% !important
    }

    /*responsive fixes*/
    .event-date-cat > div {
        display: block;
        padding: 9px 0;
        margin: 0 !important
    }

    .event-list .item .more-btn {
        opacity: 1;
        position: static
    }

    #EventsContainer .item .more-btn {
        position: absolute;
        bottom: 20px;
        right: 10px;
    }

    body .navbar-form.filters .btn {
        margin: 0 15px 15px 15px;
    }

    #EventsContainer .item.default-section {
        min-height: 326px
    }

    .gridLawsAndRegulations .laws-reg-list .item-footer {
        position: absolute;
        left: -10px;
        bottom: 20px
    }
}

.border-left-before {
    padding-left: 10px;
    margin: 20px 0px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-30 {
    margin-bottom: 30px;
}

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

/* show more links */
.show-more-links {
    margin: 20px 0px;
    text-align: center;
}

    .show-more-links .icon {
        width: 40px;
        height: 40px;
        background: #dbdbdb;
        display: inline-block;
        transform: rotate(45deg);
        margin-bottom: 20px;
    }

        .show-more-links .icon .fa {
            font-size: 40px;
            color: #838383;
            position: relative;
            right: -6px;
            transform: rotate(-45deg);
        }

    .show-more-links a {
        display: block;
    }

/*Download File*/

.download-file {
    background: #f2f2f2;
    height: 60px;
    margin: 10px 0px;
    position: relative;
}

    .download-file .icon,
    .download-file .file-details,
    .download-file .download {
        display: inline-block;
    }

    .download-file .icon {
        width: 60px;
        height: 100%;
        padding: 10px;
    }

        .download-file .icon em {
            font-size: 35px;
            color: white;
            position: relative;
            top: 1px;
            left: 3px;
        }

    .download-file .file-details {
        position: absolute;
        top: 15px;
        margin-left: 15px;
    }

    .download-file .download a:hover {
        text-decoration: none;
    }

    .download-file .file-details p:last-child {
        color: black;
    }

    .download-file .file-details p {
        margin-bottom: 0px;
    }

    .download-file .download {
        float: right;
    }

        .download-file .download a:focus {
            text-decoration: none;
        }

        .download-file .download .icon-download {
            font-size: 25px;
            position: relative;
            top: 15px;
            color: black;
        }

.custom-content-page .inlinetinymcetitle h2 {
    display: none;
}

#unmodal .modal-header .modal-title {
    font-weight: bold;
}

/*Splitting Popup*/
#splitting-message .alert-body p {
    margin-bottom: 10px;
}

#after-submit-popup .alert-body a.btn {
    margin-bottom: 10px;
}

#after-submit-popup .alert-body p {
    margin-bottom: 10px;
}

.font-bold {
    font-weight: bold;
}

.subscribe-to-news-container #SubscribeTriggerModal {
    color: white !important;
}

#unmodal .modal-body #SucessModal {
    min-height: 260px;
}

ul.site-map,
ul.site-map ul.sub-menu {
    list-style: none;
}

    ul.site-map ul.sub-menu {
        /*margin-left: 20px;*/
    }

ul.site-map {
    margin-top: 20px;
}

    ul.site-map .main-menu > li {
        width: 20% !important;
    }

    ul.site-map li.pull-left .main-menu-title {
        color: black !important;
    }

    ul.site-map ul.sub-menu li a {
        color: #7f7f7f !important;
    }

/*Demo Comments*/
.custom-lang-selector a.current-lang {
    border-bottom: none;
    cursor: auto
}

.mofa-login-form.survey-form {
    width: 700px;
}

ul.site-map-page .main-menu li.pull-left {
    width: 20% !important;
}

#mainmenu-container ul.site-map li:nth-child(2) a.main-menu-title:hover,
#mainmenu-container ul.site-map li:nth-child(6) a.main-menu-title:hover,
#mainmenu-container ul.site-map li:nth-child(10) a.main-menu-title:hover {
    text-decoration: none;
}

a.no-arrow::after {
    display: none !important;
}

.checkbox input[disabled] + input + label {
    cursor: no-drop !important;
}

    .checkbox input[disabled] + input + label:after {
        border-color: #5a5a5a !important;
        background: #a7a7a7 !important;
    }

/* Fix flag DDL */
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container,
.intl-tel-input .country-list {
    width: 100%;
}

.intl-tel-input .country-list {
    overflow-x: hidden;
}

    .intl-tel-input .country-list .country-name {
        white-space: normal;
    }

    .intl-tel-input .country-list .country-name {
        display: inline-block;
    }

/* Remove Scroll from DDL  */
.navbar-form.filters .v-select .dropdown-toggle + .dropdown-menu {
    overflow: hidden;
}

/*Custome Textare*/
textarea.custome-textarea.form-control {
    height: auto;
    min-height: auto;
}

/* Chatbot Icon */
#minzedChat::before {
    content: '\e931';
    font-family: 'mofa-ico' !important;
    font-size: 30px;
    margin-right: 20px;
}

.bb_chat_widget {
    right: initial;
    left: 15px;
}

#minzedChat {
    width: 160px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    left: 21px;
}

.bb_minmized_chat,
.bb_open_widget {
    z-index: 9 !important;
}

.online-service-details .default-section.sm-section.guidelines-section .attachments-container h3 {
    margin-bottom: 15px;
}

.online-service-details .default-section.sm-section.guidelines-section .attachments-container .attachment-list {
    margin: 0px;
}

.online-service-details .default-section.sm-section.guidelines-section .attachments-container .no-items {
    width: 100% !important;
}

.online-service-details .default-section .wizard-body #t-5 .no-items {
    margin-top: 20px;
}

.disabled-hover + label:hover {
    cursor: no-drop !important;
}

#FormBodyAjax div.resend-code {
    color: #28a745;
}

.Actions .form-section-title {
    margin-bottom: 20px;
}

label.btn-upload + input[type='file'] {
    font-size: 0px !important;
}

:-ms-input-placeholder {
    color: rgb(166, 166, 166) !important;
}

@media only screen and (max-width: 1300px) {
    .feedback-homepage .number {
        font-size: 2em
    }

    .survey-home .left-section {
        width: 80px
    }

    .survey-home .right-section {
        width: calc(100% - 80px)
    }
}

@media (max-width:940px) {
    .attach-size p {
        float: none;
        margin-bottom: 15px;
    }

    .attach-size .progress {
        margin-left: 0px;
    }
}

@media (max-width:768px) {
    #SubmitRegAlert .alert-msg {
        min-width: inherit !important;
        width: 80%;
    }

    .un-page img {
        width: 100%;
    }

    .sidebar-container {
        display: none !important;
    }

    .page-item-img {
        min-height: 300px;
    }

    .news-details-title {
        float: none !important;
        max-width: 100% !important;
    }

        .news-details-title + a {
            float: none !important;
            margin-bottom: 15px;
            display: inline-block;
        }
}


/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .contact-us-map {
        /*height:750px;*/
    }

        .contact-us-map .info {
            top: 10px;
            left: 10px;
        }

        .contact-us-map .map,
        .contact-us-map .map iframe {
            height: 100%;
        }
}

@media only screen and (max-width: 1023px) {
    .doc-item-container.two-in-one {
        width: 100%;
    }
}

@media (max-width:576px) {
    .laws-details .page-item-title {
        max-width: 100% !important;
    }

        .laws-details .page-item-title + a.download-btn {
            float: none !important;
            margin: 15px 0;
            display: inline-block;
        }

    .loading .loader img {
        width: 240px;
    }

    .un-page table {
        width: 100% !important;
        overflow-x: auto !important;
        display: block;
    }

    .our-industries-home .single-industry {
        padding: 0px
    }

    #photogallery-slider .slide-item {
        background-size: contain !important;
    }

    .footer-top {
        height: auto
    }

        .footer-top .expo-logo {
            margin-left: 60px;
        }

        .footer-top img {
            width: 160px !important;
        }
}

@media(max-width:550px) {
    .attach-size {
        text-align: center
    }

        .attach-size p {
            text-align: center;
            margin-bottom: 5px;
        }

            .attach-size p i {
                display: block;
                margin-bottom: 15px;
            }

        .attach-size .progress {
            width: 100%;
            top: 0;
            margin-bottom: 0px;
        }

        .attach-size span.remainign {
            margin-top: 10px;
            display: inline-block;
            top: 0;
            margin-left: 0px;
        }

    .default-tabs a {
        min-width: 140px;
    }
}

@media (max-width :440px) {
    .g-recaptcha {
        transform: scale(0.7);
        transform-origin: 0;
    }
}

@media (max-width:420px) {
    .footer-top a {
        display: block;
    }

    .footer-top .expo-logo {
        margin-left: 0px;
    }
}

@media (max-width :350px) {
    .g-recaptcha {
        transform: scale(0.6);
    }
}


/*menu*/
@media only screen and (min-width: 1200px) {
    .hide-desktop {
        display: none !important
    }

    .welcome-widget .title.marg-b-7 {
        margin-bottom: 7px
    }
}

@media only screen and (max-width: 1199px) {
    .hide-mobile {
        display: none !important
    }
}

@media only screen and (max-width: 1030px) {
    ul.site-map ul.sub-menu {
        margin-left: 0px;
    }

    .hide-mob-notif.current-user-container .default-container {
        display: none !important
    }

    .main-menu-container {
        overflow: auto !important;
        max-height: 500px
    }

    .main-menu-title {
        position: relative
    }

    .active-menu.main-menu-title:after {
    }

    .main-menu-title:after {
        content: '\e905';
        font-family: 'mofa-ico' !important;
        position: absolute;
        right: 10px;
        top: 13px;
        transform: rotate(90deg);
        transition: 0.3s
    }

    .active-menu.main-menu-title:after {
        transform: rotate(270deg)
    }

    .show-mob {
        display: block !important
    }

    .accessibility-menu-item {
        display: block
    }

    .hide-mob {
        display: none !important
    }

    body .main-menu > li {
        width: 100% !Important;
        margin: 0;
        border-bottom: 1px solid #ccc;
        padding: 0 !important
    }

        body .main-menu > li > a {
            text-decoration: none !important;
            width: 100%
        }

    body .main-menu-container .sub-menu {
        display: none
    }

    body a.main-menu-title {
        margin-bottom: 0;
        padding: 13px 15px;
    }

    .main-menu-container {
        padding: 0
    }

    .main-menu.row {
        margin: 0 !important
    }

    .main-menu .sub-menu a {
        padding: 12px 15px;
        text-decoration: none !important;
        width: 100%;
        background: #eee;
        color: #000 !important;
        margin-bottom: 0;
        border-bottom: 1px solid #ccc;
    }

    .main-menu .sub-menu li:last-child a {
        border-bottom: 0 !important
    }

    body .main-menu > li.accessibility-menu-item {
        padding: 10px 15px !important
    }

    .accessibility-menu-item .login-btn {
        margin-bottom: 0;
        margin: 0 !important
    }

    .accessibility-menu-item .nav > li > a {
        margin-bottom: 0
    }

    .accessibility-menu-item .search-container {
        width: 100%;
        ;
        border-bottom: 1px dashed #ccc;
        padding-bottom: 5px;
        margin-bottom: 3px
    }

    .accessibility-menu-item .m-search-form-container {
        display: block !Important;
        position: static;
        box-shadow: none !Important
    }

    .site-header .accessibility-menu-item .search-field {
        width: calc(100% - 42px);
        border: 1px solid #ccc !Important;
        border-left: 0 !important
    }

    .accessibility-menu-item i {
        color: #fff !Important
    }

    .accessibility-menu-item .accessibility-container {
        display: block;
        padding: 10px 0;
        border-bottom: 1px dashed #ccc;
        text-align: center;
        margin-right: 0 !important
    }

    .language-selector-container {
    }

    .current-user-container {
    }

    .accessibility-menu-item .current-user-container {
        width: 50%;
        margin-right: 0;
        text-align: center;
        float: left
    }

    .accessibility-menu-item .language-selector-container {
        width: 50%;
        margin: 0 !Important;
        text-align: center;
        float: left;
        border-right: 1px solid #ccc
    }

    .accessibility-menu-item .custom-lang-selector {
        margin-top: 0 !important;
        text-align: center !important
    }

    .accessibility-menu-item .navbar-nav > li > a {
        padding: 0
    }

    .accessibility-menu-item .current-user-container,
    .accessibility-menu-item .language-selector-container {
        margin-top: 10px !important;
        padding-top: 10px
    }

    .accessibility-menu-item .custom-lang-selector {
        margin: 0 auto !important
    }

    .logo-container {
        width: 70%
    }

        .logo-container img {
            max-width: 100%
        }

    .navbar-form.filters .btn {
        margin-bottom: 15px
    }

    /*
        .navbar-form.filters { padding: 15px 0 0 0; }
    */
    #armed .custom-form > .col-sm-6 {
        width: 100% !important
    }

    /**/
    #userwidget-container {
        text-align: center
    }

        #userwidget-container > div,
        #userwidget-container > div > ul {
            display: inline-block
        }

    .user-area .caret:after {
        margin: 0 5px;
        bottom: 5px
    }

    /*notification*/
    .notif-open {
        top: -12px;
        left: calc(100% + -14px) !important;
    }
}

@media only screen and (max-width: 640px) {

    .pagination > li > a,
    .pagination > li > span {
        padding: 20px 7px
    }

    .partners-industries-home .tab-headings {
        font-size: 0.6em
    }

        .partners-industries-home .tab-headings li {
            margin-right: 35px
        }

    .partners-industries-home .more-btn.heading {
        font-size: 0.9em;
        top: 29px !important
    }

    .partners-industries-home .more-btn .icon-plus {
        font-size: 15px
    }

    .partners-industries-home .single-industry h3 {
        font-size: 1.5em
    }

    .partners-industries-home .our-industries-home .single-industry {
        margin-top: 75px
    }

    #EventsContainer .item.default-section {
        min-height: 0
    }

    /*solving issues*/
    .side-video-list {
        width: 100%
    }

    .video-main-frame {
        width: 100%;
        margin-bottom: 10px
    }

    .alert-msg {
        min-width: 300px;
    }
}

@media(max-width:576px) {
    .menu-trigger.opened:before {
        width: 100px;
    }

    .logo-container {
        max-width: 60%;
    }

        .logo-container img {
            max-width: 80%;
            position: relative;
            top: 5px;
        }

    #Emiratelogo {
        max-width: 17%;
    }

    .menu-trigger.opened:after {
        right: 52px !important;
    }
}

@media only screen and (max-width: 480px) {

    /*menu*/
    .accessibility-menu-item .language-selector-container {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ccc;
    }

    .accessibility-menu-item .current-user-container {
        width: 100%
    }

    .navbar-form.filters .form-group {
        width: 100%
    }

    .navbar-form.filters .btn {
        width: calc(100% - 30px)
    }

    /*news listing*/
    .default-list .item-img-container,
    .default-list .img {
        width: 100%;
        top: 0
    }

    .default-list .item-body-container {
        width: 100%
    }

    .default-list .item {
        height: auto;
        overflow: hidden
    }

    .default-list .item-footer {
        position: static;
        margin-top: 15px;
        width: 100%
    }

    .default-list-img.default-list .item {
        margin-bottom: 30px
    }

    .subscribe-to-news-container {
        text-align: center
    }

        .subscribe-to-news-container .btn {
            margin: 15px 0 0 0 !important
        }

        .subscribe-to-news-container i {
            margin: 0 !important
        }

    /*events details*/
    .page-item-title-container {
        width: 100%;
        max-width: 100%
    }

        .page-item-title-container + .pull-right {
            width: 100%;
            text-align: left !important;
            margin-top: 25px
        }

    .custom-form .form-item,
    .event-register .custom-form .form-item {
        width: 100%
    }

    .feedback-homepage .contact-info {
        width: 100%
    }

    /**/
    .survey-home .left-section {
        width: 100%;
    }

    .survey-home .right-section {
        width: 100%;
        padding-bottom: 5px
    }

    .survey-home,
    .uae-home-component,
    .feedback-homepage {
        height: auto
    }

        .uae-home-component .item-footer {
            position: relative;
            margin-top: 15px;
            bottom: 0;
            z-index: 1
        }

    .feedback-homepage {
        overflow: hidden
    }

        .feedback-homepage .left-section,
        .feedback-homepage .right-section,
        .feedback-homepage .item-footer {
            width: 100%;
            position: relative;
            bottom: 0;
            left: 0;
            right: 0;
            margin-top: 15px;
            z-index: 1;
            top: 0
        }

        .feedback-homepage .item-footer {
            margin: 15px 0
        }


    /*services*/
    .strategic-goods .col-sm-4.form-item {
        width: 100%
    }

    .custom-tab-content {
        overflow: hidden
    }

        .custom-tab-content > .btn {
            width: 100% !important;
            margin-bottom: 15px
        }

    .full-inner .navbar-form.filters .form-group {
        width: 100%;
    }

    /*login*/
    .form-item-mobile {
        width: 100%;
        margin: 15px 20px 15px 0;
    }

    .button-wrapper > input {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:445px) {
    .header-alert-msg {
        height: auto;
        line-height: 35px
    }

        .header-alert-msg .close-notif {
            position: relative;
            bottom: 75px;
        }

        .header-alert-msg .container {
            padding-right: 10px;
            padding-left: 10px
        }

    .display-block-mobile {
        display: block !important
    }
}

.modal-backdrop {
    display: none !important;
}

@media only screen and (max-width: 400px) {
    .mini .logo-container {
        margin-top: 12px !important
    }

    #formSearch .col-sm-12.form-item #btnSearch {
        width: 100% !important;
        margin-bottom: 15px
    }

    #formSearch #btnReset {
        width: 100% !important;
        color: red
    }

    /*.partners-industries-home .more-btn.heading{top:11px!important;right:20px!important}*/
    .partners-industries-home .single-industry h3 {
        font-size: 1.2em
    }

    .partners-industries-home .tab-headings li {
        margin: 0 9px !important;
    }

        .partners-industries-home .tab-headings li a {
            font-size: 1.567em;
        }
}


@media only screen and (max-width: 900px) {
    .flex-fields {
        flex-wrap: wrap;
    }

        .flex-fields > div {
            flex-basis: 100% !important;
        }

    #Emiratelogo img {
        max-width: 90%;
    }
}

/*******/
.mblGrid .MobilGridSep div {
    height: 1px;
    background: #000;
}

.mblGrid .MobilGridSep:first-child div {
    height: 1px;
    background: transparent;
}

.custom-laws .slick-arrow {
    display: none !important
}

.custom-laws .slick-slider {
    padding: 0 !important
}

/*.download-btn {
    display: none;
}*/
.custom-up-arrow {
    transform: rotate(225deg) !important;
}

.single-attachment i.icon-file-pdf-regular {
    font-size: 3rem;
    display: inline-block;
    color: #000;
}

    .single-attachment i.icon-file-pdf-regular:hover + .delete-icon,
    .single-attachment .delete-icon:hover {
        left: 0px;
    }

/*new un page*/
.un-side-menu {
    list-style: none;
    margin-bottom: calc(32em / 16);
    position: relative;
    background: white;
    top: 0;
    transition: all 0.3s ease-in-out;
}

    .un-side-menu.fixed {
        position: fixed;
        width: 19.7%;
        top: 18%;
    }

.editMode .un-side-menu.fixed {
    /* top: 12%; */
}

.un-side-menu ul {
    list-style: none;
    display: none
}

.un-side-menu > li {
    border-bottom: 1px solid #B8B8B8;
    transition: 0.6s all ease-in-out;
}

.un-side-menu li.expanded {
    background: #F2F2F2;
    padding: 0 1em;
}

.un-side-menu > li > a {
    text-decoration: none !important;
}

.un-side-menu li > a {
    color: #474747;
    display: block;
    position: relative;
    /*text-decoration: none !important;*/
}

.un-side-menu > li > a {
    padding: 0.5em 0;
    font-size: 1.375em;
    color: #000;
}

    .un-side-menu > li > a:after {
        position: absolute;
        top: calc(50% - .6em);
        font-size: 1.3em;
        line-height: 1
    }

.un-side-menu > li.has-child.expanded > a {
    font-weight: bold;
}

    .un-side-menu > li.has-child.expanded > a:after,
    .un-side-menu > li:not(.has-child) > a:after {
        content: '-';
    }

.un-side-menu > li.has-child > a:after {
    content: '+';
}

.un-side-menu ul a {
    padding-bottom: .5em;
}


.editMode .un-side-menu li.expanded ul {
    display: none !important;
}

.editMode .un-side-menu li.expanded {
    background: white;
    padding: 0;
}

    .editMode .un-side-menu li.expanded a {
        font-weight: normal;
    }

.editMode .un-side-menu > li.has-child.expanded > a:after,
.editMode .un-side-menu > li:not(.has-child) > a:after {
    content: '+';
}

.un-details-page .view-content {
    font-size: calc(18em / 16);
    margin-bottom: 6em;
}

    .un-details-page .view-content div[id*=view-]:not(div[id*=item-one]) {
        margin-top: 4em;
    }

    .un-details-page .view-content h1,
    .un-details-page .view-content h2,
    .un-details-page .view-content h3 .un-details-page .view-content h4,
    .un-details-page .view-content h5,
    .un-details-page .view-content h6 {
        color: black;
        margin-bottom: 1em;
    }

.un-details-page .view-container .view-content h2 {
    font-size: calc(28em / 16);
    margin-bottom: calc(20em / 16);
}

.un-details-page .view-content p {
    color: #515151;
    margin-bottom: calc(30em / 16);
}

.un-details-page .view-container .view-content h3,
.un-details-page .view-container .view-content h4 {
    font-size: calc(22em / 16);
    margin-bottom: calc(20em / 16);
}

.un-details-page .view-container .view-content h5,
.un-details-page .view-container .view-content h6 {
    font-weight: bold;
}

.un-details-page .view-container .view-content img {
    width: auto;
    max-width: 100%;
    object-fit: cover;
    margin: 0;
    height: auto;
}

.un-details-page .view-content table {
    border-collapse: separate;
    border-spacing: 0 calc(11em / 16);
    margin: calc(-11em / 16) 0 0;
    width: 100%;
}

    .un-details-page .view-content table tr {
        background: #F1F1F1 0% 0% no-repeat padding-box;
    }

    .un-details-page .view-content table tbody td {
        padding: calc(14em / 16) calc(20em / 16) !important;
        width: 50%;
    }

.un-details-page .view-content ul:not(.list-inline),
.un-details-page .view-content ol:not(.list-inline) {
    list-style: none;
    counter-reset: list-style;
    padding: 0;
    margin-bottom: calc(30em / 16);
}

.un-details-page .view-content table ol:not(.list-inline) {
    margin-bottom: 0 !important
}

.un-details-page .view-content ul:not(.list-inline) li,
.un-details-page .view-content ol:not(.list-inline) li {
    counter-increment: list-style;
    position: relative;
    line-height: 1.5;
}

    .un-details-page .view-content ul:not(.list-inline) li::before,
    .un-details-page .view-content ol:not(.list-inline) li::before {
        font-weight: bold;
        position: absolute;
    }

    .un-details-page .view-content ul:not(.list-inline) li.notListItem,
    .un-details-page .view-content ol:not(.list-inline) li.notListItem {
        margin-top: 1em;
        padding: 0em;
    }

        .un-details-page .view-content ul:not(.list-inline) li.notListItem:before,
        .un-details-page .view-content ol:not(.list-inline) li.notListItem:before {
            content: none;
        }

.un-details-page .view-content ul ol li::before,
.un-details-page .view-content ol li::before {
    /*content: counter(list-style, decimal-leading-zero) ". ";*/
    content: counter(list-style) ". ";
}


.un-details-page .view-content ul li::before {
    content: '';
    width: 0.6em;
    height: 0.6em;
    margin-top: 0.35em;
}

.un-details-page .view-content ul ul li::before {
    border-radius: 50%;
    background-color: black !important;
}

.un-details-page .view-content ol ol li::before {
    content: counter(list-style, upper-roman) ". ";
}

.contact-us-map .widget-wrapper {
    position: relative;
}

.contact-us-map .info .details .desc p {
    margin-bottom: 1rem;
}

.un-details-page .view-container .view-content .map h2,
.un-details-page .view-container .view-content .map p {
    color: white;
}

.un-details-page .view-container .view-content .map h2 {
    font-size: 1.25em;
}

.un-details-page iframe {
    width: 100%
}

.un-details-page .admin-tabs {
    overflow: hidden;
    display: none;
}

.editMode .un-details-page .admin-tabs {
    display: flex;
    flex-wrap: wrap;
}

.un-details-page .admin-tabs li {
    padding: 0.5em 1.5em;
    margin: 0 -0.5em 1.5em;
    border-bottom: 1px solid #B8B8B8;
    width: calc(100% / 7);
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
}

    .un-details-page .admin-tabs li a {
        color: #474747;
        text-decoration: none;
    }

.hidden-list {
    display: none;
}

.un-details-page .un-table th {
    color: #fff;
    padding: calc(14em / 16) calc(20em / 16) !important;
}

.un-details-page .un-table {
    border-spacing: 0 !important;
}

.un-table tr:nth-child(odd) {
    background: #fff !important
}

.un-details-page .un-table th span {
    display: block;
    color: black;
    font-weight: bold;
}

.consolidated-list .files-fromates,
.local-list .files-fromates {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -1em 1em;
}

    .consolidated-list .files-fromates .file,
    .local-list .files-fromates .file {
        width: 33.333%;
        padding: 0 1em;
        margin: 0 0 1em;
    }

/*.document-content-widgets {
    display: flex;
    justify-content: space-between;
    margin: 0 -1em;
}

    .document-content-widgets .documents-widget, .document-content-widgets .related-content-widget {
        padding: 0 1em;
    }

.document-content-widgets .documents-widget {
    width: calc(100% - calc(100% / 3));
}

.document-content-widgets .related-content-widget {
    width: calc(100% / 3);
}*/
.documents-widget {
    margin-top: calc(60em/16);
}

    .documents-widget .doc {
        display: flex;
        margin-bottom: calc(20em / 16);
    }

body .documents-widget .doc .doc-img {
    width: calc(137em / 16) !important;
    height: calc(174em / 16) !important;
    margin: 0 !important;
    object-fit: cover;
    max-width: 100%;
}

.documents-widget .doc .doc-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - calc(137em / 16));
    padding: calc(20em/16);
}

.documents-widget .doc .doc-title {
    color: #b68a35;
    font-size: calc(24em / 16);
    margin: 0;
}


.documents-widget .doc ul {
    color: #858585;
    margin: 0
}

    .documents-widget .doc ul li {
        padding: 0
    }

.related-content-widget .related .related-item {
    display: block;
    text-decoration: underline;
    font-size: calc(18em / 16);
    padding-bottom: calc(20em / 16);
    border-bottom: 1px solid #B8B8B8;
    margin-bottom: calc(20em / 16);
}


.fixed-top-right-widgets.squares {
    position: fixed;
    z-index: 9;
}

.fixed-top-right-widgets .square {
    width: calc(120em /16);
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: calc(20em /16);
    position: relative;
    text-align: center;
    color: white;
    padding: calc(10em /16) calc(12em /16);
    cursor: pointer;
    z-index: 9;
}

.fixed-top-right-widgets .square-list {
    position: absolute;
    top: 0;
    display: none;
    width: calc(334em /16);
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    cursor: default;
    overflow: hidden;
}

.fixed-top-right-widgets .square img {
    max-width: calc(40em /16);
    max-height: calc(40em /16);
    display: block;
    margin: 0 auto calc(6em /16);
}

.fixed-top-right-widgets .square span {
    text-transform: capitalize;
    font-size: calc(18em /16);
}

.fixed-top-right-widgets .square-list-header {
    padding: 1em calc(20em /16);
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
}

    .fixed-top-right-widgets .square-list-header span {
        font-size: calc(22em /16);
    }

    .fixed-top-right-widgets .square-list-header .closebtn {
        /*        font-size: 1em;
*/
        cursor: pointer;
    }

.fixed-top-right-widgets .square-list-body {
    padding: calc(20em /16);
    min-height: calc(120em /16);
    max-height: calc(540em /16);
    overflow-y: auto;
}

    .fixed-top-right-widgets .square-list-body ul li {
        margin: 0 0 calc(20em /16);
        font-size: calc(18em /16);
        text-transform: capitalize;
        position: relative;
    }

        .fixed-top-right-widgets .square-list-body ul li:before {
            position: absolute;
            margin-top: 0.25em;
        }

        .fixed-top-right-widgets .square-list-body ul li a {
            color: black !important;
        }

    .fixed-top-right-widgets .square-list-body .subscribe-btn {
        border-radius: calc(36em / 16)
    }

.subscription-modal {
    width: calc(965em/16);
}

    .subscription-modal .modal-container {
        width: 100%;
        display: flex;
        align-items: stretch;
    }

    .subscription-modal .closebtn {
        position: absolute;
        padding: 1em;
        color: white;
        font-size: calc(24em/16);
        cursor: pointer;
    }

    .subscription-modal .modal-body {
        padding: 0;
        display: flex;
        overflow-y: hidden;
    }

    .subscription-modal form {
        width: 100%
    }

    .subscription-modal .modal-img {
        position: relative;
        width: calc(405em/16);
        /*height: 100%;*/
    }

        .subscription-modal .modal-img img {
            height: 100%
        }

    /*    .subscription-modal .modal-img:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #00000080;
    }*/

    .subscription-modal .modal-title {
        top: 0;
        position: absolute;
        z-index: 5;
        padding: calc(30em / 16);
        background: none;
        color: white;
        font-family: 'hreg' !important;
        font-size: calc(44em / 16);
        border: 0;
    }

    .subscription-modal .modal-form {
        width: calc(100% - (405em/16));
        padding: calc(30em/16);
        overflow-y: auto;
        max-height: calc(100vh - 145px);
    }

        .subscription-modal .modal-form .required-fileds {
            background: #F3F3F3;
            padding: calc(11em /16);
            font-size: calc(18em /16);
            border-radius: 0.125em;
        }

        .subscription-modal .modal-form .form-group,
        .subscription-modal .modal-form .required-fileds {
            margin-bottom: calc(30em / 16);
        }

        .subscription-modal .modal-form .form-control {
            height: calc(50em /16);
        }

        .subscription-modal .modal-form .control-label {
            margin-bottom: calc(10em / 16);
        }

        .subscription-modal .modal-form .btn-close {
            background: transparent;
            border: 1px solid;
        }

        .subscription-modal .modal-form .error {
            color: red;
        }

        /* The radio-container */

        .subscription-modal .modal-form .radio-container {
            display: block;
            position: relative;
            padding: 0;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            line-height: calc(24em / 16);
        }

            /* Hide the browser's default radio button */
            .subscription-modal .modal-form .radio-container input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
            }

        /* Create a custom radio button */
        .subscription-modal .modal-form .checkmark {
            position: absolute;
            top: 0;
            height: calc(22em / 16);
            width: calc(22em / 16);
            background-color: #fff;
            border: 1px solid #C5C5C5;
            border-radius: 50%;
        }


            /* Create the indicator (the dot/circle - hidden when not checked) */
            .subscription-modal .modal-form .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

        /* Show the indicator (dot/circle) when checked */
        .subscription-modal .modal-form .radio-container input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the indicator (dot/circle) */
        .subscription-modal .modal-form .radio-container .checkmark:after {
            top: calc(3em/16);
            width: calc(14em/16);
            height: calc(14em/16);
            border-radius: 50%;
        }

        .subscription-modal .modal-form select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-size: 1.25em;
            background-repeat: no-repeat;
            background-position-y: center;
        }

            .subscription-modal .modal-form select::-ms-expand {
                display: none;
            }

.subscribe-container {
    position: relative;
    width: 100%;
    height: calc(286em/16);
    background: url('./Images/SubscriptionWidget.png') center/cover no-repeat;
    display: flex;
}

    /*    .subscribe-container:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #00000080;
    }*/
    .subscribe-container .overlay-text h3 {
        background: none;
        color: white;
        font-family: 'hreg' !important;
        font-size: calc(44em / 16);
        margin: 0;
        width: 50%;
        text-transform: capitalize;
        border: 0;
        padding: 0;
    }

    .subscribe-container .overlay-text {
        top: 0;
        position: absolute;
        z-index: 5;
        padding: calc(60em / 16);
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%
    }

        .subscribe-container .overlay-text .btn {
            /*            border-color: white;
        padding: calc(20em / 16) calc(50em / 16);
        text-align: center;
        font-size: calc(26em / 16);
        color: #000000 !important;
        height: calc(73em / 16);
        border-radius:4.5em;*/
            border-color: white;
            padding: calc(12.3em / 16) calc(30.75em / 16);
            text-align: center;
            font-size: calc(26em / 16);
            color: #000000 !important;
            height: calc(50em / 16);
            border-radius: 4.5rem;
            line-height: calc(23em / 16);
        }

.width50 {
    width: 50%
}

.documents-widget .online-res-list .doc .doc-body {
    justify-content: flex-start;
    padding-top: 0
}

.online-res-list .doc-title {
    margin-bottom: 1rem !important
}

.online-res-list .doc-description {
    color: #505050
}

body .documents-widget .online-res-list .doc .doc-img {
    width: calc(206em / 16) !important;
    height: calc(261em / 16) !important;
}

.no-marg {
    margin-top: 0 !important
}

.documents-widget .online-res-list .doc {
    margin-bottom: 2.5rem
}

@media only screen and (max-width: 768px) {
    body .documents-widget .online-res-list .doc .doc-img {
        width: calc(137em / 16) !important;
        height: calc(174em / 16) !important;
    }
}

@media only screen and (max-width: 1366px) {
    .un-side-menu.fixed {
        position: fixed;
        width: 21.3%;
        top: 14%;
    }
}

@media (max-width: 1024px) {
    .un-side-menu.fixed {
        width: 20.75% !important;
    }

    .consolidated-list .files-fromates .file,
    .local-list .files-fromates .file {
        width: 50%;
    }
}

@media only screen and (max-width: 991px) {

    .documents-widget,
    .un-details-page .view-content {
        margin-bottom: 3rem;
    }

    .subscribe-container {
        height: calc(370rem/16);
    }

        .subscribe-container .overlay-text {
            flex-direction: column
        }

            .subscribe-container .overlay-text h3 {
                width: 100%;
                margin-bottom: 1.875rem;
            }
}


@media (max-width: 768px) {
    .un-side-menu.fixed {
        width: 27.75% ​ !important;
    }

    .consolidated-list .files-fromates .file,
    .local-list .files-fromates .file {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .un-side-menu,
    .un-side-menu.fixed {
        position: static !important;
        width: 100% !important;
    }
}

@media (max-width: 768px), (max-height:480px) {
    #minzedChat {
        width: 60px;
        overflow: hidden;
        box-shadow: 0px 3px 6px #00000029;
    }

        #minzedChat::before {
            background: #b68a35;
            position: absolute;
            width: 100%;
            height: 100%;
            line-height: 3.5rem;
            margin: 0 !important;
        }

    .un-details-page {
        padding: 0 !important;
    }

    .fixed-top-right-widgets.squares {
        display: flex;
        bottom: 0;
        position: fixed;
        z-index: 9;
    }

        .fixed-top-right-widgets.squares .square > span {
            display: none
        }

    .fixed-top-right-widgets .square {
        width: calc(80rem /16);
        border-radius: 1rem;
        margin: 0 0.5rem calc(20rem /16);
    }

        .fixed-top-right-widgets .square img {
            margin: 0 auto;
        }

    .fixed-top-right-widgets .square-list {
        overflow: hidden;
        position: fixed;
        top: 0rem;
        width: calc(100vw - 0rem);
        border-radius: 0rem !important;
        height: calc(100vh - 0rem);
    }

    .fixed-top-right-widgets .square-list-header .closebtn {
        font-size: calc(22rem /16);
    }

    .subscription-modal .modal-img,
    .subscription-modal .closebtn {
        display: none;
    }

    .subscription-modal .modal-form {
        width: 100%;
    }
}




@media (max-height:480px) {
    .main-menu-container {
        max-height: 310px;
    }
}

@media only screen and (max-width: 480px) {
    .subscribe-container {
        height: calc(510rem/16)
    }

    .bb_chat_widget {
        right: 0 !important;
        left: 0 !important;
    }

    .footer-top img {
        display: block;
        margin: 0 auto 2em;
    }
}
/* Misc */

.width70 {
    width: 70% !important;
}

a:focus {
    outline: none;
    color: initial
}

input#RememberMe {
    margin-left: 0;
}

.navbar {
    margin-bottom: 0;
}

/*.page-content li { list-style-image: url(Images/bullet.png); }*/
.body-content #logoutForm {
    margin-right: 0 !important;
}

.body-content #header-right-container .dropdown-menu {
    z-index: 100000;
}

#header-container h2 {
    margin: 15px 0;
}

.user-area > a {
    cursor: pointer;
    font-family: hbold
}

/* Commnets */
.comment h3 {
    margin-top: 0;
}

    .comment h3 span i {
        opacity: 1;
    }

.comment p {
    margin-bottom: 0;
}

h3 .caption {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    opacity: 0.5;
}

.comment {
    background: rgba(0, 0, 0, 0.03);
    margin: 10px 0;
    padding: 10px;
    position: relative;
}

    .comment .icon {
        margin-left: 0px;
        margin-right: 0px;
    }

    .comment .btn {
        float: left;
        margin-right: 4px;
        padding: 5px 10px;
    }

.comment-actions {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
}

.comment:hover > .comment-actions {
    opacity: 1;
    -webkit-transition: opacity .4s ease-in-out;
    -moz-transition: opacity .4s ease-in-out;
    -ms-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
}

.comment-add-reply {
    display: none
}

.comment.is-reply {
    border-left: 5px solid rgba(0, 0, 0, .3);
    margin-left: 20px;
    background: rgba(0, 0, 0, .03)
}

hr {
    clear: both
}

.event-days a {
    display: block
}

.event-days-label {
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: normal
}

.login-btn {
    margin-bottom: 5px
}

/*#navigation-container { margin-bottom: 15px; }*/
.HTML {
    min-height: 5px;
}

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

/*Expo Logo*/
.footer-top .expo-logo {
    width: 210px;
    margin-left: 120px;
}

.contact-us-map .map {
    position: relative;
}

.contact-us-map iframe {
    width: 100%;
    height: 500px;
}

.contact-us-map .info {
    padding: 15px;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 40px;
    color: white;
    width: 46%;
}

    .contact-us-map .info .details {
        position: relative;
    }

        .contact-us-map .info .details .icon {
            position: absolute;
            top: 0px;
        }

        .contact-us-map .info .details .desc {
            padding-left: 24px;
            width: 80%;
        }

        .contact-us-map .info .details .icon,
        .contact-us-map .info .details .desc {
            display: inline-block;
        }

    .contact-us-map .info h2 {
        margin-bottom: 15px;
        color: white !important;
        line-height: 26px;
    }

    .contact-us-map .info p {
        margin-bottom: 20px;
        color: white !important;
    }

        .contact-us-map .info p a {
            color: white !important;
        }

    .contact-us-map .info i {
        display: inline-block;
        margin-right: 15px;
    }

/****** UAT BUGS*********/
.cutom-marg-bottom {
    margin-bottom: 30px
}

.signup-login a {
    font-size: .8em
}

/*CR_1 Comments and Bug Fixing*/
.max-no-reached {
    color: #b68a35 !important;
}


@media screen and (min-width: 1200px) {
    .body-outer-container {
        padding: 0 72px;
    }
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .body-outer-container {
        padding: 0 50px;
    }
}

.videos-list-page,
.featured-video h2,
.interested-videos h2 {
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 10px;
}

.interested-videos h2 {
    font-size: 26px;
    padding-bottom: 17px;
}

.interested-videos .interested-video-item:last-child {
    border: none;
}

.nav-pills.filters {
    margin-top: -25px;
    margin-bottom: 10px;
    height: 38px;
}

.open-window h3 {
    color: #333;
}

.open-window {
    display: block;
    min-width: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 400px;
    padding: 10px;
}

    .open-window .fa-times-circle {
        color: black;
        cursor: pointer;
    }

    .open-window .sidetree li,
    .open-window .sidetree span {
        color: black !important;
    }

.open-window-upper-nav {
    cursor: pointer;
}

.dropdown-menu.inner {
    padding: 10px;
}

    .dropdown-menu.inner h3,
    .dropdown-menu.inner span {
        color: #333;
    }

    .dropdown-menu.inner li a,
    .dropdown-menu.inner li a span {
        color: #2780e3;
    }


/*site styles*/

/*site fonts*/

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

/*
@font-face { font-family: 'hbold'; src: url('fonts/HelveticaNeue-Bold.eot'); src: url('fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Bold.woff2') format('woff2'), url('fonts/HelveticaNeue-Bold.woff') format('woff'), url('fonts/HelveticaNeue-Bold.ttf') format('truetype'), url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg'); font-weight: bold; font-style: normal; }

@font-face { font-family: 'hlight'; src: url('fonts/HelveticaNeue-Light.eot'); src: url('fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue-Light.woff2') format('woff2'), url('fonts/HelveticaNeue-Light.woff') format('woff'), url('fonts/HelveticaNeue-Light.ttf') format('truetype'), url('fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg'); font-weight: 300; font-style: normal; }
*/
/*@font-face { font-family: 'hbold'; src: url('fonts/helveticaneuebold.eot') format('embedded-opentype'), url('fonts/helveticaneuebold.svg') format('svg'), url('fonts/helveticaneuebold.ttf') format('truetype'), url('fonts/helveticaneuebold.woff') format('woff'); }
/*@font-face { font-family: 'hreg'; src: url('fonts/helveticaneueregular.eot') format('embedded-opentype'), url('fonts/helveticaneueregular.svg') format('svg'), url('fonts/helveticaneueregular.ttf') format('truetype'), url('fonts/helveticaneueregular.woff') format('woff'); }*/
/*@font-face { font-family: 'hreg'; src: url('fonts/helveticaneuelight.ttf') format('truetype'), url('fonts/helveticaneuelight.eot') format('embedded-opentype'), url('fonts/helveticaneuelight.svg') format('svg'), url('fonts/helveticaneuelight.woff') format('woff'); }
    */

@font-face {
    font-family: 'hbold';
    src: url('fonts/helvetica-bold.woff') format('woff'), url('fonts/helvetica-bold.ttf') format('truetype'), url('fonts/helvetica-bold.svg') format('svg'), url('fonts/helvetica-bold.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'hreg';
    src: url('fonts/helveticaneue.woff') format('woff'), url('fonts/helveticaneue.svg') format('svg'), url('fonts/helveticaneue.ttf') format('truetype'), url('fonts/helveticaneue.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'mofa-ico';
    src: url('fonts/mofa-ico.eot?aj5me2');
    src: url('fonts/mofa-ico.eot?aj5me2#iefix') format('embedded-opentype'), url('fonts/mofa-ico.ttf?aj5me2') format('truetype'), url('fonts/mofa-ico.woff?aj5me2') format('woff'), url('fonts/mofa-ico.svg?aj5me2#mofa-ico') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mofa-ico' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-xlsx-file-extension-interface-symbol:before {
    content: "\e900";
}

.icon-html-file-extension-interface-symbol:before {
    content: "\e901";
}

.icon-pdf-file-format-symbol:before {
    content: "\e902";
}

.icon-xml-file-format-symbol:before {
    content: "\e903";
}

.icon-bin:before {
    content: "\e904";
}

.icon-arrow-right:before {
    content: "\e905";
}

.icon-calendar:before {
    content: "\e906";
}

.icon-calendar2:before {
    content: "\e907";
}

.icon-call:before {
    content: "\e908";
}

.icon-car:before {
    content: "\e909";
}

.icon-category:before {
    content: "\e90a";
}

.icon-chemicals:before {
    content: "\e90b";
}

.icon-clock:before {
    content: "\e90c";
}

.icon-clock2:before {
    content: "\e90d";
}

.icon-clock-multi:before {
    content: "\e90e";
}

.icon-comment:before {
    content: "\e90f";
}

.icon-contrast:before {
    content: "\e910";
}

.icon-download:before {
    content: "\e911";
}

.icon-facebook-logo-button:before {
    content: "\e912";
}

.icon-instagram-logo:before {
    content: "\e913";
}

.icon-like:before {
    content: "\e914";
}

.icon-lock:before {
    content: "\e915";
}

.icon-mail:before {
    content: "\e916";
}

.icon-mail2:before {
    content: "\e917";
}

.icon-mail3:before {
    content: "\e918";
}

.icon-male:before {
    content: "\e919";
}

.icon-maps-and-flags:before {
    content: "\e91a";
}

.icon-menu:before {
    content: "\e91b";
}

.icon-minus:before {
    content: "\e91c";
}

.icon-money:before {
    content: "\e91d";
}

.icon-paper:before {
    content: "\e91e";
}

.icon-pc:before {
    content: "\e91f";
}

.icon-phone:before {
    content: "\e920";
}

.icon-phone2:before {
    content: "\e921";
}

.icon-photo:before {
    content: "\e922";
}

.icon-photos:before {
    content: "\e923";
}

.icon-pie:before {
    content: "\e924";
}

.icon-pin:before {
    content: "\e925";
}

.icon-plus-2:before {
    content: "\e926";
}

.icon-plus:before {
    content: "\e927";
}

.icon-print:before {
    content: "\e928";
}

.icon-question:before {
    content: "\e929";
}

.icon-rocket:before {
    content: "\e92a";
}

.icon-search:before {
    content: "\e92b";
}

.icon-setting:before {
    content: "\e92c";
}

.icon-sound:before {
    content: "\e92d";
}

.icon-target:before {
    content: "\e92e";
}

.icon-twitter-logo-button:before {
    content: "\e92f";
}

.icon-youtube-logotype:before {
    content: "\e930";
}

.icon-chat:before {
    content: "\e931";
}

.icon-check:before {
    content: "\e932";
}

.icon-close:before {
    content: "\e933";
}

.icon-pen-paper:before {
    content: "\e934";
}

.icon-photo-gallery:before {
    content: "\e935";
}

.icon-play:before {
    content: "\e936";
}

.icon-share:before {
    content: "\e937";
}

.icon-female:before {
    content: "\e938";
}

.icon-male2:before {
    content: "\e939";
}

.icon-file-pdf-regular:before {
    content: "\e93a";
}

.icon-bell-o:before {
    content: "\e93b";
}

.icon-write:before {
    content: "\e93c";
}

.icon-view:before {
    content: "\e93d";
}

.icon-warning:before {
    content: "\e93e";
}

.icon-document:before {
    content: "\e93f";
}

.icon-gavel:before {
    content: "\e940";
}

.icon-instructions:before {
    content: "\e941";
}

.icon-responsive:before {
    content: "\e942";
}

.icon-info:before {
    content: "\e943";
}

.icon-manage-registeration:before {
    content: "\e944";
}

.icon-StrategicGoods:before {
    content: "\e945";
}







/* css reset */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    vertical-align: baseline;
    border-collapse: separate;
    font-family: hreg;
}

article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

html {
    font-size: 16px
}

body {
    line-height: 1.3;
    font-size: 14px;
    font-family: hreg !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'hbold' !important
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal
}

table,
td,
th {
    vertical-align: middle
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: """"
}

a img {
    border: none
}

* {
    box-sizing: border-box
}

.clearfix {
    clear: both;
    display: block
}

html,
body {
    height: 100%
}

.body-content {
    overflow: hidden
}

.nav > li > a:focus,
.nav > li > a:hover {
    background: none
}

.modal-body {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 145px);
}

    .modal-body .modal-footer {
        margin: 0 -15px -15px -15px;
    }

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

/*generic classes*/
.relative {
    position: relative
}

.not-anchor {
    text-decoration: none !important
}

.marg-b-25 {
    margin-bottom: 25px
}

.display-flex {
    display: flex !important
}

.align-items-center {
    align-items: center
}

.width-auto {
    width: auto !important
}

.marg-b-zero {
    margin-bottom: 0
}

.font-size-15 {
    font-size: 15px
}

.avoid-clicks {
    pointer-events: none;
}

.position-absolute {
    position: absolute
}

.overflow-hidden {
    overflow: hidden
}

/*fix issues*/
.side-item.active {
    font-weight: bold
}

.online-service-details .no-items {
    width: 75% !important;
    margin: 0 auto
}

#OwnerInformation .input-note[style] {
    float: right !important
}

.form-item-mobile {
    width: auto;
    display: inline-block;
    margin: 0 20px
}

#UnAssignedTasksList .table-responsive table tr {
    border: 0px solid transparent
}

.online-service-details.content-page .attachments-container.adjust ul li:before {
    content: none
}

.online-service-details.content-page .attachments-container.adjust .attachment-list h4 {
    width: 100%;
    padding-left: 0;
    position: relative
}

.online-service-details.content-page .attachments-container.adjust .download-btn i {
    font-size: 23px;
    margin-right: 10px;
    display: inline-block;
}

.online-service-details.content-page .attachments-container.adjust .attachment-list .download-btn {
    width: auto;
    text-align: initial
}

.online-service-details.content-page .attachments-container.adjust .attachment-list a {
    padding: 15px 20px;
    margin-top: 10px;
}

/*headings*/
h1 {
    font-size: 2em;
    color: #000
}

h2 {
    font-size: 1em
}

/*fonts*/



/*bootstrap customization*/
.container {
    width: 85%;
    max-width: initial !important
}

.modal {
    z-index: 999999;
}

body .datepicker.dropdown-menu th,
body .datepicker.dropdown-menu td {
    padding: 6px 10px
}

.datepicker table tr td,
.datepicker table tr th,
.datepicker.dropdown-menu {
    border-radius: 0 !important
}

.datepicker.dropdown-menu {
    padding: 0 !important
}

/*main content*/
.site-content {
    background: #dbdbdb;
    min-height: calc(100vh - 281px);
    padding: 25px 0
}

.site-footer {
    background: #fff;
    min-height: 195px
}

body.editMode {
    background: #7d7d7d;
}

.page-with-side-container {
    width: 80%;
    padding: 0 15px
}

.sidebar-container {
    width: 20%;
    padding: 0 15px
}

/*header*/
.site-header {
    height: 90px;
    background: #fff;
    position: relative;
    line-height: 86px;
    transition: .3s
}

    .site-header .relative {
        height: 100%
    }

    .site-header.mini {
        height: 80px;
        line-height: 70px
    }

        .site-header.mini .main-menu-container {
            top: 65px
        }

    .site-header .container * {
        line-height: 1.3
    }

.header-item {
    display: inline-block;
    vertical-align: middle
}

.font-changer a {
    text-transform: uppercase;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
    line-height: 1 !important;
    color: #666;
    text-decoration: none !important
}

    .font-changer a:nth-child(1) {
        font-size: 22px
    }

    .font-changer a:nth-child(2) {
        font-size: 18px
    }

    .font-changer a:nth-child(3) {
        font-size: 14px
    }

.inverse-container,
.sound-container,
.theme-container {
    color: #666;
}


.sameframe:not(#loginLink) {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    Display: inline-block;
    max-width: 98%;
    direction: ltr;
}

.user-area.user-btn {
    max-width: 180px;
    position: relative;
}

.sameframe .caret {
    position: absolute;
    right: 0;
}

.inverse-container a,
.sound-container a {
    color: #666;
    font-size: 20px;
    margin-top: 1px;
    display: inline-block
}

.theme-container {
    width: 85px;
    text-align: center
}

    .theme-container a {
        -webkit-transition: 230ms ease;
        transition: 230ms ease;
        width: 19px;
        height: 19px;
        display: inline-block;
        position: relative;
        border-radius: 50%;
        vertical-align: middle;
        z-index: 0
    }

        .theme-container a:nth-child(1) {
            background: #c71c34
        }

        .theme-container a:nth-child(2) {
            background: #b68a35
        }

        .theme-container a:nth-child(3) {
            background: #007939
        }

        .theme-container a:hover {
            width: 25px;
            height: 25px;
            z-index: 2
        }

        .theme-container a.active {
            width: 25px;
            height: 25px;
            z-index: 1
        }

.inverse-container,
.font-changer,
.sound-container,
.theme-container {
    display: inline-block;
    vertical-align: middle
}

/*header language selector*/
.custom-lang-selector {
    width: 101px;
    height: 22px;
    margin-top: 5px
}

    .custom-lang-selector a {
        display: inline-block;
        text-decoration: none !important;
        text-align: center;
        height: auto;
        position: relative;
        top: -1px;
        left: -1px;
        vertical-align: middle;
        color: #000;
        font-weight: 600;
        font-family: hreg !important
    }

body a.current-lang {
    border-bottom: 1px solid;
    border-radius: 0 !important
}

a.current-lang {
    color: #fff;
    border-radius: 10px;
}

.lang-sep {
    display: inline-block;
    margin: 0 4px
}

header.site-header {
    position: fixed;
    z-index: 99;
    width: 100%;
    transition: height .3s
}

.site-header + div + .site-content {
    margin-top: 80px
}

.header-scroll-p {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    height: 4px;
    transition: .3s;
    z-index: 1
}

/*header logo*/
.logo-container {
    margin-top: 14px;
    transition: .3s;
    text-align: left;
}

    .logo-container img {
        max-width: 100%;
        width: 280px;
    }

#Emiratelogo {
    vertical-align: middle;
    display: inline-block;
}

    #Emiratelogo img {
        width: 70px;
        max-width: 100%;
        height: 80px;
    }

.mini .logo-container {
    margin-top: 5px
}


/*header search*/
.search-container.header-item {
    position: relative;
    margin-top: 3px
}

.search-container a.search-trigger {
    display: inline-block;
    cursor: pointer;
    color: #767676 !important
}

.search-container .icon-search {
    font-size: 21px;
    line-height: 1 !important;
    margin-top: -1px
}

.search-form-container {
    position: absolute;
    top: 35px;
    width: 272px;
    box-shadow: 2px 3px 11px 0 rgba(0, 0, 0, .3);
    display: none;
    z-index: 3;
    padding: 15px;
    background: #f1f1f1;
}

.site-header .search-field {
    height: 39px;
    border: none !important;
    outline: none;
    padding: 7px 10px;
    width: 200px
}

.header-search-btn {
    float: left;
    width: 42px;
    height: 39px;
    position: relative;
    border: 0;
    z-index: 99;
    text-decoration: none !important;
    color: #fff !important;
}

    .header-search-btn i {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

/*header userarea*/
#loginLink {
    text-decoration: underline !important
}

.user-area {
    margin-top: -8px;
    width: 100%
}

    .user-area > span {
        display: block;
        font-size: 1em;
        color: #000
    }

    .user-area > a {
        color: #000 !important
    }


/*footer*/
.footer-top {
    height: 110px;
    border-bottom: 1px solid #ccc;
    line-height: 109px
}

    .footer-top img {
        vertical-align: middle;
    }

.site-footer .navbar {
    color: #fff
}

    .site-footer .navbar a {
        color: #333333 !important;
        font-size: .857em;
        font-weight: 600;
        padding: 0 10px
    }

.copy-rights {
    color: #4c4c4c
}

.footer-bottom {
    line-height: 97px
}

.navbar.navbar-footer {
    border: none !important;
    line-height: 1.5;
    min-height: 0 !important;
    margin-top: 20px;
    color: #4c4c4c
}

.copy-rights {
    line-height: 1.2;
    margin-top: 10px
}

.footer-socialmedia .staticSocialMedia a {
    width: 34px;
    height: 34px;
    display: inline-block;
    border-radius: 50%;
    background: #adadad;
    color: #fff;
    vertical-align: middle;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s;
}

    .footer-socialmedia .staticSocialMedia a:hover,
    .footer-socialmedia .staticSocialMedia a:focus {
        background: #e0e0e0;
    }

    .footer-socialmedia .staticSocialMedia a i {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 20px
    }


/*news homepage component*/
.news-home-listing {
    overflow: hidden
}

    .news-home-listing .slide-img {
        position: absolute;
        width: 100%;
        height: 80%
    }

    .news-home-listing .item {
        height: 590px;
    }

.default-section {
    background: #fff;
    padding: 26px 20px 20px 20px;
    position: relative;
    border: 0 !important
}

.home-page .default-section {
    background: #f1f1f1;
}

.default-section:before {
    content: '';
    position: absolute;
    top: 0;
    height: 6px;
    width: 205px;
    transition: .5s;
    z-index: 9
}

.no-animation.default-section:before {
    width: 205px !important;
}

.simple-list .default-section:before {
    width: 50%
}

.default-section.sm-section:before {
    width: 149px !important
}

.online-service-details .default-section.sm-section {
    margin-bottom: 30px;
    position: relative
}

.news-home-listing .default-section {
    width: calc(100% - 40px);
    margin: 0 auto;
    position: relative;
    top: 67%;
    height: 282px
}

.news-home-listing .slick-slide {
    padding-bottom: 100px
}

.section-title {
    color: #000;
    font-size: 1.614em;
    line-height: 1
}

.more-btn {
    font-size: 1em;
    color: #000 !important;
    text-transform: capitalize;
    font-weight: 500;
    vertical-align: middle;
    cursor: pointer !important;
    text-decoration: none !important
}

    .more-btn span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        font-family: hbold
    }

    .more-btn .icon-plus {
        display: inline-block;
        vertical-align: middle;
        font-size: 19px;
        cursor: pointer;
        -webkit-transition: .25s;
        transition: .25s;
    }

    .more-btn:hover .icon-plus,
    .more-btn:focus .icon-plus {
        transform: scale(1.2)
    }

.news-home-listing .section-header {
    margin-bottom: 30px
}

.news-home-listing .item-title,
.events-home .item-title,
survey-home .item-title {
    font-size: 1.285em;
    color: #000 !important;
    margin-bottom: 20px;
    display: inline-block;
}

.news-home-listing .item-description {
    color: #515151;
    font-size: 1em
}

.slick-slide {
    outline: none !important
}

.slick-slider .arrow {
    position: absolute;
    height: 56px;
    width: 56px;
    border-radius: 50%;
    z-index: 1;
    top: 38%;
    cursor: pointer
}

    .slick-slider .arrow.slick-disabled {
        cursor: default !important;
        background: #999 !important
    }

    .slick-slider .arrow.right-arrow i {
        position: absolute;
        left: 52%;
        top: 48%;
        font-size: 42px;
        color: #fff;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 1 !important
    }

    .slick-slider .arrow.left-arrow i {
        position: absolute;
        left: 48%;
        top: 48%;
        font-size: 42px;
        color: #fff;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        line-height: 1 !important
    }

.item-title {
    font-size: 1.285em;
    color: #000 !important;
    margin-bottom: 20px;
    display: inline-block;
    word-wrap: break-word;
    white-space: normal;
    max-width: 100%
}

    .item-title h3 {
        word-wrap: break-word;
        white-space: normal;
        max-width: 100%
    }

/*events homepage component*/
.events-home {
    min-height: 397px;
    margin-bottom: 30px
}

    .events-home .section-header {
        margin-bottom: 30px
    }

    .events-home .item-date {
        width: 70px;
        height: 70px;
        border: 1px solid;
        border-radius: 50%;
        padding: 16px 0
    }

    .events-home .item-body {
        width: calc(100% - 70px);
    }

.item-location {
    color: #000;
}

.events-home .item {
    padding-bottom: 19px;
    margin-bottom: 20px;
    position: relative
}

    .events-home .item:after {
        position: absolute;
        top: 100%;
        left: -20px;
        width: calc(100% + 40px);
        background: #d2d2d2;
        height: 1px;
        content: ''
    }

    .events-home .item:last-child {
        margin-bottom: 0;
        padding-bottom: 0
    }

        .events-home .item:last-child:after {
            display: none
        }

.events-home .item-date span {
    display: block
}

    .events-home .item-date span:first-child {
        font-size: 1.714em;
        text-align: center;
        line-height: 1
    }

    .events-home .item-date span:last-child {
        text-align: center;
        font-size: .928em;
        line-height: 1
    }

.googleMap {
    height: 400px
}

.view-location-link {
    color: #000 !important;
    display: flex;
    justify-content: center
}

/*.view-location-link:hover, view-map-link:focus {text-decoration: none !important}*/
.details-page .googleMap {
    margin: 25px 0
}

.events-home .item-title {
    margin: 7px 0 10px 0;
}

    .events-home .item-title h3 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.item-location {
    text-decoration: none !important
}

.event-list .item-location > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.item-location span {
    font-size: .857em;
    display: inline-block;
    vertical-align: middle
}

.item-location i {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px
}

.event-list .item-body-container {
    padding: 0 20px
}

.event-list .item-title,
.list .item-title {
    margin-bottom: 15px;
    text-transform: capitalize
}

.event-list .item-footer,
.list .item-footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc
}

/*events listing*/
.event-list .item.default-section,
.list .item.default-section {
    margin-bottom: 30px;
    padding: 26px 20px 20px 20px
}

.event-list .item-date-container {
    width: 150px;
    transition: .3s
}

.event-list .item-body-container {
    width: calc(100% - 150px)
}

.event-list .date-bottom {
    background: #4c4c4c;
    color: #fff;
    padding: 7px;
    text-align: center;
    line-height: 1;
    font-size: 1.714em
}

.event-date.width50 {
    width: 50%;
    padding: 15px 0
}

.event-date.width100 {
    width: 100%
}

.event-list .event-date-from {
    background: #e0e0e0
}

.event-list .event-date-to {
    background: #ededed
}

.event-list .event-date {
    height: 100%
}

.date-top {
    height: 100px
}

.event-date.width50 span {
    display: block;
    line-height: 1;
    text-align: center;
    text-transform: capitalize
}

    .event-date.width50 span:nth-child(1) {
        color: #424242;
        font-size: 1em;
        margin-bottom: 5px
    }

    .event-date.width50 span:nth-child(2) {
        color: #000;
        font-size: 2.5em;
        margin-bottom: 5px;
        font-family: hbold
    }

    .event-date.width50 span:nth-child(3) {
        color: #424242;
        font-size: 1em
    }

.event-date.width100 {
    padding: 15px 0;
}

    .event-date.width100 span {
        display: block;
        text-align: center;
        line-height: 1;
        text-transform: capitalize
    }

        .event-date.width100 span:nth-child(1) {
            font-size: 3.928em;
            color: #000;
            font-family: hbold
        }

        .event-date.width100 span:nth-child(2) {
            color: #424242;
            font-size: 1.1em
        }

.event-list .item-location i {
}

.event-list .item-location span {
    font-size: 1em
}

.event-date-cat {
    margin: 10px 0;
    display: block
}

    .event-date-cat > div {
        display: inline-block;
    }

        .event-date-cat > div i {
            display: inline-block;
            font-size: 20px;
            vertical-align: middle;
            color: #000
        }

        .event-date-cat > div span {
            font-size: 1em;
            display: inline-block;
            vertical-align: middle
        }

.event-list .item .more-btn {
    opacity: 0;
    transition: .5s
}

.event-list .item:hover .more-btn {
    opacity: 1
}

.event-list .item:hover .item-date-container {
    transform: scale(1.15)
}

/*subscribe to news*/
.subscribe-to-news-container {
    background: url('Images/mail-img.png') right bottom no-repeat #fff;
    padding: 15px 30px
}

    .subscribe-to-news-container > div {
        display: inline-block;
        vertical-align: middle
    }

    .subscribe-to-news-container i {
        font-size: 75px
    }

    .subscribe-to-news-container h3 {
        font-size: 1.5em;
        font-family: hreg !Important;
        text-transform: uppercase;
        color: #000;
        line-height: 1;
        margin-bottom: 2px
    }

    .subscribe-to-news-container span {
        color: #515151;
        font-size: 1.142em
    }

/*sidebar*/
.sidebar {
    background: #fff;
    padding: 20px
}

/*breadcrumb*/
.breadcrumb-container {
    width: 100%;
    height: 195px;
    position: relative;
    margin-top: -25px;
    margin-bottom: 30px;
    background: url('Images/eventsBreadcrumb.jpg') no-repeat center;
    background-size: cover;
    padding: 55px 0
}

    .breadcrumb-container:after {
        position: absolute;
        content: '';
        z-index: 1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, .6);
    }

    .breadcrumb-container > .container {
        position: relative;
        z-index: 2
    }

    .breadcrumb-container .page-title {
        color: #fff;
        font-size: 2.142em;
        font-family: hreg !important
    }

    .breadcrumb-container ul {
        margin-bottom: 20px
    }

        .breadcrumb-container ul li {
            display: inline-block;
            color: #fff;
            vertical-align: middle
        }

            .breadcrumb-container ul li a {
                color: #fff !important;
                font-size: 1.214em;
                display: inline-block;
                vertical-align: middle
            }

            .breadcrumb-container ul li:first-child a {
                font-size: 2em
            }

/*default list*/
.default-list {
}

    .default-list .item-more {
        line-height: 35px;
        opacity: 0;
        -webkit-transition: .5s;
        transition: .5s;
    }

    .default-list .item {
        position: relative;
        height: 230px;
        margin-bottom: 30px
    }

        .default-list .item:after {
            position: absolute;
            background: none;
            top: 100%;
            left: 0;
            width: 100%;
            height: 30px;
            z-index: 0;
            content: ''
        }

.default-list-img.default-list .item {
    margin-bottom: 60px
}

    .default-list-img.default-list .item:hover .item-img-container {
        top: 0px !important
    }

    .default-list-img.default-list .item:hover .item-more {
        opacity: 1
    }

.default-list .item-img-container {
    display: inline-block;
    background: #eee;
    position: relative;
    top: 30px;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 25
}

    .default-list .item-img-container:before {
        position: absolute;
        background: url('Images/noimg.png');
        top: 0;
        left: 0;
        content: '';
        background-size: contain;
        width: 100%;
        height: 100%;
        background-position: center;
        z-index: 0;
    }

.default-list .img {
    width: 255px;
    height: 230px;
    position: relative;
    z-index: 1
}

.default-list .item-body-container {
    width: calc(100% - 255px);
    padding: 30px;
    position: relative;
    height: 100%
}

.item.default-section {
    padding: 0
}

.default-list .item-title-container {
    color: #000;
    margin-bottom: 15px;
    display: inline-block
}

    .default-list .item-title-container h3 {
        color: #000;
        font-size: 1.142em
    }

.item-brief {
    color: #515151;
    font-size: .85em;
    word-wrap: break-word
}

.default-list .item-footer {
    position: absolute;
    bottom: 0px;
    right: 30px;
    width: calc(100% - 60px);
    border-top: 1px solid #ccc;
    padding-top: 15px
}

.default-list .item-date i {
    font-size: 38px;
    color: #000;
    line-height: 37px;
    height: 37px;
}

.default-list .item-date span {
    display: block;
    line-height: 1
}

    .default-list .item-date span:first-child {
        font-size: 1.8em;
        color: #000
    }

    .default-list .item-date span:last-child {
        font-size: .9em;
        color: #424242
    }

/*details page*/
.strategy-icon-t {
    background: url('/Content/Images/strategy.png') center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 70px;
    height: 70px;
    line-height: 1;
    font-size: 0;
    display: block !important;
    margin-left: auto;
    margin-right: auto;
}

.page-item-title {
    font-size: 1.5em;
    color: #000;
    margin-bottom: 10px
}

.page-item-data {
    line-height: 1;
    display: inline-block
}

    .page-item-data i {
        font-size: 20px;
        color: #000;
        display: inline-block;
        vertical-align: middle
    }

    .page-item-data span {
        font-size: 1em;
        color: #000;
        display: inline-block;
        vertical-align: middle;
        line-height: 1 !important;
        margin-top: 2px
    }

.page-item-body {
    color: #515151;
    font-size: 1.171em;
    margin-top: 30px;
    word-wrap: break-word
}

    .page-item-body p {
        margin-bottom: 15px
    }

.page-item-img {
    width: 100%;
    height: 0;
    padding-top: 29.51240376390077%;
    position: relative;
    margin-top: 27px
}

.page-item-title-container {
    max-width: calc(100% - 200px)
}

.send-to-mail {
    cursor: pointer;
    text-decoration: none !important;
    font-size: 1em;
    line-height: 20px
}

    .send-to-mail i {
        font-size: 20px;
        display: inline-block;
        vertical-align: middle;
        transition: .3s
    }

    .send-to-mail:hover i,
    .send-to-mail:focus i {
        transform: scale(1.2) rotate(360deg)
    }

    .send-to-mail span {
        display: inline-block;
        vertical-align: middle;
        line-height: 1;
        margin-top: 2px
    }

.details-location {
    margin-top: 15px;
    display: inline-block
}

    .details-location span {
        font-size: 1em !important;
    }

.news-details-title {
    max-width: calc(100% - 130px)
}

/*filters and forms*/
.navbar-form.filters {
    background: #fff;
    padding: 15px 25px 5px 25px;
    margin: 0 0 30px 0;
    border-radius: 0 !important;
}

.flex-fields {
    display: flex;
    flex-wrap: nowrap;
}

/*.flex-fields > div {flex-basis: 20%;}*/

.navbar-form.filters div:not(.v-select) .form-control {
    background: #f2f2f2;
    border-radius: 0;
    border: none !important;
    box-shadow: none;
    height: 37px;
    line-height: 1;
    width: 100%;
    vertical-align: top !important;
    text-align: left
}

.navbar-form.filters .form-control .selectize-input {
    border: 0 !important;
    vertical-align: top
}

.selectize-control.single .selectize-input {
    box-shadow: none !important
}

.navbar-form.filters .form-group {
    width: 23%;
    margin-bottom: 10px
}

.btn {
    border: none;
    cursor: pointer;
    color: #fff !important;
    font-size: 1.142em;
    height: 37px;
    line-height: 1;
    border-radius: 0;
    min-width: 140px;
    -webkit-transition: .3s;
    transition: .3s;
    outline: none !important;
    padding: 11px 20px;
    text-transform: capitalize;
    display: inline-block;
    text-decoration: none !important
}

.content-page .btn {
    color: #fff !important
}

.datepicker.form-control {
    position: relative;
    cursor: pointer;
    border-radius: 0 !important
}

.form-group.date,
.custom-date-control {
    position: relative
}

    .form-group.date:after,
    .custom-date-control:after {
        position: absolute;
        z-index: 0;
        content: '\e906';
        top: 50%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-family: mofa-ico !important;
        font-size: 30px;
        color: #919191;
        pointer-events: none;
        cursor: pointer
    }

    .form-group.date:before,
    .custom-date-control:before {
        position: absolute;
        height: 50%;
        background: #919191;
        width: 1px;
        top: 27%;
        content: '';
        z-index: 1;
        pointer-events: none;
        cursor: pointer
    }

.navbar-form.filters .btn {
    margin-bottom: 10px;
    vertical-align: top
}

.btn.btn-secondary {
    border: 1px solid;
    background: #fff !important;
    padding: 11px 20px
}

.error-msg {
    color: #c21;
    padding-bottom: 5px;
    margin-top: 5px;
    display: inline-block
}

.success-msg {
    color: #1fa95d;
    padding-bottom: 5px
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #f8f8f8
}

.table-striped > tbody > tr:nth-of-type(even) {
    background: #e6e6e6
}

.table-striped > tbody td {
    color: #000;
    font-size: 1.142em
}

.validation-summary-errors {
    margin-bottom: 25px
}

/*form controls*/
input::-ms-clear {
    display: none !important;
}

.form-control {
    height: 43px;
    border-radius: 0;
    font-size: 1.2em !important;
    box-sizing: border-box !important
}

.form-horizontal .control-label {
    padding-top: 11px;
    font-size: 1.2em;
}

.selectize-dropdown.form-control {
    height: auto !important;
    max-width: 100% !important;
    border-color: #ccc !important;
    z-index: 20 !important
}

.event-side-info {
    width: 34%;
    background: url(Images/event-register.jpg) no-repeat top -45px center;
    background-size: cover;
    position: relative
}

.event-register {
    width: 66%;
    background: #fff
}

.flex-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.event-register h3,
.main-template-container .details-page > h2 {
    font-size: 2.5em;
    color: #000
}

.validation-alert-container {
    font-size: 1.1em
}

.custom-form {
    margin-top: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

    .custom-form .control-label {
        text-align: left !important;
        padding: 0;
        font-size: 1.142em !important;
        color: #000;
        margin-bottom: 10px !important;
        display: inline-block
    }

.submit-form-row {
}

.event-register.default-section {
    padding: 36px 30px 30px 30px
}

.selectize-control.form-control {
    padding: 0;
    border: 0 !important
}

.selectize-input {
    height: 100%;
    border: 0 !important;
    line-height: 2 !important;
    background: none !Important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important
}

.custom-form .form-item {
    margin-bottom: 25px
}

.event-side-info > div {
    position: relative;
    z-index: 9
}

.event-side-info {
    padding: 30px 40px
}

    .event-side-info h2 {
        font-size: 2.142em;
        color: #fff;
        margin-bottom: 30px
    }

    .event-side-info ul {
        list-style: none
    }

.text-danger {
    color: #c21 !important;
    margin-top: 5px;
    display: block
}

.login-bg .container.main-template-container {
    position: relative;
    z-index: 9;
    width: 65%
}

.main-template-container .default-section {
    box-shadow: none !important
}

.error-list span {
    display: block
}

.error-list {
    display: block;
    margin-bottom: 20px;
    background: #fff
}

    .error-list span:before {
        content: '-'
    }

.multiselect.form-control {
    padding: 0
}

    .multiselect.form-control .multiselect__tags {
        border: 0;
        padding: 10px 40px 10px 8px
    }

.custom__remove {
    cursor: pointer;
}

.multiselect__content-wrapper {
    border: 1px solid #e8e8e8 !important;
}

/*event registeration*/
.event-side-info > div {
    position: relative;
    z-index: 9
}

.event-side-info {
    padding: 30px
}

    .event-side-info h2 {
        font-size: 2.142em;
        color: #fff;
        margin-bottom: 30px
    }

    .event-side-info ul {
        list-style: none
    }

    .event-side-info li {
        color: #fff;
        margin-bottom: 30px
    }

        .event-side-info li i {
            font-size: 30px;
            display: inline-block;
            vertical-align: middle
        }

        .event-side-info li span {
            font-size: 1.142em;
            display: inline-block;
            vertical-align: middle;
            max-width: calc(100% - 40px)
        }

.control-label.required:after {
    content: '*';
    color: #c21;
    margin: 0 5px
}

.custom-gender-radio label {
    padding-top: 10px;
    height: 45px
}

    .custom-gender-radio label:before {
        width: 45px !important;
        height: 45px !important;
        border-radius: 50%;
        border: 1px solid #bb9040 !important;
        margin: 0 !important
    }

    .custom-gender-radio label:after {
        background: none !important;
        color: #bb9040;
        font-family: mofa-ico !important;
        transform: scale(1) !important;
        font-size: 30px;
        width: auto !important;
        height: auto !important;
        top: 9px !important;
        border: none !important;
        right: 6px !important;
        margin: 0 !important
    }

    .custom-gender-radio label#male-label:after {
        content: '\e918';
        background-color: transparent !important
    }

    .custom-gender-radio label#female-label:after {
        content: '\e937';
        right: 11px !important;
        background-color: transparent !important
    }

.custom-gender-radio input[type=radio]:checked + label:after {
    color: #fff !important
}

/*modal*/
.modal-title {
    font-size: 1.5em;
    color: #585858;
}

.modal-header .close {
    padding: .8rem;
    margin: -1rem -1rem -1rem -1rem;
    position: absolute;
    top: 15px;
    font-size: 33px;
}

.modal-content {
    border-radius: 0 !important
}

/*paging*/
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    background: transparent !important
}

.pagination > li > a,
.pagination > li > span {
    background: transparent !important;
    color: #000 !important;
    border: 0 !important;
    font-size: 1.142em;
    padding: 20px 18px;
    position: relative
}

    .pagination > li.active > span:before,
    .pagination > li > a:hover:before,
    .pagination > li > a:focus:before {
        content: '';
        bottom: 100%;
        left: 0;
        height: 3px;
        position: absolute;
        width: 100%
    }

.pagination {
    border-top: 1px solid;
    border-radius: 0 !important;
    margin: 30px auto
}

    .pagination > li {
        display: inline-block !important;
    }

    .pagination > .disabled > a,
    .pagination > .disabled > a:focus,
    .pagination > .disabled > a:hover,
    .pagination > .disabled > span,
    .pagination > .disabled > span:focus,
    .pagination > .disabled > span:hover {
        color: #c1c1c1 !important;
        cursor: default !important;
        background-color: #fff;
        border-color: #ddd;
    }

/*welcome widget*/
.welcome-widget {
    background: url('Images/welcomeWidget.jpg') no-repeat center;
    background-size: cover;
    height: 250px;
    margin-bottom: 30px;
    padding: 60px 30px 30px 30px;
    position: relative
}

    .welcome-widget:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .8;
        content: ''
    }

    .welcome-widget .widget-content {
        width: 61%;
        position: relative;
        z-index: 2
    }

    .welcome-widget .welcome-span {
        color: #fff;
        font-size: 1.214em;
        margin-bottom: 15px;
        display: inline-block
    }

    .welcome-widget .title {
        color: #fff;
        font-size: 1.714em;
        margin-bottom: 15px
    }

    .welcome-widget > div {
        color: #fff;
        font-size: .9em
    }


/*armed services styles*/
.form-control {
    color: #555 !important
}

.service-page-with-side-container {
    width: 78.5%
}

.service-sidebar-container {
    width: 21.5%
}

.side-tab {
    list-style: none
}

    .side-tab li {
        display: block;
        margin-bottom: 15px
    }

.service-sidebar-container {
    color: #fff;
    padding: 20px;
    color: #fff
}

    .service-sidebar-container h2 i {
        font-size: 30px;
        display: inline-block;
        vertical-align: middle
    }

    .service-sidebar-container h2 span {
        font-size: 1.571em;
        display: inline-block;
        vertical-align: middle
    }

    .service-sidebar-container h2 {
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin-bottom: 20px
    }

.step-number {
    border: 1px solid #fff;
    height: 23px;
    width: 23px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
    padding: 1px 0
}

.step-title {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-size: 1.142em;
    max-width: calc(100% - 75px)
}

.custom-tab-content {
    padding: 30px
}

    .custom-tab-content h2 {
        font-size: 1.571em;
        display: inline-block;
        position: relative;
        margin: 0 0 14px 0;
        padding-bottom: 15px
    }

        .custom-tab-content h2:after {
            content: '';
            position: absolute;
            top: 100%;
            height: 4px;
            width: 100px;
            left: 0
        }

    .custom-tab-content .validation-alert-container {
        color: #000
    }

.form-section {
    border: 1px dashed #c2c2c2;
    padding: 30px;
    margin: 30px 0;
    display: block;
    width: 100%
}

.form-section-title {
    font-size: 1.428em;
    color: #000;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

.custom-form .checkbox label {
    width: 100% !important;
    color: #6a6a6a;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    min-height: 25px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.custom-form [type="checkbox"] + input + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
}

.custom-form [type="checkbox"] + input + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
}

.custom-form [type="checkbox"] + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
}

[type="checkbox"] + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: .2s;
    transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
}

.custom-form [type="checkbox"]:checked + input + label:before {
    top: -10px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid #b68a35;
    border-bottom: 2px solid #b68a35;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

.custom-form [type="checkbox"]:checked + label:before {
    top: -10px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid #b68a35;
    border-bottom: 2px solid #b68a35;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    border: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.custom-form [type="checkbox"],
.custom-form [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.custom-form input[type="radio"] {
    display: none
}

.checkbox-inline,
.radio-inline {
    padding: 0 !important
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    content: '';
    position: absolute;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    border-radius: 50%
}

.custom-form [type="radio"] + label {
    position: relative;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.custom-form [type="radio"]:checked + label:before {
    border: 1px solid #5a5a5a;
}

.custom-form [type="radio"]:checked + label:after {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    -moz-transform: scale(0.75);
    -o-transform: scale(0.75);
    -ms-transform: scale(0.75);
}

.custom-form [type="radio"]:checked + label:after,
.custom-form [type="radio"].with-gap:checked + label:after {
    background-color: #b78a35;
}

.custom-form [type="radio"]:checked + label:after,
.custom-form [type="radio"].with-gap:checked + label:before,
.custom-form [type="radio"]:checked + label:after {
    border: 2px solid #b78a35;
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    border: 1px solid #5a5a5a;
}

.custom-form [type="radio"] + label:after {
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    border: 1px solid #5a5a5a;
}

.radio-container {
    padding: 10px 0;
    width: 100%
}

body .selectize-control.single .selectize-input:after {
    content: '\e901' !important;
    font-family: mofa-ico !important;
    border: none !important;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    width: auto;
    height: auto;
    margin-top: -12px;
    color: #ccc
}

body .selectize-control.single .selectize-input.dropdown-active:after {
    margin-top: -13px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg)
}

body .selectize-dropdown {
    padding: 0
}

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

    body .selectize-dropdown .active {
        background-color: #ebedef;
        color: #000;
    }

/*.loading, .service-loading { background: url('Images/loading.gif') center no-repeat rgba(255,255,255,.9); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99999999999999 }*/

/* Start New Loader */
.loading {
    height: 100vh;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .8);
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

    .loading .loader {
        padding: 25px;
        position: relative;
        overflow: hidden;
    }

        .loading .loader img {
            width: 500px;
        }

        .loading .loader span {
            position: absolute;
            background: #996f31;
        }

            .loading .loader span:nth-of-type(1) {
                top: 0px;
                left: -100%;
                width: 100%;
                height: 5px;
                animation: animate1 2s linear infinite;
            }

            .loading .loader span:nth-of-type(3) {
                bottom: 0px;
                right: -100%;
                width: 100%;
                height: 5px;
                animation: animate3 2s linear infinite;
            }

            .loading .loader span:nth-of-type(2) {
                right: 0px;
                top: -100%;
                height: 100%;
                width: 5px;
                animation: animate2 2s linear infinite;
            }

            .loading .loader span:nth-of-type(4) {
                left: 0px;
                bottom: -100%;
                height: 100%;
                width: 5px;
                animation: animate4 2s linear infinite;
            }

@keyframes animate1 {
    0% {
        left: -100%;
    }

    20% {
        left: 0;
    }

    40% {
        left: 100%;
    }

    60% {
        left: 100%;
    }

    80% {
        left: 100%;
    }

    100% {
        left: 100%;
    }
}

@keyframes animate2 {
    0% {
        top: -100%;
    }

    20% {
        top: -100%;
    }

    40% {
        top: 0;
    }

    60% {
        top: 100%;
    }

    80% {
        top: 100%;
    }

    100% {
        top: 100%;
    }
}

@keyframes animate3 {
    0% {
        right: -100%;
    }

    20% {
        right: -100%;
    }

    40% {
        right: -100%;
    }

    60% {
        right: 0;
    }

    80% {
        right: 100%;
    }

    100% {
        right: 100%;
    }
}

@keyframes animate4 {
    0% {
        bottom: -100%;
    }

    20% {
        bottom: -100%;
    }

    40% {
        bottom: -100%;
    }

    60% {
        bottom: -100%;
    }

    80% {
        bottom: 0;
    }

    100% {
        bottom: 100%;
    }
}

/*table styles*/
.table-responsive {
    margin: 15px 0;
    overflow-y: hidden
}

.table > thead > tr > th {
    background: #7a7a7a;
    color: #fff;
    border-bottom: 0 !important
}

    .table > thead > tr > th a {
        color: #fff !important
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 10px 15px
}

.table-anchor {
    min-width: 90px;
    padding: 0px 10px;
    border-radius: 7px;
    height: 26px;
    line-height: 25px;
    font-size: 1em;
    text-transform: capitalize;
    opacity: 1;
    transition: .3s;
    color: #fff !important;
    display: inline-block;
    text-align: center;
    text-decoration: none !important
}

tr:hover .table-anchor {
    opacity: 1
}

/*empty template*/
.no-items {
    clear: both;
    width: 100%;
    background: rgba(245, 245, 245, 0.7);
    border: 1px solid #ccc;
    text-align: center;
    padding: 30px;
    margin-bottom: 20px
}

/*templates*/
.alert .alert-icon {
    width: 64px;
    height: auto;
    float: left;
}

    .alert .alert-icon i {
        display: block;
        position: relative;
        width: 64px;
        height: 64px;
        line-height: 64px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        color: #fff;
        text-align: center;
        font-size: 2.5em;
    }

.alert .fa-check {
    background: #6cbf5a;
}

.alert .fa-close {
    background: #f05329;
}

.alert .fa-warning {
    background: #e79e2d;
}

.alert .fa-info {
    background: #699aff;
}

.alert .alert-message {
    display: inline-block;
    margin: 6px 0 0 30px
}

.alert-message {
    text-transform: lowercase;
}

.alert {
    border: none;
    color: #555;
    width: 100%;
    display: inline-block;
}

    .alert .alert-message h3 {
        font-weight: bold;
        margin: 0 0 10px;
        color: #555;
        font-size: 1.2em;
        text-transform: capitalize
    }

    .alert a,
    .alert a:hover,
    .alert a:visited {
        text-decoration: underline;
        color: #555 !important;
    }

.page-with-side-container.page-full {
    width: 100%
}

/*laws and regulations homepage component*/
.laws-reg-homepage {
    background: url('/Content/Images/lawsAndRegulationsBg.jpg') center no-repeat;
    background-size: cover;
    min-height: 280px;
    padding: 45px 30px;
    width: calc(100% - 25px);
    position: relative
}

    .laws-reg-homepage:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .7
    }

    .laws-reg-homepage .left-section {
        width: 23%;
        position: relative;
        z-index: 2;
        height: 100%
    }

    .laws-reg-homepage .right-section {
        width: 77%;
        position: relative;
        z-index: 2
    }

    .laws-reg-homepage .section-title {
        line-height: 1.25
    }

    .laws-reg-homepage .section-title,
    .laws-reg-homepage .more-btn span,
    .laws-reg-homepage .more-btn label {
        color: #fff !important
    }

    .laws-reg-homepage .item {
        min-height: 220px;
        padding: 33px 20px 20px 20px;
        box-shadow: none !important
    }

        .laws-reg-homepage .item .title {
            color: #000;
            font-size: 1.285em;
            margin-bottom: 15px;
            display: inline-block
        }

    .laws-reg-homepage .brief {
        font-size: 1em;
        color: #000;
        margin-bottom: 25px
    }

    .laws-reg-homepage .more-btn {
        position: absolute;
        bottom: 30px;
        z-index: 2
    }

    .laws-reg-homepage .default-section:before {
        width: 50%
    }

    .laws-reg-homepage .default-section:hover:before {
        width: 100%
    }

    .laws-reg-homepage .btn {
        position: absolute;
        bottom: 20px
    }

.laws-details .page-item-title {
    max-width: calc(100% - 180px);
}

.law-number {
    margin-bottom: 20px
}

    .law-number span:first-child {
        font-family: 'hbold';
        font-size: 1.142em
    }

    .law-number span:last-child {
        font-size: 1.142em
    }

/*Online services homepage component*/
.online-services-homepage {
    background: #ececec;
    background-size: cover;
    height: 235px;
    padding: 45px 30px;
    width: calc(100% - 20px);
    position: relative;
    margin-bottom: 80px
}

    .online-services-homepage .single-service {
        width: 33.333333%;
        padding: 0 3px;
    }

    .online-services-homepage .left-section {
        width: 12%
    }

    .online-services-homepage .right-section {
        width: 88%;
        position: relative
    }

    .online-services-homepage .custom-row {
        position: relative;
        margin-left: -3px;
        margin-right: -3px
    }

    .online-services-homepage .section-title {
        line-height: 1.25
    }

    .online-services-homepage .section-title,
    .online-services-homepage .more-btn span,
    .online-services-homepage .more-btn label {
        color: #000 !important
    }

    .online-services-homepage .item {
        min-height: 235px;
        padding: 60px 40px 0px 40px;
        box-shadow: none !important;
        display: block;
        position: relative;
        text-align: center;
        text-decoration: none !important;
        transition: .4s ease-in-out;
        top: 0;
        z-index: 33
    }

        .online-services-homepage .item:hover,
        .online-services-homepage .item:focus {
            top: -45px
        }

            .online-services-homepage .item:hover:before,
            .online-services-homepage .item:focus:before {
                content: '';
                position: absolute;
                top: 100%;
                width: 100%;
                height: 45px;
                left: 0
            }

        .online-services-homepage .item:after {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            opacity: .8;
            position: absolute;
            z-index: 1;
            transition: .4s ease-in-out
        }

    .online-services-homepage a.item:hover:after,
    .online-services-homepage a.item:focus:after {
        opacity: .92
    }

    .online-services-homepage .item .title {
        color: #fff;
        font-size: 1.471em;
        display: inline-block;
        text-transform: capitalize;
        display: block
    }

    .online-services-homepage .brief {
        font-size: 1em;
        color: #000;
        margin-bottom: 25px
    }

    .online-services-homepage .more-btn {
        position: absolute;
        bottom: 30px
    }

    .online-services-homepage .default-section:before {
        width: 50%
    }

    .online-services-homepage .default-section:hover:before {
        width: 100%
    }

    .online-services-homepage .btn {
        position: absolute;
        bottom: 20px
    }

.custom-row:before {
    display: table;
    content: " ";
}

.custom-row:after {
    clear: both;
}

.online-services-homepage .item-body {
    position: relative;
    z-index: 33
}

.online-services-homepage .item i {
    color: #fff;
    font-size: 70px;
    margin-bottom: 30px;
    display: inline-block
}

/*online service details page*/
.online-service-details.content-page h2 {
    font-size: 1.571em;
    color: #000;
    margin-bottom: 30px
}

.full-width-btn {
    width: 100%
}

.online-service-details .full-width-btn {
    margin-bottom: 30px;
    padding: 23px 15px;
    height: auto !important;
}

.fees-container,
.rating-container {
    text-align: center;
    font-size: 14px
}

    .fees-container .icon-container,
    .rating-container .icon-container {
        height: 84px;
        width: 84px;
        margin: 0 auto 15px auto;
        position: relative;
        border-radius: 50%;
        background: #f0f0f0
    }

.stars .br-widget {
    width: auto;
    display: inline-block;
    line-height: 1;
    background: #ebebeb;
    border-radius: 5px;
    padding: 7px 12px;
    height: auto !important;
}

.fees-container .icon-container i,
.rating-container .icon-container i {
    position: absolute;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.fees-container h3,
.rating-container h3 {
    font-size: 1.285em;
    font-family: hreg !important;
    text-transform: capitalize !important
}

.fees-container span {
    font-size: 1.857em;
    color: #000;
    font-weight: 600
}

.online-service-details h3 {
    text-transform: uppercase;
    display: block
}

ul,
ol {
    list-style-position: inside
}

.content-page ul,
.content-page ol {
    margin-bottom: 15px;
    display: block;
    list-style: none;
}

.content-page ol {
    counter-reset: li;
}

    .content-page ol li {
        counter-increment: li;
    }

        .content-page ol li::before {
            content: counter(li)'-';
            color: #8c8c8c;
            display: inline-block;
            width: 1.2em;
            vertical-align: middle
        }

.content-page li {
    margin: 3px
}

.content-page .s-content {
    font-size: 1.142em;
    color: #515151
}


.target-channels-container {
    margin-top: 30px
}

.sub-section .icon-container {
    width: 65px
}

.sub-section .sub-section-content {
    width: calc(100% - 65px);
    padding: 5px 15px
}

.sub-section i {
    font-size: 52px
}

.sub-section h3 {
    color: #000;
    font-size: 1.285em;
    display: block;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 3px
}

.sub-section .data {
    color: #515151;
    font-size: 1.142em;
    text-transform: capitalize
}

/*stars*/
.br-theme-fontawesome-stars-o {
    margin-top: 10px
}

    .br-theme-fontawesome-stars-o .br-widget {
        height: 28px;
        white-space: nowrap;
    }

        .br-theme-fontawesome-stars-o .br-widget a {
            font: normal normal normal 20px/1 FontAwesome;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            text-decoration: none;
            margin: 0 2px;
            display: inline-block
        }

            .br-theme-fontawesome-stars-o .br-widget a:after {
                content: '\f006';
                color: #d2d2d2;
            }

            .br-theme-fontawesome-stars-o .br-widget a.br-active:after {
                content: '\f005';
                color: #50E3C2;
            }

            .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
                content: '\f005';
                color: #50E3C2;
            }

            .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
                content: '\f123';
                color: #50E3C2;
            }

        .br-theme-fontawesome-stars-o .br-widget .br-current-rating {
            display: none;
        }

    .br-theme-fontawesome-stars-o .br-readonly a {
        cursor: default;
    }

    .br-theme-fontawesome-stars-o .br-reverse a.br-fractional {
        display: inline-block;
        transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
    }

.table-centered thead th,
.table-centered tbody tr td {
    text-align: center !important;
}

#toBePrintedPage .form-horizontal .col-sm-9 .form-control-static {
    font-size: 14px;
}

#toBePrintedPage .custom-form .control-label {
    font-weight: bold;
}

@media print {

    .footer-top.text-center a {
        font-size: 0;
    }

    #toBePrintedPage .form-horizontal .col-sm-9 .form-control-static {
        padding-top: 0px !important;
    }

    .br-theme-fontawesome-stars-o .br-widget a:after {
        content: '\f006';
        color: black;
    }

    .br-theme-fontawesome-stars-o .br-widget a.br-active:after,
    .br-theme-fontawesome-stars-o .br-widget a.br-selected:after {
        content: '\f005';
        color: black;
    }

    .br-theme-fontawesome-stars-o .br-widget a.br-fractional:after {
        content: '\f123';
        color: black;
    }

    .breadcrumb-container,
    .language-selector-container,
    .icon-search,
    .edit-link,
    .btn,
    .controllers,
    .mega-admin-menu,
    .nav.navbar-nav.navbar-right.login-btn,
    .btn-group.user-area.user-btn,
    .logo-container,
    .staticSocialMedia,
    .accessibility-container {
        display: none
    }

    .editMode .widget.edit:hover,
    .widget.edit.clearfix:hover {
        border: 0px !important
    }

    .default-section.details-page:before {
        content: url(/Content/Images/site-logo-PDF.png);
        position: absolute;
        top: -75px;
        right: 20%;
    }

    .PDF-logo:before {
        width: auto !important;
        right: 0 !important;
    }

    .no-print {
        display: none !important
    }

    #minzedChat.bb_minmized_chat {
        display: none !important;
    }


    /***** solving issues ****/
    #ViewModeArmedVehicleDetail thead {
        display: none;
    }

    .table-responsive {
        margin: 5px 0 !important;
        padding: 0;
    }

    .col-xs-12 {
        margin: 0;
        padding: 0
    }

    table > tbody > tr > td {
        padding: 5px 0 5px
    }

    #tableArmedVehicleAttachment {
        display: none
    }

    #tableArmedVehicleShippingDetail th {
        display: none
    }

    #paymentTable thead {
        display: none
    }
}

.concern-custom-list {
    margin-bottom: 25px;
    list-style: none;
}

    .concern-custom-list li {
        padding-left: 15px;
        position: relative;
        font-size: 14px;
    }

        .concern-custom-list li::before {
            font-family: "FontAwesome";
            content: "\f101";
            position: absolute;
            left: 0;
            font-size: 16px;
            top: -2px;
        }

tr.rollback td:first-child {
    position: relative
}

    tr.rollback td:first-child::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        border-top: 20px solid #b71a1a;
        border-right: 20px solid transparent;
    }

/*laws and regulations listing page*/
.download-btn {
    text-decoration: none !Important
}

    .download-btn * {
        color: #000;
        display: inline-block;
        vertical-align: bottom;
        transition: .5s
    }

    .download-btn i {
        font-size: 27px;
        position: relative;
        transition: .3s;
        top: -2px
    }

a.download-btn:hover i,
a.download-btn:focus i {
    top: 5px
}

.laws-reg-list .item {
    min-height: 230px !important
}

.laws-reg-list .item-footer {
    position: absolute;
    bottom: 0px;
    left: 20px;
    width: calc(100% - 40px);
    padding: 15px 0
}

.laws-categ {
    margin-bottom: 15px
}

    .laws-categ i {
        position: relative
    }

.filter-list a {
    display: inline-block;
    color: #000;
    font-size: 1.142em;
    cursor: pointer;
    text-decoration: none !important;
    padding: 5px 20px;
    border-radius: 20px;
    line-height: 1;
    transition: .2s
}

.filter-list .all-categ {
    width: 90px;
}

.filter-list .categ-slider {
    width: calc(100% - 90px);
    padding: 0 30px;
    margin-bottom: 0px
}

.navbar-form.filters.laws-filter {
    padding: 23px 25px 23px 25px;
}

.slick-slider.categ-slider .arrow {
    top: 50%;
    transform: translate(0, -50%);
    width: 24px;
    height: 24px;
    padding: 0 !important
}

    .slick-slider.categ-slider .arrow i {
        font-size: 12px !important
    }

.filter-anchor:hover,
.filter-anchor:focus,
.filter-anchor.active {
    color: #fff !important
}

.filter-list a.filter-anchor {
    margin: 0 10px !important;
    display: inline-block !important;
    width: auto !important
}

/*faqs*/
.details-content {
    background: #fff;
    padding: 30px
}

.title-heading {
    font-size: 1.428em;
    color: #000;
    margin-bottom: 20px
}

.category-container {
    margin-bottom: 30px
}

.faq-question {
    font-size: 1.142em;
    color: #000 !important;
    display: block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    padding: 9px 0;
    text-decoration: none !important
}

    .faq-question:hover,
    .faq-question:focus {
        background: rgba(120, 120, 120, .1)
    }

    .faq-question:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: top;
        color: #fff;
        padding: 7px 10px;
        font-size: 16px;
        height: 34px;
        line-height: 1
    }

    .faq-question:after {
        content: '-';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        vertical-align: middle;
        color: #fff;
        font-size: 16px;
        background: #000;
        border-radius: 50%;
        text-align: center;
        width: 20px;
        height: 20px;
        line-height: 1;
        transition: .3s
    }

    .faq-question.collapsed:after {
        content: '+'
    }

.question-body.default-section {
    margin-top: 20px;
    box-shadow: none !Important;
    background: #f2f2f2;
    color: #515151;
    font-size: 1em
}

.cat-question {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
    margin-bottom: 20px
}

    .cat-question:last-child {
        border-bottom: 0
    }

.default-section.question-body {
    position: relative;
    min-height: 80px
}

    .default-section.question-body:after {
        content: '';
        position: absolute;
        top: 25px;
        display: inline-block;
        vertical-align: top;
        color: #fff;
        padding: 7px 10px;
        font-size: 16px;
        height: 34px;
        line-height: 1
    }

/*careers*/
.single-job.faq-question:before {
    display: none
}

.careers-page .question-body:after {
    display: none !important
}

.careers-page .default-section.question-body {
    padding: 20px !important
}

.careers-page .question-body .page-item-body {
    margin: 15px 0 !important
}

.gridCareersJobs .cat-question:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

/*photo gallery*/
.gallery-listing .item-img {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.gallery-listing .list-item {
    position: relative;
    height: 250px;
    overflow: hidden;
    margin-bottom: 30px;
    display: block
}

.gallery-listing .item-body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    padding: 30px;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    z-index: 2
}

.gallery-listing .list-item:hover .item-body,
.gallery-listing .list-item:focus .item-body {
    background: rgba(0, 0, 0, .8);
}

.gallery-listing .item-content {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px)
}

.gallery-listing .item-title {
    color: #fff !important;
    font-size: 1.142em;
    margin-bottom: 10px;
    font-family: hreg !important
}

.gallery-listing .item-body .item-content > i {
    font-size: 36px;
    display: inline-block;
    margin-bottom: 10px;
    transition: .2s ease-in-out
}

.gallery-listing .list-item:hover .item-content > i,
.gallery-listing .list-item:focus .item-content > i {
    transform: scale(1.2)
}

.gallery-listing .item-date {
    opacity: .7
}

    .gallery-listing .item-date i {
        font-size: 15px;
        margin-right: 10px
    }

    .gallery-listing .item-date span {
        font-size: 1em
    }

.gallery-listing .list-item:after {
    content: '>';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 34px;
    color: #fff;
    font-size: 16px;
    padding: 7px 10px;
    line-height: 1;
    text-align: center;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    z-index: 1;
    display: none
}

.gallery-listing .list-item:hover:after {
    transform: scale(0) rotate(180deg);
    border-radius: 100%;
}

/*photogallery details*/
.galleria-theme-classic .galleria-stage,
.galleria-theme-classic .galleria-thumbnails-container {
    left: 0 !important;
    right: 0 !important
}

.galleria-theme-classic {
    background: #fff !important
}

.slide-item {
    height: 350px !Important
}

.page-item-body {
    margin-bottom: 30px
}

#photogallery-slider {
    width: 80%
}

.side-slider {
    width: 20%
}

#photogallery-thumbnails {
    width: 100%;
    height: 350px !Important
}

    #photogallery-thumbnails .slide-item {
        height: 81px !important;
        margin-bottom: 9px
    }

.share-download {
    position: absolute;
    color: #fff;
    top: 0px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
}

    .share-download a {
        color: #fff !important;
        font-size: 22px;
        margin: 0 10px;
        display: inline-block;
        vertical-align: middle;
        text-decoration: none !important;
        transition: .15s ease-in-out;
        cursor: pointer
    }

        .share-download a:hover,
        .share-download a:focus {
            transform: scale(1.15)
        }

.icon-sep {
    width: 1px;
    height: 22px;
    display: inline-block;
    background: #fff;
    vertical-align: middle
}

#photogallery-thumbnails .slide-item {
    position: relative;
    cursor: pointer
}

    #photogallery-thumbnails .slide-item:after {
        content: '';
        position: absolute;
        transition: .2s;
        width: 100%;
        height: 100%;
        display: block;
        left: 0;
        top: 0;
        z-index: 3;
        background: rgba(0, 0, 0, .45)
    }

    #photogallery-thumbnails .slide-item.slick-current:after,
    #photogallery-thumbnails .slide-item:hover:after {
        background: none !important
    }

#photogallery-slider.slick-slider .arrow {
    top: 50%;
    transform: translateY(-50%)
}

.slick-custom-control {
    position: absolute;
    bottom: 0;
    padding: 15px 20px;
    z-index: 3
}

    .slick-custom-control > * {
        display: inline-block;
        color: #fff;
        font-size: 15px;
        vertical-align: middle
    }

    .slick-custom-control i {
        font-size: 20px !important;
        vertical-align: middle
    }

.slick-paging-info {
    margin: 0 25px
}

.slick-custom-control a {
    cursor: pointer;
    color: #fff !important
}

#photogallery-thumbnails .slick-arrow {
    position: absolute;
    width: 100%;
    left: 0;
    display: block;
    text-align: center;
    color: #fff;
    padding: 3px 0;
    font-size: 20px;
    opacity: 0;
    transition: .5s ease-in-out
}

#photogallery-thumbnails .slick-prev {
    top: -40px;
}

#photogallery-thumbnails .slick-next {
    bottom: -40px;
}

#photogallery-thumbnails:hover .slick-arrow {
    opacity: 1
}

/*video details*/
.single-side-video {
    height: 95px;
    display: block;
    margin-bottom: 15px;
    position: relative
}

    .single-side-video:last-child {
        margin-bottom: 0
    }

.video-main-frame {
    width: 70%
}

.side-video-list {
    width: 30%;
    position: relative
}

.video-thumb {
    width: 35%;
    height: 100%;
    position: relative
}

.video-container-content {
    width: 65%
}

.video-icon-player {
    opacity: 0;
    transition: .3s ease-in-out
}

.single-side-video:hover .video-icon-player,
.single-side-video:focus .video-icon-player {
    opacity: 1
}

.video-icon-player:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: 1;
    content: ''
}

.video-icon-player i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    font-size: 42px;
    color: #fff;
}

.video-container-content h4 {
    font-size: 1em;
    color: #000;
    font-family: hreg !important;
    font-weight: 600
}

.side-video-list {
    height: 315px
}

/*our partners*/
.simple-list .list-item {
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    background: #fff
}

.flex-container .simple-list .list-item {
    height: calc(100% - 30px)
}

.simple-list .item-body {
    background: #fff;
    padding: 15px;
    min-height: 60px;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    transition: .5s ease-in-out;
    z-index: 4
}

.simple-list .list-item:hover .item-body,
.simple-list .list-item:focus .item-body {
    transform: translateY(-100%)
}

.simple-list .list-item:hover .item-img img,
.simple-list .list-item:focus .item-img img {
    transform: translate(-50%, -50%) scale(1.2)
}

.simple-list h2 {
    color: #000;
    font-size: 1.142em;
    font-family: hreg !important
}

.simple-list .item-img {
    background: #fff;
    height: 200px;
    position: relative;
    z-index: 3
}

    .simple-list .item-img img {
        max-width: 80% !important;
        max-height: 80% !important;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: .5s ease-in-out
    }

.simple-list-type2 .item-body {
    position: static !important;
    transform: none !important
}

/*partners and industries homepage*/
.partners-industries-home {
    background: #f1f1f1;
    margin-top: 30px;
    padding: 30px 30px 10px 30px;
    min-height: 327px;
    position: relative
}

.tab-headings {
    margin-bottom: 20px;
    position: relative
}

    .tab-headings li {
        display: inline-block
    }

        .tab-headings li a {
            font-family: hreg;
            font-size: 1.785em;
            color: #7a7a7a;
            text-decoration: none !important;
            position: relative;
            line-height: 1
        }

        .tab-headings li.active a {
            color: #000
        }

            .tab-headings li.active a:after {
                position: absolute;
                left: -10px;
                height: 7px;
                width: calc(100% + 20px);
                top: calc(100% + 10px);
                content: ''
            }

.partners-industries-home .tab-container {
    display: none;
    padding: 10px 0
}

    .partners-industries-home .tab-container.active {
        display: block
    }

.small-list-homepage {
    margin-bottom: 0 !important
}

    .small-list-homepage div {
        text-align: center
    }

        .small-list-homepage div a {
            display: inline-block;
            position: relative;
            width: 90%;
            height: 110px;
            transition: .2s ease-in-out
        }

            .small-list-homepage div a:hover,
            .small-list-homepage div a:focus {
                transform: scale(1.12)
            }

        .small-list-homepage div img {
            max-width: 90% !important;
            max-height: 90% !important;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 33
        }

    .small-list-homepage .slick-list {
        width: calc(100% - 150px);
        margin: 0 auto;
        padding: 20px 0
    }

body .small-list-homepage.slick-slider .arrow {
    top: 50% !important;
    transform: translate(0, -50%) !important
}

.tab-headings:before {
    content: '';
    position: absolute;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #d1d1d1;
    top: 40px
}






/*armed services styles*/
.form-control {
    color: #555 !important
}

.service-page-with-side-container {
    width: 78%
}

.service-sidebar-container {
    width: 22%;
    background: #b68a35
}

.side-tab {
    list-style: none
}

    .side-tab li {
        display: block;
        margin-bottom: 15px
    }

.service-sidebar-container {
    color: #fff;
    padding: 20px;
    color: #fff
}

    .service-sidebar-container h2 i {
        font-size: 30px;
        margin-right: 10px;
        display: inline-block;
        vertical-align: middle
    }

    .service-sidebar-container h2 span {
        font-size: 1.571em;
        display: inline-block;
        vertical-align: middle
    }

    .service-sidebar-container h2 {
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, .3);
        margin-bottom: 20px
    }

.step-number {
    border: 1px solid #fff;
    height: 23px;
    width: 23px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-right: 15px;
    vertical-align: middle;
    padding: 1px 0
}

.step-title {
    display: inline-block;
    color: #fff;
    vertical-align: middle;
    font-size: 1.142em
}

.custom-tab-content {
    padding: 30px
}

    .custom-tab-content h2 {
        font-size: 1.571em;
        display: inline-block;
        position: relative;
        margin: 0 0 14px 0;
        padding-bottom: 15px
    }

        .custom-tab-content h2:after {
            content: '';
            position: absolute;
            top: 100%;
            height: 4px;
            width: 100px;
            background: #b78a35;
            left: 0
        }

    .custom-tab-content .validation-alert-container {
        color: #000
    }

.form-section {
    border: 1px dashed #c2c2c2;
    padding: 30px;
    margin: 30px 0;
    display: block;
    width: 100%
}

.form-section-title {
    font-size: 1.428em;
    color: #000;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle
}

    .form-section-title:before {
        width: 3px;
        height: 18px;
        content: '';
        position: relative;
        z-index: 9;
        display: inline-block;
        vertical-align: top;
    }

.custom-form .checkbox label {
    font-size: 14px;
    width: 100% !important;
    color: #6a6a6a;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    min-height: 25px;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.custom-form [type="checkbox"] + input + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
}

.custom-form [type="checkbox"] + input + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
}

.custom-form [type="checkbox"] + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
}

.custom-form [type="checkbox"]:checked + input + label:before {
    top: -10px;
    left: -5px;
    width: 12px;
    height: 22px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #980e3c;
    border-bottom: 2px solid #980e3c;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

[type="checkbox"] + label:before,
.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    margin-top: 2px;
    -webkit-transition: 0s;
    transition: 0s;
    -moz-transition: 0s;
    -o-transition: 0s;
    -ms-transition: 0s;
}

.custom-form [type="checkbox"]:checked + input + label:before {
    top: -4px;
    left: 0px;
    width: 7px;
    height: 15px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #b68a35;
    border-bottom: 2px solid #b68a35;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

.custom-form [type="checkbox"]:checked + label:before {
    top: -4px;
    left: 0px;
    width: 7px;
    height: 15px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #b68a35;
    border-bottom: 2px solid #b68a35;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
}

.custom-form [type="checkbox"]:not(.filled-in) + input + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

.custom-form [type="checkbox"]:not(.filled-in) + label:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
}

.custom-form [type="checkbox"],
.custom-form [type="checkbox"]:checked {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.custom-form input[type="radio"] {
    display: none
}

.checkbox-inline,
.radio-inline {
    padding: 0 !important
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    margin: 4px;
    width: 12px;
    height: 12px;
    z-index: 0;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    border-radius: 50%
}

.custom-form [type="radio"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    -webkit-transition: .28s ease;
    transition: .28s ease;
    -moz-transition: .28s ease;
    -o-transition: .28s ease;
    -ms-transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: normal;
}

.custom-form [type="radio"]:checked + label:before {
    border: 1px solid #5a5a5a;
}

.custom-form [type="radio"]:checked + label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
}

.custom-form [type="radio"]:checked + label:after,
.custom-form [type="radio"].with-gap:checked + label:before,
.custom-form [type="radio"]:checked + label:after {
    border: 2px solid #b78a35;
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    border: 1px solid #5a5a5a;
}

.custom-form [type="radio"] + label:after {
    -webkit-transform: scale(0);
    transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
}

.custom-form [type="radio"] + label:before,
.custom-form [type="radio"] + label:after {
    border: 1px solid #5a5a5a;
}

.custom-form .data-label {
    padding: 10px 0;
    color: #555;
    font-size: 1.142em;
}

.form-sub-section {
    background-color: #eee;
    padding: 30px 15px 15px 15px;
    margin-bottom: 25px
}

.lg-heading {
    font-size: 2.5em !important
}

/*table styles*/
.table-responsive {
    margin: 15px 0
}

.table > thead > tr > th {
    background: #7a7a7a;
    color: #fff;
    border-bottom: 0 !important
}

    .table > thead > tr > th a {
        color: #fff !important
    }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    padding: 10px 10px !important;
}

/*empty template*/
.no-items {
    clear: both;
    width: 100%;
    background: rgba(245, 245, 245, 0.7);
    border: 1px solid #ccc;
    text-align: center;
    padding: 30px;
    margin-bottom: 0
}

/*templates*/
.alert .alert-icon {
    width: 64px;
    height: auto;
    float: left;
}

    .alert .alert-icon i {
        display: block;
        position: relative;
        width: 64px;
        height: 64px;
        line-height: 64px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        color: #fff;
        text-align: center;
        font-size: 2.5em;
    }

.alert .fa-check {
    background: #6cbf5a;
}

.alert .fa-close {
    background: #f05329;
}

.alert .fa-warning {
    background: #e79e2d;
}

.alert .fa-info {
    background: #699aff;
}

.alert .alert-message {
    display: inline-block;
    margin: 6px 0 0 30px
}

.alert-message {
    text-transform: lowercase;
}

.alert {
    border: none;
    color: #555;
    width: 100%;
    display: inline-block
}

    .alert .alert-message h3 {
        font-weight: bold;
        margin: 0 0 10px;
        color: #555;
        font-size: 1.2em;
        text-transform: capitalize
    }

    .alert a,
    .alert a:hover,
    .alert a:visited {
        text-decoration: underline;
        color: #555 !important;
    }

/*custom scrollbar*/
.ss-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    float: left;
}

.ss-content {
    height: 100%;
    width: calc(100% + 18px);
    padding: 0 0 0 0;
    position: relative;
    overflow: auto;
    box-sizing: border-box;
}

    .ss-content.rtl {
        width: calc(100% + 18px);
        right: auto;
    }

.ss-scroll {
    position: relative;
    width: 3px;
    border-radius: 4px;
    top: 0;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
    transition: opacity 0.25s linear;
}

.ss-hidden {
    display: none;
}

.ss-container:hover .ss-scroll,
.ss-container:active .ss-scroll {
    opacity: 1;
}

.ss-grabbed {
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}


/*org chart*/
.org-chart ul {
    list-style: none
}

.org-chart .tree-item {
    background: #fff;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    text-decoration: none !important;
    height: 100px;
    position: relative
}

.org-chart .img-container {
    display: inline-block;
    line-height: 0;
    width: 100px;
    height: 100px;
    overflow: hidden;
    background: #eeecec;
    position: relative;
    z-index: 1
}

.org-chart img {
    display: block;
    max-width: 90%;
    max-height: 90%;
    width: auto !important;
    height: auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.org-chart .tree-item span {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
    display: block;
    color: #000;
    font-size: 1.142em;
    max-height: 100px;
    overflow: hidden
}

.org-chart .title-container {
    width: calc(100% - 100px);
    padding: 0 20px
}

.org-chart {
    position: relative
}

    .org-chart .tree-item:before {
        position: absolute;
        content: '';
        height: 2px;
        width: 75px;
        background: #aaa;
        top: 50px;
        z-index: 0;
        transform: none !important
    }

    .org-chart .tree-item.parent-item:before {
        display: none
    }

    .org-chart ul ul {
        position: relative
    }

        .org-chart ul ul:before {
            position: absolute;
            content: '';
            height: 100%;
            width: 2px;
            background: #aaa;
            top: -50px;
            transform: none !important
        }

.item-selector {
    width: 9px;
    height: 100%;
    z-index: 2;
    position: relative;
    background: #afafaf !important
}

.org-chart .parent-item + ul li:last-child > ul:last-child:after {
    position: absolute;
    content: '';
    height: calc(100% + 28px);
    width: 2px;
    background: #dbdbdb;
    top: -78px;
    transform: none !important
}

.org-chart .tree-item:hover .item-selector,
.org-chart .tree-item:focus .item-selector {
    width: 15px;
}

.item-selector {
    transition: .2s
}

/*main menu*/
.site-header .container {
    position: relative
}

.menu-trigger {
    width: 43px;
    height: 24px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    z-index: 3;
}

    .menu-trigger span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #000;
        border-radius: 9px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        .menu-trigger span:nth-child(2) {
            top: 9px;
        }

        .menu-trigger span:nth-child(3) {
            top: 18px;
            width: 75%;
        }

    .menu-trigger.opened span:nth-child(1) {
        top: 7px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        width: 80%;
        height: 2px
    }

    .menu-trigger.opened span:nth-child(2) {
        opacity: 0;
    }

    .menu-trigger.opened span:nth-child(3) {
        top: 7px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
        width: 80%;
        height: 2px
    }

.main-menu-container {
    position: absolute;
    background: #fff !important;
    z-index: 99;
    width: calc(100% - 30px);
    display: none;
    top: 85px;
    padding: 35px 35px 5px 35px
}

    .main-menu-container ul {
        list-style: none
    }

.main-menu > li {
    width: 16.66666666667%;
    padding: 0 10px;
    margin-bottom: 30px
}

body a.main-menu-title {
    font-size: 1.428em;
    color: #000 !important;
    margin-bottom: 25px;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize
}

.main-menu.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.main-menu a {
    color: #7f7f7f !important;
    margin-bottom: 5px;
    display: inline-block
}

.sub-menu a {
    font-size: 1.142em
}

.menu-trigger.opened {
    position: relative;
    z-index: 92
}

    .menu-trigger.opened span {
        background: #fff
    }

    .menu-trigger.opened:before {
        content: '';
        position: absolute;
        display: block;
        width: 150px;
        height: 70px;
        top: -32px;
    }

.menu-modal {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    display: none;
    z-index: 91
}

.menu-trigger.opened:after {
    font-size: 1.142em;
    color: #fff;
    font-weight: 600;
    position: absolute;
    z-index: 93;
    top: 0px
}

/*side menu*/
.side-header {
    width: 100%
}

    .side-header .icon-container {
        width: 30px;
        color: #000
    }

    .side-header i {
        font-size: 30px
    }

    .side-header .title-container {
        width: calc(100% - 30px);
        padding: 0 10px
    }

        .side-header .title-container h3 {
            font-size: 1.571em;
            text-transform: capitalize;
            color: #000;
            line-height: 35px
        }

.side-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 25px
}

.content-side-menu {
    list-style: none
}

    .content-side-menu a {
        color: #333 !important;
        font-size: 1.142em;
        margin-bottom: 23px;
        display: inline-block;
        text-transform: capitalize;
        line-height: 1;
        opacity: .8;
        text-decoration: none !important;
        position: relative
    }

    .content-side-menu li:last-child a {
        margin-bottom: 0
    }

    .content-side-menu a:before,
    .content-side-menu a:before,
    .content-side-menu a:before {
        content: '';
        height: 25px;
        width: 5px;
        position: absolute;
        top: -5px;
        opacity: 0;
        transition: .25s
    }

    .content-side-menu a:hover:before,
    .content-side-menu a:focus:before,
    .content-side-menu a.router-link-active:before,
    .content-side-menu a.active:before {
        opacity: 1
    }

/*login page*/
.login-bg {
    background: url('../Content/Images/login-bg.jpg') no-repeat center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

    .login-bg:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .6);
        content: '';
        display: block;
        z-index: 1
    }

.mofa-login-form {
    z-index: 3;
    position: relative;
    width: 475px;
    margin: 0 auto;
    vertical-align: middle;
    height: auto;
    max-width: calc(100% - 30px);
    background: #fff
}

    .mofa-login-form .header {
        background: #ededed;
        padding: 35px;
        border-bottom: 6px solid;
        width: 100%
    }

        .mofa-login-form .header h1 {
            font-size: 2.142em;
            color: #000;
            line-height: 1;
            text-transform: uppercase
        }

.loginform-body {
    padding: 30px;
    width: 100%
}

.username-input,
.password-input {
    position: relative
}

    .username-input:after {
        position: absolute;
        z-index: 0;
        content: '\e919';
        top: 50%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-family: mofa-ico !important;
        font-size: 25px;
        color: #919191;
        pointer-events: none;
        cursor: pointer
    }

    .username-input:before {
        position: absolute;
        height: 50%;
        background: #919191;
        width: 1px;
        top: 27%;
        content: '';
        z-index: 1;
        pointer-events: none;
        cursor: pointer
    }

    .password-input:after {
        position: absolute;
        z-index: 0;
        content: '\e915';
        top: 50%;
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-family: mofa-ico !important;
        font-size: 25px;
        color: #919191;
        pointer-events: none;
        cursor: pointer
    }

    .password-input:before {
        position: absolute;
        height: 50%;
        background: #919191;
        width: 1px;
        top: 27%;
        content: '';
        z-index: 1;
        pointer-events: none;
        cursor: pointer
    }

.loginBtn + a {
    margin: 0 20px
}

.manage-reg {
    position: absolute;
    top: 10px;
    font-size: 1.5rem;
}

    .manage-reg:hover,
    .manage-reg:focus {
        text-decoration: none;
    }

/*UAE control list*/
.full-inner .navbar-form.filters .form-group {
    width: 17%
}

.default-tabs {
    display: block;
    list-style: none;
    overflow: hidden
}

    .default-tabs a {
        padding: 15px;
        min-width: 180px;
        display: block;
        height: 45px;
        background: #f1f1f1;
        text-align: center;
        font-size: 1.142em;
        color: #787878 !important;
        text-decoration: none !Important;
        line-height: 1
    }

.uae-top-nav {
    border-bottom: 6px solid;
}

.tabcontentGoods .table-responsive,
.tabcontentGoods .navbar-form.filters {
    margin: 0 !important
}

.tabcontentGoods table {
    border-collapse: collapse !important
}

.table-responsive table tr {
    border: 1px solid transparent;
    border-color: transparent !important
}

.tabcontentGoods table tbody tr:hover {
    border-color: #a5a5a5 !important
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
    border-top: none !important
}

.tabcontentGoods table > tbody > tr:hover td {
    border-top: 1px solid #a5a5a5 !important
}

.doc-container {
    padding: 30px 30px 22px 30px;
    background: #fff
}

.doc-item {
    background: #f1f1f1;
    margin-bottom: 8px;
    padding: 30px
}

.doc-item-container {
    width: 33.333333%;
    padding: 0 4px
}

    .doc-item-container.two-in-one {
        width: 50%
    }

.doc-row {
    margin-left: -4px !important;
    margin-right: -4px !important
}

.gridLatestDocuments .doc-row {
    display: flex;
    flex-wrap: wrap;
}

.gridLatestDocuments .doc-item {
    display: flex;
    align-items: center;
}

.doc-item .right-section {
    width: 140px
}

.doc-item .left-section {
    width: calc(100% - 140px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: center
}

    .doc-item .left-section i {
        font-size: 55px
    }

    .doc-item .left-section h3 {
        padding: 0 15px;
        align-self: center;
        flex: 1;
        font-size: 1.142em;
        color: #000
    }

/*edited modal*/
.modal-footer {
    background: #ebebeb
}

.modal-header {
    border-bottom: 4px solid #000
}

    .modal-header .modal-title {
        font-family: hreg !important
    }

    .modal-header .modal-title,
    .modal-header .close {
        color: #000
    }

.table-custom-content .single-group {
    margin-bottom: 30px
}

    .table-custom-content .single-group label,
    .table-custom-content .single-group span {
        font-size: 1.142em
    }

    .table-custom-content .single-group label {
        display: block;
        margin-bottom: 5px
    }

.lg-modal {
    width: 1000px;
    max-width: 90%
}

.table-custom-content .single-group span {
    text-transform: capitalize
}

.table-disc {
    background: #ebebeb;
    font-size: 1.142em;
    line-height: 1.2;
    color: #000 !important;
    padding: 20px;
    overflow: hidden
}

.tabcontentGoods .modal-content {
    overflow-y: auto;
    max-height: 100vh
}

.lg-modal .modal-body {
    padding: 40px
}

.modal-open .modal {
    background: rgba(0, 0, 0, .5)
}

.modal-dialog {
    width: 600px;
    max-width: 95%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 !important;
    -ms-transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
}

    .modal-dialog.lg-modal {
        width: 1000px;
        max-width: 90%
    }

/*date picker*/
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: #fff !important;
    background-color: #ccc !important;
}


.event-side-info:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #ffa800;
    opacity: .5;
    z-index: 1
}

.event-side-info:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: .25;
    z-index: 2
}

a {
    transition: .2s
}

/*search*/
.search-item {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5
}

    .search-item:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

    .search-item .title-container {
        margin-bottom: 9px
    }

    .search-item a {
        font-size: 1.142em;
        font-family: hbold !important;
        color: #000
    }

    .search-item .page-item-data {
        margin-bottom: 10px
    }

/*updated styles*/
.service-sidebar-container .side-tab {
    margin-left: -20px;
    margin-right: -20px
}

    .service-sidebar-container .side-tab li {
        margin: 0;
        padding: 10px 20px;
        position: relative
    }

        .service-sidebar-container .side-tab li.active {
            background: rgba(255, 255, 255, .25)
        }

            .service-sidebar-container .side-tab li.active:before {
                content: '';
                width: 0;
                height: 0;
                border-top: 9px solid transparent;
                border-bottom: 9px solid transparent;
                border-left: 9px solid #b68a35;
                position: absolute;
                left: 100%;
                top: 13px;
                z-index: 3
            }

.vdp-datepicker.form-control {
    padding: 0;
    box-shadow: none;
    border: 0
}

    .vdp-datepicker.form-control input {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        height: 43px;
        border-radius: 0;
    }

.vdp-datepicker input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    height: 43px;
    border-radius: 0;
}

.default-section.no-border::before {
    display: none !important
}

.page-with-side-container .section-header {
    margin-bottom: 25px
}

.side-tab .status {
    position: Absolute;
    top: 11px;
    width: 22px;
    height: 22px
}

.error-count {
    color: #c21;
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    font-weight: bold;
    width: 22px;
    height: 22px;
    border: 2px solid #c21;
    border-radius: 50%;
    text-align: center;
    padding-top: 0px;
    font-size: 11px;
    line-height: 18px;
    background: #dc9f9f
}

.status i {
    position: Absolute;
    background: #fff;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    padding: 5px;
    font-size: 12px;
    top: 0;
    opacity: .3
}

li .status.done i {
    opacity: 1
}

#NumberofVehiclesID {
    position: absolute;
    z-index: -9999
}

label.form-control {
    line-height: 2
}

textarea.form-control {
    min-height: 150px;
    width: 100% !important
}

.btn-upload span {
    font-size: 28px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    line-height: 8px;
    height: 12px;
    vertical-align: top
}

.custom__tag {
    display: inline-block
}

.surveys-listing .item-body-container {
    width: 100% !important
}

.survey-q {
    margin-bottom: 10px
}

.q-body {
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 35px
}

.survey-q:first-child {
    margin-top: 15px
}

.q-body:last-child {
    border-bottom: 0 !Important
}

.custom-form.simple {
    display: block !Important;
    margin-top: 0 !important
}

/*comments */
.comments-list {
    margin-bottom: 20px
}

    .comments-list .single-comment {
        background: #ebebeb;
        padding: 25px 15px;
    }

    /*margin-bottom: 20px;*/
    .comments-list .single-comment {
        margin-top: 20px;
    }

        .comments-list .single-comment span {
            display: block
        }

/*.comments-list .single-comment,.comments-list .no-items{margin-top:25px}*/
.single-comment .comment-type {
    text-transform: capitalize;
    font-size: 1.142em;
    margin-bottom: 7px;
    display: inline-block !important
}

.single-comment .comment-date {
    font-weight: bold;
    color: #aaa;
    margin-bottom: 10px
}

p.comment-details {
    font-size: 1em;
    color: #000
}

.grid-default-container {
    background: #fff;
    padding: 30px
}

.marg-b {
    margin-bottom: 30px
}

.navbar-form.filters div[class*="col"] {
    margin-bottom: 10px
}

.modal .custom-form {
    margin-top: 0
}

.surveys-listing .item-body-container {
    width: 100% !important
}

.survey-q {
    margin-bottom: 10px
}

.q-body {
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 35px
}

.survey-q:first-child {
    margin-top: 15px
}

.q-body:last-child {
    border-bottom: 0 !Important
}

/*final updates*/
.alert-view {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9399;
    display: none
}

.alert-msg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 600px;
    background: #fff;
    text-align: center;
    padding: 30px;
    z-index: 1
}

    .alert-msg i.main-icon {
        font-size: 40px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        color: #fff;
        font-style: normal !important;
    }

        .alert-msg i.main-icon span {
            font-weight: bold
        }

    .alert-msg .alert-body {
        margin-bottom: 25px
    }

    .alert-msg p {
        font-size: 1.142em;
        color: #000
    }

    .alert-msg .icon-container {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        margin-bottom: 20px;
        display: inline-block;
        background: #ccc;
        position: relative
    }

    .alert-msg .btn {
        margin: 0 10px
    }

    .alert-msg.success .icon-container {
        background-color: #78c82a
    }

    .alert-msg.error .icon-container {
        background-color: #c21
    }

    .alert-msg.warning .icon-container {
        background-color: #e79e2d
    }

@import url(http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

/****** Style Star Rating Widget *****/
.custom-rating-container {
    margin-bottom: 15px
}

.rating {
    border: none;
    display: table;
    margin: 0 auto
}

    .rating > input {
        display: none;
    }

    .rating > label:before {
        margin: 5px;
        font-size: 1.7em;
        font-family: FontAwesome;
        display: inline-block;
        content: "\f005";
    }

    .rating > .half:before {
        content: "\f089";
        position: absolute;
    }

    .rating > label {
        color: #ddd;
        float: right
    }

    /***** CSS Magic to Highlight Stars on Hover *****/

    .rating > input:checked ~ label,
    /* show gold star when clicked */
    .rating:not(:checked) > label:hover,
    /* hover current star */
    .rating:not(:checked) > label:hover ~ label {
        color: #FFD700;
    }

        /* hover previous stars in list */
        .rating > input:checked + label:hover,
        /* hover current star when changing rating */
        .rating > input:checked ~ label:hover,
        .rating > label:hover ~ input:checked ~ label,
        /* lighten current selection */
        .rating > input:checked ~ label:hover ~ label {
            color: #FFED85;
        }

.rateus-title {
    margin: 10px 0 0 0 !important
}

/*workspace updates*/
.workspace-side li {
    position: relative
}

.ws-task-count {
    position: absolute;
    right: 0;
    border-radius: 5px;
    height: 25px;
    min-width: 25px;
    color: #fff;
    padding: 3px 4px;
    top: -4px;
    font-size: 14px;
    text-align: center
}

.btn-upload + input {
    position: absolute;
    opacity: 0;
    z-index: -9
}

td .btn + .btn {
    margin: 5px 0
}

/*surveys*/
.surveys-listing .item-body-container {
    width: 100% !important
}

/*manage*/
.manage h2 {
    font-size: 1.8em;
    margin-top: 20px
}

/* fixes */
#after-submit-popup h3 {
    margin-bottom: 10px;
    font-size: 1.3em
}

#after-submit-popup h2:after {
    display: none;
    border-bottom: 1px solid #ccc
}

#after-submit-popup h2 {
    font-size: 1.571em;
    display: inline-block;
    position: relative;
    margin: 0 0 14px 0;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

#after-submit-popup .alert-msg .alert-body {
    margin-bottom: 0px;
}

#after-submit-popup h3.request-number {
    border-top: 3px solid rgba(0, 0, 0, .6);
    padding-top: 11px;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 10px;
}

#after-submit-popup span.request-number {
    font-size: 2em
}

#splitting-message span.request-number {
    font-size: 2em
}

#splittingArmed-message span.request-number,
#splittingGoods-message span.request-number {
    font-size: 2em
}

/* Sms Verification  */
.site-content.login-bg .resend-sms-container {
    width: 100%;
}

.resend-sms-container a#resendVerification {
    margin-left: 20px;
}

/*temp*/
.rs-container {
    position: absolute;
    background: rgba(255, 255, 255, .7);
    top: 65px;
    z-index: 3;
    display: none;
    padding: 12px;
    border-radius: 5px;
    box-shadow: #ccc 1px 1px 35px 1px;
    min-width: 167px;
}

.is-controlled {
    background: #b52c1f !important
}

    .is-controlled td,
    .is-controlled a {
        color: #fff !important
    }

.rs_addtools .rsbtn_toolpanel .rsbtn_tools,
.rsbtn .rsbtn_toolpanel .rsbtn_tools {
    position: static !important
}

/*read speaker*/
.rsbtn_powered.rsimg {
    display: none !important
}

.rs_addtools.toolsopen .rsbtn_play,
.rsbtn.toolsopen .rsbtn_play {
    border-radius: 0 !important
}

.rs_addtools .rsbtn_play .rsbtn_right.rsimg,
.rsbtn .rsbtn_play .rsbtn_right.rsimg {
    background-image: none;
    padding: 0 0 0 20px;
    border-radius: 0;
}

.rs_addtools .rsbtn_play,
.rsbtn .rsbtn_play {
    margin: 0 !important
}


/*armed vehicle updates*/
td .deleteItem,
td .editItem,
td .viewItem {
    color: #000;
    text-decoration: none !important;
    font-size: 18px
}

tb .table-sep {
    margin: 0 10px;
    display: inline-block
}

.table-img-col {
    padding: 0 10px !important;
    vertical-align: middle
}

    .table-img-col img,
    .table-img-col i {
        height: 35px;
        font-size: 35px
    }

.allowed-ext span {
    font-family: hbold
}

.allowed-ext {
    margin-top: 5px
}

th {
    white-space: nowrap !important;
}

.single-comment h4 {
    margin-bottom: 8px;
    display: inline-block
}

#tableArmedVehicleAttachment.table > tbody > tr > td {
    vertical-align: middle
}

/*events home update*/
.events-home-empty {
    height: 397px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.events-home-empty {
    text-align: center;
}

    .events-home-empty h2 {
        font-size: 2.285em;
        margin: 0 auto;
        margin-bottom: 2.142rem;
        width: 60%
    }

    .events-home-empty p {
        font-size: 1em;
        color: #515151;
        margin-bottom: 2.142rem;
    }

.single-event-item {
    height: 295px
}

    .single-event-item .left-section {
        width: 35%;
        height: 100%;
        position: relative;
        overflow: hidden
    }

        .single-event-item .left-section .item-img {
            width: 100%;
            height: 100%
        }

.events-home .single-event-item .item-body {
    width: 65%
}

.single-event-item .item-date {
    position: absolute;
    bottom: -10px;
    border: none !important;
    left: -10px;
    z-index: 3
}

    .single-event-item .item-date:before {
        width: 100%;
        height: 100%;
        position: absolute;
        content: '';
        display: block;
        background: #fff;
        border-radius: 100%;
        z-index: -1;
        top: 5px;
        left: -5px
    }

.events-home .single-event-item .item-title {
    margin: 0 0 15px 0
}

.single-event-description {
    margin-top: 15px;
    color: #515151;
    font-size: 1em
}

.site-bg-color {
    background: #dbdbdb
}


/*header alert*/
.header-alert-msg {
    background: #c71c34;
    color: #fff;
    height: auto;
    z-index: 77;
    border-radius: 0;
    position: relative;
    line-height: 44px
}

    .header-alert-msg .container > div {
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
        line-height: 1
    }

    .header-alert-msg .container * {
        line-height: 1 !important
    }

    .header-alert-msg .icon-container {
        padding: 8px 0;
        border-top: 0;
        border-radius: 0 0 6px 6px
    }

        .header-alert-msg .icon-container i {
            font-size: 24px
        }

    .header-alert-msg p {
        font-size: 1.142em
    }

.btn-alert {
    background: #900011 !important;
    vertical-align: middle !important;
    display: inline-block !Important
}

    .btn-alert:hover,
    .btn-alert:focus {
        background: #af0015 !important
    }

.header-alert-msg .btn-alert {
    margin-top: 1px
}

.close-notif {
    color: #fff !important;
    margin-top: 16px;
    display: inline-block;
    text-decoration: none !Important
}

.current-user-container {
    position: relative
}

.notif-open {
    position: absolute;
    top: 2px;
    color: #c21;
    border: 1px solid #c21;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    text-align: center;
    background: #c21;
    padding: 1px;
    display: none;
    font-size: 14px;
    z-index: 1
}

    .notif-open i {
        display: inline-block;
        color: #fff
    }



/*uae home component*/
.uae-home-component {
    height: 310px;
    background: url('Images/UAEBg.jpg') center no-repeat !important;
    background-size: cover !important
}

    .uae-home-component.default-section,
    .feedback-homepage.default-section {
        padding: 40px 20px
    }

    .uae-home-component .item-footer {
        position: absolute;
        bottom: 30px;
        z-index: 1
    }

    .uae-home-component .section-header {
        margin-bottom: 15px;
        position: relative;
        z-index: 1
    }

    .uae-home-component .item-description {
        font-size: 1.214em;
        color: #000;
        max-height: 350px;
        overflow: hidden;
        position: relative;
        z-index: 1
    }

    .uae-home-component * {
        color: #fff
    }

.contact-info {
    padding: 45px 25px;
    color: #fff
}

    .contact-info i {
        font-size: 65px;
        margin-bottom: 15px;
        display: inline-block
    }

    .contact-info > div {
        font-size: 1.857em
    }

body .t-left {
    text-align: left !important
}

.event-side-info {
    padding: 30px 40px;
}

.login-bg.register {
    display: block !important;
}

/* contact us */
#contact-map {
    height: 540px
}

.map-section {
    position: relative
}

.contact-info-container {
    position: absolute;
    z-index: 9;
    top: 50%;
    width: 32%;
    padding: 30px;
    transform: translateY(-50%)
}

    .contact-info-container h2 {
        font-size: 1.714em;
        margin-bottom: 30px;
        color: #fff;
        font-family: hreg !important
    }

    .contact-info-container ul {
        list-style: none
    }

    .contact-info-container li {
        margin-bottom: 20px
    }

    .contact-info-container i {
        color: #fff;
        font-size: 1.5em
    }

    .contact-info-container span {
        color: #fff;
        font-size: 1.1em
    }

    .contact-info-container li:last-child {
        margin-bottom: 0
    }

    .contact-info-container li * {
        display: inline-block;
        vertical-align: middle
    }

    .contact-info-container li span {
        max-width: calc(100% - 45px);
    }

/* online services listing page */
.fees {
    color: #000;
    font-size: 1.142em;
    font-family: hbold;
    margin-top: 8px;
    display: inline-block;
}

/*armed updates*/
#armed .custom-form > .col-sm-6 {
    width: 33.33333333333%
}

.f-sep {
    width: 100%
}

.accessibility-menu-item {
    display: none
}


/*updated menu*/
.page-item-data {
    width: 100%;
    margin-bottom: 15px
}

    .page-item-data:last-child {
        margin-bottom: 0
    }

body .dropdown-menu > li > a {
    display: block;
    padding: 10px 20px !important;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
    min-width: 220px;
}

body .dropdown-menu {
    padding: 0 !important;
    border-radius: 0 !important
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff !important;
}

.page-item-title-container {
}

#formGoodsDetails {
    width: 100%
}

.icon-contrast.active {
    transform: rotate(90deg)
}

/*dashboards*/
.db-info-container {
    overflow: hidden;
    margin-bottom: 30px
}

    .db-info-container .icon-container {
        width: 100px;
        height: 100px;
        position: relative
    }

        .db-info-container .icon-container img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            max-width: 60%;
            height: auto
        }

    .db-info-container .body-container {
        height: 100px;
        background: #fff;
        width: calc(100% - 100px);
        padding: 15px
    }

.db-info-container {
    margin-left: -15px;
    margin-right: -15px
}

    .db-info-container .db-info-col {
        padding: 0 15px;
        width: 25%
    }

    .db-info-container .body-container span {
        color: #000;
        font-size: 2.516em;
        font-weight: 600
    }

    .db-info-container .body-container label {
        width: 100%;
        color: #8e8e8e;
        font-size: 1.142em;
        display: block
    }

.tabs-tab-content {
    display: none;
    background: #fff;
    padding: 30px 30px 0 30px
}

    .tabs-tab-content:first-child {
        display: block
    }

.chart-container {
    padding: 15px 30px;
    background: #eee;
    margin-bottom: 30px;
    height: calc(100% - 30px)
}

    .chart-container h4 {
        margin-bottom: 25px;
        font-size: 1.571em;
        display: block;
        color: #000
    }

.legend-container {
    border: 1px dashed #898989;
    padding: 15px;
    overflow: hidden;
    margin-top: 20px
}

    .legend-container .legend-col {
        width: 50%;
        margin-bottom: 6px
    }

.legend-col span {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.legend-col label {
    max-width: calc(100% - 30px);
    display: inline-block;
    vertical-align: middle;
    color: #000;
    text-transform: capitalize
}

.controled-alert span,
.controled-alert i {
    display: inline-block;
    vertical-align: central
}

.controled-alert i {
    margin: 0 10px
}

/*forgot pw*/
.lg-cont .mofa-login-form {
    width: 700px;
    max-width: calc(100% - 30px)
}

.site-content.login-bg.lg-cont .body {
    width: 100%
}

/*ui bugs fixing*/
.service-card-list .item-img-container:after {
    position: absolute;
    left: 0;
    top: 0 !important;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 1;
    opacity: .5
}

.section-title + .validation-alert-container {
    margin-top: 7px
}

/*.captcha-container iframe {-webkit-transform: scale(.6);-ms-transform: scale(.6);transform: scale(.6);-webkit-transform-origin: left;-ms-transform-origin: left;transform-origin: left}*/

/*
.expired { background: #b71a1a !important; }
.expired td { color: #fff !important; }
.expired td a { color: #fff !important; }
*/
tr td.suspicious-col {
    position: relative
}

    tr td.suspicious-col:after {
        content: '';
        position: absolute;
        width: 5px;
        height: 100%;
        background: #b71a1a;
        left: 0;
        top: 0
    }

.form-item img.preview {
    max-height: 75px;
    width: auto !important
}


.label-marg {
    margin-bottom: 10px
}

.user-area .caret {
    border: none !Important
}

    .user-area .caret:after {
        content: "\e905";
        font-family: 'mofa-ico' !important;
        position: absolute;
        bottom: -1px;
        transform: rotate(90deg);
        font-size: 12px;
        color: #111
    }

.custom-date-control label.form-control,
.form-item label.form-control {
    background-color: #eee;
    opacity: 1;
}

.marg-r-10 {
    margin-left: 10px
}

/*industries */
.our-industries-home {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 10px;
}

.single-industry-container {
    width: 33.333333333%;
    padding: 0 15px
}

.our-industries-home .single-industry {
    position: relative
}

.our-industries-home .single-industry-container .more-btn {
    top: 0;
    right: 0
}

.our-industries-home .industry-body {
    margin-top: 15px;
    background: #fff;
    padding: 25px 10px;
    overflow: hidden;
    min-height: 173px
}

.industry-body .cont {
    float: right;
    padding: 0px 10px;
    width: 33.3333333333%
}

.industry-body .no-logo {
    background: #f5f5f5;
    padding: 15px;
    height: 107px;
    color: #5e5e5e;
    font-size: 1.142em;
    font-weight: 600;
    text-transform: uppercase
}

.single-industry h3 {
    font-size: 1.142em;
    color: #000;
    text-transform: uppercase;
    font-family: hreg !important
}

.with-logo img {
    max-width: 100%;
    display: inline-block !important;
    vertical-align: middle
}

.industry-body .no-logo,
.industry-body .with-logo {
    min-height: 107px
}

.industry-body .with-logo {
    line-height: 107px
}

.cont a {
    text-decoration: none !important;
    transition: .2s;
    display: block
}

    .cont a:hover,
    .cont a:focus {
        transform: scale(1.1)
    }

/*feedback homepage*/
.feedback-homepage {
    background: url('Images/saandBGEN.png') no-repeat center !important;
    background-size: cover !important;
    height: 310px;
    width: 100%
}

    .feedback-homepage .item-footer {
        position: absolute;
        bottom: 30px;
        z-index: 1
    }

    .feedback-homepage .item-description {
        font-size: 1.214em;
        color: #fff;
        max-height: 350px;
        overflow: hidden
    }

    .feedback-homepage:after {
        opacity: .2;
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgb(220, 158, 39);
        background: -moz-linear-gradient(-45deg, rgb(220, 158, 39) 0%, rgba(255, 255, 255, 1) 100%);
        /* FF3.6-15 */
        background: -webkit-linear-gradient(-45deg, rgb(220, 158, 39) 0%, rgba(255, 255, 255, 1) 100%);
        /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(135deg, rgba(182, 138, 53, 1) 0%, rgba(255, 255, 255, 1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b68a35', endColorstr='#ffffff', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }

    .feedback-homepage .section,
    .survey-home .section {
        position: relative;
        z-index: 1
    }

    .feedback-homepage .left-section {
        width: 70px
    }

    .feedback-homepage .right-section {
        width: calc(100% - 70px)
    }

    .feedback-homepage * {
        color: #fff
    }

    .feedback-homepage .section-title {
        margin-bottom: 10px
    }

    .feedback-homepage .number {
        font-size: 2.571em;
        display: block;
        line-height: 1;
        margin-bottom: 10px
    }

.read-only-form-control {
    background-color: #eee;
    display: block;
    line-height: 2;
    width: 100%;
    min-height: 34px;
    border-radius: 0;
    font-size: 1em !important;
    box-sizing: border-box !important;
    padding: 6px 12px;
    background-image: none;
    color: #555 !important;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/*survey homepage*/
.survey-home {
    height: 310px;
    width: 100%;
    background: url('Images/surveyBg.jpg') !important
}

    .survey-home .left-section {
        width: 120px
    }

        .survey-home .left-section img {
            max-width: 100%
        }

    .survey-home .right-section {
        width: calc(100% - 120px);
        padding: 0 15px
    }

    .survey-home.default-section {
        padding: 40px 20px;
    }

    .survey-home * {
        color: #fff !important
    }

    .survey-home h3 {
        font-size: 1em;
        font-family: hreg !important;
        margin-bottom: 15px
    }

/*wizard*/
ul.wizard-list {
    display: table !important;
    margin: 0 auto;
    margin-bottom: 50px
}

.wizard-list li {
    position: relative;
    margin: 0 45px !important
}

    .wizard-list li a {
        height: 78px;
        width: 78px;
        border: 1px solid #ccc;
        display: inline-block;
        border-radius: 50%;
        background: #fff;
        transition: .3s
    }

.content-page .wizard-list li:before {
    display: none !Important
}

.content-page .wizard-list li:after {
    content: '';
    top: calc(50% - 1px);
    height: 2px;
    width: 90px;
    position: absolute;
    background: #ccc
}

.content-page .wizard-list li:last-child:after {
    display: none
}

.wizard-list li h3 {
    position: relative;
    top: calc(100% + 10px);
    white-space: nowrap;
    width: auto !Important;
    color: #000;
    transform: translate(-50%, 0);
    position: absolute;
    left: 50%
}

.wizard-list li a i {
    font-size: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -55%);
    color: #c1c1c1
}

.wizard-header {
    box-shadow: 0px 3px 4px 0px #eaeaea;
    padding-bottom: 10px
}

.default-section.no-padding {
    padding-left: 0 !Important;
    padding-right: 0 !Important
}

.wizard-body {
    padding: 25px
}

.s-content p {
    margin-bottom: 10px
}

.wizard-body .s-content {
    display: none
}

    .wizard-body .s-content.first {
        display: block
    }

.wizard-list li a.active i,
.wizard-list li a:hover i,
.wizard-list li a:focus i {
    color: #fff
}

.image-preview {
    margin-top: 8px
}

.attachment-list {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    overflow: hidden;
}

    .attachment-list h4 {
        color: #000;
        font-size: 1.142em;
    }

    .attachment-list a {
        text-decoration: none !important;
        display: block;
        padding: 20px
    }

        .attachment-list a:hover,
        .attachment-list a:focus {
            background: #ededed
        }

.content-page .attachment-list ul {
    width: calc(100% - 18px);
    display: block
}

.content-page .attachment-list li {
    margin: 0;
    position: relative;
}

    .content-page .attachment-list li:before {
        position: absolute
    }

.content-page .attachment-list .download-btn {
    width: 70px;
    text-align: center
}

    .content-page .attachment-list .download-btn i {
        margin: 0;
        display: block
    }

.content-page .attachment-list h4 {
    width: calc(100% - 70px);
    padding: 0 20px;
    overflow: visible;
    white-space: initial;
    height: auto;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%)
}

.content-page .attachment-list li:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.default-section.attachment-section {
    padding: 26px 15px 15px 15px;
}


/*uaw list new*/
.uae-list {
    background: #fff;
    padding: 25px
}

    .uae-list .list-item {
        background: #f1f1f1;
        margin-bottom: 30px;
        height: 100%;
        position: relative;
        padding-bottom: 72px
    }

    .uae-list .item-row {
        overflow: hidden;
        margin-bottom: 25px
    }

    .uae-list .item-key {
        width: 50%;
        color: #747474
    }

    .uae-list .item-value {
        width: 50%;
        color: #000
    }

    .uae-list > .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-grow: 1;
    }

        .uae-list > .row > div {
            margin-bottom: 30px
        }

    .uae-list .item-footer {
        bottom: 0;
        position: absolute;
        width: 100%;
        left: 0
    }

        .uae-list .item-footer a {
            background: #676767;
            display: block;
            color: #fff !important;
            transition: .3s
        }

        .uae-list .item-footer .left-section {
            width: calc(100% - 44px);
            padding: 0 20px;
            font-size: 1.142em
        }

        .uae-list .item-footer .right-section {
            width: 44px
        }

        .uae-list .item-footer .left-section,
        .uae-list .item-footer .right-section {
            height: 72px;
            line-height: 73px
        }

.item-row.no-margin {
    margin-bottom: 0
}

.uae-list .item-footer .more-icon {
    text-align: center;
    font-size: 20px;
    transition: .15s
}

.uae-list .item-footer a:hover .more-icon,
.uae-list .item-footer a:focus .more-icon {
    font-size: 24px
}

.uae-list .item-footer a:hover,
.uae-list .item-footer a:focus {
    background: #777;
}

/**/
.input-description {
    display: inline-block;
    margin: 0 4px;
    vertical-align: text-bottom;
    position: absolute;
}

    .input-description .description {
        width: 150px;
        opacity: 0;
        position: absolute;
        background: #eee;
        padding: 15px;
        border-radius: 5px;
        transition: .3s;
        bottom: calc(100% - 5px);
        z-index: -1
    }

    .input-description i {
        color: #aaa;
        border: 2px solid #aaa;
        width: 18px;
        height: 18px;
        display: inline-block;
        border-radius: 50%;
        text-align: center;
        padding: 2px;
        font-size: 10px;
        cursor: pointer
    }

        .input-description i:hover + .description {
            opacity: 1;
            z-index: 1
        }

.input-note {
    display: block;
    background: #eee;
    padding: 7px 15px;
    border-radius: 8px;
    margin-top: 15px
}

td a {
    cursor: pointer
}

.table-responsive td img {
    max-height: 50px;
    width: auto !Important
}

.survey-home .item-footer {
    position: absolute;
    bottom: 30px;
    z-index: 1
}

.alert-msg .alert-body h3 {
    font-size: 1.342em;
    margin-bottom: 10px;
    color: #000;
    border: 0
}

/*for responsive*/
.show-mob {
    display: none !important
}

.mob-accord-title {
    display: none !important;
    color: #fff;
    font-size: 1.142em;
    font-family: hbold;
    padding: 15px;
    border-top: 1px solid #fff;
    cursor: pointer
}

.custom-form form {
    display: block;
    width: 100% !important
}

.datepicker table tr td span {
    text-align: center
}

.intl-tel-input.allow-dropdown {
    width: 100%
}

.multiselect__input,
.multiselect__single {
    font-size: 1em !important;
    line-height: 35px !important;
}

.form-item .multiselect__input,
.form-item .multiselect__single {
    min-height: 25px !important;
    line-height: 20px !important;
    padding: 0px !important;
    padding-top: 5px !important;
    margin-bottom: 0 !important;
}

.form-item .multiselect--active:not(.multiselect--above) .multiselect__input {
    padding-left: 0;
}

.form-item .multiselect--above.multiselect--active .multiselect__input,
.form-item .multiselect--active:not(.multiselect--above) .multiselect__input {
    width: 100% !important;
}

a.empty-link {
    cursor: default !important
}

.export-link {
    position: relative;
    text-decoration: none !important;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block;
    text-transform: capitalize;
    font-size: 1.142em
}

    .export-link i {
        transform: rotate(90deg);
        display: inline-block;
        margin: 0 10px
    }

.export-list {
    display: none;
    position: absolute;
    background: #fff;
    list-style: none !Important;
    width: 130px;
    z-index: 3;
    box-shadow: 0px 2px 5px #ccc;
}

    .export-list li {
    }

        .export-list li a {
            color: #000;
            text-decoration: none;
            padding: 10px 15px;
            display: block;
            font-weight: bold
        }

            .export-list li a:hover,
            .export-list li a:focus {
                color: #fff
            }

.chart-errorMsg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.142em;
}

/*details content page*/
.details-content-page {
}

h2.ws-title {
    font-size: 1.571em;
    margin-bottom: 15px;
    color: #000
}

.ws-button {
}

.lg-list-homepage .slick-list {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}

input {
    -webkit-appearance: none;
}

.rs_addtools .rsbtn_play,
.rsbtn .rsbtn_play,
.rsbtn .rsbtn_exp .rsbtn_exp_inner {
    border: 1px solid #c9c9c9 !important;
}


/*bug fixing*/
#GoodsSearchPopup .table > tbody > tr > td {
    direction: ltr !important
}

.content-page .s-content {
    font-size: 1em !important
}

    .content-page .s-content p {
        font-size: 1.142em
    }

    .content-page .s-content .border-left-before {
        font-size: 1.25em;
        font-weight: 700 !important
    }

    .content-page .s-content td {
        font-size: 1em
    }

    .content-page .s-content h5 {
        color: #444;
        font-size: 1.142em;
        text-decoration: underline;
        font-weight: 600 !important
    }

body .survey-home .left-section {
    width: 90px
}

body .survey-home .right-section {
    width: calc(100% - 90px)
}

#CompanyInformation .branch-list-item {
    width: 100%
}



#GoodsSearchPopup .modal-body {
    overflow: auto !important
}


#GoodsSearchPopup .modal-body {
    height: 400px;
    overflow-y: scroll;
}

body label.form-control {
    white-space: initial !important;
    word-break: break-word !important;
    height: auto !important;
    min-height: 37px
}

.image-preview {
    width: 200px !Important;
    position: relative
}

    .image-preview img {
        position: static;
        transform: none;
        max-width: 100%;
        max-height: 100px;
        width: auto !important;
        height: auto !important
    }

    .image-preview .icon-file-pdf-regular {
        font-size: 3em;
        color: #c21
    }

.multiselect.form-control {
    box-sizing: border-box !important;
    min-height: 43px;
    height: auto !important
}

    .multiselect.form-control .multiselect__tags {
        border: 0;
        padding: 6px 40px 5px 8px
    }

    .multiselect.form-control .custom__tag {
        display: block;
        padding: 5px 0
    }

.v-select .dropdown-toggle {
    border-radius: 0 !Important
}

.v-select .form-control {
    background: none !important;
    height: auto !important;
    width: 0 !important;
    min-height: initial !important
}

.navbar-form.filters .v-select .dropdown-toggle {
    background: #f2f2f2;
    border: none !Important;
    height: 37px
}

body .v-select .dropdown-menu > .highlight > a {
    background: #fff;
    color: #000
}

body .selectize-input > input,
.selectize-input .item {
    overflow: hidden
}

.v-select .dropdown-menu {
    text-align: right !important;
    overflow-y: auto !important
}

.branch-list-item h2 {
    background: #eee;
    display: block;
    padding: 8px 10px;
    cursor: pointer
}

    .branch-list-item h2:after {
        display: block;
        width: 100%;
    }

.branch-list-item .branch-info-body {
    display: none
}

.branch-list-item:first-child .branch-info-body {
    display: block
}

.custom-error-vehicle-number {
    margin-bottom: 15px
}

.resend-code {
    color: black;
    font-size: 1em;
    margin-bottom: 10px;
    font-weight: 600;
}

.c-full-width {
    width: 100% !important
}

.service-statistics h3 {
    font-size: 1em;
    color: #000;
    font-family: hreg !important;
    width: calc(100% - 110px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 3px
}

.service-statistics p {
    font-size: 2em;
    font-family: hbold !important;
    width: 80px;
}

.service-statistics .default-section {
    margin-bottom: 30px
}

.attachments-container h3 {
    font-weight: bold
}

.visibility-hidden {
    visibility: hidden;
    position: absolute
}

/**/
.exp-alert-msg {
    background: #da3929;
    padding: 10px 30px;
    color: #fff;
    margin: 10px 0;
    border-radius: 10px;
    width: auto;
    text-align: left;
    display: inline-block;
}

.form-horizontal .exp-alert-msg {
    display: table
}

.exp-alert-msg p {
    margin: 0 10px;
    font-size: 1.142em;
    text-transform: capitalize
}

.exp-alert-msg i {
    font-size: 18px
}

.exp-alert-msg * {
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

/* Splitted items */
.form-horizontal .splitted-item:not(:first-of-type) {
    padding-top: 20px;
}

/* Update Popup */
#update-popup .alert-msg h2.font-bold {
    margin-top: 15px !important;
    margin-bottom: 0px !important;
}

    #update-popup .alert-msg h2.font-bold::after {
        display: none;
    }

.guidelines-section {
    display: none
}

.concern-entities .checkboxes .checkbox label {
    width: auto !important;
}

table.mblGrid {
    width: 100%;
}

    table.mblGrid .MobilGridRow .MobilGridLabel,
    table.mblGrid .MobilGridRow .MobilGridValue {
        padding: 10px 15px;
    }

        table.mblGrid .MobilGridRow .MobilGridLabel a {
            color: white;
        }

.intl-tel-input {
    direction: ltr;
}

.custom-form .checkbox input[disabled] + label {
    cursor: not-allowed;
}

.single-attachment .icon-file-pdf-regular + .delete-icon {
    top: 17px;
    padding: 4px;
}


/*////////////////////////////////////////////////////////////////////////////////end styles/////////////////////////////////////////////////////////////////////////////////////////// */
/* -webkit-transition: 2s;transition:  2s; */
/* -ms-transform: scaleY(1.5); -webkit-transform: scaleY(1.5); transform: scaleY(1.5); */
@media only screen and (max-width: 1600px) {

    /****/
    .item-title {
        margin-bottom: 10px
    }

    /****/
    .strategy-icon-t {
        height: 55px
    }

    .item-brief {
        font-size: 1em
    }

    html {
        font-size: 12px
    }

    .online-service-details h3 {
        margin-bottom: 0
    }

    body .selectize-input {
        line-height: 1.4 !important
    }

    body {
        font-size: 12px
    }

    .container {
        width: 95%
    }

    /*default list*/
    .default-list .img {
        width: 205px;
        height: 200px
    }

    .default-list .item {
        height: 200px
    }

    .default-list .item-footer {
        bottom: 5px;
        right: 15px;
        width: calc(100% - 30px)
    }

    .default-list .item-body-container {
        width: calc(100% - 205px);
        padding: 15px
    }

    /*news homepage component*/
    .news-home-listing .item {
        height: 430px
    }

    .news-home-listing .default-section {
        width: calc(100% - 30px);
        margin: 0 auto;
        position: relative;
        top: 75%;
        height: 190px;
    }

    .news-home-listing .section-header {
        margin-bottom: 20px;
    }

    .news-home-listing .item-title,
    .events-home .item-title,
    survey-home .item-title {
    }

    .events-home .item-title {
        margin-bottom: 10px;
        max-height: 40px;
        overflow: hidden;
    }

    .news-home-listing .item-description {
        color: #515151;
        font-size: 1em;
        max-height: 50px;
        overflow: hidden;
    }

    .news-home-listing .item-title h3 {
        padding-bottom: 3px
    }

    .default-list .item-date span:first-child {
        margin-top: 3px
    }

    /*service card details*/
    .wizard-list li {
        margin: 0 25px !important;
    }

    .content-page .wizard-list li:after {
        width: 50px
    }

    /*filteration*/
    .navbar-form.filters {
        padding: 15px 14px 5px 14px;
    }

    .btn {
        min-width: 120px
    }

        .btn.btn-default {
            height: 34px;
            padding: 11px
        }

        .btn.btn-secondary {
            height: 34px;
            padding: 10px 11px
        }

    .navbar-form.filters .form-control,
    .form-control {
        height: 34px
    }

    .form-group.date:after,
    .custom-date-control:after {
        font-size: 22px
    }

    /*welcome widget*/
    .welcome-widget {
        height: 180px;
        padding: 30px 30px 30px;
    }

    /*events home*/
    .events-home .section-header {
        margin-bottom: 15px;
    }

    .events-home {
        min-height: 303px;
    }

        .events-home .item {
            padding-bottom: 10px;
            margin-bottom: 11px;
        }

        .events-home .item-date {
            width: 60px;
            height: 60px;
            padding: 14px 0
        }

    .radio-container {
        padding: 7px 0;
    }

    .events-home-empty {
        height: 303px;
    }

    .single-event-item {
        height: 222px
    }

    /*laws and reg homepage component*/
    .laws-reg-homepage {
        min-height: 240px;
        padding: 20px;
        width: calc(100% - 40px)
    }

        .laws-reg-homepage .item.default-section {
            min-height: 200px;
            padding: 23px 15px 15px 15px;
            box-shadow: none !important
        }

        .laws-reg-homepage .btn {
            bottom: 15px !important
        }

    /*photo gallery*/
    .share-download {
        padding: 5px
    }

    .slick-custom-control {
        padding: 10px 15px
    }

    /*industries*/
    .simple-list .item-img {
        height: 150px
    }

    /*home feedback*/
    .feedback-homepage .right-section {
        top: 70px
    }

    .feedback-homepage .contact-info {
        position: relative;
        height: 165px
    }

    .feedback-homepage .section-header {
        margin-bottom: 20px
    }

    .contact-info {
        padding: 32px 25px;
    }

    /*online services*/
    body .online-services-homepage,
    .survey-home.default-section,
    .uae-home-component.default-section {
        padding: 35px 20px 20px 20px
    }

    .online-services-homepage .item {
        padding: 40px 22px 0px 22px;
        min-height: 205px
    }

        .online-services-homepage .item:hover,
        .online-services-homepage .item:focus {
            top: -35px
        }

        .online-services-homepage .item i {
            font-size: 55px
        }

    .online-services-homepage {
        height: 205px
    }

        .online-services-homepage .left-section {
            width: 10%
        }

        .online-services-homepage .right-section {
            width: 90%
        }

    .tab-headings:before {
        top: 36px;
    }

    .online-service-details.content-page .full-width-btn {
        padding: 17px;
    }

    /*survey home*/
    .survey-home,
    .uae-home-component,
    .feedback-homepage {
        height: 250px
    }

        .survey-home .survey-img {
            height: 200px;
        }

        .survey-home .section-header {
            margin-bottom: 20px;
        }

        .survey-home .item-footer {
            width: calc(63% - 30px)
        }

        /*UAE Home Component*/
        .uae-home-component .section-header {
            margin-bottom: 20px
        }

    /*org chart*/
    .org-chart .tree-item:before {
        width: 45px
    }

    /*main menu*/
    .main-menu > li {
        width: 16.6% !important
    }

    body a.main-menu-title {
        margin-bottom: 15px
    }

    /*uae control list*/
    .doc-item .right-section {
        width: 75px;
        text-align: center
    }

    .doc-item .left-section {
        width: calc(100% - 75px);
    }

    table .table-anchor {
        padding: 2px 13px !important;
        height: 26px !important;
        line-height: 20px !important;
        min-width: 90px !important
    }

    .table-responsive table tbody td {
        padding: 5px 10px !important;
        vertical-align: middle !important
    }

    /*welcome widget home*/
    .welcome-widget .widget-content {
        width: 65%
    }

    /**/
    .uae-home-component .item-footer,
    .feedback-homepage .item-footer,
    .survey-home .item-footer {
        bottom: 20px
    }

    .vdp-datepicker.form-control input {
        height: 34px !important
    }

    body label.form-control {
        min-height: 34px
    }

    .default-list .item-img-container {
        top: 16px
    }

    .default-list-img.default-list .item {
        margin-bottom: 40px
    }

    .default-list .item-date i {
        font-size: 33px;
        line-height: 32px;
        height: 33px;
    }

    .modal-header .close {
        top: 12px;
        outline: none !important
    }

    body .selectize-control.single .selectize-input:after {
        margin-top: -9px;
    }

    body .selectize-control.single .selectize-input.dropdown-active:after {
        margin-top: -10px
    }

    /*contact us*/
    .contact-info-container {
        width: 40%
    }

    /*dashboards*/
    .db-info-container .icon-container {
        width: 70px;
        height: 70px
    }

    .db-info-container .body-container {
        height: 70px;
        width: calc(100% - 70px);
        padding: 4px 10px;
    }


    /*bug fixing*/
    body .single.selectize-control .selectize-input,
    body .single.selectize-control,
    .selectize-input {
        line-height: 28px !important
    }

        body .selectize-input > input,
        .selectize-input .item {
            line-height: 18px !important;
            display: inline-block !important;
            height: 18px !important;
            vertical-align: text-top !important
        }

    body .selectize-control.single .selectize-input:after {
        height: 20px !important
    }

    body .selectize-input {
        padding: 1px 12px
    }

    /**/
    .industry-body .no-logo {
        padding: 10px;
        font-size: 1.05em;
    }

    .our-industries-home .industry-body {
        min-height: 158px;
    }

    .partners-industries-home {
        padding: 30px 20px 10px 20px;
        min-height: 310px;
    }

    .body.edit {
        margin: 0 auto
    }

    #ApplyModal .form-horizontal .control-label {
        padding-top: 0
    }

    .body.edit .body-content.error-page {
        transform: translate(-50%, 100%);
    }

    .q-body.radio-container .checkbox .control-label {
        text-align: right !important
    }

    /*bug fixing*/
    .multiselect__tags {
        min-height: 28px;
    }

    .multiselect__select:before {
        top: 47%
    }

    .multiselect.form-control .multiselect__tags {
        border: 0;
        padding: 1px 40px 1px 8px
    }

    .navbar-form.filters .form-group {
        width: 23%;
        margin-bottom: 10px;
    }

    .service-statistics h3 {
        width: calc(100% - 80px);
        margin-top: 4px
    }

    .service-statistics p {
        font-size: 1.5em;
        width: auto;
    }

}



/* payment imgs */
img.preview.payment-method-img {
    max-height: 40px;
    margin: 0 10px;
}

/*multiselect*/
.multiselect-adjust .multiselect {
    min-height: 38px !important;
}

.multiselect-adjust .multiselect__tags {
    min-height: 36px !important;
    padding-top: 7px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.multiselect-adjust .multiselect__select {
    height: 33px !important
}

.multiselect-adjust-input .multiselect {
    min-height: 34px !important;
}

.multiselect-adjust-input .multiselect__tags {
    min-height: 32px !important;
    padding-top: 0px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.multiselect-adjust-input .multiselect__single {
    margin-bottom: 0px !important;
    padding-top: 5px;
}

.multiselect-adjust-input .multiselect__placeholder {
    margin-bottom: 0px !important;
    padding-top: 5px;
}

.multiselect-adjust-input .multiselect__select {
    height: 30px !important
}

.print-btn {
    margin-left: 5px;
    margin-right: 5px;
}

    .print-btn i {
        margin: 0px 5px;
    }


/* Attached file size style */
.attach-size {
    border: 1px dashed #c2c2c2;
    padding: 10px 30px;
    margin-bottom: 15px;
}

    .attach-size .progress {
        width: 200px;
        display: inline-block;
        margin-left: 20px;
        position: relative;
        top: 13px;
    }

    .attach-size p {
        float: left
    }

        .attach-size p i {
            font-size: 30px;
            color: #ffb300;
            position: relative;
            top: 6px;
        }

    .attach-size + .alert {
        margin-bottom: 15px;
    }

    .attach-size span.remainign {
        position: relative;
        top: -13px;
        margin-left: 15px;
    }

/*Single Attachments design*/
.single-attachment {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-top: 15px;
}

    .single-attachment .image-preview img:hover + .delete-icon,
    .single-attachment .image-preview .delete-icon:hover {
        left: 0px;
    }

    .single-attachment .delete-icon {
        width: 80px;
        background: rgba(255, 0, 0, 0.7);
        padding: 5px;
        position: absolute;
        top: 40px;
        left: -80px;
        transition: all 0.5s ease-in-out;
        text-align: center;
    }

        .single-attachment .delete-icon:hover {
            cursor: pointer;
        }

        .single-attachment .delete-icon a {
            color: white;
        }

/*Multi Attachment*/

table.multi-attachment td.table-img-col {
    vertical-align: middle;
}

table.multi-attachment td img {
    position: relative;
    top: 3px;
}

table.multi-attachment a.download-btn:hover i.icon-download,
table.multi-attachment a.download-btn:focus i.icon-download {
    top: -2px;
}

table.multi-attachment .table-sep {
    margin: 0 5px;
}

#after-submit-popup .alert-msg a[target='_blank'] {
    font-weight: bold;
}

/* Hapiness Meter */
#happinessMeterBtn {
    position: fixed;
    top: 60%;
    transform: translateY(-50%);
    z-index: 99;
    color: white;
    padding: 10px;
    font-size: 17px;
    transform: rotate(90deg);
    transform-origin: 100% 0;
    right: 0;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    display: flex;
}

    #happinessMeterBtn:hover span {
        width: 145px;
    }

    #happinessMeterBtn span {
        font-family: hbold;
        width: 0;
        display: inline-block;
        transition: all 0.2s ease-in-out;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        top: 2px;
    }

    #happinessMeterBtn i {
        transform: rotate(-90deg);
        font-size: 28px;
    }

.visible-hidden {
    visibility: hidden !important;
}

@media only screen and (max-width: 1150px) {
    .online-service-details .default-section .wizard-body #t-5 .no-items {
        margin-top: 0px !important;
    }

    .service-sidebar-container .side-tab li.active:before {
        display: none !important
    }

    #readspeaker_button1 {
        display: none
    }

    /*.header-item { display: none !important }*/
    .news-home-listing .slick-slide {
        padding-bottom: 0
    }

    .news-home-listing .slide-img {
        height: 100%;
        width: 50%
    }

    .news-home-listing .default-section {
        height: 100%;
        top: 0;
        right: 50%;
        width: 50%;
        margin: 0
    }

    .news-home-listing .item {
        height: 280px;
    }

    .slick-slider .arrow {
        height: 45px;
        width: 45px;
        top: 43%;
    }

        .slick-slider .arrow i {
            font-size: 33px !important
        }

    .uae-home-component.default-section,
    .feedback-homepage.default-section {
        margin-bottom: 60px
    }

    .sidebar-container {
        width: 100%;
        margin-bottom: 30px
    }

    .page-with-side-container {
        width: 100%
    }

    .navbar-form.filters .form-group {
        width: 31.333333%;
        display: inline-block
    }

    /*listing items*/
    .event-list .item.default-section,
    .list .item.default-section {
        margin-bottom: 30px;
        padding: 16px 10px 20px 10px;
    }

    .event-list .item-date-container {
        width: 100px
    }

    .date-top {
        height: 80px;
    }

    .event-date.width50,
    .event-date.width100 {
        padding: 10px 0
    }

    .event-list .item-body-container {
        width: calc(100% - 100px);
        padding: 0 10px;
    }

    .header-item {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    /*services*/
    .service-sidebar-container {
        width: 100%
    }

    .service-page-with-side-container {
        width: 100%
    }

    /*wizard*/
    .mob-accord-title {
        display: block !important
    }

    .content-page ul,
    .content-page ol {
        overflow: hidden
    }

    .wizard-body .s-content {
        background: #f1f1f1;
        padding: 15px
    }

    .wizard-header {
        display: none !important
    }

    /*services*/
    #armed .custom-form > .col-sm-6,
    .strategic-goods .col-sm-4.form-item {
        width: 50% !important
    }

    .full-inner .navbar-form.filters .form-group {
        width: 33.33333%;
    }

    .doc-item-container {
        width: 50%
    }

    .doc-container {
        padding: 20px 15px 17px 15px
    }

    .uae-list,
    .doc-item {
        padding: 15px
    }

    .event-register.default-section {
        padding: 21px 15px 15px 15px;
    }

    #armed .custom-form > .col-sm-6 {
        width: 50% !important
    }
}

@media (max-width:992px) {
    .single-attachment .image-preview .delete-icon {
        left: 0px;
    }

    .contact-us-map .info {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-bottom: 20px;
        right: 0 !important;
        width: 100%;
    }

    /**** solving issues****/
    .sidebar {
        display: none
    }
}

@media only screen and (max-width: 768px) and (orientation:portrait) {
    .our-industries-home .single-industry {
        padding: 0 50px;
        margin-top: 89px;
    }

    .single-industry h3 {
        text-align: center
    }

    .our-industries-home .single-industry header {
        text-align: center
    }

    .our-industries-home .single-industry-container .more-btn {
        top: -80px
    }

    .single-industry h3 {
        font-size: 2em
    }

    .tab-headings li {
        margin: 0 10px !important
    }

    /*.industry-body { display: none }*/
    #photogallery-slider {
        width: 100% !important
    }

    .side-slider {
        display: none !important
    }

    .container {
        width: 100% !important
    }

    /*homepage*/
    .news-home-listing .slide-img {
        width: 100% !important;
        height: 50%;
        position: static
    }

    .news-home-listing .default-section {
        position: static !important;
        width: 100% !important
    }

    .slick-slider .arrow {
        top: 80px;
    }

    .news-home-listing .item {
        height: 400px
    }

    .welcome-widget .widget-content {
        width: 100%
    }

    .welcome-widget {
        height: 180px;
        padding: 15px
    }

    .single-event-item .left-section {
        width: 100%;
        margin-bottom: 20px
    }

    .single-event-item {
        height: auto;
    }

        .single-event-item .left-section .item-img {
            height: 200px
        }

    .events-home .single-event-item .item-body {
        width: 100%;
        padding: 0
    }

    .online-services-homepage {
        height: auto;
        overflow: hidden
    }

        .online-services-homepage .left-section {
            width: 100%;
            margin-bottom: 20px
        }

        .online-services-homepage .right-section {
            width: 100%;
            position: static
        }

        .online-services-homepage .single-service {
            width: 100%;
            margin-bottom: 20px
        }

            .online-services-homepage .single-service .item {
                position: relative;
                top: 0 !important
            }

            .online-services-homepage .single-service:last-child {
                margin-bottom: 0px
            }

    body .laws-reg-homepage .more-btn {
        position: absolute;
        left: 15px;
        top: 15px;
        bottom: auto;
        right: auto
    }

    .laws-reg-homepage {
        width: 100% !important
    }

        .laws-reg-homepage .left-section {
            width: 70%;
            margin-bottom: 20px
        }

        .laws-reg-homepage .right-section {
            width: 100%;
            left: 0 !important
        }

    .laws-reg-homepage {
        height: auto;
        overflow: hidden
    }

    .online-services-homepage {
        width: 100%;
        margin-bottom: 30px
    }

    .laws-reg-homepage .right-section .col-sm-6:last-child .item {
        margin-bottom: 0
    }

    .news-home-listing .item {
        height: 450px
    }

    .accessibility-menu-item .current-user-container {
        width: 50%;
        margin-right: 0;
        text-align: center;
        float: left
    }

    .accessibility-menu-item .language-selector-container {
        width: 50%;
        margin: 0 !Important;
        text-align: center;
        float: left;
        border-right: 1px solid #ccc
    }

    .accessibility-menu-item .custom-lang-selector {
        margin-top: 0 !important;
        text-align: center !important
    }

    .accessibility-menu-item .navbar-nav > li > a {
        padding: 0
    }

    .accessibility-menu-item .current-user-container,
    .accessibility-menu-item .language-selector-container {
        margin-top: 10px !important;
        padding-top: 10px
    }

    .accessibility-menu-item .custom-lang-selector {
        margin: 0 auto !important
    }

    .logo-container {
        width: 70%
    }

        .logo-container img {
            max-width: 100%
        }

    .sidebar-container {
        width: 100%
    }

    .feedback-homepage .right-section {
        padding: 0 !important;
        margin-top: 30px
    }

    .feedback-homepage .section,
    .survey-home .section {
        overflow: hidden
    }

    .uae-home-component.default-section,
    .feedback-homepage.default-section,
    .survey-home.default-section {
        margin-bottom: 30px
    }

    .survey-home.default-section {
        text-align: center
    }

    .navbar-form.filters .form-group {
        width: 50%;
        padding: 0 15px;
        margin: 0 !important;
        margin-bottom: 15px !important
    }

    /*event details*/
    .page-item-data {
        width: 100%;
        margin-bottom: 15px
    }

        .page-item-data:last-child {
            margin-bottom: 0
        }

    .event-side-info {
        padding: 30px 40px 10px 40px;
    }

    .event-side-info,
    .event-register {
        width: 100% !important
    }

        .event-register .custom-form .form-item {
            width: 50%
        }

    .laws-reg-list .item-footer {
        position: relative;
        width: 100%;
        left: 0;
        padding-bottom: 0
    }

    .laws-reg-list .item {
        min-height: 0
    }

    /*our partners*/
    .simple-list .item-body {
        position: static !important;
        min-height: 0
    }

    .survey-home .left-section {
        width: 50%;
    }

    .survey-home .right-section {
        width: 50%;
    }

    .survey-home .right-section {
        right: -20px
    }

    .survey-home .right-section {
        right: 0px !important;
        left: 0 !important
    }

    .survey-home {
        width: 100%
    }

    /*contact us*/
    .contact-info-container {
        width: 100%;
        position: static;
        transform: none !important
    }

    .map-section {
        padding: 0 15px;
    }

    /*services*/
    .strategic-goods .col-sm-4.form-item,
    #armed .custom-form > .col-sm-6 {
        width: 100% !important
    }

    /*home*/
    .news-home-listing .item-description {
        max-height: initial !important
    }

    .survey-home .item-footer {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        margin: 15px auto 0
    }

    .partners-industries-home .more-btn {
        position: absolute;
        right: 25px;
        top: 80px
    }

    .full-inner .navbar-form.filters .form-group {
        width: 50%
    }

    .doc-item-container {
        width: 100%
    }

    #armed .custom-form > .col-sm-6 {
        width: 100% !important
    }

    /*responsive fixes*/
    .event-date-cat > div {
        display: block;
        padding: 9px 0;
        margin: 0 !important
    }

    .event-list .item .more-btn {
        opacity: 1;
        position: static
    }

    #EventsContainer .item .more-btn {
        position: absolute;
        bottom: 20px;
        right: 10px;
    }

    body .navbar-form.filters .btn {
        margin: 0 15px 15px 15px;
    }

    #EventsContainer .item.default-section {
        min-height: 326px
    }

    .gridLawsAndRegulations .laws-reg-list .item-footer {
        position: absolute;
        left: -10px;
        bottom: 20px
    }
}

.border-left-before {
    padding-left: 10px;
    margin: 20px 0px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.m-b-30 {
    margin-bottom: 30px;
}

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

/* show more links */
.show-more-links {
    margin: 20px 0px;
    text-align: center;
}

    .show-more-links .icon {
        width: 40px;
        height: 40px;
        background: #dbdbdb;
        display: inline-block;
        transform: rotate(45deg);
        margin-bottom: 20px;
    }

        .show-more-links .icon .fa {
            font-size: 40px;
            color: #838383;
            position: relative;
            right: -6px;
            transform: rotate(-45deg);
        }

    .show-more-links a {
        display: block;
    }

/*Download File*/

.download-file {
    background: #f2f2f2;
    height: 60px;
    margin: 10px 0px;
    position: relative;
}

    .download-file .icon,
    .download-file .file-details,
    .download-file .download {
        display: inline-block;
    }

    .download-file .icon {
        width: 60px;
        height: 100%;
        padding: 10px;
    }

        .download-file .icon em {
            font-size: 35px;
            color: white;
            position: relative;
            top: 1px;
            left: 3px;
        }

    .download-file .file-details {
        position: absolute;
        top: 15px;
        margin-left: 15px;
    }

    .download-file .download a:hover {
        text-decoration: none;
    }

    .download-file .file-details p:last-child {
        color: black;
    }

    .download-file .file-details p {
        margin-bottom: 0px;
    }

    .download-file .download {
        float: right;
    }

        .download-file .download a:focus {
            text-decoration: none;
        }

        .download-file .download .icon-download {
            font-size: 25px;
            position: relative;
            top: 15px;
            color: black;
        }

.custom-content-page .inlinetinymcetitle h2 {
    display: none;
}

#unmodal .modal-header .modal-title {
    font-weight: bold;
}

/*Splitting Popup*/
#splitting-message .alert-body p {
    margin-bottom: 10px;
}

#after-submit-popup .alert-body a.btn {
    margin-bottom: 10px;
}

#after-submit-popup .alert-body p {
    margin-bottom: 10px;
}

.font-bold {
    font-weight: bold;
}

.subscribe-to-news-container #SubscribeTriggerModal {
    color: white !important;
}

#unmodal .modal-body #SucessModal {
    min-height: 260px;
}

ul.site-map,
ul.site-map ul.sub-menu {
    list-style: none;
}

    ul.site-map ul.sub-menu {
        /*margin-left: 20px;*/
    }

ul.site-map {
    margin-top: 20px;
}

    ul.site-map .main-menu > li {
        width: 20% !important;
    }

    ul.site-map li.pull-left .main-menu-title {
        color: black !important;
    }

    ul.site-map ul.sub-menu li a {
        color: #7f7f7f !important;
    }

/*Demo Comments*/
.custom-lang-selector a.current-lang {
    border-bottom: none;
    cursor: auto
}

.mofa-login-form.survey-form {
    width: 700px;
}

ul.site-map-page .main-menu li.pull-left {
    width: 20% !important;
}

#mainmenu-container ul.site-map li:nth-child(2) a.main-menu-title:hover,
#mainmenu-container ul.site-map li:nth-child(6) a.main-menu-title:hover,
#mainmenu-container ul.site-map li:nth-child(10) a.main-menu-title:hover {
    text-decoration: none;
}

a.no-arrow::after {
    display: none !important;
}

.checkbox input[disabled] + input + label {
    cursor: no-drop !important;
}

    .checkbox input[disabled] + input + label:after {
        border-color: #5a5a5a !important;
        background: #a7a7a7 !important;
    }

/* Fix flag DDL */
.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container,
.intl-tel-input .country-list {
    width: 100%;
}

.intl-tel-input .country-list {
    overflow-x: hidden;
}

    .intl-tel-input .country-list .country-name {
        white-space: normal;
    }

    .intl-tel-input .country-list .country-name {
        display: inline-block;
    }

/* Remove Scroll from DDL  */
.navbar-form.filters .v-select .dropdown-toggle + .dropdown-menu {
    overflow: hidden;
}

/*Custome Textare*/
textarea.custome-textarea.form-control {
    height: auto;
    min-height: auto;
}

/* Chatbot Icon */
#minzedChat::before {
    content: '\e931';
    font-family: 'mofa-ico' !important;
    font-size: 30px;
    margin-right: 20px;
}

.bb_chat_widget {
    right: initial;
    left: 15px;
}

#minzedChat {
    width: 160px;
    height: 40px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    left: 21px;
}

.bb_minmized_chat,
.bb_open_widget {
    z-index: 9 !important;
}

.online-service-details .default-section.sm-section.guidelines-section .attachments-container h3 {
    margin-bottom: 15px;
}

.online-service-details .default-section.sm-section.guidelines-section .attachments-container .attachment-list {
    margin: 0px;
}

.online-service-details .default-section.sm-section.guidelines-section .attachments-container .no-items {
    width: 100% !important;
}

.online-service-details .default-section .wizard-body #t-5 .no-items {
    margin-top: 20px;
}

.disabled-hover + label:hover {
    cursor: no-drop !important;
}

#FormBodyAjax div.resend-code {
    color: #28a745;
}

.Actions .form-section-title {
    margin-bottom: 20px;
}

label.btn-upload + input[type='file'] {
    font-size: 0px !important;
}

:-ms-input-placeholder {
    color: rgb(166, 166, 166) !important;
}

@media only screen and (max-width: 1300px) {
    .feedback-homepage .number {
        font-size: 2em
    }

    .survey-home .left-section {
        width: 80px
    }

    .survey-home .right-section {
        width: calc(100% - 80px)
    }
}

@media (max-width:940px) {
    .attach-size p {
        float: none;
        margin-bottom: 15px;
    }

    .attach-size .progress {
        margin-left: 0px;
    }
}

@media (max-width:768px) {
    #SubmitRegAlert .alert-msg {
        min-width: inherit !important;
        width: 80%;
    }

    .un-page img {
        width: 100%;
    }

    .sidebar-container {
        display: none !important;
    }

    .page-item-img {
        min-height: 300px;
    }

    .news-details-title {
        float: none !important;
        max-width: 100% !important;
    }

        .news-details-title + a {
            float: none !important;
            margin-bottom: 15px;
            display: inline-block;
        }
}


/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .contact-us-map {
        /*height:750px;*/
    }

        .contact-us-map .info {
            top: 10px;
            left: 10px;
        }

        .contact-us-map .map,
        .contact-us-map .map iframe {
            height: 100%;
        }
}

@media only screen and (max-width: 1023px) {
    .doc-item-container.two-in-one {
        width: 100%;
    }
}

@media (max-width:576px) {
    .laws-details .page-item-title {
        max-width: 100% !important;
    }

        .laws-details .page-item-title + a.download-btn {
            float: none !important;
            margin: 15px 0;
            display: inline-block;
        }

    .loading .loader img {
        width: 240px;
    }

    .un-page table {
        width: 100% !important;
        overflow-x: auto !important;
        display: block;
    }

    .our-industries-home .single-industry {
        padding: 0px
    }

    #photogallery-slider .slide-item {
        background-size: contain !important;
    }

    .footer-top {
        height: auto
    }

        .footer-top .expo-logo {
            margin-left: 60px;
        }

        .footer-top img {
            width: 160px !important;
        }
}

@media(max-width:550px) {
    .attach-size {
        text-align: center
    }

        .attach-size p {
            text-align: center;
            margin-bottom: 5px;
        }

            .attach-size p i {
                display: block;
                margin-bottom: 15px;
            }

        .attach-size .progress {
            width: 100%;
            top: 0;
            margin-bottom: 0px;
        }

        .attach-size span.remainign {
            margin-top: 10px;
            display: inline-block;
            top: 0;
            margin-left: 0px;
        }

    .default-tabs a {
        min-width: 140px;
    }
}

@media (max-width :440px) {
    .g-recaptcha {
        transform: scale(0.7);
        transform-origin: 0;
    }
}

@media (max-width:420px) {
    .footer-top a {
        display: block;
    }

    .footer-top .expo-logo {
        margin-left: 0px;
    }
}

@media (max-width :350px) {
    .g-recaptcha {
        transform: scale(0.6);
    }
}


/*menu*/
@media only screen and (min-width: 1200px) {
    .hide-desktop {
        display: none !important
    }

    .welcome-widget .title.marg-b-7 {
        margin-bottom: 7px
    }
}

@media only screen and (max-width: 1199px) {
    .hide-mobile {
        display: none !important
    }
}

@media only screen and (max-width: 1030px) {
    ul.site-map ul.sub-menu {
        margin-left: 0px;
    }

    .hide-mob-notif.current-user-container .default-container {
        display: none !important
    }

    .main-menu-container {
        overflow: auto !important;
        max-height: 500px
    }

    .main-menu-title {
        position: relative
    }

    .active-menu.main-menu-title:after {
    }

    .main-menu-title:after {
        content: '\e905';
        font-family: 'mofa-ico' !important;
        position: absolute;
        right: 10px;
        top: 13px;
        transform: rotate(90deg);
        transition: 0.3s
    }

    .active-menu.main-menu-title:after {
        transform: rotate(270deg)
    }

    .show-mob {
        display: block !important
    }

    .accessibility-menu-item {
        display: block
    }

    .hide-mob {
        display: none !important
    }

    body .main-menu > li {
        width: 100% !Important;
        margin: 0;
        border-bottom: 1px solid #ccc;
        padding: 0 !important
    }

        body .main-menu > li > a {
            text-decoration: none !important;
            width: 100%
        }

    body .main-menu-container .sub-menu {
        display: none
    }

    body a.main-menu-title {
        margin-bottom: 0;
        padding: 13px 15px;
    }

    .main-menu-container {
        padding: 0
    }

    .main-menu.row {
        margin: 0 !important
    }

    .main-menu .sub-menu a {
        padding: 12px 15px;
        text-decoration: none !important;
        width: 100%;
        background: #eee;
        color: #000 !important;
        margin-bottom: 0;
        border-bottom: 1px solid #ccc;
    }

    .main-menu .sub-menu li:last-child a {
        border-bottom: 0 !important
    }

    body .main-menu > li.accessibility-menu-item {
        padding: 10px 15px !important
    }

    .accessibility-menu-item .login-btn {
        margin-bottom: 0;
        margin: 0 !important
    }

    .accessibility-menu-item .nav > li > a {
        margin-bottom: 0
    }

    .accessibility-menu-item .search-container {
        width: 100%;
        ;
        border-bottom: 1px dashed #ccc;
        padding-bottom: 5px;
        margin-bottom: 3px
    }

    .accessibility-menu-item .m-search-form-container {
        display: block !Important;
        position: static;
        box-shadow: none !Important
    }

    .site-header .accessibility-menu-item .search-field {
        width: calc(100% - 42px);
        border: 1px solid #ccc !Important;
        border-left: 0 !important
    }

    .accessibility-menu-item i {
        color: #fff !Important
    }

    .accessibility-menu-item .accessibility-container {
        display: block;
        padding: 10px 0;
        border-bottom: 1px dashed #ccc;
        text-align: center;
        margin-right: 0 !important
    }

    .language-selector-container {
    }

    .current-user-container {
    }

    .accessibility-menu-item .current-user-container {
        width: 50%;
        margin-right: 0;
        text-align: center;
        float: left
    }

    .accessibility-menu-item .language-selector-container {
        width: 50%;
        margin: 0 !Important;
        text-align: center;
        float: left;
        border-right: 1px solid #ccc
    }

    .accessibility-menu-item .custom-lang-selector {
        margin-top: 0 !important;
        text-align: center !important
    }

    .accessibility-menu-item .navbar-nav > li > a {
        padding: 0
    }

    .accessibility-menu-item .current-user-container,
    .accessibility-menu-item .language-selector-container {
        margin-top: 10px !important;
        padding-top: 10px
    }

    .accessibility-menu-item .custom-lang-selector {
        margin: 0 auto !important
    }

    .logo-container {
        width: 70%
    }

        .logo-container img {
            max-width: 100%
        }

    .navbar-form.filters .btn {
        margin-bottom: 15px
    }

    /*
        .navbar-form.filters { padding: 15px 0 0 0; }
    */
    #armed .custom-form > .col-sm-6 {
        width: 100% !important
    }

    /**/
    #userwidget-container {
        text-align: center
    }

        #userwidget-container > div,
        #userwidget-container > div > ul {
            display: inline-block
        }

    .user-area .caret:after {
        margin: 0 5px;
        bottom: 5px
    }

    /*notification*/
    .notif-open {
        top: -12px;
        left: calc(100% + -14px) !important;
    }
}

@media only screen and (max-width: 640px) {

    .pagination > li > a,
    .pagination > li > span {
        padding: 20px 7px
    }

    .partners-industries-home .tab-headings {
        font-size: 0.6em
    }

        .partners-industries-home .tab-headings li {
            margin-right: 35px
        }

    .partners-industries-home .more-btn.heading {
        font-size: 0.9em;
        top: 29px !important
    }

    .partners-industries-home .more-btn .icon-plus {
        font-size: 15px
    }

    .partners-industries-home .single-industry h3 {
        font-size: 1.5em
    }

    .partners-industries-home .our-industries-home .single-industry {
        margin-top: 75px
    }

    #EventsContainer .item.default-section {
        min-height: 0
    }

    /*solving issues*/
    .side-video-list {
        width: 100%
    }

    .video-main-frame {
        width: 100%;
        margin-bottom: 10px
    }

    .alert-msg {
        min-width: 300px;
    }
}

@media(max-width:576px) {
    .menu-trigger.opened:before {
        width: 100px;
    }

    .logo-container {
        max-width: 60%;
    }

        .logo-container img {
            max-width: 80%;
            position: relative;
            top: 5px;
        }

    #Emiratelogo {
        max-width: 17%;
    }

    .menu-trigger.opened:after {
        right: 52px !important;
    }
}

@media only screen and (max-width: 480px) {

    /*menu*/
    .accessibility-menu-item .language-selector-container {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ccc;
    }

    .accessibility-menu-item .current-user-container {
        width: 100%
    }

    .navbar-form.filters .form-group {
        width: 100%
    }

    .navbar-form.filters .btn {
        width: calc(100% - 30px)
    }

    /*news listing*/
    .default-list .item-img-container,
    .default-list .img {
        width: 100%;
        top: 0
    }

    .default-list .item-body-container {
        width: 100%
    }

    .default-list .item {
        height: auto;
        overflow: hidden
    }

    .default-list .item-footer {
        position: static;
        margin-top: 15px;
        width: 100%
    }

    .default-list-img.default-list .item {
        margin-bottom: 30px
    }

    .subscribe-to-news-container {
        text-align: center
    }

        .subscribe-to-news-container .btn {
            margin: 15px 0 0 0 !important
        }

        .subscribe-to-news-container i {
            margin: 0 !important
        }

    /*events details*/
    .page-item-title-container {
        width: 100%;
        max-width: 100%
    }

        .page-item-title-container + .pull-right {
            width: 100%;
            text-align: left !important;
            margin-top: 25px
        }

    .custom-form .form-item,
    .event-register .custom-form .form-item {
        width: 100%
    }

    .feedback-homepage .contact-info {
        width: 100%
    }

    /**/
    .survey-home .left-section {
        width: 100%;
    }

    .survey-home .right-section {
        width: 100%;
        padding-bottom: 5px
    }

    .survey-home,
    .uae-home-component,
    .feedback-homepage {
        height: auto
    }

        .uae-home-component .item-footer {
            position: relative;
            margin-top: 15px;
            bottom: 0;
            z-index: 1
        }

    .feedback-homepage {
        overflow: hidden
    }

        .feedback-homepage .left-section,
        .feedback-homepage .right-section,
        .feedback-homepage .item-footer {
            width: 100%;
            position: relative;
            bottom: 0;
            left: 0;
            right: 0;
            margin-top: 15px;
            z-index: 1;
            top: 0
        }

        .feedback-homepage .item-footer {
            margin: 15px 0
        }


    /*services*/
    .strategic-goods .col-sm-4.form-item {
        width: 100%
    }

    .custom-tab-content {
        overflow: hidden
    }

        .custom-tab-content > .btn {
            width: 100% !important;
            margin-bottom: 15px
        }

    .full-inner .navbar-form.filters .form-group {
        width: 100%;
    }

    /*login*/
    .form-item-mobile {
        width: 100%;
        margin: 15px 20px 15px 0;
    }

    .button-wrapper > input {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:445px) {
    .header-alert-msg {
        height: auto;
        line-height: 35px
    }

        .header-alert-msg .close-notif {
            position: relative;
            bottom: 75px;
        }

        .header-alert-msg .container {
            padding-right: 10px;
            padding-left: 10px
        }

    .display-block-mobile {
        display: block !important
    }
}

.modal-backdrop {
    display: none !important;
}

@media only screen and (max-width: 400px) {
    .mini .logo-container {
        margin-top: 12px !important
    }

    #formSearch .col-sm-12.form-item #btnSearch {
        width: 100% !important;
        margin-bottom: 15px
    }

    #formSearch #btnReset {
        width: 100% !important;
        color: red
    }

    /*.partners-industries-home .more-btn.heading{top:11px!important;right:20px!important}*/
    .partners-industries-home .single-industry h3 {
        font-size: 1.2em
    }

    .partners-industries-home .tab-headings li {
        margin: 0 9px !important;
    }

        .partners-industries-home .tab-headings li a {
            font-size: 1.567em;
        }
}


@media only screen and (max-width: 900px) {
    .flex-fields {
        flex-wrap: wrap;
    }

        .flex-fields > div {
            flex-basis: 100% !important;
        }

    #Emiratelogo img {
        max-width: 90%;
    }
}

/*******/
.mblGrid .MobilGridSep div {
    height: 1px;
    background: #000;
}

.mblGrid .MobilGridSep:first-child div {
    height: 1px;
    background: transparent;
}

.custom-laws .slick-arrow {
    display: none !important
}

.custom-laws .slick-slider {
    padding: 0 !important
}

/*.download-btn {
    display: none;
}*/
.custom-up-arrow {
    transform: rotate(225deg) !important;
}

.single-attachment i.icon-file-pdf-regular {
    font-size: 3rem;
    display: inline-block;
    color: #000;
}

    .single-attachment i.icon-file-pdf-regular:hover + .delete-icon,
    .single-attachment .delete-icon:hover {
        left: 0px;
    }

/*new un page*/
.un-side-menu {
    list-style: none;
    margin-bottom: calc(32em / 16);
    position: relative;
    background: white;
    top: 0;
    transition: all 0.3s ease-in-out;
}

    .un-side-menu.fixed {
        position: fixed;
        width: 19.7%;
        top: 18%;
    }

.editMode .un-side-menu.fixed {
    /* top: 12%; */
}

.un-side-menu ul {
    list-style: none;
    display: none
}

.un-side-menu > li {
    border-bottom: 1px solid #B8B8B8;
    transition: 0.6s all ease-in-out;
}

.un-side-menu li.expanded {
    background: #F2F2F2;
    padding: 0 1em;
}

.un-side-menu > li > a {
    text-decoration: none !important;
}

.un-side-menu li > a {
    color: #474747;
    display: block;
    position: relative;
    /*text-decoration: none !important;*/
}

.un-side-menu > li > a {
    padding: 0.5em 0;
    font-size: 1.375em;
    color: #000;
}

    .un-side-menu > li > a:after {
        position: absolute;
        top: calc(50% - .6em);
        font-size: 1.3em;
        line-height: 1
    }

.un-side-menu > li.has-child.expanded > a {
    font-weight: bold;
}

    .un-side-menu > li.has-child.expanded > a:after,
    .un-side-menu > li:not(.has-child) > a:after {
        content: '-';
    }

.un-side-menu > li.has-child > a:after {
    content: '+';
}

.un-side-menu ul a {
    padding-bottom: .5em;
}


.editMode .un-side-menu li.expanded ul {
    display: none !important;
}

.editMode .un-side-menu li.expanded {
    background: white;
    padding: 0;
}

    .editMode .un-side-menu li.expanded a {
        font-weight: normal;
    }

.editMode .un-side-menu > li.has-child.expanded > a:after,
.editMode .un-side-menu > li:not(.has-child) > a:after {
    content: '+';
}

.un-details-page .view-content {
    font-size: calc(18em / 16);
    margin-bottom: 6em;
}

    .un-details-page .view-content div[id*=view-]:not(div[id*=item-one]) {
        margin-top: 4em;
    }

    .un-details-page .view-content h1,
    .un-details-page .view-content h2,
    .un-details-page .view-content h3 .un-details-page .view-content h4,
    .un-details-page .view-content h5,
    .un-details-page .view-content h6 {
        color: black;
        margin-bottom: 1em;
    }

.un-details-page .view-container .view-content h2 {
    font-size: calc(28em / 16);
    margin-bottom: calc(20em / 16);
}

.un-details-page .view-content p {
    color: #515151;
    margin-bottom: calc(30em / 16);
}

.un-details-page .view-container .view-content h3,
.un-details-page .view-container .view-content h4 {
    font-size: calc(22em / 16);
    margin-bottom: calc(20em / 16);
}

.un-details-page .view-container .view-content h5,
.un-details-page .view-container .view-content h6 {
    font-weight: bold;
}

.un-details-page .view-container .view-content img {
    width: auto;
    max-width: 100%;
    object-fit: cover;
    margin: 0;
    height: auto;
}

.un-details-page .view-content table {
    border-collapse: separate;
    border-spacing: 0 calc(11em / 16);
    margin: calc(-11em / 16) 0 0;
    width: 100%;
}

    .un-details-page .view-content table tr {
        background: #F1F1F1 0% 0% no-repeat padding-box;
    }

    .un-details-page .view-content table tbody td {
        padding: calc(14em / 16) calc(20em / 16) !important;
        width: 50%;
    }

.un-details-page .view-content ul:not(.list-inline),
.un-details-page .view-content ol:not(.list-inline) {
    list-style: none;
    counter-reset: list-style;
    padding: 0;
    margin-bottom: calc(30em / 16);
}

.un-details-page .view-content table ol:not(.list-inline) {
    margin-bottom: 0 !important
}

.un-details-page .view-content ul:not(.list-inline) li,
.un-details-page .view-content ol:not(.list-inline) li {
    counter-increment: list-style;
    position: relative;
    line-height: 1.5;
}

    .un-details-page .view-content ul:not(.list-inline) li::before,
    .un-details-page .view-content ol:not(.list-inline) li::before {
        font-weight: bold;
        position: absolute;
    }

    .un-details-page .view-content ul:not(.list-inline) li.notListItem,
    .un-details-page .view-content ol:not(.list-inline) li.notListItem {
        margin-top: 1em;
        padding: 0em;
    }

        .un-details-page .view-content ul:not(.list-inline) li.notListItem:before,
        .un-details-page .view-content ol:not(.list-inline) li.notListItem:before {
            content: none;
        }

.un-details-page .view-content ul ol li::before,
.un-details-page .view-content ol li::before {
    /*content: counter(list-style, decimal-leading-zero) ". ";*/
    content: counter(list-style) ". ";
}


.un-details-page .view-content ul li::before {
    content: '';
    width: 0.6em;
    height: 0.6em;
    margin-top: 0.35em;
}

.un-details-page .view-content ul ul li::before {
    border-radius: 50%;
    background-color: black !important;
}

.un-details-page .view-content ol ol li::before {
    content: counter(list-style, upper-roman) ". ";
}

.contact-us-map .widget-wrapper {
    position: relative;
}

.contact-us-map .info .details .desc p {
    margin-bottom: 1rem;
}

.un-details-page .view-container .view-content .map h2,
.un-details-page .view-container .view-content .map p {
    color: white;
}

.un-details-page .view-container .view-content .map h2 {
    font-size: 1.25em;
}

.un-details-page iframe {
    width: 100%
}

.un-details-page .admin-tabs {
    overflow: hidden;
    display: none;
}

.editMode .un-details-page .admin-tabs {
    display: flex;
    flex-wrap: wrap;
}

.un-details-page .admin-tabs li {
    padding: 0.5em 1.5em;
    margin: 0 -0.5em 1.5em;
    border-bottom: 1px solid #B8B8B8;
    width: calc(100% / 7);
    text-align: center;
    font-size: 1.25em;
    font-weight: bold;
}

    .un-details-page .admin-tabs li a {
        color: #474747;
        text-decoration: none;
    }

.hidden-list {
    display: none;
}

.un-details-page .un-table th {
    color: #fff;
    padding: calc(14em / 16) calc(20em / 16) !important;
}

.un-details-page .un-table {
    border-spacing: 0 !important;
}

.un-table tr:nth-child(odd) {
    background: #fff !important
}

.un-details-page .un-table th span {
    display: block;
    color: black;
    font-weight: bold;
}

.consolidated-list .files-fromates,
.local-list .files-fromates {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -1em 1em;
}

    .consolidated-list .files-fromates .file,
    .local-list .files-fromates .file {
        width: 33.333%;
        padding: 0 1em;
        margin: 0 0 1em;
    }

/*.document-content-widgets {
    display: flex;
    justify-content: space-between;
    margin: 0 -1em;
}

    .document-content-widgets .documents-widget, .document-content-widgets .related-content-widget {
        padding: 0 1em;
    }

.document-content-widgets .documents-widget {
    width: calc(100% - calc(100% / 3));
}

.document-content-widgets .related-content-widget {
    width: calc(100% / 3);
}*/
.documents-widget {
    margin-top: calc(60em/16);
}

    .documents-widget .doc {
        display: flex;
        margin-bottom: calc(20em / 16);
    }

body .documents-widget .doc .doc-img {
    width: calc(137em / 16) !important;
    height: calc(174em / 16) !important;
    margin: 0 !important;
    object-fit: cover;
    max-width: 100%;
}

.documents-widget .doc .doc-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - calc(137em / 16));
    padding: calc(20em/16);
}

.documents-widget .doc .doc-title {
    color: #b68a35;
    font-size: calc(24em / 16);
    margin: 0;
}


.documents-widget .doc ul {
    color: #858585;
    margin: 0
}

    .documents-widget .doc ul li {
        padding: 0
    }

.related-content-widget .related .related-item {
    display: block;
    text-decoration: underline;
    font-size: calc(18em / 16);
    padding-bottom: calc(20em / 16);
    border-bottom: 1px solid #B8B8B8;
    margin-bottom: calc(20em / 16);
}


.fixed-top-right-widgets.squares {
    position: fixed;
    z-index: 9;
}

.fixed-top-right-widgets .square {
    width: calc(120em /16);
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: calc(20em /16);
    position: relative;
    text-align: center;
    color: white;
    padding: calc(10em /16) calc(12em /16);
    cursor: pointer;
    z-index: 9;
}

.fixed-top-right-widgets .square-list {
    position: absolute;
    top: 0;
    display: none;
    width: calc(334em /16);
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    cursor: default;
    overflow: hidden;
}

.fixed-top-right-widgets .square img {
    max-width: calc(40em /16);
    max-height: calc(40em /16);
    display: block;
    margin: 0 auto calc(6em /16);
}

.fixed-top-right-widgets .square span {
    text-transform: capitalize;
    font-size: calc(18em /16);
}

.fixed-top-right-widgets .square-list-header {
    padding: 1em calc(20em /16);
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
}

    .fixed-top-right-widgets .square-list-header span {
        font-size: calc(22em /16);
    }

    .fixed-top-right-widgets .square-list-header .closebtn {
        /*        font-size: 1em;
*/
        cursor: pointer;
    }

.fixed-top-right-widgets .square-list-body {
    padding: calc(20em /16);
    min-height: calc(120em /16);
    max-height: calc(540em /16);
    overflow-y: auto;
}

    .fixed-top-right-widgets .square-list-body ul li {
        margin: 0 0 calc(20em /16);
        font-size: calc(18em /16);
        text-transform: capitalize;
        position: relative;
    }

        .fixed-top-right-widgets .square-list-body ul li:before {
            position: absolute;
            margin-top: 0.25em;
        }

        .fixed-top-right-widgets .square-list-body ul li a {
            color: black !important;
        }

    .fixed-top-right-widgets .square-list-body .subscribe-btn {
        border-radius: calc(36em / 16)
    }

.subscription-modal {
    width: calc(965em/16);
}

    .subscription-modal .modal-container {
        width: 100%;
        display: flex;
        align-items: stretch;
    }

    .subscription-modal .closebtn {
        position: absolute;
        padding: 1em;
        color: white;
        font-size: calc(24em/16);
        cursor: pointer;
    }

    .subscription-modal .modal-body {
        padding: 0;
        display: flex;
        overflow-y: hidden;
    }

    .subscription-modal form {
        width: 100%
    }

    .subscription-modal .modal-img {
        position: relative;
        width: calc(405em/16);
        /*height: 100%;*/
    }

        .subscription-modal .modal-img img {
            height: 100%
        }

    /*    .subscription-modal .modal-img:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #00000080;
    }*/

    .subscription-modal .modal-title {
        top: 0;
        position: absolute;
        z-index: 5;
        padding: calc(30em / 16);
        background: none;
        color: white;
        font-family: 'hreg' !important;
        font-size: calc(44em / 16);
        border: 0;
    }

    .subscription-modal .modal-form {
        width: calc(100% - (405em/16));
        padding: calc(30em/16);
        overflow-y: auto;
        max-height: calc(100vh - 145px);
    }

        .subscription-modal .modal-form .required-fileds {
            background: #F3F3F3;
            padding: calc(11em /16);
            font-size: calc(18em /16);
            border-radius: 0.125em;
        }

        .subscription-modal .modal-form .form-group,
        .subscription-modal .modal-form .required-fileds {
            margin-bottom: calc(30em / 16);
        }

        .subscription-modal .modal-form .form-control {
            height: calc(50em /16);
        }

        .subscription-modal .modal-form .control-label {
            margin-bottom: calc(10em / 16);
        }

        .subscription-modal .modal-form .btn-close {
            background: transparent;
            border: 1px solid;
        }

        .subscription-modal .modal-form .error {
            color: red;
        }

        /* The radio-container */

        .subscription-modal .modal-form .radio-container {
            display: block;
            position: relative;
            padding: 0;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            line-height: calc(24em / 16);
        }

            /* Hide the browser's default radio button */
            .subscription-modal .modal-form .radio-container input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
            }

        /* Create a custom radio button */
        .subscription-modal .modal-form .checkmark {
            position: absolute;
            top: 0;
            height: calc(22em / 16);
            width: calc(22em / 16);
            background-color: #fff;
            border: 1px solid #C5C5C5;
            border-radius: 50%;
        }


            /* Create the indicator (the dot/circle - hidden when not checked) */
            .subscription-modal .modal-form .checkmark:after {
                content: "";
                position: absolute;
                display: none;
            }

        /* Show the indicator (dot/circle) when checked */
        .subscription-modal .modal-form .radio-container input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the indicator (dot/circle) */
        .subscription-modal .modal-form .radio-container .checkmark:after {
            top: calc(3em/16);
            width: calc(14em/16);
            height: calc(14em/16);
            border-radius: 50%;
        }

        .subscription-modal .modal-form select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-size: 1.25em;
            background-repeat: no-repeat;
            background-position-y: center;
        }

            .subscription-modal .modal-form select::-ms-expand {
                display: none;
            }

.subscribe-container {
    position: relative;
    width: 100%;
    height: calc(286em/16);
    background: url('./Images/SubscriptionWidget.png') center/cover no-repeat;
    display: flex;
}

    /*    .subscribe-container:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: #00000080;
    }*/
    .subscribe-container .overlay-text h3 {
        background: none;
        color: white;
        font-family: 'hreg' !important;
        font-size: calc(44em / 16);
        margin: 0;
        width: 50%;
        text-transform: capitalize;
        border: 0;
        padding: 0;
    }

    .subscribe-container .overlay-text {
        top: 0;
        position: absolute;
        z-index: 5;
        padding: calc(60em / 16);
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%
    }

        .subscribe-container .overlay-text .btn {
            /*            border-color: white;
        padding: calc(20em / 16) calc(50em / 16);
        text-align: center;
        font-size: calc(26em / 16);
        color: #000000 !important;
        height: calc(73em / 16);
        border-radius:4.5em;*/
            border-color: white;
            padding: calc(12.3em / 16) calc(30.75em / 16);
            text-align: center;
            font-size: calc(26em / 16);
            color: #000000 !important;
            height: calc(50em / 16);
            border-radius: 4.5rem;
            line-height: calc(23em / 16);
        }

.width50 {
    width: 50%
}

.documents-widget .online-res-list .doc .doc-body {
    justify-content: flex-start;
    padding-top: 0
}

.online-res-list .doc-title {
    margin-bottom: 1rem !important
}

.online-res-list .doc-description {
    color: #505050
}

body .documents-widget .online-res-list .doc .doc-img {
    width: calc(206em / 16) !important;
    height: calc(261em / 16) !important;
}

.no-marg {
    margin-top: 0 !important
}

.documents-widget .online-res-list .doc {
    margin-bottom: 2.5rem
}

@media only screen and (max-width: 768px) {
    body .documents-widget .online-res-list .doc .doc-img {
        width: calc(137em / 16) !important;
        height: calc(174em / 16) !important;
    }
}

@media only screen and (max-width: 1366px) {
    .un-side-menu.fixed {
        position: fixed;
        width: 21.3%;
        top: 14%;
    }
}

@media (max-width: 1024px) {
    .un-side-menu.fixed {
        width: 20.75% !important;
    }

    .consolidated-list .files-fromates .file,
    .local-list .files-fromates .file {
        width: 50%;
    }
}

@media only screen and (max-width: 991px) {

    .documents-widget,
    .un-details-page .view-content {
        margin-bottom: 3rem;
    }

    .subscribe-container {
        height: calc(370rem/16);
    }

        .subscribe-container .overlay-text {
            flex-direction: column
        }

            .subscribe-container .overlay-text h3 {
                width: 100%;
                margin-bottom: 1.875rem;
            }
}

/*mixtureForm in chemical goods - Start */
.mark-label-required:after {
    content: '*';
    color: #c21;
    margin: 0 5px
}

.trash-icon-fa {
    color: #f03e3e;
    font-size:1.5rem !important;
}
.ban-icon-fa {
    color: #999;
    font-size: 1.5rem !important;
}
.center-mixture-delete-btn {
    vertical-align: middle !important;
    text-align: center !important;
}

#GoodMixtureDetails > thead > tr > th {
    background: #dadbdb;
    width: 40%;
    color: #333;
}
#GoodMixtureDetails > tbody > tr > td > span{
    font-size:15px !important;
}

@media only screen and (max-width:1600px){


    #GoodMixtureDetails > tbody > tr > td > span {
        font-size: 12px !important;
    }

    #GoodMixtureDetails > tbody > tr > td {
        vertical-align: top !important;
    }
}

/*mixtureForm in chemical goods - End*/
@media (max-width: 768px) {
    .un-side-menu.fixed {
        width: 27.75% ​ !important;
    }

    .consolidated-list .files-fromates .file,
    .local-list .files-fromates .file {
        width: 100%;
    }
}

@media (max-width: 767px) {

    .un-side-menu,
    .un-side-menu.fixed {
        position: static !important;
        width: 100% !important;
    }
}

@media (max-width: 768px), (max-height:480px) {
    #minzedChat {
        width: 60px;
        overflow: hidden;
        box-shadow: 0px 3px 6px #00000029;
    }

        #minzedChat::before {
            background: #b68a35;
            position: absolute;
            width: 100%;
            height: 100%;
            line-height: 3.5rem;
            margin: 0 !important;
        }

    .un-details-page {
        padding: 0 !important;
    }

    .fixed-top-right-widgets.squares {
        display: flex;
        bottom: 0;
        position: fixed;
        z-index: 9;
    }

        .fixed-top-right-widgets.squares .square > span {
            display: none
        }

    .fixed-top-right-widgets .square {
        width: calc(80rem /16);
        border-radius: 1rem;
        margin: 0 0.5rem calc(20rem /16);
    }

        .fixed-top-right-widgets .square img {
            margin: 0 auto;
        }

    .fixed-top-right-widgets .square-list {
        overflow: hidden;
        position: fixed;
        top: 0rem;
        width: calc(100vw - 0rem);
        border-radius: 0rem !important;
        height: calc(100vh - 0rem);
    }

    .fixed-top-right-widgets .square-list-header .closebtn {
        font-size: calc(22rem /16);
    }

    .subscription-modal .modal-img,
    .subscription-modal .closebtn {
        display: none;
    }

    .subscription-modal .modal-form {
        width: 100%;
    }
}




@media (max-height:480px) {
    .main-menu-container {
        max-height: 310px;
    }
}

@media only screen and (max-width: 480px) {
    .subscribe-container {
        height: calc(510rem/16)
    }

    .bb_chat_widget {
        right: 0 !important;
        left: 0 !important;
    }

    .footer-top img {
        display: block;
        margin: 0 auto 2em;
    }
}



#declareQuantity > tbody > tr > td:nth-child(6) > span {
    font-size: 15px !important;
}

.btn-addmixture {
    margin:10px 0;
}
.alert-message-container {
    display: flex;
    justify-content: center;
    gap: 2px;
    flex-direction: row-reverse;
    padding: 5px 0;
}
.currency-aed{
    direction:ltr !important;
}

/*UnAssigned table checkbox select all feature*/
.table-checkbox-scope input[type="checkbox"] {
    display: none;
}
.table-checkbox-scope label {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position:relative;
}
    .table-checkbox-scope label::before {
        position:relative;
        top:0;
        left:0;
        right:0;
        content: "";
        width: 18px;
        height: 18px;
        border: 2px solid #888;
        border-radius: 4px;
        margin-inline-end:8px;
        background: #fff;
        transition: all 0.2s ease;
}
.table-checkbox-scope input[type="checkbox"]:checked + label::before {
    background: #b68a35;
    border-color: #b68a35;
}
.table-checkbox-scope input[type="checkbox"]:checked + label::after {
    content: "✓";
    position: absolute;
    top:0;
    left:0;
    right:0;
    inset-inline-start: 4px;
    color: white;
    font-size: 14px;
}
.pagination > li > .sameframe:not(#loginLink) {
    text-overflow: clip;
}
.rejectReason-dialog{
   width:75%;
}