@font-face {
    font-family: FontAwesome;
    src: url(https://portal.moi.gov.ae/eservices/images/font/fontawesome-webfont.eot?v=4.3.0);
    src: url(https://portal.moi.gov.ae/eservices/images/font/fontawesome-webfont.eot?#iefix&v=4.3.0) format('embedded-opentype'), url(https://portal.moi.gov.ae/eservices/images/font/fontawesome-webfont.woff2?v=4.3.0) format('woff2'), url(https://portal.moi.gov.ae/eservices/images/font/fontawesome-webfont.woff?v=4.3.0) format('woff'), url(https://portal.moi.gov.ae/eservices/images/font/fontawesome-webfont.ttf?v=4.3.0) format('truetype'), url(https://portal.moi.gov.ae/eservices/images/font/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Helvetica Neue';
    src: url(fonts/HelveticaNeueW23-Bde0a5.eot?v=4.3.0);
    src: url(fonts/HelveticaNeueW23-Bdd41d.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(fonts/HelveticaNeueW23-Bde0a5.woff?v=4.3.0) format('woff2'),url(fonts/HelveticaNeueW23-Bde0a5.woff?v=4.3.0) format('woff'),url(fonts/HelveticaNeueW23-Bde0a5.ttf?v=4.3.0) format('truetype'),url(fonts/HelveticaNeueW23-Bde0a5.svg?v=4.3.0#helveticaneuereg) format('svg');
    font-weight: 700;
    font-style: normal;
}

@import url('fontAwesome/css/font-awesome.min.css');

@font-face {
    font-family: 'HelveticaNeueW23';
    src: url('fonts/HelveticaNeueW23-Reg.eot');
    /* FOR IEs */
    src: local('?'), url('fonts/HelveticaNeueW23-Reg.ttf') format('truetype'), url('fonts/HelveticaNeueW23-Reg.woff') format('woff'), url('fonts/HelveticaNeueW23-Reg.svg#HelveticaNeueLTArabic55Roman') format('svg');
    /* for other web browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueW23';
    src: url('fonts/HelveticaNeueW23-Bd.eot');
    /* FOR IEs */
    src: local('?'), url('fonts/HelveticaNeueW23-Bd.ttf') format('truetype'), url('fonts/HelveticaNeueW23-Bd.woff') format('woff'), url('fonts/HelveticaNeueW23-Bd.svg#HelveticaNeueLTArabic55Roman') format('svg');
    /* for other web browsers */
    font-weight: bold;
}

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


@font-face {
    font-family: DroidKufiRegular;
    src: url(fonts/DroidKufi-Regulare0a5.eot?v=4.3.0);
    src: url(fonts/DroidKufi-Regulard41d.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(fonts/DroidKufi-Regulare0a5.woff2?v=4.3.0) format('woff2'),url(fonts/DroidKufi-Regulare0a5.woff?v=4.3.0) format('woff'),url(fonts/DroidKufi-Regulare0a5.ttf?v=4.3.0) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DroidKufiBold;
    src: url(fonts/DroidKufi-Bolde0a5.eot?v=4.3.0);
    src: url(fonts/DroidKufi-Boldd41d.eot?#iefix&v=4.3.0) format('embedded-opentype'),url(fonts/DroidKufi-Bolde0a5.woff2?v=4.3.0) format('woff2'),url(fonts/DroidKufi-Bolde0a5.woff?v=4.3.0) format('woff'),url(fonts/DroidKufi-Bolde0a5.ttf?v=4.3.0) format('truetype');
    font-weight: 700;
    font-style: normal
}


.hidden {
    visibility: hidden !important;
    display: none !important;
}

.text-right {
    text-align: left;
}

.text-left {
    text-align: right;
}


header, .popup .header, .popup a {
    background-color: #CC0000;
}


#tdCalender input,
#tdCalender select {
    min-width: initial !important;
    padding: 0 3px !important;
    height: 31px;
}



.panel {
    background-color: initial;
}

img {
    border: 0px;
}

body,
html {
    margin: 0px;
    /*font-family: 'HelveticaNeueW23';*/
    font-family: DroidKufiRegular, Helvetica;
    font-size: 14.0px;
    line-height: 21px;
}





body {
    margin: 0;
    padding: 0;
    color: #444;
    direction: rtl;
}

a {
    text-decoration: none;
    color: #444;
}
/* input -tel - is left aligned by default. for arabic, it should be right aligned. */
input {
    direction: rtl;
}
textarea {
    max-width: 300px;
}

#dtlServices a {
    width: 100%;
}

#Container {
    box-shadow: 0 0 8px #CCCCCC;
    margin-bottom: 0;
    margin-top: 0;
}

.padding-for-landing {
    float: right;
    padding-left: 0;
}

.button-medium-size {
    padding: 1px 6px !important;
    margin: 3px !important;
    height: auto !important;
    border: 1px solid #fff !important;
    float: left !important;
    font-weight: normal !important;
    min-height: initial !important;
    width: auto !important;
    font-size: 15.0px !important;
    line-height: 1.3 !important;
}

.button.secondry, btn.secondry, .button.secondary, btn.secondary {
    background-color: #808588 !important;
}

.rating-tbl .button {
    padding: 4px 18px 7px !important;
    height: 32px !important;
    font-size: 16.0px !important;
    color: #fff !important;
}

.RatingCapton {
    border: 0PX solid;
    float: right;
    width: 100%;
    background-color: #f1f1f1;
    padding: 5px 10px;
    margin-bottom: 25px;
    font-weight: bold;
    font-size: 19.0px;
    text-align: initial;
    box-sizing: border-box;
}

#tableHolder {
    width: 920px;
    margin-top: 16px;
    margin-bottom: 19px;
}

#welcomeTable {
    margin-bottom: 20px;
}

#tableHome {
    margin-top: 20px;
}

#tbl_importantlink {
}

.better-tbl-view {
    border: 1px solid #ddd;
    width: 670px;
    margin: 0;
    padding: 0;
}

    .better-tbl-view td {
        border-bottom: 1px solid #ddd;
        padding: 0;
        line-height: 2;
        vertical-align: middle;
    }

.home-hover {
    color: #FFFFFF;
    float: right;
    font-weight: bold;
    height: 125px;
    line-height: 30px;
    margin: 16px 15px 16px 0px;
    background-size: 100% auto !important;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    width: 207px;
}

.home-private-tbl {
    border: 1px solid #DDDDDD;
    /*float: right;*/
    margin: 0 8px 10px !important;
    width: 330px;
}

    .home-private-tbl table {
        width: 100%;
    }

.home-hover:hover .hover-dec {
    bottom: 0;
}

.hover-dec {
    background: none repeat scroll 0 0 #D82E3A;
    border-top: 0px solid;
    bottom: -37px;
    float: left;
    left: 0;
    *float: none;
    height: 31px;
    text-align: center;
    position: absolute;
    width: 180px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.home-hover.img-01 {
    background: url("../images/en/ourservices/general_services.jpg") no-repeat;
    border: 0px solid;
}

.home-hover.img-02 {
    background: url("../images/en/ourservices/vehicle_services.jpg") no-repeat;
    border: 0px solid;
}

.home-hover.img-03 {
    background: url("../images/en/ourservices/driver_services.jpg") no-repeat;
    border: 0px solid;
}

#tbl_importantlink .readmore a {
    margin-right: 15px;
}

.landing-bdr {
    /*border-bottom: 1px solid #EFEBE1;*/
    font-size: 14.0px;
    height: 30px;
    line-height: 16px;
    padding: 5px 8px 4px;
    width: 100%;
}

.advt-banners-new {
    border: 0 solid #ddd;
    float: right;
    margin: 11px 0 10px 10px !important;
    min-height: 200px;
    width: 240px;
}

    .advt-banners-new a {
        background-repeat: no-repeat;
        float: right;
        height: 90px;
        margin-bottom: 10px;
        width: 238px;
        background-size: 238px;
    }

        .advt-banners-new a.banner01 {
            background-image: url("../images/BottomRollerAr/awards.jpg");
        }

        .advt-banners-new a.banner02 {
            background-image: url("../images/BottomRollerAr/Cars.jpg");
        }

        .advt-banners-new a.banner03 {
            background-image: url("../images/BottomRollerAr/Ciritificate.jpg");
        }

        .advt-banners-new a.banner04 {
            background-image: url("../images/BottomRollerAr/Contact.jpg");
        }

        .advt-banners-new a.banner05 {
            background-image: url("../images/BottomRollerAr/fazaa.jpg");
        }

        .advt-banners-new a.banner06 {
            background-image: url("../images/BottomRollerAr/knowladge.jpg");
        }

        .advt-banners-new a.banner07 {
            background-image: url("../images/BottomRollerAr/notes.jpg");
        }

        .advt-banners-new a.banner08 {
            background-image: url("../images/BottomRollerAr/traning.jpg");
        }
/*---PNG FIX---*/

img,
div {
    behavior: url(https://portal.moi.gov.ae/eservices/JS/iepngfix.htc);
}
/*---Header Classes and  Backgrounds---*/

.headerbg1 {
    background-image: url("../images/En/common/topbg1.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 38px;
    margin-bottom: 0;
    margin-right: auto;
    margin-top: 0;
    padding-left: 15px;
    *position: relative;
}

.headerbg2 {
    background-image: url(../images/En/common/topbg2.png);
    background-position: bottom;
    background-repeat: repeat-x;
    height: 38px;
}
/*---Quick Links---*/

.quicklinks {
    color: #888888;
    float: right;
    font-size: 13.0px;
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
}

    .quicklinks a {
        color: #888;
        font-size: 13.0px;
        font-weight: normal;
        text-decoration: none;
        text-transform: uppercase;
    }

        .quicklinks a:hover {
            font-size: 13.0px;
            font-weight: normal;
            text-decoration: underline;
            color: #CC0000;
        }

option {
    padding: 3px 10px;
}

    option:not(:checked) {
        background-color: white;
    }

select:focus {
    outline: none;
}

.changeLanguae {
    float: left;
    font-size: 14.0px;
    height: 27px;
    line-height: 10px;
    text-align: center;
    padding-top: 7px;
    padding-right: 20px;
    background: none;
}

    .changeLanguae a {
        float: left;
        font-size: 14.0px;
        margin: 9px 0 0 5px;
        font-family: "Helvetica Neue" !important;
        color: #ffffff;
        font-weight: 700;
        text-transform: uppercase;
    }

    .changeLanguae:after {
        color: #ffffff;
        font-weight: bold;
    }

    .changeLanguae a:hover {
        color: #eee;
        text-decoration: none;
    }

.quicklinks a {
    color: #888888;
    font-size: 13.0px;
    font-weight: normal;
    line-height: 21px;
    padding: 0 7px;
    text-decoration: none;
    text-transform: uppercase;
}

a#loggedLinksHeader_hlAdvanceSearch,
a#loggedLinksHeader_hpLogout,
a#loggedLinksHeader_lnkLogin,
a#loggedLinksHeader_hpLogin {
    border-left: 1px solid #888888;
    border-radius: 0px !important;
}
/*---Menu & SubMenu Classes---*/

ul.menu {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff;
    text-decoration: none;
    font-size: 14.0px;
    float font-weight: normal;
}

    ul.menu * {
        margin: 0;
        padding: 0;
        text-align: left;
        color: #fff;
        text-decoration: none;
        font-size: 14.0px;
        font-weight: normal;
    }

    ul.menu a {
        color: #fff;
        text-decoration: none;
        font-size: 13.0px;
        font-weight: normal;
    }

    ul.menu .menulink:hover,
    ul.menu .menuhover {
        background: url("../images/top-nav-blt-hover.png") no-repeat #f1ead7;
        background-position: right;
        color: #8D5C16;
    }

    ul.menu li {
        position: relative;
        float: left;
        z-index: 500;
    }

    ul.menu ul {
        position: absolute;
        top: 40px;
        left: 0;
        background: #d1d1d1;
        display: none;
        opacity: 0;
        list-style: none;
        width: 210px;
    }

        ul.menu ul li {
            position: relative;
            width: 210px;
            margin: 0;
            border-top: 1px solid #8d8d83;
        }

            ul.menu ul li a {
                padding: 7px 12px 7px;
                background-color: #d1d1d1;
                color: #8d8d83;
                display: block;
            }

                ul.menu ul li a:hover {
                    color: #D4BE6B;
                }

        ul.menu ul ul {
            left: 148px;
            top: -1px;
        }

    ul.menu .menulink {
        background: url("../images/top-nav-blt.png") no-repeat;
        background-position: right;
        border-left: 1px solid #E06666;
        float: left;
        font-size: 15.0px;
        font-weight: normal;
        height: 21px;
        line-height: 25px;
        padding: 7px 35px 12px 16px;
    }

        ul.menu .menulink:hover,
        ul.menu .menuhover {
            background-color: #E3DBC5;
            color: #D4BE6B;
        }

    ul.menu .sub {
        background: #f1ead7;
    }

    ul.menu .topline {
        border-top: 1px solid #d05859;
    }
/*---Footer Classes---*/

.copyright {
    color: #777777;
    display: inline-block;
    font-size: 14.0px;
    font-weight: normal;
    padding-top: 7px;
    text-decoration: none;
}

.footerlinks {
    color: #E0E0E0;
    font-size: 14.0px;
    font-weight: normal;
    padding: 10px 0 20px;
    text-decoration: none;
}

    .footerlinks a {
        border-right: 1px solid #CCCCCC;
        color: #444444;
        font-size: 16.0px;
        font-weight: normal;
        margin-right: 5px;
        padding-right: 15px;
        text-decoration: none;
    }

        .footerlinks a:hover {
            color: #CC0000;
            text-decoration: underline;
        }

h2 {
    color: #555555;
    font-size: 28px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    padding: 10px 0;
}

    h2 span {
        color: #C6A733;
        font-weight: normal;
    }

h6 {
    border-top: 1px dotted #DDDDDD;
    color: #777777;
    font-size: 18.0px;
    margin: 10px 0 0;
    padding: 5px 0;
}



    h6 a {
        font-size: 17.0px;
        font-weight: bold;
        margin-top: 3px;
        display: inline-block;
        color: #666;
    }

h3 {
    color: #555555;
    font-size: 20px;
    font-weight: normal;
    line-height: 15px;
    margin: 0 0 10px;
    padding: 5px 0 5px 32px;
    background-repeat: no-repeat;
    background-position: 203px !important;
}

#footerbgRepeat {
    background-image: url(../images/En/common/footerbg.png);
    background-repeat: repeat-x;
}
/*---Grid Control Classes---*/

.gridViewHeader {
    background: #c8122e;
    border: 0px solid #B9930A;
    border-radius: 0;
    color: #FFFFFF;
    height: 32px;
    font-size: 20px;
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 0;
    padding: 0px 15px 0 0;
    width: 100%;
}

#tableHome .gridViewHeader {
    border-radius: 5px 5px 0 0;
    display: inline-block;
    margin-top: -3px;
    padding: 0;
}

.gridViewFooter {
    background-color: #FFFFFF;
    width: 100%;
    font-weight: normal;
    font-size: 14.0px;
}

.gridViewPager {
    background-color: #ddd;
    color: #999;
    font-weight: normal;
    text-decoration: none;
    font-size: 15.0px;
}

    .gridViewPager a:hover {
        font-size: 14.0px;
        font-weight: normal;
        text-decoration: underline;
        color: #FFFFFF;
    }

.gridViewTitles {
    font-size: 20.0px;
    color: #FFFFFF;
    margin-left: 18px;
}

    .gridViewTitles a {
        font-size: 20.0px;
        color: #FFFFFF;
        margin-left: 18px;
        text-decoration: none;
    }

.gridViewInnerTitles {
    color: #FFFFFF;
    font-size: 13.0px;
    line-height: 12px;
    margin-left: 2px;
    margin-right: 2px;
    padding: 7px 0 9px;
    text-align: right;
    text-indent: 10px;
}

.has-sub:hover {
    background-image: url("../images/arrow-top-nav.png") !important;
}

.gridViewInnerTitles a {
    font-size: 13.0px;
    color: #FFFFFF;
    margin-left: 2px;
    margin-right: 2px;
    text-decoration: none;
    text-align: left;
}

.captions {
    font-size: 15.0px;
    color: #FFFFFF;
    margin-left: 10px;
}

.gridViewTableMargings {
    margin-bottom: 10px;
    margin-top: 10px;
}

.gridViewReadmore {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
    margin-left: 10px;
    margin-right: 10px;
    white-space: inherit;
}

    .gridViewReadmore a {
        border: 1px solid #ddd;
        color: #555555;
        float: right;
        font-size: 14.0px;
        font-weight: normal;
        margin: 2px !important;
        padding: 2px 4px;
        text-decoration: none;
        cursor: pointer;
    }

        .gridViewReadmore a:hover {
            background: none repeat scroll 0 0 #F2F2F2;
            font-size: 14.0px;
            font-weight: normal;
            text-decoration: none;
        }

.gridView.dataTable th {
    padding: 8px 8px 8px 14px;
    text-indent: 0;
}

/*---Common or Shared Classes---*/

.for-eng .line-seperator {
    width: 100%;
}

.for-eng .PageHeaderTitles {
    background: none !important;
    padding: 0 10px 0px 5px;
}

.for-eng .ServicesInfo h3 {
    background: none !important;
    padding: 5px 5px 0px 5px;
}

.for-eng .ServicesInfo {
    width: 100%;
}

.PageHeader {
    border-bottom: 0px solid #ddd;
    color: #B89207;
    display: block;
    font-size: 25px;
    margin-top: 10px;
    padding: 5px 0;
    margin-bottom: 4px;
    display: table-cell;
}

.home-private-tbl .readmore {
    margin-right: 10px !important;
}

.red-star {
    color: Red;
    float: right;
    border: 1px solid;
}

.PageHeaderTitles {
    background: url("../images/note-ico.png") no-repeat scroll right 0 #FFFFFF;
    color: #B89207;
    display: block;
    font-size: 25px;
    margin-left: 0;
    padding: 0 0px 15px 0;
    line-height: 25px;
}

    .PageHeaderTitles.SubTitle {
        font-size: 15.0px;
        font-weight: bold;
        padding: 15px 0 0;
        color: #777;
        background: none;
    }

.generalcontent {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: none;
    color: #707070;
    text-align: justify;
    line-height: 17px;
}


.readmore a {
    background: none repeat scroll 0 0 #F1F1F1 !important;
    border-radius: 2px;
    color: #000000;
    display: inline-block;
    font-size: 14.0px;
    font-weight: normal;
    padding: 5px 12px;
    text-decoration: none;
    margin: 10px;
}

}

.readmore a:hover {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: underline;
    color: #CC0000;
}

.back {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
}

    .back a {
        font-size: 14.0px;
        font-weight: normal;
        text-decoration: none;
        color: #000000;
    }

        .back a:hover {
            font-size: 14.0px;
            font-weight: normal;
            text-decoration: underline;
            color: #CC0000;
        }

.iconmargin {
    margin: 0;
    padding-right: 5px;
}

    .iconmargin img .readmore img .readmore a {
        border: 0px !important;
    }

.iconmarginboth {
    margin-right: 5px;
    margin-left: 5px;
}
/*---Breadcrumb Classes---*/

.breadcrumb_level1 {
    font-weight: normal;
    text-decoration: none;
}

.breadcrumb_level2 {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: none;
    color: #777;
}

.link {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: underline;
    color: #FFFFFF;
}

    .link a {
        font-size: 14.0px;
        font-weight: normal;
        text-decoration: underline;
        color: #FFFFFF;
    }

        .link a:hover {
            font-size: 14.0px;
            font-weight: normal;
            text-decoration: underline;
            color: #000000;
        }
/*---Form View Classes---*/

#FormViewTable {
    margin-top: 35px;
    margin-bottom: 45px;
}

.checkbox {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
    width: 15px;
    height: 15px;
    padding: 5px;
}

.radiobutton {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: none;
    color: #000000;
    width: 15px;
    height: 15px;
}

.TextBox,
.textbox {
    font-weight: normal;
    text-decoration: none;
    width: 292px;
    height: 18px;
    border-color: #D4D0C8;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
}

.fullcol .TextBox, .fullcol .textbox {
    min-height: 27px;
}

.TextArea,
.textarea {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: none;
    color: #A5A5A5;
    width: 282px;
    height: 172px;
    border-color: #D4D0C8;
    border-style: solid;
    border-width: 1px;
}


.button {
    background: #c8122e;
    border: 1px solid;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    /*font-family: 'HelveticaNeueW23' !important;*/
    font-family: DroidKufiRegular, Helvetica !important;
    font-size: 13.0px;
    font-weight: normal;
    height: initial;
    margin-left: 0;
    min-width: inherit;
    overflow: hidden;
    padding: 3px 12px;
    width: auto !important;
    line-height: 2.3em;
}

a.button:hover {
    color: #fff;
}

.gridViewTitles a:hover {
    color: #fff;
    text-decoration: none;
}

.ValueLabel {
    font-weight: bold;
    text-decoration: none;
}

.CaptionLabel {
    color: #828282;
    display: inline-table;
    float: right;
    font-weight: normal;
    height: 100%;
    margin-left: 10px;
    overflow: hidden;
    padding: 5px;
    text-decoration: none;
    text-align: right;
}

.ErrorLabel {
    font-weight: normal;
    text-decoration: none;
    color: #FF0000;
}
/*---User Loggedin Classes---*/

#LoggedinBar {
    width: 950px;
    height: 30px;
    background-color: #919191;
}

.Welcome {
    color: #666666;
    font-size: 14.0px;
    font-weight: normal;
}

.Lable {
    font-size: 14.0px;
    font-weight: normal;
    text-decoration: none;
    color: #FFFFFF;
}

.right-ctnt-tbl {
    border: 1px solid;
    float: right;
    padding: 30px 0;
    width: 620px;
}

.left-ctnt-tbl {
    border: 1px solid;
    float: left;
    padding: 30px 0;
    width: 300px;
}
/*---logged in marquee Classes---*/

#marquee {
    background-color: #ffffff;
    float: left;
    height: 26px;
    margin: 1px 0;
    padding: 7px 10px 2px;
    width: 980px;
}

.color-change-tbl {
    float: right;
    font-size: 14.0px;
    height: 30px;
    width: 100%;
    color: #555;
}

    .color-change-tbl .theme-col {
        padding: 0 10px;
    }

.text-zoom {
    float: left;
}

.color-change-tbl .theme-col input {
    background-color: #CC0000;
    border: 0 none;
    border-radius: 2px;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: 0 1px;
    width: 16px;
}

.color-change-tbl .theme-col .blue {
    background-color: #0f4676;
}

.color-change-tbl .theme-col .gold {
    background-color: #936b28;
}

.color-change-tbl .theme-col .green {
    background-color: #018a46;
}

.color-change-tbl .item-tbl {
    float: right;
    margin: 0px 5px;
}

.text-zoom a {
    float: left;
    padding: 1px 3px;
}

.item-tbl.theme-col > span,
.text-zoom > span {
    color: #C1C1C1;
    float: left;
    font-size: 20.0px;
    font-weight: 100;
    line-height: 20px;
    padding: 0 3px;
}

.color-change-tbl-right {
    float: left;
}

#marquee .sml {
    font-size: 13.0px;
    line-height: 26px;
}

#marquee .med {
    font-size: 15.0px;
    line-height: 25px;
}

#marquee .lrg {
    font-size: 18.0px;
    line-height: 23px;
}

.text-zoom > span {
    line-height: 28px;
}

#marquee .link {
    color: #333;
    font-weight: normal;
}

.marquee-text {
    float: right;
    font-size: 14.0px;
    font-weight: normal;
    overflow: hidden;
    text-decoration: none;
    width: 300px;
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    padding: 0 10px;
    height: 16px;
}

.content-placeholder-in {
    border: 0 solid;
    display: list-item;
    float: right;
    overflow: hidden;
    width: 100%;
    margin-left: 0px;
}

.gridViewTitles span {
    padding: 0 10px;
}

.responsive-tbl-holder {
    border-left: 0px solid #E7E7E7;
    float: right;
    width: 100%;
}

.footerMoi {
    margin: 0 auto;
    overflow: hidden;
    width: 920px;
    background: #e7e7e7;
    padding: 5px 0;
    font-size: 15.0px;
    text-align: left;
}

    .footerMoi .block {
        float: left;
        min-height: 165px;
        padding: 0 12px;
        width: 300px;
    }

        .footerMoi .block .holder {
            padding: 12px 0;
        }

    .footerMoi .moi a {
        border: 0px solid;
        display: block;
        height: 90px;
        left: -3px;
        position: absolute;
        top: 28px;
        width: 70px;
    }

    .footerMoi .block .title {
        font-size: 16.0px;
        margin: 0;
        padding: 0 0 5px;
    }

    .footerMoi .block .social {
        overflow: hidden;
        padding-bottom: 12px;
    }

    .footerMoi .block + .block {
        border-left: 1px solid #CCCCCC;
        font-size: 14.0px;
    }

    .footerMoi .block p {
        font-size: 13.0px;
        margin: 3px 0;
        padding: 0;
    }

    .footerMoi .block-sovial-media {
        padding-top: 22px !important;
    }

    .footerMoi .block.moi {
        background: url(../images/uae_logo.png) no-repeat left 32px;
        margin-left: 25px;
        padding-left: 78px;
        padding-top: 24px;
        width: 220px;
        min-height: 110px;
        position: relative;
        *display: inline-block;
    }

    .footerMoi .block.details a {
        color: #000;
        text-decoration: underline;
    }

        .footerMoi .block.details a + a {
            padding-left: 6px;
            margin-left: 6px;
            border-left: 1px solid #ccc;
        }

    .footerMoi .block.contact {
        width: 210px;
    }

    .footerMoi .block .social a,
    .footerMoi .block .upload a {
        width: 31px;
        height: 31px;
        background: url(../images/footer-sprite.png) no-repeat right 0;
        display: inline-block;
        margin-right: 10px;
        float: left;
    }

    .footerMoi .block .social .yt {
        background-position: -297px -5px;
    }

    .footerMoi .block .social .tw {
        background-position: -262px -4px;
    }

    .footerMoi .block .social .fb {
        background-position: -227px -4px;
    }

    .footerMoi .block .social .isg {
        background-position: -192px -4px;
    }

    .footerMoi .block .social .kp {
        background-position: -156px -4px;
    }

    .footerMoi .block .upload a {
        width: 26px;
        height: 26px;
    }

    .footerMoi .block .upload .jva {
        background-position: -126px -7px;
    }

    .footerMoi .block .upload .pdf {
        background-position: -96px -7px;
    }

    .footerMoi .block .upload .xls {
        background-position: -66px -7px;
    }

    .footerMoi .block .upload .doc {
        background-position: -38px -7px;
    }

    .footerMoi .block .upload .fl {
        background-position: -7px -7px;
    }

.dateandtime {
    border-left: 1px solid #BFBEB7;
    line-height: 13px;
    margin-top: 6px;
    padding-left: 10px;
}

.footermoi-top-right {
    background-image: url("../images/En/common/righttop_repeat.png");
    background-repeat: repeat-y;
}

.logo-home-link {
    /* MOI 2016 */
    border: 0px solid;
    height: 90px;
    margin-left: 16px;
    margin-top: 10px;
    position: absolute;
    width: 330px;
    z-index: 500;
    display: table;
    background: url("../images/En/blank.gif");
    outline: none;
    left: 0;
}

.attachDone {
    background-color: #E6FCE4;
    border: 1px solid #C3EEBF;
    color: #444444;
    display: inline-table;
    font-size: 14.0px;
    font-weight: normal;
    height: 21px !important;
    padding: 2px 10px 0;
}

.radioButtonList {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #E1E1E1;
    display: block;
    font-size: 15.0px;
    line-height: 23px;
    padding: 5px 10px;
}

    .radioButtonList input {
        float: left;
        margin-left: 10px;
        margin-top: 4px;
        position: relative;
    }

.ServicesInfo {
    border: 0px solid;
    /* margin: 0 0 10px; */
    padding: 0px 0;
    /* width: 610px; */
    /* float: right; */
}

    .ServicesInfo a {
        color: #555555;
        font-size: 14.0px;
        text-decoration: none;
        line-height: 2em;
    }

        .ServicesInfo a:before {
            content: '\f02e';
            font-family: FontAwesome;
            font-size: 15.0px;
            padding-left: 7px;
        }

    .ServicesInfo h3 {
        color: #B49348;
        font-size: 20px;
        font-weight: normal;
        line-height: 15px;
        margin: 21px 0px -2px 0px;
        padding: 5px 0;
        line-height: 24px;
    }

        .ServicesInfo h3:before {
            content: '\f086';
            font-family: fontawesome;
            margin-left: 10px;
        }

.header-img {
    /* moi 2016*/
    background: #ffffff;
    border: 0 solid;
    display: block;
    height: 110px;
}

.header-resp {
    display: none;
}

.logo-txt {
    /* moi 2016*/
    /*background-image: url("../images/uae_logo_new.png");
background-repeat: no-repeat;
background-position:right;*/
    float: left;
    height: 76px;
    line-height: 24px;
    margin: 15px 10px 0 10px;
    padding-right: 0px;
    width: 270px;
}

.header-img .logo-txt {
    width: 281px;
    margin-right: 5px;
    margin-top: 25px;
}

.header-global-rating {
    float: left;
    width: 80px;
    margin: 10px 0 0 19px;
}

    .header-global-rating img {
        width: 100%;
    }

@media (min-width: 779px) {
    .header-img .logo-txt img {
        width: 100%;
    }
}

@media (max-width: 780px) and (min-width: 444px) {
    .header-img .logo-txt {
        width: 220px !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
        margin-top: 14px !important;
    }

        .header-img .logo-txt img {
            max-width: 100% !important;
        }

    .header-global-rating {
        width: 60px;
        margin: 10px 0 0 30px;
        text-align: left;
    }
}

@media (max-width: 445px) {
    .header-img .logo-txt {
        width: 220px !important;
        margin-right: 0px !important;
        padding-right: 0px !important;
        margin-top: 14px !important;
    }

        .header-img .logo-txt img {
            max-width: 100% !important;
        }

    .header-global-rating {
        width: 92px;
        margin: 10px 0 0 12px;
        text-align: left;
    }

    .moi-award {
        text-align: right;
    }

        .moi-award a img {
            height: 60px !important;
            width: auto !important;
        }
}

.ratingPopupIMG {
    margin: 20px 0 0 0;
}

.text-center {
    text-align: center !important;
}

.txt-lrg {
    color: #C6A733;
    float: right;
    font-size: 25px;
    font-weight: bold;
    margin-top: 25px;
    width: 100%;
}

.txt-sml {
    color: #C6A733;
    float: left;
    font-size: 18.0px;
    font-weight: bold;
    margin-top: 1px;
    width: 100%;
}

.marquee-text {
    display: none;
}

.logo-txt02 {
    /* MOI 2016 */
    color: #cccccc;
    float: right;
    font-size: 25px;
    font-weight: bold;
    height: 30px;
    margin: 40px 10px 0;
    text-shadow: 1px -1px 1px #FFFFFF;
}

.container-tbl {
    border: 1px solid #d1d1d1;
    margin: 0 auto;
    /*overflow: hidden;*/
    width: 1000px;
    border-top: 0px;
    box-shadow: 0 0 8px #CCCCCC;
}

.top-quick-nav {
    border: 0 solid;
    overflow: hidden;
    padding: 4px 11px 2px;
    background: #fff;
    position: relative;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}
/*Footer-v1
------------------------------------*/

.footer-v1 .footer {
    padding: 10px 0 0px;
    background: #fff;
}

.footer-v1 {
    /*float: left;*/
    clear: both;
}

    .footer-v1 .footer p {
        color: #666;
    }

    .footer-v1 .footer h2 {
        color: #666;
        font-size: 16.0px;
        font-weight: normal;
    }
    /*Link List*/

    .footer-v1 .link-list li {
        border-top: solid 1px #353535;
    }

    .footer-v1 address,
    .footer-v1 .link-list a,
    .footer-v1 .link-list i {
        color: #ABABAB;
    }

    .footer-v1 address {
        line-height: 23px;
    }
    /*Dotted Map*/
    /*.footer-v1 .footer .map-img {
background: url(../images/map-img.png) 5px 60px no-repeat;
}*/
    /*Copyright*/

    .footer-v1 .copyright {
        background: #222;
        border-top: none;
        padding: 10px 0 5px;
    }

        .footer-v1 .copyright p {
            color: #ABABAB;
            margin-top: 14px;
        }

        .footer-v1 .copyright a {
            margin: 0 2px;
        }

    .footer-v1 .footer-socials {
        margin-top: 12px;
        text-align: right;
    }

        .footer-v1 .footer-socials li a {
            color: #777;
            font-size: 18.0px;
        }

@media (max-width: 780px) {
    .footer-v1 .copyright,
    .footer-v1 .footer-socials {
        text-align: left;
    }


    body .wiz-content {
        margin-bottom: 5px;
        min-width: 93% !important;
        margin-top: 5px !important;
        padding-top: 23px;
    }

    ul.tabsHR {
        display: inline-block;
    }

    body ul.tabsHR li {
        width: calc(100% - 85px);
        border-bottom: 1px solid #ccc !important;
        text-align: center;
    }
}



.row.footer-top a,
.row.footer-top a:hover {
    color: #fff !important;
    margin: 0px 2px;
}

.row.footer-top p {
    color: #FFFFFF;
    float: right;
    margin: 0;
    padding: 12px 15px 10px;
}

    .row.footer-top p.callus {
        float: left;
        font-weight: normal;
    }

.row.footer-middle {
    background: #ffffff;
    color: #666;
}
/* MOI 2016 */

.row-copyright {
    border-top: 1px solid #CCCCCC;
    clear: both;
    height: 50px;
    margin: 0 auto;
    width: 95%;
}

    .row-copyright p {
        font-size: 13.0px;
        padding: 3px 0 10px;
        text-align: center;
    }

.landing-bdr a {
    float: right;
}

table {
    width: 100%;
}

.footer-support span {
    direction: ltr !important;
    border: 0px solid;
    font-family: Arial !important;
    display: inline-block;
}

.footer-support {
    border-left: 1px solid #CCCCCC;
    float: right;
    font-size: 13.0px;
    margin: 5px 20px 10px 0;
    padding: 0px 0px 0 15px;
    width: 28%;
    line-height: 16px;
    text-align: right;
}

a,
input,
textarea,
select {
    border-radius: 4px !important;
}

.footer-block {
    border-left: 1px solid #CCCCCC;
    float: right;
    height: 124px;
    margin: 5px 0 10px;
    padding: 0 12px;
    min-height: 118px;
    box-sizing: border-box;
}


    .footer-block h2 {
        font-size: 17.0px;
        font-weight: normal;
        margin-top: 7px;
        padding-bottom: 14px;
        line-height: 11px;
    }

    .footer-block img {
        float: left;
        max-width: 26px;
    }

    .footer-block.eBanner {
        padding: 20px 10px;
        height: auto;
    }

        .footer-block.eBanner img {
            max-width: 100%;
            width: 100px;
        }

.noborder {
    border: none !important;
}

.nopadding {
    padding: 0px;
}

.hide-large {
    display: none;
    visibility: hidden;
}

.row.footer-top,
.row.footer-bottom {
    background: none repeat scroll 0 0 #BD9813;
    min-height: 10px;
    overflow: hidden;
    font-size: 14.0px;
}
/*Social Icons*/

.social-icons {
    margin: 0;
    padding: 0;
    text-align: center;
}

    .social-icons li {
        list-style: none;
        margin-right: 3px;
        margin-bottom: 5px;
        text-indent: -9999px;
        display: inline-block;
    }

        .social-icons li a,
        a.social-icon {
            width: 28px;
            height: 28px;
            display: block;
            background-position: 0 0;
            background-repeat: no-repeat;
            transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
        }

        .social-icons li:hover a {
            background-position: 0 -38px;
        }

.social-icons-color li a {
    opacity: 0.7;
    background-position: 0 -38px !important;
    -webkit-backface-visibility: hidden;
    /*For Chrome*/
    line-height: 140px;
    overflow: hidden;
}

    .social-icons-color li a:hover {
        opacity: 1;
    }

.social_facebook {
    background: url(../images/facebook.png) no-repeat;
}

.social_linkedin {
    background: url(../images/linkedin.png) no-repeat;
}

.social_rss {
    background: url(../images/rss.png) no-repeat;
}

.social_twitter {
    background: url(../images/twitter.png) no-repeat;
}

.social_youtube {
    background: url(../images/youtube.png) no-repeat;
}

.social_instagram {
    background: url(../images/instagram.png) no-repeat;
}

.row.footer-top p {
    color: #fff;
    float: right;
    margin: 0;
    padding: 12px 15px 10px;
}

.hide-sm {
    display: block;
}

.breadcrumb-tbl-resp {
    background: none repeat scroll 0 0 #F7F7F7;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
    border-top: 1px solid #DDDDDD;
    /*float: right;*/
    font-size: 14.0px;
    height: 16px;
    margin: -1px 0 0;
    padding: 8px 15px 10px;
    width: 970px;
}

    .breadcrumb-tbl-resp > a {
        padding: 0 5px;
    }

    .breadcrumb-tbl-resp .quicklink-tbl {
        float: right;
        line-height: 19px;
        width: 100%;
    }

.receipt-grd-list td {
    border-color: #ddd;
    padding: 2px 5px;
}

.receipt-grd-list th {
    background-color: #f1f1f1;
    padding: 3px 5px 2px;
    border-color: #ddd;
}

.receipt-action-btn-tbl img {
    height: 24px;
    margin: 4px 0 0;
}

.receipt-print-tbl {
    width: 100%;
    background-color: #fff;
    max-width: 630PX;
    border: 1px solid #ddd;
    margin: 10px auto;
    padding: 20px;
}

.receipt-action-btn-tbl a,
.receipt-action-btn-tbl input {
    display: inline-block;
    padding: 7px;
    border: 1px solid #f1f1f1 !important;
    width: 32px;
    height: 32px;
    text-align: center;
    margin: 0;
    float: left;
}

.new-form-tbl {
    margin-bottom: 10px;
    overflow: hidden;
    float: right;
    width: 100%;
}

    .new-form-tbl .item {
        border-top: 0px solid #f1f1f1;
        display: inline-block;
        overflow: hidden;
        padding: 10px 0;
        width: 100%;
    }

    .new-form-tbl label {
        color: #555555;
        float: right;
        padding: 8px 0;
        width: 120px;
    }

    .new-form-tbl .error-tbl {
        overflow: hidden;
    }

.error-tbl > span {
    float: right;
    font-size: 17.0px !important;
    height: 30px;
    line-height: 38px;
    padding: 0 10px;
}

.radiobutton > input {
    border: 1px solid #333333 !important;
    float: right;
    margin: -1px 3px 0 10px !important;
    min-width: 10px;
    width: 10px;
}

.radiobutton > label {
    width: auto;
    color: #555;
    cursor: pointer;
}

select {
    height: 30px !important;
    min-width: 316px !important;
}

.new-form-tbl .field-tbl {
    float: right;
    min-height: 31px;
}

#ContentPlaceHolder1_upMain > div {
    margin-top: 15px;
}

.container-tbl-sticknav {
    border-bottom: 1px solid #D1D1D1;
    margin: 0 auto;
    overflow: hidden;
    width: 1000px;
    box-shadow: 0 0 8px #CCCCCC;
}

.home-detail-tbl {
    /*float: right;*/
    margin: 25px;
    overflow: hidden;
    width: 950px;
    position: relative;
}

    .home-detail-tbl .frame-left {
        border: 0 solid;
        color: #555555;
        float: right;
        overflow: hidden;
        width: 685px;
    }

.form-tbl-ctnr td {
    padding: 0;
}

.line-seperator {
    border-top: 1px solid #DDDDDD;
    float: right;
    margin: 10px 0;
    width: 100%;
}

.line-seperator-control {
    border-top: 1px solid #DDDDDD;
    float: right;
    margin: 10px 0;
    width: 600px;
}

a {
    color: #444444;
    font-size: 14.0px;
    text-decoration: none;
}

#TABLE1 > tbody {
    width: 100% !important;
    display: inline-table !important;
}

#TABLE1 > table {
    width: 100% !important;
    display: inline-table !important;
}

#TABLE1 table {
    width: 100%;
}

.home-detail-tbl .frame-right {
    display: inline-block;
    float: left;
    margin-bottom: 15px;
    margin-top: 0;
    overflow: hidden;
    padding: 0 0 5px;
    width: 238px;
}

.home-private-tbl .readmore {
    margin: 10px !important;
}

.home-detail-tbl .txt-tbl {
    margin-bottom: 0;
}

.home-detail-tbl .cat-tbl {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #DDDDDD;
    float: left;
    margin: 20px 0 0;
    overflow: hidden;
    width: 99.7%;
}

.txt-tbl > a {
    color: #555555;
}

.home-detail-tbl .useful-link-tbl h3 {
    background-color: #F1F1F1;
    background-position: 258px center;
    color: #666666;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: center
}

.home-detail-tbl .useful-link-tbl {
    border: 1px solid #DDDDDD;
    font-size: 14.0px;
    margin-bottom: 5px;
    overflow: hidden;
}

body .home-detail-tbl .useful-link-tbl a * {
    float: right;
}

.quicklink-tbl > a {
    padding: 0 5px;
    margin-top: 2px;
    padding-top: 2px;
}

.general-txt-tbl .item-tbl {
    float: left;
    margin: 10px 15px;
    padding: 0 0 10px;
}

    .general-txt-tbl .item-tbl ul {
        margin: 15px 0;
        padding: 0;
        overflow: hidden;
    }

        .general-txt-tbl .item-tbl ul li {
            background: url("../images/sep-ar.png") no-repeat scroll right center #FFFFFF;
            border-top: 1px solid #F1F1F1;
            margin: 0 auto;
            padding: 5px 17px 5px 5px;
        }

.lilist-tbl {
    border: 0 solid;
    font-size: 14.0px;
    line-height: 22px;
    margin: 0 0 10px;
    overflow: hidden;
}

.home-detail-tbl .useful-link-tbl .links-tbl {
    margin: 0;
    float: right;
}

.home-detail-tbl .readmore:hover {
    opacity: 0.8 !important;
    color: #fff !important;
    text-decoration: none;
}

a:hover {
    color: #c8122e;
    text-decoration: underline;
}

.home-detail-tbl .useful-link-tbl .readmore {
    margin-right: 10px !important;
    background-image: none;
}

.home-detail-tbl .useful-link-tbl td {
    border-bottom: 2px solid #dadada;
    padding: 5px 12px;
}

.home-detail-tbl .useful-link-tbl table {
    float: right;
    margin: 0;
    width: 100%;
}

.form-tbl-ctnr .CaptionLabel {
    background-color: transparent;
}

input, textarea, select {
    background: none repeat scroll 0 0;
    border: 1px solid #CCCCCC;
    color: #444444;
    /*font-family: 'HelveticaNeueW23' !important;*/
    font-family: DroidKufiRegular, Helvetica !important;
    height: 22px;
    margin: 5px;
    padding: 4px 10px 4px 10px;
    max-width: 320px;
    min-width: 300px;
    background-color: #fff;
}

select,
.select2-container {
    font-size: 13px;
    line-height:20px;
}



input[type="radio"],
input[type="checkbox"] {
    width: auto !important;
    min-width: inherit;
    padding: inherit;
    margin: 0 0px 0 10px !important;
    height: auto !important;
    position: relative;
    bottom: -4px;
}

#ContentPlaceHolder1_frvProfile_Table1 td {
    border-bottom: 1px solid #DDDDDD;
    padding: 0px 0;
}

input.button {
    min-width: auto;
}

.home-detail-tbl .frame-right-banners {
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 5px;
    width: 290px;
}

    .home-detail-tbl .frame-right-banners img {
        margin-bottom: 10px;
    }

.ctnt-placeholder-new {
    float: right;
    padding: 0;
    width: 635px;
}

.ctnt-placeholder-sidebar {
    float: right;
    width: 250px;
}

.home-detail-tbl h2 {
    margin-bottom: 5px;
}

.top-quick-nav-resp {
    display: none;
}

.save-ico {
    background-image: url("../images/save.png");
    background-size: 12px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 18px !important;
    margin-left: 5px;
}

.print-ico {
    background-image: url("../images/print.png");
    background-size: 12px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 18px !important;
    margin-left: 5px;
}

.book-ico {
    background-image: url("../images/book.png");
    background-size: 12px;
    background-position: right center;
    background-repeat: no-repeat;
    padding-right: 18px !important;
    margin-left: 5px;
    float: left;
}

.ctnt-placeholder-new > table {
    width: 100% !important;
}

.service-tbl .CaptionLabel {
    display: block;
    font-size: 10px;
    line-height: 12px;
}

.service-tbl .item > a {
    border: 0px solid;
    display: block;
    font-size: 16.0px;
    font-weight: bold;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 80px;
}

.service-tbl .item:hover span {
    color: #fff;
}

.header-title {
    font-size: 16.0px;
    font-weight: bold;
}

.service-tbl {
    text-align: center;
    overflow: hidden;
}

.main-search {
    background-image: url("../images/search02.gif");
    background-position: 6px 5px;
    background-repeat: no-repeat;
    background-size: 11px auto;
    float: right;
    /*font-family: Arial !important;*/
    font-size: 13.0px;
    height: 20px;
    margin: 0px 0 0 10px;
    min-width: inherit;
    padding: 1px 10px 1px 23px;
    width: 150px;
    line-height: 20px !important;
}

.service-tbl .item {
    border: 1px solid #DDDDDD;
    display: inline-block;
    float: left;
    height: 45px;
    margin: 0 15px 15px 0;
    padding: 15px 75px 15px 15px;
    position: relative;
    width: 204px;
    background-image: url("../images/prototype.png");
    background-position: 230px center;
    background-repeat: no-repeat;
}

    .service-tbl .item:hover {
        background-color: #B89207;
        color: #fff !important;
    }

.service-tbl > table {
    width: 100% !important;
}

.service-tbl tr {
    float: right;
}

* {
    text-decoration: none;
}

header {
    background: #c8122e;
    /*MOI 2016*/
    display: inline;
    float: left;
    position: relative;
    width: 1000px;
}

.logo {
    position: relative;
    z-index: 200;
    padding: 10px;
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    width: 15%;
}

    .logo a {
        color: #6DDB07;
    }

nav {
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-radius: 0px;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #head-mobile {
    border: 0 none;
    box-sizing: border-box;
    display: block;
    line-height: 1;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

    #cssmenu:after,
    #cssmenu > ul:after {
        content: ".";
        display: block;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }

    #cssmenu #head-mobile {
        display: none;
    }

.has-sub {
    background-image: url("../images/arrow-down-nav.png") !important;
    background-position: center left 5px;
    background-repeat: no-repeat;
    background-size: 25px auto;
}

#cssmenu {
    background: #cc0000;
}

    #cssmenu > ul > li {
        border-Left: 1px solid #E06666;
        float: right;
        height: auto;
        text-align: right;
    }

        #cssmenu > ul > li > a {
            color: #FFFFFF;
            font-size: 16.0px;
            font-weight: bold;
            padding: 12px 20px;
            text-decoration: none;
        }

        #cssmenu > ul > li:hover > a,
        #cssmenu ul li.active a {
            color: #fff;
        }

        #cssmenu > ul > li.has-sub > a {
            padding-left: 29px;
        }

            #cssmenu > ul > li.has-sub > a:after {
                background: none repeat scroll 0 0 #DDDDDD;
                content: "";
                display: block;
                height: 2px;
                position: absolute;
                left: 14px;
                top: 17px;
                width: 8px;
                display: none;
            }

            #cssmenu > ul > li.has-sub > a:before {
                background: none repeat scroll 0 0 #DDDDDD;
                content: "";
                display: block;
                height: 8px;
                left: 17px;
                position: absolute;
                top: 14px;
                transition: all 0.25s ease 0s;
                width: 2px;
                display: none;
            }

        #cssmenu > ul > li.has-sub:hover > a:before {
            top: 19px;
            height: 0;
        }

    #cssmenu ul ul {
        position: absolute;
        right: 0;
        height: 0px;
        overflow: hidden;
    }

.navigation-tbl {
    border: 1px solid;
}

#cssmenu ul ul {
    border-width: 0;
    box-shadow: 0 0 2px #666;
    position: absolute;
    border-right: 0px solid #f1f1f1;
    z-index: 500;
    background: #fff;
}

    #cssmenu ul ul ul {
        border-left: 1px solid #f1f1f1;
    }

    #cssmenu ul ul li {
        background-color: #fff;
        background-image: none;
        border-bottom: 1px solid #f1f1f1;
        height: auto !important;
        transition: all 0.25s ease 0s;
    }

        #cssmenu ul ul li:hover {
            right: 0;
            height: auto;
        }

#cssmenu li:hover > ul {
    right: 0;
    height: auto;
    overflow: visible;
}

    #cssmenu li:hover > ul ul {
        top: 0;
    }

    #cssmenu li:hover > ul > li {
        height: 35px;
    }

#cssmenu ul ul ul {
    margin-left: 100%;
    top: 0;
    height: auto;
}

.tbl-list table tr:hover {
    background-color: #f2f2f2;
}

#cssmenu ul ul li a {
    border-bottom: 0 solid rgba(150, 150, 150, 0.15);
    color: #cc0000;
    font-size: 15.0px;
    font-weight: 400;
    max-width: 340px;
    min-width: 190px;
    overflow: hidden;
    padding: 9px 11px 8px 11px;
    text-decoration: none;
    overflow: hidden;
    text-transform: uppercase;
    line-height: 18px;
}

#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
    border-bottom: 0;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
    background-color: #eee !important;
    color: #E74C3C;
}

#cssmenu ul ul li.has-sub > a:after {
    position: absolute;
    top: 12px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #ea8686;
    content: '';
}

#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 9px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #ea8686;
    content: '';
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

#cssmenu ul ul > li.has-sub:hover > a:before {
    top: 17px;
    height: 0;
}

#cssmenu ul ul li.has-sub:hover,
#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
    background-color: #e74c3c;
    color: #fff;
}

#cssmenu ul ul ul li.active a {
    border-left: 1px solid #cc0000;
}

#cssmenu > ul > li.has-sub > ul > li.active > a,
#cssmenu > ul ul > li.has-sub > ul > li.active > a {
    border-bottom: 1px solid #cc0000;
}

.flexer,
.progress-indicator {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .no-flexer,
    .progress-indicator.stacked {
        display: block;
    }

.no-flexer-element {
    -ms-flex: 0;
    -webkit-flex: 0;
    -moz-flex: 0;
    flex: 0;
}

.flexer-element,
.progress-indicator > li {
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}

.progress-indicator {
    margin: 0;
    padding: 0;
    font-size: 80%;
    text-transform: uppercase;
    margin-bottom: 1em;
}

    .progress-indicator > li {
        list-style: none;
        text-align: center;
        width: auto;
        padding: 0;
        margin: 0;
        position: relative;
        text-overflow: ellipsis;
        display: block;
    }

        .progress-indicator > li:hover {
            color: #6e6e6e;
        }

        .progress-indicator > li .bubble {
            border-radius: 1000px;
            width: 20px;
            height: 20px;
            background-color: #bd9813;
            display: block;
            margin: 0 auto 0.5em auto;
            border-bottom: 1px solid #888888;
        }

            .progress-indicator > li .bubble:before,
            .progress-indicator > li .bubble:after {
                display: block;
                position: absolute;
                top: 9px;
                width: 100%;
                height: 3px;
                content: '';
                background-color: #bd9813;
            }

            .progress-indicator > li .bubble:before {
                left: 0;
            }

            .progress-indicator > li .bubble:after {
                right: 0;
            }

        .progress-indicator > li.completed {
            color: green;
        }

            .progress-indicator > li.completed .bubble {
                background-color: #cc0000;
                color: #cc0000;
                border-color: #cc0000;
            }

                .progress-indicator > li.completed .bubble:before,
                .progress-indicator > li.completed .bubble:after {
                    background-color: #cc0000;
                    border-color: #cc0000;
                }

        .progress-indicator > li a:hover .bubble {
            background-color: #5671d0;
            color: #5671d0;
            border-color: #1f306e;
        }

            .progress-indicator > li a:hover .bubble:before,
            .progress-indicator > li a:hover .bubble:after {
                background-color: #5671d0;
                border-color: #1f306e;
            }

        .progress-indicator > li.danger .bubble {
            background-color: #d3140f;
            color: #d3140f;
            border-color: #440605;
        }

            .progress-indicator > li.danger .bubble:before,
            .progress-indicator > li.danger .bubble:after {
                background-color: #d3140f;
                border-color: #440605;
            }

        .progress-indicator > li.warning .bubble {
            background-color: #edb10a;
            color: #edb10a;
            border-color: #5a4304;
        }

            .progress-indicator > li.warning .bubble:before,
            .progress-indicator > li.warning .bubble:after {
                background-color: #edb10a;
                border-color: #5a4304;
            }

        .progress-indicator > li.info .bubble {
            background-color: #5b32d6;
            color: #5b32d6;
            border-color: #25135d;
        }

            .progress-indicator > li.info .bubble:before,
            .progress-indicator > li.info .bubble:after {
                background-color: #5b32d6;
                border-color: #25135d;
            }

.container-process {
    max-width: 1200px;
}

.progress-indicator.custom-complex {
    border-radius: 0;
    padding: 0;
}

    .progress-indicator.custom-complex > li .bubble {
        border: 0 none;
        border-radius: 0;
        color: #fff;
        font-size: 16.0px;
        height: 30px;
        width: 98%;
        line-height: 28px;
        float:;
    }

        .progress-indicator.custom-complex > li .bubble:before,
        .progress-indicator.custom-complex > li .bubble:after {
            display: none;
        }

td,
tr {
    overflow: hidden;
    padding: 0;
}

.process-tree-tbl {
    background-color: #999999;
    border-radius: 3px;
    padding: 0;
    width: 660px;
    margin: 10px;
    float: right;
    overflow: hidden;
}

    .process-tree-tbl > span {
        position: relative;
        float: right;
    }

    .process-tree-tbl .button {
        border: 0 solid;
        border-radius: 3px 3px 0 0;
        color: #FFFFFF;
        cursor: pointer;
        float: right;
        font-size: 13.0px;
        font-weight: normal;
        height: 30px;
        margin: 0 1px 0px 0;
        min-width: inherit;
        overflow: hidden;
        padding: 0px;
        width: 130px !important;
        text-overflow: ellipsis;
        text-indent: 8px;
    }

        .process-tree-tbl .button.disabled-tab {
            background-color: #999;
        }

        .process-tree-tbl .button.active-tab {
            background-color: #666 !important;
            color: #FFFFFF;
            font-weight: bold;
        }

        .process-tree-tbl .button.current-tab {
            background-color: #c8122e;
            color: #FFFFFF;
            font-weight: bold;
        }

.tab-arrow-png {
    background-image: url("../images/tab-arrow-png-ar.png");
    background-position: -1px -2px;
    background-size: 18px auto;
    height: 30px;
    left: -8px;
    position: absolute;
    width: 16px;
    z-index: 9999999;
}


body .CaptionLabel {
    padding-left: 12px;
}

.CaptionLabel.required-field {
    background-image: url("../images/required.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 8px;
    max-width: none !important;
    display: block;
    box-sizing: content-box !important;
}

.newfontsize-lrg {
    font-size: 17.0px;
    float: right;
}

    .newfontsize-lrg a,
    .newfontsize-lrg td,
    .newfontsize-lrg tr,
    .newfontsize-lrg p,
    .newfontsize-sml span,
    .newfontsize-sml .ValueLabel,
    .newfontsize-sml .ErrorLabel {
        font-size: 17.0px;
    }

.newfontsize-med {
    font-size: 15.0px;
    float: right;
}

    .newfontsize-med td,
    .newfontsize-med tr,
    .newfontsize-med p {
        font-size: 15.0px;
    }

.newfontsize-sml {
    font-size: 13.0px;
    float: right;
}

    .newfontsize-sml a,
    .newfontsize-sml td,
    .newfontsize-sml tr,
    .newfontsize-sml p,
    .newfontsize-sml span,
    .newfontsize-sml .ValueLabel,
    .newfontsize-sml .ErrorLabel {
        font-size: 13.0px;
    }

    .newfontsize-sml .PageHeaderTitles,
    .newfontsize-med .PageHeaderTitles,
    .newfontsize-lrg .PageHeaderTitles {
        font-size: 25px !important;
    }

.newfontsize-sml,
.gridViewTitles span,
.newfontsize-med,
.gridViewTitles span,
.newfontsize-lrg,
.gridViewTitles span {
    font-size: 18.0px;
}
/* FOR RATING - START  */

.rating-tbl {
    border-top: 0px solid #e9e9e9;
    margin: 12px 0;
    padding: 15px 0;
    overflow: hidden;
    color: #666;
}

    .rating-tbl .button {
        background: #C6A733;
        border: 1px solid;
        border-radius: 3px;
        color: #FFFFFF;
        cursor: pointer;
        /*font-family: 'HelveticaNeueW23' !important;*/
        font-family: DroidKufiRegular, Helvetica !important;
        font-size: 16.0px !important;
        font-weight: bold !important;
        height: 30px !important;
        margin-left: 0;
        min-width: inherit !important;
        overflow: hidden;
        padding: 1px 15px 7px !important;
        width: auto !important;
    }

    .rating-tbl label {
        display: block;
        font-size: 14.0px;
        padding-bottom: 10px;
    }

#tblSucceed #SuccessMessage {
    font-size: 23px;
    color: #5A915A;
    background-color: #E8F1EB;
    text-align: center;
    display: block;
    padding: 13px 10px 9px !important;
    border: 1px solid #D6E9DC;
    margin: 10px 0 15px;
}

.unsatisfied-btn.active,
.satisfied-btn.active,
.neutral-btn.active {
    background-color: #F1F1F1 !important;
}

.rating-tbl input {
    width: 70px;
    height: 60px;
    min-width: 70px !important;
    max-width: 70px;
    float: none;
    background-size: 38px !important;
    border: 0px !important;
    background-position: center 10px !important;
    text-align: center !important;
    padding: 0px;
    margin: 0px;
    text-align: center !important;
    line-height: inherit;
    font-size: 0px;
    margin: 5px;
}

.rating-tbl .neutral-btn {
    border: 1px solid;
    background: url("../Images/neutral.png")no-repeat;
}

    .rating-tbl .neutral-btn:hover,
    .rating-tbl .neutral-btn.active {
        border: 1px solid;
        background: url("../Images/neutral-hover.png")no-repeat;
    }

.rating-tbl .satisfied-btn {
    border: 1px solid;
    background: url("../Images/satisfied.png")no-repeat;
}

    .rating-tbl .satisfied-btn:hover {
        border: 1px solid;
        background: url("../Images/satisfied-hover.png")no-repeat;
    }

.rating-tbl .unsatisfied-btn {
    border: 1px solid;
    background: url("../Images/unsatisfide.png")no-repeat;
}

    .rating-tbl .unsatisfied-btn:hover {
        border: 1px solid;
        background: url("../Images/unsatisfide-hover.png")no-repeat;
    }
/* FOR RATING - END */

.settings-tbl {
    padding-top: 2px;
    float: left;
}

    .settings-tbl .ico-btntbl {
    }

        .settings-tbl .ico-btntbl .call-btn {
        }

    .settings-tbl .ico-btntbl {
        float: left;
    }

        .settings-tbl .ico-btntbl a {
            border: 0 solid;
            float: left;
            font-family: "Simple-Line-Icons" !important;
            font-size: 16.0px;
            margin: 0 3px;
            line-height: 15px;
            height: 18px;
        }

.brd-txt-tbl {
    border-bottom: 1px solid #eee;
    background-color: #fcfcfc;
    float: left;
    line-height: 15px;
    padding: 8px 15px 6px;
    width: 100%;
}

    .brd-txt-tbl a {
        color: #888;
        float: left;
    }

    .brd-txt-tbl > i {
        border: 0 solid;
        float: left;
        height: 15px;
        margin: 0 7px;
        width: 10px;
        background-image: url("../PublicServices/PageNotFound.html");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 6px;
    }

.settings-tbl .txt-zoom {
    float: left;
}

.settings-tbl .theme-change {
    float: left;
    margin: 0 0px 0 10px;
}

.settings-tbl .blind-tbl > a {
    padding: 4px 4px 0;
}

.settings-tbl .blind-tbl {
    float: left;
    margin: 0px;
}

.settings-tbl .theme-change a {
    background-color: #c00;
    border-radius: 2px;
    float: left;
    height: 15px;
    margin: 0px 1px 0;
    padding: 0;
    width: 15px;
}

.settings-tbl .theme-change .green {
    background-color: #018a46;
}

.settings-tbl .theme-change .gold {
    background-color: #936b28;
}

.settings-tbl .theme-change .blue {
    background-color: #0f4676;
}

.settings-tbl span {
    animation: blinkingText 0.9s infinite;
    color: #ffffff !important;
    background-color: #c8122e;
    font-size: 15.0px !important;
    line-height: .9;
    padding: 3px !important;
    position: absolute;
    text-align: center;
    margin-right: -18px;
    margin-top: -7px;
    border-radius: 100px !important;
    float: left;
}

.settings-tbl a {
    color: #BD9813;
    float: left;
    line-height: 17px;
}

.settings-tbl .lrgtxt {
    font-size: 20px !important;
}

.settings-tbl .medtxt {
    font-size: 17.0px !important;
}

.settings-tbl .smltxt {
    font-size: 10px !important;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
    font-family: 'Simple-Line-Icons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/

.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-moustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-emoticon-smile,
.icon-disc,
.icon-cursor-move,
.icon-crop,
.icon-credit-card,
.icon-chemistry,
.icon-user,
.icon-speedometer,
.icon-social-youtube,
.icon-social-twitter,
.icon-social-tumblr,
.icon-social-facebook,
.icon-social-dropbox,
.icon-social-dribbble,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglasses,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-map,
.icon-layers,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-frame,
.icon-folder-alt,
.icon-film,
.icon-feed,
.icon-earphones-alt,
.icon-earphones,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-directions,
.icon-direction,
.icon-diamond,
.icon-cup,
.icon-compass,
.icon-call-out,
.icon-call-in,
.icon-call-end,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-music-tone-alt,
.icon-music-tone,
.icon-microphone,
.icon-loop,
.icon-logout,
.icon-login,
.icon-list,
.icon-like,
.icon-home,
.icon-grid,
.icon-graph,
.icon-equalizer,
.icon-dislike,
.icon-cursor,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-calendar,
.icon-bulb,
.icon-bar-chart,
.icon-arrow-up,
.icon-arrow-right,
.icon-arrow-left,
.icon-arrow-down,
.icon-ban,
.icon-bubble,
.icon-camcorder,
.icon-camera,
.icon-check,
.icon-clock,
.icon-close,
.icon-cloud-download,
.icon-cloud-upload,
.icon-doc,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-folder,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-plus,
.icon-pointer,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-users {
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

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

    .icon-user-follow:before {
        content: "\e002";
    }

    .icon-user-following:before {
        content: "\e003";
    }

    .icon-user-unfollow:before {
        content: "\e004";
    }

    .icon-trophy:before {
        content: "\e006";
    }

    .icon-screen-smartphone:before {
        content: "\e010";
    }

    .icon-screen-desktop:before {
        content: "\e011";
    }

    .icon-plane:before {
        content: "\e012";
    }

    .icon-notebook:before {
        content: "\e013";
    }

    .icon-moustache:before {
        content: "\e014";
    }

    .icon-mouse:before {
        content: "\e015";
    }

    .icon-magnet:before {
        content: "\e016";
    }

    .icon-energy:before {
        content: "\e020";
    }

    .icon-emoticon-smile:before {
        content: "\e021";
    }

    .icon-disc:before {
        content: "\e022";
    }

    .icon-cursor-move:before {
        content: "\e023";
    }

    .icon-crop:before {
        content: "\e024";
    }

    .icon-credit-card:before {
        content: "\e025";
    }

    .icon-chemistry:before {
        content: "\e026";
    }

    .icon-user:before {
        content: "\e005";
    }

    .icon-speedometer:before {
        content: "\e007";
        color: #fff;
        margin-left: 5px;
        font-size: 20.0px;
    }

.icon-aidTools:before {
    content: "\f059";
    font-family: FontAwesome;
    color: #fff;
    margin-left: 5px;
    font-size: 20.0px;
}

.pdf_icon {
    background-image: url(../images/icon_pdf.png);
    background-repeat: no-repeat;
    line-height: 27px;
    padding-left: 21px;
}

.video_icon {
    position: absolute;
    top: 26.7%;
    left: 18%;
    width: 25px;
    height: 25px;
    background-image: url(../images/youtube_ico_color.png);
    background-size: 25px;
}

.aidImage {
    max-height: 67px !important;
    max-width: 100%;
}

.home-detail-tbl .useful-link-tbl a.aidLink {
    background-image: none !important;
}

.icon-social-youtube:before {
    content: "\e008";
}

.icon-social-twitter:before {
    content: "\e009";
}

.icon-social-tumblr:before {
    content: "\e00a";
}

.icon-social-facebook:before {
    content: "\e00b";
}

.icon-social-dropbox:before {
    content: "\e00c";
}

.icon-social-dribbble:before {
    content: "\e00d";
}

.icon-shield:before {
    content: "\e00e";
}

.icon-screen-tablet:before {
    content: "\e00f";
}

.icon-magic-wand:before {
    content: "\e017";
}

.icon-hourglass:before {
    content: "\e018";
}

.icon-graduation:before {
    content: "\e019";
}

.icon-ghost:before {
    content: "\e01a";
}

.icon-game-controller:before {
    content: "\e01b";
}

.icon-fire:before {
    content: "\e01c";
}

.icon-eyeglasses:before {
    content: "\e01d";
}

.icon-envelope-open:before {
    content: "\e01e";
}

.icon-envelope-letter:before {
    content: "\e01f";
}

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

.icon-badge:before {
    content: "\e028";
}

.icon-anchor:before {
    content: "\e029";
}

.icon-wallet:before {
    content: "\e02a";
}

.icon-vector:before {
    content: "\e02b";
}

.icon-speech:before {
    content: "\e02c";
}

.icon-puzzle:before {
    content: "\e02d";
}

.icon-printer:before {
    content: "\e02e";
}

.icon-present:before {
    content: "\e02f";
}

.icon-playlist:before {
    content: "\e030";
}

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

.icon-picture:before {
    content: "\e032";
}

.icon-map:before {
    content: "\e033";
}

.icon-layers:before {
    content: "\e034";
}

.icon-handbag:before {
    content: "\e035";
}

.icon-globe-alt:before {
    content: "\e036";
}

.icon-globe:before {
    content: "\e037";
}

.icon-frame:before {
    content: "\e038";
}

.icon-folder-alt:before {
    content: "\e039";
}

.icon-film:before {
    content: "\e03a";
}

.icon-feed:before {
    content: "\e03b";
}

.icon-earphones-alt:before {
    content: "\e03c";
}

.icon-earphones:before {
    content: "\e03d";
}

.icon-drop:before {
    content: "\e03e";
}

.icon-drawer:before {
    content: "\e03f";
}

.icon-docs:before {
    content: "\e040";
}

.icon-directions:before {
    content: "\e041";
}

.icon-direction:before {
    content: "\e042";
}

.icon-diamond:before {
    content: "\e043";
}

.icon-cup:before {
    content: "\e044";
}

.icon-compass:before {
    content: "\e045";
}

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

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

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

.icon-calculator:before {
    content: "\e049";
}

.icon-bubbles:before {
    content: "\e04a";
}

.icon-briefcase:before {
    content: "\e04b";
}

.icon-book-open:before {
    content: "\e04c";
}

.icon-basket-loaded:before {
    content: "\e04d";
}

.icon-basket:before {
    content: "\e04e";
}

.icon-bag:before {
    content: "\e04f";
}

.icon-action-undo:before {
    content: "\e050";
}

.icon-action-redo:before {
    content: "\e051";
}

.icon-wrench:before {
    content: "\e052";
}

.icon-umbrella:before {
    content: "\e053";
}

.icon-trash:before {
    content: "\e054";
}

.icon-tag:before {
    content: "\e055";
}

.icon-support:before {
    content: "\e056";
}

.icon-size-fullscreen:before {
    content: "\e057";
}

.icon-size-actual:before {
    content: "\e058";
}

.icon-shuffle:before {
    content: "\e059";
}

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

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

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

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

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

.icon-pencil:before {
    content: "\e05f";
}

.icon-note:before {
    content: "\e060";
}

.icon-music-tone-alt:before {
    content: "\e061";
}

.icon-music-tone:before {
    content: "\e062";
}

.icon-microphone:before {
    content: "\e063";
}

.icon-loop:before {
    content: "\e064";
}

.icon-logout:before {
    content: "\e065";
}

.icon-login:before {
    content: "\e066";
}

.icon-list:before {
    content: "\e067";
}

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

.icon-home:before {
    content: "\e069";
}

.icon-grid:before {
    content: "\e06a";
}

.icon-graph:before {
    content: "\e06b";
}

.icon-equalizer:before {
    content: "\e06c";
}

.icon-dislike:before {
    content: "\e06d";
}

.icon-cursor:before {
    content: "\e06e";
}

.icon-control-start:before {
    content: "\e06f";
}

.icon-control-rewind:before {
    content: "\e070";
}

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

.icon-control-pause:before {
    content: "\e072";
}

.icon-control-forward:before {
    content: "\e073";
}

.icon-control-end:before {
    content: "\e074";
}

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

.icon-bulb:before {
    content: "\e076";
}

.icon-bar-chart:before {
    content: "\e077";
}

.icon-arrow-up:before {
    content: "\e078";
}

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

.icon-arrow-left:before {
    content: "\e07a";
}

.icon-arrow-down:before {
    content: "\e07b";
}

.icon-ban:before {
    content: "\e07c";
}

.icon-bubble:before {
    content: "\e07d";
}

.icon-camcorder:before {
    content: "\e07e";
}

.icon-camera:before {
    content: "\e07f";
}

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

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

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

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

.icon-cloud-upload:before {
    content: "\e084";
}

.icon-doc:before {
    content: "\e085";
}

.icon-envelope:before {
    content: "\e086";
}

.icon-eye:before {
    content: "\e087";
}

.icon-flag:before {
    content: "\e088";
}

.icon-folder:before {
    content: "\e089";
}

.icon-heart:before {
    content: "\e08a";
}

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

.icon-key:before {
    content: "\e08c";
}

.icon-link:before {
    content: "\e08d";
}

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

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

.icon-magnifier:before {
    content: "\e090";
}

.icon-magnifier-add:before {
    content: "\e091";
}

.icon-magnifier-remove:before {
    content: "\e092";
}

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

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

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

.icon-pointer:before {
    content: "\e096";
}

.icon-power:before {
    content: "\e097";
}

.icon-refresh:before {
    content: "\e098";
}

.icon-reload:before {
    content: "\e099";
}

.icon-settings:before {
    content: "\e09a";
}

.icon-star:before {
    content: "\e09b";
}

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

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

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

.icon-volume-1:before {
    content: "\e09f";
}

.icon-volume-2:before {
    content: "\e0a0";
}

.icon-volume-off:before {
    content: "\e0a1";
}

.icon-users:before {
    content: "\e001";
}

.autocomplete-suggestion {
    padding: 2px 5px;
    overflow: hidden;
    font-size: 14.0px;
    color: #969696;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: bold;
    color: #000;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        font-weight: bold;
        font-size: 18.0px;
        color: #000;
        display: block;
        border-bottom: 1px solid #000;
    }
/*
.advt-banners-new a.banner01 {
background-image: url("../images/red/banner01.jpg");
-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s
}
.advt-banners-new a.banner02 {
background-image: url("../images/red/banner02.jpg");
-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s
}
.advt-banners-new a.banner03 {
background-image: url("../images/red/banner03.jpg");
-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s
}
.advt-banners-new a.banner04 {
background-image: url("../images/red/banner04.jpg");
-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s
}
.advt-banners-new a.banner05 {
background-image: url("../images/red/banner05.jpg");
-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s
}
*/

.table-nav {
    text-align: left;
    border: solid 0px #e6e6e6;
    height: 19px;
    line-height: 16px;
    margin: 4px 0 0 0;
}

.table-Action {
    text-align: right;
    border: solid 0.2px #e6e6e6;
    height: 19px;
    line-height: 16px;
    margin: 10px 0 0 0;
    background-color: #e5e4e9;
}

.table-contant {
    border: 1px solid #e6e6e6;
    width: 100%;
    padding: 2px 5px;
}

.link-button.button:hover {
    color: #FFF;
}

.wiz-content {
    padding: 10PX;
}

    .wiz-content .button-holder {
        padding: 5px;
        float: left;
        width: 100%;
        margin: 10px 5px;
    }

        .wiz-content .button-holder input {
            background-color: #444;
            padding: 0px 30px;
            float: left;
            color: #fff;
            margin-right: 5px;
            height: initial;
            width: auto !important;
            min-width: inherit;
        }


.popup label#lblTimer, .popup .lblTimer, .popup-wizard label#lblTimer, .popup-wizard .lblTimer {
    font-family: monospace;
    font-size: 28px;
    background: white;
    width: 80px;
    height: 80px;
    position: absolute;
    line-height: 3em;
    color: #414241;
    border-radius: 100%;
    border: 5px solid #b68a35;
    left: -45px;
    top: -27px;
}

.popup-wizard {
    text-align: center;
}

    .popup-wizard .step-desc {
        color: #555555;
        font-size: 16.0px;
        margin: 17px;
        text-align: right;
    }

    .popup-wizard .step-textbox {
        width: 80%;
        margin: 0px 0px 15px 0px !important;
        padding: 15px 15px;
        box-sizing: border-box;
        font-size: 16.0px;
        height: 50px !important;
    }

    .popup-wizard .button-holder {
        display: block;
        overflow: hidden;
        margin: 3%;
        border-top: 1px solid #ddd;
        width: 94%;
    }

    .popup-wizard .button, .popup .button {
        padding: 0px 30px;
        /*height: 32px;*/
    }

    .popup-wizard a.button {
        padding: 7px 30px;
    }

    .popup-wizard .button-holder input {
        float: left;
    }

.loader-new-tbl {
    float: right;
    border: aliceblue;
    color: #333;
    position: relative;
    overflow: hidden;
    width: 100%;
    word-break: break-all;
    padding: 10px 0 10px 10px;
    border-top: 1px solid #ddd;
    margin-bottom: -10px;
}

    .loader-new-tbl .dec {
        color: #333;
        font-weight: normal !important;
        font-size: 14.0px;
        line-height: 1.5;
        vertical-align: top;
    }

    .loader-new-tbl .label-load {
        color: #333;
        font-weight: bold !important;
        margin-bottom: 5px;
    }

    .loader-new-tbl .dec span {
        font-weight: normal !important;
    }

    .loader-new-tbl .loader-new,
    .loader-new-tbl .loader-new .loader {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
    }

.popup {
    top: 6%;
    display: inline-block;
    position: absolute;
    width: 90%;
    max-width: 980px;
    left: 0;
    background: #FFFFFF;
    border-radius: 0em;
    margin: 1% auto auto 5%;
    padding: 0em 0em 0em 0em;
    text-align: center;
    -webkit-box-shadow: 0 0 1.5em 0.1em rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0 0 1.5em 0.1em rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 1.5em 0.1em rgba(0, 0, 0, 0.6);
    display: none;
    right: 0;
    margin: 0 auto;
    z-index: 2000;
}





    .popup > div:last-child {
        max-height: inherit;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .popup.iframe > div:last-child {
        overflow-y: hidden;
        overflow-x: hidden;
    }

    .popup iframe {
        border: none;
    }

    .popup.iframe iframe {
        height: calc(100vh - 120px);
    }

    .popup.small {
        width: 50%;
    }

    .popup .header {
        height: auto;
        color: white;
        line-height: 25px;
        text-align: right;
        font-weight: bold;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 5px 10px;
        FONT-SIZE: 17.0px;
        min-height: 24px;
    }

    .popup a.cancel {
        cursor: pointer;
        background-color: none;
        float: left;
        padding: 0 3px;
        margin: 0;
        height: auto;
        margin-top: 0px;
        min-height: inherit;
        min-width: 0px;
        font-size: 14.0px;
        text-align: left;
    }

    .popup a {
        padding: 3px 0px;
        margin: 0;
        display: inline-block;
        height: auto;
        width: initial;
        min-width: 60px;
        box-shadow: none;
        margin: 0 7px;
        color: #fff;
        cursor: pointer;
    }

    .popup input {
        padding: 0 20px;
        margin: 0;
        min-height: inherit;
    }

    .popup p {
        margin: 35px 0 25px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        font-size: 17px;
        visibility: visible !important;
    }

    .popup .forminput {
        padding: 10px;
    }

    .popup .popup_footer input {
        float: left;
        margin-top: 10px;
    }

.overlay-text {
    color: #1a1a1a;
    width: 80%;
    margin: 1em 0 1.5em 10%;
    letter-spacing: -0.03em;
}

.popup_footer {
    display: block;
    overflow: hidden;
    margin: 3%;
    border-top: 1px solid #ddd;
    width: 94%;
}

.overlay-cta {
    font-family: Avenir-Black;
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.2em;
    color: #262626;
    padding: 4%;
    width: 25%;
    border-radius: 3em;
    letter-spacing: 0.03em;
    background: #a8ceb7;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.2);
}

.overlay-cta2 {
    margin-left: 11.8em;
    /* font-family: Avenir-Black; */
    text-transform: uppercase;
    display: inline-block;
    font-size: 1.2em;
    color: #262626;
    padding: 3%;
    width: 12%;
    border-radius: 6em;
    letter-spacing: 0.03em;
    background: #deafaf;
    transition: all 0.5s ease;
}

.popup table {
    margin: 0;
    width: 100%;
    float: right;
}

.popup .new-list td {
    padding: 5px 0;
    text-indent: 7px;
}

th {
    text-align: right;
}

.popup .new-list tr {
    border-bottom: 1px solid #ddd;
}

.popup .new-list {
    margin: 3%;
    border: 1px solid #ddd;
    width: 94%;
}

.error-msg {
    color: #DA8686;
    border: 1px solid rgba(218, 134, 134, 0.39);
    display: block;
    font-size: 14.0px;
    border-radius: 5px;
    background-color: #f7eeee;
    box-shadow: 0px 3px 0px rgba(51, 51, 51, 0.1);
    padding: 10px 30px 10px 45px;
    line-height: 1.5;
    /*width: 603px !important;*/
}

.success-msg {
    color: #67a95c;
    border: 1px solid rgba(102, 146, 103, 0.39);
    display: block;
    font-size: 14.0px;
    border-radius: 5px;
    background-color: #f4f7f2;
    box-shadow: 0px 3px 0px rgba(51, 51, 51, 0.1);
    padding: 10px 30px 10px 44px;
    line-height: 1.5;
    clear: both;
    /*width: calc(100 - 50px);*/
}

.info-msg {
    color: #b39e62;
    border: 1px solid rgba(146, 134, 102, 0.39);
    display: block;
    font-size: 14.0px;
    border-radius: 5px;
    background-color: #fffded;
    box-shadow: 0px 3px 0px rgba(51, 51, 51, 0.1);
    padding: 10px 30px 10px 45px;
    line-height: 1.5;
}

    .error-msg br,
    .success-msg br,
    .info-msg br {
        height: 1px;
    }

.heder-table {
    margin: 0;
    width: 100%;
    float: right;
}

    .heder-table .new-list td {
        padding: 5px 0;
        text-indent: 7px;
    }

th {
    text-align: right;
}

.heder-table .new-list tr {
    border-bottom: 1px solid #ddd;
}

.heder-table .new-list {
    margin: 3%;
    border: 1px solid #ddd;
    width: 94%;
}

.gredview-button {
    background: transparent;
    border: 1px solid #c0a029;
    border-radius: 3px;
    color: #c0a029;
    cursor: pointer;
    /*font-family: 'HelveticaNeueW23' !important;*/
    font-family: DroidKufiRegular, Helvetica !important;
    font-size: 14.0px;
    font-weight: normal;
    /*height: 22px;*/
    margin-left: 0;
    min-width: inherit;
    padding: 5px 10px;
    overflow: hidden;
    width: auto !important;
    float: none;
    display: block;
    margin: 10px auto;
    white-space: nowrap;
    line-height: 20px;
    text-align: center;
}

.gridViewReadmore a {
    border: 1px solid #c0a029;
    color: #c0a029;
    float: right;
    font-size: 14.0px;
    font-weight: normal;
    padding: 2px 10px;
    text-decoration: none;
    height: 16px;
    padding: 1px 12px 1px;
    float: none;
    display: block;
    margin: 5px auto !important;
}
/* Tour Guide Classes */

.popover-navigation {
    text-align: left;
}

.popover .btn.endtour {
    float: left !important;
    position: relative;
    top: -30px;
    background: none;
    border: none;
    color: #333;
}

.popover {
    text-align: right !important;
}

.popover-title {
    text-align: right !important;
}

.popover-title {
    padding: 8px 7px !important;
    margin: 3px 3px 0 0 !important;
    font-size: 19.0px;
    text-align: left;
    color: #000;
    background-color: none;
    border-bottom: none;
    border-radius: 0;
    font-wight: bold;
    background: url(../Images/info.png) no-repeat top right !important;
    padding-right: 38px !important;
    color: #B89207;
    font-weight: bold;
    line-height: 22px;
}

.tourbtn {
    background: url(../Images/info.png) no-repeat top center;
    width: 36px;
    height: 24px;
    border: none;
    float: left;
    min-width: 0;
    position: relative;
    left: 0;
}

.PageHeaderTitles {
    display: inline-block;
}

.PageHeader {
    display: block;
    margin-bottom: 0px;
}

.PageHeaderTitles {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.loadPerc {
    float: left;
    min-width: 85px;
    height: 100px;
    text-align: center;
    display: block;
    width: 25%;
    margin-top: -20px;
    border-right: solid 1px #ccc;
}

    .loadPerc b {
        display: block;
        margin-bottom: 0px;
    }

.dec {
    float: right;
}

.loadPerc input {
    min-width: 0;
}

.knob {
    margin-right: -58px !important;
    margin-left: 0;
    margin-top: 30px !important;
}

.loader-new-tbl .loader-new,
.loader-new-tbl .loader-new .loader {
    position: relative !important;
    direction: ltr !important;
}

.popup .new-list tr:nth-child(odd) {
    background: #eee;
}

.popup .new-list tr td:nth-child(odd) span {
    font-weight: bold;
}

.popup .info-msg {
    border-radius: 0;
}

.popup .new-list .cus-tr-td td:nth-child(1), .popup .new-list .cus-tr-td td:nth-child(3) {
    width: 160px !important;
}

.pagination {
    text-align: center;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

    ul.pagination li {
        display: inline;
    }

        ul.pagination li a.active {
            background-color: #239654;
            color: white;
            border: 1px solid #239654;
        }

.tdtabled table {
    width: auto !important;
}

.martop10 {
    display: block;
    margin-top: 10px;
}



.dashboardpagetable {
    margin-top: -10px;
}

    .dashboardpagetable .gridViewHeader {
        background: #fff;
        color: #c8122e;
    }

    .dashboardpagetable .gridViewTitles a {
        color: #c8122e;
    }

    .dashboardpagetable .dashboarditem {
        border: 1px solid #c8122e;
        width: 50%;
    }

        .dashboardpagetable .dashboarditem table.home-private-tbl {
            width: 100%;
        }

    .dashboardpagetable .dashboarditem {
        padding: 5px 0px 4px 15px !important;
    }

    .dashboardpagetable .home-private-tbl {
        border: none;
    }

    .dashboardpagetable .dashboarditem .home-private-tbl .landing-bdr a {
        padding: 0 12px 0px 0px;
    }



        .dashboardpagetable .dashboarditem .home-private-tbl .landing-bdr a::before {
            content: '\f111';
            font-family: FontAwesome;
            font-size: 8px;
            padding-left: 10px;
            margin: 0px;
            line-height: 7px;
            vertical-align: middle;
            color: #ea122e;
        }




.dashboardheader1 {
    background: url(../images/img1-das.png) no-repeat;
    padding: 4px 25px;
}

.dashboardheader2 {
    background: url(../images/img2-das.png) no-repeat;
    padding: 4px 25px;
}

.dashboardheader3 {
    background: url(../images/img3-das.png) no-repeat;
    padding: 4px 28px;
}

.dashboardheader4 {
    background: url(../images/img4-das.png) no-repeat;
    padding: 4px 25px;
}

.dashboardheader1,
.dashboardheader2,
.dashboardheader3,
.dashboardheader4 {
    background-position: right 7px top 2px;
}

.dashboardpagetable .dashsubtable {
    display: none;
}

    .dashboardpagetable .dashsubtable.open {
        display: block;
    }

.dashboardpagetable .collapsedbtn {
    content: "+";
    display: block;
    width: 15px;
    height: 15px;
    background: #C8122E;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 17.0px;
    position: absolute;
    top: 0;
    RIGHT: -4px;
    cursor: pointer;
    text-align: center;
    line-height: 17px;
    z-index: 3;
    BORDER-RADIUS: 2PX;
}

    .dashboardpagetable .collapsedbtn.open {
        content: "-";
        line-height: 15px;
    }

.dashboardpagetable .relativecollapse {
    position: relative;
}

.home-detail-tbl .useful-link-tbl.no-background h3 {
    background: #F1F1F1;
    padding: 11px 0px 8px 0px;
    text-align: right;
}

    .home-detail-tbl .useful-link-tbl.no-background h3 span {
        padding: 0 5px;
        color: #c0c0c0;
        vertical-align: middle;
    }

.home-detail-tbl .useful-link-tbl.no-background {
    background: none;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #b89207;
    padding-bottom: 10px;
}

.home-detail-tbl .useful-link-tbl.favairatelinks a.linkfaverite {
    background: none;
    padding: 3px 0px 3px 5px;
}

    .home-detail-tbl .useful-link-tbl.favairatelinks a.linkfaverite:before {
        font-family: 'Simple-Line-Icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: "\e09b";
        padding-left: 10px;
        vertical-align: middle;
        font-size: 16.0px;
        line-height: 16px;
        color: #b89207;
        float: right;
    }

.home-detail-tbl .useful-link-tbl.favairatelinks h3 {
    background: #F1F1F1;
    padding: 14px 5px 11px 5px;
}

    .home-detail-tbl .useful-link-tbl.favairatelinks h3 span {
        padding: 0 5px;
        color: #c0c0c0;
        font-size: 23px;
        vertical-align: middle;
    }

.loader-new-tbl {
    max-width: 100%;
    margin-bottom: 10px;
}

.popover.tour-tour {
    min-width: 270px;
}

.process-tree-tbl {
    background: none;
}

    .process-tree-tbl .button {
        width: 218px !important;
    }

@media (max-width: 780px) {
    .icon-printer {
        display: inline-block !important;
    }

 /*   .loadPerc {
        min-width: inherit;
    }
*/
    .quicklinks.myprofilelink {
        display: inline-block !important;
    }

        .quicklinks.myprofilelink a {
            color: #fff;
        }



    body .fourCol .rowCloContainer {
        width: 100% !important;
    }

    body .forminput .colRight, body .forminput .colLeft {
        display: block !important;
        clear: both !important;
        margin: 0px !important;
        padding: 0px !important;
        padding-top: 5px;
        width: calc(100% - 15px);
        position: relative;
    }


        body .colRight select, body .forminput .colLeft select, body .forminput .colRight input, body .forminput .colLeft input {
            padding: 0px 3px !important;
            margin: 0px !important;
            width: 98%;
            margin-bottom: 8px !important;
            margin-top: 1px !important;
            min-width: 98%;
            max-width: 98%;
        }


    .cicon {
        font-size: 20px;
        line-height: 2.2em;
        vertical-align: middle;
        color: #999;
        position: absolute;
        left: 8px;
        top: -8px;
        z-index: 2;
        cursor: pointer;
    }
}

.showPopup {
    background: #BD8913 !important;
    color: #fff !important;
    float: right !important;
    font-size: 14.0px;
    width: 130px;
    font-weight: normal;
    margin: 10px 10px 10px 0 !important;
    padding: 5px 10px !important;
    text-decoration: none;
    text-align: center;
}
/* MOI 2016 */

logo-txt02 {
    color: #cccccc;
    float: right;
    font-size: 25px;
    font-weight: bold;
    height: 30px;
    margin: 40px 10px 0;
    text-shadow: 1px -1px 1px #FFFFFF;
}

.logo-txt02 .settings-tbl a {
    color: #969696;
}

.header-img .quicklinks {
    margin: 40px 0px 0px 0px;
}

.settings-tbl .ico-btntbl .fa {
    font: normal normal normal 14px/1 FontAwesome !important;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-family: FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
}

    .fa-li.fa-lg {
        left: -1.85714286em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none;
}

.fa-stack {
    position: relative;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #fff;
}

.fa-glass:before {
    content: "\f000";
}

.fa-music:before {
    content: "\f001";
}

.fa-search:before {
    content: "\f002";
}

.fa-envelope-o:before {
    content: "\f003";
}

.fa-heart:before {
    content: "\f004";
}

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

.fa-star-o:before {
    content: "\f006";
}

.fa-user:before {
    content: "\f007";
}

.fa-film:before {
    content: "\f008";
}

.fa-th-large:before {
    content: "\f009";
}

.fa-th:before {
    content: "\f00a";
}

.fa-th-list:before {
    content: "\f00b";
}

.fa-check:before {
    content: "\f00c";
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d";
}

.fa-search-plus:before {
    content: "\f00e";
}

.fa-search-minus:before {
    content: "\f010";
}

.fa-power-off:before {
    content: "\f011";
}

.fa-signal:before {
    content: "\f012";
}

.fa-cog:before,
.fa-gear:before {
    content: "\f013";
}

.fa-trash-o:before {
    content: "\f014";
}

.fa-home:before {
    content: "\f015";
}

.fa-file-o:before {
    content: "\f016";
}

.fa-clock-o:before {
    content: "\f017";
}

.fa-road:before {
    content: "\f018";
}

.fa-download:before {
    content: "\f019";
}

.fa-arrow-circle-o-down:before {
    content: "\f01a";
}

.fa-arrow-circle-o-up:before {
    content: "\f01b";
}

.fa-inbox:before {
    content: "\f01c";
}

.fa-play-circle-o:before {
    content: "\f01d";
}

.fa-repeat:before,
.fa-rotate-right:before {
    content: "\f01e";
}

.fa-refresh:before {
    content: "\f021";
}

.fa-list-alt:before {
    content: "\f022";
}

.fa-lock:before {
    content: "\f023";
}

.fa-flag:before {
    content: "\f024";
}

.fa-headphones:before {
    content: "\f025";
}

.fa-volume-off:before {
    content: "\f026";
}

.fa-volume-down:before {
    content: "\f027";
}

.fa-volume-up:before {
    content: "\f028";
}

.fa-qrcode:before {
    content: "\f029";
}

.fa-barcode:before {
    content: "\f02a";
}

.fa-tag:before {
    content: "\f02b";
}

.fa-tags:before {
    content: "\f02c";
}

.fa-book:before {
    content: "\f02d";
}

.fa-bookmark:before {
    content: "\f02e";
}

.fa-print:before {
    content: "\f02f";
}

.fa-camera:before {
    content: "\f030";
}

.fa-font:before {
    content: "\f031";
}

.fa-bold:before {
    content: "\f032";
}

.fa-italic:before {
    content: "\f033";
}

.fa-text-height:before {
    content: "\f034";
}

.fa-text-width:before {
    content: "\f035";
}

.fa-align-left:before {
    content: "\f036";
}

.fa-align-center:before {
    content: "\f037";
}

.fa-align-right:before {
    content: "\f038";
}

.fa-align-justify:before {
    content: "\f039";
}

.fa-list:before {
    content: "\f03a";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\f03b";
}

.fa-indent:before {
    content: "\f03c";
}

.fa-video-camera:before {
    content: "\f03d";
}

.fa-image:before,
.fa-photo:before,
.fa-picture-o:before {
    content: "\f03e";
}

.fa-pencil:before {
    content: "\f040";
}

.fa-map-marker:before {
    content: "\f041";
}

.fa-adjust:before {
    content: "\f042";
}

.fa-tint:before {
    content: "\f043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\f044";
}

.fa-share-square-o:before {
    content: "\f045";
}

.fa-check-square-o:before {
    content: "\f046";
}

.fa-arrows:before {
    content: "\f047";
}

.fa-step-backward:before {
    content: "\f048";
}

.fa-fast-backward:before {
    content: "\f049";
}

.fa-backward:before {
    content: "\f04a";
}

.fa-play:before {
    content: "\f04b";
}

.fa-pause:before {
    content: "\f04c";
}

.fa-stop:before {
    content: "\f04d";
}

.fa-forward:before {
    content: "\f04e";
}

.fa-fast-forward:before {
    content: "\f050";
}

.fa-step-forward:before {
    content: "\f051";
}

.fa-eject:before {
    content: "\f052";
}

.fa-chevron-left:before {
    content: "\f053";
}

.fa-chevron-right:before {
    content: "\f054";
}

.fa-plus-circle:before {
    content: "\f055";
}

.fa-minus-circle:before {
    content: "\f056";
}

.fa-times-circle:before {
    content: "\f057";
}

.fa-check-circle:before {
    content: "\f058";
}

.fa-question-circle:before {
    content: "\f059";
}

.fa-info-circle:before {
    content: "\f05a";
}

.fa-crosshairs:before {
    content: "\f05b";
}

.fa-times-circle-o:before {
    content: "\f05c";
}

.fa-check-circle-o:before {
    content: "\f05d";
}

.fa-ban:before {
    content: "\f05e";
}

.fa-arrow-left:before {
    content: "\f060";
}

.fa-arrow-right:before {
    content: "\f061";
}

.fa-arrow-up:before {
    content: "\f062";
}

.fa-arrow-down:before {
    content: "\f063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\f064";
}

.fa-expand:before {
    content: "\f065";
}

.fa-compress:before {
    content: "\f066";
}

.fa-plus:before {
    content: "\f067";
}

.fa-minus:before {
    content: "\f068";
}

.fa-asterisk:before {
    content: "\f069";
}

.fa-exclamation-circle:before {
    content: "\f06a";
}

.fa-gift:before {
    content: "\f06b";
}

.fa-leaf:before {
    content: "\f06c";
}

.fa-fire:before {
    content: "\f06d";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-eye-slash:before {
    content: "\f070";
}

.fa-exclamation-triangle:before,
.fa-warning:before {
    content: "\f071";
    line-height: 0px;
}

.fa-plane:before {
    content: "\f072";
}

.fa-calendar:before {
    content: "\f073";
}

.fa-random:before {
    content: "\f074";
}

.fa-comment:before {
    content: "\f075";
}

.fa-magnet:before {
    content: "\f076";
}

.fa-chevron-up:before {
    content: "\f077";
}

.fa-chevron-down:before {
    content: "\f078";
}

.fa-retweet:before {
    content: "\f079";
}

.fa-shopping-cart:before {
    content: "\f07a";
}

.fa-folder:before {
    content: "\f07b";
}

.fa-folder-open:before {
    content: "\f07c";
}

.fa-arrows-v:before {
    content: "\f07d";
}

.fa-arrows-h:before {
    content: "\f07e";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\f080";
}

.fa-twitter-square:before {
    content: "\f081";
}

.fa-facebook-square:before {
    content: "\f082";
}

.fa-camera-retro:before {
    content: "\f083";
}

.fa-key:before {
    content: "\f084";
}

.fa-cogs:before,
.fa-gears:before {
    content: "\f085";
}

.fa-comments:before {
    content: "\f086";
}

.fa-thumbs-o-up:before {
    content: "\f087";
}

.fa-thumbs-o-down:before {
    content: "\f088";
}

.fa-star-half:before {
    content: "\f089";
}

.fa-heart-o:before {
    content: "\f08a";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-linkedin-square:before {
    content: "\f08c";
}

.fa-thumb-tack:before {
    content: "\f08d";
}

.fa-external-link:before {
    content: "\f08e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-trophy:before {
    content: "\f091";
}

.fa-github-square:before {
    content: "\f092";
}

.fa-upload:before {
    content: "\f093";
}

.fa-lemon-o:before {
    content: "\f094";
}

.fa-phone:before {
    content: "\f095";
}

.fa-square-o:before {
    content: "\f096";
}

.fa-bookmark-o:before {
    content: "\f097";
}

.fa-phone-square:before {
    content: "\f098";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-github:before {
    content: "\f09b";
}

.fa-unlock:before {
    content: "\f09c";
}

.fa-credit-card:before {
    content: "\f09d";
}

.fa-rss:before {
    content: "\f09e";
}

.fa-hdd-o:before {
    content: "\f0a0";
}

.fa-bullhorn:before {
    content: "\f0a1";
}

.fa-bell:before {
    content: "\f0f3";
}

.fa-certificate:before {
    content: "\f0a3";
}

.fa-hand-o-right:before {
    content: "\f0a4";
}

.fa-hand-o-left:before {
    content: "\f0a5";
}

.fa-hand-o-up:before {
    content: "\f0a6";
}

.fa-hand-o-down:before {
    content: "\f0a7";
}

.fa-arrow-circle-left:before {
    content: "\f0a8";
}

.fa-arrow-circle-right:before {
    content: "\f0a9";
}

.fa-arrow-circle-up:before {
    content: "\f0aa";
}

.fa-arrow-circle-down:before {
    content: "\f0ab";
}

.fa-globe:before {
    content: "\f0ac";
}

.fa-wrench:before {
    content: "\f0ad";
}

.fa-tasks:before {
    content: "\f0ae";
}

.fa-filter:before {
    content: "\f0b0";
}

.fa-briefcase:before {
    content: "\f0b1";
}

.fa-arrows-alt:before {
    content: "\f0b2";
}

.fa-group:before,
.fa-users:before {
    content: "\f0c0";
}

.fa-chain:before,
.fa-link:before {
    content: "\f0c1";
}

.fa-cloud:before {
    content: "\f0c2";
}

.fa-flask:before {
    content: "\f0c3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\f0c4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\f0c5";
}

.fa-paperclip:before {
    content: "\f0c6";
}

.fa-floppy-o:before,
.fa-save:before {
    content: "\f0c7";
}

.fa-square:before {
    content: "\f0c8";
}

.fa-bars:before,
.fa-navicon:before,
.fa-reorder:before {
    content: "\f0c9";
}

.fa-list-ul:before {
    content: "\f0ca";
}

.fa-list-ol:before {
    content: "\f0cb";
}

.fa-strikethrough:before {
    content: "\f0cc";
}

.fa-underline:before {
    content: "\f0cd";
}

.fa-table:before {
    content: "\f0ce";
}

.fa-magic:before {
    content: "\f0d0";
}

.fa-truck:before {
    content: "\f0d1";
}

.fa-pinterest:before {
    content: "\f0d2";
}

.fa-pinterest-square:before {
    content: "\f0d3";
}

.fa-google-plus-square:before {
    content: "\f0d4";
}

.fa-google-plus:before {
    content: "\f0d5";
}

.fa-money:before {
    content: "\f0d6";
}

.fa-caret-down:before {
    content: "\f0d7";
}

.fa-caret-up:before {
    content: "\f0d8";
}

.fa-caret-left:before {
    content: "\f0d9";
}

.fa-caret-right:before {
    content: "\f0da";
}

.fa-columns:before {
    content: "\f0db";
}

.fa-sort:before,
.fa-unsorted:before {
    content: "\f0dc";
}

.fa-sort-desc:before,
.fa-sort-down:before {
    content: "\f0dd";
}

.fa-sort-asc:before,
.fa-sort-up:before {
    content: "\f0de";
}

.fa-envelope:before {
    content: "\f0e0";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\f0e2";
}

.fa-gavel:before,
.fa-legal:before {
    content: "\f0e3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\f0e4";
}

.fa-comment-o:before {
    content: "\f0e5";
}

.fa-comments-o:before {
    content: "\f0e6";
}

.fa-bolt:before,
.fa-flash:before {
    content: "\f0e7";
}

.fa-sitemap:before {
    content: "\f0e8";
}

.fa-umbrella:before {
    content: "\f0e9";
}

.fa-clipboard:before,
.fa-paste:before {
    content: "\f0ea";
}

.fa-lightbulb-o:before {
    content: "\f0eb";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-cloud-download:before {
    content: "\f0ed";
}

.fa-cloud-upload:before {
    content: "\f0ee";
}

.fa-user-md:before {
    content: "\f0f0";
}

.fa-stethoscope:before {
    content: "\f0f1";
}

.fa-suitcase:before {
    content: "\f0f2";
}

.fa-bell-o:before {
    content: "\f0a2";
}

.fa-coffee:before {
    content: "\f0f4";
}

.fa-cutlery:before {
    content: "\f0f5";
}

.fa-file-text-o:before {
    content: "\f0f6";
}

.fa-building-o:before {
    content: "\f0f7";
}

.fa-hospital-o:before {
    content: "\f0f8";
}

.fa-ambulance:before {
    content: "\f0f9";
}

.fa-medkit:before {
    content: "\f0fa";
}

.fa-fighter-jet:before {
    content: "\f0fb";
}

.fa-beer:before {
    content: "\f0fc";
}

.fa-h-square:before {
    content: "\f0fd";
}

.fa-plus-square:before {
    content: "\f0fe";
}

.fa-angle-double-left:before {
    content: "\f100";
}

.fa-angle-double-right:before {
    content: "\f101";
}

.fa-angle-double-up:before {
    content: "\f102";
}

.fa-angle-double-down:before {
    content: "\f103";
}

.fa-angle-left:before {
    content: "\f104";
}

.fa-angle-right:before {
    content: "\f105";
}

.fa-angle-up:before {
    content: "\f106";
}

.fa-angle-down:before {
    content: "\f107";
}

.fa-desktop:before {
    content: "\f108";
}

.fa-laptop:before {
    content: "\f109";
}

.fa-tablet:before {
    content: "\f10a";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\f10b";
}

.fa-circle-o:before {
    content: "\f10c";
}

.fa-quote-left:before {
    content: "\f10d";
}

.fa-quote-right:before {
    content: "\f10e";
}

.fa-spinner:before {
    content: "\f110";
}

.fa-circle:before {
    content: "\f111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\f112";
}

.fa-github-alt:before {
    content: "\f113";
}

.fa-folder-o:before {
    content: "\f114";
}

.fa-folder-open-o:before {
    content: "\f115";
}

.fa-smile-o:before {
    content: "\f118";
}

.fa-frown-o:before {
    content: "\f119";
}

.fa-meh-o:before {
    content: "\f11a";
}

.fa-gamepad:before {
    content: "\f11b";
}

.fa-keyboard-o:before {
    content: "\f11c";
}

.fa-flag-o:before {
    content: "\f11d";
}

.fa-flag-checkered:before {
    content: "\f11e";
}

.fa-terminal:before {
    content: "\f120";
}

.fa-code:before {
    content: "\f121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\f122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\f123";
}

.fa-location-arrow:before {
    content: "\f124";
}

.fa-crop:before {
    content: "\f125";
}

.fa-code-fork:before {
    content: "\f126";
}

.fa-chain-broken:before,
.fa-unlink:before {
    content: "\f127";
}

.fa-question:before {
    content: "\f128";
}

.fa-info:before {
    content: "\f129";
}

.fa-exclamation:before {
    content: "\f12a";
}

.fa-superscript:before {
    content: "\f12b";
}

.fa-subscript:before {
    content: "\f12c";
}

.fa-eraser:before {
    content: "\f12d";
}

.fa-puzzle-piece:before {
    content: "\f12e";
}

.fa-microphone:before {
    content: "\f130";
}

.fa-microphone-slash:before {
    content: "\f131";
}

.fa-shield:before {
    content: "\f132";
}

.fa-calendar-o:before {
    content: "\f133";
}

.fa-fire-extinguisher:before {
    content: "\f134";
}

.fa-rocket:before {
    content: "\f135";
}

.fa-maxcdn:before {
    content: "\f136";
}

.fa-chevron-circle-left:before {
    content: "\f138";
}

.backBtn .fa-chevron-circle-left:before {
    content: "\f137";
}

.fa-chevron-circle-right:before {
    content: "\f137";
}

.fa-chevron-circle-up:before {
    content: "\f139";
}

.fa-chevron-circle-down:before {
    content: "\f13a";
}

.fa-html5:before {
    content: "\f13b";
}

.fa-css3:before {
    content: "\f13c";
}

.fa-anchor:before {
    content: "\f13d";
}

.fa-unlock-alt:before {
    content: "\f13e";
}

.fa-bullseye:before {
    content: "\f140";
}

.fa-ellipsis-h:before {
    content: "\f141";
}

.fa-ellipsis-v:before {
    content: "\f142";
}

.fa-rss-square:before {
    content: "\f143";
}

.fa-play-circle:before {
    content: "\f144";
}

.fa-ticket:before {
    content: "\f145";
}

.fa-black-tie:before {
    content: "\f27e";
}

.fa-minus-square:before {
    content: "\f146";
}

.fa-minus-square-o:before {
    content: "\f147";
}

.fa-level-up:before {
    content: "\f148";
}

.fa-level-down:before {
    content: "\f149";
}

.fa-check-square:before {
    content: "\f14a";
}

.fa-pencil-square:before {
    content: "\f14b";
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-share-square:before {
    content: "\f14d";
}

.fa-compass:before {
    content: "\f14e";
}

.fa-caret-square-o-down:before,
.fa-toggle-down:before {
    content: "\f150";
}

.fa-caret-square-o-up:before,
.fa-toggle-up:before {
    content: "\f151";
}

.fa-caret-square-o-right:before,
.fa-toggle-right:before {
    content: "\f152";
}

.fa-eur:before,
.fa-euro:before {
    content: "\f153";
}

.fa-gbp:before {
    content: "\f154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\f155";
}

.fa-inr:before,
.fa-rupee:before {
    content: "\f156";
}

.fa-cny:before,
.fa-jpy:before,
.fa-rmb:before,
.fa-yen:before {
    content: "\f157";
}

.fa-rouble:before,
.fa-rub:before,
.fa-ruble:before {
    content: "\f158";
}

.fa-krw:before,
.fa-won:before {
    content: "\f159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\f15a";
}

.fa-file:before {
    content: "\f15b";
}

.fa-file-text:before {
    content: "\f15c";
}

.fa-sort-alpha-asc:before {
    content: "\f15d";
}

.fa-sort-alpha-desc:before {
    content: "\f15e";
}

.fa-sort-amount-asc:before {
    content: "\f160";
}

.fa-sort-amount-desc:before {
    content: "\f161";
}

.fa-sort-numeric-asc:before {
    content: "\f162";
}

.fa-sort-numeric-desc:before {
    content: "\f163";
}

.fa-thumbs-up:before {
    content: "\f164";
}

.fa-thumbs-down:before {
    content: "\f165";
}

.fa-youtube-square:before {
    content: "\f166";
}

.fa-youtube:before {
    content: "\f167";
}

.fa-xing:before {
    content: "\f168";
}

.fa-xing-square:before {
    content: "\f169";
}

.fa-youtube-play:before {
    content: "\f16a";
}

.fa-dropbox:before {
    content: "\f16b";
}

.fa-stack-overflow:before {
    content: "\f16c";
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-flickr:before {
    content: "\f16e";
}

.fa-adn:before {
    content: "\f170";
}

.fa-bitbucket:before {
    content: "\f171";
}

.fa-bitbucket-square:before {
    content: "\f172";
}

.fa-tumblr:before {
    content: "\f173";
}

.fa-tumblr-square:before {
    content: "\f174";
}

.fa-long-arrow-down:before {
    content: "\f175";
}

.fa-long-arrow-up:before {
    content: "\f176";
}

.fa-long-arrow-left:before {
    content: "\f177";
}

.fa-long-arrow-right:before {
    content: "\f178";
}

.fa-apple:before {
    content: "\f179";
}

.fa-windows:before {
    content: "\f17a";
}

.fa-android:before {
    content: "\f17b";
}

.fa-linux:before {
    content: "\f17c";
}

.fa-dribbble:before {
    content: "\f17d";
}

.fa-skype:before {
    content: "\f17e";
}

.fa-foursquare:before {
    content: "\f180";
}

.fa-trello:before {
    content: "\f181";
}

.fa-female:before {
    content: "\f182";
}

.fa-male:before {
    content: "\f183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\f184";
}

.fa-sun-o:before {
    content: "\f185";
}

.fa-moon-o:before {
    content: "\f186";
}

.fa-archive:before {
    content: "\f187";
}

.fa-bug:before {
    content: "\f188";
}

.fa-vk:before {
    content: "\f189";
}

.fa-weibo:before {
    content: "\f18a";
}

.fa-renren:before {
    content: "\f18b";
}

.fa-pagelines:before {
    content: "\f18c";
}

.fa-stack-exchange:before {
    content: "\f18d";
}

.fa-arrow-circle-o-right:before {
    content: "\f18e";
}

.fa-arrow-circle-o-left:before {
    content: "\f190";
}

.fa-caret-square-o-left:before,
.fa-toggle-left:before {
    content: "\f191";
}

.fa-dot-circle-o:before {
    content: "\f192";
}

.fa-wheelchair:before {
    content: "\f193";
}

.fa-vimeo-square:before {
    content: "\f194";
}

.fa-try:before,
.fa-turkish-lira:before {
    content: "\f195";
}

.fa-plus-square-o:before {
    content: "\f196";
}

.fa-space-shuttle:before {
    content: "\f197";
}

.fa-slack:before {
    content: "\f198";
}

.fa-envelope-square:before {
    content: "\f199";
}

.fa-wordpress:before {
    content: "\f19a";
}

.fa-openid:before {
    content: "\f19b";
}

.fa-bank:before,
.fa-institution:before,
.fa-university:before {
    content: "\f19c";
}

.fa-graduation-cap:before,
.fa-mortar-board:before {
    content: "\f19d";
}

.fa-yahoo:before {
    content: "\f19e";
}

.fa-google:before {
    content: "\f1a0";
}

.fa-reddit:before {
    content: "\f1a1";
}

.fa-reddit-square:before {
    content: "\f1a2";
}

.fa-stumbleupon-circle:before {
    content: "\f1a3";
}

.fa-stumbleupon:before {
    content: "\f1a4";
}

.fa-delicious:before {
    content: "\f1a5";
}

.fa-digg:before {
    content: "\f1a6";
}

.fa-pied-piper:before {
    content: "\f1a7";
}

.fa-pied-piper-alt:before {
    content: "\f1a8";
}

.fa-drupal:before {
    content: "\f1a9";
}

.fa-joomla:before {
    content: "\f1aa";
}

.fa-language:before {
    content: "\f1ab";
}

.fa-fax:before {
    content: "\f1ac";
}

.fa-building:before {
    content: "\f1ad";
}

.fa-child:before {
    content: "\f1ae";
}

.fa-paw:before {
    content: "\f1b0";
}

.fa-spoon:before {
    content: "\f1b1";
}

.fa-cube:before {
    content: "\f1b2";
}

.fa-cubes:before {
    content: "\f1b3";
}

.fa-behance:before {
    content: "\f1b4";
}

.fa-behance-square:before {
    content: "\f1b5";
}

.fa-steam:before {
    content: "\f1b6";
}

.fa-steam-square:before {
    content: "\f1b7";
}

.fa-recycle:before {
    content: "\f1b8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\f1b9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\f1ba";
}

.fa-tree:before {
    content: "\f1bb";
}

.fa-spotify:before {
    content: "\f1bc";
}

.fa-deviantart:before {
    content: "\f1bd";
}

.fa-soundcloud:before {
    content: "\f1be";
}

.fa-database:before {
    content: "\f1c0";
}

.fa-file-pdf-o:before {
    content: "\f1c1";
}

.fa-file-word-o:before {
    content: "\f1c2";
}

.fa-file-excel-o:before {
    content: "\f1c3";
}

.fa-file-powerpoint-o:before {
    content: "\f1c4";
}

.fa-file-image-o:before,
.fa-file-photo-o:before,
.fa-file-picture-o:before {
    content: "\f1c5";
}

.fa-file-archive-o:before,
.fa-file-zip-o:before {
    content: "\f1c6";
}

.fa-file-audio-o:before,
.fa-file-sound-o:before {
    content: "\f1c7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\f1c8";
}

.fa-file-code-o:before {
    content: "\f1c9";
}

.fa-vine:before {
    content: "\f1ca";
}

.fa-codepen:before {
    content: "\f1cb";
}

.fa-jsfiddle:before {
    content: "\f1cc";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-ring:before,
.fa-life-saver:before,
.fa-support:before {
    content: "\f1cd";
}

.fa-circle-o-notch:before {
    content: "\f1ce";
}

.fa-ra:before,
.fa-rebel:before {
    content: "\f1d0";
}

.fa-empire:before,
.fa-ge:before {
    content: "\f1d1";
}

.fa-git-square:before {
    content: "\f1d2";
}

.fa-git:before {
    content: "\f1d3";
}

.fa-hacker-news:before {
    content: "\f1d4";
}

.fa-tencent-weibo:before {
    content: "\f1d5";
}

.fa-qq:before {
    content: "\f1d6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\f1d7";
}

.fa-paper-plane:before,
.fa-send:before {
    content: "\f1d8";
}

.fa-paper-plane-o:before,
.fa-send-o:before {
    content: "\f1d9";
}

.fa-history:before {
    content: "\f1da";
}

.fa-circle-thin:before,
.fa-genderless:before {
    content: "\f1db";
}

.fa-header:before {
    content: "\f1dc";
}

.fa-paragraph:before {
    content: "\f1dd";
}

.fa-sliders:before {
    content: "\f1de";
}

.fa-share-alt:before {
    content: "\f1e0";
}

.fa-share-alt-square:before {
    content: "\f1e1";
}

.fa-bomb:before {
    content: "\f1e2";
}

.fa-futbol-o:before,
.fa-soccer-ball-o:before {
    content: "\f1e3";
}

.fa-tty:before {
    content: "\f1e4";
}

.fa-binoculars:before {
    content: "\f1e5";
}

.fa-plug:before {
    content: "\f1e6";
}

.fa-slideshare:before {
    content: "\f1e7";
}

.fa-twitch:before {
    content: "\f1e8";
}

.fa-yelp:before {
    content: "\f1e9";
}

.fa-newspaper-o:before {
    content: "\f1ea";
}

.fa-wifi:before {
    content: "\f1eb";
}

.fa-calculator:before {
    content: "\f1ec";
}

.fa-paypal:before {
    content: "\f1ed";
}

.fa-google-wallet:before {
    content: "\f1ee";
}

.fa-cc-visa:before {
    content: "\f1f0";
}

.fa-cc-mastercard:before {
    content: "\f1f1";
}

.fa-cc-discover:before {
    content: "\f1f2";
}

.fa-cc-amex:before {
    content: "\f1f3";
}

.fa-cc-paypal:before {
    content: "\f1f4";
}

.fa-cc-stripe:before {
    content: "\f1f5";
}

.fa-bell-slash:before {
    content: "\f1f6";
}

.fa-bell-slash-o:before {
    content: "\f1f7";
}

.fa-trash:before {
    content: "\f1f8";
}

.fa-copyright:before {
    content: "\f1f9";
}

.fa-at:before {
    content: "\f1fa";
}

.fa-eyedropper:before {
    content: "\f1fb";
}

.fa-paint-brush:before {
    content: "\f1fc";
}

.fa-birthday-cake:before {
    content: "\f1fd";
}

.fa-area-chart:before {
    content: "\f1fe";
}

.fa-pie-chart:before {
    content: "\f200";
}

.fa-line-chart:before {
    content: "\f201";
}

.fa-lastfm:before {
    content: "\f202";
}

.fa-lastfm-square:before {
    content: "\f203";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-bicycle:before {
    content: "\f206";
}

.fa-bus:before {
    content: "\f207";
}

.fa-ioxhost:before {
    content: "\f208";
}

.fa-angellist:before {
    content: "\f209";
}

.fa-cc:before {
    content: "\f20a";
}

.fa-ils:before,
.fa-shekel:before,
.fa-sheqel:before {
    content: "\f20b";
}

.fa-meanpath:before {
    content: "\f20c";
}

.fa-buysellads:before {
    content: "\f20d";
}

.fa-connectdevelop:before {
    content: "\f20e";
}

.fa-dashcube:before {
    content: "\f210";
}

.fa-forumbee:before {
    content: "\f211";
}

.fa-leanpub:before {
    content: "\f212";
}

.fa-sellsy:before {
    content: "\f213";
}

.fa-shirtsinbulk:before {
    content: "\f214";
}

.fa-simplybuilt:before {
    content: "\f215";
}

.fa-skyatlas:before {
    content: "\f216";
}

.fa-cart-plus:before {
    content: "\f217";
}

.fa-cart-arrow-down:before {
    content: "\f218";
}

.fa-diamond:before {
    content: "\f219";
}

.fa-ship:before {
    content: "\f21a";
}

.fa-user-secret:before {
    content: "\f21b";
}

.fa-motorcycle:before {
    content: "\f21c";
}

.fa-street-view:before {
    content: "\f21d";
}

.fa-heartbeat:before {
    content: "\f21e";
}

.fa-venus:before {
    content: "\f221";
}

.fa-mars:before {
    content: "\f222";
}

.fa-mercury:before {
    content: "\f223";
}

.fa-transgender:before {
    content: "\f224";
}

.fa-transgender-alt:before {
    content: "\f225";
}

.fa-venus-double:before {
    content: "\f226";
}

.fa-mars-double:before {
    content: "\f227";
}

.fa-venus-mars:before {
    content: "\f228";
}

.fa-mars-stroke:before {
    content: "\f229";
}

.fa-mars-stroke-v:before {
    content: "\f22a";
}

.fa-mars-stroke-h:before {
    content: "\f22b";
}

.fa-neuter:before {
    content: "\f22c";
}

.fa-facebook-official:before {
    content: "\f230";
}

.fa-pinterest-p:before {
    content: "\f231";
}

.fa-whatsapp:before {
    content: "\f232";
}

.fa-server:before {
    content: "\f233";
}

.fa-user-plus:before {
    content: "\f234";
}

.fa-user-times:before {
    content: "\f235";
}

.fa-bed:before,
.fa-hotel:before {
    content: "\f236";
}

.fa-viacoin:before {
    content: "\f237";
}

.fa-train:before {
    content: "\f238";
}

.fa-subway:before {
    content: "\f239";
}

.fa-medium:before {
    content: "\f23a";
}

.demo-container {
    display: none;
}

textarea:focus,
input:focus {
    outline: none;
}

#cssmenu > ul > li > a {
    padding: 13px 20px;
}

h2 span {
    color: #c8122e;
    font-weight: normal;
}

.row.footer-top,
.row.footer-bottom {
    background: none repeat scroll 0 0 #c8122e;
}

.home-detail-tbl .useful-link-tbl h3,
.home-detail-tbl .useful-link-tbl.no-background h3,
.wiz-content .button-holder input {
    background-color: #c8122e;
    color: #ffffff;
}

.home-detail-tbl .useful-link-tbl.favairatelinks h3 {
    background-color: #c8122e;
    color: #ffffff;
}

.dashboardpagetable .dashboarditem {
    border: 1px solid #c8122e;
    width: 50%;
}

.dashboardpagetable .gridViewTitles a,
.PageHeaderTitles,
.ServicesInfo h3 {
    color: #c8122e;
}

.breadcrumb-tbl-resp {
    background: none;
}

.footer-block.fcotact {
    padding: 25px 5px;
    font-size: 15.0px;
    font-weight: 700;
    line-height: 28px;
}

    .footer-block.fcotact p.callus {
        font-size: 18.0px;
    }

.footer-v1 .footer p {
    color: #666;
}

.footer-block.fcotact {
    padding: 25px 5px;
    font-size: 15.0px;
    font-weight: 700;
    line-height: 28px;
}

    .footer-block.fcotact a {
        font-size: 16.0px;
    }

#foo {
    position: absolute;
    top: 10px;
    left: -42px;
    z-index: 500;
}

.hide-sm.happiness_wrapper {
    position: fixed;
    top: 460px;
    height: 60px;
    margin-right: 1000px;
}

.facewrapper {
    margin: 0 auto;
    width: 1005px;
    position: relative;
}
/* left links */

.side-ribbon > ul > li > a,
.side-ribbon > ul > li > a:hover,
.tab-services #mostservices div.service_detail .service_links a.btn-homeservice:hover,
.tab-services .home_services li a:hover {
    text-decoration: none;
}

@media screen and (min-width: 1000px) {
    .hide-sm .splitsubmenu ul.dropdown-menu {
        width: 542px;
        border-left: 1px solid #cdaf82;
        border-right: 1px solid #cdaf82;
    }

        .hide-sm .splitsubmenu ul.dropdown-menu li {
            width: 270px;
        }

            .hide-sm .splitsubmenu ul.dropdown-menu li a {
                border-left: none;
                white-space: inherit;
                border-right: none;
                padding: 10px;
            }

            .hide-sm .splitsubmenu ul.dropdown-menu li:nth-child(2n+1) {
                float: right;
            }

            .hide-sm .splitsubmenu ul.dropdown-menu li:nth-child(2n) {
                float: left;
            }

                .hide-sm .splitsubmenu ul.dropdown-menu li:nth-child(2n) a {
                    border-right: 1px dotted #eee;
                }
}

.opendataBox {
    border: 1px solid #b89207;
    margin-bottom: 10px;
}

    .opendataBox .catTitle {
        font-size: 20.0px;
        border-bottom: 1px solid #b89207;
        color: #956f2d;
        background: #eee;
        padding: 10px;
    }

.shareThisBox {
    float: left;
    font-size: 15.0px;
    margin-top: 10px;
}

    .rateThis,
    .shareThisBox .addthis_sharing_toolbox {
        float: left;
    }

        .rateThis .RadRating.RadRating_Default {
            width: 110px !important;
        }

            .rateThis .RadRating.RadRating_Default ul {
                padding: 0;
            }

            .rateThis .RadRating.RadRating_Default a {
                margin: 1px 2px;
            }

.baloontooltip {
    position: relative;
    display: inline-block;
}

div.RedirectBox {
    padding: 10px;
    font-weight: 700;
    max-width: 320px;
    width: 100%;
}

div.RedirectActions {
    clear: both;
    margin: 10px auto 5px;
    text-align: center;
}

    div.RedirectActions a {
        margin: 5px 10px;
    }

a.externallink:hover {
    background-color: rgba(0, 0, 0, .3);
    position: relative;
    color: #fff !important;
}

a.externallink .fa.fa-external-link {
    display: none;
    visibility: hidden;
    position: absolute;
    right: 3%;
    top: 10px;
    color: #fff !important;
}

a.externallink:hover .fa.fa-external-link {
    display: block;
    visibility: visible;
}

a.externallinkimage {
    position: relative;
}

    a.externallinkimage .externalMasking {
        display: none;
        visibility: hidden;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 500;
        background-color: rgba(0, 0, 0, .3);
    }

    a.externallinkimage:hover .externalMasking {
        visibility: visible;
        display: block;
    }

    a.externallinkimage .fa.fa-external-link {
        position: absolute;
        right: 3%;
        top: 10px;
        color: #fff !important;
    }

a.home-menu-icon {
    font-size: 26px !important;
    padding: 8px 10px 4px !important;
}

    a.home-menu-icon:hover {
        padding: 8px 9px 4px 10px !important;
    }

a.skipTocontent {
    position: absolute;
    top: -1000px;
    right: -1000px;
    height: 1px;
    width: 1px;
    text-align: right;
    overflow: hidden;
    background: 0 0;
    border-bottom: 1px solid #fff;
    border-bottom-left-radius: 8px;
    border-left: 1px solid #fff;
    padding: 6px;
    transition: top 1s ease-out 0s, background 1s linear 0s;
    z-index: 100;
}

    a.skipTocontent:active,
    a.skipTocontent:focus,
    a.skipTocontent:hover {
        right: 0;
        color: #fff;
        top: 0;
        width: auto;
        height: auto;
        overflow: visible;
        background-color: #b78637;
        outline: 0;
        transition: top .1s ease-in 0s, background .5s linear 0s;
    }

.comment-heading {
    background: #B68A35;
    color: #fff;
    padding: 10px 10px 10px 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.comment-title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    margin-top: 0;
}

    .comment-title span {
        float: left;
        margin-left: 10px;
    }

        .comment-title span counter {
            font-size: 16.0px;
            margin-left: 5px;
        }

.autocomplete-suggestions {
    background: #fff;
    border: 1px solid #999;
    cursor: default;
    overflow: auto;
    z-index: 999999 !important;
}

@media (min-width: 1024px) {
    .autocomplete-suggestions {
        width: 360px !important;
    }
}

.side-ribbon > ul > li,
.side-ribbon > ul > li:hover {
    background-color: #c8122e;
}

    .side-ribbon > ul > li:hover {
        filter: brightness(115%);
    }

.autocomplete-suggestions strong {
    color: #b78637;
    font-weight: 700;
}

.side-ribbon {
    position: fixed;
    right: 0;
    top: 103px;
    direction: ltr;
    transition: left .1s ease-in 0s;
    z-index: 4999;
}

    .side-ribbon > ul {
        padding: 0;
        margin: 0;
    }

        .side-ribbon > ul > li {
            margin-bottom: 1px;
            list-style: none;
            clear: both;
            float: left;
        }

            .side-ribbon > ul > li:last-child {
                margin-bottom: 0;
            }

            .side-ribbon > ul > li > a {
                transition: all .2s linear 0s;
                color: #fff;
                font-size: 20px;
                display: inline-block;
                width: 38px;
                height: 40px;
                text-align: center;
            }

            .side-ribbon > ul > li i {
                margin: 10px auto;
                display: block;
            }

            .side-ribbon > ul > li > div.divWheather {
                color: #fff;
                display: none;
                padding: 0;
                text-align: right;
                white-space: nowrap;
                margin: 0;
                float: right;
                direction: ltr;
                width: 0;
            }

            .side-ribbon > ul > li > a img {
                height: 100%;
                width: 100%;
            }

    .side-ribbon .social-icons-ribbon {
        padding: 0;
    }

        .side-ribbon .social-icons-ribbon li {
            float: right;
            list-style: none;
        }

        .side-ribbon .social-icons-ribbon img {
            height: 40px;
            margin: 0;
            padding: 0;
            width: 38px;
        }

    .side-ribbon .weather-ribbon a {
        position: relative;
    }

        .side-ribbon .weather-ribbon a i.fa-sun-o {
            margin-top: 5px;
            margin-left: 6px;
        }

        .side-ribbon .weather-ribbon a i.fa-cloud {
            position: absolute;
            top: 5px;
            left: 6px;
        }

    .side-ribbon .weather-ribbon div.divWheather img {
        height: 40px;
    }

    .side-ribbon .weather-ribbon span {
        font-size: 16.0px;
        display: inline-block;
        padding: 10px 5px 0;
        text-transform: capitalize;
    }

    .side-ribbon .langSelector a {
        line-height: 46px;
    }

.main-search {
    margin: 38px 0px 0px 0px;
    border: 1px solid #d8d8d8;
    border-radius: 10px !important;
    font-size: 14.0px;
    padding: 3px 5px;
}

.onmob {
    display: none !important;
}
/*rating*/

.rating-pop {
    background: rgba(0,0,0,0.5);
    border: 0 solid;
    border-radius: 10px;
    left: 0;
    margin: 0 auto;
    min-height: 240px;
    /*80%*/
    max-width: 90%;
    /*max-width: 400px;*/
    padding: 0px 0px 15px;
    position: fixed;
    right: 0;
    text-align: center;
    top: 19%;
    width: 410px;
    /*width: 100%;*/
    color: #bd9813;
    font-weight: bold;
    z-index: 9000;
    box-shadow: 0px 1px 7px rgba(0,0,0,0.4);
    z-index: 20002;
}





.xClose {
    border-radius: 110px !important;
    color: #fff;
    font-size: 18.0px;
    font-weight: 700;
    height: 22px;
    line-height: 29px;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -15px;
    transition: all 0.3s ease-in-out 0s;
    width: 22px;
    background: #e9573f;
    opacity: 1;
    border: 1px solid #e9573f;
}

.emotiontext {
    color: #929292;
    font-size: 16.0px;
    font-weight: 100;
    padding: 0px 21px;
}

.xClose:hover {
    transform: rotate(360deg);
    transition: all 0.3s ease-in-out 0s;
}

.rating-pop .txt {
    color: #ebaf36;
    font-size: 20.0px;
    margin: 20px 0 15px;
    line-height: 20px;
}





.rating-pop i {
    height: 180px;
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -85px;
    width: 30%;
    min-width: 140px;
    max-width: 180px;
}

    .rating-pop i img {
        width: 100%;
    }

.rating-pop .btn-holder a {
    color: #fff;
    display: block;
    max-height: 108px;
    max-width: 108px;
    text-decoration: none;
    height: auto;
    width: 100%;
}

ul.rating {
    min-height: 175px;
    margin: 3px auto;
    padding: 0;
    max-width: 356px;
    width: 100%;
}

    ul.rating li {
        float: left;
        max-height: auto;
        margin: 0 4%;
        padding: 0;
        list-style: none;
        width: 25%;
    }

        ul.rating li input,
        ul.rating li input.active {
            -webkit-appearance: none;
            appearance: none;
            background-color: transparent !important;
            border: transparent !important;
            color: #444444;
            height: 90px;
            width: 90px;
            margin: 5px;
            padding: 0;
            min-width: initial;
            background-size: contain !important;
            font-size: 0;
            text-indent: -9999;
            outline: none;
        }

.btn-holder a img {
    width: 100%;
    height: auto;
}

.bottom_bar {
    background: #cbcbcb;
    border-radius: 10px;
    height: 10px;
    margin: 0 auto;
    width: 100px;
}

ul.rating a:hover .bottom_bar,
ul.rating a.active .bottom_bar,
ul.rating li:hover .bottom_bar {
    background: #cd9500;
}

ul.rating li span {
    color: #cbcbcb;
    font-size: 18.0px;
}

ul.rating li:hover span,
ul.rating li:hover span,
ul.rating a.active span {
    color: #cd9500;
}

#divMessage {
    margin: 30% auto;
}

ul.rating li {
    float: right;
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100vh;
    z-index: 99;
    z-index: 20002;
}



ul.rating li input.satisfied-btn {
    background: url(../images/icon_happy_default.png) no-repeat;
}

ul.rating li input.neutral-btn {
    background: url(../images/icon_normal_default.png) no-repeat;
}

ul.rating li input.unsatisfied-btn {
    background: url(../images/icon_sad_default.png) no-repeat;
}

ul.rating li input.satisfied-btn:hover,
ul.rating li input.satisfied-btn.active {
    background: url(../images/icon_happy_glow.png) no-repeat;
}

ul.rating li input.neutral-btn:hover,
ul.rating li input.neutral-btn.active {
    background: url(../images/icon_normal_glow.png) no-repeat;
}

ul.rating li input.unsatisfied-btn:hover,
ul.rating li input.unsatisfied-btn.active {
    background: url(../images/icon_sad_glow.png) no-repeat;
}

.ratingNote input[type=text] {
    width: 100%;
    background: #fff;
}

.ratingNote input[type=submit] {
    width: auto;
    border: none;
    height: 36px;
    float: right;
    height: 36px;
    margin-right: 35px !important;
    min-width: initial;
}

.footer-responsive .home-detail-tbl .useful-link-tbl h3 {
    background-image: none;
    text-align: right;
    padding: 10px 10px 13px 10px;
}

.footer-responsive ul.rating {
    min-height: 100px;
}

.ebannerresponsive span {
    margin-right: 20px;
    font-weight: bold;
}

.fixedLTR {
    text-align: right;
    direction: ltr;
}


/*new popup*/

.personalize_bar {
    background: #fff;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 320px;
    color: #000;
}

    .personalize_bar .goog-te-gadget,
    .personalize_bar .google_translate_note {
        margin-top: 15px;
    }

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

.personalize_bar_menu {
    float: left;
    border-right: 1px solid #eee;
}

    .personalize_bar_menu li {
        float: left;
    }

.personalize_bar .personalize_data .text-left {
    text-align: right;
    padding-right: 10px;
}

.personal_information fieldset {
    width: 100%;
}

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

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

.personalize_bar .personalize_data ul.linkslist {
    overflow: hidden;
    padding: 0;
}

    .personalize_bar .personalize_data ul.linkslist li {
        width: calc(100% - 10px);
        text-align: right;
        border-bottom: solid 1px #f5f5f5;
        line-height: 1.3em;
        padding: 5px;
        min-height: 14px;
    }

        .personalize_bar .personalize_data ul.linkslist li.READ,
        .personalize_bar .personalize_data ul.linkslist li.NOT_READ {
            position: relative;
        }

        .personalize_bar .personalize_data ul.linkslist li label,
        .personalize_bar .personalize_data ul.linkslist li span {
            margin-right: 30px;
        }

        .personalize_bar .personalize_data ul.linkslist li.READ:before,
        .personalize_bar .personalize_data ul.linkslist li.NOT_READ:before {
            font-size: 18.0px;
            font-family: FontAwesome;
            position: absolute;
            top: 4px;
            font-weight: normal;
        }

        .personalize_bar .personalize_data ul.linkslist li.NOT_READ:before {
            content: "\f0e0";
        }

        .personalize_bar .personalize_data ul.linkslist li.READ:before {
            content: "\f2b7";
        }

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

        .personalize_bar .personalize_data ul.linkslist li > i {
            margin-left: 5px;
            float: right;
            width: 5%;
            line-height: 1.5em;
            transform: rotate(180deg);
            margin-top: -4px;
        }

.personalize_data .backBtn a i {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

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

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

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

        .personalize_bar_menu li i {
            cursor: pointer;
        }

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

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

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

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

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

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

.my_notofications li,
.my_receipts li {
    font-size: 14.0px;
}

.tablenowidth {
    width: auto !important;
}

.tablenowidth {
    width: auto !important;
}

.backBtn {
    float: left;
    margin: 10px;
    display: inline-block;
    padding: 5px;
}

    .backBtn:hover {
        float: left;
        margin: 10px;
        display: inline-block;
        background: #cc0000;
        padding: 5px;
        color: #ffffff !important;
        text-decoration: none;
    }

        .backBtn:hover a {
            color: #ffffff !important;
            text-decoration: none;
        }

.lableIco {
    color: #fff !important;
    background: #c8122e;
    font-size: 14px !important;
    line-height: 1;
    padding: 4px 7px !important;
    position: absolute;
    left: 50%;
    top: -20px;
    transform: translate(-50%);
    text-align: center;
    border-radius: 2.15em !important;
    display: inline;
    font-weight: bold;
}

.personalize_bar .personalize_data ul.linkslist {
    margin: 20px 0px 0px 0px;
}

.personalize_bar_menu li a {
    text-decoration: none;
}

.button-res {
    right: 55px !important;
}

    .button-res.settingbtn {
        background: #cc0000;
        right: 15px !important;
        color: #ffffff;
        font-size: 20px;
    }

        .button-res.settingbtn i {
            margin: 7px 8px 5px 5px;
        }

.forceshow {
    display: block !important;
}

.viewmobile a {
    font-size: 18.0px !important;
    color: #c58533 !important;
}

.viewmobile {
    border-bottom: 1px dashed #5A9ECF;
    border-top: 1px dashed #5A9ECF;
    display: inline-block;
    margin-bottom: 0;
    padding: 9px 0 11px;
    width: 100%;
}

.button-res.settingbtn {
    display: none;
}

.hidefull {
    display: none;
}

.hideIcon {
    display: none !important;
}
/*new 8/12*/

.mobilesiteview {
    display: none;
}

@media screen and (max-width: 780px) {
    .mobilesiteview {
        display: block;
    }

    .contract-card {
        width: 100% !important;
        margin-right: 1px !important;
        margin-bottom: 15px !important;
    }

    .single-fields li {
        margin-right: 5px !important;
    }
}

.viewmobile {
    border-bottom: 1px dashed #b89207;
    border-top: 1px dashed #b89207;
}

#emotionSatisfactionPopup .timer {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: dotted 1px #fff;
    line-height: 0px;
    color: #fff;
    float: left;
    margin-left: 15px;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 19.0px;
}

#emotionSatisfactionPopup .timerWait {
    display: inline-block;
    color: #fff;
    float: left;
    margin-left: 15px;
    padding: 10px;
    position: absolute;
    left: 0;
    top: 10px;
}

#emotionSatisfactionPopup .rating-pop .txt {
    margin: 60px 0 15px;
    color: #fff;
}

#emotionSatisfactionPopup .srartnemot {
    background: #b78637;
    color: #ededed;
    padding: 10px;
    display: block;
    margin: 21px 0;
    cursor: pointer;
    border-radius: 51px;
    text-align: center;
    margin: 21px auto;
    max-width: 200px;
}

#emotionSatisfactionPopup .EmotationTitle {
    margin-top: -44px;
    color: #b78637;
}

#emotionSatisfactionPopup #emotionSatisfactionIndicator {
    position: absolute;
    top: 58px;
    left: -42px;
    z-index: 500;
}

#emotionSatisfactionPopup .emotionresultError {
    background: #e4e4e4;
    font-size: 14.0px;
    font-weight: bold;
    color: #000;
    margin: 11px 0;
    padding: 15px;
}

#emotionSatisfactionPopup .emotionresult {
    background: #e4e4e4;
    font-size: 40px;
    font-weight: bold;
    color: #8c8c8c;
    margin: 11px 0;
    padding: 15px;
}

    #emotionSatisfactionPopup .emotionresult span {
        color: #b78637;
    }

    #emotionSatisfactionPopup .emotionresult img {
        vertical-align: middle;
        display: block;
        float: none;
        margin: 10px auto;
    }

#emotionSatisfactionPopup #my_result {
    width: 240px;
}

.rating-pop .btn-holder #emotionSatisfactionIndicator a {
    max-width: 100%;
    color: #ebaf36;
    text-align: right;
}

    .rating-pop .btn-holder #emotionSatisfactionIndicator a img {
        width: 24px;
        vertical-align: middle;
        margin: 0 7px;
    }

.popup:before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255, 255, 255, 0.8);
    z-index: -1;
    content: "";
}

.popup {
    position: fixed;
    z-index: 100050;
}

    .popup.small {
        width: 500px;
        max-width: 100%;
        z-index: 100050;
    }
/*CheckBox Style*/

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 1px;
        bottom: -4px;
        -webkit-transition: .4s;
        transition: .4s;
        border: 1px solid lightgrey;
        box-shadow: 0px 0px 5px #888888;
        background: White;
    }

input:checked + .slider {
    background: #63baf0;
    /* For browsers that do not support gradients */
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(33px);
    -ms-transform: translateX(33px);
    transform: translateX(33px);
}

.slider.round {
    border-radius: 34px !important;
    height: 19px;
    background: Gray;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(Gray, #ededed);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(Gray, #ededed);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(Gray, #ededed);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(Gray, #ededed);
    /* Standard syntax */
}

    .slider.round:before {
        border-radius: 50%;
    }
/*CheckBox Style Ends */

.div-night-container {
    padding: 28px 2px;
}

    .div-night-container > div.col-lg-8 {
        padding: 0 !important;
        float: right;
    }

    .div-night-container > div.col-lg-4 {
        padding-top: 10px;
        padding-left: 0 !important;
        float: right;
    }

    .div-night-container > div.col-lg-8 h3 {
        margin: 5px 0 5px 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

        .div-night-container > div.col-lg-8 h3 i {
            padding: 0 5px;
        }

div.goog-te-gadget-simple > img,
div.goog-te-gadget-simple > span:last-child {
    display: none !important;
}

    div.goog-te-gadget-simple > img:first-child {
        display: inline-block !important;
    }

.tab-arrow-png {
    z-index: 9;
}

@media (max-width: 450px) {
    .header-img img {
        max-width: 60%;
    }
}

.btn-service-card {
    color: #C6A733 !important;
    text-decoration: none;
    margin-top: 5px;
    font-size: 16.0px;
    clear: both;
    display: block;
    text-align: left;
}

    .btn-service-card i {
        margin: 0 0px 0 5px;
    }

#emotionSatisfactionPopup .rating-pop {
    top: 5% !important;
}

.step-helpbtn {
    color: #C6A733;
    margin: 0 5px;
    font-size: 17.0px;
    vertical-align: middle;
    text-decoration: none;
}

@media (max-width: 600px) {
    .responsivetable td {
        display: block;
    }
}

.reloadpopup .rating-pop {
    background: #fff;
    min-height: 180px;
    padding: 15px 20px;
    width: 400px;
}

    .reloadpopup .rating-pop .txt {
        font-size: 17.0px;
        line-height: 29px;
        margin: 45px 0 15px;
        color: #444;
    }

        .reloadpopup .rating-pop .txt .fa {
            vertical-align: middle;
            color: #bd9813;
            margin: 5px;
        }

        .reloadpopup .rating-pop .txt a.button {
            padding: 1px 20px !important;
            margin: 5px 10px !important;
            font-weight: bold !important;
        }

        .reloadpopup .rating-pop .txt p {
            text-align: center;
            overflow: hidden;
            margin: 20px auto 0;
            display: inline-block;
            clear: both;
        }

.wiz-content a i.icon-question {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    display: inline-block;
}

.clearfix {
    clear: both;
}

.error-msg {
    max-width: 100% !important;
}


.loader-new-tbl .dec span {
    padding-left: 5px;
    word-break: break-word;
}

@media (max-width: 600px) {
    .loadPerc {
        padding: 5px;
        box-sizing: border-box;
        word-break: break-word;
    }

    .ServicesInfo {
        max-width: 100%;
        width: auto;
    }

    .wiz-content .button-holder input {
        margin-left: 10px;
    }

    ::-webkit-input-placeholder {
        font-size: 13.0px;
    }

    ::-moz-placeholder {
        font-size: 13.0px;
    }

    :-ms-input-placeholder {
        font-size: 13.0px;
    }

    :-moz-placeholder {
        font-size: 13.0px;
    }

    .dashboardpagetable .dashboarditem {
        box-sizing: border-box;
    }
}
/*dashboard rtl*/

#mainz .icon-bg {
    right: auto !important;
    left: 0 !important;
}

#mainz .boxcol3 .bo-inr .carousel .carousel-indicators {
    bottom: -15px !important;
    margin-left: -56px;
}

#mainz .boxcol3 .bo-inr .bxlink {
    right: auto !important;
    left: 15px !important;
}

#mainz *.text-left {
    text-align: right !important;
}

#mainz .table.mbn td .fa-circle,
#mainz .table.mbn.br-t td .fa {
    float: left;
    margin: 3px 5px;
}

#mainz .col-sm-1,
#mainz .col-sm-2,
#mainz .col-sm-3,
#mainz .col-sm-4,
#mainz .col-sm-5,
#mainz .col-sm-6,
#mainz .col-sm-7,
#mainz .col-sm-8,
#mainz .col-sm-9,
#mainz .col-sm-10,
#mainz .col-sm-11,
#mainz .col-sm-12 {
    float: right !important;
}

@media (min-width: 992px) {
    #mainz .col-md-1,
    #mainz .col-md-2,
    #mainz .col-md-3,
    #mainz .col-md-4,
    #mainz .col-md-5,
    #mainz .col-md-6,
    #mainz .col-md-7,
    #mainz .col-md-8,
    #mainz .col-md-9,
    #mainz .col-md-10,
    #mainz .col-md-11,
    #mainz .col-md-12 {
        float: right;
    }
}

#high-column {
    direction: ltr;
}

#mainz .topbar-menu .metro-title {
    bottom: -7px;
}

a.ui-state-default {
    color: #fff !important;
    background: #936b28;
}

.cicon {
    font-size: 20px;
    line-height: 2.2em;
    vertical-align: middle;
    color: #999;
}
/*------Appointment Ticket------*/

.logoGov {
    background-image: url("../images/MOILogo-2.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    width: calc(100% - 15px);
    background-size: 30%;
}

.appointmentBox {
    margin: 20px auto;
    min-height: 100px;
    width: 300px;
    position: relative;
}

.appointmentTicket {
    border-radius: 3px;
    box-shadow: 0 3px 3px #aaa;
    margin: 0 auto;
    max-width: 90%;
    color: #666;
    padding-top: 75px;
    border: solid 1px #aaa;
}

.topTkt {
    padding: 5px;
    margin-bottom: 3px;
}

.middleTkt {
    display: block;
    padding: 15px 15px 10px;
}

.titleTkt .ValueLabel {
    font-weight: 400;
}

.titleTkt {
    display: block;
    font-size: 14.0px;
    line-height: 1.4em;
    margin-bottom: 15px;
    padding: 2px;
    text-align: center;
}

.NoTKt {
    display: block;
    font-size: 44px;
    font-weight: 700;
    text-align: center;
    font-family: monospace, arial;
    margin-bottom: 14px;
}

.locationTkt {
    display: block;
    font-size: 16.0px;
    line-height: 2em;
    text-align: center;
    color: #bbb;
}

.dateTkt,
.timeTkt {
    display: inline-block;
    font-size: 18.0px;
    font-weight: 600;
    padding: 0 0 3px;
    text-align: center;
    font-family: monospace, arial;
    color: #9b9b9b;
}

.dateTkt {
    margin-left: 30px;
}

.personNTkt {
    display: block;
    font-size: 18.0px;
    margin-top: 5px;
    padding: 5px 0;
    text-align: center;
}

.mobileNTkt {
    display: block;
    line-height: 1.2em;
    text-align: center;
    font-size: 14.0px;
    color: #bbb;
}

.footerTkt p {
    padding: 2px;
    margin: 0px;
    color: #a20e1c;
}

.footerTkt {
    border-top: 1px solid #b4b4b4;
    font-size: 14.0px;
    padding: 5px 10px;
    text-align: center;
}

.labelGOLD {
    font-size: 15.0px;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 14px;
    display: block;
    color: #b78637;
}

.ratingStar ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.ratingStar li {
    display: inline-block;
    height: 20px;
    width: 20px;
    background: url(../images/star.png) no-repeat center center;
    background-size: 100%;
    font-size: 0px;
    position: relative;
}

.star0,
.star1,
.star2,
.star3,
.star4,
.star5,
.star6,
.star7 {
    width: 140px;
    height: 20px;
    background-size: 100%;
    display: inline-block;
    margin-bottom: 1px;
    vertical-align: middle;
    transform: scaleX(-1);
}

.star0 {
    background: url(../images/star0.png) no-repeat center center;
    background-size: 100%;
}

.star1 {
    background: url(../images/star1.png) no-repeat center center;
    background-size: 100%;
}

.star2 {
    background: url(../images/star2.png) no-repeat center center;
    background-size: 100%;
}

.star3 {
    background: url(../images/star3.png) no-repeat center center;
    background-size: 100%;
}

.star4 {
    background: url(../images/star4.png) no-repeat center center;
    background-size: 100%;
}

.star5 {
    background: url(../images/star5.png) no-repeat center center;
    background-size: 100%;
}

.star6 {
    background: url(../images/star6.png) no-repeat center center;
    background-size: 100%;
}

.star7 {
    background: url(../images/star7.png) no-repeat center center;
    background-size: 100%;
}

.inlinesp {
    display: block;
    /* float: left; */
    width: auto !important;
    line-height: 2em;
    padding-right: 20px;
    color: #999999;
    font-size: 12.5px;
}

.tableConfirmDetails td {
    padding: 3px;
    font-size: 14.0px;
    line-height: 1.8em;
}

.titleTbl {
    font-size: 15.0px;
    margin-bottom: 10px !important;
    display: block;
    padding: 0px;
    line-height: 1em;
    color: #936b28;
}

.tableConfirmDetails label {
    margin-top: 20px;
    display: inline-block;
}

.tableConfirmDetails {
    margin-top: 13px;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px dashed #ccc;
    padding: 11px;
    width: calc(100% - 20px);
}

    .tableConfirmDetails a {
        color: red;
    }

.cusomPopup .overlay-text {
    text-align: right;
    padding: 20px;
    font-size: 15.0px;
    line-height: 1.6em;
    display: block;
    font-weight: 200;
}

.list {
    /* list-style: none; */
    text-align: right !important;
    padding: 30px;
    margin: 0px;
    padding-bottom: 5px;
}

    .list li {
        text-align: right;
        line-height: 1.4em;
        font-size: 15.0px;
        margin-bottom: 10px;
    }

.advancedSearchLink {
    top: -33px;
    position: relative;
    float: left;
    padding: 2px 5px 0px 5px;
    margin: 10px 25px -12px 10px;
    border-radius: 3px !important;
    line-height: 25px;
    color: #fff;
    /* padding-left: 29px; */
    position: relative;
    box-shadow: 0px 2px 2px #666;
    border-left: 35px solid #666;
}


    .advancedSearchLink:hover {
        color: #fff !important;
        box-shadow: 0px 3px 3px #333;
    }




.advancedSearchButton {
    position: relative;
    float: left;
}



/*-----fix-tickt-personalize_bar-----*/

.personalize_bar .appointmentBox {
    margin: 20px 0px;
    min-height: 100px;
    width: 230px;
    padding: 0px;
    margin-left: 20px;
}

.personalize_bar .logoGov {
    background-size: 25%;
    padding-top: 45px;
}

.personalize_bar .titleTkt {
    font-size: 13.0px;
}

.personalize_bar .NoTKt {
    font-size: 35px;
    padding-bottom: 2px;
}

.personalize_bar .footerTkt {
    font-size: 10px;
}

.personalize_bar .locationTkt {
    font-size: 10px;
    line-height: 1em;
    padding: 2px;
}

.personalize_bar .personNTkt,
.personalize_bar .mobileNTkt {
    font-size: 13.0px;
}

.personalize_bar .dateTkt,
.personalize_bar .timeTkt {
    font-size: 15.0px;
}

a.btn-delete {
    background: #cc4040;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 30px !important;
    text-decoration: none;
}

a.btn-new {
    background: #f6bb42;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 30px !important;
    text-decoration: none;
}

a.btn-view {
    background: #37bc9b;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 30px !important;
    text-decoration: none;
}

    a.btn-delete i,
    a.btn-view i,
    a.btn-new i {
        font-size: 21px;
        color: #fff;
        line-height: 1.5em;
    }

.actionBTN {
    margin: 0 auto;
    display: block;
    width: 100px;
    text-align: center;
    margin-top: 13px;
}

.conformationDelete {
    display: block;
    text-align: center;
}

    .conformationDelete .btn-delete {
        max-width: 50px;
        height: 30px;
        background-color: #e9573f;
        color: #fff;
        border: 1px solid #E94C38;
    }

.container-tbl {
    background: #fff;
}

.fa-TKT {
    height: 30px;
    width: 22px;
    background-color: #f5f5f5;
    display: block;
    MARGIN: 0 AUTO;
    BORDER: 1PX SOLID #333;
    BORDER-TOP: 1PX DASHED #333;
    position: relative;
}

    .fa-TKT:AFTER {
        /* position: absolute; */
        content: 'A1';
        font-size: 14.0px;
        color: #333;
        text-align: center;
        line-height: 2em;
        font-weight: 700;
    }

.owl-carousel {
    direction: ltr;
}

.addCalender {
    border: none;
    width: 30px !important;
    display: block;
    position: absolute;
    right: 0px;
    top: -7px;
    max-width: 39px;
    min-width: 2px;
    padding: 0px;
    border: none;
    height: 30px;
    background: transparent;
    z-index: 1;
    cursor: pointer;
}

.btnpos {
    position: absolute;
    right: -24px;
    top: 15px;
}

    .btnpos::after {
        font-family: FontAwesome !important;
        content: '\F133';
        position: absolute;
        right: 7px;
        top: 5px;
        color: #936b28;
        font-size: 23px;
        text-align: center;
        /* cursor: pointer; */
    }

.okicon:after {
    content: '\F133';
    color: #1eca7a;
    font-family: FontAwesome !important;
}

.ui-datepicker:after {
    color: #828282;
}
/*--------------AnnounsmentTkt----------------*/

.announsmentTkt {
    position: fixed;
    bottom: 180px;
    right: 0px;
    width: 171px;
    background: #b68a35;
    padding: 20px;
    color: #fff;
    border-radius: 30px 0px 0px 30px;
    min-height: 50px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.icon-Tkt {
    background: url(../Images/cardstkt.png) no-repeat center center;
    background-size: 100%;
    height: 98px;
    width: 100px;
    position: absolute;
    left: 54px;
    bottom: -74px;
}

.announsmentTkt a {
    height: 30px;
    /* background: red; */
    display: block;
    position: absolute;
    right: 0px;
    top: 1px;
    z-index: 300;
    padding: 20px;
    font-size: 17.0px;
    padding-bottom: 39px;
    color: #fff;
    cursor: pointer;
}

    .announsmentTkt a:hover {
        text-decoration: none;
        color: #fff;
    }
/*-----------HrEmployee---------*/

.designProfile {
    background: #f5f4f4;
    border-radius: 10px;
    border: 1px solid #d4d4d4;
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.usersimg {
    float: right;
    width: 18%;
    height: 100px;
    display: block;
    padding: 20px;
}

    .usersimg img {
        width: 121px;
        height: auto;
    }

.upInfo {
    background: url(../images/profilebackground.png) no-repeat top center;
    display: inline-block;
    width: 100%;
    background-size: cover;
}

.info-left {
    float: right;
    width: 70%;
    margin-top: 19px;
    display: inline-block;
}

.firstrow {
    width: 100%;
    margin-bottom: 10px;
    color: #fff;
}

.emNum {
    float: right;
    margin-left: 10px;
}

.vacationBlance {
    float: left;
    clear: left;
    color: #fff;
}

.secondRow {
    clear: both;
    margin-top: 3px;
    float: right;
}

.info-left .captionLabel {
    font-size: 17.0px;
    clear: both;
    float: none;
    display: block;
    font-family: arial;
    line-height: 2em;
    color: #fff;
}

.info-left .valueLabel {
    color: #fff;
    font-size: 20.0px;
    font-weight: 700;
}

.profileTable .CaptionLabel {
    clear: both;
    display: block;
    padding: 0px;
    margin: 0px;
    font-size: 14.0px;
    padding-bottom: 8px;
    color: #607D8B;
}

.profileTable .ValueLabel {
    clear: both;
    display: block;
    padding: 0px;
    margin: 0px;
    font-size: 17.0px;
    padding-bottom: 6px;
    color: #4a6471;
}

.profileTable {
    padding: 0px;
}

    .profileTable tr td {
        width: 50%;
        padding: 5px 10px;
    }

    .profileTable tr:nth-child(even) {
        background: #ffffff;
    }

    .profileTable tr:nth-child(odd) {
        background: #f5f5f5;
    }

.boxesAll {
    width: calc(100% - 40px);
    clear: both;
    display: block;
    padding: 6px;
    border: 1px solid #dddddd;
    margin-bottom: 13px;
    vertical-align: top;
    display: inline-block;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: rgb(255, 255, 255);
}

    .boxesAll .boxB,
    .boxesAll .boxA {
        width: 49%;
        display: inline-block;
        float: right;
    }

    .boxesAll .CaptionLabel {
        font-size: 15.0px;
    }

    .boxesAll .ValueLabel {
        padding: 5px;
        color: #bd081b;
    }


.titleBox {
    font-weight: 700;
    color: #bd081b;
    font-size: 16.0px !important;
}

.bigname {
    font-size: 16.0px;
    display: block;
    color: #607079;
    /* font-weight: 700; */
    min-width: 74px;
}

.topdate {
    color: #efefef;
    font-weight: 700;
    font-size: 16.0px;
    background: #bd081b;
    padding-top: 8px;
    margin-bottom: 10px;
    /* float: left; */
    direction: ltr;
}

.refund {
    cursor: pointer;
    line-height: 2.4em;
    background: #c8122e;
    width: 36px;
    height: 30px;
    display: block;
    position: fixed;
    bottom: 260px;
    left: 0px;
    border-radius: 0px 40px 40px 0px;
    padding: 9px;
    text-align: left;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    /* font-size: 20px; */
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    white-space: nowrap;
}

.announsmentTkt2 {
    cursor: pointer;
    line-height: 2.4em;
    background: #c8122e;
    width: 36px;
    height: 30px;
    display: block;
    position: fixed;
    bottom: 170px;
    left: 0px;
    border-radius: 0px 40px 40px 0px;
    padding: 9px;
    text-align: left;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    /* font-size: 20px; */
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    white-space: nowrap;
}

.hrAds {
    cursor: pointer;
    line-height: 2.4em;
    background: #c8122e;
    width: 36px;
    height: 30px;
    display: block;
    position: fixed;
    bottom: 80px;
    left: 0px;
    border-radius: 0px 40px 40px 0px;
    padding: 9px;
    text-align: left;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    /* font-size: 20px; */
    /* font-size: 20px; */
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    white-space: nowrap;
}

.announsmentSmoke {
    cursor: pointer;
    line-height: 2.4em;
    background: #b78637;
    width: 36px;
    height: 30px;
    display: block;
    position: fixed;
    bottom: 370px;
    left: 0px;
    border-radius: 0px 40px 40px 0px;
    padding: 9px;
    text-align: left;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    /* font-size: 20px; */
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    white-space: nowrap;
}

    .announsmentTkt2.showTicket,
    .hrAds.showTicket,
    .refund.showTicket,
    .announsmentSmoke.showTicket {
        width: 180px;
        -webkit-transition: width 0.3s;
        transition: width 0.3s;
    }

.refund.showTicket {
    width: 238px;
}

.announsmentTkt2 span a,
.hrAds span a,
.refund span a,
.announsmentSmoke span a {
    font-size: 0px;
    transition: font-size 0.3s;
    -moz-transition: font-size 0.3s;
    /* Firefox 4 */
    -webkit-transition: font-size 0.3s;
    /* Safari and Chrome */
    -o-transition: font-size 0.3s;
}

.announsmentTkt2.showTicket span a,
.hrAds.showTicket span a,
.refund.showTicket span a,
.announsmentSmoke.showTicket span a {
    font-size: 15.0px;
    transition: font-size 0.3s;
    -moz-transition: font-size 0.3s;
    /* Firefox 4 */
    -webkit-transition: font-size 0.3s;
    /* Safari and Chrome */
    -o-transition: font-size 0.3s;
}

.icon-circles {
    background: url(../Images/tktads.png) no-repeat center center;
    background-size: 100%;
    height: 80px;
    width: 80px;
    position: absolute;
    right: -29px;
    bottom: -16px;
}

.icon-circles2 {
    background: url(../Images/hrtads.png) no-repeat center center;
    background-size: 100%;
    height: 80px;
    width: 80px;
    position: absolute;
    right: -29px;
    bottom: -16px;
}

.icon-circles3 {
    background: url(../Images/refund.png) no-repeat center center;
    background-size: 100%;
    height: 80px;
    width: 80px;
    position: absolute;
    right: -29px;
    bottom: -16px;
}

.announsmentTkt2 a,
.hrAds a,
.refund a,
.announsmentSmoke a {
    font-size: 15.0px;
    color: #fff;
    font-weight: 700;
}

    .announsmentTkt2 a:hover,
    .hrAds a:hover,
    .refund a:hover,
    .announsmentSmoke a:hover {
        color: #fff;
        text-decoration: none;
    }

@media screen and (max-width: 1024px) {
    .announsmentTkt2,
    .hrAds,
    .refund,
    .announsmentSmoke {
        /* display:none;*/
    }

    .icon-circles,
    .icon-circles2,
    .icon-circles3 {
        height: 40px;
        width: 40px;
        right: 5px;
        bottom: 5px;
    }
}


/*Megamenu*/

.menumega {
}

#cssmenu.menumega ul.megaul {
    position: absolute !important;
    width: 880px;
    height: auto;
    display: none;
}

#cssmenu.menumega > ul > li > a {
    padding: 13px 8px;
    font-size: 15.0px;
    text-transform: none;
    PADDING-RIGHT: 17PX;
}

#cssmenu.menumega .has-sub {
    background-image: none !important;
}

#cssmenu.menumega .box1 {
    float: right;
    width: 215px;
}

#cssmenu.menumega .has-sub:hover ul.megaul {
    display: block;
}

#cssmenu .megaul a.dashboardheader1,
#cssmenu .megaul a.dashboardheader2,
#cssmenu .megaul a.dashboardheader3,
#cssmenu .megaul a.dashboardheader4 {
    padding-left: 32px !important;
    display: block;
    left: 0px;
    font-weight: 700;
    padding-top: 10px;
    background-position: 5px 7px;
    background-size: 21px auto;
}

#cssmenu.menumega ul.megaul li {
    border: none;
}

#cssmenu.menumega .box1 ol {
    padding: 0px 0px 0px 21px;
}

.megaul .box1 a:before {
    /* content: '\f105'; */
    font-family: FontAwesome;
    padding-right: 3px;
    display: inline-block;
    /* height: 100%; */
    /* float: left; */
}

body #cssmenu.menumega ul.megaul.wid2 {
    width: 454px;
}

    body #cssmenu.menumega ul.megaul.wid2 li {
        border: none;
        width: auto;
        FLOAT: RIGHT;
    }

body #cssmenu.menumega ul.megaul.wid3 {
    width: 700px;
}

#cssmenu.menumega ul.megaul li {
    position: static;
    float: right;
}


#cssmenu.menumega .box1 li a:hover {
    color: #7c0909;
}
/*Loader*/

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647 !important; /* 2147483647 : Max. Possible Value */
    background: rgba(255, 255, 255, 0.5);
    direction: ltr;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #02853e;
    -webkit-animation: spin 2s linear infinite;
    /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite;
    /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;
        -webkit-animation: spin 3s linear infinite;
        /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 3s linear infinite;
        /* Chrome, Firefox 16+, IE 10+, Opera */
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #000000;
        -webkit-animation: spin 1.5s linear infinite;
        /* Chrome, Opera 15+, Safari 5+ */
        animation: spin 1.5s linear infinite;
        /* Chrome, Firefox 16+, IE 10+, Opera */
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    -webkit-transform: translateX(0);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);
    /* IE 9 */
    transform: translateX(0);
    /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .section-left {
    left: 0;
}

#loader-wrapper .section-right {
    right: 0;
}

#loader-wrapper .section-content {
    top: 65%;
    left: 30%;
    right: 30%;
    color: #FFF;
    width: 40%;
    text-align: center;
    position: relative;
}
/* Loaded */

.loaded #loader-wrapper .section-left {
    -webkit-transform: translateX(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);
    /* IE 9 */
    transform: translateX(-100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .section-right {
    -webkit-transform: translateX(100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);
    /* IE 9 */
    transform: translateX(100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .section-content {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);
    /* IE 9 */
    transform: translateY(-100%);
    /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
}

.logosmoi img {
    height: auto;
    width: 100%;
}

.logosmoi {
    height: 81px;
    left: 50%;
    margin: -36px 0 0 -36px;
    position: absolute !important;
    top: 50%;
    width: 70px;
}
/*------------breadcrums----------*/

body .breadcrumb-tbl-resp {
    height: 31px;
    padding: 0px;
    width: 100%;
    background: #e8e8e8;
    overflow: hidden;
}

span.root {
    float: right;
    height: 18px;
    padding: 7px 10px;
    COLOR: #FFF;
    vertical-align: baseline;
}

span.parent {
    float: right;
    display: block;
    height: 18px;
    padding: 7px 10px;
    COLOR: #FFF;
    vertical-align: baseline;
}

span.pathseparator {
    float: right;
    height: 32px;
    width: 23px;
    font-size: 0px;
    background: url(https://portal.moi.gov.ae/eservices/Images/niceicons/pervs.svg) no-repeat center center rgba(222, 222, 222, 0);
    background-size: cover;
    margin-right: -8px;
}

span.current {
    float: right;
    display: block;
    height: 18px;
    padding: 7px 10px;
    COLOR: #333;
}

span.root a {
    text-decoration: none;
    font-size: 0px;
    width: 23px;
    height: 25px;
    cursor: pointer;
    display: block;
    position: relative;
}

    span.root a:after {
        content: '\f015';
        font-family: FontAwesome;
        font-size: 25px;
        /* z-index: -1; */
        color: #c8122e;
        /* float: right; */
        display: block;
        position: absolute;
        top: 0px;
    }

span.parent a {
    color: #7b7b7b;
    text-decoration: none;
    cursor: pointer;
}
/*------------------Cardpaltebox-------------------*/

.paltecars {
    /* background: red; */
    display: block;
    width: 100%;
    height: 100%;
    /*min-height: 220px;
padding-bottom: 100px;*/
}

    .paltecars ul {
        display: block;
        text-align: center;
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .paltecars .plate-holder.standalone > div:first-child {
        font-size: 25px;
        line-height: 42px;
    }

.info-cars a {
    color: #7b8288;
}

.plateboard {
    padding-bottom: 15px;
    border-bottom: 1px dashed #bec9ce;
    margin-bottom: 15px;
    clear: both;
}

.plateboardPlain {
    width: 263px;
    padding-bottom: 0px;
    border-bottom: none;
    margin-bottom: 0px;
}

.paltecars > ul > li {
    display: inline-block;
    width: calc(42% - 10px);
    /* margin-left: 10px; */
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    padding: 15px;
    min-width: 253px;
    border: 1px solid #969696;
    border-radius: 4px;
    background: #fbfbfb;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3);
    vertical-align: top;
}

.servics li {
    text-align: right;
    display: block;
    line-height: 1.5em;
    padding: 4px 5px;
}

.info-cars {
    margin-bottom: 20px;
    display: block;
    /* width: 100%; */
    /* background: red; */
    padding: 5px;
}

.showBTN {
    background: #dedede;
    height: 36px;
    font-size: 21px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 15px;
    cursor: pointer;
    display: block;
    border-radius: 3px;
}

    .showBTN:hover,
    .showBTN:active {
        background: #8e9fa7;
        color: #fff;
    }

.plateboard .plate-holder.standalone > div:last-child {
    line-height: 36px;
    font-family: impact;
    font-size: 29px;
}

.plateboard .plate-holder.standalone > div {
    float: left;
    height: 36px;
}

    .plateboard .plate-holder.standalone > div:first-child + div {
        line-height: 23px;
    }
/* Main Feature */

.servics {
    margin-top: 20px;
    background-color: #fff;
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s;
    -ms-transition: max-height 0.3s;
    -o-transition: max-height 0.3s;
    transition: max-height 0.3s;
    position: absolute;
    z-index: 2000;
    top: -35PX;
    right: 0PX;
    /* HEIGHT: 240PX; */
    OVERFLOW: HIDDEN;
    /* OVERFLOW: SCROLL; */
    BORDER: 1PX SOLID #CCC;
    BORDER-RADIUS: 3PX;
    BOX-SHADOW: 0PX 0PX 2PX RGBA(0, 0, 0, 0.2);
    min-width: 265px;
}

.actions-panels {
    position: relative;
}

.servics:before {
    font-family: FontAwesome;
    content: '\f0d8';
}

.servics.collapsed {
    max-height: 0;
}

.servics li a::before {
    content: '\f013';
    font-family: FontAwesome;
    padding-left: 3px;
    line-height: 1.5em;
    display: block;
    float: right;
    vertical-align: top;
    height: 21px;
}

.rightcodes {
    display: block;
    vertical-align: middle;
    float: right;
    margin-top: 10px;
}

#ContentPlaceHolder1_lblReceiptsCount {
    margin: 0px !important;
}

.leftcodes .CaptionLabel {
    line-height: 2em;
    font-size: 14.0px;
    color: #af832d !important;
    font-weight: 100;
    vertical-align: middle;
    display: block;
    clear: both;
}

.slimScrollBar {
    left: 3px !important;
    right: auto !important;
}

.servics.collapsed {
    opacity: 0.2;
    box-shadow: none;
    border: none;
}

@media screen and (max-width: 970px) {
    #cssmenu.menumega ul.megaul {
        width: 690px;
    }
}

@media screen and (max-width: 780px) {
    #mainz h2.lh15 {
        font-size: 18.0px !important;
        margin-top: 7px !important;
    }

    #cssmenu.menumega ul.megaul {
        width: 100%;
    }

        #cssmenu.menumega ul.megaul li {
            position: static;
            float: left;
            float: left;
            width: 34%;
        }
}

.hide-always {
    /*display:none !important;*/
    visibility: collapse !important;
}

.sizeplate .plate-holder {
    width: 250px;
    margin: 0 auto !important;
    margin-bottom: 0px !important;
    margin-top: 5px !important;
}
/*---------18-7-2017--------*/

.GreyLine {
    border-top: 2px solid #ccc;
}

.hrName1,
.hrName2 {
    clear: both;
    font-size: 16.0px !important;
    display: block;
}

.upInfo {
    position: relative;
}

.rankHr {
    right: 20px;
    position: absolute;
    bottom: 1px;
    color: #fff;
    font-size: 14.0px;
}

    .rankHr .CaptionLabel {
        color: #fff;
        line-height: 2em;
        display: block;
        margin-top: -10px;
    }

.info-left {
    margin-bottom: 7px;
}

@media (max-width: 780px) {
    .usersimg {
        display: none;
    }

    .info-left {
        margin-left: 20px;
    }

    .rankHr {
        right: 10px;
        position: absolute;
        bottom: 15px;
        color: #fff;
        font-size: 14.0px;
        width: 150px;
        text-align: center;
    }

        .rankHr .ValueLabel {
            margin-top: 4px;
            display: inline-block;
        }

    .vacationBlance {
        float: right;
        clear: right;
        color: #fff;
        position: absolute;
        right: 20px;
        text-align: center;
    }

    .rankHr .CaptionLabel {
        color: #fff;
        line-height: 1em;
        display: block;
        margin-top: 4px;
        clear: both;
        width: 100%;
    }
}
/*-------------7-17-2017--------------*/

a.btn-new,
a.btn-new:hover {
    text-decoration: none;
}

    a.btn-new i,
    a.btn-new2 i {
        font-size: 20.0px;
        line-height: 1.8em;
    }

a.blues {
    background: #4ba6c7;
}

a.btn-delete {
    margin-left: 5px;
    margin-right: 5px;
}

.popup_Appt {
    text-align: right;
    padding: 5px 20px;
    font-size: 16.0px;
    line-height: 1.4em;
}

    .popup_Appt .popup_footer a {
        margin-top: 11px;
        text-align: center;
        text-decoration: none;
        color: #fff;
        float: left;
        height: 16px;
        padding: 5px;
        line-height: 1.6em;
    }

        .popup_Appt .popup_footer a:hover {
            color: #fff;
        }

a.red-pointer {
    color: #d42e2e;
    border: 2px solid #d42e2e;
    border-radius: 5px !important;
    height: 34px;
    width: 30px;
    display: block;
    float: left;
    margin-left: 18px;
    FONT-SIZE: 30PX;
    TEXT-DECORATION: NONE;
    TEXT-ALIGN: CENTER;
    LINE-HEIGHT: 30PX;
    PADDING-TOP: 4PX;
    BACKGROUND: #FFF;
}

.namSers:before {
    padding-left: 1px;
    content: '\f0a3';
    font-family: FontAwesome;
    font-size: 18.0px;
}

.namSers {
    font-weight: 700;
    font-size: 15.0px;
}

.resSers {
    font-weight: 400;
    font-size: 14.0px;
    margin-right: 19px;
    display: block;
    line-height: 2em;
    margin-bottom: 6px;
}
/*------------Button appoument-------------*/

.btnAppAll {
    border-radius: 3px !important;
    height: 30px;
    font-size: 15.0px;
    text-align: center;
    /* width: 100px!important; */
    min-width: 240px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    padding: 5px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

.btn-addA {
    background: #7c9ea9;
    border: 1px solid #7c9ea9;
    color: #fff;
}

.btn-downloadA {
    background: #3bafda;
    border: 1px solid #4ab9e2;
    color: #fff;
}

.btn-SendA {
    background: #5596af;
    border: 1px solid #5596af;
    color: #fff;
}

.btn-SiteMap {
    background: #3b98c5;
    border: 1px solid #3b98c5;
    color: #fff;
}

.btncloser {
    background: #dcd6d6;
    border: none;
    min-width: 10px;
    margin: 0px;
    /* padding: 0px; */
    padding: 5px 19px;
    border: none;
    /* margin-right: -4px; */
    height: 32px;
    color: #333;
    cursor: pointer;
}

    .btncloser > input[type=radio], .btncloser > span > input[type=radio] {
        display: none;
        clip: rect(0,0,0,0);
        pointer-events: none;
    }

.leftbtn {
    border-radius: 0px 20px 20px 0px !important;
}

.rightbtn {
    border-radius: 20px 0px 0px 20px !important;
    margin-right: -4px !important;
}

    .rightbtn.selected {
        background: #e01e1e !important;
        color: #fff !important;
        border-left: 4px solid #c11b1b !important;
        box-shadow: -3px -1px 9px rgba(14, 8, 8, 0.3) inset !important;
    }

.leftbtn.selected {
    background: #e01e1e !important;
    color: #fff !important;
    border-left: 4px solid #c11b1b !important;
    box-shadow: -3px -1px 9px rgba(14, 8, 8, 0.3) inset !important;
}

span#ContentPlaceHolder1_lblReceiptsCount {
    margin-top: 7px;
    display: inline-block;
}
/*-----------table-pagnation--------*/

.dataTables_info {
    float: left;
    margin-top: 0px;
    font-size: 14.0px;
    color: #999;
}

ul.pagination {
    margin-top: 9px !important;
}

li.paginate_button.active a {
    background: #8e8e8e;
    color: #fff;
}

ul.pagination .disabled {
    cursor: not-allowed;
    display: inline-block;
    color: #eee !important;
    background: #eee;
    opacity: 0.5;
}

ul.pagination li {
    display: inline-block;
}

ul.pagination .previous {
    border-radius: 3px 0px 0px 3px !important;
    overflow: hidden;
}

ul.pagination .next {
    border-radius: 0px 3px 3px 0px;
    overflow: hidden;
}

ul.pagination li a {
    color: #777;
    font-size: 14.0px;
    line-height: 1.6em;
}
/*------------------fix-hr--pages---------*/

.titleBox2 {
    font-weight: 700;
    color: #565656;
    font-size: 17.0px !important;
    background: #eee;
    width: 200px;
    min-width: 200px;
    display: block;
    height: 29px;
    line-height: 29px;
    padding-right: 10px;
    border-radius: 2px;
    clear: both;
    border-radius: 50px;
    position: relative;
    z-index: 2;
}

.GreyLine {
    border-top: 2px solid #eee !important;
    line-height: 1em;
    width: 100%;
    margin-top: -15px;
    margin-bottom: 25px;
    z-index: 1;
    position: relative;
}

tr.gridViewHeader th {
    max-height: 20px !important;
    overflow: hidden;
    padding: 0px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.gridView td {
    height: 28px;
    padding: 3px 5px;
    /* font-weight: 200!important; */
}

.paging_simple_numbers {
    text-align: center;
    direction: ltr;
}

.left-icons {
    float: right;
    display: block;
    margin-left: 20px;
    height: 119px;
}

.right-icons {
    float: right;
    font-weight: 700;
}

    .right-icons p {
        clear: both;
        display: block;
        padding: 5px 0;
    }


ul.pagination li a {
    border: 1px solid #ddd;
    color: black;
    float: left;
    padding: 1px 10px;
    text-decoration: none;
    transition: background-color 0.3s ease 0s;
    font-size: 18.0px;
    color: #888;
    width: auto !important;
    margin-top: 5px;
}
/*------------------End--fix-hr--pages---------*/

.actionAPP {
    text-align: center;
    width: 200px;
    margin: 0 auto;
    margin-top: 21px;
}

    .actionAPP .sICon {
        clear: both;
        display: inline-block;
        margin: 0 auto;
        text-align: center;
        /* margin: 5px 5px; */
        padding: 5px;
        color: #333;
        text-decoration: none;
        border-radius: 3px !important;
        width: 207px;
        text-align: right;
        border: 1px solid #ccc;
        margin-bottom: 7px;
        margin-right: -11px;
    }

        .actionAPP .sICon:hover {
            color: #2b2a2a;
            background: #e8e8e8;
        }

        .actionAPP .sICon i {
            font-size: 20px;
            vertical-align: middle;
        }
/*-------------20-7-2017----------------*/

.rowsmap {
    margin-bottom: 5px;
    line-height: 1.6em;
}

    .rowsmap .ValueLabel {
        font-size: 14.0px;
        min-width: 75px;
        display: inline-block;
    }

    .rowsmap .ValueLabel {
        font-size: 14.0px;
        min-width: 75px;
        display: inline-block;
    }

div#map {
    margin-top: 10px;
    width: 100%;
    display: block;
    /* border: 1px solid; */
    /* float: right; */
    margin-bottom: 13px;
}

.terms {
    margin-top: 5px;
    clear: both;
    display: block;
}

    .terms a {
        color: #cc0000;
    }

@media (max-width: 780px) {
    #mainz #topbar {
        min-height: 41px;
        padding: 10px 21px;
        background: #fafafa;
        border-bottom: 1px solid #e0e0e0;
        clear: both;
        display: block;
    }

    a.red-pointer {
        height: 25px;
        width: 25px;
        display: block;
        float: left;
        margin-right: 2px;
        FONT-SIZE: 25PX;
        PADDING-TOP: 2PX;
        margin: 0 auto;
        margin-top: -3px;
    }

    .table-contant {
        border: 1px solid #e6e6e6;
        /* width: 80%!important; */
        padding: 2px 5px;
        float: right;
        overflow-x: scroll !important;
    }

    div#map {
        max-width: 350px !important;
    }

    .redPointer {
        text-align: center;
    }
}

.personalize_bar_menu {
    position: relative;
    z-index: 2;
}


/*=============fix==car==info=======*/

.paper {
    padding: 15px;
    border: 1px solid #969696;
    border-radius: 4px;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3);
    vertical-align: top;
}

.paper-info {
    display: inline-block;
    width: 100%;
    padding: 4px;
    MARGIN-BOTTOM: 29PX;
    BORDER-BOTTOM: 1PX DASHED #CCC;
}

.row-group {
    clear: both;
    text-align: right;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 2px;
    BORDER-BOTTOM: 1PX DASHED #efefef;
}

.label-info {
    float: right;
    line-height: 2em;
    vertical-align: middle;
    padding: 5px 0px;
    margin-left: 20px;
    min-width: 128px;
}

.result-info {
    float: right;
    line-height: 2em;
    vertical-align: middle;
    padding: 6px 0px;
    margin-left: 20px;
    min-width: 100px;
}

.chesis-info ul li:first-child {
    padding: 2px 15px 2px 15px !important;
    background-color: #fbfbfb !important;
    MIN-HEIGHT: 63PX;
}

div#divChesis {
    margin-top: 11px;
    text-align: right;
}


.paltecars .accident-detail .PageHeaderTitles {
    font-size: 18.0px;
    font-weight: 700;
    text-align: right;
    float: right;
    margin-bottom: 10px;
}

.toolsups a.action-button {
    border: 1px solid #ccc;
    margin: 0px 4px;
    padding: 9px 10px;
    border-top: 3px solid #ccc;
    min-width: 80px;
    font-size: 15.0px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 3px;
    border-radius: 3px 3px 0px 0px !important;
    margin-bottom: -1px;
    flex: 1;
}

    .toolsups a.action-button:first-child {
        margin-right: 0;
    }

    .toolsups a.action-button:last-child {
        margin-left: 0;
    }

    .toolsups a.action-button.fa::before {
        padding-left: 5px;
    }

.toolsups {
    border-bottom: 1px solid #ccc;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}


.gvDamage, .gvCause {
    text-align: right;
}

.selected {
    background-color: #f1f1f1 !important;
}

.paltecars select {
    width: 100px !important;
    min-width: 246px !important;
}

.listviewpage {
    BACKGROUND: transparent;
    padding: 4px;
    text-align: center;
    /*border: 1px solid #ccc;
    background: #f3f3f3;
    border-radius: 5px !important;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);*/
}


span.listviewpage span {
    font-size: 18.0px;
    border: 1px solid #c8122e;
    padding: 2px 5px;
    background: #c8122e;
    color: #fff;
    border-radius: 5px;
}

.listviewpage span span {
    display: inline-block;
    width: 20px;
    height: 25px;
    background: #936b28;
    line-height: 1.8em;
    text-decoration: none;
    font-size: 16.0px;
    color: #fff;
    border-radius: 2px;
}


.wiz-content {
    border: 1px solid #d4d4d4;
    margin-top: -24px !important;
    display: inline-block;
    padding-top: 40px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    margin-bottom: 5px;
    width: calc(100% - 23px);
}



.traffiCodes {
    display: block;
    clear: both;
}

.service-caption {
    margin-bottom: 5px;
}

.service-desc {
    margin: 5px 0px;
}

.rightInfoRicpt li {
    direction: rtl;
}

.responsiveTables thead tr th {
    text-align: right;
}

.lftInfoRicpt ul {
    float: left;
}

.lftInfoRicpt .lables, .rightInfoRicpt .lables {
    margin-left: 5px !important;
    ;
}



.countermsg {
    background: none;
    border: none;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #383b3c !important;
    padding: 20px;
    display: block;
}


/*--------------grideview-------------*/

body .gridViewReadmore a {
    width: 23px !important;
    height: 23px;
    display: inline-block;
    overflow: hidden;
    padding: 4px;
    margin: 0px !important;
    clear: none;
    border-radius: 100% !important;
    /* float: left; */
    margin: 0px 5px !important;
    background: #d4a54c;
    font-size: 0px;
    line-height: 19px;
    MARGIN-TOP: 3PX !IMPORTANT;
}

    body .gridViewReadmore a.gridviewedit::after {
        content: '\f044';
        color: white;
        font-size: 18.0px;
        font-family: FontAwesome;
        text-align: center;
    }

    body .gridViewReadmore a.gridviewedit:hover {
        background: #4f7b90;
        border-color: #4f7b90;
    }

    body .gridViewReadmore a.gridviewedit {
        background: #82a6b7;
        border-color: #82a6b7;
    }

    body .gridViewReadmore a.gridviewSelect {
        background: #a3afb5;
        border-color: #a3afb5;
    }

        body .gridViewReadmore a.gridviewSelect:hover {
            background: #4f7b90;
            border-color: #4f7b90;
        }

        body .gridViewReadmore a.gridviewSelect::after {
            content: '\f09d';
            color: white;
            font-size: 18.0px;
            font-family: FontAwesome;
            text-align: center;
        }

td.gridViewReadmore {
    text-align: center;
}

.gridviewdetail:after {
    content: '\f129' !important;
    font-family: FontAwesome !important;
    font-size: 20px !important;
    color: #fff !important;
    position: absolute;
    top: 6px;
    right: 12px;
    z-index: 2;
}

.gridviewcancel:after {
    content: '\d7' !important;
    font-family: FontAwesome !important;
    font-size: 26px !important;
    color: #fff !important;
    position: absolute;
    top: 7px;
    left: 8px;
    z-index: 2;
    font-weight: bold;
}

.gridviewredo:after {
    content: '\f0e2' !important;
    font-family: FontAwesome !important;
    font-size: 20px !important;
    color: #fff !important;
    position: absolute;
    top: 6px;
    right: 7px;
    z-index: 2;
}


.gridAppeal:after {
    content: '\f122' !important;
    font-family: FontAwesome !important;
    font-size: 20.0px !important;
    color: #fff !important;
    display: block;
}

.gridviewobject:after {
    content: '\f256';
    font-family: FontAwesome;
    font-size: 20px;
    color: #fff;
}

body .gridviewdelete {
    position: relative;
}

    body .gridviewdelete:after {
        content: '\f014';
        font-size: 20.0px !important;
        color: #fff !important;
        font-family: FontAwesome !important;
        position: absolute;
        top: 5px;
        right: 7px;
        z-index: 2;
    }

.gridviewedit::after {
    content: '\f040';
    font-family: FontAwesome;
    font-size: 16.0px;
    color: #fff;
}

.gridviewupload::after {
    content: '\f093';
    font-family: FontAwesome;
    font-size: 16.0px;
    color: #fff;
}

.gridviewpay::after {
    content: '\f09d';
    font-family: FontAwesome;
    font-size: 16.0px;
    color: #fff;
}

.gridviewwarning::after {
    content: '\f071';
    font-family: FontAwesome;
    font-size: 16.0px;
    color: #fff;
}

.gridviewadd::after {
    content: '\f067';
    font-family: FontAwesome;
    font-size: 21.0px;
    color: #fff;
    position: absolute;
    top: 7px;
    left: 8px;
    z-index: 2;
}

body .gridViewReadmore a.gridAppeal, body .gridViewReadmore a.gridAppeal:hover {
    background: #ec6c6c;
    border-color: #f9f9f9;
}

body .gridViewReadmore a.gridviewdetail, body .gridViewReadmore a.gridviewdetail:hover {
    background: #908f8f;
    border-color: #f9f9f9;
    position: relative;
}


body .gridViewReadmore a.gridviewredo, body .gridViewReadmore a.gridviewredo:hover {
    background: #908f8f;
    border-color: #f9f9f9;
    position: relative;
}

body .gridViewReadmore a.gridviewdelete, body .gridViewReadmore a.gridviewdelete:hover {
    background: #F44336;
    border-color: #F44336;
}


body a.gridviewpay {
    background: #4db79d;
    border-color: #4db79d;
}



body .gridViewReadmore a.gridviewpay:hover {
    background: #009667;
    border-color: #009667;
}


body .gridViewReadmore a.gridviewupload {
    color: #f5f5f5;
    background-color: #607d8b;
}

body .gridViewReadmore a.orange, body .gridViewReadmore a.orange:hover {
    background: #ff5400;
    border-color: #ff5400;
}

body .gridViewReadmore a.gridviewwarning:hover {
    background: orange;
    border-color: orange;
}


body .gridViewReadmore a:hover, body .gridViewReadmore a:focus {
    font-size: 0px;
}



tr.gridViewHeader th:first-child {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    margin-left: 0px;
    vertical-align: text-bottom;
    line-height: 30px;
}

body div.dataTables_wrapper div.dataTables_paginate {
    direction: rtl;
    text-align: center !important;
    margin: 0 auto;
    float: none;
    text-align: center;
    background: #eee;
    height: 40px;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
    border: 1px solid #ccc;
    border-top: 5px solid #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    margin-top: 0px;
    padding: 0.4em 0.6em !important;
    margin-top: -3px !important;
    border: 1px solid #b68a35;
}



a.paginate_button.current {
    border-radius: 3px !IMPORTANT;
}


tr.gridViewHeader {
    BORDER: 1PX SOLID rgba(96, 125, 139, 0) !important;
}


/*----------------------------*/

.gridViewFooter {
    background-color: #d4d4d4;
    width: 100%;
    font-weight: 700;
    font-size: 14.0px;
    color: #42535a;
    border-color: #d4d4d4;
}

    .gridViewFooter td {
        min-height: 30px;
    }

.dataTable tr td {
    padding: 5px !important;
}

tr.gridViewFooter .currencyCell {
    background: #c7c7c7;
}

body .info-msg {
    color: #555;
    border: 2px solid #cccccc;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.64);
    /* box-shadow: 0px 2px 2px rgb(154, 159, 160); */
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 22px;
    position: relative;
    border-bottom: 9px solid #cccccc;
    /* text-shadow: 1px 0px 1px rgba(0,0,0,0.5); */
    /*font-weight: 100;*/
    clear: both;
    padding: 10px 30px 10px 45px;
}

body .error-msg {
    color: #d05b52;
    border: 2px solid #d05b52;
    border-radius: 5px;
    background-color: #f9f9f9;
    /* box-shadow: 0px 2px 2px rgba(0,0,0,0.3); */
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 22px;
    position: relative;
    border-bottom: 9px solid #d05b52;
    clear: both;
    padding: 10px 30px 10px 45px;
}

body .success-msg {
    color: #2e6f69;
    border: 2px solid #3b9e95;
    border-radius: 5px;
    background-color: rgba(0, 150, 136, 0);
    /* box-shadow: 0px 2px 2px #4CAF50; */
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 22px;
    position: relative;
    border-bottom: 9px solid #009688;
    clear: both;
    padding: 10px 30px 10px 45px;
}

    body .info-msg u, body .success-msg u, body .error-msg u {
        font-size: 15.0px;
        font-weight: 700;
    }


    body .info-msg:after, body .success-msg:after, body .error-msg:after {
        font-size: 30px;
        font-family: FontAwesome;
        text-align: right;
        position: absolute;
        left: 10px;
        top: 0px;
        width: 48px;
        height: 43px;
    }


body .info-msg:after {
    content: '\f12a';
    color: #9e9e9e;
    text-align: center;
    width: 29px;
}

body .success-msg:after {
    content: '\f00c';
    width: 30px;
}

body .error-msg:after {
    content: '\f071';
}


.countermsg {
    background: none;
    border: none;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #b89207;
    padding: 20px;
    display: block;
}

body table.dataTable thead .sorting, body table.dataTable thead .sorting_asc {
    background-size: 15px;
    background-position: 99% 7px;
}

.process-tree-tbl .button.disabled-tab {
    background: #585858;
}


body .home-detail-tbl .frame-left {
    width: 682px;
    display: block;
    height: 100%;
    min-height: 100%;
}

body .tab-arrow-png {
    background: none;
}


body .process-tree-tbl .button {
    position: relative;
}

body .tab-arrow-png:after {
    content: '\f104 ';
    font-family: FontAwesome;
    font-size: 135px;
    position: absolute;
    top: -55px;
    right: -23px;
    width: 40px;
    color: #fff;
    line-height: 130px;
}

body .process-tree-tbl .button.disabled-tab {
    background: #e8e8e8 !important;
    color: #585858;
}

body .listviewpage span span {
    background: #607d8b;
}

.wiz-content .button-holder {
    background: none;
}

.dataTables_wrapper {
    margin-bottom: 0px;
}

body .dataTable {
    margin-top: 10px;
}

.dashboarditem tr.gridViewHeader {
    background: none !important;
}

.dashboardheader1 {
    background-position: 8px top;
}

#cssmenu > ul > li, .gridViewInnerTitles {
    border-color: #908f8f !important;
}

/*-------sortnewdesign-----------*/

body .dataTables_wrapper .dataTables_paginate .paginate_button {
    background-color: #ddd !important;
    width: 32px;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    color: #000 !important;
    font-size: 15px;
    margin: 3px 2px;
    text-align: center;
    border: 1px solid #969696 !important;
    direction: rtl;
    display: inline-block;
    min-width: 21px;
    margin-top: 1px !important;
    padding: 3px !important;
}

    body .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
        border: 1px solid #828a8e;
        border-radius: 3px !important;
        color: #333 !important;
        background: transparent;
        opacity: 0.8;
    }


    body .dataTables_wrapper .dataTables_paginate .paginate_button.next,
    body .dataTables_wrapper .dataTables_paginate .paginate_button.previous {
        color: transparent !important;
        background-color: #999 !important;
        position: relative;
    }

        body .dataTables_wrapper .dataTables_paginate .paginate_button.next:before,
        body .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
            font-family: FontAwesome;
            font-size: 22px;
            color: #fff !important;
            height: 30px;
            position: absolute;
            top: 2px;
        }

        body .dataTables_wrapper .dataTables_paginate .paginate_button.next:before {
            content: '\f0d9';
        }

        body .dataTables_wrapper .dataTables_paginate .paginate_button.previous:before {
            content: '\f0da';
            left: 10px;
        }

    body .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
        border-color: #c8122e !important;
        background: #c8122e !important;
        color: #fff !important;
    }



table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting, table.dataTable thead .sorting_disabled {
    background: none !important;
    position: relative;
}

    table.dataTable thead .sorting:after {
        content: '\f0dc';
        font-family: FontAwesome;
        font-size: 10px;
        width: 10px;
        /* background: red; */
        display: inline-block;
        position: absolute;
        left: 3px;
        text-align: center;
    }



    table.dataTable thead .sorting_asc::after {
        content: '\f0de';
        font-family: FontAwesome;
        font-size: 10px;
        width: 10px;
        /* background: red; */
        display: inline-block;
        position: absolute;
        left: 3px;
        text-align: center;
    }

    table.dataTable thead .sorting_desc::after {
        content: '\f0dd';
        font-family: FontAwesome;
        font-size: 10px;
        width: 10px;
        /* background: red; */
        display: inline-block;
        position: absolute;
        left: 3px;
        text-align: center;
    }

.dataTable input[type="radio"], .dataTable input[type="checkbox"] {
    margin: 0px !important;
    margin-top: 5px !important;
}

.button {
    border-radius: 5px !important;
}


.title_Steps {
    font-size: 15.0px;
    color: #666;
    line-height: 2.0em;
    vertical-align: middle;
}

    .title_Steps:before {
        content: '\f02e';
        font-family: FontAwesome;
        font-size: 22px;
        vertical-align: middle;
        padding-left: 8px;
        color: #989898;
    }

.PageHeaderTitles::before {
    content: '\f009';
    padding-left: 10px;
    font-family: FontAwesome;
}


.PageHeaderTitles {
    font-size: 18.0px;
}


.wiz-content .CaptionLabel {
    color: #456371;
}

.longLabels .CaptionLabel {
    min-width: 125px;
}

.longLabels128 .CaptionLabel {
    min-width: 128px;
}

.longLabels130 .CaptionLabel {
    min-width: 130px !important;
}

.longLabels135 .CaptionLabel {
    min-width: 135px;
}

.longLabels180 .CaptionLabel {
    min-width: 180px;
}

.longLabels220 .CaptionLabel {
    min-width: 220px;
}

.longLabels100 .CaptionLabel {
    min-width: 100px;
}

.longLabels250 .CaptionLabel {
    min-width: 250px;
}
.longLabels260 .CaptionLabel {
    min-width: 260px;
}
/*----------newRole------------*/


.controlContainer {
    display: inline-block;
    width: 100%;
    margin: 10px auto;
    clear: both;
}

    .controlContainer .colLeft {
        color: #666;
        float: right;
        font-size: 14.0px;
        line-height: 1.6em;
        min-width: 85px;
        padding: 5px;
        font-weight: 400;
        position: relative;
    }

    .controlContainer .colRight {
        color: #333;
        float: right;
        font-size: 14.0px;
        line-height: 1.6em;
        min-width: 150px;
        padding: 5px;
        font-weight: 700;
        min-height: 30px;
    }

#divTickets.controlContainer .colRight {
    min-width: auto
}

.controlContainer .ValueLabel {
    font-weight: 700 !important;
    display: block;
    color: #545454;
}


body .colRight input[type=text],
body .colRight input[type=tel],
body .colRight input[type=email],
body .colRight textarea {
    padding: 4px 7px;
    margin: 0px 0px 6px;
    width: 256px;
    min-width: 2px !important;
}

.rowCloContainer {
    clear: both;
    display: inline-block;
    width: 100%;
}

.controlContainer .fullcol, .controlContainer .fullcolHeader {
    color: #333;
    float: right;
    font-size: 14.0px;
    line-height: 2em;
    min-width: calc(100% - 25px);
    padding: 5px;
    font-weight: 700;
}


    .controlContainer .fullcolHeader i, .controlContainer .fullcolHeader .ValueLabel {
        /* font-weight: 700!important; */
        font-size: 16.0px;
        color: #3d6071;
    }

.fourCol {
    clear: both;
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}


    .fourCol .rowCloContainer {
        clear: none;
        display: block;
        float: right;
        width: 50%;
    }


/*----------------box--------------*/

.dashboardpagetable .dashboarditem {
    background: #e6e9ef;
    border-radius: 5px;
    border: 1px solid #c5c5c5;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    margin-bottom: 10px;
}

    .dashboardpagetable .dashboarditem:last-child {
        margin-bottom: 0px;
    }


.dashboarditem a {
    text-decoration: none;
}


.dashboarditem .readmore {
    background: transparent !important;
    color: #333 !important;
}

    .dashboarditem .readmore::after {
        content: '\f104';
        font-family: FontAwesome;
        font-size: 15.0px;
    }



.colLeft span {
    color: #456d80;
    float: none;
    font-weight: normal;
    height: 100%;
    margin-left: 0px;
    overflow: initial;
    padding: 4px 0px;
    text-decoration: none;
}

.colRight span:not(.info-msg,.succes-msg,.error-msg) {
    height: 100%;
    padding: 4px 0px;
}

.colRight span.select2-container, .colRight span.select2-selection__arrow {
    padding-top: 0;
    padding-bottom: 0;
}

.colRight span.select2-selection--single {
    padding: 1px 0px;
}

.box .rowCloContainer {
    width: 50%;
    float: right;
    clear: none;
}

.arrowIcon .colLeft {
    min-width: 1px;
    padding-left: 10px;
}


.box .rowCloContainer:last-child {
    float: left;
    text-align: left;
    width: auto;
    clear: none;
}


    .box .rowCloContainer:last-child .colRight {
        min-width: 1%;
    }

.line-seperator2 {
    border-bottom: 1px dashed #ccc;
    min-height: 3px;
    display: block;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 5px;
}

.controlContainer.border {
    display: inline-block;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #cacaca;
}

.fourCol .rowCloContainer {
    /* border-bottom: 1px dashed #ccc; */
    margin-bottom: 5px;
    margin-top: 3px;
    padding-bottom: 7px;
}



/*----------------box--------------*/

.dashboardpagetable .dashboarditem {
    background: #e6e9ef;
    border-radius: 5px;
    border: 1px solid #c5c5c5;
    box-shadow: -1px 4px 3px rgba(0,0,0,0.3);
}

.dashboarditem a {
    text-decoration: none;
}


.dashboarditem .readmore {
    background: transparent !important;
    color: #333 !important;
}



.dashboardpagetable .dashboarditem {
    background: url(../Images/patrins2.png) no-repeat left bottom;
    background-size: 67%;
    border: 1px solid #bfbfbf !important;
    position: relative;
}

    .dashboardpagetable .dashboarditem.publicitem {
        background: url(../Images/MOILogoGray.png) no-repeat center center;
        background-size: 110px auto;
        background-color: #ddd !important;
    }


.colLeft span {
    color: #828282;
    float: none;
    font-weight: normal;
    height: 100%;
    margin-left: 0px;
    overflow: initial;
    padding: 4px 0px;
    text-decoration: none;
    min-width: 80px;
}


.box .rowCloContainer {
    width: 50%;
    float: right;
    clear: none;
}

.arrowIcon .colLeft {
    min-width: 1px;
    padding-left: 20px;
}


.box .rowCloContainer:last-child {
    float: left;
    text-align: left;
    width: auto;
    clear: none;
}


    .box .rowCloContainer:last-child .colRight {
        min-width: 1%;
    }

.line-seperator2 {
    border-bottom: 1px dashed #ccc;
    min-height: 3px;
    display: block;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 5px;
}

.controlContainer.border {
    display: inline-block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #cacaca;
}

.fourCol .rowCloContainer {
    /* border-bottom: 1px dashed #ccc; */
    margin-bottom: 5px;
    margin-top: 3px;
    padding-bottom: 7px;
}


/*---------waseemDevice-created by modza--------*/


.form_Row {
    float: right;
    margin-right: 10px;
    /* vertical-align: text-top; */
    height: 34px;
    display: inline-block;
    line-height: 34px;
}

    .form_Row input {
        vertical-align: middle;
    }


        .form_Row input[type="radio"], .form_Row input[type="checkbox"] {
            margin-top: 7px !important;
        }

body .equals .colLeft {
    min-width: 163px;
}


@media (max-width: 900px) {

    body .home-detail-tbl .frame-left {
        width: auto;
        min-width: 100%;
    }

    .form_Row input[type="radio"], .form_Row input[type="checkbox"] {
        margin-top: 0px !important;
        vertical-align: baseline;
    }
}

.my_appointments {
    margin-right: 25px;
}

#cssmenu ul ul li a, a:hover, #cssmenu ul ul li a:hover, .settings-tbl a, .PageHeaderTitles, h2 span, .PageHeaderTitles, .ServicesInfo h3, .quicklinks a:hover, .gridViewReadmore > a:hover, .logo-txt02 {
    text-decoration: none !important;
}

.frame-right .useful-link-tbl {
    box-shadow: 0 0 5px #ddd;
    margin: 0px 3px 12px 3px;
    border: 1px solid #DDDDDD;
    border-radius: 15px;
}

/*-------------------------taps----------------*/



.tapsNew {
    margin-top: 10px;
    margin-bottom: 3px;
    clear: both;
    padding-bottom: 7px;
    /* border: 5px solid; */
}

    .tapsNew input[type="radio"] {
        visibility: hidden;
        display: none;
    }



    .tapsNew label {
        padding: 8px 10px;
        border-radius: 5px 5px 0px 0px;
        margin-left: 2px;
        border: 1px solid #ddd;
        /* box-shadow: 2px -1px 2px rgba(0,0,0,0.1); */
        cursor: pointer;
        border-bottom: 0px !important;
        box-shadow: 0px -1px 2px rgba(0,0,0,0.2) inset;
        /* line-height: 2em; */
        height: 40px;
        font-weight: 400;
    }

.tapsNC .CaptionLabel {
    /*min-width: 130px;*/
}

.tapsNC input, .tapsNC textarea, .tapsNC select {
    min-width: 206px;
}

.tapsNC select {
    min-width: 222px !important;
}

.tapsNC .lBl {
    line-height: 1.8em;
    height: 28px;
    padding: 5px;
    float: right;
    display: block;
    min-width: 150px;
}

.tapsNC {
    padding-top: 20px;
    padding-bottom: 20px;
    display: inline-block;
    width: calc(100% - 44px);
    clear: both;
    position: relative;
    min-height: 70px;
    padding-left: 20px;
    padding-right: 20px;
}






.inlineform {
    width: 100%;
    clear: both;
    height: auto;
    display: inline-block;
}

.helpask {
    min-width: 100px !important;
    position: absolute;
    top: 25px;
    left: 36px;
}



.advancedSearchBox {
    position: relative;
    clear: both;
}

.mainMessge {
    /* width: 100%; */
    text-align: center;
    min-height: 20px;
    line-height: 2em;
    background: #e8e8e8;
    padding: 7px;
    clear: both;
    display: block;
    font-weight: 700;
    color: #333;
    margin-bottom: 20px;
    border-radius: 3px;
}

    .mainMessge.success {
        background: #c9eac9;
    }

    .mainMessge.error {
        background: #f7d3d1;
        color: #bf251a;
    }

ul.dropdownlist li a {
    padding-left: 10px;
    padding-right: 10px;
}

/*----------FOR ARABIC ONLY-------------*/

.icon-question:before {
    COLOR: #989898 !important;
}

.readmore {
    color: #fff !important;
    float: left !important;
    font-size: 14.0px;
    font-weight: normal;
    margin: 10px 0px 10px 10px !important;
    padding: 8px 10px !important;
    text-decoration: none;
    border-radius: 3px !important;
}


.colRight input, .colRight textarea {
    max-width: 270px;
    min-width: 150px;
    padding: 4px 6px;
    margin: 0px 10px;
}

.colRight select {
    max-width: 290px;
    min-width: 284px;
    padding: 0px;
    margin: 0px 10px;
}

iframe#receiptPopup {
    border: 1px solid #ccc;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

.paper-info .plateboard {
    opacity: 0.5;
    /*transform: rotate(-1093deg);*/
    position: absolute;
    left: 16%;
    top: 50px;
    right: auto;
}


#mainz .panel .table .text-muted {
    color: #484848 !important;
    FONT-SIZE: 14.0PX;
    FONT-WEIGHT: 400;
}

#mainz .table .text-left {
    text-align: right !important;
}

.col-md-4.br-r {
    margin-bottom: 5px !important;
}

#mainz .panel .table b {
    color: #333 !important;
    text-shadow: none;
}

body #mainz .panel-heading > a {
    float: left;
}

    body #mainz .panel-heading > a > i.fa-caret-right:before {
        content: "\f0d9";
    }

.navbarDS {
    margin-top: 20px;
    overflow: hidden;
    max-height: 1800px;
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s;
    -ms-transition: max-height 0.3s;
    -o-transition: max-height 0.3s;
    transition: max-height 0.3s;
}

    .navbarDS.collapsed {
        max-height: 0;
    }

.navbar-toggleDS {
    line-height: 1.2em;
    padding: 0 4px;
    font-size: 0px;
    border: none;
    /* background-color: salmon; */
    color: #fff;
    border-bottom: 1px dashed #f1f1f1;
    display: block;
    margin-bottom: 20px;
}


div#navToggleDS:after {
    content: '\f139';
    font-size: 25px;
    color: rgb(193, 193, 193);
    font-family: FontAwesome;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

div#navToggleDS.cls:after {
    content: '\f13a';
    font-size: 25px;
    color: rgb(193, 193, 193);
    font-family: FontAwesome;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}


.centerDiv {
    margin: 0 auto;
    margin-bottom: 16px;
    margin-top: 10px;
    display: block;
}


/*-----------Action-----------*/

.actionLic {
    clear: both;
    width: 100%;
}

.actionLic {
    margin-bottom: 46px;
    display: inline-block;
    height: auto;
}

    .actionLic ul {
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

        .actionLic ul li {
            display: inline-block;
            /* clear: both; */
            margin: 2px 5px;
        }


    .actionLic li img {
        width: 35px;
        margin-right: 5px;
        /* float: left; */
        margin-top: 3px;
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .actionLic ul li a {
        height: 26px !important;
        min-width: 170px !important;
        line-height: 1.4em;
        vertical-align: top;
    }

    .actionLic ul li .btns:hover {
        color: #333;
        border-color: #5f6365;
    }

.flipNote {
    background-size: 71px !important;
    height: 58px;
    width: auto !important;
    line-height: 2em;
    padding-right: 65px !important;
    padding-top: 18px !important;
    background-position: right top !important;
    padding-left: 0px !important;
}

/*-----------------grids----------------*/

.dataTables_info {
    margin: 10px 10px 0px 10px;
    font-size: 13.0px;
    line-height: 2em;
    color: #676767 !important;
}


.dataTables_filter {
    max-width: 300px;
    position: relative;
}


.dataTables_filter {
    font-size: 0px;
}

input[type="search"] {
    min-width: 186px;
    margin-bottom: 5px;
    border-radius: 3px !important;
    padding-left: 22px !important;
    position: relative;
    height: 26px;
}

.dataTables_filter:after {
    content: '\f002';
    font-family: FontAwesome;
    font-size: 15.0px;
    position: absolute;
    left: 7px;
    top: 9px;
    color: #989898;
}

.dataTables_wrapper .dataTables_filter {
    float: left !important;
}

.dataTables_wrapper .dataTables_info {
    float: right !important;
    padding-top: 0.2em !important;
}

.advancedSearchLink::after {
    content: '\f002';
    font-family: FontAwesome;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    left: -36px;
    font-size: 17.0px;
    color: #fff;
    line-height: 1.3em;
}





.gridView th {
    background: #7f8588;
    color: #fff;
    font-weight: 700;
    font-size: 14.0px !important;
    text-align: center;
    border: 1px solid #7f8588;
}

.popup .header::before {
    content: '\f05a';
    font-family: fontawesome;
    font-size: 22px;
    vertical-align: middle;
    padding-left: 9px;
}

.dataTables_wrapper input[type="search"] {
    margin-left: 0px !important;
}



/*----------------------------------*/


.mostUsedBox {
}

    .mostUsedBox h3 {
        color: #cc0000;
        text-align: center;
        margin-bottom: 15px;
        clear: both;
        display: block;
    }

    .mostUsedBox ul {
        margin: 0px;
        padding: 0px;
        clear: both;
        display: block;
        width: 100%;
        margin-bottom: 5px;
        text-align: center;
    }

        .mostUsedBox ul li {
            display: inline-block;
            width: 133px;
            text-align: center;
            margin-right: 10px;
            margin-right: 10px;
            margin-bottom: 10px;
            vertical-align: top;
        }

            .mostUsedBox ul li .iconALL {
                width: 70px;
                height: 70px;
                display: inline-block;
                background-size: contain !important;
                font-size: 0px;
                color: #fff;
                box-shadow: 0px 3px 3px rgba(0,00,0,0.2);
                border-radius: 6px !important;
                background-repeat: no-repeat;
                background-position: center center;
            }

span.lblIcons {
    text-align: center;
    display: block;
    margin-top: 10px;
    font-size: 14.0px;
}


.readmorelk {
    border-bottom: 1px solid #ccc;
    margin-bottom: 30px;
    text-align: center;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

    .readmorelk a {
        background: #fff;
        display: block;
        height: 30px;
        margin-bottom: -10px;
        width: 112px;
        margin: 0 auto -21px auto;
        text-align: center;
    }

.mostUsedBox ul li .iconALL:hover {
    background-color: #f7f7f7 !important;
}

.trafficServicesBox .landing-bdr {
    border: none;
}



.dashboardheader1, .dashboardheader2, .dashboardheader3, .dashboardheader4 {
    background: none;
    padding: 5px 0px;
    position: relative;
}

.boXMoi::after {
    background: url(../Images/MOILogo.jpg) no-repeat center center;
    background-size: cover;
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    content: 'aaa';
    left: 20px;
    bottom: 21px;
    content: '0';
    font-size: 0px;
}

.boX1::after {
    background: url(https://portal.moi.gov.ae/eservices/Images/iconMostUsed/traffic-profile.svg) no-repeat center center;
    background-size: cover;
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    content: 'aaa';
    left: 20px;
    bottom: 21px;
    content: '0';
    font-size: 0px;
}

.boX2::after {
    background: url(https://portal.moi.gov.ae/eservices/Images/iconMostUsed/license_display.svg) no-repeat center center;
    background-size: cover;
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    content: 'aaa';
    left: 20px;
    bottom: 21px;
    content: '0';
    font-size: 0px;
}




.boX3::after {
    background: url(https://portal.moi.gov.ae/eservices/Images/iconMostUsed/my_vehicles.svg) no-repeat center center;
    background-size: cover;
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    content: 'aaa';
    left: 20px;
    bottom: 21px;
    content: '0';
    font-size: 0px;
}

.boX4::after {
    background: url(https://portal.moi.gov.ae/eservices/Images/iconMostUsed/pay-fines.svg) no-repeat center center;
    background-size: cover;
    width: 100px;
    height: 100px;
    position: absolute;
    display: block;
    content: 'aaa';
    left: 20px;
    bottom: 21px;
    content: '0';
    font-size: 0px;
}

.dashboarditem .readmore {
    /* background: transparent !important; */
    color: #fff !important;
    position: absolute;
    z-index: 2;
    bottom: 0px;
    background: #888888 !important;
    width: 57px;
    height: 10px;
    border-radius: 0px 40px 0px 0px !important;
    bottom: -11px;
    left: -10px;
    text-align: center;
    line-height: 1em;
}

.boX4, .boX3, .boX2, .boX1 {
    margin-bottom: 10px;
}

.dashboarditem .gridViewTitles,
.gridViewHeader.boXMoi::after,
.gridViewHeader.boX4::after, .gridViewHeader.boX3::after, .gridViewHeader.boX2::after, .gridViewHeader.boX1::after {
    border-color: #c8122e;
    color: #c8122e;
}

input:invalid, textarea:invalid, select:invalid,
input.invalid, textarea.invalid, select.invalid {
    border: 1px solid #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    outline: none;
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    border: 1px solid #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

input:required, textarea:required {
    background-repeat: no-repeat;
    background-position: left 5px;
    background-size: 15px;
    max-width: none !important;
}

.button-holder .button:disabled {
    background-color: #bbb !important;
    opacity: 1 !important;
}

.home-detail-tbl .useful-link-tbl h3 {
    padding: 11px 0px 8px 0px;
    font-size: 14px;
}


.content-placeholder-in {
    clear: both;
}

h6::before {
    content: '\f013';
    font-family: FontAwesome;
    padding-left: 5px;
    /* color: #607D8B; */
    font-size: 15.0px;
    margin-right: 1px;
}


.landing-bdr td, .landing-bdr tr {
    overflow: visible;
}

body .paymentCC {
    background: #37b999 !important;
    border: #35af90 !important;
    position: relative;
}

.paymentCC::after {
    content: '\f09d';
    font-size: 16.0px;
    color: #fff;
    font-family: FontAwesome;
    line-height: 1.5em;
    position: absolute;
    top: 3px;
    right: 5px;
    z-index: 2;
}

body .downloadicon {
    background: #3f5c8c !important;
    border: #3f5c8c !important;
}

body .vieweyes {
    background: #3899bd !important;
    border: #3899bd !important;
}

.vieweyes::after {
    content: '\f06e';
    font-size: 16.0px;
    color: #fff;
    font-family: FontAwesome;
    line-height: 1.5em;
}


body .print {
    background: #097137 !important;
    border: #097137 !important;
}



    body .print::after {
        content: '\f02f' !important;
        font-size: 16.0px;
        color: #fff;
        font-family: FontAwesome;
        line-height: 1.5em;
        right: 6px;
        top: 1px;
    }

.downloadicon::after {
    content: '\f019';
    font-size: 16.0px;
    color: #fff;
    font-family: FontAwesome;
    line-height: 1.5em;
}


@media (max-width: 780px) {

    .mostUsedBox ul li {
        width: 87px;
    }

    .readmorelk {
        margin-bottom: 10px;
    }

    .dataTables_filter input[type="search"] {
        float: right;
        margin-top: 6px;
        margin-right: 0 !important;
        padding-right: 25px;
    }


    .responsive-tbl-holder, .content-placeholder-in div, .dataTables_wrapper {
        position: relative;
    }

    body div.dataTables_wrapper div.dataTables_paginate {
        background: #fff;
        border-radius: 0px;
        box-shadow: none;
        border: 0px solid #ccc;
        margin-top: 10px;
    }

    .helpask {
        position: relative;
        top: 13px;
        right: 3px;
    }

    .paper-info .plateboard {
        left: 7%;
        top: 220px;
        zoom: 0.5;
    }

    body .result-info, body .label-info {
        line-height: 1.8em !important;
    }
}

.controlContainer .colRight select {
    width: 269px;
    min-width: 270px;
    max-width: 270px;
    margin: 0px;
}

.ticketDetailsImage {
    margin: 6px;
    display: inline-block;
    border: 1px solid #eee;
    width: 196px;
    position: relative;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

    .ticketDetailsImage:hover {
        box-shadow: 0px 0px 11px rgba(0,0,0,0.5);
        border-radius: 1PX;
        z-index: 3;
        -webkit-transition: all 200ms ease-in;
        -webkit-transform: scale(2.5);
        -ms-transition: all 200ms ease-in;
        -ms-transform: scale(2.5);
        -moz-transition: all 200ms ease-in;
        -moz-transform: scale(2.5);
        transition: all 200ms ease-in;
        transform: scale(2.5);
    }

.wiz-content textarea {
    /* padding: 0px; */
    margin: 0px;
    width: 256px;
}


.settings-tbl .fa-info-circle:before {
    content: "\f05a";
    font-size: 21.0px;
    line-height: 0.8;
    max-width: 11px;
    display: inline-block;
}

.responsive-tbl-holder a:after {
    font-family: FontAwesome !important;
}

.services-toggle.showBTN.gtourhighlight {
    color: #000;
}

.gvCause td, .gvDamage td, .gvInvolved td {
    text-align: right !important;
    padding: 5px;
}

#dvZoom {
    float: left !important;
    left: 40px;
}


a.underlines, a.underlines:hover {
    text-decoration: underline !important;
    font-style: normal;
    font-weight: 100;
    color: #717171;
    cursor: pointer;
}

.button:hover {
    opacity: 0.8 !important;
}

#readspeaker_button1 {
    position: absolute;
    top: 8%;
    right: 24%;
    display: none;
    min-width: 400px;
    z-index: 10015;
}

.rspopup .rspopup_btn:before {
    margin-right: 0 !important;
    margin-left: 10px;
}

div.chatContainer {
    z-index: 10015;
}


.lftInfoRicpt ul li, .rightInfoRicpt ul li {
    text-align: right !important;
}



/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
}

    .custom-select-wrapper select {
        display: none;
    }

.custom-select {
    position: relative;
    display: inline-block;
}

.custom-options {
    text-align: center;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    min-width: 100%;
    border: 1px solid #b5b5b5;
    border-radius: 8px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .2s cubic-bezier(0.87, 1.92, 0, 0.21);
    transform: scale(1, 0.5) translateY(-50%);
    padding: 4px;
}

    .custom-options.opened {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        transform: scale(1);
    }

.custom-option {
    position: relative;
    display: inline-block;
    padding: 15px;
    margin: 3px;
    font-size: 20.0px;
    font-weight: 600;
    color: #545454;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 5PX;
    border: 1px solid #e2e2e2;
    transition: all .4s ease-in-out;
}

    .custom-option:hover, .custom-option.selection {
        background: #f9f9f9;
        OUTLINE: 1PX RGBA(0,0,0,0.2);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.02), 0 0 6px #ababab;
        transform: scale(1.1);
        transition: all .2s cubic-bezier(0.87, 1.92, 0, 0.69);
    }


    .custom-option.female {
        background-image: url('../Images/gender-female.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.male {
        background-image: url('../Images/gender-male.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.abu-dhabi, .custom-option.ابو-ظبي {
        background-image: url('../Images/uaelogo-abudhabi.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.dubi, .custom-option.dubai, .custom-option.دبي {
        background-image: url('../Images/uaelogo-dubai.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.al-sharja, .custom-option.al-sharjah, .custom-option.الشارقه {
        background-image: url('../Images/uaelogo-sharja.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.ajman, .custom-option.عجـمان {
        background-image: url('../Images/uaelogo-ajman.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.om-quean, .custom-option.umm-al-quwain, .custom-option.ام-القيوين {
        background-image: url('../Images/uaelogo-uq.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.ras-al-khama, .custom-option.ras-al-khaima, .custom-option.ras-al-khaimah, .custom-option.راس-الخيمه {
        background-image: url('../Images/uaelogo-rak.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.al-fogara, .custom-option.al-fujairah, .custom-option.الفجيره {
        background-image: url('../Images/uaelogo-fujairah.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.outside, .custom-option.خارج {
        background-image: url('../Images/country-out.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.inside, .custom-option.داخل {
        background-image: url('../Images/country-in.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.arabic, .custom-option.عربي {
        background-image: url('../Images/lang-ar.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .custom-option.english {
        background-image: url('../Images/lang-en.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

.popupCaptionLabel {
    color: #333;
    display: inline-table;
    float: right;
    font-weight: normal;
    height: 100%;
    overflow: hidden;
    padding: 5px;
    text-decoration: none;
    text-align: right;
    padding: 18px;
    font-size: 18.0px;
    text-align: justify;
    line-height: 23px;
}
/**************/
#divResetPswd {
    bottom: 260px;
}

.infoSides {
    width: 200px;
    background: #8c9498;
    padding: 10px;
    position: absolute;
    left: 20px;
    border-radius: 4px;
    color: #fff;
    font-size: 15.0px;
    top: -9px;
    text-align: center;
}

.customs {
    position: relative;
}

.infoSides::after {
    content: '\f0da';
    font-family: FontAwesome;
    position: absolute;
    right: -13px;
    color: #8c9498;
    font-size: 44px;
    top: 16%;
}


.infoSides:before {
    content: '\f129';
    font-family: FontAwesome;
    clear: both;
    display: block;
    font-size: 41px;
    border: 3px solid #fff;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 1.3em;
    margin: 0 auto;
    margin-bottom: 15px;
}


.infoSides:hover {
    color: #fff;
}


@media (max-width: 780px) {


    body .infoSides {
        width: calc(100% - 25px);
        background: #8c9498;
        padding: 10px;
        position: relative;
        left: 0px;
        border-radius: 4px;
        color: #fff;
        font-size: 19.0px;
        top: 0px;
        text-align: center;
        margin-top: 0px;
        height: auto;
        display: block;
    }

    .infoSides::after {
        content: '';
        font-family: FontAwesome;
        position: absolute;
        /* left: -13px; */
        color: #8c9498;
        font-size: 44px;
        top: auto;
    }

    .wiz-content .terms input {
        /* width: 12px; */
        /* float: right; */
        min-width: auto;
        height: 13px;
        margin-top: 10px;
        vertical-align: unset;
    }
}

.gridView .gridViewHeader th, .gridView .gridViewHeader tr {
    border: 1px solid #CCCCCC;
}

.gridView tbody td {
    border: 1px solid #CCCCCC;
    padding: 0px 5px;
}

    .gridView tbody td:first-child {
        text-align: center;
    }

/*----------aid---------*/

.aidMedia {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative;
}

body .aidUserManual a {
    width: 100%;
    margin: 5px 0px !important;
    padding: 0px !important;
}

.aidMedia a {
    width: 100%;
    padding: 0px !important;
    margin: 0px !IMPORTANT;
    DISPLAY: block;
    TEXT-ALIGN: CENTER;
}

span.vGicon {
    clear: both;
    width: 100%;
    display: block;
    margin: 15px 10px 0;
    font-size: 14.0px;
    font-weight: 700;
    color: #888888;
}

.video_icon {
    left: 44.9%;
    top: 21.7%;
}

body .home-detail-tbl .useful-link-tbl a:hover .video_icon {
    z-index: 0;
    transition: all 200ms ease-in;
}


body .home-detail-tbl .useful-link-tbl a .video_icon {
    z-index: 1;
    transition: all 200ms ease-in;
}

body .gridViewReadmore .smallNote {
    width: 20px !important;
    height: 20px !important;
    background: transparent !important;
    color: red !important;
    border: none !important;
    vertical-align: middle;
}

body .smallNote:after {
    font-size: 25px !important;
    width: 15px;
    height: 15px;
    content: "\f0eb" !important;
    color: #ef7f12 !important;
}





@media (max-width: 780px) {

    .video_icon {
        left: 45.5%;
        top: 16.7%;
    }
}


@media (max-width: 480px) {
    body .gridViewReadmore a.gridviewdetail.smallNote::after {
        font-size: 25px !important;
        width: 15px;
        height: 15px;
        content: "\f0eb" !important;
        color: #ef7f12 !important;
    }

    body .gridViewReadmore a.downloadicon.smallNote::after {
        font-size: 25px !important;
        width: 15px;
        height: 15px;
        content: "\f0eb" !important;
        color: #ef7f12 !important;
    }

    body .gridViewReadmore a.gridviewredo.smallNote::after {
        font-size: 25px !important;
        width: 15px;
        height: 15px;
        content: "\f0e2" !important;
        color: #ef7f12 !important;
    }

    span.pathseparator:after {
        content: '/';
        color: #b68a35;
        width: 10px;
        position: absolute;
        right: 0px;
        z-index: 1;
        font-size: 20.0px;
        line-height: 2em;
        padding-right: 5px;
    }

    span.pathseparator {
        background: transparent;
        width: 2px;
        /* content: '/'; */
        position: relative;
    }

    body .breadcrumb-tbl-resp {
        border: none;
        height: auto;
        background: #fff;
        text-align: right;
    }

    span.current {
        float: right;
        display: block;
        height: 18px;
        padding: 7px 10px;
        COLOR: #cc0000;
    }

    .breadcrumb-tbl-resp .quicklink-tbl {
        border-bottom: 1px dashed #ccc;
        text-align: right;
    }


    .toolsups {
        border-bottom: none;
        display: flex;
        flex-direction: row;
        width: calc( 100% + 10px);
        flex-wrap: wrap;
        justify-content: center;
        margin: -10px 0 0 -10px;
    }

        .toolsups a.action-button {
            margin: 10px 0 0px 10px;
        }

            .toolsups a.action-button:last-child {
                margin-left: 10px;
            }

    .UCCivilDefenseInstitution .card {
        width: 100% !important;
        margin: 0 0 20px;
    }
}

@media only screen and (device-width: 480px) and (-webkit-device-pixel-ratio: 3) {

    span.pathseparator:after {
        content: '/';
        color: #b68a35;
        width: 10px;
        position: absolute;
        right: 0px;
        z-index: 1;
        font-size: 20.0px;
        line-height: 2em;
        padding-right: 5px;
    }

    span.pathseparator {
        background: transparent;
        width: 2px;
        /* content: '/'; */
        position: relative;
    }

    body .breadcrumb-tbl-resp {
        border: none;
        height: auto;
        background: #fff;
        text-align: right;
    }

    span.current {
        float: right;
        display: block;
        height: 18px;
        padding: 7px 10px;
        COLOR: #cc0000;
    }

    .breadcrumb-tbl-resp .quicklink-tbl {
        border-bottom: 1px dashed #ccc;
        text-align: right;
    }
}

.plate-holder.standalone.abudhabi p {
    line-height: 14px;
    font-size: 10px;
    margin: 0px;
}

.plate-holder.standalone.abudhabi > div:first-child + div {
    margin-top: 3px;
    margin-bottom: 1px;
}

/*------------fixfont------------*/


.menumega li.has-sub > a:hover, .menumega li.has-sub > a:focus {
    background: #fff;
    border-radius: 0px !important;
    margin-top: 1px !important;
    margin-bottom: 0px;
    height: 36px;
    color: #b68a35 !important;
    /* padding-left: 16px!important; */
}

/*------------ New Family Book ------------*/
.family-card-header {
    text-align: right !important;
}

    .family-card-header > div {
        font-size: 18.0px !important;
        margin-right: 20px !important;
        margin-top: -17px !important;
    }
/*------------ End ------------*/


/*----------fix--view--cirtifcate-------------*/

.viewcirtifcate {
    width: 163px;
    height: 23px;
    display: block;
    margin: 0 auto;
    text-align: center;
    background: #009688;
    color: #fff;
    line-height: 2em;
    margin-top: 13px;
}

    .viewcirtifcate:hover {
        background: #2e6f69;
        color: #fff;
    }

.ed-logo {
    width: 100%;
    height: 50px;
    text-align: center;
    padding: 15px;
}

.ed-G2, .ed-master, .ed-visa {
    background-repeat: no-repeat;
    display: inline-block;
    background-size: 100% 100%;
    width: 44px;
    height: 44px;
    background-size: contain;
    margin-top: 21px;
}

.ed-G2 {
    background-image: url(../Images/ed-G2.png);
    background-size: 100%;
    width: 103px;
}

.ed-master {
    background-image: url('../Images/ed-master.png');
}

.ed-visa {
    background-image: url('../Images/ed-visa.png');
}


.popup .controlContainer {
    width: 100%;
}

.awardTerm {
    padding: 10px 20px;
    font-size: 16.0px;
    text-align: right;
}

body .imgBtndownload {
    width: 35px !important;
    height: 35px;
    min-width: 1px;
    max-width: 40px;
    background: none;
    border: none;
    vertical-align: middle;
    line-height: 30px;
}

samp.fileUpload4, samp.fileUpload3, samp.fileUpload2, samp.fileUpload1 {
    margin-bottom: 10px;
    display: block;
    padding-right: 17px;
    margin-top: 10px;
    color: #757575;
    border: 1px dashed #ccc;
    padding: 6px 10px;
}

    samp.fileUpload1 .fa-camera {
        margin-left: 10px;
    }

.multi-fields {
    padding: 0px;
    margin: 0px;
}

    .multi-fields .rowCloContainer {
        padding: 0px;
        margin: 0px;
    }

.single-fields {
    padding-left: 10px;
}

    .single-fields li {
        margin-left: 20px;
        padding: 5px;
    }

.btn-download {
    display: block;
    padding-right: 20px;
}
/*****Researchers- Start****/
.contract-card {
    display: inline-block;
    background-color: #ffffff;
    width: calc(48% - 15px);
    margin-left: 15px;
    box-sizing: border-box;
    box-shadow: 0px 3px 2px #777777;
    vertical-align: top;
    border: solid 1px #dddddd;
    border-radius: 10px;
    border: solid 1px #bbc9d0;
    border-top: solid 5px #607d8b;
}

    .contract-card .rowCloContainer:first-child, .contract-card .rowCloContainer:nth-child(2) {
        color: #ffffff !important;
        width: 100%;
        font-size: 20px;
        box-sizing: border-box;
        background-color: #f3f3f3;
        box-sizing: border-box;
    }

        .contract-card .rowCloContainer:first-child .fullcol {
            text-align: center;
        }

        .contract-card .rowCloContainer:nth-child(2) .colLeft img {
            width: 75px;
            height: 75px;
        }

        .contract-card .rowCloContainer:nth-child(2) .colRight label {
            font-size: 15.0px;
            font-weight: 700;
            display: block;
            margin: 5px 5px 5px 5px;
        }

    .contract-card .rowCloContainer {
        padding: 5px;
        box-sizing: border-box;
        border-bottom: dashed 1px #ddd;
    }

        .contract-card .rowCloContainer:first-child, .contract-card .rowCloContainer:last-child {
            border: none;
        }

    .contract-card.designBox2 {
        border-radius: 5px;
        overflow: hidden;
        box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.2);
    }

body .designBox2 .colRight label {
    font-size: 14.0px;
    font-weight: 200;
    color: #478588;
}

/*****Researchers- Ends****/
body .breadcrumb-tbl-resp {
    position: relative;
}

.userProfile {
    position: absolute;
    top: -82px;
    margin-right: 0px;
    padding-right: 15px;
    padding-top: 3px;
    padding-bottom: 1px;
    min-width: 74px;
    border-radius: 250px 0px 0px 0px;
    padding-left: 30px;
    text-align: left;
}

/*    .userProfile:after {
        content: '\f0d7';
        font-family: FontAwesome;
        line-height: 2.5em;
        position: absolute;
        right: 16px;
        color: #a49696;
        top: 4px;
    }
*/


span#lblUserProfileName {
    text-align: right;
    display: block;
}

.userProfile i {
    width: 22px;
    height: 22px;
    background: #a49696;
    display: inline-block;
    font-size: 19.0px;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    padding: 3px;
    float: right;
    margin-right: 12px;
    line-height: 1.3em;
    margin-left: 9px;
}

body .userProfile a {
    cursor: pointer;
}
/*body .userProfile a {
    text-align: right;
    color: #716767 !important;
    font-size: 14.0px;
    width: auto;
    height: 30px;
    z-index: 2;
    line-height: 17px;
}*/
@media all and (max-width:780px) {
    body .userProfile {
        position: absolute;
        top: -3px;
        margin-left: 4px;
        padding-left: 26px;
        background: #e8e8e8;
        padding-top: 3px;
        padding-bottom: 4px;
        width: 100%;
        border-radius: 0px;
        padding-right: 20px;
        text-align: left;
        box-sizing: border-box;
        text-align: right !important;
        min-height: 51px !important;
        background: none !important;
    }

    .newUserType {
        display: block;
        min-height: 50px;
        width: 100%;
        position: relative;
        clear: both;
        top: -8px;
    }

    .userProfile span#lblUserProfileName {
        line-height: 20px;
        font-size: 15.0px;
    }

    .profile-image {
        width: 42px;
        height: 42px;
        margin-left: 15px;
        float: right !important;
    }

    .profile-flag {
        width: 24px !important;
        margin: 4px 2px !important;
    }

    .userDetail {
        width: 85%;
    }
}





span.pargraph {
    text-align: right;
    font-size: 15.0px;
    line-height: 1.5em;
    padding: 6px 15px;
    display: block;
    margin-bottom: 10px;
}

body .popupActions .dataTables_wrapper .dataTables_paginate {
    padding-top: 9px;
    padding-bottom: 0px;
    display: block;
    clear: both;
    margin-right: 0px;
}

body .popupActions .dataTables_wrapper .dataTables_filter {
    margin-right: 10px;
    margin-left: 10px;
}

body .popupActions .dataTables_filter:after {
    top: 3px;
}

.popupActions table td {
    font-size: 15.0px;
    text-align: right;
}

.gridViewReadmore2 a {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    font-size: 0px;
    min-width: 22px;
    display: inline-block;
    border-radius: 100% !important;
    padding: 2px;
    margin: 0;
    position: relative;
}

body .gridViewReadmore2 a:after {
    content: '\f053';
    font-size: 21.0px;
    color: #fff;
    font-family: FontAwesome;
    line-height: 1.5em;
    text-align: center;
    padding: 2.2px 7.5px;
}

.gridViewReadmore2 a:hover::after {
    /*content: '\f192';*/
    opacity: 0.8;
}


.newUserType {
    display: block;
    height: 1px;
    width: 100%;
    position: relative;
    clear: both;
}


/*-----------Majalis-Style---------*/



.lvEmirates {
    border: none !important;
}

.layoutEM .colLeft input[type="checkbox"] {
    float: right;
    width: 20px !important;
    min-width: 1px;
}

.layoutEM .colLeft {
    min-width: 130px;
}


.layoutEM {
    margin-bottom: 22px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc !important;
    clear: both;
    display: block;
}

    .layoutEM i.fa.fa-plus-circle {
        color: #37bc9b;
        cursor: pointer;
    }


    .layoutEM .subject {
        display: inline-flex;
        list-style: none;
    }

        .layoutEM .subject div {
            margin-right: 5px;
        }

        .layoutEM .subject i {
            font-size: 28px;
        }

    .layoutEM .subject-new {
        padding: 10px;
    }

        .layoutEM .subject-new i {
            margin: 5px;
            font-size: 20px;
        }

.subject-new ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.layoutEM .subject-new li {
    list-style: none;
    /* border-bottom: 1px dashed #eee; */
    width: calc(100% - 150px);
    line-height: 1.8em;
    margin-bottom: 3px;
    padding-right: 130px;
    border: 1px dotted #fff;
    position: relative;
}

    .layoutEM .subject-new li:hover {
        background: #ffffff;
        border: 1px dotted #ccc;
        cursor: pointer;
    }


.subject-new .fa-trash {
    float: none;
    color: #d84535;
    display: inline-block;
    cursor: pointer;
}



.layoutEM .subject-new li:hover::before {
    content: "\f060";
    font-family: FontAwesome;
    position: absolute;
    right: 0px;
    top: 6px;
    color: #d95c5a;
    -webkit-animation: arrowleft 1s 2; /* Safari 4.0 - 8.0 */
    -webkit-animation-direction: alternate; /* Safari 4.0 - 8.0 */
    animation: arrowleft 1s 2;
    animation-direction: alternate;
}

@-webkit-keyframes arrowleft {
    0% {
        right: 0px;
        left: 10px;
    }

    50% {
        right: 20px;
        left: 30px;
    }

    100% {
        right: 20px;
        left: 0px;
    }
}

@keyframes arrowleft {
    0% {
        right: 0px;
        left: 10px;
    }

    50% {
        right: 20px;
        left: 30px;
    }

    100% {
        right: 20px;
        left: 0px;
    }
}


@media (max-width: 780px) {

    body .layoutEM .colLeft input[type="checkbox"] {
        float: right;
        width: 20px !important;
        max-height: 20px !important;
        max-width: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        /* padding: 0px!important; */
        /* margin: 0px !important; */
        /* margin-left: 0px !important; */
        /* margin-bottom: 10px!important; */
    }

    .lvEmirates.layoutEM label {
        margin-right: 10px;
        line-height: 2.5em;
    }

    .layoutEM .subject-new li {
        list-style: none;
        /* border-bottom: 1px dashed #eee; */
        width: calc(100% - 10px);
        line-height: 1.8em;
        margin-bottom: 3px;
        padding-right: 0;
        border: 1px dotted #fff;
        position: relative;
    }

    .layoutEM i.fa.fa-plus-circle {
        color: #37bc9b;
        cursor: pointer;
        float: none;
        margin-right: -8px;
        width: 80px;
        border-radius: 25px !important;
        text-align: center;
        background: #37bc9b;
        margin: 0 auto;
        display: block;
        color: #fff;
        margin: 0 auto;
        cursor: pointer;
    }

    .layoutEM textarea {
        width: 93% !important;
        max-width: 100%;
    }
}

.subcbList {
    margin-right: 20px;
}

span.buldicon {
    width: 160px;
    height: auto;
    padding: 5px;
    margin: 15px 20px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: auto;
    display: block;
    text-align: center;
    font-size: 18.0px;
    position: relative;
    line-height: 2em;
    padding-top: 14px;
    cursor: pointer;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

.buldicon i {
    display: block;
    font-size: 33px;
}


span.buldicon:hover {
    color: #fff;
    border: 1px solid #8e8e8e;
    background: #333;
    box-shadow: 8px 9px 4px rgba(0,0,0,0.3);
}


/***************/
.block-list {
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: -1px 1px 4px rgba(0,0,0,0.1);
    margin: 0px 0px 10px 5px;
    display: inline-block;
    width: 46%;
    padding: 5px;
    box-sizing: border-box;
    background-color: #f5f5f5;
    border-top: solid 5px;
}

.block-attachment {
    width: 100%;
}

.block-list .fullcol {
    padding: 0px;
}

.block-heading1 {
    color: #333 !important;
    text-transform: capitalize;
    font-weight: 700;
}

.block-heading2 {
    color: #999 !important;
    font-weight: 600;
}


.card {
    width: 290px !important;
    display: inline-block;
    border: solid 1px #dddddd;
    border-right: solid 10px #607d8b;
    border-radius: 10px;
    width: calc(47% - 20px);
    margin-left: 16px;
    margin-right: 17px;
    margin-bottom: 20px;
    background: #fbfbfb;
    box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.3);
    vertical-align: top;
    position: relative;
    min-height: 250px !important;
    padding-bottom: 10px;
}

    .card.edits {
        border-right-color: #d64f24;
    }



.paper-clip {
    float: left;
    font-size: 14.0px;
    padding-right: 5px;
    padding-bottom: 5px;
    background: #cacaca;
    margin-left: -6px;
    margin-bottom: -1px;
    border-radius: 0px 23px 5px 0px;
    color: #555;
    line-height: 1em;
    min-width: 33px;
    text-align: center;
    padding-top: 5px;
    padding-right: 10px;
    font-weight: 700;
}

    .paper-clip i {
        font-size: 16.0px;
    }

.card-header {
    width: 100%;
    background-color: #ececec;
    padding: 7px 10px;
    box-sizing: border-box;
    border-radius: 10px 0px 0px 0px;
    border-bottom: 1px solid #d8d8d8;
}

    .card-header > span {
        font-weight: 700;
    }

    .card-header i {
        float: left;
        font-weight: normal;
        font-size: 20px;
        margin-top: 1px;
        margin-right: 13px;
        cursor: pointer;
    }

@media (max-width: 780px) {
    .card {
        width: auto;
    }
}

.simple-list span {
    margin-bottom: 3px;
}

    .simple-list span i {
        font-size: 8px;
    }

.block-list .rowCloContainer .fullcol .CaptionLabel {
    min-height: 26px;
}

#divInstInfo .rowCloContainer {
    /*background-color: #f5f5f5;
    margin-bottom: 0px;
    padding:5px;
    box-sizing:border-box;*/
}

.floatingTopButton {
    margin-left: 22px;
    margin-bottom: 20px;
    display: inline-block;
    float: right;
}

    .floatingTopButton a {
        text-align: center;
        height: 24px;
        display: inline-block;
        padding: 6px 10px 4px 10px;
        line-height: 22px;
        color: #fff;
        display: block;
        margin-right: 15px;
    }

        .floatingTopButton a:hover {
            color: #fff;
        }

    .floatingTopButton i.add {
        margin-right: 10px;
    }

ul.tabsHR {
    list-style: none;
    display: block;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0px;
}

    ul.tabsHR li {
        display: inline-block;
        line-height: 2em;
        padding-top: 3px;
        padding-bottom: 1px;
        margin-bottom: -1px;
        border: 1px solid #c7c7c7;
        margin-top: 12px;
        border-radius: 8px 8px 0px 0px;
        position: relative;
        background: #efefef;
        margin-right: 3px;
        padding-left: 39px;
        padding-right: 40px;
        box-shadow: 0px -1px 1px rgba(0,0,0,0.2) inset;
        cursor: pointer;
    }

        ul.tabsHR li.active {
            background: white;
            border-top: 3px solid #8dbdbf;
            z-index: 1;
            border-bottom: 1px solid #fff;
            box-shadow: none;
        }

.tab-contents {
    margin: 0px !important;
    border: solid 1px #ccc !important;
    border-top: none !important;
    padding: 10px !important;
}

.block-list-container .card {
    box-sizing: border-box;
}

.block-list-container .contract-card-container {
    margin: 10px auto !important;
}

.block-list-container .card .rowCloContainer .colLeft .CaptionLabel {
    min-height: 19px;
}

.editArrow {
    background: url(../../Images/EmployeeServices/arrowgif.html) no-repeat center center;
    height: 37px;
    width: 26px;
    position: absolute !important;
    top: -29px;
    background-size: 30px;
    z-index: 9999999999999999999 !important;
    left: 38px;
}

.edit-company {
    font-size: 18.0px;
    float: left;
}

.server-paging table > tbody > tr {
    display: inline;
}

body .popup .forminput .colRight, body .popup .forminput .colLeft, body .popup .forminput .fullcol {
    text-align: right;
}

.popup {
    /*font-family: 'HelveticaNeueW23',Arial,Tahoma;*/
    font-family: DroidKufiRegular, Helvetica;
}

.police-case-question {
    width: calc(100% - 30px);
    padding: 5px;
}

    .police-case-question span.CaptionLabel {
        line-height: 18px;
        letter-spacing: 0.4pt;
    }


.police-case-answer {
    width: calc(100% - 50px);
    min-height: 50px;
    background-color: #ffffff !important;
    min-width: unset !important;
}

.police-case-question-label {
    font-family: serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16.0px;
}

.gridview-upload {
    font-size: 14.0px;
    color: #f5f5f5;
    background-color: #967adc;
    padding: 7px;
    font-weight: normal;
    border-radius: 100px;
    margin-top: 4px;
    float: left;
    cursor: pointer;
}

.special-person {
    float: right;
    color: #0568ea;
    font-size: 20px;
}

.simple-card {
    margin-bottom: 10px;
    border: solid 1px #d1d1d1;
    border-radius: 10px;
    border-top: solid 5px #c8122e;
}

    .simple-card img {
        width: 100px;
        height: auto;
        max-height: 100px;
    }

.GreenButton {
    background: #4CAF50;
    border: 0;
    color: #FFFFFF;
    font-size: 14.0px;
    cursor: pointer;
    min-width: 145px !important;
    height: 30px !important;
    display: inline-block;
    margin: 5px !important;
}


@media screen and (max-width: 678px) {


    body .popup label#lblTimer, body .popup .lblTimer {
        font-family: monospace;
        font-size: 22px;
        background: white;
        width: 50px;
        height: 50px;
        position: absolute;
        line-height: 2.5em;
        color: #414241;
        border-radius: 100%;
        border: 5px solid #b68a35;
        left: 8px;
        top: -12px;
    }
}

.popup-toolbar ul, .popup-toolbar ul li {
    float: right;
}

#divCertImg {
    margin-top: 35px;
}

.popup-toolbar {
    position: fixed;
    top: 0px;
    background-color: #f5f5f5;
    width: 100%;
    margin-bottom: 150px;
    height: 45px;
    box-shadow: 0px 1px #cccccc;
}

    .popup-toolbar ul, .popup-toolbar ul li {
        list-style: none;
        margin-top: 5px;
    }

        .popup-toolbar ul li {
            display: inline-block;
            margin-right: 15px;
            cursor: pointer;
        }

    .popup-toolbar a {
        font-size: 24px;
    }

.weapon-collapse {
    padding-right: 20px;
}

    .weapon-collapse .collaspe1 a {
        font-weight: normal;
    }

        .weapon-collapse .collaspe1 a::before {
            content: '\f111';
            font-family: FontAwesome;
            font-size: 8px;
            margin-left: 5px;
        }

.weapon-single-service {
    margin-right: -17px;
}

    .weapon-single-service i {
        font-size: 16.0px;
    }

.gridview-reply::after {
    content: '\f112';
    font-family: FontAwesome;
    font-size: 16.0px;
    color: #fff;
}

body .gridViewReadmore a.gridview-reply {
    background: #f54949;
}

    body .gridViewReadmore a.gridview-reply:hover {
        background: #007f00;
    }

/*---------TA 08/01/2018---------*/

.listCardView {
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    margin-top: 5px;
    display: block;
    position: relative;
    text-align: right;
}

    .listCardView ul {
        list-style-type: none;
    }

    .listCardView .cardInfo {
        position: relative;
        display: inline-block;
        min-width: 240px;
        margin-bottom: 20px;
        text-align: right;
        white-space: normal;
    }





        .listCardView .cardInfo h1 {
            font-size: 16.0px;
            font-weight: 700;
            line-height: 1em;
            margin: 0px;
            padding: 0px;
            color: #4d5156;
        }

        .listCardView .cardInfo span {
            clear: both;
            display: block;
            width: 100%;
            line-height: 22px;
        }


.cardLinks {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}


    .cardLinks ul {
        padding: 0px;
        list-style: none;
        text-align: center;
    }


    .cardLinks li {
        display: inline-block;
        width: 120px;
        vertical-align: top;
        border: solid 1px #ccc;
        min-height: 85px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 10px;
        box-shadow: 2px 2px #999;
        margin-left: 10px;
        margin-bottom: 10px;
    }

        .cardLinks li a {
            color: #333;
            display: block;
            clear: both;
            text-align: center;
        }


        .cardLinks li span {
            display: block;
            clear: both;
        }

        .cardLinks li img {
            display: block;
            width: 44px;
            clear: both;
        }

    .cardLinks span.icons {
        display: inline-block;
        text-align: center;
        margin-bottom: 4px;
        clear: both;
        margin: 0 auto;
    }

    .cardLinks h3 {
        color: #333;
        clear: both;
        text-align: center;
        display: block;
        text-align: center;
        font-size: 14.0px;
        margin: 0 auto;
        padding: 0px;
        margin-bottom: 0px;
        margin-top: 8px;
        color: #777777;
    }

/*------------design tree---------------*/


div#ContentPlaceHolder1_treeServices table {
    width: auto;
}

a#ContentPlaceHolder1_treeServicest0 {
    font-size: 17.0px;
    color: #b68a35 !important;
    font-weight: 700;
}



.ctnt-placeholder-new.frame-left {
    max-width: 100%;
}


.treeDesign .selected {
    font-weight: bold;
    border: 1px dashed #b68a35;
    padding: 1px 3px;
    background-color: #fff !important;
}

.treeDesign img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    vertical-align: middle;
}


.subService {
    color: #3e3d3d;
}

.mainService {
    color: #b7872a;
    font-weight: 600;
    font-size: 13.0px;
}


.selected.subService a::before {
    content: '\f0c1';
    padding-left: 10px;
    padding-right: 10px;
    font-family: FontAwesome;
}

#ContentPlaceHolder1_treeServices a:hover {
    color: initial !important;
}

@media (max-width: 780px) {
    .treeDesign a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        width: 90%;
    }
}

.moi-logo-bg {
    background-image: url(../Images/MoiLogoGray-2.png);
    background-repeat: no-repeat;
    background-size: 15% auto;
    background-position: center center;
}


/*------weapons---------*/

.cardLinksweapon {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

    .cardLinksweapon ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        text-align: center;
    }

    .cardLinksweapon li {
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-bottom: 5px;
    }


        .cardLinksweapon li a {
            display: block;
            color: #333;
            border: 1px solid #999;
            box-shadow: 0px 0px 2px #333;
            margin-left: 3px;
            margin-right: 3px;
            height: 55px;
            min-width: 190px;
            padding: 5px 5px;
        }


            .cardLinksweapon li a:hover, .cardLinksweapon li a:focus, .cardLinksweapon li a:active, .cardLinksweapon li a::selection {
                background: #23252b;
                -webkit-filter: brightness(300%);
                filter: brightness(300%);
                color: #fff;
                border: 1px solid #5d647b;
            }


    .cardLinksweapon .icons img {
        width: 40px;
        height: 33px;
        margin: 0 auto;
        display: block;
    }

    .cardLinksweapon .icons {
        /* display: block; */
        text-align: center;
        margin-bottom: 10px;
    }

    .cardLinksweapon li h3 {
        font-size: 13.0px;
        width: 80px;
        font-weight: 700;
        margin-top: 9px;
    }

    .cardLinksweapon li a:hover::before {
        /*content: '\f0d8';
        font-family: FontAwesome;
        font-size: 54px;
        top: -7px;
        position: absolute;
        left: 34%;
        color: #23252b;*/
    }

.cardInfo2row {
    display: inline-block;
    vertical-align: top;
    /* margin-bottom: 20px; */
    border: 1px solid #ccc;
    padding: 10px;
    background: #fbfafa;
    margin-bottom: 2px;
    border-radius: 4px;
    width: calc(100% - 25px);
    /* border-right: 3PX SOLID #c8d1d6; */
    border-right: 4PX SOLID #c8d1d6;
}

    .cardInfo2row ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

    .cardInfo2row li {
        min-width: 200px;
        float: right;
        margin-bottom: 4px;
        margin-top: 2px;
    }

body .weaponADD {
    background-color: #e0dcdc !important;
    color: #383734 !important;
    font-size: 13.0px;
    height: 34px !important;
    vertical-align: middle;
    line-height: 2.8em;
    min-width: 200px;
    box-shadow: 0px 2px 2px #292424;
    border: none;
}

    body .weaponADD label, body .weaponADD span {
        display: block;
        line-height: 15px;
        width: 100%;
        font-size: 16.0px;
        cursor: pointer;
    }

.weaponADD i {
    background: #383734;
    color: #e0dcdc;
    height: 28px;
    width: 28px;
    display: block;
    padding: 0px;
    margin: 0px;
    float: left;
    border-radius: 100%;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 21.0px;
    font-weight: 100;
    line-height: 1.6em;
}

.floatingTopButton.flr {
    margin-left: -14px;
    margin-bottom: 10px;
}


.moi-logo-bg.topHead {
    background-repeat: no-repeat;
    background-size: 11% auto;
    background-position: 22px center;
}

.cardInfo2row li b {
    color: #435e6b;
    font-size: 14.0px;
    display: inline-block;
}



/*--------explosion------------*/

.companyX {
    width: 300px;
    margin-bottom: 30px;
    text-align: center;
    color: #607d8b;
    display: block;
    margin: 0 auto;
    /* border: 1px solid #ccc; */
    border-radius: 6px;
    /* padding: 9px; */
    /* background: #eee; */
    /* box-shadow: 0px 0px 4px rgba(0,0,0,0.1); */
}

    .companyX i {
        font-size: 55px;
        display: block;
    }

    .companyX .nameCompanyExp {
        font-size: 17.0px;
        font-weight: 700;
        margin-top: 6px;
        display: block;
        clear: both;
    }

.rowFormExp {
    margin-bottom: 2px;
    display: block;
    float: right;
    margin-right: 10px;
    margin-left: 20px;
    min-width: 300px;
    /* width: 100%; */
    margin-top: 2px;
}

.lblxpo, .resxop {
    float: right;
    vertical-align: middle;
    margin-top: 5px;
}

    .lblxpo span.CaptionLabel {
        margin: 0px;
        padding: 0px;
        margin-left: 40px;
        width: 65px;
        font-size: 14.0px;
        color: #607d8b;
        font-weight: 700;
    }


body .resxop .ValueLabel {
    font-weight: 400 !important;
    display: block;
    color: #525252;
    font-size: 14.0px;
}




.contCompany {
    border: 1px solid #bac3c7;
    /* border-right: 1px dashed #607d8b; */
    border-radius: 7px;
    /* border-left: 2px solid #607d8b; */
    /* border-bottom: 1px dashed #607d8b; */
    /* border-top: 0px; */
    margin-top: 12px;
    /* box-shadow: 0px -2px 7px rgba(96, 125, 139, 0.21); */
    background: #f2f5f7;
}


ul.tapsXpo {
    list-style: none;
    padding: 0px;
    margin: 0px;
    text-align: center;
}


    ul.tapsXpo li {
        display: inline-block;
        /* height: 40px; */
        margin-left: 20px;
        margin-top: 20px;
        margin-right: 20px;
        text-align: center;
    }

i.empXpos {
    width: 100%;
    height: 50px;
    background: url(https://portal.moi.gov.ae/eservices/Images/icon-explosion/emp-exp.svg) no-repeat center center;
    display: block;
    margin-bottom: 7px;
}

i.carXpos {
    width: 100%;
    height: 50px;
    background: url(https://portal.moi.gov.ae/eservices/Images/icon-explosion/car-exp.svg) no-repeat center center;
    display: block;
    margin-bottom: 7px;
}

i.buyXpos {
    width: 100%;
    height: 50px;
    background: url(https://portal.moi.gov.ae/eservices/Images/icon-explosion/materialxpo.svg) no-repeat center center;
    display: block;
    margin-bottom: 7px;
}



ul.tapsXpo li i {
    opacity: 0.7;
}


ul.tapsXpo li.current i {
    opacity: 1;
}



ul.tapsXpo a {
    color: #607d8b;
    text-align: center;
}



.cardexplosion .controlContainer .colLeft {
    width: 132px;
    vertical-align: middle;
    /* padding-top: 8px; */
    line-height: 2em;
    min-height: 24px;
    min-height: 28px;
    color: #2d6b8a;
}




.cardexplosion .controlContainer .colRight {
    min-height: 24px;
    line-height: 2.2em;
}



.cardexplosion .colRight span {
    height: 100%;
    padding: 0px;
}


/*------tabs------------*/

ul.tapsXpo li {
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

    ul.tapsXpo li.current {
        color: #222;
        position: relative;
    }

        ul.tapsXpo li.current a {
            color: #333;
            /* font-weight: 700; */
        }

        ul.tapsXpo li.current::after {
            content: '\f0d8';
            font-family: FontAwesome;
            position: absolute;
            bottom: -5px;
            font-size: 31px;
            color: #607d8b;
            left: 44%;
        }

.tab-content {
    display: none;
}

    .tab-content.current {
        display: inherit;
    }

    .tab-content .responsiveX .controlContainer {
        margin: 1px auto;
    }

.attachmentsContainer .uploadNote i, .attachmentsContainer .file-default-preview i {
    margin-left: 5px;
    font-size: 16.0px;
}

.addBTNXPO {
    width: auto;
    height: 26px;
    background: #63a07c;
    padding: 1px 10px;
    margin-bottom: 8px;
    display: block;
    float: right;
    color: #fff;
    line-height: 28px;
    font-weight: 400;
    vertical-align: middle;
    /* margin: 0 auto; */
    max-width: 120px;
}


.cardexplosion .card {
    border: 1px dashed #8c9aa2;
    border-radius: 6px;
    box-shadow: 0px 2px 6px rgba(0,0,0,.2);
    min-height: 363px !important;
}

body .editxpo:hover, body .renewBtnx:hover, body .removeBtnx:hover, body .trkiTrsh:hover {
    color: #f2f5f7;
    background: #607d8b;
}


.cardexplosion .card {
    min-height: 140px !important;
    width: 31% !important;
    margin-left: 8px;
    margin-right: 8px;
    min-width: 183px;
}

.cardexplosion .card-header {
    background: #e3e9ec;
    /* color: red; */
    overflow: hidden;
    border-radius: 0px;
    height: 36px;
}


body .editxpo, body .renewBtnx, body .removeBtnx, body .trkiTrsh {
    background: #e3e9ec;
    margin: 0 auto;
    width: 200px;
    display: block;
    text-align: center;
    border: 1px dashed #777575;
    padding: 2px 10px;
    height: 22px;
    border-radius: 60px !important;
    color: #4b5e67;
}


.cardexplosion .controlContainer .colLeft {
    /*min-width: 125px;*/
}

.contCompany .renewBtnx {
    float: right;
    /* border: 1px dashed; */
    background: transparent;
    text-align: right;
    border-radius: 6px !important;
    max-width: 123px;
}




.addBTNXPO:hover {
    color: #fff;
    background: #368873;
}


.deatilsXpo .colLeft {
    width: 104px;
}

    .deatilsXpo .colLeft span {
        color: #607d8b;
    }

.deatilsXpo .controlContainer .ValueLabel {
    color: #666869;
    font-weight: 400 !important;
}

.deatilsXpo .rowCloContainer.arrowIcon {
    border-bottom: 1px dashed #d8d8d8;
    padding-bottom: 2px;
    padding-top: 2px;
    /* border-top: 0px dashed #ccc; */
}


.deatilsXpo::after {
    content: '\f129';
    font-size: 198px;
    font-family: Fontawesome;
    color: rgba(0, 0, 0, 0.11);
    position: absolute;
    left: 32px;
    bottom: 80px;
}

.paymentsXpo .paginate_button {
    /* margin-top: 10px; */
    top: 7px;
    position: relative;
    margin-left: 4px;
    margin-right: 4px;
    width: 10px;
    display: inline-block;
    height: 15px;
    line-height: 18px;
    padding: 0px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc !important;
}

.deatilsXpo {
    position: relative;
}

.partnersXpo .card {
    /* width: 200px!important; */
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-right: 5px solid #ea824d;
    position: relative;
}


    .partnersXpo .card::after {
        content: '\f007';
        font-size: 15.0px;
        font-family: FontAwesome;
        position: absolute;
        top: 77px;
        left: 7px;
        font-size: 94px;
        color: rgba(0,0,0,.1);
    }


.partnersXpo.simple-card {
    border-top: solid 5px #ea824d;
}



.partnersXpo .card-header, .attachXpo .card-header {
    border-radius: 0px;
}


.partnersXpo .title_Steps:before {
    color: #ea824d;
}


.attachXpo.simple-card {
    border-top: solid 5px #59a592;
}

.attachXpo .title_Steps:before {
    color: #59a592;
}


.attachXpo .card::after {
    content: '\f0c6';
    font-size: 15.0px;
    font-family: FontAwesome;
    position: absolute;
    top: 207px;
    left: 17px;
    font-size: 44px;
    color: rgba(0,0,0,.1);
}

.attachXpo.simple-card img {
    width: 100% !important;
    height: auto;
}






.attachXpo .card {
    /* width: 200px!important; */
    border-radius: 5px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    border-right: 5px solid #59a592;
    position: relative;
}


@media (max-width: 780px) {

    .cardexplosion .card {
        width: 94% !important;
        max-width: 330px !important;
    }

    ul.tapsXpo li {
        width: 48px;
    }

    .db-service, .simple-card-small {
        width: 100% !important;
    }

    .img-visa {
        width: 100% !important;
    }
}

/**** Dashboard Lite ****/
.sub-service-selected::after {
    bottom: -17px;
}

.service-tabs .carImg {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/car.svg);
}

.service-tabs .familyImg {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/familys.svg);
}

.service-tabs .complaintsImg {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/complains.svg);
}

.service-tabs .collageImg {
    background: url(../Images/mobile-icons/police-collage.png);
}

.service-tabs .policeImg {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/police.svg);
}

.service-tabs .presonImg {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/prson.svg);
}

.service-tabs .civilImg {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/civil.svg);
}

.service-tabs .majalisImg {
    background: url(../Images/mobile-icons/MOILogoGray.png);
}

.service-tabs .carImg,
.service-tabs .familyImg,
.service-tabs .complaintsImg,
.service-tabs .collageImg,
.service-tabs .policeImg,
.service-tabs .presonImg,
.service-tabs .civilImg,
.service-tabs .majalisImg {
    background-color: #96858F;
}

ul.service-tabs li span {
    font-size: 13px;
}

.simple-card-small * {
    color: #ffffff !important;
}

.simple-card-small {
    width: 23%;
    display: inline-block;
    margin: 5px;
    background-color: #5d7179;
    padding: 5px;
    border: solid 1px #a1a1a1 !important;
    background-image: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/attestation-of-certificate.svg);
    background-repeat: no-repeat;
    background-size: 18%;
    background-position-x: 5%;
    background-position-y: 95%;
    box-shadow: #3b3f4f 0px 2px 2px;
}

.passport-panel-header, .cert-panel-header, .sponser-panel-header, companies-panel-header {
    background-position-x: right !important;
    background-position-y: center !important;
    background-repeat: no-repeat !important;
    background-size: 28px 28px !important;
    padding-right: 35px;
}

.passport-panel-header {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/passport.svg);
}

.cert-panel-header {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/cid_cert.svg);
}

.sponser-panel-header {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/familys.svg);
}

.companies-panel-header {
    background: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/company_info.svg);
}

.passport-info {
    background-color: #ffffff;
    background: url(../Images/passportCover.png);
    background-position-x: 2%;
    background-position-y: 40%;
    background-repeat: no-repeat !important;
    background-size: 15% !important;
    background-origin: content-box;
}

.passport-expired {
    color: red;
    text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
    font-family: 'Bitter';
    text-align: center;
    font-size: 24px;
    margin-top: -8px;
    animation: blinkingText 0.8s infinite;
}

    .passport-expired i {
        color: red !important;
        margin-left: 5px;
    }

@keyframes blinkingText {
    50% {
        opacity: 0;
    }
}

#mainz .panel-title i {
    margin-left: 5px;
}

.style1-header {
    background-color: #5A5560 !important;
    color: #ffffff !important;
    border: none !important;
}

.style1-body {
    background-color: #E7DFDD !important;
}

.style2-header {
    background-color: #b37d4e !important;
    color: #ffffff !important;
    border: none !important;
}

.style2-body {
    background-color: #dcc7aa !important;
}

.style3-header {
    background-color: #9099A2 !important;
    color: #ffffff !important;
    border: none !important;
}

.style3-body {
    background-color: #D5D5D5 !important;
}

.style4-header {
    background-color: #6D7993 !important;
    color: #ffffff !important;
    border: none !important;
}

.style4-body {
    background-color: #e9e7da !important;
}

.style5-header {
    background-color: #0AA699 !important;
    color: #ffffff !important;
    border: none !important;
}

.style5-body {
    background-color: #FBF7F6 !important;
}

.img-visa {
    width: 65%;
    height: auto;
    margin-bottom: 10px;
}
/**** Dashboard Lite ****/


/*** ePolice ***/
.epolice-detail {
    border: solid 1px #dddddd;
    border-top: solid 5px #6ac1b9;
    width: calc(100% - 30px);
    padding: 5px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 2px 2px #777777;
    margin-bottom: 10px;
}

    .epolice-detail .controlContainer {
        margin: 0px;
    }

    .epolice-detail .rowCloContainer {
        margin: 0px !important;
        border-bottom: dotted 1px #dddddd;
    }

        .epolice-detail .rowCloContainer:last-child {
            border-bottom: none;
        }

.police-case-question i {
    font-size: 8px;
    margin-left: 5px;
}
/*** ePolice ***/

/*** Attachment Control ***/
.pv-file {
    width: 188px;
    display: inline-block;
    margin-left: 15px;
    margin-bottom: 15px;
    text-align: center;
    border: solid 1px #ccc;
    padding: 5px;
    float: right;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #666;
    min-height: 188px;
}

    .pv-file img, .pv-file audio, .pv-file video {
        width: 100%;
        height: 100%;
        max-height: 88px;
        margin-bottom: 5px;
    }

    .pv-file i {
        margin-left: 5px;
    }

.pv-delete {
    font-size: 20.0px;
    text-align: center;
    display: block;
    cursor: pointer;
    margin: 5px;
}

span.uc-file-name {
    line-height: 15px;
    font-size: 14.0px;
    font-weight: normal;
}

.pv-file a {
    font-size: 20.0px;
    margin-right: 20px;
}

.pv-buttons {
    margin-top: 10px;
}

    .pv-buttons i {
        font-size: 22px !important;
    }

@media (max-width: 780px) {
    .pv-file {
        width: 132px !important;
    }

        .pv-file img, .pv-file audio, .pv-file video {
            max-height: 66px !important;
        }
}
/*** Attachment Control ***/

/*** Black Points ***/
.ave-tabs li {
    padding-right: 20px;
}

.ave-icon:before, .session-selected-icon:before, .ave-selected-icon:before {
    left: 92%;
}

.session-selected-icon:before {
    left: 15px;
}

.ave-note i, .ave-session-note i {
    margin-left: 5px;
}

.ave-sessions li {
    margin-left: 10px;
}

.ave-sessions-card {
    width: 31%;
    margin-right: 10px;
    margin-bottom: 15px;
    border: dashed 2px #bcbbab !important;
}
/*** Black Points ***/

.wadeema-logo {
    background-position: 15px center;
}

.allow-to-proceed {
    border-right-color: green !important;
}
/*** Benchmarking - Start ***/
.range-slider {
    width: 80%;
    margin-bottom: 20px;
    margin-right: 2%;
}

.slider-label {
    position: absolute;
    top: 14px;
    right: -10px;
}

span.ui-slider-tick-mark {
    display: inline-block;
    width: 1px;
    background: #c5c5c5;
    height: 10px;
    position: absolute;
    top: 11px;
}

a.view-chart::after, div.view-chart::after {
    content: '\f080';
}

div.view-chart {
    border-radius: 100%;
    height: 18px;
    width: 18px !important;
    margin: 0px;
    padding: 4px;
    margin-right: 15px;
}

.chart-legend i {
    margin-left: 5px;
}

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

.range-slider .ui-state-default, .range-slider .ui-widget-content .ui-state-default {
    background: #333;
}

.download-report {
    float: left;
}

.year-selector li {
    display: inline-block;
    width: 10%;
}

    .year-selector li, .year-selector li * {
        cursor: pointer;
    }

        .year-selector li label {
            margin-right: 20px;
            line-height: 33px;
        }

.selected-icon,
.unselected-icon {
    position: relative;
}

    .selected-icon:before,
    .unselected-icon:before {
        font-family: FontAwesome;
        position: absolute;
        top: 4px;
        font-size: 20.0px;
        font-weight: normal;
    }

    .selected-icon:before {
        content: "\f14a";
        color: #3f9225;
    }

    .unselected-icon:before {
        content: "\f096";
        color: #ccc;
    }

@media (max-width: 780px) {
    .chart-legend li {
        width: 100% !important;
    }

    .chart-note {
        font-size: 10px !important;
    }

    .range-slider {
        width: 90% !important;
    }

    .chart-legend i {
        font-size: 18.0px !important;
    }

    .year-selector li {
        width: 25%;
    }
}
/*** Benchmarking - End ***/

.happiness-meter-widget-web-button, .happiness-meter-widget-web-button:hover {
    position: absolute !important;
    top: 10px;
    left: -42px !important;
    background-image: url(https://portal.moi.gov.ae/eservices/images/happiness-icon.svg) !important;
    background-size: 90%;
    background-position: center;
    cursor: pointer;
    background-repeat: no-repeat;
}

.hide-sm.happiness_wrapper {
    position: fixed;
    top: 220px;
    height: 60px;
}

.happiness-meter-widget-web-button {
    width: 38px !important;
    right: 4px !important;
    height: 46px !important;
    border-radius: 4px 0px 0px 4px !important;
}

.hide-sm.happiness_wrapper {
    margin-right: 1000px;
}

/*** Payment Receipts ***/
.fee-list {
    border: solid 1px #ddd;
}

    .fee-list .fullcol {
        padding: 0px;
        min-width: 100%;
    }

    .fee-list .rowCloContainer div {
        border-bottom: dashed 1px #ddd;
    }

    .fee-list .rowCloContainer:last-child div {
        border-bottom: none;
    }

.fee-header, .fee-footer {
    background-color: #f5f5f5;
}

    .fee-header span, .fee-footer span {
        font-weight: 700 !important;
        color: #545454;
    }

.receiptlist .rowCloContainer .fullcol span {
    text-align: right;
    margin-right: 5px;
}

.receiptlist .rowCloContainer .fullcol a {
    float: left;
    font-size: 26px;
    margin-left: 5px;
}

.fee-list .rowCloContainer .fullcol .material-desc {
    float: right;
}

.fee-list .rowCloContainer .fullcol .material-amount {
    float: left;
    margin-left: 10px;
    min-width: unset;
}
/*******/
/*** Appointments ***/
.branch-list-container {
    margin: 0px;
}

ul.branch-list {
    list-style: none;
    margin-top: 5px;
}

.branch-list li {
    font-size: 15.0px;
    font-weight: normal;
    list-style: none;
    padding: 5px;
    cursor: pointer;
    border-top: solid 2px #f5f5f5;
    line-height: 14px;
}

.branch-list-icon {
    position: relative;
}

    .branch-list-icon:after {
        content: '\f053' !important;
        font-family: FontAwesome !important;
        font-size: 15.0px !important;
        color: #ccc !important;
        position: absolute;
        top: 23%;
        left: 10px;
        z-index: 2;
    }

.branch-list li span {
    color: #000 !important;
}

.branch-list li:hover {
    background-color: #fb9a58;
}

.branch-list-selected {
    background-color: #fb9a58 !important;
}

.gm-ui-hover-effect {
    background-color: #f5f5f5 !important;
    border-radius: 0px 0px 13px 0px;
    box-shadow: 0px 1px 1px #333;
    right: unset !important;
    left: 0;
    top: 0px !important;
}

.gm-style-iw {
    border-top: solid 5px #c8122e !important;
    padding: 0px !important;
}

.div-google-map-container {
    height: 565px;
    width: 65%;
    position: relative;
    overflow: hidden;
    float: right;
}

.div-google-map {
    width: 100%;
    height: 532px;
}

.halls-list {
    height: 565px;
    width: 32%;
    float: right;
    margin-left: 10px;
    overflow-y: auto;
    padding-right: 5px;
    box-sizing: border-box;
}

li.halls-list-item {
    list-style: none;
    padding: 5px 25px 5px 20px;
    margin-bottom: 10px;
    margin-left: 8px;
    cursor: pointer;
    box-shadow: none;
    line-height: 17px;
    font-weight: 500;
    font-size: 15.0px;
    background-image: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/moimappin.svg);
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position-x: 100%;
    background-position-y: 25%;
    background-color: #fff;
    box-shadow: 0px 2px 2px #333;
    border: solid 1px #ccc;
    border-radius: 15px 0px 0px 15px;
}

.map-legend {
    list-style: none;
    display: block;
    margin-bottom: 10px;
}

    .map-legend li {
        display: inline-block;
        cursor: pointer;
        padding-right: 32px;
        font-size: 15.0px;
        font-weight: normal;
        text-decoration: underline;
        color: #0b83e2;
    }

.map-legend-current, .map-legend-nearest {
    background-repeat: no-repeat;
    background-size: 32px auto;
}

.map-legend-current {
    background-image: url("https://portal.moi.gov.ae/eservices/Images/mobile-icons/marker.svg");
    background-position: 98% 2px;
    background-size: 24px auto;
}

.map-legend-nearest {
    background-image: url("https://portal.moi.gov.ae/eservices/Images/mobile-icons/moimappin2.svg");
    background-position: 98% center;
}

.date-icon::before {
    content: '\f073';
    color: #b1b1b1;
    font-size: 18.0px;
    font-family: FontAwesome;
    text-align: center;
    font-weight: normal;
}

.time-icon::before {
    content: '\f017';
    color: #b1b1b1;
    font-size: 18.0px;
    font-family: FontAwesome;
    text-align: center;
    font-weight: normal;
}

@media (max-width: 780px) {
    .div-google-map-container {
        height: 400px;
        width: 100%;
        display: block;
    }

    .div-google-map {
        height: 370px;
        width: 100%;
        display: block;
    }

    .halls-list {
        height: 250px;
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    .redPointer .btncloser.leftbtn, .redPointer .btncloser.rightbtn {
        font-size: 85%;
        min-width: unset;
    }

    .branch-list-container * {
        font-size: 92%;
    }

    #googleSearchField {
        min-width: unset !important;
        max-width: 200px;
    }
}
/*******/
/* -- General Bilingual */
.TextAlign {
    text-align: right;
}

.OppTextAlign {
    text-align: left;
}

.Direction {
    direction: rtl;
}

.OppDirection {
    direction: ltr;
}

.Float {
    float: right !important;
}

.OppFloat {
    float: left;
}
/* -- -- */
.maintain {
    background-image: url(https://portal.moi.gov.ae/eservices/Images/maintain.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 10px;
    background-size: 45px 45px;
    padding: 15px 25px;
    padding-right: 60px;
    text-align: center;
    font-size: 16px;
    line-height: 1.3;
}
/*********  New Services - Animated Icon - Start ************/
.new-service {
    background: none;
    border: 0;
    box-sizing: border-box;
    box-shadow: inset 0px 0px 2px #999;
    color: #111433;
    font-size: 13.0px;
    font-weight: 700;
    margin: 0em 0.5em !important;
    padding: 0.3em 0.6em;
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    display: inline-block;
    height: 23px;
    line-height: 19px;
}

    .new-service::before, .new-service::after {
        content: '';
        box-sizing: border-box;
        position: absolute;
        border: 2px solid transparent;
        width: 0;
        height: 0;
    }

    .new-service::before {
        top: 0;
        left: 0;
        border-top-color: #c8122e;
        border-right-color: #c8122e;
        animation: border 2s infinite;
    }

    .new-service::after {
        bottom: 0;
        right: 0;
        animation: border 2s 1s infinite, borderColor 2s 1s infinite;
    }

@keyframes border {
    0% {
        width: 0;
        height: 0;
    }

    25% {
        width: 100%;
        height: 0;
    }

    50% {
        width: 100%;
        height: 100%;
    }

    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes borderColor {
    0% {
        border-bottom-color: #c8122e;
        border-left-color: #c8122e;
    }

    50% {
        border-bottom-color: #c8122e;
        border-left-color: #c8122e;
    }

    51% {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    100% {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
}

@keyframes borderMobile {
    0% {
        width: 0;
        height: 0;
    }

    25% {
        width: 100%;
        height: 0;
    }

    50% {
        width: 100%;
        height: 100%;
    }

    100% {
        width: 100%;
        height: 100%;
    }
}

@keyframes borderColorMobile {
    0% {
        border-bottom-color: #fff;
        border-left-color: #fff;
    }

    50% {
        border-bottom-color: #fff;
        border-left-color: #fff;
    }

    51% {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    100% {
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
}

@media (max-width: 780px) {
    .new-service {
        color: #fff !important;
    }

        .new-service::before {
            border-top-color: #fff !important;
            border-right-color: #fff !important;
        }

        .new-service::after {
            animation: borderMobile 2s 1s infinite, borderColorMobile 2s 1s infinite !important;
        }
}

/*********  New Services - Animated Icon - End ************/

.saaed-card {
    background-image: url(../images/saaed-pattern.png) !important;
    border-right-color: #bf403a;
}

@media (max-width: 780px) {
    div.saaed-card {
        width: 95% !important;
        box-sizing: border-box;
    }
}

.accident-image img {
    width: 100%;
    height: calc(100% - 30px);
    border-radius: 5px 5px 0px 0px;
}

.accident-image span {
    text-align: center;
    line-height: 25px;
}

.accident-image {
    float: right;
    width: 200px;
    height: 145px;
    border: solid 2px #969696;
    margin: 7px;
    box-shadow: 0px 2px 2px #272525;
    border-radius: 7px;
}

    .accident-image #dvZoom {
        font-size: 24px;
        cursor: pointer;
        top: 0px;
        left: 6px;
    }

#ImagePreviewPopup #imgContents img {
    width: 100%;
    height: auto;
    max-height: 650px;
}

.grvfile-excel:before,
.grvfile-word:before,
.grvfile-pdf:before {
    top: 28% !important;
    position: relative !important;
    right: 37% !important;
}

.template-container {
    max-height: 900px;
    overflow-y: scroll;
    border: solid 1px #f5f5f5;
    box-sizing: border-box;
    margin: 10px 0px 10px 0px;
    padding: 0px;
}

    .template-container .fullcol {
        text-align: center;
    }

.receipt-template {
    height: auto;
    max-height: 1200px;
}

@media print {
    .receipt-template {
        height: auto;
        max-height: 950px;
    }
}

.select2-container {
    width: 269px;
}

.select2-chosen {
    padding-right: 3px !important;
}

.db-tickets {
    min-height: 432px;
}

table#ContentPlaceHolder1_dtlServices tbody tr td {
    display: block;
    margin-bottom: 10px;
}

    table#ContentPlaceHolder1_dtlServices tbody tr td h6 a {
        font-size: 16.0px;
    }



.select-certificate-service span label {
    margin-right: -35px;
}

.eid-popup-desc {
    color: #555555 !important;
    font-size: 16.0px;
}

.select2-container--default .select2-selection--single {
    background: none repeat scroll 0 0 #FFF !important;
    padding: 0;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #545454 !important;
        line-height: 30x !important;
        padding: 0px;
    }

.select2-search--dropdown .select2-search__field {
    width: 75% !important;
}



/*--- Hassantuk -----*/
.serv-desc-box {
    display: flex;
    background-color: #fff;
    padding: 10px 0px;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #cccccc;
    border-right: 4px solid #4CAF50;
    background: url(../../Images/HassantukIcons/buildings/buildings.html) no-repeat calc(100% - 130px) bottom;
    background-size: 250px;
    /*font-family: 'HelveticaNeueW23';*/
    font-family: DroidKufiRegular, Helvetica;
    margin-bottom: 16px;
}

    .serv-desc-box .left-col,
    .serv-desc-box .right-col {
        width: 50%;
        padding: 0 10px;
    }

    .serv-desc-box h2 {
        margin-top: 10px;
        margin-bottom: 4px;
    }

.corp-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 40px 0px;
}

.serv-wrapper {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    padding-right: 50px;
    background-position: center right;
}


    .serv-wrapper .count {
        margin: 0px 5px;
    }

        .serv-wrapper .count .value {
            font-size: 20px;
            font-weight: 600;
            line-height: 1.4em;
        }

        .serv-wrapper .count .caption {
            font-size: 14.0px;
            font-weight: bold;
            color: #7b7b7b;
        }

.service-title {
    font-size: 14.0px;
    font-weight: bold;
    color: #617d89;
    border-bottom: 2px solid #617d89;
    text-transform: uppercase;
}

.services-panel {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 20px;
}

    .services-panel a {
        display: flex;
        flex-direction: column;
        align-items: center;
        min-width: 92px;
        color: #3e3e3e;
        background-repeat: no-repeat;
        background-position: center top;
        padding-bottom: 12px;
    }

        .services-panel a:hover {
            text-decoration: none;
        }


    .services-panel span {
        padding-top: 8px;
        vertical-align: middle;
        display: inherit;
    }

.service-box {
    padding: 56px 2px 2px 2px;
    background-repeat: no-repeat;
    background-position: center 20px;
}

@media only screen and (max-width: 780px) {
    .serv-desc-box {
        display: block;
    }

        .serv-desc-box .left-col,
        .serv-desc-box .right-col {
            width: auto;
        }

    .serv-wrapper img {
        width: 60px;
    }

    .serv-wrapper .count {
        margin: 0px 5px;
    }

        .serv-wrapper .count .value {
            font-size: 30px;
        }

        .serv-wrapper .count .caption {
            font-size: 16.0px;
        }

    .services-panel a {
        min-width: 100px;
    }

    .serv-wrapper {
        padding-bottom: 0px;
    }
}

/* @media 780px End here */

@media only screen and (max-width: 425px) {
    .corp-wrapper {
        padding: 40px 0px 10px;
    }

    .serv-wrapper {
        padding-bottom: 20px;
    }

        .serv-wrapper img {
            width: 40px;
        }

        .serv-wrapper .count .value {
            font-size: 20px;
        }

        .serv-wrapper .count .caption {
            font-size: 14.0px;
        }

    .services-panel {
        justify-content: center;
    }
}

/* ---------------- */

.cert-service-container {
    /*background-color: #f9f9f9;*/
    box-shadow: 0px 2px 2px #999;
    border: solid 1px #a7a6a6;
    border-top: solid 5px #c8122e;
    text-align: center;
    padding: 5px;
    border-radius: 10px;
    margin: 5px;
    width: 47%;
    min-height: 260px;
    float: right;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
    background-size: 32%;
}

.cert-small {
    width: 25%;
}

.cert-service-container .cert-service-title {
    text-align: right;
    display: block;
}

    .cert-service-container .cert-service-title .PageHeaderTitles {
        /*font-size: 16.0px !important;*/
    }

.sevice-link {
    display: inline-block;
    text-align: center;
    width: 142px;
    padding: 5px;
    margin: 10px;
}

    .sevice-link a {
        text-align: center;
    }

.cert-service-icon {
    display: inline-block;
    background-color: #c8122e;
    width: 50px;
    height: 50px;
    padding: 8px;
    border-radius: 100px;
    box-sizing: border-box;
    margin-bottom: 5px;
}

    .cert-service-icon img {
        display: flex;
        width: 100%;
        height: 100%;
    }

.cert-employee {
    background-image: url(../Images/MOILogoGray.png);
    background-size: 20%;
    background-position-x: 25px !important;
    background-position-y: 97% !important;
}

.cert-police {
    background-image: url(https://portal.moi.gov.ae/eservices/Images/police.svg);
}

.cert-punitive {
    background-image: url(https://portal.moi.gov.ae/eservices/Images/prson.svg);
}

.cert-traffic {
    background-image: url(https://portal.moi.gov.ae/eservices/Images/car.svg);
}
/****** Injazat Hassantuk Inner Pages List View - Start *********/
.file-wrapper {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    margin: 0 -10px 20px;
    clear: both;
}

    .file-wrapper .col-6 {
        width: 47.7%;
        padding: 10px;
    }

    .file-wrapper .col-3 {
        width: 31.2%;
        padding: 10px;
    }

.file-container {
    border: 1px solid #cccccc;
    border-right: 4px solid #617d89;
    background-color: #fff;
    border-radius: 6px;
    overflow: hidden;
    margin-top: 10px;
    width: calc(100% - 10px);
}

    .file-container .title-bar {
        background: #ececec;
        padding: 10px;
    }

        .file-container .title-bar span.file-number {
            padding: 0 20px;
        }

    .file-container .file-item-list {
        padding: 10px;
        font-size: 14.0px;
    }

        .file-container .file-item-list span:first-child {
            min-width: 140px;
            display: inline-block;
        }

        .file-container .file-item-list span:last-child {
            font-weight: 600;
        }

.file-box-container {
    display: flex;
}

.file-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 33.333%;
    padding: 86px 10px 10px;
    border: 2px dashed #ccc;
    border-radius: 8px;
    margin: 10px;
    cursor: pointer;
}


@media only screen and (max-width: 780px) {
    .file-wrapper {
        display: flex;
        overflow: hidden;
        margin: 0 -10px 20px;
        flex-direction: column;
    }

        .file-wrapper .col-6 {
            width: auto;
            padding: 10px;
        }

        .file-wrapper .col-3 {
            width: auto;
            padding: 10px;
        }
}
/* @media 780px End here */

@media only screen and (max-width: 425px) {
    .file-box-container {
        display: block;
    }

    .file-box {
        width: auto;
    }

    span.sub-title {
        display: block !important;
        margin-top: unset !important;
        color: #444 !important;
        background-color: unset !important;
        border-radius: unset !important;
        padding: unset !important;
    }
}
/****** Injazat Hassantuk Inner Pages List View - End *********/

input.button-schedule {
    background-image: url(https://portal.moi.gov.ae/eservices/Images/HassantukIcons/buildings/appointments.svg) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 10px) center !important;
    background-size: 22px 22px !important;
    background-color: #fff !important;
    color: #666 !important;
    border: dashed 1px #888 !important;
    padding-right: 39px !important;
    padding-top: 1px !important;
}

.attention {
    background: url(../Images/EmployeeServices/arrowgif.gif) no-repeat center center;
    height: 37px;
    width: 26px;
    background-size: 30px;
    position: initial;
    margin-right: 10px;
}

select.small-input, #ddlCompanyList {
    width: 226px !important;
    height: 40px !important;
}

.notepad-style {
    border: dotted 1px #c5c5c5;
}

    .notepad-style .rowCloContainer {
        border-bottom: dotted 1px #c5c5c5;
    }

        .notepad-style .rowCloContainer:last-child {
            border-bottom: none;
        }

.ed-payment-detail-title {
    background-image: url(https://portal.moi.gov.ae/eservices/Images/HassantukIcons/buildings/pay.svg) !important;
    background-repeat: no-repeat;
    background-size: 28px 28px;
    padding-right: 35px;
    background-position: right center;
}

span.sub-title {
    display: flex;
    margin-top: 35px;
    color: #fff;
    background-color: #c8122e;
    border-radius: 100px 0 0 100px;
    padding: 3px 10px;
    opacity: 0.7;
}

.p20 {
    padding: 0 20px;
}

/*New Design for Cleance Certificate on the Dashboard*/
.CR-CardHolder {
    border: 1px solid #c8122e;
    position: relative;
    margin-bottom: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    display: block;
}

    .CR-CardHolder .innerPart {
        border-right: 9px solid;
        border-color: #c8122e;
        padding: 10px 10px 10px 75px;
        min-height: 82px;
        line-height: 17px
    }

.labelHolder {
    display: flex;
    font-size: 14.0px;
}

.ques {
    max-width: 100px;
    width: 100%;
    padding-left: 10px;
    color: #666;
}

.answ {
    color: #333;
    font-weight: 600;
}

.iconHolder {
    background: #c8122e;
    padding: 10px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.mb10 {
    margin-bottom: 10px;
}

.centerImg {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 100%;
}

.iconHolder img {
    width: 100%;
}

.fltL {
    float: right !important;
}

.fltR {
    float: left !important;
}

@media only screen and (max-width: 480px) {
    .CR-CardHolder .innerPart .labelHolder {
        display: block;
    }

        .CR-CardHolder .innerPart .labelHolder span {
            display: block;
            max-width: 100%;
            padding: 0;
        }

    #lblMultiSelectionGuideline {
        display: none;
    }

    .number-control input {
        height: 36px !important;
        font-size: 19.0px !important;
    }

    .number-control {
        min-width: unset !important;
        width: 50% !important;
    }
}
/*End */
.file-name-required {
    padding-left: 8px !important;
}

.multiOptHeader {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .multiOptHeader span {
        margin-left: 5px;
        margin-bottom: 8px;
    }

    .multiOptHeader a i {
        float: none;
        margin-right: 0;
    }

.editCaption span {
    font-size: 14.0px;
    margin-right: 10px;
    /*font-family: HelveticaNeueW23;*/
    font-family: DroidKufiRegular, Helvetica;
    font-weight: 700;
    position: relative;
    top: -5px;
}

.noWrapBlocks {
    display: flex;
}

.veh-plate input {
    margin-top: 12px !important;
    margin-right: 10px !important;
}


.hpStatusInfo:after {
    font-size: 25px !important;
    width: 15px;
    height: 15px;
    content: "\f0eb" !important;
    color: #ef7f12 !important;
    font-family: FontAwesome !important;
    margin: 0px 5px;
}

.card.primaryCard {
    border-color: #c8122e;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

    .card.primaryCard .card-header {
        background: #c8122e;
    }

        .card.primaryCard .card-header img {
            max-width: 36px;
            float: right;
        }

    .card.primaryCard .controlContainer .colLeft {
        min-width: 110px
    }

    .card.primaryCard .controlContainer .colRight {
        min-width: auto;
    }

    .card.primaryCard .btnSection {
        float: left;
        padding: 6px 0 0;
    }

        .card.primaryCard .btnSection a {
            display: inline-block;
            color: #fff;
        }

            .card.primaryCard .btnSection a .fa:before {
                margin-left: 5px;
                font-size: 16.0px;
            }

.btnSection a span {
    font-size: 14.0px;
    /*font-family: HelveticaNeueW23;*/
    font-family: DroidKufiRegular, Helvetica;
    font-weight: 700;
}

.popup-note i {
    margin-left: 10px;
}


/**Clearance Certificate list page style - START*/

.clerance-certificate .btnSection a span {
    margin-right: 8px;
}

.clerance-certificate .clerance-footer .listview-button .fa {
    position: relative;
    top: 2px;
}

.clerance-certificate .colLeft, .clerance-certificate .colRight {
    padding: 0 5px;
}

.clerance-certificate .controlContainer .ValueLabel {
    word-break: break-all;
}
/**Clearance Certificate list page style - END*/
.rowCloContainer.marginAdded .fullcol {
    margin-bottom: 10px;
}

.labelTxt {
    line-height: normal;
    float: right;
    width: 100%;
}

    .labelTxt span {
        padding-left: 10px;
        min-width: auto;
    }

    .labelTxt .CaptionLabel {
        padding-right: 0;
    }

.refeshIcon {
    float: left;
    font-size: 14.0px;
    font-weight: 600;
    margin: 7px;
}

    .refeshIcon .fa-refresh {
        font-size: 20.0px;
        margin: 0px 0 0 10px;
        float: right;
    }

/*Chat CSS*/
.chatContainer .chatWindow .chatHeader span,
.chatContainer .moiChatBtn {
    background: #c8122e;
}

.chatOptions {
    border-color: #c8122e !important;
}

.float-far {
    float: left !important;
}

/* Margin Left Clasess into Arabic*/

.ml-1 {
    margin-right: 10px;
}

.ml-2 {
    margin-right: 15px;
}

.ml-3 {
    margin-right: 25px;
}

.ml-4 {
    margin-right: 30px;
}

/* Margin right Clasess into Arabic*/

.mr-1 {
    margin-left: 10px;
}

.mr-2 {
    margin-left: 15px;
}

.mr-3 {
    margin-left: 25px;
}

.mr-4 {
    margin-left: 30px;
}

.mr-0 {
    margin-left: 0px;
}


/* Tracking Message*/

.trackingNm .trackingTitle,
.trackingNm .trackingValue,
.trackingNm .copyToBoard {
    float: right;
}

    .trackingNm .copyToBoard i {
        padding-right: 0;
        font-size: 18.0px;
        float: right;
        padding-left: 4px
    }

.controlContainer .column-left .CaptionLabel.required-field {
    padding-left: 12px;
    background-position: left 2px;
    float: none;
    display: inline-block;
}

/* Media Query for IE10+*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .new-service {
        height: 22px;
        line-height: 22px
    }

    .settings-tbl span {
        margin-top: -24px;
        margin-left: -8px;
    }

    .mostUsedBox h3 {
        padding-top: 14px;
    }
}

.number-control {
    display: flex;
    height: 35px;
    /*min-width: 250px;*/
}

    .number-control * {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        height: 24px;
        background-color: #fff !important;
        border: 1px solid #cccccc;
    }

    .number-control input {
        font-size: 24px;
        max-width: 75px;
        height: 26px;
        text-align: center;
        border-radius: unset !important;
        border-right: none;
        border-left: none;
    }

.number_button,
.number_button:hover,
.number_button:link,
.number_button:visited {
    padding: 8px 8px 8px 8px;
    text-decoration: none;
    cursor: pointer;
    width: 18px;
    height: 18px;
    line-height: 23px;
    border-radius: unset;
    background-color: #ccc !important;
}

.number_button_plus {
    border-radius: 10px 0px 0px 10px !important;
    border-left: none;
}

.number_button_minus {
    border-radius: 0 10px 10px 0px !important;
    border-right: none;
}

.service-disabled {
    background-position: center right !important;
}

.infoTxt {
    font-size: 18.0px;
    color: #555;
    margin: 20px 0;
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 5px;
}

    .infoTxt:before {
        content: "\f05a";
        font-family: FontAwesome;
        color: #7b7b7b;
        font-size: 20px;
        margin-left: 10px;
        position: relative;
        top: 5px;
    }

    .infoTxt a {
        color: #B68A35;
        font-weight: bold;
        font-size: 16.0px;
    }

#tableHolderInner {
    float: left;
}

.ownedPlateboard {
    padding-bottom: 10px;
    border-bottom: 1px dashed #cacaca;
    margin-bottom: 10px;
    clear: both;
    overflow: hidden;
}

    .ownedPlateboard .box1car {
        margin-top: 10px;
    }

.ownPlateOpt {
    float: right;
    margin-top: 4px;
}

    .ownPlateOpt a {
        float: right;
        display: inline-block;
        min-width: 100px;
        text-align: center;
    }

    .ownPlateOpt .icons {
        display: inline-block;
        text-align: center;
        clear: both;
        margin: 0px auto;
    }

        .ownPlateOpt .icons img {
            display: block;
            width: 44px;
            clear: both;
            filter: invert(60%);
        }

    .ownPlateOpt h3 {
        clear: both;
        display: block;
        text-align: center;
        font-size: 14.0px;
        color: rgb(119, 119, 119);
        margin: 2px auto 0px;
        padding: 0px;
    }

.wic-cert-detail {
    background-position-x: 15%;
    background-position-y: center;
}

.custom-multiselect {
    padding: 3px 7px !important;
    width: calc(100% - 159px);
}

.button.button-telecom {
    background-position: 96% center !important;
    padding-right: 37px;
    font-size: 13px !important;
    /*width: 165px !important;*/
}


.watermark {
    min-height: 450px;
    position: relative;
}

    .watermark .watermark-label {
        position: absolute;
        top: -20px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border: 5px solid #c8122e;
        color: #c8122e;
        min-width: 150px;
        max-width: 50%;
        height: 50px;
        font-size: 22px;
        padding: 8px 14px 2px;
        font-weight: bold;
        border-radius: 12px;
        opacity: 0.3;
        transform: rotate(-28deg) scale(1.5);
        -webkit-transform: rotate(-28deg) scale(1.5);
        -moz-transform: rotate(-28deg) scale(1.5);
        -ms-transform: rotate(-28deg) scale(1.5);
        line-height: 1;
        text-align: center;
        pointer-events: none;
        user-select: none;
        z-index: 1;
        width: 40%;
    }

        .watermark .watermark-label span {
            display: block;
            padding-top: 4px;
        }

.popup a.cancel:hover {
    color: #ffffff;
}

@media (max-width: 780px) {
    .button.button-telecom {
        background-size: 28px !important;
    }

    body .colRight textarea {
        width: calc(100% - 16px);
    }

    .watermark {
        min-height: 420px;
        position: relative;
        overflow: hidden !important;
    }

        .watermark .dataTables_wrapper {
            overflow-x: scroll;
        }

        .watermark .watermark-label {
            font-size: 18.0px;
            height: 40px;
        }
}

.Violations-List .Violations {
    border-right: solid 10px;
}

.Violations-List > span {
    width: calc(50% - 5px) !important;
    float: right;
    margin-right: 5px;
}

.Violations-List .rightVac {
    float: right;
    display: block;
    width: calc(100% - 150px);
}

.Violations-List .leftVac {
    min-width: 75px;
    background: #777777;
    height: 50px;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 18.0px;
    text-align: center;
    padding: 5px;
    float: left;
}

.Violations-List .select-violation {
    float: left;
    margin: 0px;
    margin-top: 20px;
}

.group-table {
    border-collapse: collapse;
    margin-bottom: 20px;
    box-shadow: 0px 2px 2px #666;
    border: solid 1px #6678b1;
    border-top: none;
}

    .group-table thead th {
        border-top: solid 4px #6678b1;
        border-bottom: solid 1px #6678b1;
        padding: 10px 8px;
    }

    .group-table tbody tr td {
        width: 65%;
        padding: 10px 8px;
        text-align: right;
        font-size: 14.0px;
        border-bottom: solid 1px #ccc;
    }

    .group-table tbody tr:nth-child(even) td {
        background-color: #f7f7f7;
    }

    .group-table tbody tr td:first-child {
        width: 15%;
    }

    .group-table tbody tr td:last-child {
        width: 25%;
    }

    .group-table tfoot tr td {
        font-weight: 600;
        border-bottom: solid 1px #ddd;
        padding: 15px 8px;
        text-align: right;
    }

        .group-table tfoot tr td:first-child {
            text-align: left;
        }

.group-logo {
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
    background-size: 86px auto;
}




.group-pay-fine {
    float: right;
    right: 125px;
    position: relative;
    font-size: 16.0px;
    font-family: Arial;
    padding-right: 32px;
}

.form-disabled, .form-disabled:hover {
    background-color: #b3cac7 !important;
    color: #6f6f6f;
    cursor: default !important;
}

    .form-disabled:before {
        content: '\f05e';
        font-family: FontAwesome;
        float: right;
        right: 15px;
        position: relative;
        font-size: 18.0px;
        color: #6f6f6f;
        font-weight: normal;
    }

.form-saved {
    background-color: #12867b !important;
    color: white;
}

    .form-saved::before {
        content: '\f0c7';
        font-family: FontAwesome;
        float: right;
        right: 15px;
        position: relative;
        font-size: 18.0px;
        color: white;
        font-weight: normal;
    }

@media (max-width: 780px) {
    .group-table tfoot tr td {
        background-size: 16% auto;
        background-position: calc(100% - 10px) center !important;
    }

    .group-pay-fine {
        font-size: 12.0px !important;
        padding-right: 28px !important;
        text-align: center !important;
        float: none !important;
        text-align: center !important;
        display: block;
        min-width: unset !important;
        width: 100px;
    }
}

.emirate-title {
    border-radius: 25px 0px 0px 0px;
}

.emirate-title2 {
    padding-right: 50px;
}

#divElectronicCertificate .p5 {
    min-height: 79px;
}

@media screen and (max-width: 780px) {
    div #divElectronicCertificate .mt15 {
        line-height: 24px !important;
        max-width: 100px !important;
    }

    div #divElectronicCertificate .p5 {
        min-height: 73px !important;
    }
}

.form {
    border-color: #c8122e !important;
    box-shadow: 0 0 3px #c8122e !important;
}

.login-header {
    border-bottom-color: #c8122e;
}

    .login-header h2 {
        color: #c8122e !important;
    }

.loginButton {
    background-color: #c8122e !important;
}

.table-layout * {
    text-align: right;
}


.certificate-main {
    margin-bottom: 50px;
    margin-top: 0;
}

    .certificate-main .rowCloContainer {
        padding: 7px 15px;
        width: 46.9%;
    }

@media (max-width: 780px) {
    .certificate-main .rowCloContainer {
        width: 100% !important;
        padding: 0;
    }
}

.certificate-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
    margin-bottom: 0;
    clear: both;
    cursor: pointer;
}

    .certificate-list img {
        max-width: 100%;
    }

    .certificate-list .list-group-item {
        position: relative;
        display: block;
        margin-bottom: -1px;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,.125);
        box-sizing: border-box;
    }


        .certificate-list .list-group-item > a {
            padding: .75rem 0.45rem;
            display: block;
        }

            .certificate-list .list-group-item > a > i {
                float: left;
                margin-top: 10px;
                transform: rotate(180deg);
            }

    .certificate-list span {
        margin-top: 8px;
        float: right;
    }

    .certificate-list .serv-icon {
        float: right;
        margin-left: 8px;
        width: 30px;
    }

@media (max-width: 445px) {
    .certificate-list span {
        width: 80%;
        margin-top: 4px !important;
    }

    .vehicleSers li {
        margin-left: 6px !important;
    }
}


@media (min-width: 1024px) {
    .certificate-main {
        margin-right: -15px;
        margin-left: -15px;
        width: auto;
    }
}

.vehicleSers h3 {
    text-align: right;
    padding-left: 10px;
    font-size: 14px;
}

.vehicleSers li {
    margin-left: 15px;
    border-right: solid 5px !important;
    border-color: #c8122e !important;
}

    .vehicleSers li a::after {
        content: '\f053';
        left: 5px;
        float: left;
        top: 15px;
    }

.card-holder, .lic-details {
    /*float: left;*/
}

.clerance-certificate .clerance-footer a {
    float: right;
}




.personalize_bar .my_pinned_pages h3 {
    text-align: center
}

.personalize_bar .my_pinned_pages .pin_pages,
.personalize_bar .my_pinned_pages .pin_services {
    text-align: left;
    padding-bottom: 20px;
}

.personalize_bar .my_pinned_pages .backBtn {
    float: none;
}

.personalize_bar .my_pinned_pages .no_records_msg {
    font-size: 15.0px;
    padding: 15px;
    display: block;
    text-align: center;
}

.cert-popup .cert-block {
    float: right;
}

.inst-note {
    clear: both;
    margin-bottom: 25px;
}

    .inst-note * {
        float: right;
    }

    .inst-note i {
        margin-top: 7px;
        font-size: 16.0px;
    }

.labelTxt ~ .example-text {
    margin-left: 5px;
    margin-top: -2px;
}

span.example-text {
    text-align: right;
}
/** Page Footer - New Design **/
.footer-wrapper .section-left {
    width: 65%;
}

.footer-wrapper .section-right {
    width: 34%;
}

.footer-wrapper .section1 li {
    padding: 3px;
}

.footer-wrapper .section a, .footer-wrapper .section span {
    /*font-family: HelveticaNeueW23 !important;*/
    font-family: DroidKufiRegular, Helvetica !important;
}

    .footer-wrapper .section a i {
        margin-left: 3px;
    }

.footer-wrapper .section li > i {
    margin-left: 5px;
}

.footer-wrapper .section li i.fa-map-marker {
    margin-top: 5px;
}

.footer-wrapper .section2 {
    margin-top: 72px;
}

    .footer-wrapper .section2 a img {
        margin-left: 20px;
    }

.footer-wrapper a img:hover,
.footer-wrapper .section li:hover {
    filter: brightness(115%);
}

.footer-wrapper .section2 a i {
    margin-left: 25px;
}

.footer-wrapper .section ul h3 {
    font-size: 17px;
}

.footer-wrapper .ext-links {
    margin-left: 33px;
    float: left;
}

.footer-wrapper .section1 li,
.footer-wrapper .section3 li {
    text-align: right;
}

    .footer-wrapper .section3 li img {
        margin-left: 15px;
    }

    .footer-wrapper .section3 li * {
        max-width: 300px;
    }

.footer-wrapper .section2 ul:nth-child(1) {
    padding-left: 26px;
}

.footer-wrapper .ext-links a {
    margin-right: 10px;
}

.footer-wrapper .whats-app {
    width: 210px
}

.footer-note > div:first-child {
    float: left;
    width: 58%;
    text-align: left;
}

.footer-note > div:last-child {
    text-align: right;
    float: right;
    width: 40%;
}

@media screen and (max-width: 768px) {
    .footer-wrapper .section1 li {
        border-left: solid 1px #888;
    }

    .footer-wrapper .section3 li i {
        margin-left: 5px !important;
    }

    .footer-wrapper .section3 li {
        text-align: right !important;
    }

    .footer-wrapper .ext-links a {
        margin-left: 5px !important;
    }
}
/** Page Footer - New Design **/
.avatar .fileinput-remove-button, .avatar .fileinput-download-button {
    float: right;
}

.fullcol .CaptionLabel.required-field {
    padding-left: 15px;
}

.CaptionLabel.required-field::before {
    margin-right: 6px;
    top: 0;
}

.download-med-certificate {
    float: left;
}

    .download-med-certificate span {
        margin-right: 5px;
    }

.theme-background-color {
    background-color: #c8122e !important;
}

.fill-grey {
    fill: #585452;
}

.fill-white {
    fill: #fff;
}

.theme-text-color,
.theme-after-text-color,
.theme-before-text-color,
.theme-hover-text-color:hover {
    color: #c8122e !important;
}

.theme-fill-color,
.theme-hover-fill-color:hover {
    fill: #c8122e;
}

.theme-background-color svg,
.theme-hover-background-color:hover svg {
    fill: #fff;
}


.theme-border-color {
    border-color: #c8122e !important;
}

.theme-hover-background-color:hover,
.theme-before-background-color:before,
.theme-after-background-color:after,
.theme-hover-before-background-color:hover:before,
.theme-hover-after-background-color:hover:after {
    background-color: #c8122e !important;
}

.theme-hover-border-color:hover,
.theme-before-border-color:before,
.theme-after-border-color:after,
.theme-hover-before-border-color:hover:before,
.theme-hover-after-border-color:hover:after {
    border-color: #c8122e !important;
}

.CaptionLabel.required-field::after {
    margin-right: 3px;
    position: relative;
    top: -1px;
}
/** Menu Setting only for IE **/
@media only screen and (min-width: 1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .CaptionLabel.required-field::after {
        margin-right: 12px !important;
    }
}

.e-police-type,
.cd-vehicle-lic-type {
    background-position: center left;
    float: left;
    left: 10%;
}

/*.cd-dropdown {
    background-color: #c8122e;
}*/
@media screen and (max-width: 768px) {
    .boXMoi::after,
    .boX1::after,
    .boX2::after,
    .boX3::after,
    .boX4::after {
        top: 16px !important;
    }

    .dashboarditem .home-private-tbl tr:last-child table {
        margin-bottom: 22px !important;
    }
}

div.personal-info div.card-body::after,
div.job-position div.card-body::after,
div.hiring-details div.card-body::after {
    left: 25px;
}

div.emp-section div.rowCloContainer div {
    padding: 0px;
}

div.personal-info div.card-body::after {
    left: 30px;
}

div.hiring-details div.card-body::after {
    bottom: 74px !important;
}

.verify-email-alert i {
    margin: 0px 2px;
}

div.emp-section2 div.card {
    min-height: 361px !important;
}

.moi-award {
    margin-left: 0px;
}

.left-sticky-menu li {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13.0px;
}


@media screen and (max-width:1024px) {
    body[dir=rtl] .left-sticky-menu li:after {
        left: auto;
        right: 100%;
    }

    body[dir=rtl] .left-sticky-menu li a {
        font-size: 13.0px;
    }
}


.company-switcher {
    text-align: right;
    margin-bottom: 0;
    margin-top: -4px;
}

.profile-switch {
    margin-left: 10px;
    margin-right: inherit;
}

    .profile-switch span {
        padding: 0 5px 0 10px
    }

    .profile-switch:after {
        right: inherit;
        left: 0px;
    }

.company-switch span {
    padding: 0 5px 0 15px
}



.select2-dropdown.ddlCompanies .header img {
    margin-right: inherit;
    margin-left: 8px;
}

.select2-dropdown.ddlCompanies .header i {
    right: inherit;
    left: 7px;
}

.select2-dropdown.ddlCompanies .select2-search:after {
    left: inherit;
    right: 20px;
    top: 45px
}

.profile-switch:after {
    bottom: 25%;
}

.company-switch:after {
    right: inherit;
    left: 0;
}

.userCompanySection {
    flex-direction: row;
}

.button.button-icon {
    display: inline-block;
    height: auto;
    padding: 0 15px;
}

    .button.button-icon i {
        margin-left: 3px;
    }

.gridview-cards .gredview-button::after {
    margin-right: 5px;
    top: 3px;
    position: relative;
}

.UCCivilDefenseInstitution .card-header .fa:before,
.card_with_links .card-header .fa:before {
    position: relative;
    right: -5px;
}

.UCCivilDefenseInstitution .card-header .fa,
.card_with_links .card-header .fa {
    float: left;
    margin: 2px 7px 5px 7px;
}

.UCCivilDefenseInstitution .card:nth-child(even),
.card_with_links .card:nth-child(odd) {
    margin-right: 0;
}

.UCCivilDefenseInstitution .card:nth-child(odd),
.card_with_links .card:nth-child(even) {
    margin-left: 0;
}

.UCCivilDefenseInstitution .listviewpage {
    display: block;
}

.watermark-label-new {
    float: right;
    right: 40%;
    left: 0;
}

@media (max-width: 780px) {
    .watermark-label-new {
        right: 25% !important;
    }
}

.explosive-attach-container .file-input {
    float: right;
}

.card-header3 a {
    float: left;
}

    .card-header3 a::before {
        margin-left: 3px;
    }

.card-header3 label {
    text-align: right;
}

.explosive-attach-container .krajee-default .file-upload-indicator {
    right: 0px !important;
}

.service-button:before {
    margin-left: 5px;
}

.readonly-inst.controlContainer::after,
.institution-card::after,
.uae-code-card::after {
    left: 10%;
}

.black-points-icon {
    padding: 2px 28px 2px 4px;
    background-position: 98% center;
    left: 10px;
}

.tabsContainer .tabButton:first-child {
    margin-right: 0;
}

.tabsContainer .tabButton:last-child {
    margin-left: 0;
}

.institution-card .cardLinksweapon li a:after {
    margin-right: 5px;
}


/* Action Center - 20210901*/

.actionCard {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.actionCardHeader {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}

    .actionCardHeader .actionCount {
        font-weight: normal;
        font-style: italic;
        font-size: 10px;
        margin-right: 3px;
    }

    .actionCardHeader .fa {
        font-size: 21.0px;
        position: relative;
        top: 3px;
        margin-right: 3px;
    }

    .actionCardHeader:first-child {
        border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
    }

.actionCardBody {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem 0rem;
    position: relative;
    min-height: 50px;
}

.actionCentreMain {
    margin-bottom: 20px;
}

.actionTitle {
    background: url(https://portal.moi.gov.ae/eservices/Images/action-center/actioncentre-icn.svg) right center no-repeat;
    padding-right: 28px;
    margin: 0px !important;
}

.actionBox {
    display: flex;
    background-color: #f6f6f6;
    box-shadow: 0 10px 10px #eaeaea;
    border-radius: 15px;
    position: relative;
    cursor: pointer;
    margin: 0 10px;
    height: auto !important;
    min-height: 111px;
}

    .actionBox.viewAllBox {
        position: relative;
        align-items: center;
    }

        .actionBox.viewAllBox a {
            width: 100%;
            font-size: 16.0px;
            padding: 15px;
            font-weight: bold;
            line-height: 1.6;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

            .actionBox.viewAllBox a:hover {
                color: #444444
            }

            .actionBox.viewAllBox a p {
                font-weight: normal;
                font-size: 13.0px;
            }

            .actionBox.viewAllBox a span {
                width: 70px;
                height: 60px;
                text-align: center;
                border-radius: 0 330px 0 80px;
                position: absolute;
                bottom: 0;
                left: 0;
                display: inline-block;
            }

                .actionBox.viewAllBox a span img {
                    width: 25px;
                    height: auto;
                    position: absolute;
                    top: 25px;
                    right: 30px;
                    transform: rotate( 180deg);
                }

.actionIcon {
    padding: 15px 12px 25px 18px;
    border-radius: 10px 15px 15px 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-height: 32px;
    box-sizing: content-box !important;
}


    .actionIcon img {
        width: 34px;
        filter: brightness(10);
    }

.actionContent {
    padding: 10px;
    text-align: right;
}

.actionBox .actionContent p {
    text-align: right;
    margin: 0;
    font-size: 12px;
}

.actionContent h5, #mainz .actionContent h5 {
    font-size: 16.0px;
    margin-bottom: 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 210px;
    margin-top: 0;
}

/* Circle */
.actionBox .actionAlert {
    height: 25px;
    width: 25px;
    border-radius: 50% !important;
    position: absolute;
    top: 6px;
    left: 6px;
    transform: translate(-50%, -50%);
    min-width: auto;
    padding: 0;
}

.actionAlert:before,
.actionAlert:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
}

.actionAlert.alertOrange {
    background-color: #FFA613 !important;
}

    .actionAlert.alertOrange:before,
    .actionAlert.alertOrange:after {
        border: 1px solid #FFA613;
        box-shadow: inset 0 0 20px #FFA613;
    }

.actionAlert.alertRed {
    background-color: #FD6363 !important;
}

    .actionAlert.alertRed:before,
    .actionAlert.alertRed:after {
        border: 1px solid #FD6363;
        box-shadow: inset 0 0 20px #FD6363;
    }

.actionAlert.alertGreen {
    background-color: #85C965 !important;
}

    .actionAlert.alertGreen:before,
    .actionAlert.alertGreen:after {
        border: 2px solid #85C965;
        box-shadow: inset 0 0 10px #85C965;
    }

.actionAlert:before {
    animation: ripple 1.5s linear infinite;
}

.actionAlert:after {
    animation: ripple 1.5s linear 1s infinite;
}

@keyframes ripple {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
        opacity: 1;
    }

    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}
/* Text */
.actionText {
    text-align: center;
    vertical-align: middle;
    line-height: 100px;
    margin: 0;
}

.actionAlert img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 13px;
    max-height: 13px;
    z-index: 1;
}

.bsRow {
    display: flex;
    margin: 0 -15px;
}

.column-6 {
    width: 50%;
    padding: 0 15px;
}


@media (max-width: 780px) {
    .bsRow {
        flex-direction: column;
    }

    .column-6 {
        width: auto;
    }

    .actionIcon {
        padding: 15px 10px 25px 15px;
    }

        .actionIcon img {
            width: 40px;
            filter: brightness(10);
        }

    .column-6:first-child {
        margin-bottom: 20px;
    }

    .actionContent {
        padding: 10px;
    }

        .actionContent h5, #mainz .actionContent h5 {
            font-size: 16.0px;
            margin-bottom: 4px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            width: 210px;
        }
}

.actionContent small, #mainz .actionContent small {
    margin-bottom: 3px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 90%;
}

.actionLink {
    background: url(https://portal.moi.gov.ae/eservices/Images/action-center/actioncentre-icn.svg) right center no-repeat;
    padding-right: 28px;
    position: relative;
    display: inline-block;
    background-size: 18px;
}

.actionNeeded {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #c8122e;
    line-height: 10px;
    right: 13px;
    top: -2px;
    /*animation: blinkingText 0.9s infinite;*/
}

/* User Verification CSs*/
.userVerify {
    padding: 15px;
    clear: both;
}

    .userVerify h1 {
        margin-bottom: 5px;
    }

.verifyOptBox {
    border: 1px solid #B68A35;
    border-radius: 20px !important;
    padding: 20px;
    display: inline-flex;
    background-color: #eceae9;
    width: 120px;
    height: 120px;
    margin-left: 30px;
    text-align: center;
    flex-direction: column;
    float: right;
    transition: all ease-in-out 0.2s;
}

    .verifyOptBox span.scanPass {
        width: 60px;
        height: 72px;
        margin: 0 auto;
        transition: all ease-in-out 0.2s;
    }

    .verifyOptBox span.enterPass {
        width: 70px;
        height: 68px;
        margin: 0 auto;
    }

        .verifyOptBox span.enterPass svg,
        .verifyOptBox span.scanPass svg {
            height: 67px;
        }

    .verifyOptBox p {
        font-size: 16.0px;
        color: #000;
        margin-top: 10px;
        line-height: 1.3;
        transition: all ease-in-out 0.2s;
    }

    .verifyOptBox:hover p, .verifyOptBox.theme-background-color p {
        color: #ffffff;
    }

.scannedWrap {
    display: flex;
}

    .scannedWrap .passMsg {
        padding: 0 20px;
    }

    .scannedWrap .passThumbnail {
        max-width: 420px;
        width: 100%;
    }

    .scannedWrap .passMsg p.passInfo {
        background-image: url("https://portal.moi.gov.ae/eservices/Images/user-verification/infoicn.svg");
        background-position: right 2px;
        background-repeat: no-repeat;
        padding-right: 25px;
        line-height: 1.5em;
        color: #000;
        margin-bottom: 15px;
        background-size: 15px;
    }

    .scannedWrap .passMsg a {
        border-radius: 3px !important;
        border: none;
        margin-left: 0;
        padding: 5px 10px;
    }

        .scannedWrap .passMsg a:hover {
            opacity: 0.8;
        }

.userVerify .button-holder {
    text-align: left;
}

.infoTitle {
    background-image: url("https://portal.moi.gov.ae/eservices/Images/user-verification/infoicn.svg");
    background-position: right 2px !important;
    background-repeat: no-repeat;
    padding-right: 25px;
    margin-bottom: 10px;
    display: block;
    background-size: 16px;
    min-height: 18px;
}


.statusMsg img,
.statusMsg .img {
    max-width: 80px;
    display: inline-block;
    width: 100%;
}

.statusMsg h4 {
    font-size: 20px;
    margin: 20px 0px 6px;
}

.statusMsg p {
    /*font-size: 18.0px;*/
    line-height: 1.5;
}

.statusMsg .btnContainer {
    padding-top: 20px;
}

    .statusMsg .btnContainer a {
        border: none;
    }

        .statusMsg .btnContainer a.goBack {
            margin-left: 10px;
            display: inline-block;
        }

            .statusMsg .btnContainer a.goBack:hover {
                text-decoration: underline !important;
            }

@media (max-width: 780px) {
    .verifyOptBox {
        width: 90px;
        height: 90px;
        margin-right: 20px;
    }

        .verifyOptBox span.scanPass,
        .verifyOptBox span.enterPass {
            max-width: 50px;
            min-width: 48px;
        }

    .scannedWrap {
        flex-direction: column;
    }

        .scannedWrap .passThumbnail {
            padding-bottom: 10px;
            margin: 20px auto 0px;
        }

    .verifyOptBox p {
        font-size: 14.0px;
        line-height: 1.2;
    }

    .scannedWrap .passMsg {
        padding: 0;
    }
}

.scannedWrap.sample .passThumbnail {
    width: 50%;
}


.thumbs-up {
    background-image: url(https://portal.moi.gov.ae/eservices/Images/mobile-icons/thumbs-up-ar.svg);
    right: 20px;
    background-position: calc(100% - 10px) -5px;
    text-align: right;
}
/* Opera Specific  */
@media (min-resolution: .001dpcm) {
    select,
    .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 10px !important;
    }

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../Images/select-arrow.jpg) no-repeat #fff !important;
        background-size: 13px 10px !important;
        background-position: 5px center !important;
    }
}

.toolsups svg {
    max-width: 30px;
    margin-bottom: 10px;
}

.toolsups a.action-button:hover {
    color: #ffffff;
}

    .toolsups a.action-button:hover .st0, .theme-background-color .st0, .theme-background-color:hover .st0 {
        fill: #ffffff;
    }


@media (max-width: 475px) {
    .verifyOptBox {
        width: 90px;
        height: 90px;
        margin-right: 10px;
        margin-left: 0;
    }

    .userVerify {
        padding: 10px 5px;
        clear: both;
    }
}

.footer-wrapper .section a i {
    color: #c8122e;
}

.rb-service label {
    margin-right: -35px;
}

.financial-cases .watermark-label-new {
    right: 30%;
}

.input-search-filter {
    left: 5px;
}

.input-search-filter-icon::after {
    left: 11px;
    top: 8px;
}

.entity-name input[type=checkbox] {
    margin-right: 3px !important;
    margin-left: 6px !important;
}

.cb-select-all {
    float: right;
    right: 140px;
    top: 6px;
}

    .cb-select-all input[type=checkbox] {
        top: 2px;
        right: 8px;
    }

.reverse-payment {
    background-position: calc(100% - 5px) center;
    padding-right: 32px;
    width: 155px !important
}

@media (max-width: 780px) {
    .reverse-payment {
        left: 20% !important;
        position: relative;
    }
}

.listviewpage a.pager-button:first-child::before {
    content: '\f101';
    right: 11px;
}

.listviewpage a.pager-button:nth-child(2)::before {
    content: '\f105';
    right: 14px;
}

.listviewpage a.pager-button:nth-last-child(2)::before {
    content: '\f104';
    right: 12px;
}

.listviewpage a.pager-button:last-child::before {
    content: '\f100';
    right: 12px;
}

.serviceActionBox {
    margin: 0px 20px 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

    .serviceActionBox:last-child {
        margin: 0px 20px 0px;
        padding-bottom: 0px;
        border-bottom: none;
    }

    .serviceActionBox .serviceIcon img {
        width: 50px;
        filter: brightness(0.4);
    }

    .serviceActionBox .serviceNameWrap {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .serviceActionBox .serviceIcon {
        margin-left: 10px;
    }

        .serviceActionBox .serviceIcon img {
            width: 50px;
        }

    .serviceActionBox .serviceName {
        flex: 1;
    }

        .serviceActionBox .serviceName span {
            display: block;
        }

            .serviceActionBox .serviceName span:last-child {
                font-size: 20px;
                margin-top: 4px;
            }

    .serviceActionBox .servieDetail {
        margin: 20px 0px;
    }

.actionButtons a {
    margin-left: 10px;
    font-weight: normal;
}

.actionError {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 26px;
}

.dvUCActionCenter .actionError {
    font-size: 20px;
}
/* Action Center Skeleton CSS*/

.dvUCActionCenter .skeleton {
    max-width: 280px;
    width: 100%;
    background: #fff;
    border-radius: 15px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);
}

    .dvUCActionCenter .skeleton .square {
        height: 80px;
        border-radius: 5px;
        background: rgba(130, 130, 130, 0.2);
        background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
        background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
        background-size: 800px 100px;
        animation: wave-squares 1.5s infinite ease-out;
    }

    .dvUCActionCenter .skeleton .line {
        height: 12px;
        margin-bottom: 6px;
        border-radius: 2px;
        background: rgba(130, 130, 130, 0.2);
        background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
        background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
        background-size: 800px 100px;
        animation: wave-lines 4.7s infinite ease-out;
    }

.dvUCActionCenter .skeleton-left {
    flex: 2;
    padding-left: 15px;
}

.flex1 {
    flex: 1 !important;
}

.flex2 {
    flex: 2;
}

.dvUCActionCenter .skeleton .line:last-child {
    margin-bottom: 0;
}

.h8 {
    height: 8px !important;
}

.h17 {
    height: 17px !important;
}

.w40 {
    width: 40% !important;
}

.w50 {
    width: 50% !important
}

.w75 {
    width: 75% !important
}

.w90 {
    width: 90% !important
}

.m10 {
    margin-bottom: 10px !important;
}

.ptb20 {
    padding: 20px 0px;
}

.dvUCActionCenter .circle {
    border-radius: 0px 15px 0px 60px !important;
    height: 80px !important;
    width: 80px;
}

@keyframes wave-lines {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

@keyframes wave-squares {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.dvUCActionCenter .skeltonAlert {
    height: 25px;
    width: 25px;
    border-radius: 50% !important;
    position: absolute;
    top: 6px;
    right: -20px;
    transform: translate(-50%, -50%);
    min-width: auto;
    padding: 0;
    background: rgba(130, 130, 130, 0.2);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, rgba(130, 130, 130, 0.2)), color-stop(18%, rgba(130, 130, 130, 0.3)), color-stop(33%, rgba(130, 130, 130, 0.2)));
    background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
    background-size: 800px 100px;
    animation: wave-lines 4.7s infinite ease-out;
}

    .dvUCActionCenter .skeltonAlert:before,
    .dvUCActionCenter .skeltonAlert:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-radius: 50%;
    }

.dvUCActionCenter .loading {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

@media (max-width: 615px) {
    .d-xs-none {
        display: none !important;
    }

    .dvUCActionCenter .loading {
        justify-content: space-around
    }
}

@media (max-width: 769px) {
    .d-sm-none {
        display: none !important;
    }
}


body .useful-link-tbl.aid * {
    text-align: right;
}

.view-more-services {
    text-align: left;
}

    .view-more-services a {
        padding-left: 20px !important;
    }

        .view-more-services a:after {
            content: '\f060';
            left: 2px;
        }


.maintenance-footer .fullcol {
    text-align: right !important;
}

.select2-dropdown.ddlCompanies input[type="search"] {
    padding-right: 25px;
}

@media screen and (max-width:480px) {
    .db-summary-section .text-muted span, .db-summary-section .thumbs-up span {
        font-size: 11px;
        letter-spacing: -0.5px;
    }

    .db-summary-section .thumbs-up {
        right: 0;
    }
}

.custom-radio-button .colRight input[type=radio] {
    min-width: initial !important;
}

.ticket-group-item .group-pay-fine {
    background-position: calc(100% - 5px) center;
    text-align: right !important;
    min-width: 110px;
}

.downloadPDFButton {
    text-align: right;
}

    .downloadPDFButton img {
        margin-right: auto;
        margin-left: 7px;
        float: right;
    }

.footer-wrapper .section a {
    font-size: 14.9px;
}

.footer-wrapper .section .add-on-section {
    float: right;
}

.footer-wrapper .help-line-container i {
    margin-top: 5px;
}

.view-vehicle-services i {
    left: 5px;
}

.transactionServ ul.vehicleName {
    width: calc(100% - 134px) !important;
}

.view-vehicle-services {
    border-radius: 0px 5px 5px 0px !important;
}

.sign-msg {
    background-position: 10px center;
}

.SubTitles.required-field:after {
    font-family: FontAwesome;
    content: '\f069';
    position: absolute;
    color: #d94636;
    font-size: 9px;
    text-align: center;
    bottom: 12px;
    left: -10px;
}

.payment-result-title {
    width: calc(100% + 4px);
    margin-right: -10px;
}

    .payment-result-title span:first-child {
        float: right;
    }

    .payment-result-title span:last-child {
        float: left;
    }

.download-button-container {
    min-height: 84px;
}

.payment-result-container .download-section .download-button-container:nth-child(2),
.payment-result-container .download-section .download-button-container:nth-child(3) {
    border-right: solid 1px #f5f5f5;
    margin-right: 25px;
    padding-right: 10px;
}

body .colRight select {
    min-width: 2px !important;
}

body .gridview-cards .card {
    word-break: break-word;
}
body .controlContainer.tableView .colRight {
    word-break: break-word;
}

.mofa-attestation-btn {
    background-position: calc(100% - 5px) center !important;
    padding-right: 25px !important;
    line-height: 20px !important;
}