﻿/*Capgemini Release Version V1.0.10*/

.aggregated-list-working-lists {
    width: 100%;
}

.googleShare a {
    display: block;
    background-image: url("/_layouts/icrc.familylinks/images/googleplus.png");
    background-repeat: no-repeat;
    margin-right: 3px;
    margin-left: 3px;
    height: 32px;
    float: left;
    width: 32px;
    color: #eaeaea;
}

.facebookShare a {
    display: block;
    background-image: url("/_layouts/icrc.familylinks/images/facebook.png");
    background-repeat: no-repeat;
    margin-right: 3px;
    margin-left: 3px;
    height: 32px;
    float: left;
    width: 32px;
    color: #eaeaea;
}

.TwitterShare a {
    display: block;
    background-image: url("/_layouts/icrc.familylinks/images/twitter.png");
    background-repeat: no-repeat;
    margin-right: 3px;
    margin-left: 3px;
    height: 32px;
    float: left;
    width: 32px;
    color: #eaeaea;
}


/* Paging Panel */
.results-paging-panel {
    clear: both;
    float: none;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
}

    .results-paging-panel a, .results-paging-panel a * {
        vertical-align: middle;
    }

    .results-paging-panel img {
        margin-top: -4px;
    }

.results-paging-summary, .results-paging-summary-bottom {
    float: left;
    font-weight: normal;
    font-style: italic;
    width: 100%;
    text-align: left;
}

.results-paging-summary-bottom {
    margin-bottom: 20px;
}

.PhotoFilersBottonsContainer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.PictureFiltersButtons {
    width: 100%;
    float: right;
    text-align: right;
    margin: 10px 0;
    padding-bottom: 5px;
}

.consolidated-filters .TestChild:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
}

.aggregated-filters .TestChild:nth-child(2n+1) {
    clear: left;
    margin-left: 0;
    padding: 0;
}

.aggregated-filters .TestChild {
    padding: 0;
}

.PictureOnlineSinceTexBox {
    margin-right: 0 !important;
    text-shadow: 0 0 0 Black;
    &:focus;

{
    outline: none;
}

}

.ui-datepicker-trigger {
    margin-left: 5px;
    position: relative;
}

.TestChild div {
    padding: 0;
}

.glossary-quick-jump {
    width: 100%;
}

.visibleTabMod {
    display: none;
    margin-top: 0;
}

.beige-panel P {
    padding: 0 !important;
}

.layout-table .left-column h2 {
    /*padding: 0 10px;*/
}

.layout-table .left-column p {
    /*padding: 0 10px;*/
}

.fl-innerwebpartzone img, #exifviewer-img-4 {
    width: 100% !important;
    margin: 0 !important;
}

#checkincomments {
    margin: 0 !important;
}

iframe {
    width: 100% !important;
}

.guide-beneficiaries {
    line-height: 25px;
}

body #s4-bodyContainer {
    min-width: 0px;
}

body #s4-topheader2 {
    background-image: none;
    border-bottom: medium none;
    border-top: medium none;
}

.linkBorder {
    margin-right: 7px;
    padding-right: 7px;
    border-right: 1px solid #FFF;
}

.language-selector {
    color: #fff;
    position: relative;
    /*position: absolute;
    right: 0;
    font-size: 11px;*/ /* change font size from 13 px to 11 px */
    margin-top: 1.2rem;
}

.layout-table .right-column {
    padding-top: 15px !important;
    padding-bottom: 15px; /* border-left: 1px solid #e0e0e0;*/
}
/*.layout-table .left-column
{
    border-right:none;
}*/
.country-page .LogoImage {
    max-width: 35%;
}

.country-contact:first-child, .country-contact:nth-child(2n+1) {
    width: 46%;
    padding-right: 4%;
}

.s4-search table {
    margin-right: 12px;
}

.layout-table .left-column > p, .layout-table .right-column p {
    /*padding: 0 10px;*/
}

.where-we-work p {
    padding: 0px !important;
}

.fl-tooltips-target h5, .fl-tooltips-target h5 + div {
    /*padding: 0 10px;*/
}

.webpart_padding {
    /*padding: 10px;*/
}

.country-page p {
    padding: 0 !important;
}
/*.fl-form div
{
    width: auto !important;
}*/

.listNews p {
    padding: 0 !important;
}

.left-column .s4-wpcell-plain .s4-wpTopTable table tbody tr td div {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    text-align: center;
}

.left-column .s4-wpcell-plain .s4-wpTopTable table tbody tr td {
    height: auto !important;
}

.left-column .ms-WPBody table {
    margin-left: auto;
    margin-right: auto;
}

.ms-WPBody .WorkingQueryRdBtnList {
    margin-left: inherit;
}

.btnsContacts {
    text-align: left;
}

.listNews table.NewsTable {
    margin-left: 0;
    margin-right: 0;
}

.FindSomeOneHyperLink .desktop {
    display: inline;
}

.FindSomeOneHyperLink .mobile {
    /* display:none; */
}

.serviceSection {
    margin-bottom: 20px;
}

.crisis-repeater {
    text-align: center;
}

.NextBtn {
    margin-top: 50px !important;
}

@media screen and (min-width: 1025px) {

    .s4-title-inner h1 img {
        padding-top: 30px;
    }

    .language-selector {
        /*padding: 5px 12px 5px 10px;
        top: 0;*/
    }

    .custom-dropdown .LanguageDropDownListSmallScreen {
        display: none;
    }

    #mainPageContent > ul, .menu-horizontal > ul {
        list-style-image: none;
    }

    /* #mainPageContent > ul, .menu-horizontal > ul
                            {
                               font-size: 13px;
                            }*/

    /*#pull
                                                                                        {
                                                                                            display: none;
                                                                                        }*/
    #s4-searcharea {
        display: inline;
    }

    .iconMenu {
        display: none;
    }
    /* #search_icone
                                                                                        {
                                                                                            display: none;
                                                                                        }*/
    .results-paging-panel .glyphicon-chevron-right, .results-paging-panel .glyphicon-chevron-left {
        display: none;
    }

    .FindSomeOneHyperLink .mobile {
        position: absolute;
        top: 20%;
        left: 35%;
    }
    /*nishant*/
    
    .HowWeworkFirstCircle {
        background-image: url(/_layouts/icrc.familylinks/images/globe-large.png);
    }

    .HowWeworkSecoundCircle {
        background-image: url(/webgateimages/homepageimgs/Picture2-xl.png);
    }

    .HowWeworkThirdCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-YU-N-00195-13-xl.png);
    }

    .HowWeworkBottomCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-HT-E-00633-xl.png);
    }

    .AboutBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Header-xl.png);
    }

    .AboutMiddeBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Middle-xl.png);
    }

    .AboutbottomCircleFirstImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-first-circle-xl.png);
    }

    .AboutbottomCircleSecoundImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-second-circle-xl.png);
    }

    .AboutbottomCircleThirdImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-third-circle-xl.png);
    }

    .HomeBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Header-xl.png);
    }

    .HomeMiddleBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Middle-xl.png);
    }

    .HomeBottomBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Bottom-xl.png);
    }
}

@media screen and (max-width: 1024px) {
    .SummaryPanelContainer {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .tabletFullWith {
        width: 100%;
        margin-left: 0;
    }

    #s4-ribbonrow {
        display: none;
    }

    body #s4-topheader2 {
        height: 50px;
        position: fixed;
        z-index: 20;
        left: 0;
        top: 0;
    }

    .s4-title-inner {
        transform: translateY(45px);
        -webkit-transform: translateY(45px);
        -ms-transform: translateY(45px); /* IE 9 */
        -o-transform: translateY(45px); /* Opera */
        -moz-transform: translateY(45px); /* Firefox */
        height: 150px !important;
    }
    /*SlideShow Webpart style to test*/
    .left-column .s4-wpcell-plain td {
        /*width: 100% !important;*/
    }

    .left-column .s4-wpcell-plain .s4-wpTopTable img {
        display: inline;
    }

    .left-column .s4-wpcell-plain .s4-wpTopTable table tbody > tr td > div img {
        display: inline;
        width: 100% !important;
    }

    .left-column .s4-wpcell-plain td, .left-column .s4-wpcell-plain td div {
        /*height: auto !important;*/
    }

    /*Responsive menu Style */
    .menu-horizontal {
        display: block;
        border-right: 0 !important; /* transform: translateY(44px);         -webkit-transform:translateY(44px);         -ms-transform: translateY(44px);          -o-transform: translateY(44px);          -moz-transform: translateY(44px); */
        height: 450px;
        z-index: 4;
        position: relative;
        border-bottom: 0;
        /* overflow-y: scroll; */
        -webkit-overflow-scrolling: touch;
    }

        .menu-horizontal ul {
            width: 100%;
            display: block; /*height: auto;*/
            line-height: 35px;
            float: none;
            position: static;
        }

            .menu-horizontal ul.dynamic {
                position: static !important;
            }

        .menu-horizontal ul {
            display: none;
        }

        .menu-horizontal a.static {
            float: none !important;
        }

    .menu .menu-item .additional-background, .menu .menu-item .additional-background .menu-item-text {
        display: inline;
    }

    .s4-tn li.static:first-child {
        border-bottom: 1px solid #e5e5e5 !important;
        border-top: 1px solid rgb(229, 229, 229);
    }

    .menu-horizontal li.static {
        min-height: 50px !important;
        border-left: 0;
        width: 100%;
        float: none;
        position: relative;
        height: auto;
        border-bottom: 1px solid #e5e5e5;
    }

    .s4-tn li.static .menu-item {
        padding: 0;
        padding-top: 6px;
    }

    .menu-horizontal a {
        text-align: center;
        width: 100%;
        height: 100% !important;
    }

    .menu-horizontal {
        display: none; /* height: auto;*/
    }

    .menu-item-text, .menu-item {
        font-size: 16px !important;
    }

    .iconMenu {
        padding: 10px 0;
        display: block;
        background-color: transparent;
        display: inline-block; /*position: absolute;*/
        cursor: pointer;
    }

        .iconMenu a {
            padding: 10px 0px 10px 17px;
            color: White !important;
        }

    .HiddenLink {
        display: none !important;
    }

    .language-selector {
        background-color: transparent !important; /* padding: 15px 10px !important;*/
        top: 0px !important;
        min-width: 0px;
        z-index: 100;
        position: fixed !important;
    }

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle; /* margin-top: 10px;  demo only */
    }

        .custom-dropdown select {
            font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif;
            vertical-align: middle;
            background-color: transparent;
            color: white;
            font-size: inherit;
            padding: .5em;
            padding-bottom: 0em;
            padding-right: 1.5em;
            border: 0;
            margin: 0;
            border-radius: 3px;
            text-indent: 0.01px;
            text-overflow: '';
            -webkit-appearance: button; /* hide default arrow in chrome OSX */
            text-align: right;
            font-size: 16px; /*width: 110px;*/
            min-width: 50px;
            text-transform: uppercase;
            font-weight: bold;
            -moz-appearance: none;
        }

            .custom-dropdown select:hover {
                text-decoration: underline;
            }

        .custom-dropdown .LanguagesDropDownListDeskTop {
            display: none;
        }

        .custom-dropdown select option {
            text-align: left;
            color: Black !important;
            font-weight: normal;
            text-transform: uppercase;
        }

        .custom-dropdown::before, .custom-dropdown::after {
            content: "";
            position: absolute;
            pointer-events: none;
        }

        .custom-dropdown::after {
            /*  Custom dropdown arrow */
            content: "\25BC";
            height: 1em;
            font-size: .625em;
            line-height: 1;
            right: 1.2em;
            top: 50%;
            color: white;
        }

        .custom-dropdown::before {
            /*  Custom dropdown arrow cover */
            width: 2em;
            right: 0;
            top: 0;
            bottom: 0;
            border-radius: 0 3px 3px 0;
        }

        .custom-dropdown select[disabled] {
            color: white;
        }

            .custom-dropdown select[disabled]::after {
                color: white;
            }

        .custom-dropdown::after {
            color: white;
        }

    /*Search Style*/
    #s4-searcharea {
        /*transform: translateY(44px);         -webkit-transform:translateY(44px);         -ms-transform: translateY(44px);          -o-transform: translateY(44px);          -moz-transform: translateY(44px);*/
        background-color: #F00;
        width: 100%;
        height: 50px;
        display: none;
    }

        #s4-searcharea table {
            float: right;
            position: absolute;
            text-align: right;
            right: 0px;
            width: 90%;
            margin-top: 4px;
        }

    .s4-search input.ms-sbplain {
        min-width: 90%;
        padding: 7px 10px;
        border-radius: 4px;
    }

    .s4-search .ms-sbgo a {
        color: #FFF;
        position: relative;
        left: 5px;
    }

    .wpSearch .right-column {
        display: none;
    }

    .ms-searchref-main {
        width: 100% !important;
    }

    .results-paging-panel .ClsPreviousImage, .results-paging-panel .ClsNextImage {
        display: none !important;
    }

    .results-paging-panel .glyphicon-chevron-right, .results-paging-panel .glyphicon-chevron-left {
        display: inline-block;
        vertical-align: middle;
        color: #676767;
        top: 0;
    }

    .results-paging-panel .glp-right-next, .results-paging-panel .glp-right-previous {
        display: none !important;
    }

    .fl-linklist ul li {
        padding: 5px 0;
    }

    .FindSomeOneHyperLink .desktop {
        display: none !important;
    }

    .FindSomeOneHyperLink .mobile {
        display: inline !important;
        padding: 10px 20px;
        position: fixed;
        top: 0px;
        right: 0px;
    }
    /*nishant*/
    
    .HowWeworkFirstCircle {
        background-image: url(/_layouts/icrc.familylinks/images/globe-large.png);
    }

    .HowWeworkSecoundCircle {
        background-image: url(/webgateimages/homepageimgs/Picture2-lg.png);
    }

    .HowWeworkThirdCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-YU-N-00195-13-lg.png);
    }

    .HowWeworkBottomCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-HT-E-00633-lg.png);
    }

    .AboutBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Header-lg.png);
    }

    .AboutMiddeBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Middle-lg.png);
    }

    .AboutbottomCircleFirstImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-first-circle-lg.png);
    }

    .AboutbottomCircleSecoundImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-second-circle-lg.png);
    }

    .AboutbottomCircleThirdImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-third-circle-lg.png);
    }

    .HomeBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Header-lg.png);
    }

    .HomeMiddleBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Middle-lg.png);
    }

    .HomeBottomBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Bottom-lg.png);
    }
}

@media screen and (min-width: 769px) {
    .cbo-tools .fl-webpartzone {
        float: none;
    }

    .consolidated-picture-filters .pictures-filters .span_8 {
        width: auto;
    }

    .webgate-footer .row .links {
        margin-top: 55px;
        padding-right: 20px;
    }

    .alerts-col1 a, .alerts-col2 a, .alerts-col3 a {
        width: 100% !important;
        margin: 0 !important;
    }

        .alerts-col3 a:last-child {
            display: block !important;
        }

    .dispatcher-selector-list .crisis-panel .crisis-languages h5 {
        margin: 0 !important;
    }

    .consolidated-list-filters .glyphicon-remove, .pictures-filters .glyphicon-remove {
        display: none;
    }

    .consolidated-list-filters .multilingClear {
        display: inline;
    }

    .picture-result {
        width: 25%;
        margin: 30px 0 !important;
    }
    /*nishant css*/
   
    .HowWeworkFirstCircle {
        background-image: url(/_layouts/icrc.familylinks/images/globe-large.png);
    }

    .HowWeworkSecoundCircle {
        background-image: url(/webgateimages/homepageimgs/Picture2-lg.png);
    }

    .HowWeworkThirdCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-YU-N-00195-13-lg.png);
    }

    .HowWeworkBottomCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-HT-E-00633-lg.png);
    }

    .AboutBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Header-lg.png);
    }

    .AboutMiddeBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Middle-lg.png);
    }

    .AboutbottomCircleFirstImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-first-circle-lg.png);
    }

    .AboutbottomCircleSecoundImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-second-circle-lg.png);
    }

    .AboutbottomCircleThirdImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-third-circle-lg.png);
    }

    .HomeBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Header-lg.png);
    }

    .HomeMiddleBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Middle-lg.png);
    }

    .HomeBottomBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Bottom-lg.png);
    }
    /*.picture-result img
                            {
                                width: 80% !important;
                                height: auto !important;
                            }*/

}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .s4-title-inner {
        background-size: 100% 80%;
    }

    .webgate-footer .row .icrc > span, .webgate-footer .row .rcrc > span {
        position: relative;
        top: 30;
    }
    /*nishant*/
    
    .HowWeworkFirstCircle {
        background-image: url(/_layouts/icrc.familylinks/images/globe-large.png);
    }

    .HowWeworkSecoundCircle {
        background-image: url(/webgateimages/homepageimgs/Picture2-md.png);
    }

    .HowWeworkThirdCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-YU-N-00195-13-md.png);
    }

    .HowWeworkBottomCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-HT-E-00633-md.png);
    }

    .AboutBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Header-md.png);
    }

    .AboutMiddeBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Middle-md.png);
    }

    .AboutbottomCircleFirstImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-first-circle-md.png);
    }

    .AboutbottomCircleSecoundImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-second-circle-md.png);
    }

    .AboutbottomCircleThirdImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-third-circle-md.png);
    }

    .HomeBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Header-md.png);
    }

    .HomeMiddleBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Middle-md.png);
    }

    .HomeBottomBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Bottom-md.png);
    }
}

@media screen and (max-width: 769px) {
    /*Aggregated dashboard*/
    .query-builder-field-select, .query-builder-operator-select, .query-builder-term {
        width: 100% !important;
    }

    .consolidated-filters label {
        margin-right: 0px !important;
        width: 80px !important;
    }

    .visibleTabMod {
        display: block;
    }

    .dispatcher-selector-list .crisis-panel .crisis-details {
        background-position: center center;
        background-size: 250px 250px;
        /*height: 100px;
        width: 100%;*/
    }

    .family-links-carousel div div.img {
        border-radius: 10px;
    }

    .family-links-carousel div div.info {
        height: auto;
    }

    .s4-title-inner {
        /*background: #C2AE8B url("/_layouts/ICRC.FamilyLinks.Extranet/images/bgHeaderMobile.jpg") no-repeat scroll 0px 0px;         background-size: contain;*/
    }

    .layout-table .left-column {
        padding: 0px 1%;
    }

    .layout-table .right-column {
        margin-left: 0 !important;
    }
    /*Paging panel*/
    .paging-panel .ms-paging, .paging-panel a {
        font-size: 12pt;
    }

    /*Poster publication - Photos page*/
    .PhotosFilter {
        display: block;
        margin-bottom: 10px;
    }

        .PhotosFilter label {
            display: inline-block;
            width: 40%;
        }

        .PhotosFilter select {
            width: 40%;
            height: 30px;
        }

            .PhotosFilter select option {
                height: 30px;
                padding-top: 10px;
            }

    .PhotosFilterButtons {
        display: block;
        text-align: left;
        margin: 20px 0;
    }

    .where-we-work .country-select {
        height: 30px;
    }

        .where-we-work .country-select option {
            height: 30px;
            padding-top: 10px;
        }

    .news-article .left-column {
        padding-bottom: 0 !important;
    }
    /* select 
                                                    {
                                                        height:30px;
                                                    }
                                                    select option
                                                    {
                                                        height:30px;
                                                        padding-top:10px;
                                                    }*/
    /*Foteer links*/

    .webgate-footer .links {
        text-align: center;
        padding: 0px;
    }

        .webgate-footer .links a {
            border-left: 0 !important;
            border: 0;
            display: block;
            text-align: center;
            margin-bottom: 15px;
        }

    #bannerFooter {
        float: none; /*text-align: justify;*/
    }

    .news-items {
        max-width: 100%;
    }

    .region-map {
        display: none;
    }

    .tabMobPosition {
        margin-top: 15px;
    }

    .consolidated-list-filters .glyphicon-remove {
        /*display:block;*/
    }

    .multilingClear {
        display: none;
    }

    .results-paging-panel .ClsPageItemsLabel {
        font-size: 16px;
        vertical-align: middle;
    }

    .left-column .s4-wpcell-plain .s4-wpTopTable tr td a img {
        display: inline; /* min-width: 45px;*/
    }

    .wpSearch .left-column .s4-wpcell-plain .s4-wpTopTable tr td a img {
        min-width: 0;
    }

    .description-online-result {
        height: auto !important;
        min-height: 250px !important;
    }

    .row-FindSomeOne {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .container-logo.bigLogo {
        padding-left: 0;
        margin-left: 0;
        display: inline !important;
    }

    .container-logo span {
        display: none;
    }

    .footer-menu {
        margin-bottom: 15px;
    }

    .footer-menu2 {
        text-align: center;
    }

    .menu-ul {
        padding: 0;
        margin: 0;
    }

    .footerLink {
        min-width: initial !important;
        max-width: initial !important;
        border-right: none !important;
    }

    .footer-Link2 {
        display: block;
    }

    /*nishant css */
   
    .HowWeworkFirstCircle {
        background-image: url(/_layouts/icrc.familylinks/images/globe-large.png);
    }

    .HowWeworkSecoundCircle {
        background-image: url(/webgateimages/homepageimgs/Picture2-md.png);
    }

    .HowWeworkThirdCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-YU-N-00195-13-md.png);
    }

    .HowWeworkBottomCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-HT-E-00633-md.png);
    }

    .AboutBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Header-md.png);
    }

    .AboutMiddeBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Middle-md.png);
    }

    .AboutbottomCircleFirstImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-first-circle-md.png);
    }

    .AboutbottomCircleSecoundImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-second-circle-md.png);
    }

    .AboutbottomCircleThirdImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-third-circle-md.png);
    }

    .HomeBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Header-md.png);
    }

    .HomeMiddleBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Middle-md.png);
    }

    .HomeBottomBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Bottom-md.png);
    }
}






/*CSS for online tracing page*/
label.img-txt {
    text-shadow: rgba(0,0,0,1) 0 0 5px;
    font-size: 1.2rem;
    color: #fff;
    font-weight: bold;
    padding: 10% 0 0 0%;
}

.container-desc-text.p-3.txt-align {
    text-align: left;
}

ul.menu-ul.text-small-inverse.lang-ul {
    padding: 0;
}

.lang-ul li {
    padding-bottom: 0;
}

    .lang-ul li a {
        color: #BA6A3D !important;
        padding-bottom: 5%;
    }

.text-medium-inverse {
    margin-bottom: 5%;
}

.trace-img {
    background-size: 250px 300px !important;
    width: 250px !important;
    height: 300px !important;
}

.trace-desc-bx {
    width: 300px;
    height: 300px;
}

/*CSS for who we are page*/
.section-9 .img-circle img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin-left: 0;
    margin-top: 0;
}

section.section-9 {
    margin-bottom: 0;/*3rem;*/
}
/*CSS for how we work page*/
.section-11 .img-sectionX {
    height: 220px;
}

.section-10 .picture-find-family {
    max-width: 15%;
    max-height: 15%;
    border: 2px solid gainsboro;
}
/*CSS for who we are*/
section.section-8 .img-sectionX {
    height: 250px;
}
/*CSS for findsomeone page*/
.desc-txt {
    font-size: 1rem;
}

.country-contact img {
    width: 20%;
}

.ServiceImage {
    float: left;
    width: 30%;
}

.row.service-box {
    border: 1px solid #B39F7E;
    margin: 5px;
    width: 25%;
    float: left;
    padding: 1px;
}

    .row.service-box:nth-child(odd) {
        clear: both;
    }

    .row.service-box .col.span_9 {
        /* clear:left; */
        width: 100%;
        margin-left: 0;
    }

    .row.service-box .col.span_2 {
        float: left;
        width: 100%;
        padding-bottom: 0 !important;
    }

        .row.service-box .col.span_2 .picture-choice-s5.pb-3 {
            float: left;
            width: 100%;
            padding-bottom: 0 !important;
        }

            .row.service-box .col.span_2 .picture-choice-s5.pb-3 input {
                padding: 10% 35% 0 35%;
            }

.btnsFindSomeOne.bk-btn {
    margin-top: 50px;
    float: left;
    width: 100%;
}

.btnsFindSomeOne input:nth-child(1) {
    margin-right: 1% !important;
}

.srvc-btn {
    /* padding: 27px; */
    padding: 0 0 9% 0;
    border: none;
    width: 100%;
    background-color: #fff;
    color: #cc7240;
    font-weight: bold;
    font-size: 0.9rem;
}

.col-sm-12.srvc-cntnr {
    /* margin-left: 7rem; */
    padding: 0 0 0 24%;
}

.country-contacts .country-contact.mobileFullWidth {
    border: 1px solid #B39F7E;
    width: 40% !important;
    padding: 2.5rem;
    margin: 0.5rem;
    /*min-height: 500px;*/
}

.btnsFindSomeOne {
    text-align: center;
}

.country-contacts .country-contact.mobileFullWidth input {
    font-size: 0.8rem;
}

.circle-number, .circle-number-active {
    line-height: 1.8;
}

.section-4 .text-center.mt-4.mb-5 span:nth-child(2) {
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.StepOnePnl .text-medium {
    font-size: 1rem;
}

.picture-globe.m-auto .section-4 select {
    margin-top: 20px;
}

.picture-globe.m-auto .title-classic {
    padding-top: 100px;
}

.country-contact-form-dialog {
    margin: 1%;
}

/*CSS for webgate home page*/
.txt-fndsmone > span {
    left: 10%;
    top: 20%;
    position: relative;
}

.magnfr-img {
    left: 6%;
    top: 20%;
    position: absolute;
}

@-moz-document url-prefix()
{
	.magnfr-img {
		top: 0px;
	}
}

.FindSomeOneHyperLink.cntnt-link {
    position: relative;
}

.section-1 .container-picture {
    margin: 0;
    padding: 0;
    height: 140px;/*180px;*/
    /*height: 215px;*/
}

.texture {
    margin: 0;
    padding: 0;
}

.row-big-pad {
    padding: 3.5rem 0 3.5rem 0;
    /* font-size: 1rem; */
    font-size: 0;
}

.section-2 .row-big-pad {
    font-size: 1rem;
}

.row-big-pad .col-sm-5, .row-big-pad .col-sm-6 {
    height: 215px;
}

.section-2 .img-sectionX {
    height: 215px;
}

.col-sm-5 .text-small {
    margin-bottom: 0.7rem !important;
    margin-top: 0.5rem !important;
    font-size: 1.2rem;
}

.row-big-pad .col-sm-7 .mt-5 .w-25 div:nth-child(2) {
    margin: auto;
    margin-left: 0;
    margin-top: 0.5rem;
    text-align: left;
    font-size: 1rem;
    width: 50%;
}

.section-3 .img-section3 {
    padding-top: 30px;
}

.title-big {
    text-align: center;
}

.text-medium-inverse {
    text-align: left;
    font-size: 0.9rem;
}

.circle-number.m-auto {
    margin-left: 0 !important;
    line-height: 1.8;
}

.w-25.stp-cntnr .circle-number.m-auto {
    float: left;
}

.row-big-pad .col-sm-7 .mt-5 .w-25.stp-cntnr div:nth-child(2) {
    float: left;
    margin-left: 0.5rem;
    margin-top: 0;
}

.w-25.stp-cntnr {
    margin-left: 10%;
}

    .w-25.stp-cntnr:first-child {
        margin-left: 0;
    }
/*css for footer changes*/
.li-last {
    width: 42% !important;
    padding-left: 1rem !important;
    max-width: none !important;
}

    .li-last > span {
        color: #fff;
        float: left;
    }

ul.social-icons {
    list-style: none;
}

li.icon {
    margin-left: 2%;
}

    li.icon a img {
        margin-top: -5%;
        width: 100%;
    }

.menu-ul.footer-menu {
    padding-left: 0;
}

.menu-ul .separator:not(:last-child) {
    padding-left: 0 !important;
}

.menu-ul li.separator:first-child {
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 13%;
    min-width: 0;
}

.hw-it-wrks {
    margin-top: 1rem;
}

a.info-lnk, a.info-lnk:hover, a.info-lnk:visited, a.info-lnk:active {
    color: #cc7240 !important;
}

p.btm-info {
    padding-left: 2.7rem;
    font-size: 10pt;
}

.webgate-footer a.external, .webgate-footer td.links a.external {
    background: none;
    padding-left: 0;
    padding-right: 0;
}

.dispatcher-selector-list.noindex .text-small-inverse {
    font-size: 0.8rem;
}
.alrt-anchr {
    padding-bottom: 0;
    background-color: #660000;
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    border-radius: 0 !important;
}

.alrt-cntnr {
    padding-top: 0;
    margin-bottom: -1px;
}

.ms-PartSpacingVertical {
    margin: 0;
    height: 0;
}

.dispatcher-selector-list .crisis-panel .crisis-details {
    background-size: cover !important;
    background-position: center !important;
}

@media screen and (min-width: 480px) and (max-width: 768px) {
    .tabhalffullwidth .visibleTabMod {
        display: none;
    }

    .alerts-col1 a, .alerts-col2 a, .alerts-col3 a {
        width: 100% !important;
        margin: 0 0 15px 0 !important;
    }

    .alerts-col1 .col:last-child a, .alerts-col2 .col:last-child a, .alerts-col3 .col:last-child a {
        width: 100% !important;
        margin: 0 !important;
    }

    .family-links-carousel div div.info, .family-links-carousel div div.img {
        width: 100% !important;
    }

    .family-links-carousel div div.img {
        background-size: 100% 100%;
    }

    .s4-title-inner h1 {
        width: 30%;
        min-width: 0px;
    }

        .s4-title-inner h1 img {
            max-width: 100%;
        }

    .tabhalffullwidth {
        width: 49.5% !important;
    }

    .country-page .right-colum {
        padding-right: 2% !important;
    }

    .layout-table .media-right-column {
        margin-left: 0;
        padding: 0px 1%;
    }

    .dispatcher-selector-list .crisis-panel .crisis-languages h5 {
        margin: 0 !important;
    }

    .consolidated-list-filters .glyphicon-remove, .pictures-filters .glyphicon-remove {
        line-height: 0;
        top: 8px;
    }

    .picture-result {
        width: 50%;
        margin: 30px 0 !important;
    }
    /*.picture-result img
	{
		width: 80% !important;
		height: auto !important;
	}*/
    .pictures-filters .filter-button {
        height: 30px;
        margin-bottom: 20px;
        width: 30%;
    }
    /*ConsolidatedSearchLegendWebPart*/
    .LegendCell, .RegisterCell {
        width: 38%;
    }

    /*Soham:Redesign CSS reponsive*/
    .s4-title-inner img {
        vertical-align: bottom;
    }

    .custom-dropdown select {
        top: 0px;
        /*padding-right:0px;*/
        padding-right: 15px;
        padding-left: 87px;
    }

    .language-selector {
        margin-top: 0.2rem;
        margin-left: 2rem;
    }

    .container-logo.d-inline-block.sml-logo img {
        clear: both;
        float: left;
    }

    .container-logo span {
        display: inherit;
        float: left;
    }

    .container-logo.d-inline-block.sml-logo.last-logo {
        margin-top: 2rem;
    }

    .title-big {
        font-size: 1.3rem;
    }

    .text-medium-inverse {
        font-size: 1.2rem;
    }

    .row-big-pad .col-sm-6,
    .row-big-pad .col-sm-5 {
        width: 350px;
        height: 230px;
    }

    .col-sm-5 .text-small {
        font-size: 1rem;
    }

    .row-big-pad {
        padding: 1rem 0 1rem 0 !important;
    }

    .magnfr-img {
        background-color: #cc7240;
        padding: 0.5rem;
    }

    .circle-number {
        /* height: 30px; */
        /* width: 30px; */
        /* font-size: 1rem;     */
    }

    .row-big-pad .col-sm-7 .mt-5 .w-25 div:nth-child(2) {
        /* margin-left: 0; */
        /* font-size: 0.8rem; */
        width: 75%;
    }

    .title-classic {
        /* font-size:1rem; */
    }

    .row_b.row-big-pad .col-sm-4 {
        width: 86%;
        padding-top: 2%;
    }

    .menu-ul .separator {
        text-align: left;
    }

    .li-last {
        padding-left: 0 !important;
        width: 100% !important;
    }

    .container.h-100 {
        width: 85%;
    }

    .hw-it-wrks {
        /* font-size: 0.8rem; */
    }

    .section-9 .img-circle {
        width: 5rem;
        height: 5rem;
        border: 5px solid #cc7240;
        outline: 2px white;
        border-radius: 50%;
        margin-top: 24%;
    }

    .s4-tn li.static {
        padding-left: 0 !important;
        border: none !important;
    }

    .menu-horizontal li.static {
        min-height: 35px !important;
    }

    .s4-tn li.static > .menu-item.selected:hover {
        color: black;
    }

    .s4-tn li.static > .menu-item.selected {
        color: black;
    }

    .s4-tn li.static > .menu-item {
        color: white;
        white-space: nowrap;
        border: 0;
        padding: 0px 15px;
        display: inline-block;
        height: 15px;
        vertical-align: middle;
        background: #B39F7E;
        font-weight: bold;
    }

    .col-sm-12.srvc-cntnr {
        margin-left: 5rem;
        padding: 0;
    }

    .row.service-box {
        height: auto;
    }

        .row.service-box .col.span_2.tabFullWidth.mobileFullWidth {
            /* width: 30% !important; */
            float: left;
            width: 100% !important;
            padding-bottom: 0 !important;
        }

    .ServiceImage {
        width: 50%;
    }

    .row.service-box .col.span_2 .picture-choice-s5.pb-3 input {
        padding: 10% 26% 0 26%;
    }

    .row.service-box .col.span_9.tabFullWidth.mobileFullWidth {
        /* width: 100% !important; */
    }

    .srvc-btn {
        padding: 0 0 9% 0;
        width: 100%;
        font-size: 9px;
    }

    .text-medium {
        font-size: 1rem;
    }

    .section-10 .howItWorksSection {
        width: 100%;
    }

    .text-small-inverse {
        font-size: 1.1rem !important;
    }

    .trace-img {
        background-size: 150px 250px !important;
        width: 150px !important;
        height: 250px !important;
    }

    .trace-desc-bx {
        width: 190px;
    }

    /*Navigation Fix*/
    .menu-horizontal ul {
        width: 100%;
        display: block;
        line-height: 29px;
        float: none;
        position: static;
    }

    .s4-tn li.static:first-child {
        border-bottom: 0px solid #e5e5e5 !important;
        border-top: 1px solid rgb(229, 229, 229);
        background: 1px white;
    }

    .s4-tn li.static > .menu-item {
        color: white;
        white-space: nowrap;
        border: 0;
        background: 1px white;
        display: inline-block;
        height: 15px;
        vertical-align: middle;
        background: #B39F7E;
        font-weight: bold;
    }

    .s4-tn li.static .menu-item {
        padding: 0;
        padding-top: 5px;
    }
    /*nishant*/
    
    .HowWeworkFirstCircle {
        background-image: url(/_layouts/icrc.familylinks/images/globe-large.png);
    }

    .HowWeworkSecoundCircle {
        background-image: url(/webgateimages/homepageimgs/Picture2-sm.png);
    }

    .HowWeworkThirdCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-YU-N-00195-13-sm.png);
    }

    .HowWeworkBottomCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-HT-E-00633-sm.png);
    }

    .AboutBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Header-sm.png);
    }

    .AboutMiddeBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Middle-sm.png);
    }

    .AboutbottomCircleFirstImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-first-circle-sm.png);
    }

    .AboutbottomCircleSecoundImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-second-circle-sm.png);
    }

    .AboutbottomCircleThirdImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-third-circle-sm.png);
    }

    .HomeBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Header-sm.png);
    }

    .HomeMiddleBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Middle-sm.png);
    }

    .HomeBottomBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Bottom-sm.png);
    }
}

@media screen and (min-width: 0px) and (max-width: 479px) {
    .cbo-tools .fl-form .buttons, .aggregated-list-view .btns {
        text-align: left;
    }

    .picture-results-page-size-small {
        padding-left: 0px !important;
    }

    .ColumnTitle {
        width: 30%;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .consolidated-filters label {
        width: 100px !important;
    }

    .bigLogo {
        display: none;
    }

    .littleLogo {
        display: inline;
        border-radius: 5px;
    }

    .family-links-carousel div div.img {
        border-radius: 10px !important;
    }

    .alerts-col1 a, .alerts-col2 a, .alerts-col3 a {
        width: 100% !important;
        margin: 2px 0 !important;
    }

    .alerts-col1 .row .col:nth-child(even) a, .alerts-col2 .row .col:nth-child(even) a, .alerts-col3 .row .col:nth-child(even) a {
        margin-top: 7.5px !important;
    }

    .alerts-col1 .row .col:nth-child(odd) a, .alerts-col2 .row .col:nth-child(odd) a, .alerts-col3 .row .col:nth-child(odd) a {
        margin-bottom: 7.5px !important;
    }

    .alert-box span, .alert-box.external span {
        margin: 5px 15px 5px 15px !important;
    }

    .alert-box {
        height: auto !important;
        font-size: 0.5rem !important;
    }

    .family-links-carousel div div.info, .family-links-carousel div div.img {
        width: 100% !important;
    }

    .s4-title-inner h1 {
        width: 50%;
        min-width: 0px;
        padding-left: 0;
    }

        .s4-title-inner h1 img {
            max-width: 100%;
        }

    .layout-table .right-column {
        padding-top: 15px !important;
        padding: 1%;
        margin-left: 0 !important;
    }

    .left-column img {
        /*display: none;*/
    }

    .country-contact:first-child, .country-contact:nth-child(2n+1) {
        width: 100% !important;
        margin-bottom: 50px !important;
    }

    .country-contact {
        width: 100% !important;
    }

    .dispatcher-selector-list .crisis-panel {
        text-align: center;
    }

        .dispatcher-selector-list .crisis-panel .crisis-languages h5 {
            margin: 0 !important;
        }

        .dispatcher-selector-list .crisis-panel p {
            float: none;
            clear: both;
        }

        .dispatcher-selector-list .crisis-panel .crisis-languages .list-style {
            margin-left: 40%;
            float: left;
        }

    /*Display dispatcher selector webpart title*/
    .dispatcher-selector .fl-form, .dispatcher-selector .SearchCrisesText {
        display: none;
    }

    .dispatcher-selector-list {
        margin-top: 20px;
    }
    /*Crisis site style*/
    .s4-wpcell-plain td {
        width: 100% !important;
        float: left;
        background: none;
    }

    .ModifyEnquirerPage td {
        width: 100% !important;
        float: left !important;
        background: none;
    }

    .consolidated-list-filters .person-search-textbox {
        margin-bottom: 20px;
        margin-top: 10px;
        height: 25px;
    }

    .consolidated-list-filters .filter-button, .pictures-filters .filter-button {
        height: 30px;
        margin-bottom: 20px;
        width: 80%;
    }

    .consolidated-list-filters .glyphicon-remove, .pictures-filters .glyphicon-remove {
        top: 8px;
    }
    /*Poster publication - Photos page*/
    .PhotosFilter {
        display: block;
    }

    .picture-result {
        margin: 0 !important;
        padding: 30px 0 !important;
        float: none !important;
    }

    .person-details td {
        width: 100% !important;
    }

    .captioned-image {
        margin: 15px 0px;
        float: none;
        text-align: center;
    }
    /*Medias Style*/
    .listNews p {
        padding: 0 !important;
    }

    .imagebloc {
        width: 100%;
    }

        .imagebloc img {
            display: block;
            width: 80%;
        }
    /*Detail News*/
    .detailNewsImage {
        text-align: center;
    }

        .detailNewsImage img {
            display: inline;
            width: 50%;
        }
    /*SlideShow Webpart style to test*/
    .left-column .s4-wpcell-plain td {
        width: 100% !important;
    }

    .left-column .s4-wpcell-plain .s4-wpTopTable img {
        display: inline;
    }

    .left-column .s4-wpcell-plain .s4-wpTopTable table tbody > tr td > div img {
        display: inline;
        width: 100% !important;
        height: auto !important;
    }

    .left-column .s4-wpcell-plain td, .left-column .s4-wpcell-plain td div {
        /*height: auto !important;*/
    }

    .alert-box span:first-child {
        padding-top: 10px;
    }

    .country-select, .country-select-lbl {
        display: block !important;
        margin-left: 0 !important;
        margin-bottom: 15px;
    }

    /*Soham:Redesign CSS reponsive*/
    .s4-title-inner img {
        vertical-align: bottom;
    }

    .custom-dropdown select {
        top: 0px;
        padding-right: 16px;
    }

    .language-selector {
        margin-top: 0.2rem;
        margin-left: -0.5rem;
    }

    .container-logo.d-inline-block.sml-logo img {
        clear: both;
        float: left;
    }

    .container-logo span {
        display: inherit;
        float: left;
    }

    .container-logo.d-inline-block.sml-logo.last-logo {
        margin-top: 2rem;
    }

    .title-big {
        font-size: 1.3rem;
    }

    .text-medium-inverse {
        font-size: 1.2rem;
    }

    .row-big-pad .col-sm-6,
    .row-big-pad .col-sm-5 {
        width: 350px;
        height: 230px;
    }

    .row-big-pad .col-sm-5 {
        text-align: center;
    }

    .row-big-pad {
        padding: 1rem 0 1rem 0 !important;
    }

    .magnfr-img {
        background-color: #cc7240;
        padding: 0.5rem;
        position: unset;
    }

    .circle-number {
        /*height: 30px;
    width: 30px;
    font-size: 1rem;*/
    }

    .row-big-pad .col-sm-7 .mt-5 .w-25 div:nth-child(2) {
        /*font-size: 0.8rem;*/
        /* text-align: center; */
        margin-left: auto;
    }

    .d-flex.text-center.mt-5 .w-25 {
        width: 100% !important;
        display: inline-block;
        margin-top: 1rem;
    }

    .d-flex.text-center.mt-5 {
        display: unset !important;
    }

    .circle-number.m-auto {
        margin-left: 1rem !important;
        float: left;
    }

    .row_b.row-big-pad .col-sm-7 {
        width: 100%;
        padding: 0;
    }

    .title-classic {
        /* font-size:1rem; */
        margin-left: 0rem;
    }

    .row_b.row-big-pad .col-sm-4 {
        width: 86%;
        padding-top: 2%;
    }

    .menu-ul .separator {
        text-align: left;
    }

    .li-last {
        padding-left: 0 !important;
        width: 100% !important;
    }

    .container.h-100 {
        width: 85%;
    }

    .hw-it-wrks {
        /* font-size: 0.8rem; */
        margin-left: 1rem;
    }

    .section-9 .img-circle {
        width: 5rem;
        height: 5rem;
        border: 5px solid #cc7240;
        outline: 2px white;
        border-radius: 50%;
        margin-top: 24%;
    }

    .s4-tn li.static {
        padding-left: 0 !important;
        border: none !important;
    }

    .menu-horizontal li.static {
        min-height: 35px !important;
    }

    .s4-tn li.static > .menu-item.selected:hover {
        color: black;
    }

    .s4-tn li.static > .menu-item.selected {
        color: black;
    }

    .s4-tn li.static > .menu-item {
        color: white;
        white-space: nowrap;
        border: 0;
        padding: 0px 15px;
        display: inline-block;
        height: 15px;
        vertical-align: middle;
        background: #B39F7E;
        font-weight: bold;
    }

    .country-contacts .country-contact.mobileFullWidth {
        width: 85% !important;
    }

    .StepThreePnl .btnsFindSomeOne {
        margin-right: 2rem;
    }

    .col-sm-12.srvc-cntnr {
        margin-left: 4rem;
        padding: 0;
    }

    .row.service-box {
        height: auto;
        width: 80%;
    }

        .row.service-box .col.span_2.tabFullWidth.mobileFullWidth {
            width: 30% !important;
        }

        .row.service-box .col.span_9.tabFullWidth.mobileFullWidth {
            width: 70% !important;
        }

    .srvc-btn {
        height: 48px;
        padding: 14px;
        width: 86%;
        font-size: 0.8rem;
    }

    .btnsFindSomeOne.bk-btn {
        margin-right: 45px;
    }

    .section-4 .container {
        padding: 0;
    }

    .section-4 .col.col-md-12 {
        padding: 0;
        margin: 0;
    }

    .section-10 .howItWorksSection {
        width: 100%;
    }

    .text-small-inverse {
        font-size: 1.1rem !important;
    }

    .trace-img {
        background-size: 150px 250px !important;
        width: 150px !important;
        height: 250px !important;
    }

    .trace-desc-bx {
        width: 150px;
    }

    .row_b.mt-5.mb-5 .fl-form.noindex {
        padding-left: 1rem;
    }

    .country-select.ml-4.d-inline-block {
        float: left;
        margin-right: 1rem;
    }

    .trace-desc-bx {
        margin-right: 2rem;
    }
    /*Navigation fix*/
    .menu-horizontal ul {
        width: 100%;
        display: block;
        line-height: 29px;
        float: none;
        position: static;
    }

    .s4-tn li.static:first-child {
        border-bottom: 0px solid #e5e5e5 !important;
        border-top: 1px solid rgb(229, 229, 229);
        background: 1px white;
    }

    .s4-tn li.static > .menu-item {
        color: white;
        white-space: nowrap;
        border: 0;
        background: 1px white;
        display: inline-block;
        height: 15px;
        vertical-align: middle;
        background: #B39F7E;
        font-weight: bold;
    }

    .s4-tn li.static .menu-item {
        padding: 0;
        padding-top: 6px;
    }
    /*nishant*/
    
    .HowWeworkFirstCircle {
        background-image: url(/_layouts/icrc.familylinks/images/globe-large.png);
    }

    .HowWeworkSecoundCircle {
        background-image: url(/webgateimages/homepageimgs/Picture2-xs.png);
    }

    .HowWeworkThirdCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-YU-N-00195-13-xs.png);
    }

    .HowWeworkBottomCircle {
        background-image: url(/webgateimages/homepageimgs/V-P-HT-E-00633-xs.png);
    }

    .AboutBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Header-xs.png);
    }

    .AboutMiddeBgImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-Middle-xs.png);
    }

    .AboutbottomCircleFirstImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-first-circle-xs.png);
    }

    .AboutbottomCircleSecoundImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-second-circle-xs.png);
    }

    .AboutbottomCircleThirdImage {
        background-image: url(/webgateimages/homepageimgs/Who-We-Are-third-circle-xs.png);
    }

    .HomeBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Header-xs.png);
    }

    .HomeMiddleBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Middle-xs.png);
    }

    .HomeBottomBgImage {
        background-image: url(/webgateimages/homepageimgs/Home-Bottom-xs.png);
    }
}

/*///////////////////////////*/
/*LAYOUT CORRECTIONS */
/*//////////////////////////*/

/*BODY HEIGHT FIX*/
body #s4-bodyContainer{
	height: 100%;
}

.webgate-footer{
	margin-top: 0;
	font-size : 0.6rem
}
.rgt-info{
	float: right;
}
/*MOBILE MENU*/
.menu-horizontal li.static{
	min-height: 34px !important;
	padding-left: 0;
}

/*.menu-horizontal.familyLinks li.static > .menu-item{
	background: #B39F7E;
}*/

.menu-horizontal li.static > .menu-item{
	background: #B39F7E;
}

/*LANGUAGE SELECTOR*/
.language-selector{
	margin-top: 0;
	right: 50px;
}
.language-selector select{
	top: 0;
}
.custom-dropdown select{
	padding-right: 0px;
}

@-moz-document url-prefix()
{
	.custom-dropdown select{
		padding-right: 25px;
	}
}

/*HOW IT WORKS - TITLE*/
.title-classic {
	margin-left: 3%;
	font-size: 1.1rem;
}

.title-classic.border-title-classic
{
	margin-left: 0px !important;
}

.title-classic.border-title-classic.home-page
{
	margin-left: 4% !important;
}

/*ONLINE TRACE - TRACE IMG*/
.crisis-panel.noindex.col-sm-6.mb-4.mobileFullWidth .d-inline-block{
	width: 49% !important;
	border:1px solid black;
}
.trace-img{
	width: 100% !important;
	display: inline-block;
	background-size: cover !important;
}
.trace-img label.img-txt{
	padding: 10% 0 0 2%;
}

.trace-desc-bx{
	margin-right: 0;
}

.description-online-result{
	width: 49% !important;
	display: inline-block;
}
p.btm-info{
	padding-left: 4%;
}

.text-small-inverse
{
	font-size: 0.9rem !important;
}

/*ROW WIDTH CORRECTION ON MOBILE BROWSERS*/
.row-big-pad .col-sm-6, .row-big-pad .col-sm-5{
	width: 100% !important;
	height: auto !important;
}
.container, .container-fluid{
	width: auto;
}

.section-1 .container-picture{
	height: 140px;
	background-size: cover;
	background-position: center;
}

.HomeMiddleBgImage{
	background-size: cover !important;
	height: 300px;
}

/*CONTENT LEFT MARGIN*/
.row_b.mt-3{
	margin-left: 0px;
}

.row_b.mt-5.mb-5{
	margin-left: 0px;
}

/*Screen resolution up to 480px*/
/*Home page alerts box*/
.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx a{
	padding-bottom: 10px;
	min-height: 30px;
}
.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx a span{
	font-size: 0.6em;
	padding-left: 100px;
}
.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx{
	
	background-color: #c53b34;
	border-left: 5px solid #c53b34;
	border-top: 5px solid #c53b34;
	border-right: 5px solid #c53b34;
	border-bottom: 0px;
	height: 47px;
}
.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx:last-child{
	border-bottom: 3px solid #c53b34;
	border-top: 0px;
}
.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx span{
	padding-top: 0px;
	margin: 1px 1px 1px 5px !important;
}

/*3 LOGOS UNDER HEADER*/
.container-3logo span .container-logo.d-inline-block.sml-logo .container-logo.bigLogo{
	margin-left: 1%;
	margin-top: 6%;
}
.container-3logo span .container-logo.bigLogo{
	margin-left: 1%;
	margin-top: 2rem;
	display: inline-block !important;
}
.container-3logo span .container-logo.bigLogo.d-inline-block{
	width: 30%;
}
.container-3logo span .container-logo.bigLogo.d-inline-block a img{
	width: 130%;
	height: auto;
}


/*MISSING FAMILY IMAGES*/
.section-10 .picture-find-family{
	background-size: cover;
	background-position: center;
}

/*3 STEPS TO START A SEARCH*/
.d-flex.text-center.mt-5 .w-25.stp-cntnr{
	margin-left: 0%;
}


/*CIRCLE IMAGES*/
.section-9 .img-circle{
	width: 80px;
	height: 80px;
}
.section-9 .img-circle img{
	object-fit: cover;
}

/*FIND SOMEONE BUTTONS AND TEXT*/
.row.service-box .col.span_2 .picture-choice-s5.pb-3 input{
	padding: 0;
	padding-top: 10%;
	margin-left: 3%;
	width: 100%;
}
.btnsFindSomeOne.bk-btn{
	width: 100%;
}
.btnsFindSomeOne{
	width: 100%;
	margin-left: -2%;
}
.btnsFindSomeOne.bk-btn input{
	width: 40%;
	display: inline-block;
}
.btnsFindSomeOne input{
	width: 40%;
	display: inline-block;
}
.col-sm-12.srvc-cntnr{
	margin-left: 12%;
}
.col-sm-12.srvc-cntnr .row.service-box.no-gutters .button-classic.m-auto.srvc-btn{
	padding: 12px;
	padding-top: 20px;
}

.text-medium.mb-5{
	margin-left: 2%;
}

.section-4 .picture-globe {
	background-size: cover !important;
	background-position: center !important;
}

.section-4 select {
	width: auto;
}

.section-4 .row-FindSomeOne .text-medium{
	padding: 6%;
	padding-right: 8%;
}
.magnfr-img {
	left: 0px;
    position: relative;
}

/*COUNTRY CONTACT*/
.country-contacts .country-contact.mobileFullWidth{
	width: 67% !important;
}

/*FOOTER SHARE ICONS*/
.menu-ul.footer-menu .li-last{
	width: 120% !important;
	margin-left: -42px;
}

.menu-ul.footer-menu li{
	margin-left: 0;
	width: 25px;
}
@media screen and (min-width: 375px)
{
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx{
		height: 47px;
	}
}
/*Screen resolution from 480px up to 768px*/
@media screen and (min-width: 480px)
{	
	/*LANGUAGE SELECTOR*/
	.custom-dropdown select{
		padding-left: 0;
	}
	/*Home page alerts box*/
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx a span{
		padding-left: 110px;
	}
	
	/*3 LOGOS UNDER HEADER*/
	.container-3logo span .container-logo.bigLogo.d-inline-block a img{
		width: 100%;
		height: auto;
	}
	.container-3logo span .container-logo.bigLogo{
		margin-top: 2rem;
	}
	/*FIND SOMEONE BUTTONS AND TEXT*/
	.col-sm-12.srvc-cntnr .row.service-box.no-gutters .button-classic.m-auto.srvc-btn{
		padding: 0;
		padding-top: 20px;
	}
	.col-sm-12.srvc-cntnr{
		margin-left: 26%;
	}
	
    /*CIRCLE IMAGES*/
	.section-9 .img-circle{
		width: 110px;
		height: 110px;
	}
		
	/*COUNTRY CONTACT*/
	.country-contacts .country-contact.mobileFullWidth{
		width: 78% !important;
	}
	
	/*FOOTER SHARE ICONS*/
	.menu-ul.footer-menu .li-last{
		width: 100% !important;
	}

	.menu-ul.footer-menu li{
		margin-left: 7%;
	}
}
/*Landscape issue on home page alerts*/
@media screen and (min-width: 360px) and (max-width: 800px) and (orientation:landscape)
{
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx:last-child
	{
		border-bottom: 15px solid #c53b34;
		border-top: 5px solid #c53b34;
	}
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx a span{
		font-size: 0.4em;
	}
	.text-small-inverse
	{
		font-size: 13px !important;
	}
	.w-25.stp-cntnr
	{
		width: 35% !important;
	}
}
/*Screen resolution from 768px up to 1024px*/
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape)
{
	.magnfr-img{
		background-color: #cc7240;
		padding: 0.5rem;
	}
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx:last-child
	{
		border-bottom: 5px solid #c53b34;
	}
}
@media screen and (min-width: 768px)
{	
    /*HOW IT WORKS - TITLE*/
	.title-classic {
		margin-left: 0px;
		font-size: 1.3rem;
	}
	/*Home page alerts box*/
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx{
		height: 54px;
	}
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx a{
		padding-bottom: 0px;
	}
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx a span{
		font-size: 0.7em;
	}
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx:last-child
	{
		border-top: 5px solid #c53b34;
		border-bottom: 5px solid #c53b34;
		height: 54px;
	}
	/*3 LOGOS UNDER HEADER*/
	.container-3logo span .container-logo.bigLogo{
		margin-top: 7% !important;
	}
	.container-3logo span .container-logo.bigLogo.d-inline-block{
		width: 20%;
	}
	.container-3logo span .container-logo.d-inline-block.sml-logo{
		margin-left: 5%;
	}
	
	/*FIND SOMEONE BUTTONS AND TEXT*/
	.row.service-box .col.span_2 .picture-choice-s5.pb-3 input{
		padding-left: 31%;
		padding-right: 10%;
		padding-top: 10%;
		margin-left: 0;
		width: 35%;
	}
	.col-sm-12.srvc-cntnr .row.service-box.no-gutters .button-classic.m-auto.srvc-btn{
		padding: 0;
		padding-top: 20px;
	}
	.col-sm-12.srvc-cntnr{
		margin-left: 21%;
	}
	.srvc-btn {
		font-size: 15px;
	}
	
	
	/*FOOTER SHARE ICONS*/
	.menu-ul.footer-menu .li-last{
		width: 39% !important;
	}

	.menu-ul.footer-menu li{
		margin-left: 0%;
	}
	.menu-ul.footer-menu  {

	}
	.rgt-info{
		float: right;
	}
}
@media screen and (min-width: 1024px) and (orientation:landscape)
{
	.custom-dropdown::after
	{
		top: 66%;
	}
}
/*Screen resolution from 1024px up to 1260px*/
@media screen and (min-width: 1024px)
{
	/*HEADER IMAGE*/
	.section-1 .container-picture{
		height: 140px;
	}
	
	.title-classic {
        font-size:1.5rem;
    }

	/*LANGUAGE SELECTOR*/
	.language-selector{
		margin-top: 0;
	}
	.language-selector select{
		top: 8px;
	}
	.language-selector .FindSomeOneHyperLink .button-icon{
		width: 65%;
	}
	.menu-horizontal li.static{
		min-height: 20px !important;
	}
	.menu-horizontal li.static:not(first-child){
		padding-left: 5px;
	}
	.menu-horizontal li.static:first-child{
		padding-left: 5px;
	}
	/*3 LOGOS UNDER HEADER*/
	.container-3logo span .container-logo.bigLogo{
		margin-top: 2% !important;
	}
	/*Home page alerts box*/
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx a span{
		font-size: 0.8em;
	}
	
	/*CIRCLE IMAGES*/
	.section-9 .img-circle{
		width: 145px;
		height: 145px;
	}
	
	/*COUNTRY CONTACT*/
	.country-contacts .country-contact.mobileFullWidth{
		width: 39% !important;
	}
	
	.section-4 .row-FindSomeOne .text-medium{
		padding: 0;
		padding-right: 8%;
	}
		
	/*FIND SOMEONE BUTTONS AND TEXT*/
	.col-sm-12.srvc-cntnr{
		margin-left: -3%;
	}
	.btnsFindSomeOne.bk-btn input{
		width: 20%;
	}
	.btnsFindSomeOne input{
		width: 20%;
	}
	.magnfr-img {
		background-color: #cc7240;
		padding: 0.5rem;
	}
	/*FOOTER SHARE ICONS*/
	.menu-ul.footer-menu .li-last{
		margin-left: -23px;
		margin-top: -5px;
	}
}
/*Screen resolution from 1260px up to 1420px*/
@media screen and (min-width: 1260px)
{	
	/*LANGUAGE SELECTOR*/
	.language-selector{
		margin-top: 18px;
	}
	@-moz-document url-prefix()
	{
		.custom-dropdown select{
			padding-right: 0px;
		}
	}
	
	/*3 LOGOS UNDER HEADER*/
	.container-3logo span .container-logo.bigLogo{
		margin-top: 0%;
	}
	/*Home page alerts box*/
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx{
		height: 60px;
	}
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx a{
		height: 60px !important;
	}
	.alerts-col4.alrt-cntnr .row .col-sm-12.alrt-bx:last-child{
		border-bottom: 5px solid #c53b34;
		height: 60px !important;
	}
	
	/*MISSING FAMILY IMAGES*/
	.section-10 .picture-find-family{
		background-size: 100%;
		background-position: none;
	}
	
	/*FIND SOMEONE BUTTONS AND TEXT*/
	.col-sm-12.srvc-cntnr{
		margin-left: -2%;
	}
	.magnfr-img {
		background-color: transparent;
		padding: 0px;
		left: -220px;
		top: 8px;
	}
	
	.text-small-inverse
	{
		font-size: 1.1rem !important;
	}
}
/*Screen resolution from 1420px up to 1920px*/
@media screen and (min-width: 1420px)
{
    /*3 LOGOS UNDER HEADER*/
    .container-3logo span .container-logo.bigLogo{
		margin-top: 1% !important;
	}
}
/*Screen resolution from 1920px and more*/
@media screen and (min-width: 1920px)
{	
	
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
	.col-sm-12.srvc-cntnr .row.service-box.no-gutters .button-classic.m-auto.srvc-btn
	{
		padding-top: 0px;
	}
}
/* Overrride some jquery-ui autocomplete classes */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: auto;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}
html .ui-autocomplete {
    height: 200px;
}