/*************************************************************************************************** Global MIxins - Font Variables , Font family, RWD resolution Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - BG url, Vendor Prefixes , Box sizing, LTR , RTL Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for listing component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - bootstrap accordian - custom style Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Breadcrumb CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Co create component styles Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Cookies CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - buttons , white-button,yellow-button,blue-button,overlay-buttons Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - Custom select Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** custom scroll bar style Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - Error pages Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Styles for - E-services Component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Footer CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - Skip navigation, float, overlay Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - header styles Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Journey-widget component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for page-innersearch component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for register component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Sub page left nav Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for adge Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for borders Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for feedback pop up Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Note component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Quicklinks component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Support Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for survey Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for talk to us Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for three-col-list Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for whats new Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for tab mobile dropdown Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global classes - collabsible left nav Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Flipcard Style * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for left nav component Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Testimonials and Achievements components Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Generic colors for Pillars Author: TAMM ***************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic); .overlay-bg.adge-page.inner-page.no-margin-top > div .container.white-bg { background-color: transparent !important; } .results-listing .search-result-list li a:hover, .results-listing .search-result-list li a:focus { background-color: #8bd3dd !important; } /*************************************************************************************************** Global classes - for body Author: TAMM ***************************************************************************************************/ body { background: #F8F8F8; color: #000; } /* #content>.row { display: block; margin: 0; } */ /*************************************************************************************************** Global classes - Checkbox styles. Author: TAMM ***************************************************************************************************/ .chkBoxContainer { /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */ } .chkBoxContainer > input:focus + .checkmark, .chkBoxContainer > input:hover + .checkmark { border-color: #fff; } .chkBoxContainer > .checkmark { background-color: transparent; } .chkBoxContainer > .checkmark:focus, .chkBoxContainer > .checkmark:hover { border-color: #000; } .chkBoxContainer > input ~ .checkmark { border-color: #fff; } .chkBoxContainer > :hover input ~ .checkmark { background-color: transparent; } .chkBoxContainer > :focus input ~ .checkmark { background-color: transparent; } .chkBoxContainer > input:checked ~ .checkmark { background-color: transparent; } .chkBoxContainer > input:checked ~ .checkmark:after { display: block; } .chkBoxContainer > .checkmark:after { border-color: #000; } /*************************************************************************************************** Global classes - Skip navigation, float, overlay Author: TAMM ***************************************************************************************************/ .overlay-bg { background: #F8F8F8; } .container-top-border { border-color: #2D294C; } .container-top-border.transparent-border { border-color: transparent; } .container-bottom-border { border-bottom-color: #2D294C; } .container-bottom-border.transparent-border { border-color: transparent; } a.skip:active, a.skip:focus, a.skip:hover { background: #891E04; color: #00626A; } .field-content { color: inherit; } /*************************************************************************************************** Global classes - for Headings Author: TAMM ***************************************************************************************************/ .white-bg .content h1, .white-bg .content h2, .white-bg .content h3, .white-bg .content h4, .white-bg .content h5, .white-bg .content h6, .white-bg .rich-text h1, .white-bg .rich-text h2, .white-bg .rich-text h3, .white-bg .rich-text h4, .white-bg .rich-text h5, .white-bg .rich-text h6 { color: #000; } /*************************************************************************************************** Global classes - Links Author: TAMM ***************************************************************************************************/ a { color: #fff; } a:hover, a:focus { color: #737087; } .link-arrow { color: #000; } .link-arrow:after { color: #000; } /*************************************************************************************************** Global classes - Option Button styles. Author: TAMM ***************************************************************************************************/ .optionContainer { /* Hide the browser's default radio button */ /* Create a custom radio button */ /* On mouse-over, add a grey background color */ /* When the radio button is checked, add a blue background */ /* Create the indicator (the dot/circle - hidden when not checked) */ /* Show the indicator (dot/circle) when checked */ /* Style the indicator (dot/circle) */ } .optionContainer > .optionTick { background-color: #ccc; } .optionContainer > input ~ .optionTick { border-color: #ccc; } .optionContainer > :hover input ~ .optionTick { background-color: #ccc; } .optionContainer > :focus input ~ .optionTick { background-color: #ccc; } .optionContainer > input:checked ~ .optionTick { background-color: #00626A; } .optionContainer > .optionTick:after { border-color: #fff; } /*************************************************************************************************** Global classes - for paragraph Author: TAMM ***************************************************************************************************/ p { color: #000; } .rich-text p, .content p { color: #000; } /*************************************************************************************************** Global classes - Textarea text limiter and text count styles. Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Adge Header / sub header styles Author: TAMM ***************************************************************************************************/ .adge-header .header-wrapper { background-color: #00626A; } .adge-header .adge-subheader-adgecomponent { background-color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.09); } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { border-right-color: rgba(0, 0, 0, 0.09); } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-logo { border-left-color: rgba(0, 0, 0, 0.09); } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-branding .adge-heading { color: #000; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li { border-color: #000; } html[lang*='en'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before, html[class*='translated-ltr'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { border-left-color: rgba(22, 17, 56, 0.19); } html[lang*='ar'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before, html[class*='translated-rtl'] .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:last-child:before { border-right-color: rgba(22, 17, 56, 0.19); } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li a span { color: #000; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:hover, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:focus, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li.active { background-color: #00626A; border-color: #00626A; color: #fff; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:hover a span, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:focus a span, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li.active a span { color: #fff; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:hover a span.icon-text, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li:focus a span.icon-text, .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li.active a span.icon-text { color: #fff; } .adge-header .header-wrapper .language-switcher-wrapper .language-switcher a { color: #fff; } /*overlay with Fly menu*/ .fOverlay .search-wrapper .searc-bar .searchResult .icon-reload { color: #4D4D4D; } .fOverlay .search-wrapper .searc-bar .searchResult .icon-reload:hover { color: #4D4D4D; } .fOverlay .search-wrapper .searc-bar .bottomBlock ul.tags li a { background-color: #00626A; } @media only screen and (max-width: 768px) { .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul { background: #F8F8F8; box-shadow: 1px 1px 1px 1px #cbcbcb; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul:before { border-color: #000; border-color: transparent; border-top-color: #cbcbcb; } .adge-header .adge-subheader-adgecomponent .adge-subheader-content .adge-connect ul li { border-color: #4d4d4d; } } /*************************************************************************************************** Global classes - page background Author: TAMM ***************************************************************************************************/ .white-bg { background-color: #fff; color: #000; } .white-bg p { color: #000; } .inner-page { background: #F8F8F8; } .inner-page h1 { color: #F8F8F8; font-size: 2.2rem; } /*************************************************************************************************** Detail pages Styles Author: TAMM ***************************************************************************************************/ .newsorgin-detail div { color: #000; } html[lang*='en'] .newsorgin-detail .news-date:before, html[class*='translated-ltr'] .newsorgin-detail .news-date:before { border-left-color: #000; } html[lang*='ar'] .newsorgin-detail .news-date:before, html[class*='translated-rtl'] .newsorgin-detail .news-date:before { border-right-color: #000; } /*************************************************************************************************** Result list component styles ***************************************************************************************************/ .results-listing a { background: #fff; display: block; border: solid 1px #dddddd; } .results-listing a:focus, .results-listing a:hover { color: #fff; border: solid 1px #dddddd; background: #8bd3dd; } .results-listing a h2 { color: #000; } .results-listing a p { color: #000; } .results-listing a span { color: #000; } /*************************************************************************************************** Global MIxins - Font Variables , Font family, RWD resolution Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** Global MIxins - BG url, Vendor Prefixes , Box sizing, LTR , RTL Author: TAMM ***************************************************************************************************/ .results-listing .search-result-list li > div { background: #fff; border: solid 1px #ADAFB1; } .results-listing .search-result-list li > *:hover, .results-listing .search-result-list li > *:focus { color: #000; border: solid 1px #8bd3dd !important; } .results-listing li > div > div > h2 { color: #000; } .results-listing li .download-section .downloadicon > a { border: solid 1px #000; } .results-listing li .download-section .downloadicon > a::before { color: #000; } html[lang*='en'] .results-listing li .search-url, html[class*='translated-ltr'] .results-listing li .search-url { background: none; color: inherit; } html[lang*='en'] .results-listing li .search-url:hover, html[class*='translated-ltr'] .results-listing li .search-url:hover { border: none; background: none; } html[lang*='ar-AE'] .results-listing li .search-url, html[class*='translated-rtl'] .results-listing li .search-url { background: none; color: inherit; } html[lang*='ar-AE'] .results-listing li .search-url:hover, html[class*='translated-rtl'] .results-listing li .search-url:hover { border: none; background: none; } .services-and-journeys a:focus, .services-and-journeys a:hover { color: inherit !important; } .statistics-listing-container .list__item { background: #ADAFB1; color: #000; } .surveys-listing .listing__item { background: #ADAFB1; } .surveys .divider hr { color: #2d294c; } .surveys .accordian-container .panel a { color: #000; } .inner-slidemenu-component .collapsable-leftnav ul li.active .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li.active .icon-img, .inner-slidemenu-component .collapsable-leftnav ul li:hover .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li:hover .icon-img, .inner-slidemenu-component .collapsable-leftnav ul li:focus .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li:focus .icon-img { background-color: #4D4D4D; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img { color: #fff; background-color: #32363f; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a { color: #fff; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after { border-color: transparent #fff transparent transparent; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label a:hover, .inner-slidemenu-component .collapsable-leftnav ul li .icon-label a:focus, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img a:hover, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img a:focus { color: #000; } .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after { content: ""; border-color: transparent #fff transparent transparent; } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label { color: transparent; } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after { border-color: transparent transparent transparent #fff; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after { border-color: transparent transparent transparent #fff; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after { border-color: transparent #fff transparent transparent; } /*************************************************************************************************** ADGE Documents styles Author: TAMM ***************************************************************************************************/ .accordian-container .panel .panel-heading.active { background-color: #fff; border-color: #fff; border-bottom: 1px solid !important; } .accordian-container .panel .panel-collapse { background: #fff; } .accordian-container .panel .panel-collapse .panel-body .accordian-description { color: #fff; border-top-color: #fff; border-bottom-color: #fff; } .accordian-container .panel .panel-collapse .panel-body .accordian-description:after { background-color: #000; } .accordian-container .panel .panel-collapse .panel-body .accordian-description p { color: #fff; } .accordian-container .panel .panel-collapse .panel-body .accordian-description.tamm-rte .accrodion-listing-with-bullet li { color: #00626A; } .accordian-container .panel .panel-collapse .panel-body .inquiry-component__question h5, .accordian-container .panel .panel-collapse .panel-body .inquiry-component__question h4, .accordian-container .panel .panel-collapse .panel-body .inquiry-component__question h2, .accordian-container .panel .panel-collapse .panel-body .inquiry-component__question h3, .accordian-container .panel .panel-collapse .panel-body .inquiry-component__question h1 { color: #00626A; } .department-source-wrapper p + div { border: solid 1px #979797; } /*************************************************************************************************** ADGE Documents styles Author: TAMM ***************************************************************************************************/ .subpage-right-nav .quicklink-adgecomponent.sub-rel-link-menu ul { background-color: #891E04; } .subpage-right-nav .quicklink-adgecomponent.sub-rel-link-menu ul li { border-bottom: #891E04; } .subpage-right-nav .quicklink-adgecomponent.sub-rel-link-menu ul li .field-link:hover a { color: #fff; } .subpage-right-nav .quicklink-adgecomponent.sub-rel-link-menu ul li a { color: #fff; } .subpage-right-nav .quicklink-adgecomponent.sub-rel-link-menu ul li:hover { background-color: #00626A; } .list-details li.doc-list-item { background: #ADAFB1; color: #000; } .list-details li.doc-list-item:hover { background: #fff; color: #000; } .list-details li.doc-list-item:focus { background: #fff; color: #000; } .list-details li.doc-list-item .list-content .content h2 { color: #000; } .list-details li.doc-list-item span.list-date { color: #000; } .list-details li.doc-list-item .download-btn a { border-color: #00626A; } .list-details li.doc-list-item .download-btn a:hover { background-color: #00626A; } .list-details li.doc-list-item .download-btn a:focus { background-color: #00626A; } .list-details li.doc-list-item .download-btn a span.icon-down-arrow { color: #000; } .list-details li.doc-list-item .download-btn a span.icon-pdf_filled { color: #000; } .list-details li.doc-list-item .link-btn a { color: #000; } html[lang*='en'] .eventslisting-container .list-details a.list-item .list-item__date .content .event-date, html[class*='translated-ltr'] .eventslisting-container .list-details a.list-item .list-item__date .content .event-date { border-left: 3px solid #000; } html[lang*='ar'] .eventslisting-container .list-details a.list-item .list-item__date .content .event-date, html[class*='translated-rtl'] .eventslisting-container .list-details a.list-item .list-item__date .content .event-date { border-right: 3px solid #000; } .eventslisting-container .list-details a.list-item .list-item__date .content .event-date span { color: #000; } .health-regulation .health-listing-container a.list-item { background-color: #fff; color: #000; } .health-regulation .health-listing-container a.list-item:hover, .health-regulation .health-listing-container a.list-item:focus { background-color: #fff; } .health-regulation .health-listing-container a.list-item .list-content .content h2 { color: #000; } .health-regulation .health-listing-container a.list-item .list-content .content:before { color: #000; } /*************************************************************************************************** Partners Styles Author: TAMM ***************************************************************************************************/ .partners .partners-wrap .card:hover, .partners .partners-wrap .card:focus { box-shadow: 0 0 14px -5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 14px -5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 14px -5px rgba(0, 0, 0, 0.5); } .partner-details-container .social-network-main .social-network-grid .social-wrap.social-wrap-content.bg-dark { background: #ABCFBF; color: #000; } .partner-details-container .social-network-main .social-network-grid .social-wrap.social-wrap-content.bg-dark { background: #ABCFBF; color: #000; } .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:last-child { background: #fff; color: #000; } .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child { background: #fff; color: #000; } .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap p, .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap .heading-h1, .component.three-col-list-adgecomponent.col-12.partner-details-container .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap .heading-h2 { color: #000; } /*************************************************************************************************** Offices styles Author: TAMM *****************************************************************************************************/ .our-offices-wrapper li .contentl-wrap { background-color: #fff; } .our-offices-wrapper li .contentl-wrap .img-container { border: solid 2px #fff; } .our-offices-wrapper li .contentl-wrap .img-container:after { background: none; } .our-offices-wrapper li .contentl-wrap .wrap h3, .our-offices-wrapper li .contentl-wrap .wrap .field-description { color: #000; } .our-offices-wrapper li .contentl-wrap:hover, .our-offices-wrapper li .contentl-wrap:focus { background-color: #fff; } .our-offices-wrapper li .contentl-wrap:hover .img-container, .our-offices-wrapper li .contentl-wrap:focus .img-container { border: solid 2px #fff; } .our-offices-wrapper li .contentl-wrap:hover .img-container:after, .our-offices-wrapper li .contentl-wrap:focus .img-container:after { background: none; } .our-offices-wrapper li .contentl-wrap:hover .img-container + .contentl-wrap, .our-offices-wrapper li .contentl-wrap:focus .img-container + .contentl-wrap { background-color: #fff; } .our-offices-wrapper.ded-our-offices-wrapper ul.search-result-list li .contentl-wrap .img-container { background-color: #f2f2f2; } .our-offices-wrapper.ded-our-offices-wrapper ul.search-result-list li .contentl-wrap .wrap h3.field-name { color: #000; font-size: 22px; margin-bottom: 20px; } .our-offices-wrapper.ded-our-offices-wrapper ul.search-result-list li .contentl-wrap .wrap p.field-description { color: #000; font-size: 22px; } .view-all-block { color: #000; } .view-all-block a { color: #00626A; border-bottom: 1px solid transparent; } .view-all-block a:focus span, .view-all-block a:hover span { color: #00626A !important; } .added-offices-details-listing li .contentl-wrap .wrap { background-color: #ADAFB1 !important; } .added-offices-details-listing li .img-wrap .img-container p { margin: 0; display: block; min-height: 190px; } @media only screen and (max-width: 768px) { .added-offices-details-listing li { width: 100%; } .our-offices-wrapper ul li { width: 100%; } } .DED-offices .our-offices-wrapper.ded-our-offices-wrapper ul.search-result-list li .contentl-wrap .img-container { border: solid 2px #fff; } .DED-offices .our-offices-wrapper.ded-our-offices-wrapper ul.search-result-list li .contentl-wrap .img-container { background-color: white; } /*************************************************************************************************** Team Members Styles Author: TAMM ***************************************************************************************************/ .team-members .card { background: #fff; } .team-members .card .card-body__title h4 { color: #000; } .team-members .card .card-body__desc p { color: #000; } .tenderlist-wrapper .search-result-list li a { background-color: #fff; color: #000; } .tenderlist-wrapper .search-result-list li a:hover { background-color: #fff; } .tenderlist-wrapper .search-result-list li a .content .tender-no { color: #000; } .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc { color: #000; } .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc .title { color: #000; } .tenderlist-wrapper .search-result-list li a .content .tender-detail-desc .desc { color: #000; } .card-columns div.card:nth-child(even) .contentl-wrap { background-color: #b0b579; } .card-columns div.card:nth-child(even) .contentl-wrap .img-container { border-color: #b0b579; } .card-columns div.card:nth-child(even) .contentl-wrap .img-container:after { background: none; } .card-columns div.card:nth-child(odd) .contentl-wrap { background-color: #d5a93b; } .card-columns div.card:nth-child(odd) .contentl-wrap .img-container { border-color: #d5a93b; } .card-columns div.card:nth-child(odd) .contentl-wrap .img-container:after { background: none; } /* TAMM */ /*************************************************************************************************** Global classes - header styles Author: TAMM ***************************************************************************************************/ #wrapper header .hamburger-menu { background: #00626A; color: #000; } #wrapper header .hamburger-menu .side-menu-logo { border-bottom: 1px solid #44405F; } #wrapper header .hamburger-menu .side-menu-logo:focus, #wrapper header .hamburger-menu .side-menu-logo:hover { border-bottom: 1px solid #44405F; } #wrapper header .hamburger-menu .link.active { border-bottom: 1px dashed #E8D9BB; } #wrapper header .hamburger-menu .link.rtl { border-top: 1px solid #44405F; } #wrapper header .h-logo a:focus { border-bottom: 1px solid #fff; } #wrapper header .h-feedback { color: #fff; background: #00626A; border-bottom: 1px solid #E8D9BB; } #wrapper header .h-feedback.feedback-active { background: #000; color: #000; } #wrapper header .h-feedback .feedback-view a { color: #fff; } #wrapper header .h-feedback svg #Mask > use { fill: #000; } #wrapper header .h-feedback svg #Mask > path { stroke: #00626A; } #wrapper header .feedback-options ul a { color: #00626A; background-color: #ABCFBF; } #wrapper header .feedback-options ul a.n2 { background-color: #ABCFBF; } #wrapper header .feedback-options ul a.n3 { background-color: #ADAFB1; color: #fff; } #wrapper header .feedback-options ul a.n4 { background-color: #ADAFB1; color: #fff; } #wrapper header .h-search .search-btn { background: #00292d !important; color: #fff; } #wrapper header .h-search .search-btn .icon-searchv2 { color: #fff; } #wrapper header .h-search .h-search-wrapper input[type="text"]::-webkit-input-placeholder, #wrapper header .h-search .h-search-wrapper input[type="email"]::-webkit-input-placeholder, #wrapper header .h-search .h-search-wrapper input[type="password"]::-webkit-input-placeholder, #wrapper header .h-search .h-search-wrapper textarea::-webkit-input-placeholder, #wrapper header .h-search .h-search-wrapper select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: transparent; } #wrapper header .h-search .h-search-wrapper input[type="text"]::-moz-placeholder, #wrapper header .h-search .h-search-wrapper input[type="email"]::-moz-placeholder, #wrapper header .h-search .h-search-wrapper input[type="password"]::-moz-placeholder, #wrapper header .h-search .h-search-wrapper textarea::-moz-placeholder, #wrapper header .h-search .h-search-wrapper select::-moz-placeholder { /* Firefox 19+ */ color: transparent; } #wrapper header .h-search .h-search-wrapper input[type="text"]:-ms-input-placeholder, #wrapper header .h-search .h-search-wrapper input[type="email"]:-ms-input-placeholder, #wrapper header .h-search .h-search-wrapper input[type="password"]:-ms-input-placeholder, #wrapper header .h-search .h-search-wrapper textarea:-ms-input-placeholder, #wrapper header .h-search .h-search-wrapper select:-ms-input-placeholder { /* IE 10+ */ color: transparent; } #wrapper header .h-search .h-search-wrapper input[type="text"]:-moz-placeholder, #wrapper header .h-search .h-search-wrapper input[type="email"]:-moz-placeholder, #wrapper header .h-search .h-search-wrapper input[type="password"]:-moz-placeholder, #wrapper header .h-search .h-search-wrapper textarea:-moz-placeholder, #wrapper header .h-search .h-search-wrapper select:-moz-placeholder { /* Firefox 18- */ color: transparent; } #wrapper header .h-search .h-search-wrapper #headerSearchQuote { color: #00626A; } #wrapper header .active-search .h-search .search-btn { background: transparent; } #wrapper header .active-search .h-search { background: #fff; color: #00626A; } #wrapper header .active-search .h-search .search-btn { color: #fff; } #wrapper header .search-trending { background: rgba(0, 0, 0, 0.9); color: #fff; } #wrapper header .search-trending .search-trending-wrapper { background: #4d4d4d; } #wrapper header .search-trending .search-trending-wrapper .title { color: #E8D9BB; } #wrapper header .search-trending .search-trending-wrapper .search-reload .icon-reload { color: #4D4D4D; } #wrapper header ul.tags li a { background-color: #00626A; color: #fff; border: 1px solid #fff; } #wrapper header ul.tags li a:focus, #wrapper header ul.tags li a:hover { border: 1px solid #891E04; } .overlayF { color: #fff; background: #000; } #wrapper header .header-nav-bg { background-color: #00626A; } .language-switcher { color: #000; } .language-switcher:hover, .language-switcher:focus { color: #fff; } /* issue fix for ie edge and ie */ /* Microsoft Edge Browser 12+ (All) - @supports method */ /*************************************************************************************************** *Footer CSS * Author: TAMM ***************************************************************************************************/ /*************************************************************************************************** *Footer CSS * Author: TAMM ***************************************************************************************************/ #footer .footer-container { background: #F8F8F8; /*to fix padding in arabic*/ } #footer .footer-container .pattern-blue { background: #4D4D4D; } #footer .footer-container .footer-top { color: #fff; } #footer .footer-container .footer-top .footer-top-content { /*added by A.S to override sitecore spacing*/ /*added by M.F to override the sitecore spacing*/ } #footer .footer-container .footer-top .footer-top-content .white-border-btn:hover { color: #4D4D4D; } #footer .footer-container .footer-top .footer-top-content .white-border-btn:hover .icon { color: #4D4D4D; } #footer .footer-container .footer-top-content .heading2, #footer .footer-container .footer-top-content .heading1 a { color: #fff; } #footer .footer-container .white-gridIimg { /*flip the phone icon and the margin as well - by M.F*/ } #footer .footer-container .white-gridIimg span.round { background: #fff; /*flip the phone icon and the margin as well - by M.F*/ } #footer .footer-container .white-gridIimg span.round .icon-phone { color: #4D4D4D; } #footer .footer-container .footer-links { color: #00626A; } #footer .footer-container .footer-links .heading2 { color: #000; } #footer .footer-container .footer-links a { color: #00626A; } #footer .footer-container .footer-links .anchor-style1 { border: 1px solid #000; color: #00626A; } #footer .footer-container .footer-links .anchor-style1:hover, #footer .footer-container .footer-links .anchor-style1:focus { background: #4D4D4D; } #footer .footer-container .footer-links .heading2 a { color: #fff; } #footer .footer-container .footer-links ul li a { color: #00626A; } #footer .footer-container .privacy-policy { color: #000; } #footer .footer-container .privacy-policy li a { color: #00626A; } #footer .footer-container .copy-right { color: #00626A; } #footer .footer-container .fallow-us a:hover.slink span.icon-twitter, #footer .footer-container .fallow-us a:focus.slink span.icon-twitter { color: #1da1f2; } #footer .footer-container .fallow-us a:hover.slink span.icon-facebook, #footer .footer-container .fallow-us a:focus.slink span.icon-facebook { color: #0078d7; } #footer .footer-container .fallow-us a:hover.slink span.icon-instagram, #footer .footer-container .fallow-us a:focus.slink span.icon-instagram { color: #d93175; } #footer .footer-container .heading1 a, #footer .footer-container .heading1 a:active, #footer .footer-container .heading1 a:visited { color: #fff; } #footer .footer-container .heading1 a:hover, #footer .footer-container .heading1 a:focus { color: #737087; } #footer .footer-container .heading2, #footer .footer-container h3 { color: #000; } #footer .footer-container .heading-sm { color: #000; } #footer .footer-container .theme-default { background: #fff; color: #2D294C !important; } #footer .footer-container .theme-dark, #footer .footer-container .theme-dark:active, #footer .footer-container .theme-dark:focus, #footer .footer-container .theme-dark:hover, #footer .footer-container .theme-dark:visited { color: #fff !important; background: #2D294C; } #footer .footer-container .btn-check:after { /*content: '\2713';*/ border: solid #fff; } #footer .footer-container .cstm-select.nice-select { background: transparent; color: #00626A; border-bottom-color: #44405F; } #footer .footer-container .cstm-select.nice-select .list { background-color: #00626A; } #footer .footer-container .cstm-select.nice-select ul li:hover, #footer .footer-container .cstm-select.nice-select ul li:focus { background-color: #44405F; } #footer .footer-container .cstm-select.nice-select ul li.selected.focus { background-color: #44405F; } #footer .footer-container .cstm-select.nice-select:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; } #footer .footer-container .footer-link4 { /*adding the direction by M.F*/ } body.dark-theme { background: #44405F; } body.dark-theme .copy-right, body.dark-theme li, body.dark-theme ul li a { color: #fff; } body.dark-theme li select { color: #fff; } body.dark-theme .theme-dark { border: 1px solid #ABCFBF; } body.dark-theme ul li a.theme-default { color: #fff; background: #fff; } body.dark-theme .service-inner div { color: #fff; } @media only screen and (min-width: 320px) and (max-width: 992px) { #footer .footer-container .main-container { /*width: 100%;*/ } #footer .footer-container .white-gridIimg { /*flip the phone icon and the margin as well - by M.F*/ } #footer .footer-container .white-gridIimg span.round { background: #fff; /*flip the phone icon and the margin as well - by M.F*/ } } .cstm-select { background: transparent; color: #fff; } .cstm-select.nice-select { background: transparent; border-bottom: 2px solid #44405F; } .cstm-select.nice-select .list { background-color: #00626A; } .cstm-select.nice-select ul li:hover, .cstm-select.nice-select ul li:focus { background-color: #44405F; } .cstm-select.nice-select ul li.selected.focus { background-color: #44405F; } .cstm-select.nice-select:after { border-bottom: 2px solid #fff; border-right: 2px solid #fff; } .cstm-select.nice-select:focus { border-color: #e6e6e6; } /*************************************************************************************************** Naviation styles Author: TAMM ***************************************************************************************************/ .nav-container .nav { background: #fff; color: #000; } .nav-container .nav .loginCont, .nav-container .nav a { color: #000; } .nav-container .nav .loginCont:hover, .nav-container .nav .loginCont:focus, .nav-container .nav a:hover, .nav-container .nav a:focus { color: #00626A; } .nav-container .nav .loginCont button, .nav-container .nav a button { background: transparent; } .nav-container .nav ul { color: #000; } .nav-container .nav .nav-smartpass > label { text-transform: uppercase; } .nav-container .navigation li > .navigation-title > a { color: #000; } .nav-container .navigation li > .navigation-title > a:focus, .nav-container .navigation li > .navigation-title > a:hover { color: #00626A; } .nav-container .nav-login-dtl { background: #00626A; } .nav-container .nav-login-dtl .profile-options a { background: #00626A; } .nav-container .nav-login-dtl .profile-options a:first-child { border-right: 1px solid #00626A; } .nav-container .nav-toggle.expanded .nav-toggle-bar { background: transparent; } .nav-container .nav-toggle.expanded .nav-toggle-bar::after { background: #000; } .nav-container .nav-toggle.expanded .nav-toggle-bar::before { background: #000; } .nav-container .nav-toggle .nav-toggle-bar, .nav-container .nav-toggle .nav-toggle-bar::after, .nav-container .nav-toggle .nav-toggle-bar::before { background: #fff; } .navigation nav ul li a:after { background: none repeat scroll 0 0 transparent; background: #000 !important; } .overlay-humberrger { background: #000; } @media (max-width: 767px) { .adge-header .nav-container .language-switcher-wrapper .language-switcher .language-switcher a { color: #000; } } /*************************************************************************************************** *Breadcrumb CSS * Author: TAMM ***************************************************************************************************/ .breadcrumb { background-color: transparent; } .breadcrumb .breadcrumb-item a { color: #000 !important; border-bottom: 1px solid #000; } .breadcrumb .breadcrumb-item a:focus, .breadcrumb .breadcrumb-item a:hover { color: #00626A !important; } .breadcrumb .active { color: #000; } .breadcrumb .separator { color: #e6e6e6; } /*************************************************************************************************** sub page left navigation styles Author: TAMM ***************************************************************************************************/ .subpage-left-nav ul li { border-bottom: 1px solid #44405F; } .subpage-left-nav ul li a { color: #fff; } .subpage-left-nav ul li a:focus { background: #fff; color: #000; } .subpage-left-nav ul li.active, .subpage-left-nav ul li:focus, .subpage-left-nav ul li:hover { background: #fff; } .subpage-left-nav ul li.active a, .subpage-left-nav ul li:focus a, .subpage-left-nav ul li:hover a { color: #00626A; } .sub-related-topic .sub-rel-link { background-color: #4D4D4D; color: #fff; } .sub-related-topic .sub-rel-link h5 { color: #fff; } .sub-related-topic .sub-rel-link ul li a { color: #fff; } .sub-related-topic .sub-rel-link ul li .download-btn a { border: solid 1px #32363f; } .sub-related-topic .sub-rel-link .view-all-block .view-all { color: #fff; } html[lang*='en'] .sub-related-topic .sub-rel-link .event-date, html[class*='translated-ltr'] .sub-related-topic .sub-rel-link .event-date { border-left: 3px solid #fff; } html[lang*='ar'] .sub-related-topic .sub-rel-link .event-date, html[class*='translated-rtl'] .sub-related-topic .sub-rel-link .event-date { border-right: 3px solid #fff; } .white-bg .sub-related-topic .sub-related-heading { color: #fff; } @media only screen and (max-width: 992px) { .subpage-left-nav ul li.active { background: transparent; } .subpage-left-nav ul li.active a { color: #fff; } } /*************************************************************************************************** Global classes - bootstrap Modal - custom style Author: TAMM ***************************************************************************************************/ .modal.tm-model-dark .modal-dialog .modal-content { background-color: #00626A; } .modal.tm-model-dark .modal-dialog .modal-content .modal-title { color: #fff; } .modal.tm-model-dark .modal-dialog .modal-content .close { background: transparent; color: #fff; } .modal.tm-model-light .modal-dialog .modal-content { background-color: #fff; } .modal.tm-model-light .modal-dialog .modal-content .modal-title { color: #00626A; } .modal.tm-model-light .modal-dialog .modal-content .close { background: transparent; color: #00626A; } .modal.tm-model-light .modal-dialog .modal-content .modal-body { color: #00626A; } .modal .modal-dialog .modal-content .modal-header .close { background: transparent; } .modal .modal-dialog .modal-content .modal-header .close:focus { color: #891E04; } .modal .tm-modal-backdrop { color: #F8F8F8; background: #fff; } /*************************************************************************************************** Global classes - mobile dropdown for bootstrap tabs Author: TAMM ***************************************************************************************************/ .mob-dropdown .icon-down-arrow-thin { color: #00626A; } .mob-dropdown .activeList a, .mob-dropdown .activeList span { color: #F8F8F8; } .listDashboard-div .listDashboard li a { background-color: #00626A; color: #F8F8F8; } .listDashboard-div .listDashboard li a .icon { color: #fff; } @media only screen and (max-width: 991px) { .mob-dropdown.tab-noredirect { border: none; border-bottom: solid 2px #00626A; background: transparent; } .mob-dropdown.tab-noredirect.nav-dd { background: #F8F8F8; } .mob-dropdown.tab-noredirect.nav-dd .activeList .activeTitle { color: #00626A; } .mob-dropdown.tab-noredirect.nav-dd .activeList .activeTitle span { color: #00626A; } .mob-dropdown.tab-noredirect.nav-dd .icon-down-arrow-thin { color: #00626A; } .mob-dropdown.tab-noredirect.nav-dd.open .activeList .activeTitle { color: #00626A; } .mob-dropdown.tab-noredirect.nav-dd.open .icon-down-arrow-thin { color: #00626A; } .mob-dropdown.tab-noredirect.open { border: none; } .mob-dropdown.tab-noredirect.open .activeList .activeTitle { border-bottom: solid 1px #fff; } .mob-dropdown.tab-noredirect .activeList .activeTitle { background: #F8F8F8; color: #00626A; } .mob-dropdown.tab-noredirect .activeList .activeTitle span { background-color: transparent; color: #00626A; } .listDashboard-div .listDashboard { background: #00626A; } .listDashboard-div .listDashboard li a { background: #00626A; border-bottom: solid 1px rgba(255, 255, 255, 0.16); } /* .nav-dd.open+.listDashboard-div{ @include ltr{ padding-right: 0px; } @include rtl{ padding-left: 0px; } } */ } @media only screen and (max-width: 767px) { .mob-dropdown.tab-noredirect { border: none; border-bottom: solid 2px #00626A; background: transparent; } .mob-dropdown.tab-noredirect.nav-dd { background: #F8F8F8; /* &.open { .activeList{ .activeTitle{ color:$white-color; } } .icon-down-arrow-thin{ color:$white-color; } } */ } .mob-dropdown.tab-noredirect.nav-dd .activeList .activeTitle { color: #00626A; } .mob-dropdown.tab-noredirect.nav-dd .activeList .activeTitle span { color: #00626A; } .mob-dropdown.tab-noredirect.nav-dd .icon-down-arrow-thin { color: #00626A; } .mob-dropdown.tab-noredirect.open .activeList .activeTitle { border-bottom: solid 1px #F8F8F8; } .mob-dropdown.tab-noredirect .activeList .activeTitle { background: #F8F8F8; color: #00626A; } .mob-dropdown.tab-noredirect .activeList .activeTitle span { background-color: transparent; color: #00626A; } .listDashboard-div .listDashboard { background: #00626A; } .listDashboard-div .listDashboard li a { font-size: 1.8rem; background: #00626A !important; border-bottom: solid 1px #F8F8F8; } } /*************************************************************************************************** Global classes - buttons , white-button,yellow-button,blue-button,overlay-buttons Author: TAMM ***************************************************************************************************/ .two-col-rightNav .tamm-btn.blue-border-btn:hover { color: #fff !important; text-decoration: none !important; } .tamm-btn { background: none; /*by M.F */ } .tamm-btn .icon { /*by M.F */ } .tamm-btn.white-border-btn { border: 2px solid #fff; color: #fff; } .tamm-btn.white-border-btn:focus, .tamm-btn.white-border-btn:hover { color: #00626A; background-color: #fff; border-color: #fff; } .tamm-btn.white-border-btn:focus .icon, .tamm-btn.white-border-btn:hover .icon { color: #00626A; } .tamm-btn.yellow-border-btn { border: 2px solid #891E04; color: #891E04; } .tamm-btn.yellow-border-btn:focus, .tamm-btn.yellow-border-btn:hover { background: #891E04; border-color: #891E04; color: #fff; } .tamm-btn.black-border-btn { border: 2px solid #000; color: #000; } .tamm-btn.black-border-btn:focus, .tamm-btn.black-border-btn:hover { color: #fff !important; background-color: #00626A; border-color: #000; } .tamm-btn.blue-border-btn { border: 2px solid #00626A; color: #00626A; background-color: #fff; } .tamm-btn.blue-border-btn:focus, .tamm-btn.blue-border-btn:hover { color: #fff; background-color: #00626A; border-color: #00626A; } .tamm-btn.overlay-btn { border: solid 2px #000; color: #000; } .tamm-btn.overlay-btn.img-overlay { background-color: rgba(255, 255, 255, 0.64); } /* view all link right align */ .view-all-block { /*added by M.F to flip the icon*/ } .view-all-block.leftalign { /*added by M.F to flip the icon*/ } .view-all-block .view-all { color: #000; border-bottom: 1px solid transparent; } .view-all-block .view-all:focus, .view-all-block .view-all:hover { border-bottom: 1px solid #00626A; color: #00626A; } .view-all-block .view-all:focus span, .view-all-block .view-all:hover span { color: #00626A; } html[lang*='ar'] .view-all-block .view-all .icon-long-right-arrow, html[class*='translated-rtl'] .view-all-block .view-all .icon-long-right-arrow { /*flip the icon**/ } .view-all-block.light .view-all { color: #000; } .view-all-block.light .view-all:focus, .view-all-block.light .view-all:hover { color: #00626A; } .view-all-block.light .view-all:focus span, .view-all-block.light .view-all:hover span { color: #00626A; } .component.load-more input { background: #00626A; border: 2px solid #000; color: #000; } .component.load-more input:focus, .component.load-more input:hover { color: #fff !important; background-color: #00626A !important; border-color: #00626A !important; } .component.load-more input:focus + .icon-loadmore, .component.load-more input:hover + .icon-loadmore { color: #fff; } .white-bg .component.load-more input { border: 2px solid #000; color: #000; } .white-bg .view-all { color: #000; } .white-bg .view-all:focus, .white-bg .view-all:hover { color: #00626A; } .white-bg .view-all:focus span, .white-bg .view-all:hover span { color: #00626A; } .tamm-btn.overlay-btn.register-submit-button:hover { color: #00626A; } /*************************************************************************************************** Global classes - bootstrap accordian - custom style Author: TAMM ***************************************************************************************************/ .accordian-container .Cocreate-thankyou { background-color: #d4e5dd; } .accordian-container .heading, .accordian-container h3 { color: #000; } .accordian-container .panel { background-color: #fff; border-color: #fff; } .accordian-container .panel .panel-heading { color: #000; background-color: #fff; border-color: #fff; } .accordian-container .panel .panel-heading a:focus, .accordian-container .panel .panel-heading a:hover { color: #000; } .accordian-container .panel .panel-heading a span.icon { color: #00626A; border: 1px solid #00626A; } .accordian-container .panel .panel-heading.active { border-color: #fff; color: #44405F; background-color: #fff; } .accordian-container .panel .panel-heading.active .heading2 { color: #44405F; } .accordian-container .panel .panel-heading.active h4 { color: #44405F; } .accordian-container .panel .panel-heading.active span.icon { color: #44405F !important; } .accordian-container .panel .panel-heading.active .fontSize-xl { color: #000000; } .accordian-container .panel .panel-collapse { background: #fff; color: #fff; } .accordian-container .panel .panel-collapse .panel-body .accordian-description p { color: #000; } .accordian-container .panel .panel-collapse .panel-body .help-info-block .help-btns a { color: #00626A; } .accordian-container .panel .panel-collapse .panel-body .help-info-block .help-btns a span.icon.no-btn { color: #FF6060; border: 1px solid #FF6060; } .accordian-container .panel .panel-collapse .panel-body .help-info-block .help-btns a span.icon.yes-btn { color: #87C084; border: 1px solid #9fcd9c; } .accordian-container .panel .panel-collapse .panel-body .help-info-block .help-btns a:first-child:hover .yes-btn, .accordian-container .panel .panel-collapse .panel-body .help-info-block .help-btns a:first-child:focus .yes-btn { color: #fff; background-color: #87C084; } .accordian-container .panel .panel-collapse .panel-body .help-info-block .help-btns a:nth-child(2):hover .no-btn, .accordian-container .panel .panel-collapse .panel-body .help-info-block .help-btns a:nth-child(2):focus .no-btn { color: #fff; background-color: #FF6060; } .panel-heading.active span.icon, .panel-heading.active span.icon:hover { color: #fff !important; border-color: #fff !important; } .inquiry-component { border: 1px solid transparent; } .accordian-container .panel span.heading2 { color: #000; } .accordian-container .accordian-description:before { background: #000; } /*************************************************************************************************** bootstrap tab to accordian - custom style Author: TAMM ***************************************************************************************************/ .nav-tabs, .nav-pills { border-bottom: 0 solid #F8F8F8; } .nav-tabs > li a.nav-link:focus, .nav-tabs > li a.nav-link:hover, .nav-pills > li a.nav-link:focus, .nav-pills > li a.nav-link:hover { color: #fff; background-color: #00626A; border: 1px solid #00626A; border-bottom-color: transparent; } .nav-tabs > li > a.nav-link, .nav-pills > li > a.nav-link { color: #fff; background-color: #4D4D4D; border: 1px solid #4D4D4D; border-bottom-color: transparent; } .nav-tabs > li > a.nav-link:before, .nav-pills > li > a.nav-link:before { border: solid transparent; } .nav-tabs > li > a.nav-link[aria-selected="true"], .nav-pills > li > a.nav-link[aria-selected="true"] { color: #fff; background-color: #00626A; border-color: #00626A; } .nav-tabs > li > a.nav-link[aria-selected="true"]:before, .nav-pills > li > a.nav-link[aria-selected="true"]:before { border-color: transparent; border-top-color: #00626A; } .nav-tabs > li > a.nav-link[aria-selected="true"]:focus, .nav-tabs > li > a.nav-link[aria-selected="true"]:hover, .nav-pills > li > a.nav-link[aria-selected="true"]:focus, .nav-pills > li > a.nav-link[aria-selected="true"]:hover { color: #fff; background-color: #00626A; border-color: #00626A; border-bottom-color: transparent; } .nav-pills { border-bottom: none; } .nav-pills .nav-link.active { color: #fff; } .nav-pills .nav-link.active[aria-selected="true"] { color: #fff; background-color: #00626A; border-color: #00626A; } .nav-pills .nav-link.active[aria-selected="true"]:before { border: solid transparent; border-color: #F8F8F8; border-top-color: #00626A; } .nav-pills .nav-link.active[aria-selected="true"]:focus, .nav-pills .nav-link.active[aria-selected="true"]:hover { color: #fff; background-color: #00626A; border-color: #00626A; border-bottom-color: transparent; } .nav-pills .show > .nav-link { color: #fff; background-color: #00626A; border: 1px solid #00626A; } .nav-pills > li > a:focus:before, .nav-pills > li > a:hover:before, .nav-pills > li > a:before { border: solid transparent; } .nav-pills > li > a:focus[aria-selected="true"], .nav-pills > li > a:hover[aria-selected="true"], .nav-pills > li > a[aria-selected="true"] { color: #fff; background-color: #00626A; } .nav-pills > li > a:focus[aria-selected="true"]:before, .nav-pills > li > a:hover[aria-selected="true"]:before, .nav-pills > li > a[aria-selected="true"]:before { border-color: #F8F8F8; } .nav-pills > li > a:focus[aria-selected="true"]:focus, .nav-pills > li > a:focus[aria-selected="true"]:hover, .nav-pills > li > a:hover[aria-selected="true"]:focus, .nav-pills > li > a:hover[aria-selected="true"]:hover, .nav-pills > li > a[aria-selected="true"]:focus, .nav-pills > li > a[aria-selected="true"]:hover { color: #fff; background-color: #00626A; border: 1px solid #00626A; border-bottom-color: transparent; } .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; } .nav-pills > li.active > a::after, .nav-pills > li.active > a:focus::after, .nav-pills > li.active > a:hover::after { content: ""; background-color: #00626A; } .nav-pills > li.active > a:before, .nav-pills > li.active > a:focus:before, .nav-pills > li.active > a:hover:before { border-top-color: transparent; border: none; } .tab_drawer_heading.htabs { background-color: #4D4D4D; border: 1px solid #00626A; color: #fff; } .tab_drawer_heading.htabs > a { color: #fff; background-color: #00626A; border: 1px solid #00626A; border-bottom-color: transparent; cursor: pointer; } .tab_drawer_heading.htabs.d_active { background-color: #fff; border: 1px solid #fff; } .tab_drawer_heading.htabs.d_active a { color: #00626A; background-color: #fff; border: 1px solid #fff; } .tab_drawer_heading.vtabs a { color: #fff; background-color: #00626A; border: 1px solid #00626A; } .tab_drawer_heading.vtabs a::after { border: 1px solid #fff; } .tab_drawer_heading.vtabs.d_active a { background-color: #fff; color: #00626A; } .tab_drawer_heading.vtabs.d_active a::after { border: 1px solid #F8F8F8; } @media only screen and (max-width: 767px) { .tab_drawer_heading.vtabs.d_active + .tab-pane.active { background: #fff; } } /*************************************************************************************************** Global classes - multiselect dropdown Author: Manikandan R ***************************************************************************************************/ .category-filter .multi-dropdown { background: transparent; border-bottom: solid 2px #32363f; } .category-filter .multi-dropdown .icon-down-arrow-thin { color: #fff; } .category-filter .multi-dropdown .selectedCheckbox { color: #fff; } .category-filter .multi-dropdown .icon-position.icon-list-iconv2 { color: #fff; } .category-filter .multi-dropdown:focus { background-color: #00626A; } .category-filter .multi-dropdown.open { border-color: #fff; background-color: #00626A; } .category-filter .multi-dropdown.open span, .category-filter .multi-dropdown.open .icon-position.icon-list-iconv2 { color: #F8F8F8; } .category-filter .filter-by-category { /* &.open{ z-index: 1000; position: absolute; width: 90vw; margin-top: 0; .component-content{ display: table; } } */ } .category-filter .filter-by-category .component-content { color: #F8F8F8; background-color: #00626A; } .category-filter .filter-by-category .component-content .bottom-remove-filter button, .category-filter .filter-by-category .component-content .bottom-remove-filter input, .category-filter .filter-by-category .component-content .bottom-filter-button button, .category-filter .filter-by-category .component-content .bottom-filter-button input { background: rgba(255, 221, 0, 0); color: #F8F8F8; } .category-filter .filter-by-category .component-content .bottom-remove-filter button:hover, .category-filter .filter-by-category .component-content .bottom-remove-filter button:focus, .category-filter .filter-by-category .component-content .bottom-remove-filter input:hover, .category-filter .filter-by-category .component-content .bottom-remove-filter input:focus, .category-filter .filter-by-category .component-content .bottom-filter-button button:hover, .category-filter .filter-by-category .component-content .bottom-filter-button button:focus, .category-filter .filter-by-category .component-content .bottom-filter-button input:hover, .category-filter .filter-by-category .component-content .bottom-filter-button input:focus { color: #00626A; background-color: #F8F8F8; border-color: #F8F8F8; } .category-filter .filter-by-category .component-content .bottom-remove-filter button:hover + .icon-loadmore, .category-filter .filter-by-category .component-content .bottom-remove-filter button:focus + .icon-loadmore, .category-filter .filter-by-category .component-content .bottom-remove-filter input:hover + .icon-loadmore, .category-filter .filter-by-category .component-content .bottom-remove-filter input:focus + .icon-loadmore, .category-filter .filter-by-category .component-content .bottom-filter-button button:hover + .icon-loadmore, .category-filter .filter-by-category .component-content .bottom-filter-button button:focus + .icon-loadmore, .category-filter .filter-by-category .component-content .bottom-filter-button input:hover + .icon-loadmore, .category-filter .filter-by-category .component-content .bottom-filter-button input:focus + .icon-loadmore { color: #333; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value { color: #F8F8F8; border-bottom: solid 1px #ADAFB1; background-color: transparent; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value label:focus { color: red; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:focus:after, .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:hover:after { background-color: #00626A; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after { background-color: #00626A; color: #F8F8F8; border: 2px solid #F8F8F8; } .category-filter .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:checked:after { color: #F8F8F8; } .filter-by-category { /* &.open{ z-index: 1000; position: absolute; width: 90vw; margin-top: 0; .component-content{ display: table; } } */ } .filter-by-category .component-content { color: #fff; background-color: #00626A; } .filter-by-category .component-content .bottom-remove-filter button, .filter-by-category .component-content .bottom-remove-filter input, .filter-by-category .component-content .bottom-filter-button button, .filter-by-category .component-content .bottom-filter-button input { background: #EBf0f0; border: 2px solid #32363f; color: #fff; } .filter-by-category .component-content .bottom-remove-filter button:hover, .filter-by-category .component-content .bottom-remove-filter button:focus, .filter-by-category .component-content .bottom-remove-filter input:hover, .filter-by-category .component-content .bottom-remove-filter input:focus, .filter-by-category .component-content .bottom-filter-button button:hover, .filter-by-category .component-content .bottom-filter-button button:focus, .filter-by-category .component-content .bottom-filter-button input:hover, .filter-by-category .component-content .bottom-filter-button input:focus { color: #00626A; background-color: #fff; border-color: #fff; } .filter-by-category .component-content .bottom-remove-filter button:hover + .icon-loadmore, .filter-by-category .component-content .bottom-remove-filter button:focus + .icon-loadmore, .filter-by-category .component-content .bottom-remove-filter input:hover + .icon-loadmore, .filter-by-category .component-content .bottom-remove-filter input:focus + .icon-loadmore, .filter-by-category .component-content .bottom-filter-button button:hover + .icon-loadmore, .filter-by-category .component-content .bottom-filter-button button:focus + .icon-loadmore, .filter-by-category .component-content .bottom-filter-button input:hover + .icon-loadmore, .filter-by-category .component-content .bottom-filter-button input:focus + .icon-loadmore { color: #32363f; } .filter-by-category .component-content .facet-search-filter .facet-value { color: #fff; border-bottom: solid 1px #32363f; background-color: transparent; } .filter-by-category .component-content .facet-search-filter .facet-value label:focus { color: #FF6060; } .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:focus:after, .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:hover:after { background-color: #00626A; } .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:after { background-color: #00626A; color: #00626A; border: 2px solid #fff; } .filter-by-category .component-content .facet-search-filter .facet-value input[type=checkbox]:checked:after { color: #fff; } .btn-group.open { background: #32363f; } .btn-group .multiselect.dropdown-toggle { background: transparent; border: none; color: #fff; border-bottom: solid 2px #32363f; } .btn-group .multiselect.dropdown-toggle:hover, .btn-group .multiselect.dropdown-toggle:focus { background: transparent; color: #fff; border-bottom: solid 2px; border-radius: 0; } .btn-group .multiselect-container { background-color: #00626A; } .btn-group .multiselect-container > li a { color: #fff; border-bottom: solid 1px #00626A; background-color: transparent; } .btn-group .multiselect-container > li a:hover, .btn-group .multiselect-container > li a:focus { background-color: transparent; color: #fff; } .multiselect-native-select select { border: 0 !important; } @media only screen and (max-width: 992px) { .modal .modal-body .modal-filterwrapper .ltr-space { color: #fff; } .modal .modal-body .modal-filterwrapper .sortby-container .sort-label { color: #fff; } } @media only screen and (max-width: 992px) { .btn-group .multiselect-container > li .chkBoxContainer > input ~ .checkmark { border-color: #fff; } } @media only screen and (max-width: 767px) { .icon-Filter-icon { color: #fff; } .btn-group .multiselect-container li a .chkBoxContainer > .checkmark:after { border-color: #fff; } .icon-Filter { background: none; } .modal-filter-popup .modal-body .ltr-space { color: #fff; } } /*************************************************************************************************** custom scroll bar style Author: TAMM ***************************************************************************************************/ .scrollbars .scrollbar-path-vertical { background-color: transparent; } .scrollbars .scrollbar-path-vertical .scrollbar-handle { background-color: #fff; } /*************************************************************************************************** Feedback pop up styles Author: TAMM ***************************************************************************************************/ .feedback-model .modal-dialog .modal-content { background-color: #fff; } .feedback-model .modal-dialog .modal-content #feedbackMsg { color: #FF6060 !important; } .feedback-model .modal-dialog .modal-content #phonenumberFeedback::-webkit-input-placeholder { color: #fff; } .feedback-model .modal-dialog .modal-content #phonenumberFeedback:-ms-input-placeholder { color: #fff; } .feedback-model .modal-dialog .modal-content #phonenumberFeedback::placeholder { color: #fff; } .feedback-model .modal-dialog .modal-content #callBackFeedbackSection .checkmark:after { border-color: #fff !important; } .feedback-model .modal-dialog .modal-content .modal-title { color: #000; } .feedback-model .modal-dialog .modal-content .close { background: transparent; color: #000; } .feedback-model .modal-dialog .modal-content .tamm-btn.yellow-border-btn { border: 2px solid #891E04; color: #891E04; } .feedback-model .modal-dialog .modal-content .tamm-btn.yellow-border-btn:hover { background: #00626A; border-color: #00626A; color: #fff; } .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper { color: #F8F8F8; } .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .icon.icon-ok { background-color: #F8F8F8; color: #00626A; } html[lang*='en'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .thank-title, html[class*='translated-ltr'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .thank-title { font-family: "CircularStd-Bold", Arial, sans-serif; } html[lang*='ar'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .thank-title, html[class*='translated-rtl'] .feedback-model .modal-dialog .modal-content .feedback-thankyou .thank-wrapper .thank-title { font-family: "NotoKufiArabic-Bold", Arial, sans-serif; } .feedback-model .modal-dialog .modal-content .form-group .frm-label { color: #F8F8F8; } .feedback-model .modal-dialog .modal-content .form-group textarea, .feedback-model .modal-dialog .modal-content .form-group input[type="tel"], .feedback-model .modal-dialog .modal-content .form-group input[type="text"] { background-color: transparent; border: none; border-bottom: solid 2px #F8F8F8; color: #F8F8F8; } .feedback-model .modal-dialog .modal-content .form-group input[type="tel"] { color: #F8F8F8; } .feedback-model .modal-dialog .modal-content .form-group .text-total { color: #F8F8F8; } /*************************************************************************************************** Styles for - Custom select Author: Manikandan ***************************************************************************************************/ .custom-select { color: #fff; } .custom-select .icon-down-arrow-thin { color: #fff; } .custom-select .custom-dropdown { background-color: #fff; } .custom-select .custom-dropdown .clear-btn { color: #4D4D4D; } .custom-select.opened { background-color: #fff; color: #00626A; } .custom-select.opened .icon-down-arrow-thin { color: #00626A; } /*mani*/ /*************************************************************************************************** News and events component styles Author: TAMM ***************************************************************************************************/ .news-event-container { /*all tabs temp fix*/ } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(1) .newshover { background: #EBf0f0; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(1) .wrap { background: #EBf0f0; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(1) .wrap .icon-Triangle-left { color: #EBf0f0 !important; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(2) .newshover { background: #8bd3dd; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(2) .wrap { background: #8bd3dd; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(2) .wrap .icon-Triangle-left { color: #8bd3dd !important; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(3) .newshover { background: #E8D9BB; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(3) .wrap { background: #E8D9BB; } html[lang*='en'] .news-event-container #all .thumbnailbox-flex .search-results:nth-child(3) .wrap, html[class*='translated-ltr'] .news-event-container #all .thumbnailbox-flex .search-results:nth-child(3) .wrap { float: right; } html[lang*='ar'] .news-event-container #all .thumbnailbox-flex .search-results:nth-child(3) .wrap, html[class*='translated-rtl'] .news-event-container #all .thumbnailbox-flex .search-results:nth-child(3) .wrap { float: left; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(3) .wrap .icon-Triangle-left { color: #E8D9BB !important; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(4) .newshover { background: #ABCFBF; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(4) .wrap { background: #ABCFBF; } .news-event-container #all .thumbnailbox-flex .search-results:nth-child(4) .wrap .icon-Triangle-left { color: #000 !important; } .news-event-container .thumbnailbox-flex .search-result-list .heading-h2 { color: #000; } .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont:hover .newshover, .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont:focus .newshover { border: 0px solid rgba(0, 0, 0, 0.7); } .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont .newshover .readmorebtn { border: solid 2px #000; color: #000; } html[lang*='en'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont > img .holidays-date, html[class*='translated-ltr'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont > img .holidays-date, html[lang*='en'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont .wrap-image .holidays-date, html[class*='translated-ltr'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont .wrap-image .holidays-date, html[lang*='en'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont > .wrap .holidays-date, html[class*='translated-ltr'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont > .wrap .holidays-date { border-left: solid 2px #000; } html[lang*='ar'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont > img .holidays-date, html[class*='translated-rtl'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont > img .holidays-date, html[lang*='ar'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont .wrap-image .holidays-date, html[class*='translated-rtl'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont .wrap-image .holidays-date, html[lang*='ar'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont > .wrap .holidays-date, html[class*='translated-rtl'] .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont > .wrap .holidays-date { border-right: solid 2px #000; } .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont .wrap-image { background: url("-/media/500D728593DC4BF280033E1BB9B36A74.ashx?db=master&la=en&vs=1&ts=20180711T1329024224") no-repeat center; } .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont .wrap-image .tamm-btn.overlay-btn.img-overlay { background-color: transparent; border: 1px solid; } .news-event-container .thumbnailbox-flex .search-result-list > li .itemCont .wrap-image:after { content: ""; background-image: -webkit-linear-gradient(top, transparent 0%, #fff 98%); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(98%, #fff)); background-image: linear-gradient(-180deg, transparent 0%, #fff 98%); width: 100%; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(1) .newshover { background: #EBf0f0; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(1) .wrap { background: #EBf0f0; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(1) .wrap .icon-Triangle-left { color: #EBf0f0 !important; /*!important for related news icon color*/ } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(2) .newshover { background: #8bd3dd; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(2) .wrap { background: #8bd3dd; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(2) .wrap .icon-Triangle-left { color: #8bd3dd !important; /*!important for related news icon color*/ } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(3) .newshover { background: #E8D9BB; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(3) .wrap { background: #E8D9BB; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(3) .wrap .icon-Triangle-left { color: #E8D9BB; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(4) .newshover { background: #ABCFBF; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(4) .wrap { background: #ABCFBF; } .news-event-container .thumbnailbox-flex .search-result-list > li:nth-child(4) .wrap .icon-Triangle-left { color: #ABCFBF; } .white-bg .news-event-container p { color: #000; } .newsbtn, .newsbtn:focus, .newsbtn:hover { border: solid 1px #000; color: #000; } /*************************************************************************************************** Social media component Author: TAMM ***************************************************************************************************/ .social-media-container div[id^="instagram"] .social-wrap .wrap-image p { color: #000; } .social-media-container .icon-twitter { color: #000; } .social-media-container .icon-instagram { color: #fff; } .social-media-container .social-tabs-main li a > .icon { color: #fff; } .social-media-container .social-network-main .social-network-grid .social-wrap.social-wrap-content { background: #fff; color: #000; } .social-media-container .social-network-main .social-network-grid .social-wrap.social-wrap-content.bg-dark { background: #E8D9BB !important; color: #000; } .social-media-container .social-network-main .social-network-grid .social-wrap .wrap p { color: #000; } .social-media-container .social-network-main .social-network-grid .social-wrap .wrap p a { color: #000; } .social-media-container .social-network-main .social-network-grid .social-wrap .wrap .heading-h1, .social-media-container .social-network-main .social-network-grid .social-wrap .wrap .heading-h2 { color: #000; } .social-media-container .social-network-main .social-network-grid .social-wrap .wrap-image p { color: #fff; } .social-media-container .social-network-main .social-network-grid .social-wrap .wrap-image p a { color: #fff; } .social-media-container .social-network-main .social-network-grid .social-wrap .wrap-image:after { content: ""; background-image: -webkit-linear-gradient(top, #fff 0%, transparent 98%); background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(98%, transparent)); background-image: -webkit-linear-gradient(bottom, #fff 0%, transparent 98%); background-image: linear-gradient(0deg, #fff 0%, transparent 98%); } .social-media-container .social-network-main .social-network-grid .social-wrap.social-only-img:after { content: ""; background-image: -webkit-linear-gradient(top, #fff 0%, transparent 98%); background-image: -webkit-linear-gradient(bottom, #fff 0%, transparent 98%); background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(98%, transparent)); background-image: linear-gradient(0deg, #fff 0%, transparent 98%); } .social-media-container .social-network-main .social-network-grid .social-wrap-yt .video-up-time { color: #fff; } .social-media-container .social-network-main .social-network-grid .social-wrap-yt:after { background-image: -webkit-linear-gradient(top, #fff 0%, transparent 98%); background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(98%, transparent)); background-image: -webkit-linear-gradient(bottom, #fff 0%, transparent 98%); background-image: linear-gradient(0deg, #fff 0%, transparent 98%); } @media (min-width: 768px) and (max-width: 991px) { .social-media-container .social-network-main .social-network-grid:last-child { /* position: relative; top:-250px; */ } } /*************************************************************************************************** Social media component Author: TAMM ***************************************************************************************************/ .four-col-cards .row .contentl-wrap.img-wrap .contentl-wrap { background: #fff; } .three-col-listwrapper-pro .row .contentl-wrap .tags-label { color: #000; border-color: #000; } .three-col-listwrapper-pro .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap p { color: #000 !important; } .three-col-listwrapper-pro .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap .heading-h1 { color: #000 !important; } .three-col-listwrapper-pro .view-all-block a { color: #00626A; border-bottom: 1px solid transparent; } .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:last-child, .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .content-hover .contentl-wrap:last-child { background-color: #fff; } .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:last-child:hover, .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .content-hover .contentl-wrap:last-child:hover { background-color: #ABCFBF; } .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:last-child:hover .wrap p, .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:last-child:hover .wrap .heading-h1, .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:last-child:hover .wrap .heading-h2, .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .content-hover .contentl-wrap:last-child:hover .wrap p, .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .content-hover .contentl-wrap:last-child:hover .wrap .heading-h1, .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .content-hover .contentl-wrap:last-child:hover .wrap .heading-h2 { color: #000; } .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child { background-color: #fff; } .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover { background-color: #ABCFBF; } .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap p, .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap .heading-h1, .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap .heading-h2 { color: #000; } .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap { background: #fff; /* @include ltr { margin-right: 30px; } @include rtl { margin-left: 30px; } */ } .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap .wrap p { color: #000; } .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap .wrap p a { color: #fff; } .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap .wrap .heading-h1, .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap .wrap .heading-h2 { color: #000; } .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap .wrap-image p { color: #fff; } .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap .wrap-image p a { color: #fff; } .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap-yt .icon { color: #fff; } .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap-yt .video-up-time { color: #fff; } .three-col-listcontainer .three-col-listwrapper .row .contentl-wrap-yt:after { content: ""; /* background-image: -webkit-linear-gradient(top, transparent 0%, #161138 98%); background-image: linear-gradient(to top, rgba(22, 17, 56, 0), rgba(22, 17, 56, 0.7) 49%, rgba(22, 17, 56, 0)); */ } @media only screen and (max-width: 992px) { .three-col-listcontainer .three-col-listwrapper .row { /* width: 46%; */ } } @media only screen and (max-width: 767px) { .three-col-listcontainer .three-col-listwrapper .row { /* margin-bottom: $margin0; width: 100%; */ } } /*************************************************************************************************** whats new component Author: TAMM ***************************************************************************************************/ .whats-new-container a .center-absolute { color: #000; } @media only screen and (max-width: 600px) { .whats-new-container a .center-absolute { color: #fff; } } /*************************************************************************************************** Co create component styles Author: TAMM ***************************************************************************************************/ .collaborate-container .form-group, .feedback-model .form-group { color: #000; } .collaborate-container .form-group label, .feedback-model .form-group label { color: #000; } .collaborate-container .form-group input[type="email"], .collaborate-container .form-group input[type="email"]:focus, .collaborate-container .form-group input[type="number"], .collaborate-container .form-group input[type="number"]:focus, .collaborate-container .form-group input[type="password"], .collaborate-container .form-group input[type="password"]:focus, .collaborate-container .form-group input[type="tel"], .collaborate-container .form-group input[type="tel"]:focus, .collaborate-container .form-group input[type="text"], .collaborate-container .form-group input[type="text"]:focus, .collaborate-container .form-group textarea, .collaborate-container .form-group textarea:focus, .feedback-model .form-group input[type="email"], .feedback-model .form-group input[type="email"]:focus, .feedback-model .form-group input[type="number"], .feedback-model .form-group input[type="number"]:focus, .feedback-model .form-group input[type="password"], .feedback-model .form-group input[type="password"]:focus, .feedback-model .form-group input[type="tel"], .feedback-model .form-group input[type="tel"]:focus, .feedback-model .form-group input[type="text"], .feedback-model .form-group input[type="text"]:focus, .feedback-model .form-group textarea, .feedback-model .form-group textarea:focus { background-color: transparent; border: none; border-bottom: solid 2px #E8D9BB; color: #000; } .collaborate-container .form-group input[type="email"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="email"]:focus::-webkit-input-placeholder, .collaborate-container .form-group input[type="number"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="number"]:focus::-webkit-input-placeholder, .collaborate-container .form-group input[type="password"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="password"]:focus::-webkit-input-placeholder, .collaborate-container .form-group input[type="tel"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="tel"]:focus::-webkit-input-placeholder, .collaborate-container .form-group input[type="text"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="text"]:focus::-webkit-input-placeholder, .collaborate-container .form-group textarea::-webkit-input-placeholder, .collaborate-container .form-group textarea:focus::-webkit-input-placeholder, .feedback-model .form-group input[type="email"]::-webkit-input-placeholder, .feedback-model .form-group input[type="email"]:focus::-webkit-input-placeholder, .feedback-model .form-group input[type="number"]::-webkit-input-placeholder, .feedback-model .form-group input[type="number"]:focus::-webkit-input-placeholder, .feedback-model .form-group input[type="password"]::-webkit-input-placeholder, .feedback-model .form-group input[type="password"]:focus::-webkit-input-placeholder, .feedback-model .form-group input[type="tel"]::-webkit-input-placeholder, .feedback-model .form-group input[type="tel"]:focus::-webkit-input-placeholder, .feedback-model .form-group input[type="text"]::-webkit-input-placeholder, .feedback-model .form-group input[type="text"]:focus::-webkit-input-placeholder, .feedback-model .form-group textarea::-webkit-input-placeholder, .feedback-model .form-group textarea:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; } .collaborate-container .form-group input[type="email"]::-moz-placeholder, .collaborate-container .form-group input[type="email"]:focus::-moz-placeholder, .collaborate-container .form-group input[type="number"]::-moz-placeholder, .collaborate-container .form-group input[type="number"]:focus::-moz-placeholder, .collaborate-container .form-group input[type="password"]::-moz-placeholder, .collaborate-container .form-group input[type="password"]:focus::-moz-placeholder, .collaborate-container .form-group input[type="tel"]::-moz-placeholder, .collaborate-container .form-group input[type="tel"]:focus::-moz-placeholder, .collaborate-container .form-group input[type="text"]::-moz-placeholder, .collaborate-container .form-group input[type="text"]:focus::-moz-placeholder, .collaborate-container .form-group textarea::-moz-placeholder, .collaborate-container .form-group textarea:focus::-moz-placeholder, .feedback-model .form-group input[type="email"]::-moz-placeholder, .feedback-model .form-group input[type="email"]:focus::-moz-placeholder, .feedback-model .form-group input[type="number"]::-moz-placeholder, .feedback-model .form-group input[type="number"]:focus::-moz-placeholder, .feedback-model .form-group input[type="password"]::-moz-placeholder, .feedback-model .form-group input[type="password"]:focus::-moz-placeholder, .feedback-model .form-group input[type="tel"]::-moz-placeholder, .feedback-model .form-group input[type="tel"]:focus::-moz-placeholder, .feedback-model .form-group input[type="text"]::-moz-placeholder, .feedback-model .form-group input[type="text"]:focus::-moz-placeholder, .feedback-model .form-group textarea::-moz-placeholder, .feedback-model .form-group textarea:focus::-moz-placeholder { /* Firefox 19+ */ color: #000; } .collaborate-container .form-group input[type="email"]:-ms-input-placeholder, .collaborate-container .form-group input[type="email"]:focus:-ms-input-placeholder, .collaborate-container .form-group input[type="number"]:-ms-input-placeholder, .collaborate-container .form-group input[type="number"]:focus:-ms-input-placeholder, .collaborate-container .form-group input[type="password"]:-ms-input-placeholder, .collaborate-container .form-group input[type="password"]:focus:-ms-input-placeholder, .collaborate-container .form-group input[type="tel"]:-ms-input-placeholder, .collaborate-container .form-group input[type="tel"]:focus:-ms-input-placeholder, .collaborate-container .form-group input[type="text"]:-ms-input-placeholder, .collaborate-container .form-group input[type="text"]:focus:-ms-input-placeholder, .collaborate-container .form-group textarea:-ms-input-placeholder, .collaborate-container .form-group textarea:focus:-ms-input-placeholder, .feedback-model .form-group input[type="email"]:-ms-input-placeholder, .feedback-model .form-group input[type="email"]:focus:-ms-input-placeholder, .feedback-model .form-group input[type="number"]:-ms-input-placeholder, .feedback-model .form-group input[type="number"]:focus:-ms-input-placeholder, .feedback-model .form-group input[type="password"]:-ms-input-placeholder, .feedback-model .form-group input[type="password"]:focus:-ms-input-placeholder, .feedback-model .form-group input[type="tel"]:-ms-input-placeholder, .feedback-model .form-group input[type="tel"]:focus:-ms-input-placeholder, .feedback-model .form-group input[type="text"]:-ms-input-placeholder, .feedback-model .form-group input[type="text"]:focus:-ms-input-placeholder, .feedback-model .form-group textarea:-ms-input-placeholder, .feedback-model .form-group textarea:focus:-ms-input-placeholder { /* IE 10+ */ color: #000; } .collaborate-container .form-group input[type="email"]:-moz-placeholder, .collaborate-container .form-group input[type="email"]:focus:-moz-placeholder, .collaborate-container .form-group input[type="number"]:-moz-placeholder, .collaborate-container .form-group input[type="number"]:focus:-moz-placeholder, .collaborate-container .form-group input[type="password"]:-moz-placeholder, .collaborate-container .form-group input[type="password"]:focus:-moz-placeholder, .collaborate-container .form-group input[type="tel"]:-moz-placeholder, .collaborate-container .form-group input[type="tel"]:focus:-moz-placeholder, .collaborate-container .form-group input[type="text"]:-moz-placeholder, .collaborate-container .form-group input[type="text"]:focus:-moz-placeholder, .collaborate-container .form-group textarea:-moz-placeholder, .collaborate-container .form-group textarea:focus:-moz-placeholder, .feedback-model .form-group input[type="email"]:-moz-placeholder, .feedback-model .form-group input[type="email"]:focus:-moz-placeholder, .feedback-model .form-group input[type="number"]:-moz-placeholder, .feedback-model .form-group input[type="number"]:focus:-moz-placeholder, .feedback-model .form-group input[type="password"]:-moz-placeholder, .feedback-model .form-group input[type="password"]:focus:-moz-placeholder, .feedback-model .form-group input[type="tel"]:-moz-placeholder, .feedback-model .form-group input[type="tel"]:focus:-moz-placeholder, .feedback-model .form-group input[type="text"]:-moz-placeholder, .feedback-model .form-group input[type="text"]:focus:-moz-placeholder, .feedback-model .form-group textarea:-moz-placeholder, .feedback-model .form-group textarea:focus:-moz-placeholder { /* Firefox 18- */ color: #000; } .collaborate-container .form-group input[type="email"].valid-input, .collaborate-container .form-group input[type="email"]:focus.valid-input, .collaborate-container .form-group input[type="number"].valid-input, .collaborate-container .form-group input[type="number"]:focus.valid-input, .collaborate-container .form-group input[type="password"].valid-input, .collaborate-container .form-group input[type="password"]:focus.valid-input, .collaborate-container .form-group input[type="tel"].valid-input, .collaborate-container .form-group input[type="tel"]:focus.valid-input, .collaborate-container .form-group input[type="text"].valid-input, .collaborate-container .form-group input[type="text"]:focus.valid-input, .collaborate-container .form-group textarea.valid-input, .collaborate-container .form-group textarea:focus.valid-input, .feedback-model .form-group input[type="email"].valid-input, .feedback-model .form-group input[type="email"]:focus.valid-input, .feedback-model .form-group input[type="number"].valid-input, .feedback-model .form-group input[type="number"]:focus.valid-input, .feedback-model .form-group input[type="password"].valid-input, .feedback-model .form-group input[type="password"]:focus.valid-input, .feedback-model .form-group input[type="tel"].valid-input, .feedback-model .form-group input[type="tel"]:focus.valid-input, .feedback-model .form-group input[type="text"].valid-input, .feedback-model .form-group input[type="text"]:focus.valid-input, .feedback-model .form-group textarea.valid-input, .feedback-model .form-group textarea:focus.valid-input { border-bottom: solid 2px #87C084; } .collaborate-container .form-group input[type="email"].invalid-input, .collaborate-container .form-group input[type="email"]:focus.invalid-input, .collaborate-container .form-group input[type="number"].invalid-input, .collaborate-container .form-group input[type="number"]:focus.invalid-input, .collaborate-container .form-group input[type="password"].invalid-input, .collaborate-container .form-group input[type="password"]:focus.invalid-input, .collaborate-container .form-group input[type="tel"].invalid-input, .collaborate-container .form-group input[type="tel"]:focus.invalid-input, .collaborate-container .form-group input[type="text"].invalid-input, .collaborate-container .form-group input[type="text"]:focus.invalid-input, .collaborate-container .form-group textarea.invalid-input, .collaborate-container .form-group textarea:focus.invalid-input, .feedback-model .form-group input[type="email"].invalid-input, .feedback-model .form-group input[type="email"]:focus.invalid-input, .feedback-model .form-group input[type="number"].invalid-input, .feedback-model .form-group input[type="number"]:focus.invalid-input, .feedback-model .form-group input[type="password"].invalid-input, .feedback-model .form-group input[type="password"]:focus.invalid-input, .feedback-model .form-group input[type="tel"].invalid-input, .feedback-model .form-group input[type="tel"]:focus.invalid-input, .feedback-model .form-group input[type="text"].invalid-input, .feedback-model .form-group input[type="text"]:focus.invalid-input, .feedback-model .form-group textarea.invalid-input, .feedback-model .form-group textarea:focus.invalid-input { border-bottom: solid 2px #FF6060; } .collaborate-container .form-group .err-icon, .collaborate-container .form-group .valid-icon, .feedback-model .form-group .err-icon, .feedback-model .form-group .valid-icon { color: #FF6060; } .collaborate-container .form-group .valid-icon, .feedback-model .form-group .valid-icon { color: #87C084; } .collaborate-container .form-group .err-msg, .feedback-model .form-group .err-msg { color: #FF6060; } .collaborate-container .form-group .err-msg.valid-msg, .feedback-model .form-group .err-msg.valid-msg { color: transparent; } .collaborate-container .tab-pane, .feedback-model .tab-pane { color: #E8D9BB; } .collaborate-container .callback-block .chkBoxContainer, .feedback-model .callback-block .chkBoxContainer { color: #F8F8F8; } .collaborate-container .Cocreate-thankyou .Cocreate-wrapper, .feedback-model .Cocreate-thankyou .Cocreate-wrapper { color: #000; } .collaborate-container .Cocreate-thankyou .Cocreate-wrapper .icon.icon-ok, .feedback-model .Cocreate-thankyou .Cocreate-wrapper .icon.icon-ok { background-color: #000; color: #fff; } .collaborate-container .Cocreate-form.generic-form .form-group, .feedback-model .Cocreate-form.generic-form .form-group { color: #4D4D4D; } .collaborate-container .Cocreate-form.generic-form .form-group label, .feedback-model .Cocreate-form.generic-form .form-group label { color: #4D4D4D; } .collaborate-container .Cocreate-form.generic-form .form-group input[type="email"].form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="email"]:focus.form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"].form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="password"].form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="password"]:focus.form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"].form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="text"].form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="text"]:focus.form-control, .collaborate-container .Cocreate-form.generic-form .form-group label.form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"].form-control, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control, .collaborate-container .Cocreate-form.generic-form .form-group textarea.form-control, .collaborate-container .Cocreate-form.generic-form .form-group textarea:focus.form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="email"].form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="email"]:focus.form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"].form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="password"].form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="password"]:focus.form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"].form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="text"].form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="text"]:focus.form-control, .feedback-model .Cocreate-form.generic-form .form-group label.form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"].form-control, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control, .feedback-model .Cocreate-form.generic-form .form-group textarea.form-control, .feedback-model .Cocreate-form.generic-form .form-group textarea:focus.form-control { color: #4D4D4D; background-color: transparent !important; border-bottom-color: #4D4D4D; } .collaborate-container .Cocreate-form.generic-form .form-group input[type="email"].form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="email"]:focus.form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"].form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="password"].form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="password"]:focus.form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"].form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="text"].form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="text"]:focus.form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group label.form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"].form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group textarea.form-control::-webkit-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group textarea:focus.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="email"].form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="email"]:focus.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"].form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="password"].form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="password"]:focus.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"].form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="text"].form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="text"]:focus.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group label.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"].form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group textarea.form-control::-webkit-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group textarea:focus.form-control::-webkit-input-placeholder { color: #4D4D4D; } .collaborate-container .Cocreate-form.generic-form .form-group input[type="email"].form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="email"]:focus.form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"].form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="password"].form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="password"]:focus.form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"].form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="text"].form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="text"]:focus.form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group label.form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"].form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group textarea.form-control:-ms-input-placeholder, .collaborate-container .Cocreate-form.generic-form .form-group textarea:focus.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="email"].form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="email"]:focus.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"].form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="password"].form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="password"]:focus.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"].form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="text"].form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="text"]:focus.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group label.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"].form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group textarea.form-control:-ms-input-placeholder, .feedback-model .Cocreate-form.generic-form .form-group textarea:focus.form-control:-ms-input-placeholder { color: #4D4D4D; } .collaborate-container .Cocreate-form.generic-form .form-group input[type="email"].form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="email"]:focus.form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"].form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="password"].form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="password"]:focus.form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"].form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="text"].form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="text"]:focus.form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group label.form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"].form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group textarea.form-control::placeholder, .collaborate-container .Cocreate-form.generic-form .form-group textarea:focus.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="email"].form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="email"]:focus.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"].form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="password"].form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="password"]:focus.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"].form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="text"].form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="text"]:focus.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group label.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="number"]:focus.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"].form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group input[type="tel"]:focus.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group textarea.form-control::placeholder, .feedback-model .Cocreate-form.generic-form .form-group textarea:focus.form-control::placeholder { color: #4D4D4D; } .collaborate-container .Cocreate-form.generic-form .form-group .textarea-wrapper .txt-lmt-container, .feedback-model .Cocreate-form.generic-form .form-group .textarea-wrapper .txt-lmt-container { color: #4D4D4D; } .collaborate-container .Cocreate-form.generic-form .form-group .callback-block > .chkBoxContainer > .checkmark, .feedback-model .Cocreate-form.generic-form .form-group .callback-block > .chkBoxContainer > .checkmark { border-color: #F8F8F8; } .collaborate-container .Cocreate-form.generic-form .form-group .callback-block > .chkBoxContainer > .checkmark::after, .feedback-model .Cocreate-form.generic-form .form-group .callback-block > .chkBoxContainer > .checkmark::after { border-color: #4D4D4D; } @media (max-width: 767px) { .home-page .chkBoxContainer > input ~ .checkmark, .adge-page .chkBoxContainer > input ~ .checkmark { border-color: #fff; } .home-page .chkBoxContainer > .checkmark:after, .adge-page .chkBoxContainer > .checkmark:after { border-color: #fff; } .home-page .tabbable .survey-grid .view-all-block .view-all, .adge-page .tabbable .survey-grid .view-all-block .view-all { color: #fff; } .home-page .collaborate-container button, .home-page .collaborate-container button:focus, .home-page .collaborate-container button:hover, .home-page .collaborate-container input[type="submit"], .adge-page .collaborate-container button, .adge-page .collaborate-container button:focus, .adge-page .collaborate-container button:hover, .adge-page .collaborate-container input[type="submit"] { color: #fff; border-color: #fff; background: #fff; } .home-page .collaborate-container button .icon, .home-page .collaborate-container button:focus .icon, .home-page .collaborate-container button:hover .icon, .home-page .collaborate-container input[type="submit"] .icon, .adge-page .collaborate-container button .icon, .adge-page .collaborate-container button:focus .icon, .adge-page .collaborate-container button:hover .icon, .adge-page .collaborate-container input[type="submit"] .icon { color: #fff; } .collaborate-container .form-group button, .collaborate-container .form-group button:focus, .collaborate-container .form-group button:hover, .collaborate-container .form-group input[type="submit"] { color: #fff; border-color: #fff; background: #fff; } .collaborate-container .form-group button .icon, .collaborate-container .form-group button:focus .icon, .collaborate-container .form-group button:hover .icon, .collaborate-container .form-group input[type="submit"] .icon { color: #fff; } .collaborate-container .form-group input[type="email"], .collaborate-container .form-group input[type="email"]:focus, .collaborate-container .form-group input[type="number"], .collaborate-container .form-group input[type="number"]:focus, .collaborate-container .form-group input[type="password"], .collaborate-container .form-group input[type="password"]:focus, .collaborate-container .form-group input[type="tel"], .collaborate-container .form-group input[type="tel"]:focus, .collaborate-container .form-group input[type="text"], .collaborate-container .form-group input[type="text"]:focus, .collaborate-container .form-group label, .collaborate-container .form-group input[type="number"]:focus, .collaborate-container .form-group input[type="tel"], .collaborate-container .form-group input[type="tel"]:focus, .collaborate-container .form-group textarea, .collaborate-container .form-group textarea:focus { color: #fff; } .collaborate-container .form-group input[type="email"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="email"]:focus::-webkit-input-placeholder, .collaborate-container .form-group input[type="number"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="number"]:focus::-webkit-input-placeholder, .collaborate-container .form-group input[type="password"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="password"]:focus::-webkit-input-placeholder, .collaborate-container .form-group input[type="tel"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="tel"]:focus::-webkit-input-placeholder, .collaborate-container .form-group input[type="text"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="text"]:focus::-webkit-input-placeholder, .collaborate-container .form-group label::-webkit-input-placeholder, .collaborate-container .form-group input[type="number"]:focus::-webkit-input-placeholder, .collaborate-container .form-group input[type="tel"]::-webkit-input-placeholder, .collaborate-container .form-group input[type="tel"]:focus::-webkit-input-placeholder, .collaborate-container .form-group textarea::-webkit-input-placeholder, .collaborate-container .form-group textarea:focus::-webkit-input-placeholder { color: #fff; } .collaborate-container .form-group input[type="email"]::-moz-placeholder, .collaborate-container .form-group input[type="email"]:focus::-moz-placeholder, .collaborate-container .form-group input[type="number"]::-moz-placeholder, .collaborate-container .form-group input[type="number"]:focus::-moz-placeholder, .collaborate-container .form-group input[type="password"]::-moz-placeholder, .collaborate-container .form-group input[type="password"]:focus::-moz-placeholder, .collaborate-container .form-group input[type="tel"]::-moz-placeholder, .collaborate-container .form-group input[type="tel"]:focus::-moz-placeholder, .collaborate-container .form-group input[type="text"]::-moz-placeholder, .collaborate-container .form-group input[type="text"]:focus::-moz-placeholder, .collaborate-container .form-group label::-moz-placeholder, .collaborate-container .form-group input[type="number"]:focus::-moz-placeholder, .collaborate-container .form-group input[type="tel"]::-moz-placeholder, .collaborate-container .form-group input[type="tel"]:focus::-moz-placeholder, .collaborate-container .form-group textarea::-moz-placeholder, .collaborate-container .form-group textarea:focus::-moz-placeholder { color: #fff; } .collaborate-container .form-group input[type="email"]:-ms-input-placeholder, .collaborate-container .form-group input[type="email"]:focus:-ms-input-placeholder, .collaborate-container .form-group input[type="number"]:-ms-input-placeholder, .collaborate-container .form-group input[type="number"]:focus:-ms-input-placeholder, .collaborate-container .form-group input[type="password"]:-ms-input-placeholder, .collaborate-container .form-group input[type="password"]:focus:-ms-input-placeholder, .collaborate-container .form-group input[type="tel"]:-ms-input-placeholder, .collaborate-container .form-group input[type="tel"]:focus:-ms-input-placeholder, .collaborate-container .form-group input[type="text"]:-ms-input-placeholder, .collaborate-container .form-group input[type="text"]:focus:-ms-input-placeholder, .collaborate-container .form-group label:-ms-input-placeholder, .collaborate-container .form-group input[type="number"]:focus:-ms-input-placeholder, .collaborate-container .form-group input[type="tel"]:-ms-input-placeholder, .collaborate-container .form-group input[type="tel"]:focus:-ms-input-placeholder, .collaborate-container .form-group textarea:-ms-input-placeholder, .collaborate-container .form-group textarea:focus:-ms-input-placeholder { color: #fff; } #CoCreate .Cocreate-form .txt-lmt-container { color: #fff !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10-specific styles go here */ } .inner-slidemenu-component .collapsable-leftnav ul li.active .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li.active .icon-img, .inner-slidemenu-component .collapsable-leftnav ul li:hover .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li:hover .icon-img, .inner-slidemenu-component .collapsable-leftnav ul li:focus .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li:focus .icon-img { background-color: #4D4D4D; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img { color: #fff; background-color: #32363f; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.icon-label a, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.icon-label a { color: #fff; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label.ico-1:after, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img.ico-1:after { border-color: transparent #fff transparent transparent; } .inner-slidemenu-component .collapsable-leftnav ul li .icon-label a:hover, .inner-slidemenu-component .collapsable-leftnav ul li .icon-label a:focus, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img a:hover, .inner-slidemenu-component .collapsable-leftnav ul li .icon-img a:focus { color: #000; } .inner-slidemenu-component .collapsable-leftnav ul li:first-child:after { content: ""; border-color: transparent #fff transparent transparent; } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.icon-label, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.icon-label { color: transparent; } .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-label.ico-1:after, .inner-slidemenu-component .collapsable-leftnav.in ul li .icon-img.ico-1:after { border-color: transparent transparent transparent #fff; } html[lang*='en'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after, html[class*='translated-ltr'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after { border-color: transparent transparent transparent #fff; } html[lang*='ar'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after, html[class*='translated-rtl'] .inner-slidemenu-component .collapsable-leftnav.in ul li:first-child:after { border-color: transparent #fff transparent transparent; } /*************************************************************************************************** poll component styles Author: TAMM ***************************************************************************************************/ .poll-crazy-widget .optionBtn_component { color: #000; } .poll-crazy-widget .optionBtn_component .optionContainer { border-bottom: 1px solid #000; } .poll-crazy-widget .optionBtn_component .optionContainer.active_container { background-color: #00626A; color: #fff; } .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick { border-color: #000; background-color: transparent; } .poll-crazy-widget .optionBtn_component .active_container.optionContainer > .optionTick { border: 2px solid #fff; } .poll-crazy-widget .optionContainer > .optionTick:after { content: ""; border: solid #fff; background: #fff; } .pool-question { color: #000; border-bottom: 1px solid #00626A; } .pool-question span { color: #000; } .poll-progress-container .progress { background-color: transparent; border-bottom: 1px solid #00626A; } .poll-progress-container .progress .progress-bar { background: #8bd3dd; } .poll-progress-container .progress .progress-bar.less { background: #ABCFBF; } .poll-progress-container .progress .progress-bar.medium { background: #E8D9BB; } .poll-progress-container .progress .poll-info { color: #000; } .poll-progress-container .progress .user-vote { color: #000; } .poll-progress-container .total-votes { color: #000; } .poll-progress-container .view-all-block .view-all { color: #000; } .poll-progress-container .view-all-block .view-all:hover { color: #00626b !important; } .poll-results { background-color: #ADAFB1; color: #000; } .poll-results .poll-wrapper .icon.icon-ok { background-color: #00626A; color: #F8F8F8; } .poll-results .poll-wrapper .votedfor-block { border-top: 1px solid #00626A; border-bottom: 1px solid #00626A; } .poll-results .poll-wrapper .votedfor-block .share-icons .icon { color: #000; } .poll-results .poll-wrapper .votedfor-block .share-icons a:hover .icon-twitter, .poll-results .poll-wrapper .votedfor-block .share-icons a:focus .icon-twitter { color: #1da1f2; } .poll-results .poll-wrapper .votedfor-block .share-icons a:hover .icon-instagram, .poll-results .poll-wrapper .votedfor-block .share-icons a:focus .icon-instagram { color: #d93175; } @media only screen and (max-width: 767px) { .home-page .poll-crazy-widget .optionBtn_component .optionContainer, .adge-page .poll-crazy-widget .optionBtn_component .optionContainer { border-bottom: 1px solid #000; color: #000; } .home-page .poll-crazy-widget .optionBtn_component .optionContainer.active_container, .adge-page .poll-crazy-widget .optionBtn_component .optionContainer.active_container { background-color: #00626A; color: #fff; } .home-page .poll-crazy-widget .optionBtn_component .optionContainer.active_container > .optionTick, .adge-page .poll-crazy-widget .optionBtn_component .optionContainer.active_container > .optionTick { border-color: #000; } .home-page .poll-crazy-widget .optionBtn_component .optionContainer.active_container > .optionTick:after, .adge-page .poll-crazy-widget .optionBtn_component .optionContainer.active_container > .optionTick:after { border: solid #000; background: #000; } .home-page .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick, .adge-page .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick { border-color: #000; } .home-page .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick:after, .adge-page .poll-crazy-widget .optionBtn_component .optionContainer > .optionTick:after { border: solid #000; background: #000; } .home-page .pool-question, .adge-page .pool-question { color: #000; } .home-page .pool-question span, .adge-page .pool-question span { color: #000; } .home-page .poll-results .poll-wrapper .viewpollResults, .home-page .poll-results .poll-wrapper .viewpollResults:hover, .home-page .poll-results .poll-wrapper .viewpollResults:focus, .adge-page .poll-results .poll-wrapper .viewpollResults, .adge-page .poll-results .poll-wrapper .viewpollResults:hover, .adge-page .poll-results .poll-wrapper .viewpollResults:focus { color: #000; border-color: #000; background: transparent; } .home-page .poll-results .poll-wrapper .viewpollResults .icon, .home-page .poll-results .poll-wrapper .viewpollResults:hover .icon, .home-page .poll-results .poll-wrapper .viewpollResults:focus .icon, .adge-page .poll-results .poll-wrapper .viewpollResults .icon, .adge-page .poll-results .poll-wrapper .viewpollResults:hover .icon, .adge-page .poll-results .poll-wrapper .viewpollResults:focus .icon { color: #000; } .home-page .poll-progress-container .progress .poll-info, .adge-page .poll-progress-container .progress .poll-info { color: #000000; } .home-page .poll-progress-container .progress .user-vote, .adge-page .poll-progress-container .progress .user-vote { color: #000000; } .home-page .poll-progress-container .total-votes, .adge-page .poll-progress-container .total-votes { color: #000; } .home-page .modal .poll-crazy-widget .optionBtn_component .optionContainer.active_container > .optionTick:after, .adge-page .modal .poll-crazy-widget .optionBtn_component .optionContainer.active_container > .optionTick:after { border: solid #000; background: #000; } } /*************************************************************************************************** Survey component styles Author: TAMM ***************************************************************************************************/ .survey-grid .survey .heading { color: #000; } .survey-grid .survey .table-row { background: #ADAFB1; } .survey-grid .survey .content { color: #000; margin: 15px 0; } .survey-grid .survey .content.rightalign { color: #000; } .survey-grid .survey .content.rightalign a { color: #00626A; } @media only screen and (max-width: 767px) { .survey-grid .survey .heading { color: #000; } .survey-grid .survey .table-row { background-color: #ADAFB1; color: #000; } .survey-grid .survey .content { color: #000; } .survey-grid .survey .content.rightalign a { color: #00626A; } } #survey-model .modal-body p { color: #000; } /*************************************************************************************************** Header Search styles Author: TAMM ***************************************************************************************************/ .search-wrapper .heading-h2, .search-wrapper h2 { color: #fff; } .search-wrapper .heading-h1, .search-wrapper h1 { color: #fff; } .search-wrapper .searc-bar.focusText { -webkit-transition: background-color 1000ms linear; transition: background-color 1000ms linear; } .search-wrapper .searc-bar input { background: #fff; box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.1); color: #00626A; } .search-wrapper .searc-bar .typing-animation { color: #00626A; } .search-wrapper .searc-bar .icon.icon-searchv2 { color: #00626A; } .search-wrapper .searc-bar .bottomBlock { background: #00626A; } .search-wrapper .searc-bar .bottomBlock .search-reload { color: #fff; } .search-wrapper .searc-bar .bottomBlock .search-reload strong { /*changed by M.F to match the design*/ } .search-wrapper .searc-bar .bottomBlock .search-reload .icon-reload:focus, .search-wrapper .searc-bar .bottomBlock .search-reload .icon-reload:hover { color: #891E04; } .search-wrapper .searc-bar .bottomBlock .icon-close { color: #fff; } .search-wrapper .searc-bar .bottomBlock .icon-close:focus, .search-wrapper .searc-bar .bottomBlock .icon-close:hover { color: #891E04; } .search-wrapper .searc-bar .bottomBlock ul.tags li a { background-color: #00626A; color: #fff; border: 1px solid #fff; } .search-wrapper .searc-bar .bottomBlock ul.tags li a:focus, .search-wrapper .searc-bar .bottomBlock ul.tags li a:hover { border: 1px solid #891E04; } .scroll-down { color: #fff; } .scroll-down:hover, .scroll-down:focus { color: #891E04; } /*done*/ /*************************************************************************************************** background video/image component Author: TAMM ***************************************************************************************************/ /*done*/ /*************************************************************************************************** Styles for - support component Author: Manikandan ***************************************************************************************************/ .support-pg-wrapper .cocreate-container { color: #000; } .support-pg-wrapper .cocreate-container > div { background: #00626A; } .support-pg-wrapper .cocreate-container > div p { color: #00626A; } .support-pg-wrapper .cocreate-container > div div span.description { color: #00626A; } .support-pg-wrapper .cocreate-container > div div a { color: #fff; } .support-options .row > div > div.opt1 { background-color: #fff; } .support-options .row > div > div.opt2 { background-color: #fff; } .support-options .row > div > div.opt3 { background-color: #fff; } .support-options .row > div > div.opt4 { background-color: #fff; } .support-options .row span.icon { color: #00626A; } .support-options .row span.icon.arrow { color: #000; } .support-options .row .support-info h4 { color: #000; } .support-options .row .support-info a { color: #000; } .support-options .row .support-info p { color: #000; } .support-options .row .support-info p strong { color: #000; } /*done*/ /*************************************************************************************************** Talk to us component styles Author: TAMM ***************************************************************************************************/ .talk-to-us-container { background-color: #00626A; } .talk-to-us-container p { color: #fff; } .talk-to-us-container .yellow-border-btn { color: #fff; border: 1px solid #fff; } .talk-to-us-container .yellow-border-btn:hover { color: #fff; border: 1px solid #fff; } .white-bg .talk-to-us-container p { color: #fff; } @media (min-width: 992px) and (max-width: 1100px) { .talk-to-us-container .tamm-btn { color: #F8F8F8; } } /*done*/ /*************************************************************************************************** *News and Event Listing Common styles CSS * Author: TAMM ***************************************************************************************************/ .list-item { background: #fff; color: #000; } .list-item:hover, .list-item:focus { background: #d4e5dd; color: #000; } .list-item .list-content .content p { color: #000; } .list-item .list-content .content span { color: #000; } .list-item .list-content .content h2 { color: #000; } .list-item .event-date { color: #000; } html[lang*='en'] .list-item .event-date, html[class*='translated-ltr'] .list-item .event-date { border-left: 3px solid #000; } html[lang*='ar'] .list-item .event-date, html[class*='translated-rtl'] .list-item .event-date { border-right: 3px solid #000; } /*done*/ /*************************************************************************************************** Styles for - news listing Author: Manikandan ***************************************************************************************************/ /*done*/ .floating-menu-content svg path#path-1 { fill: #fff !important; } .floating-menu-content svg path { stroke: #00626A !important; } .promo > .component-content { border: 0; } .white-bg .chairmans-msg .content h3, .white-bg .chairmans-msg .rich-text h3 { color: #000; } .white-bg .chairmans-msg h3, .white-bg .chairmans-msg h4 { color: #000; } .chairmans-msg p { color: #000; } .chairmans-msg .content-wrapper { color: #000; } .chairmans-msg .content-wrapper .content h3, .chairmans-msg .content-wrapper .rich-text h3 { color: #000; } .chairmans-msg .content-wrapper div:nth-child(2) h3, .chairmans-msg .content-wrapper div:nth-child(2) h4 { color: #000; } .chairmans-msg .content-wrapper div:nth-child(2) a { color: #000; } .chairmans-msg .content-wrapper div:nth-child(2) a:focus, .chairmans-msg .content-wrapper div:nth-child(2) a:hover { color: #00626A !important; } .chairmans-msg .view-all-block { color: #000; } .chairmans-msg .view-all-block a { color: #000; border-bottom: 1px solid transparent; } .chairmans-msg .view-all-block a:focus span, .chairmans-msg .view-all-block a:hover span { color: #00626A !important; } .promo-with-title .chairmans-msg .content-wrapper { background-color: #fff; } .chairmans-msg.nursies .content-wrapper { background-color: #d4e5dd; } .chairmans-msg .content-wrapper { background-color: #fff; } .chairmans-msg .content-wrapper div:nth-child(2) a { color: #000 !important; } .chairmans-msg .content-wrapper div:nth-child(2) a:hover { color: #000 !important; } .chairmans-msg p { color: #000; } .white-bg .chairmans-msg .content-wrapper { background-color: #fff; color: #000; } .white-bg .chairmans-msg .content-wrapper div:nth-child(2) p { color: #000; } .white-bg .chairmans-msg .content-wrapper div:nth-child(2) a { color: #000; } .white-bg .chairmans-msg .content-wrapper div:nth-child(2) a:focus, .white-bg .chairmans-msg .content-wrapper div:nth-child(2) a:hover { color: #000; } .white-bg .chairmans-msg .content h3, .white-bg .chairmans-msg .rich-text h3 { color: #000; } .white-bg .chairmans-msg h3, .white-bg .chairmans-msg h4 { color: #000; } .chairmans-msg p { color: #000; } .chairmans-msg .content-wrapper { background-color: #fff; color: #000; } .chairmans-msg .content-wrapper .content h3, .chairmans-msg .content-wrapper .rich-text h3 { color: #000; } .chairmans-msg .content-wrapper div:nth-child(2) a { color: #F8F8F8; } .chairmans-msg .content-wrapper div:nth-child(2) a:focus, .chairmans-msg .content-wrapper div:nth-child(2) a:hover { color: #00626A; } .chairmans-msg .view-all-block a { color: #000; border-bottom: 1px solid transparent; } .chairmans-msg .view-all-block a:focus span, .chairmans-msg .view-all-block a:hover span { color: #00626A; } @media only screen and (max-width: 767px) { .chairmans-msg .view-all-block { position: relative; top: auto; } } /*done*/ /*************************************************************************************************** ADGE contact us styles Author: TAMM ***************************************************************************************************/ .contact-container h2 { color: #fff; } .contact-container .contact-wrapper .card { color: #fff; background-color: #00626A; } .contact-container .contact-wrapper .card .contact-desc h3 { color: #fff; } .contact-container .contact-wrapper .card .contact-desc h4 { color: #fff; } .contact-container .contact-wrapper .card .contact-desc .contact-options span { color: #fff; } .contact-container .contact-wrapper .card .contact-desc .contact-options a { color: #fff; } .contact-container .contact-wrapper .card .contact-desc .contact-options a:hover span { color: #fff; } .contact-container .contact-wrapper .card .contact-desc .view-all-block a.view-all { color: #fff; } .contact-container .contact-wrapper .card .contact-desc .view-all-block .view-all a { color: #fff; } .contact-container .contact-wrapper .card .contact-desc .view-all-block .view-all a:hover { color: #fff; } .contact-container .contact-wrapper .card .contact-desc .view-all-block .view-all:hover { color: #fff; } .contact-container .contact-wrapper .card .contact-desc .view-all-block .icon-long-right-arrow { color: #fff; } /*done*/ /*done*/ /*************************************************************************************************** *Custom scroll bar Common styles CSS * Author: TAMM ***************************************************************************************************/ .scrollbar-custom .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #00626A !important; } .scrollbar-custom .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .scrollbar-custom .mCSB_scrollTools .mCSB_dragger:focus .mCSB_dragger_bar, .scrollbar-custom .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #00626A !important; } .scrollbar-custom .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #00626A; } /*its done already*/ /*************************************************************************************************** Partners threecol styles Author: TAMM *****************************************************************************************************/ .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap { background-color: #A2Bfc2; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap .img-container { border: solid 2px #A2Bfc2; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap .img-container:after { background: none; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:hover, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:focus { background-color: #ABCFBF; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:hover .img-container, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:focus .img-container { border: solid 2px #ABCFBF; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:hover .img-container:after, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:focus .img-container:after { background: none; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:hover .img-container + .contentl-wrap, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:focus .img-container + .contentl-wrap { background-color: #ABCFBF; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:hover .wrap .heading-h1, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:hover .wrap p, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:focus .wrap .heading-h1, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:focus .wrap p { color: #fff; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap { background-color: #F8F8F8; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap .img-container { border: solid 2px #F8F8F8; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap .img-container:after { background: none; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:hover, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:focus { background-color: #8bd3dd; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:hover .img-container, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:focus .img-container { border: solid 2px #8bd3dd; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:hover .img-container:after, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:focus .img-container:after { background: none; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:hover .img-container + .contentl-wrap, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:focus .img-container + .contentl-wrap { background-color: #8bd3dd; } .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:hover .wrap .heading-h1, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:hover .wrap p, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:focus .wrap .heading-h1, .our-partners-wrapper .three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:focus .wrap p { color: #fff; } /*************************************************************************************************** Styles for - Error pages Author: TAMM ***************************************************************************************************/ .error-wrapper .error-icon { background: #00626A; } .error-wrapper .error-icon span { color: #F8F8F8; } .error-wrapper a { color: #000; } .error-wrapper a:hover, .error-wrapper a:focus { color: #891E04; } .error-wrapper h2 { color: #000; } .content .error-wrapper a { color: #000; } .achievements .error-wrapper .error-icon { background: #ABCFBF; border-radius: 50px; } .achievements .error-wrapper .error-icon span { color: #000; } .achievements .error-wrapper h5 { color: #000; } .testmonials .testmonials-wrapper .card { background-color: #ADAFB1; } .testmonials .testmonials-wrapper .card .card-img-top { background-color: #eee; } .testmonials .testmonials-wrapper .card .card-body:after { color: #EBf0f0; } .raisecasesection * { color: #00626A; text-decoration: none; } .raisecasesection .sharaka-anchor-container:hover { background-color: #32363f; } .raisecasesection .sharaka-anchor-container:hover * { color: #fff !important; } .raisecasesection-bottom * { cursor: pointer; color: #00626A; } .raisecasesection-bottom .sharaka-anchor-container:hover { background-color: #32363f; } .raisecasesection-bottom .sharaka-anchor-container:hover * { color: #fff !important; } .inquiry-component { background: transparent; color: #fff; border: 1px solid transparent; } .inquiry-component__question span.inquiry-component__icon { background: #fff; color: #00626A; } .inquiry-component__question h4.inquiry-component__desc { color: #fff; } .inquiry-component__buttons .yes-btn { color: #87C084 !important; } .inquiry-component__buttons .yes-btn:before { color: #87C084 !important; border: 1px solid #87C084 !important; } .inquiry-component__buttons .no-btn:before { color: #FF6060 !important; border: 1px solid #FF6060 !important; } .inquiry-component__buttons .btn-circle { color: #FF6060; } .inquiry-component__buttons .btn-circle:before { border: 1px solid #fff; } .Cocreate-form.generic-form { border: 1px solid #00626A; color: #00626A; background-color: #fff; } .Cocreate-form.generic-form .form-group .callback-block > .chkBoxContainer > .checkmark { border-color: #00626A !important; } .Cocreate-form.generic-form .submitFAQListingform { background-color: #00626A !important; color: #fff !important; } .Cocreate-form.generic-form .submitFAQListingform:hover .icon, .Cocreate-form.generic-form .submitFAQListingform:focus .icon { color: #fff !important; } .inquiry-component__question, .inquiry-component__buttons { background-color: transparent; } @media (min-width: 350px) and (max-width: 650px) { .faq-page .inner-page h1 { color: #000; } } @media only screen and (min-width: 5400px) { body { background-color: #00626A; } } /* Slider */ .slick-loading .slick-list { background: #fff url("../slick-fonts/ajax-loader.gif") center center no-repeat; } .slick-prev, .slick-next { color: transparent; border: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; background: transparent; } .slick-prev:before, .slick-next:before { color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Dots */ .slick-dots li button { color: transparent; background: transparent; } .slick-dots li button:before { color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; } .banner-slider h1 { color: #fff; } .banner-slider h3 { color: #fff; } .banner-slider h4 { color: #fff; } .banner-slider .slick-dots li { background: rgba(255, 255, 255, 0.75); } .banner-slider .slick-dots li.slick-active { background: transparent; border: 1px solid #FF6060; } .slick-slide .image:after { background-color: rgba(0, 98, 106, 0.25); } .Adge-services-adgecomponent.three-col-listcontainer .nav-item .nav-link { color: #fff !important; } .Adge-services-adgecomponent.three-col-listcontainer .nav-item .nav-link:hover { color: #fff !important; } .Adge-services-adgecomponent.three-col-listcontainer .three-col-listwrapper .row .contentl-wrap.img-wrap .contentl-wrap { background-color: #fff !important; } .Adge-services-adgecomponent.three-col-listcontainer .three-col-listwrapper .row .contentl-wrap.img-wrap .contentl-wrap:hover * { color: #000 !important; } .Adge-services-adgecomponent.three-col-listcontainer .journeys-viewall { color: #00626A; border-bottom: 1px solid transparent; } .Adge-services-adgecomponent.three-col-listcontainer .services-viewall { color: #00626A; border-bottom: 1px solid transparent; } .Adge-services-adgecomponent.three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap p, .Adge-services-adgecomponent.three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap .heading-h1, .Adge-services-adgecomponent.three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(even) .contentl-wrap:last-child:hover .wrap .heading-h2 { color: #000 !important; } .Adge-services-adgecomponent.three-col-listcontainer .three-col-listwrapper .row > div.col-lg-4:nth-child(odd) .contentl-wrap:last-child { background-color: #fff !important; } .no-results { background: #4D4D4D !important; color: #fff; } .category-filter .multi-dropdown * { color: #000 !important; } .category-filter .filter-by-category .component-content { background-color: #fff; } .category-filter .multi-dropdown.open { background-color: #fff; } .category-filter .filter-by-category .component-content .bottom-filter-button input { background-color: #00626A !important; color: #fff !important; } .facet-single-selection-list .facet-value label { color: #000; } .facet-single-selection-list .facet-value.active-facet label { color: #000; } .facet-single-selection-list .facet-value.active-facet .facet-count.highlighted, .facet-single-selection-list .facet-value.active-facet span { color: #000; } .facet-single-selection-list .facet-search-filter .facet-value .highlighted { color: #000; } .update-facet { background: #00626A; color: #fff; } .category-filter .filter-by-category .component-content .bottom-remove-filter button { color: #00626A; } .tag-container .update-facet { background: #00626A; color: #fff; } .ClearAllFilters { background-color: transparent; color: #00626A; } .search-wrapper > div:nth-child(1) { text-shadow: none !important; } .search-wrapper > div:nth-child(2) { text-shadow: none !important; } .slick-list .search-wrapper > div { text-shadow: none !important; } .searchResultsBox .typing-animation .homepage-search-quote { color: #00626A; } /****Sharaka imports****/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; /* margin-top: -40px; */ min-width: 100%; } .custselect + .select2-container { width: 100% !important; margin: 18px 0; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; /* padding-left: 8px; */ padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; /* border: 1px solid #c5c5c5 !important; */ border: 1px solid #333 !important; /* border-radius: 4px !important; */ box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; height: 200px; overflow-x: auto; margin: 0; padding: 0; width: 100%; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px 15px; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-select: none; font-size: 14px; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 10px; border-bottom: solid 1px #333; margin-bottom: 2px; } .select2-search--dropdown .icon.icon-searchv2 { position: relative; top: -29px; } html[lang*='en'] .select2-search--dropdown .icon.icon-searchv2, html[class*='translated-ltr'] .select2-search--dropdown .icon.icon-searchv2 { left: -10px; float: right; } html[lang*='ar'] .select2-search--dropdown .icon.icon-searchv2, html[class*='translated-rtl'] .select2-search--dropdown .icon.icon-searchv2 { right: -10px; float: left; } .select2-search--dropdown .select2-search__field { padding: 8px; width: 100%; box-sizing: border-box; border-color: #000; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; border: 0; border-bottom: 2px solid #000; border-radius: 0; height: auto; padding-bottom: 9px; padding-top: 5px; margin-bottom: 37px; } /* added by mani */ .custselect + .select2-container--default .select2-selection--single { border: none; border-bottom: solid 2px #ccc; margin-bottom: 40px; padding-left: 0; border-radius: 0px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 28px; font-size: 14px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow::after { content: url(/-/media/Project/TAMM/ADCED/Sharaka/Dropdown); display: block; height: 20px; width: 20px; margin-left: 4px; margin-top: 0px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; display: none; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #333; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; -webkit-margin-before: 5px; margin-block-start: 5px; -webkit-margin-after: 5px; margin-block-end: 5px; -webkit-margin-start: 0px; margin-inline-start: 0px; -webkit-margin-end: 0px; margin-inline-end: 5px; -webkit-padding-start: 0px; padding-inline-start: 0px; } .select2-container--default .select2-results__option[role="group"] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled="true"] { color: #999; } .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #f2f2f2; color: #000; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee)); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc)); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee)); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white)); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role="group"] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled="true"] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #f2f2f2; color: #000; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .custom-control-label::before { background: #fff; border: 2px solid #000; height: 20px; width: 20px; } .select2-results__option[aria-disabled] { display: none; } /* custom scroll bar styles */ .select2-container--open { /* Let's get this party started */ /* Track */ /* Handle */ } .select2-container--open ::-webkit-scrollbar { width: 5px; } .select2-container--open ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); border-radius: 10px; } .select2-container--open ::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(239, 239, 239, 0.8); -webkit-box-shadow: inset 0 0 6px rgba(218, 218, 218, 0.5); } .select2-container--open ::-webkit-scrollbar-thumb:window-inactive { background: #cac6c6; } .sharaka-form { display: table; width: 100%; margin-top: -24px; } html[lang*='ar'] .sharaka-form, html[class*='translated-rtl'] .sharaka-form { text-align: right; } .sharaka-form div[id^="form-step"] { display: table; width: 100%; } .sharaka-form .optionwrapper { clear: both; } .sharaka-form .nice-select { border: none; border-bottom: solid 2px #000; margin-bottom: 35px; padding-left: 0; height: 47px; border-radius: 0; } .sharaka-form .form-group { font-size: 2.2rem; color: #000; margin: 0 auto; display: table-cell; vertical-align: top; position: relative; padding-bottom: 10px; } .sharaka-form .form-group .no-text { margin: -2px 0; } .sharaka-form .form-group.col-nosplit { width: 100%; display: table-row; } .sharaka-form .form-group.col-nosplit .nice-select { width: 50%; } .sharaka-form .form-group.col-nosplit-inline { display: inline; width: 100%; } .sharaka-form .form-group.col-split { width: 50%; } .sharaka-form .form-group.col-split .nice-select { width: 100%; } html[lang*='en'] .sharaka-form .form-group.col-split, html[class*='translated-ltr'] .sharaka-form .form-group.col-split { float: left; } html[lang*='ar'] .sharaka-form .form-group.col-split, html[class*='translated-rtl'] .sharaka-form .form-group.col-split { float: right; } html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(odd), html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(odd) { padding-right: 20px; } html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(odd), html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(odd) { padding-left: 20px; } html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even), html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) { padding-left: 20px; } html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even), html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) { padding-right: 20px; } html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="email"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="email"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="number"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="number"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="password"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="password"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="tel"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="tel"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="text"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="text"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) textarea + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) textarea + label { left: 22px; } html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="email"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="email"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="number"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="number"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="password"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="password"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="tel"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="tel"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="text"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="text"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) textarea + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) textarea + label { right: 22px; } .sharaka-form .form-group .form-control { border-radius: 0; } .sharaka-form .form-group label { font-weight: normal; font-size: 1.35rem; color: #000; position: relative; padding-bottom: 3px; display: block; text-transform: capitalize !important; } html[lang*='en'] .sharaka-form .form-group label, html[class*='translated-ltr'] .sharaka-form .form-group label { letter-spacing: 1.5px; } html[lang*='ar'] .sharaka-form .form-group label, html[class*='translated-rtl'] .sharaka-form .form-group label { letter-spacing: normal; } html[lang*='ar'] .sharaka-form .form-group label, html[class*='translated-rtl'] .sharaka-form .form-group label { text-align: right; letter-spacing: 0; } .sharaka-form .form-group .textarea-wrapper { font-size: 14px; } .sharaka-form .form-group input[type="email"], .sharaka-form .form-group input[type="email"]:focus, .sharaka-form .form-group input[type="number"], .sharaka-form .form-group input[type="number"]:focus, .sharaka-form .form-group input[type="password"], .sharaka-form .form-group input[type="password"]:focus, .sharaka-form .form-group input[type="tel"], .sharaka-form .form-group input[type="tel"]:focus, .sharaka-form .form-group input[type="text"], .sharaka-form .form-group input[type="text"]:focus, .sharaka-form .form-group textarea, .sharaka-form .form-group textarea:focus { padding: 25px; background-color: transparent; border: none; border-bottom: solid 2px #000; outline: none; box-shadow: none; font-size: 2.4rem; letter-spacing: 0; line-height: 28px; margin-bottom: 20px; color: #000; -webkit-transition: width 0.4s ease; transition: width 0.4s ease; white-space: nowrap; /* &.valid-input { border-bottom: solid 2px $collaborate-validicon-color; margin-bottom: $margin0; } &.invalid-input { border-bottom: solid 2px $collaborate-invalidicon-color; margin-bottom: $margin0; } */ } html[lang*='en'] .sharaka-form .form-group input[type="email"], html[class*='translated-ltr'] .sharaka-form .form-group input[type="email"], html[lang*='en'] .sharaka-form .form-group input[type="email"]:focus, html[class*='translated-ltr'] .sharaka-form .form-group input[type="email"]:focus, html[lang*='en'] .sharaka-form .form-group input[type="number"], html[class*='translated-ltr'] .sharaka-form .form-group input[type="number"], html[lang*='en'] .sharaka-form .form-group input[type="number"]:focus, html[class*='translated-ltr'] .sharaka-form .form-group input[type="number"]:focus, html[lang*='en'] .sharaka-form .form-group input[type="password"], html[class*='translated-ltr'] .sharaka-form .form-group input[type="password"], html[lang*='en'] .sharaka-form .form-group input[type="password"]:focus, html[class*='translated-ltr'] .sharaka-form .form-group input[type="password"]:focus, html[lang*='en'] .sharaka-form .form-group input[type="tel"], html[class*='translated-ltr'] .sharaka-form .form-group input[type="tel"], html[lang*='en'] .sharaka-form .form-group input[type="tel"]:focus, html[class*='translated-ltr'] .sharaka-form .form-group input[type="tel"]:focus, html[lang*='en'] .sharaka-form .form-group input[type="text"], html[class*='translated-ltr'] .sharaka-form .form-group input[type="text"], html[lang*='en'] .sharaka-form .form-group input[type="text"]:focus, html[class*='translated-ltr'] .sharaka-form .form-group input[type="text"]:focus, html[lang*='en'] .sharaka-form .form-group textarea, html[class*='translated-ltr'] .sharaka-form .form-group textarea, html[lang*='en'] .sharaka-form .form-group textarea:focus, html[class*='translated-ltr'] .sharaka-form .form-group textarea:focus { padding-left: 2px; } html[lang*='ar'] .sharaka-form .form-group input[type="email"], html[class*='translated-rtl'] .sharaka-form .form-group input[type="email"], html[lang*='ar'] .sharaka-form .form-group input[type="email"]:focus, html[class*='translated-rtl'] .sharaka-form .form-group input[type="email"]:focus, html[lang*='ar'] .sharaka-form .form-group input[type="number"], html[class*='translated-rtl'] .sharaka-form .form-group input[type="number"], html[lang*='ar'] .sharaka-form .form-group input[type="number"]:focus, html[class*='translated-rtl'] .sharaka-form .form-group input[type="number"]:focus, html[lang*='ar'] .sharaka-form .form-group input[type="password"], html[class*='translated-rtl'] .sharaka-form .form-group input[type="password"], html[lang*='ar'] .sharaka-form .form-group input[type="password"]:focus, html[class*='translated-rtl'] .sharaka-form .form-group input[type="password"]:focus, html[lang*='ar'] .sharaka-form .form-group input[type="tel"], html[class*='translated-rtl'] .sharaka-form .form-group input[type="tel"], html[lang*='ar'] .sharaka-form .form-group input[type="tel"]:focus, html[class*='translated-rtl'] .sharaka-form .form-group input[type="tel"]:focus, html[lang*='ar'] .sharaka-form .form-group input[type="text"], html[class*='translated-rtl'] .sharaka-form .form-group input[type="text"], html[lang*='ar'] .sharaka-form .form-group input[type="text"]:focus, html[class*='translated-rtl'] .sharaka-form .form-group input[type="text"]:focus, html[lang*='ar'] .sharaka-form .form-group textarea, html[class*='translated-rtl'] .sharaka-form .form-group textarea, html[lang*='ar'] .sharaka-form .form-group textarea:focus, html[class*='translated-rtl'] .sharaka-form .form-group textarea:focus { padding-right: 2px; } .sharaka-form .form-group input[type="email"] + label, .sharaka-form .form-group input[type="email"]:focus + label, .sharaka-form .form-group input[type="number"] + label, .sharaka-form .form-group input[type="number"]:focus + label, .sharaka-form .form-group input[type="password"] + label, .sharaka-form .form-group input[type="password"]:focus + label, .sharaka-form .form-group input[type="tel"] + label, .sharaka-form .form-group input[type="tel"]:focus + label, .sharaka-form .form-group input[type="text"] + label, .sharaka-form .form-group input[type="text"]:focus + label, .sharaka-form .form-group textarea + label, .sharaka-form .form-group textarea:focus + label { margin: 0; position: absolute; top: 30px; pointer-events: none; -webkit-transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease; } html[lang*='en'] .sharaka-form .form-group input[type="email"] + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="email"] + label, html[lang*='en'] .sharaka-form .form-group input[type="email"]:focus + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="email"]:focus + label, html[lang*='en'] .sharaka-form .form-group input[type="number"] + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="number"] + label, html[lang*='en'] .sharaka-form .form-group input[type="number"]:focus + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="number"]:focus + label, html[lang*='en'] .sharaka-form .form-group input[type="password"] + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="password"] + label, html[lang*='en'] .sharaka-form .form-group input[type="password"]:focus + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="password"]:focus + label, html[lang*='en'] .sharaka-form .form-group input[type="tel"] + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="tel"] + label, html[lang*='en'] .sharaka-form .form-group input[type="tel"]:focus + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="tel"]:focus + label, html[lang*='en'] .sharaka-form .form-group input[type="text"] + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="text"] + label, html[lang*='en'] .sharaka-form .form-group input[type="text"]:focus + label, html[class*='translated-ltr'] .sharaka-form .form-group input[type="text"]:focus + label, html[lang*='en'] .sharaka-form .form-group textarea + label, html[class*='translated-ltr'] .sharaka-form .form-group textarea + label, html[lang*='en'] .sharaka-form .form-group textarea:focus + label, html[class*='translated-ltr'] .sharaka-form .form-group textarea:focus + label { left: 0; } html[lang*='ar'] .sharaka-form .form-group input[type="email"] + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="email"] + label, html[lang*='ar'] .sharaka-form .form-group input[type="email"]:focus + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="email"]:focus + label, html[lang*='ar'] .sharaka-form .form-group input[type="number"] + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="number"] + label, html[lang*='ar'] .sharaka-form .form-group input[type="number"]:focus + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="number"]:focus + label, html[lang*='ar'] .sharaka-form .form-group input[type="password"] + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="password"] + label, html[lang*='ar'] .sharaka-form .form-group input[type="password"]:focus + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="password"]:focus + label, html[lang*='ar'] .sharaka-form .form-group input[type="tel"] + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="tel"] + label, html[lang*='ar'] .sharaka-form .form-group input[type="tel"]:focus + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="tel"]:focus + label, html[lang*='ar'] .sharaka-form .form-group input[type="text"] + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="text"] + label, html[lang*='ar'] .sharaka-form .form-group input[type="text"]:focus + label, html[class*='translated-rtl'] .sharaka-form .form-group input[type="text"]:focus + label, html[lang*='ar'] .sharaka-form .form-group textarea + label, html[class*='translated-rtl'] .sharaka-form .form-group textarea + label, html[lang*='ar'] .sharaka-form .form-group textarea:focus + label, html[class*='translated-rtl'] .sharaka-form .form-group textarea:focus + label { right: 0; } .sharaka-form .form-group input[type="email"]:focus + label, .sharaka-form .form-group input[type="email"]:valid + label, .sharaka-form .form-group input[type="email"]:focus:focus + label, .sharaka-form .form-group input[type="email"]:focus:valid + label, .sharaka-form .form-group input[type="number"]:focus + label, .sharaka-form .form-group input[type="number"]:valid + label, .sharaka-form .form-group input[type="number"]:focus:focus + label, .sharaka-form .form-group input[type="number"]:focus:valid + label, .sharaka-form .form-group input[type="password"]:focus + label, .sharaka-form .form-group input[type="password"]:valid + label, .sharaka-form .form-group input[type="password"]:focus:focus + label, .sharaka-form .form-group input[type="password"]:focus:valid + label, .sharaka-form .form-group input[type="tel"]:focus + label, .sharaka-form .form-group input[type="tel"]:valid + label, .sharaka-form .form-group input[type="tel"]:focus:focus + label, .sharaka-form .form-group input[type="tel"]:focus:valid + label, .sharaka-form .form-group input[type="text"]:focus + label, .sharaka-form .form-group input[type="text"]:valid + label, .sharaka-form .form-group input[type="text"]:focus:focus + label, .sharaka-form .form-group input[type="text"]:focus:valid + label, .sharaka-form .form-group textarea:focus + label, .sharaka-form .form-group textarea:valid + label, .sharaka-form .form-group textarea:focus:focus + label, .sharaka-form .form-group textarea:focus:valid + label { top: 0; text-transform: uppercase !important; } .sharaka-form .form-group input[type="email"] *::-ms-backdrop, .sharaka-form .form-group input[type="email"]:focus *::-ms-backdrop, .sharaka-form .form-group input[type="number"] *::-ms-backdrop, .sharaka-form .form-group input[type="number"]:focus *::-ms-backdrop, .sharaka-form .form-group input[type="password"] *::-ms-backdrop, .sharaka-form .form-group input[type="password"]:focus *::-ms-backdrop, .sharaka-form .form-group input[type="tel"] *::-ms-backdrop, .sharaka-form .form-group input[type="tel"]:focus *::-ms-backdrop, .sharaka-form .form-group input[type="text"] *::-ms-backdrop, .sharaka-form .form-group input[type="text"]:focus *::-ms-backdrop, .sharaka-form .form-group textarea *::-ms-backdrop, .sharaka-form .form-group textarea:focus *::-ms-backdrop { padding-top: 0; } .sharaka-form .form-group input[type="email"]::-webkit-input-placeholder, .sharaka-form .form-group input[type="email"]:focus::-webkit-input-placeholder, .sharaka-form .form-group input[type="number"]::-webkit-input-placeholder, .sharaka-form .form-group input[type="number"]:focus::-webkit-input-placeholder, .sharaka-form .form-group input[type="password"]::-webkit-input-placeholder, .sharaka-form .form-group input[type="password"]:focus::-webkit-input-placeholder, .sharaka-form .form-group input[type="tel"]::-webkit-input-placeholder, .sharaka-form .form-group input[type="tel"]:focus::-webkit-input-placeholder, .sharaka-form .form-group input[type="text"]::-webkit-input-placeholder, .sharaka-form .form-group input[type="text"]:focus::-webkit-input-placeholder, .sharaka-form .form-group textarea::-webkit-input-placeholder, .sharaka-form .form-group textarea:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; font-weight: normal; vertical-align: bottom; font-size: 14px; } .sharaka-form .form-group input[type="email"]::-moz-placeholder, .sharaka-form .form-group input[type="email"]:focus::-moz-placeholder, .sharaka-form .form-group input[type="number"]::-moz-placeholder, .sharaka-form .form-group input[type="number"]:focus::-moz-placeholder, .sharaka-form .form-group input[type="password"]::-moz-placeholder, .sharaka-form .form-group input[type="password"]:focus::-moz-placeholder, .sharaka-form .form-group input[type="tel"]::-moz-placeholder, .sharaka-form .form-group input[type="tel"]:focus::-moz-placeholder, .sharaka-form .form-group input[type="text"]::-moz-placeholder, .sharaka-form .form-group input[type="text"]:focus::-moz-placeholder, .sharaka-form .form-group textarea::-moz-placeholder, .sharaka-form .form-group textarea:focus::-moz-placeholder { /* Firefox 19+ */ color: #000; font-weight: normal; vertical-align: bottom; font-size: 14px; } .sharaka-form .form-group input[type="email"]:-ms-input-placeholder, .sharaka-form .form-group input[type="email"]:focus:-ms-input-placeholder, .sharaka-form .form-group input[type="number"]:-ms-input-placeholder, .sharaka-form .form-group input[type="number"]:focus:-ms-input-placeholder, .sharaka-form .form-group input[type="password"]:-ms-input-placeholder, .sharaka-form .form-group input[type="password"]:focus:-ms-input-placeholder, .sharaka-form .form-group input[type="tel"]:-ms-input-placeholder, .sharaka-form .form-group input[type="tel"]:focus:-ms-input-placeholder, .sharaka-form .form-group input[type="text"]:-ms-input-placeholder, .sharaka-form .form-group input[type="text"]:focus:-ms-input-placeholder, .sharaka-form .form-group textarea:-ms-input-placeholder, .sharaka-form .form-group textarea:focus:-ms-input-placeholder { /* IE 10+ */ color: #000; font-weight: normal; vertical-align: bottom; font-size: 14px; } .sharaka-form .form-group input[type="email"]:-moz-placeholder, .sharaka-form .form-group input[type="email"]:focus:-moz-placeholder, .sharaka-form .form-group input[type="number"]:-moz-placeholder, .sharaka-form .form-group input[type="number"]:focus:-moz-placeholder, .sharaka-form .form-group input[type="password"]:-moz-placeholder, .sharaka-form .form-group input[type="password"]:focus:-moz-placeholder, .sharaka-form .form-group input[type="tel"]:-moz-placeholder, .sharaka-form .form-group input[type="tel"]:focus:-moz-placeholder, .sharaka-form .form-group input[type="text"]:-moz-placeholder, .sharaka-form .form-group input[type="text"]:focus:-moz-placeholder, .sharaka-form .form-group textarea:-moz-placeholder, .sharaka-form .form-group textarea:focus:-moz-placeholder { /* Firefox 18- */ color: #000; font-weight: normal; vertical-align: bottom; font-size: 14px; } .sharaka-form .form-group input[type="email"]:not([value=""]):not(:focus):invalid + label { top: 0; text-transform: uppercase !important; } .sharaka-form .form-group .textarea-wrapper { position: relative; } .sharaka-form .form-group .textarea-wrapper textarea + label { top: 20px; } html[lang*='en'] .sharaka-form .form-group .textarea-wrapper textarea + label, html[class*='translated-ltr'] .sharaka-form .form-group .textarea-wrapper textarea + label { margin-left: 10px; } html[lang*='ar'] .sharaka-form .form-group .textarea-wrapper textarea + label, html[class*='translated-rtl'] .sharaka-form .form-group .textarea-wrapper textarea + label { margin-right: 10px; } .sharaka-form .form-group .textarea-wrapper textarea:focus + label, .sharaka-form .form-group .textarea-wrapper textarea:valid + label { top: -30px; text-transform: uppercase !important; } html[lang*='en'] .sharaka-form .form-group .textarea-wrapper textarea:focus + label, html[class*='translated-ltr'] .sharaka-form .form-group .textarea-wrapper textarea:focus + label, html[lang*='en'] .sharaka-form .form-group .textarea-wrapper textarea:valid + label, html[class*='translated-ltr'] .sharaka-form .form-group .textarea-wrapper textarea:valid + label { margin-left: 0px; } html[lang*='ar'] .sharaka-form .form-group .textarea-wrapper textarea:focus + label, html[class*='translated-rtl'] .sharaka-form .form-group .textarea-wrapper textarea:focus + label, html[lang*='ar'] .sharaka-form .form-group .textarea-wrapper textarea:valid + label, html[class*='translated-rtl'] .sharaka-form .form-group .textarea-wrapper textarea:valid + label { margin-right: 0px; } .sharaka-form .form-group input[type="number"]::-webkit-inner-spin-button, .sharaka-form .form-group input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } html[lang*='en'] .sharaka-form .form-group .text-total, html[class*='translated-ltr'] .sharaka-form .form-group .text-total { float: right; } html[lang*='ar'] .sharaka-form .form-group .text-total, html[class*='translated-rtl'] .sharaka-form .form-group .text-total { float: left; } .sharaka-form .form-group textarea, .sharaka-form .form-group textarea:focus { margin-bottom: 0px; height: 110px; padding-bottom: 0; resize: vertical; position: relative; overflow: hidden; background-color: #f2f2f2; padding-top: 10px; color: #000; border-bottom-width: 3px; } .sharaka-form .form-group .showonenter { display: none; } .sharaka-form .form-group.phonenumber { margin-bottom: 30px; display: none; } .sharaka-form .custom-control-label::after { top: -0.48rem; left: -3rem; width: 3rem; height: 3rem; background-size: 40% 40%; } .sharaka-form .custom-control-label::before { top: 0rem; left: -2.5rem; width: 2rem; height: 2rem; } .sharaka-form .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #005971; } .sharaka-form .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #fff; } .sharaka-form .option-label { display: block; } #Capa_1 { max-height: 15px; } .submit-wrapper { text-align: center; padding: 50px 0 50px 0; } .submit-wrapper p { margin-bottom: 10px; } .submit-wrapper h4 + p { margin-top: 18px; font-size: 20px; font-weight: bold; } .submit-wrapper .circle-icon { min-width: 40px; min-height: 40px; background: #87c084; border-radius: 50px; display: inline-block; margin: 0 auto; vertical-align: middle; text-align: center; line-height: unset; /* margin-bottom: 30px; */ position: relative; } .submit-wrapper .circle-icon .ticke { position: absolute; left: 0.6em; top: 1.4em; height: 21px; width: 10px; border-right: 3px solid #fff; border-top: 3px solid #fff; right: inherit; } .submit-wrapper .circle-icon .icon-active-tick, .submit-wrapper .circle-icon .icon-close { color: #fff; font-size: 2rem; margin: 0 auto; vertical-align: middle; position: relative; top: 10px; } .submit-wrapper .circle-icon .icon-close { font-weight: bold; } .submit-wrapper .circle-icon.danger { background: #ff6060; } .submit-wrapper .small-font { font-size: 16px; } .submit-wrapper .black-border-btn { padding: 0 55px; } .submit-wrapper h4 { margin-bottom: 5px !important; } .doc-upload .up-heading { font-weight: normal; padding-bottom: 15px; font-size: 22px; } .doc-upload .doc-upload-details { margin-bottom: 60px; } html[lang*='en'] .doc-upload .doc-upload-details, html[class*='translated-ltr'] .doc-upload .doc-upload-details { margin-left: 15px; } html[lang*='ar'] .doc-upload .doc-upload-details, html[class*='translated-rtl'] .doc-upload .doc-upload-details { margin-right: 15px; } .doc-upload .doc-upload-details li { font-size: 12px; list-style-type: disc; width: 50%; } html[lang*='en'] .doc-upload .doc-upload-details li, html[class*='translated-ltr'] .doc-upload .doc-upload-details li { float: left; } html[lang*='ar'] .doc-upload .doc-upload-details li, html[class*='translated-rtl'] .doc-upload .doc-upload-details li { float: right; text-align: right; } .doc-upload .custom-file-upload { border: 1px solid #ccc; display: inline-block; padding: 6px 12px; cursor: pointer; width: 40%; font-size: 14px; font-weight: bold; } html[lang*='en'] .doc-upload .custom-file-upload img, html[class*='translated-ltr'] .doc-upload .custom-file-upload img { padding-right: 10px; } html[lang*='ar'] .doc-upload .custom-file-upload img, html[class*='translated-rtl'] .doc-upload .custom-file-upload img { padding-left: 10px; } html[lang*='en'] .doc-upload .custom-file-upload .fa-upload, html[class*='translated-ltr'] .doc-upload .custom-file-upload .fa-upload { margin-right: 30px; } html[lang*='ar'] .doc-upload .custom-file-upload .fa-upload, html[class*='translated-rtl'] .doc-upload .custom-file-upload .fa-upload { margin-left: 30px; } .doc-upload input#file-upload { display: none; } .doc-upload .sel-file-name { border: 1px solid #989482; display: block; padding: 5px 12px; cursor: pointer; width: 40%; font-size: 14px; font-weight: bold; background: #989482; margin-bottom: 20px; position: relative; } .doc-upload .sel-file-name .sel-name { padding: 5px 58px; width: 50%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .doc-upload .sel-file-name div { display: inline-block; padding: 5px; vertical-align: top; color: #fff; } .doc-upload .sel-file-name div.circle-icon { padding-left: 0; min-width: 30px; min-height: 30px; background: #fff; border-radius: 50px; display: inline-block; margin: 0 auto; vertical-align: middle; text-align: center; line-height: unset; } .doc-upload .sel-file-name div.circle-icon .icon-active-tick { color: #989482; font-size: 1.4rem; margin: 0 auto; vertical-align: middle; position: relative; top: 4px; left: 4px; font-weight: bold; } .doc-upload .sel-file-name div.icon-close { position: absolute; top: 8px; font-weight: bold; } html[lang*='en'] .doc-upload .sel-file-name div.icon-close, html[class*='translated-ltr'] .doc-upload .sel-file-name div.icon-close { right: 10px; } html[lang*='ar'] .doc-upload .sel-file-name div.icon-close, html[class*='translated-rtl'] .doc-upload .sel-file-name div.icon-close { left: 10px; } .doc-upload .file-formats-desc { margin: 5px 0 15px; } .doc-upload .file-formats-desc span { font-size: 11px; color: #a2a2a2; display: block; } .doc-upload .file-formats-desc span.fileErrmsg { color: red; font-size: 14px; font-weight: bold; } .select-sharaka { padding: 10px; border: solid 1px #ccc; min-width: 280px; border-radius: 2px; margin: 0 10px; } .select-sharaka input[type="radio"] { position: relative; } html[lang*='en'] .select-sharaka input[type="radio"], html[class*='translated-ltr'] .select-sharaka input[type="radio"] { left: 20px; } html[lang*='ar'] .select-sharaka input[type="radio"], html[class*='translated-rtl'] .select-sharaka input[type="radio"] { right: 20px; } .select-sharaka .custom-control-input:checked ~ .custom-control-label::before { color: #005971; background-color: #fff; } .select-sharaka .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #005971; } .select-sharaka .custom-control-label::before { top: 0.55rem; } html[lang*='en'] .select-sharaka .custom-control-label::before, html[class*='translated-ltr'] .select-sharaka .custom-control-label::before { left: -2.5rem; } html[lang*='ar'] .select-sharaka .custom-control-label::before, html[class*='translated-rtl'] .select-sharaka .custom-control-label::before { right: -2.5rem; } .select-sharaka.sel-parent { background-color: #005971; color: #fff; } .help-block { position: absolute; top: 60px; color: red; width: 200px; } .help-block li { font-size: 12px; font-weight: bold; } /*TAMM*/ .custom-control-inline .help-block { top: 13px; } html[lang*='en'] .custom-control-inline .help-block, html[class*='translated-ltr'] .custom-control-inline .help-block { left: 0; } html[lang*='ar'] .custom-control-inline .help-block, html[class*='translated-rtl'] .custom-control-inline .help-block { right: 0; } .sw-main .tamm-btn { padding: 10px 18px; min-width: 160px; } .sw-main .tamm-btn .icon-long_left_arrow { position: relative; } html[lang*='en'] .sw-main .tamm-btn .icon-long_left_arrow, html[class*='translated-ltr'] .sw-main .tamm-btn .icon-long_left_arrow { left: -15px; } html[lang*='ar'] .sw-main .tamm-btn .icon-long_left_arrow, html[class*='translated-rtl'] .sw-main .tamm-btn .icon-long_left_arrow { right: -15px; } .sw-main .tamm-btn .icon-long-right-arrow { position: relative; } html[lang*='en'] .sw-main .tamm-btn .icon-long-right-arrow, html[class*='translated-ltr'] .sw-main .tamm-btn .icon-long-right-arrow { right: -22px; } html[lang*='ar'] .sw-main .tamm-btn .icon-long-right-arrow, html[class*='translated-rtl'] .sw-main .tamm-btn .icon-long-right-arrow { left: -22px; } .sw-main .sw-container { top: 30px; } .sw-main { position: relative; display: block; margin: 0; padding: 0; border-radius: 0.25rem !important; } html[lang*='en'] .sw-btn-next, html[class*='translated-ltr'] .sw-btn-next { float: right; margin-right: -25px; } html[lang*='ar'] .sw-btn-next, html[class*='translated-rtl'] .sw-btn-next { float: left; margin-left: -25px; } html[lang*='en'] .sw-btn-prev, html[class*='translated-ltr'] .sw-btn-prev { float: left; } html[lang*='ar'] .sw-btn-prev, html[class*='translated-rtl'] .sw-btn-prev { float: right; } .sw-main .sw-container { display: block; margin: 0 auto; padding: 0; position: relative; } .sw-main .step-content { display: none; position: relative; margin: 0; } .sw-main .step-content h4 { margin-bottom: 53px; margin-top: 30px; font-size: 23px; text-transform: capitalize; } html[lang*='ar'] .sw-main .step-content h4, html[class*='translated-rtl'] .sw-main .step-content h4 { text-align: right; } .sw-main .sw-toolbar { margin-left: 0; } /* SmartWizard Theme: White */ .sw-theme-default { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); } .sw-theme-default .sw-container { min-height: 250px; } .sw-theme-default .step-content { padding: 10px; border: 0px solid #d4d4d4; background-color: #fff; text-align: left; } .sw-theme-default .sw-toolbar { background: #f9f9f9; border-radius: 0 !important; padding-left: 0px; padding-right: 0px; padding: 10px; margin-bottom: 0 !important; } .sw-theme-default .sw-toolbar .col-12 { padding: 0; } .sw-theme-default .sw-toolbar-top { border-bottom-color: #ddd !important; } .sw-theme-default .sw-toolbar-bottom { border-top-color: #ddd !important; } .sw-theme-default > ul.step-anchor > li { position: relative; margin-right: 2px; } .sw-theme-default > ul.step-anchor > li > a, .sw-theme-default > ul.step-anchor > li > a:hover { border: none !important; color: #bbb; text-decoration: none; outline-style: none; background: transparent !important; border: none !important; cursor: not-allowed; } .sw-theme-default > ul.step-anchor > li.clickable > a:hover { color: #4285f4 !important; background: transparent !important; cursor: pointer; } .sw-theme-default > ul.step-anchor > li > a::after { content: ""; background: #4285f4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: 0px; -webkit-transition: all 250ms ease 0s; transition: all 250ms ease 0s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .sw-theme-default > ul.step-anchor > li.active > a { border: none !important; color: #4285f4 !important; background: transparent !important; cursor: pointer; } .sw-theme-default > ul.step-anchor > li.active > a::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sw-theme-default > ul.step-anchor > li.done > a { border: none !important; color: #000 !important; background: transparent !important; cursor: pointer; } .sw-theme-default > ul.step-anchor > li.done > a::after { background: #87c084; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sw-theme-default > ul.step-anchor > li.danger > a { border: none !important; color: #d9534f !important; /* background: #d9534f !important; */ cursor: pointer; } .sw-theme-default > ul.step-anchor > li.danger > a::after { background: #d9534f; border-left-color: #f8d7da; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .sw-theme-default > ul.step-anchor > li.disabled > a, .sw-theme-default > ul.step-anchor > li.disabled > a:hover { color: #eee !important; cursor: not-allowed; } /* Responsive CSS */ @media screen and (max-width: 992px) { .sw-theme-default > .nav-tabs > li { float: none !important; } .sw-theme-circles > ul.step-anchor { display: block; } .sw-theme-default > .nav-tabs > li { float: none !important; } .sw-theme-circles > ul.step-anchor { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*.sw-theme-circles > ul.step-anchor > li { @include ltr { margin-left: 36%; } @include rtl { margin-right: 36%; } &.done{ @include ltr { margin-left: 0%; } @include rtl { margin-right: 0%; } &.bck-hide{ @include ltr { margin-left: 34%; } @include rtl { margin-right: 34%; } } } }*/ .sw-theme-circles > ul.step-anchor > li.nav-item:before { content: " "; position: absolute; top: 46%; bottom: 0; width: 44%; height: 3px; border-radius: 0px; z-index: 0; /* border-top: solid #ccc 4px; */ left: -85px; } .sw-theme-circles > ul.step-anchor > li.nav-item.done:before { background-color: #fff; border-top: dashed 3px #005971; } .sw-theme-circles > ul.step-anchor > li.nav-item.done:first-child:before { background-color: #005971; border-top: none; height: 3px; } .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before { content: " "; position: absolute; top: 46%; bottom: 0; width: 160px; height: 3px; border-radius: 0px; z-index: 0; border-top: dashed #ccc 4px; background: #fff; } html[lang*='en'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before { left: -56px; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before { left: 20px; } .sw-theme-circles > ul.step-anchor > li.nav-item.active + .nav-item:last-child:before { border-top: solid #005971 4px; } .sw-theme-circles > ul.step-anchor > li.nav-item.active:last-child:before { border-top: solid #005971 4px; } .sw-theme-circles > ul.step-anchor > li.nav-item.last-step:before { border-top: solid #005971 4px; } /*.sw-theme-circles > ul.step-anchor.allsolidactive > li.nav-item:last-child:before, .sw-theme-circles > ul.step-anchor.allsolidactive > li.nav-item.done:before{ border-top-style:solid !important; }*/ .sw-theme-circles > ul.step-anchor:before { width: 49%; } .sw-theme-circles .nav-item.done:nth-child(2)::before { width: 44% !important; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li > a.nav-link > small, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li > a.nav-link > small { top: 35px; } html[lang*='en'] .sw-theme-circles > ul.step-anchor > li:first-child > a.nav-link > small, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li:first-child > a.nav-link > small { left: 35px; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li:first-child > a.nav-link > small, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li:first-child > a.nav-link > small { left: -10px; } html[lang*='en'] .sw-theme-circles > ul.step-anchor > li:last-child > a.nav-link > small, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li:last-child > a.nav-link > small { left: -12px; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li:last-child > a.nav-link > small, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li:last-child > a.nav-link > small { left: 20px; } html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="email"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="email"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="number"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="number"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="password"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="password"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="tel"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="tel"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) input[type="text"] + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) input[type="text"] + label, html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even) textarea + label, html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) textarea + label { left: 0px; } html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="email"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="email"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="number"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="number"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="password"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="password"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="tel"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="tel"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) input[type="text"] + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) input[type="text"] + label, html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even) textarea + label, html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) textarea + label { right: 0px; } #smartwizard.sw-main.sw-theme-circles.next-1-hide > ul.step-anchor > li.nav-item.done:first-child:before { background-color: transparent; border-top: dashed 3px #005971; height: 3px; } #smartwizard.sw-main.sw-theme-circles.next-1-hide > ul.step-anchor:before { background-color: transparent; } #smartwizard.sw-main.sw-theme-circles.next-1-hide > ul.step-anchor li.active:last-child:before { background-color: #005971; } } @media screen and (min-width: 666px) and (max-width: 992px) { html[lang*='en'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before, html[lang*='en'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before { right: 0; left: auto; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before, html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before { left: 0; right: auto; } .sw-theme-circles > ul.step-anchor > li.nav-item:last-child:before { width: 150%; } } /*@media only screen and (min-width: 768px) and (max-width: 992px) { .sw-theme-circles>ul.step-anchor>li { @include ltr { margin-left: 25.89%; } @include rtl { margin-right: 25.89%; } } } @media only screen and (min-width: 992px) and (max-width:1024px) { .sw-theme-circles>ul.step-anchor>li { @include ltr { margin-left: 27.89%; } @include rtl { margin-right: 27.89%; } } } @media screen and (min-width:1100px) { .sw-theme-circles > ul.step-anchor > li { border: none; @include ltr { margin-left: 28.89%; } @include rtl { margin-right: 28.89%; } //z-index: 98; } }*/ /* Common Loader */ .sw-loading::after { position: absolute; display: block; opacity: 1; content: ""; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.7); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 2; } .sw-loading::before { content: ""; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 10; border: 10px solid #f3f3f3; border-radius: 50%; border-top: 10px solid #3498db; width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; -webkit-animation: spin 1s linear infinite; /* Safari */ animation: spin 1s linear infinite; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .sw-theme-circles .nav-item.done { position: static; } .sw-theme-circles .nav-item.done:before { content: " "; position: absolute; top: 46%; bottom: 0; width: 38%; height: 3px; background-color: #005971; border-radius: 3px; z-index: 0; } html[lang*='en'] .sw-theme-circles .nav-item.done:before, html[class*='translated-ltr'] .sw-theme-circles .nav-item.done:before { left: 10px; } html[lang*='ar'] .sw-theme-circles .nav-item.done:before, html[class*='translated-rtl'] .sw-theme-circles .nav-item.done:before { right: 10px; } .steps-3.sw-theme-circles .nav-item.done:before { width: 49%; } .sw-theme-circles .nav-item.done:nth-child(2)::before { width: 62%; } .sw-theme-circles .nav-item.done:nth-child(3)::before { width: 97%; } html[lang*='en'] .sw-theme-circles > ul.step-anchor > li.done:nth-child(2) > a.nav-link, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li.done:nth-child(2) > a.nav-link { float: left; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li.done:nth-child(2) > a.nav-link, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li.done:nth-child(2) > a.nav-link { float: right; } .steps-3.sw-theme-circles .nav-item.done:nth-child(1)::before { width: 50%; } .steps-3.sw-theme-circles .nav-item.done:nth-child(2)::before { width: 97%; } html[lang*='en'] .steps-3.sw-theme-circles > ul.step-anchor > li.done:nth-child(2) > a.nav-link, html[class*='translated-ltr'] .steps-3.sw-theme-circles > ul.step-anchor > li.done:nth-child(2) > a.nav-link { float: none; } html[lang*='ar'] .steps-3.sw-theme-circles > ul.step-anchor > li.done:nth-child(2) > a.nav-link, html[class*='translated-rtl'] .steps-3.sw-theme-circles > ul.step-anchor > li.done:nth-child(2) > a.nav-link { float: none; } .sw-theme-circles .sw-container { min-height: 300px; } .sw-theme-circles .step-content { padding: 10px 0; background-color: #fff; text-align: left; } .sw-theme-circles .sw-toolbar { background: #fff; padding-left: 0px; padding-right: 0px; margin-bottom: 0 !important; margin-top: 32px; } .sw-theme-circles .sw-toolbar .col-12 { padding: 0; } .sw-theme-circles .sw-toolbar-bottom { border-top-color: #ddd !important; border-bottom-color: #ddd !important; } .sw-theme-circles > ul.step-anchor { position: relative; background: #fff; border: none; list-style: none; margin-bottom: 15px; margin-left: 0; margin-right: 0; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-item-align: center; align-self: center; } .sw-theme-circles > ul.step-anchor:before { content: " "; position: absolute; top: 46%; bottom: 0; width: 99%; height: 3px; background-color: #d4d4d4; border-radius: 3px; z-index: 0; } .sw-theme-circles > ul.step-anchor > li { border: none; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .sw-theme-circles > ul.step-anchor > li:first-child { margin-left: 0; } html[lang*='en'] .sw-theme-circles > ul.step-anchor > li:first-child, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li:first-child { margin-left: 0; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li:first-child, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li:first-child { margin-right: 0; } .sw-theme-circles > ul.step-anchor > li > a.nav-link { border: 2px solid #d4d4d4; background: #f5f5f5; width: 20px; height: 20px; min-height: auto; text-align: center; padding: 15px; border-radius: 50%; box-shadow: inset 0px 0px 0px 2px #fff !important; text-decoration: none; outline-style: none; z-index: 99; color: #333; background: #fff; line-height: 1; position: relative; margin: auto; pointer-events: none; } html[lang*='en'] .sw-theme-circles > ul.step-anchor > li:first-child > a.nav-link, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li:first-child > a.nav-link { float: left; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li:first-child > a.nav-link, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li:first-child > a.nav-link { float: right; } html[lang*='en'] .sw-theme-circles > ul.step-anchor > li:last-child > a.nav-link, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li:last-child > a.nav-link { float: right; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li:last-child > a.nav-link, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li:last-child > a.nav-link { float: left; } .sw-theme-circles > ul.step-anchor > li > a.nav-link > small { width: 100px; top: 25px; left: 50%; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, 50%); color: #000; position: absolute; line-height: 15px; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li > a.nav-link > small, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li > a.nav-link > small { top: 30px; line-height: 19px; } .step { position: absolute; top: 8px; bottom: 0; } html[lang*='en'] .step, html[class*='translated-ltr'] .step { left: 2px; right: 0; } html[lang*='ar'] .step, html[class*='translated-rtl'] .step { left: 0; right: -2px; top: 6px; } .ticke { height: 15px; width: 8px; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; border-right: 2px solid #fff; border-top: 2px solid #fff; content: ""; position: absolute; -webkit-transform: scaleX(-1) rotate(140deg); -ms-transform: scaleX(-1) rotate(140deg); transform: scaleX(-1) rotate(140deg); display: none; } html[lang*='en'] .ticke, html[class*='translated-ltr'] .ticke { left: 0.45em; top: 1em; } html[lang*='ar'] .ticke, html[class*='translated-rtl'] .ticke { right: 0.85em; top: 0.9em; } .sw-theme-circles > ul.step-anchor > li.clickable > a.nav-link:hover { color: #0096c0 !important; } .sw-theme-circles > ul.step-anchor > li.active > a.nav-link { border-color: #005971; color: #fff; background: #005971; } .sw-theme-circles > ul.step-anchor > li.active > a.nav-link > small { color: #000; font-weight: 600; } .sw-theme-circles > ul.step-anchor > li.done > a.nav-link { border-color: #87c084; color: #fff; background: #87c084; } .sw-theme-circles > ul.step-anchor > li.done > a.nav-link > small { color: #000; } .sw-theme-circles > ul.step-anchor > li.danger > a.nav-link { border-color: #d9534f; color: #d9534f; background: #fff; } .sw-theme-circles > ul.step-anchor > li.danger > a.nav-link > small { color: #d9534f; } .sw-theme-circles > ul.step-anchor > li.disabled > a.nav-link, .sw-theme-circles > ul.step-anchor > li.disabled > a.nav-link:hover { color: #eee !important; } .sw-theme-circles .tamm-btn.black-border-btn:focus, .sw-theme-circles .tamm-btn.black-border-btn:hover { background-color: #005971; border-color: #005971; } .ui-datepicker { width: 20%; } .ui-widget-header { background: transparent; border: none; border-bottom: 1px solid #dddddd; padding: 0.8em 0 !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 12px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { color: #474747; border: solid 1px #474747 !important; border-radius: 30px; color: #474747; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled.nice-select.open { border: none; background: transparent; padding: 12px 10px; text-align: center; } .ui-icon-circle-triangle-w, .ui-icon-circle-triangle-e { border: solid #474747; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; } .ui-icon-circle-triangle-w { -ms-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform: rotate(135deg); } .ui-icon-circle-triangle-e { -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #005971 !important; background: #005971 !important; color: #ffffff; border-radius: 60px; } .ui-widget-header .ui-icon { background-image: none; } .ui-datepicker { width: 320px; } .smartwizard-cardActive h2 { background-color: #fff; color: #c0bfc9; border-radius: 3px; border: 1px solid #c0bfc9; padding: 20px 17px; font-size: 1.2em; font-weight: normal !important; } html[lang*='en'] .smartwizard-cardActive h2, html[class*='translated-ltr'] .smartwizard-cardActive h2 { font-family: "roboto-Regular", Arial, sans-serif !important; } .smartwizard-cardActive h2.active { background-color: #005971; color: white; border: 1px solid #002f3c; } .smartwizard-cardActive h2:before { content: ""; display: inline-block; width: 18px; height: 18px; background-color: #ffffff; border: 2px solid #fff; box-shadow: 0px 0px 0 2px #c0bfc9; vertical-align: top; border-radius: 50%; margin-top: 3px; } .smartwizard-cardActive h2.active:before { background-color: #fff; border: 3px solid #005971; box-shadow: 0px 0px 0 2px #fff; } .Sharaka-cards .Sharaka-cards-formHeading { font-size: 20px; font-weight: normal; margin-top: 16px; } .Sharaka-cards .search-results, .Sharaka-cards .component.page-list { display: block; width: 100%; } .Sharaka-cards .search-results ul, .Sharaka-cards .component.page-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; padding: 0; margin: 0; font-size: 0; } .Sharaka-cards .search-results ul li, .Sharaka-cards .component.page-list ul li { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; margin: 4px 0 15px 0; font-size: 18px; border: 0; } .Sharaka-cards .search-results ul li .form-check, .Sharaka-cards .component.page-list ul li .form-check { position: relative; border: 1px solid #00626A; background-color: #fff; padding: 15px 10px; border-radius: 3px; min-height: 196px; color: #00626A; height: 100%; } .Sharaka-cards .search-results ul li .form-check .form-check-label, .Sharaka-cards .component.page-list ul li .form-check .form-check-label { position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; top: 0; } .Sharaka-cards .search-results ul li .form-check .title-wrap, .Sharaka-cards .component.page-list ul li .form-check .title-wrap { position: relative; z-index: 1; } .Sharaka-cards .search-results ul li .form-check .title-wrap > div, .Sharaka-cards .component.page-list ul li .form-check .title-wrap > div { display: inline-block; } .Sharaka-cards .search-results ul li .form-check .title-wrap > div input, .Sharaka-cards .component.page-list ul li .form-check .title-wrap > div input { opacity: 0; position: relative; z-index: 2; } .Sharaka-cards .search-results ul li .form-check .title-wrap > div span, .Sharaka-cards .component.page-list ul li .form-check .title-wrap > div span { content: ""; display: inline-block; width: 18px; height: 18px; background-color: #ffffff; border: 2px solid #fff; box-shadow: 0px 0px 0 2px #005971; vertical-align: top; border-radius: 50%; margin-top: 3px; } .Sharaka-cards .search-results ul li .form-check .title-wrap > div input:checked + span, .Sharaka-cards .component.page-list ul li .form-check .title-wrap > div input:checked + span { background-color: #fff; border: 3px solid #005971; box-shadow: 0px 0px 0 3px #ffffff; } .Sharaka-cards .search-results ul li .form-check .title-wrap > div + span, .Sharaka-cards .component.page-list ul li .form-check .title-wrap > div + span { display: inline-block; padding: 0px 10px; font-size: 20px; } .Sharaka-cards .search-results ul li .form-check.active-card, .Sharaka-cards .component.page-list ul li .form-check.active-card { background-color: #00626A; color: #fff; } .Sharaka-cards .search-results ul li .form-check.active-card .form-check-label, .Sharaka-cards .component.page-list ul li .form-check.active-card .form-check-label { color: white; } .Sharaka-cards .search-results ul li .form-check.active-card .title-wrap > div + span, .Sharaka-cards .component.page-list ul li .form-check.active-card .title-wrap > div + span { color: white; } .Sharaka-cards .search-results ul li .ShortDescription, .Sharaka-cards .component.page-list ul li .ShortDescription { display: block; border-top: 1px solid #005971; padding: 10px 2px; margin: auto 3px; margin-top: 17px; } .Sharaka-cards .search-results ul li .form-check.active-card .ShortDescription, .Sharaka-cards .component.page-list ul li .form-check.active-card .ShortDescription { border-top: 1px solid #fff; color: white; } .Sharaka-cards .search-results ul li:last-child, .Sharaka-cards .component.page-list ul li:last-child { margin-right: 0; } .Sharaka-cards .tamm-btn.black-border-btn:after { float: right; margin-left: 10px; content: "\e918"; font-size: 1.3rem; margin-top: 5px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color: #000; } .Sharaka-cards .tamm-btn.black-border-btn:hover:after { color: #fff; } .Sharaka-Page .image-wrapper.mb-5, .Sharaka-Page .tamm-rte.field-content { display: none; } .Sharaka-Page .tamm-btn.black-border-btn { margin: 0; padding: 0; margin-top: 57px; min-width: 174px; padding: 10px 15px; text-align: start !important; font-size: 14px; cursor: pointer; } html[lang*='ar'] .Sharaka-Page .tamm-btn.black-border-btn, html[class*='translated-rtl'] .Sharaka-Page .tamm-btn.black-border-btn { float: left !important; } .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-next { border: 1px solid #005971; background-color: #005971; color: #fff; } .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-next .icon.icon-long-right-arrow { top: 3px; } html[lang*='en'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-next .icon.icon-long-right-arrow, html[class*='translated-ltr'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-next .icon.icon-long-right-arrow { float: right !important; right: -11px; } html[lang*='ar'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-next .icon.icon-long-right-arrow, html[class*='translated-rtl'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-next .icon.icon-long-right-arrow { float: left !important; left: 16px; position: absolute; top: 9px; } html[lang*='en'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-prev, html[class*='translated-ltr'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-prev { text-align: right !important; } html[lang*='ar'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-prev, html[class*='translated-rtl'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-prev { text-align: left !important; } html[lang*='en'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-prev .icon.icon-long-left-arrow, html[class*='translated-ltr'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-prev .icon.icon-long-left-arrow { left: -30px; } html[lang*='ar'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-prev .icon.icon-long-left-arrow, html[class*='translated-rtl'] .Sharaka-Page .tamm-btn.black-border-btn.sw-btn-prev .icon.icon-long-left-arrow { right: -30px; } .Sharaka-Page .sharaka-form .form-group input { padding-top: 23px !important; padding-bottom: 16px !important; color: #333 !important; border-bottom-color: #333 !important; margin-bottom: 13px !important; } .Sharaka-Page .sharaka-form .form-group input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #333; } .Sharaka-Page .sharaka-form .form-group input::-moz-placeholder { /* Firefox 19+ */ color: #333; } .Sharaka-Page .sharaka-form .form-group input:-ms-input-placeholder { /* IE 10+ */ color: #333; } .Sharaka-Page .sharaka-form .form-group input:-moz-placeholder { /* Firefox 18- */ color: #333; } .Sharaka-Page .help-block { position: absolute; color: red; width: 100%; } html[lang*='en'] .Sharaka-Page .help-block, html[class*='translated-ltr'] .Sharaka-Page .help-block { top: 73px; } html[lang*='ar'] .Sharaka-Page .help-block, html[class*='translated-rtl'] .Sharaka-Page .help-block { top: 73px; } .Sharaka-Page .help-block li { font-size: 15px; } html[lang*='en'] .Sharaka-Page .help-block li, html[class*='translated-ltr'] .Sharaka-Page .help-block li { text-align: left; } html[lang*='ar'] .Sharaka-Page .help-block li, html[class*='translated-rtl'] .Sharaka-Page .help-block li { text-align: right; } .Sharaka-Page .new-form-section { margin-top: 14px; display: inline-block; width: 100%; } .Sharaka-Page .new-form-section .custom-control-inline { position: relative; left: 13px; top: 8px; margin-right: 30px; } .Sharaka-Page .sharaka-form .form-group input[type="date"], .Sharaka-Page .sharaka-form .form-group input[type="time"], .Sharaka-Page .sharaka-form .form-group input[type="datetime-local"], .Sharaka-Page .sharaka-form .form-group input[type="month"] { padding: 0 35px 10px 35px !important; border: 0; border-bottom: 2px solid #333; font-size: 20px !important; background-image: url(/-/media/Project/TAMM/CED/calendar-icon); background-repeat: no-repeat; } .Sharaka-Page .sharaka-form h6 { margin-bottom: 21px; font-size: 15px; font-weight: normal; text-transform: uppercase !important; } html[lang*='en'] .Sharaka-Page .sharaka-form h6, html[class*='translated-ltr'] .Sharaka-Page .sharaka-form h6 { font-family: "roboto-Regular", Arial, sans-serif; } html[lang*='ar'] .Sharaka-Page .sharaka-form h6, html[class*='translated-rtl'] .Sharaka-Page .sharaka-form h6 { text-align: right; } .Sharaka-Page .sharaka-form .custome-wrapformgroup-1Efh6 { margin-top: 16px; } .Sharaka-Page .sharaka-form .custome-wrapformgroup-1Ef .nice-select { height: 46px; } .Sharaka-Page .sharaka-form .custome-wrapformgroup-1Ef .form-group input { padding-bottom: 21px !important; } .Sharaka-Page .sharaka-form .custome-wrapformgroup-1Ef + .new-form-section { margin-top: 0; } .Sharaka-Page .sharaka-form .new-form-section h5 { font-size: 16px; } html[lang*='ar'] .Sharaka-Page .sharaka-form .new-form-section h5, html[class*='translated-rtl'] .Sharaka-Page .sharaka-form .new-form-section h5 { text-align: right; } .Sharaka-Page .sharaka-form .doc-upload { padding-top: 0; } .Sharaka-Page .sharaka-form .form-group .custom-radio label { text-transform: capitalize !important; } #form-step-1 .select2 + .help-block { /* top: 38px; */ } .new-form-section.custome-wrapformgroup-1Ef { /* .form-group input[type="number"] { padding-top: 0 !important; padding-bottom: 20px !important; margin-top: -13px; margin-top: -40px; padding-top: 7px !important; } */ /* .help-block { top: 20px !important; } */ } .new-form-section.custome-wrapformgroup-1Ef .select2-container--default .select2-selection--single { padding-bottom: 10px; padding-top: 0; margin-bottom: 15px; margin-top: 0; position: relative; top: 7px; } html[lang*='ar'] .select2-selection__rendered, html[class*='translated-rtl'] .select2-selection__rendered { text-align: right; } .select2-selection__rendered .search-results, .select2-selection__rendered .component.page-list { display: block; width: 100%; } .select2-selection__rendered .search-results ul, .select2-selection__rendered .component.page-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; padding: 0; margin: 0; font-size: 0; } .select2-selection__rendered .search-results ul li, .select2-selection__rendered .component.page-list ul li { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; margin: 4px 22px 15px 0; font-size: 18px; border: 0; } .select2-selection__rendered .search-results ul li .form-check, .select2-selection__rendered .component.page-list ul li .form-check { position: relative; border: 1px solid #00626A; background-color: #fff; padding: 15px 10px; border-radius: 3px; min-height: 196px; color: #00626A; } .select2-selection__rendered .search-results ul li .form-check.active-card, .select2-selection__rendered .component.page-list ul li .form-check.active-card { background-color: #00626A; color: #fff; } .select2-selection__rendered .search-results ul li .form-check .form-check-label, .select2-selection__rendered .component.page-list ul li .form-check .form-check-label { position: absolute; z-index: 2; width: 100%; height: 100%; opacity: 0; cursor: pointer; left: 0; top: 0; } .select2-selection__rendered .search-results ul li .form-check .title-wrap, .select2-selection__rendered .component.page-list ul li .form-check .title-wrap { position: relative; z-index: 1; } .select2-selection__rendered .search-results ul li .form-check .title-wrap > div, .select2-selection__rendered .component.page-list ul li .form-check .title-wrap > div { display: inline-block; } .select2-selection__rendered .search-results ul li .form-check .title-wrap > div input, .select2-selection__rendered .component.page-list ul li .form-check .title-wrap > div input { opacity: 0; position: relative; z-index: 2; } .select2-selection__rendered .search-results ul li .form-check .title-wrap > div span, .select2-selection__rendered .component.page-list ul li .form-check .title-wrap > div span { content: ""; display: inline-block; width: 18px; height: 18px; background-color: #ffffff; border: 2px solid #fff; box-shadow: 0px 0px 0 2px #005971; vertical-align: top; border-radius: 50%; margin-top: 3px; } .select2-selection__rendered .search-results ul li .form-check .title-wrap > div input:checked + span, .select2-selection__rendered .component.page-list ul li .form-check .title-wrap > div input:checked + span { background-color: #fff; border: 3px solid #005971; box-shadow: 0px 0px 0 3px #ffffff; } .select2-selection__rendered .search-results ul li .form-check .title-wrap > div + span, .select2-selection__rendered .component.page-list ul li .form-check .title-wrap > div + span { display: inline-block; padding: 0px 10px; font-size: 20px; } .select2-selection__rendered .search-results ul li .ShortDescription, .select2-selection__rendered .component.page-list ul li .ShortDescription { display: block; border-top: 1px solid #005971; padding: 10px 2px; margin: auto 3px; margin-top: 17px; } .select2-selection__rendered .search-results ul li .form-check.active-card .ShortDescription, .select2-selection__rendered .component.page-list ul li .form-check.active-card .ShortDescription { border-top: 1px solid #fff; color: white; } .select2-selection__rendered .search-results ul li:last-child, .select2-selection__rendered .component.page-list ul li:last-child { margin-right: 0; } .select2-selection__rendered .tamm-btn.black-border-btn:after { float: right; margin-left: 10px; content: "\e918"; font-size: 1.3rem; margin-top: 5px; font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; color: #000; } .select2-selection__rendered .tamm-btn.black-border-btn:hover:after { color: #fff; } .submit-wrapper.submit-failure .tamm-btn.black-border-btn.text-center, .submit-wrapper.submit-failure .tamm-btn.black-border-btn.text-center, .submit-wrapper.submit-access .tamm-btn.black-border-btn.text-center, .submit-wrapper.submit-access .tamm-btn.black-border-btn.text-center { text-align: center !important; } .submit-wrapper.submit-failure a, .submit-wrapper.submit-access a { color: #00626A; } .submit-wrapper.submit-failure *, .submit-wrapper.submit-access * { text-align: center !important; } .submit-wrapper.submit-failure .circle-icon { background: #ff6060; } .submit-wrapper.submit-failure .circle-icon .icon-close { top: 7px; } #form-step-1-row-1-dues > div:nth-child(2) { display: none; width: 100%; margin: 0; padding: 0; } /*************************************************************************************************** shakara forms styles Author: Manikandan R ***************************************************************************************************/ /*************************************************************************************************** Steps custom drop down styles Author: Manikandan ***************************************************************************************************/ html[lang*="ar"] .Sharaka-cards .tamm-btn.black-border-btn:after, html[class*="translated-rtl"] .Sharaka-cards .tamm-btn.black-border-btn:after { float: left; margin-right: 10px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); position: relative; left: -60px; } html[lang*="ar"] .Sharaka-Page .sw-main.sw-theme-circles .tamm-btn.black-border-btn.sw-btn-prev, html[class*="translated-rtl"] .Sharaka-Page .sw-main.sw-theme-circles .tamm-btn.black-border-btn.sw-btn-prev { float: right !important; } .submit-wrapper.submit-failure .tamm-btn.black-border-btn.text-center, .submit-wrapper.submit-access .tamm-btn.black-border-btn.text-center { margin-left: auto; float: none !important; margin-right: auto; text-align: center !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* .steps-3 { &.sw-theme-circles > ul.step-anchor > li { margin-left: 44.77%; &.nav-item.done:before { width: 49%; } } }*/ .custome-wrapformgroup-32Ef #CedDuesForm_ContractStartDate { padding-top: 0 !important; } .custome-wrapformgroup-32Ef #CedDuesForm_FineAmount { margin-top: 4px; } .sharaka-form .form-group.col-split.case-number { margin-top: 5px; } @media screen and (max-width: 666px) { .sharaka-form .form-group.col-split { width: 100%; padding-bottom: 25px; } html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(even), html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(even) { padding-left: 0; } html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(even), html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(even) { padding-right: 0; } html[lang*='en'] .sharaka-form .form-group.col-split:nth-child(odd), html[class*='translated-ltr'] .sharaka-form .form-group.col-split:nth-child(odd) { padding-right: 0; } html[lang*='ar'] .sharaka-form .form-group.col-split:nth-child(odd), html[class*='translated-rtl'] .sharaka-form .form-group.col-split:nth-child(odd) { padding-left: 0; } .doc-upload .sel-file-name { width: 70%; position: relative; top: 20px; } .doc-upload .custom-file-upload { width: 100%; margin-top: 20px; } .Sharaka-Page .tamm-btn.black-border-btn { min-width: 164px; } .doc-upload .doc-upload-details li { width: 100%; } } @media only screen and (min-width: 666px) and (max-width: 992px) { .doc-upload .sel-file-name { width: 50%; padding: 5px 18px; } .doc-upload .custom-file-upload { width: 50%; } .doc-upload .sel-file-name div.icon-close { top: 2px; } html[lang*='en'] .doc-upload .sel-file-name div.icon-close, html[class*='translated-ltr'] .doc-upload .sel-file-name div.icon-close { right: 14px !important; } html[lang*='ar'] .doc-upload .sel-file-name div.icon-close, html[class*='translated-rtl'] .doc-upload .sel-file-name div.icon-close { left: 14px !important; } } .Sharaka-cards .component.page-list ul li:last-child.disabledCard .title-wrap > div span { box-shadow: 0px 0px 0 2px #d0d0d0; } .Sharaka-cards .component.page-list ul li:last-child.disabledCard .ShortDescription { border-top: 1px solid #d0d0d0; } .Sharaka-cards .component.page-list ul li:last-child.disabledCard .form-check .title-wrap > div + span { color: #585858; } #ChallengesPage .tamm-rte.field-shortdescription, #DuesPage .tamm-rte.field-shortdescription, #FinesPage .tamm-rte.field-shortdescription { display: none; } /* html[lang*='en'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li:last-child, html[class*='translated-ltr'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li:last-child{ margin-right: 0; } html[lang*='ar'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li:last-child, html[class*='translated-rtl'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li:last-child{ margin-left: 0; } html[lang*='en'] #cedChallengesForm .steps-3.sw-theme-circles > ul.step-anchor > li.nav-item.done:before, html[class*='translated-ltr'] #cedChallengesForm .steps-3.sw-theme-circles > ul.step-anchor > li.nav-item.done:before , html[lang*='ar'] #cedChallengesForm .steps-3.sw-theme-circles > ul.step-anchor > li.nav-item.done:before, html[class*='translated-rtl'] #cedChallengesForm .steps-3.sw-theme-circles > ul.step-anchor > li.nav-item.done:before { width: 98%; } @media screen and (min-width: 768px) and (max-width: 1024px) { html[lang*='en'] .sw-theme-circles > ul.step-anchor > li, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li{ margin-left: 26.3%; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li { margin-left: 26.3%; } } @media screen and (min-width: 1024px) and (max-width: 1220px) { html[lang*='en'] .sw-theme-circles > ul.step-anchor > li, html[class*='translated-ltr'] .sw-theme-circles > ul.step-anchor > li{ margin-left: 27.89%; } html[lang*='ar'] .sw-theme-circles > ul.step-anchor > li, html[class*='translated-rtl'] .sw-theme-circles > ul.step-anchor > li { margin-right: 27.89%; margin-left: 0px; } }*/ @media screen and (max-width: 666px) { #cedDuesForm { width: 100%; } .doc-upload .sel-file-name { width: 100%; float: left; } .doc-upload .sel-file-name .sel-name { padding: 5px 8px; padding: 5px 12px; } .Sharaka-Page .sharaka-form .doc-upload { padding-top: 0; } .Sharaka-Page .new-form-section .custom-control-inline { margin-bottom: 32px; } } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { fill: #000; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23005971'/%3E%3C/svg%3E"); } html[lang*="ar"] .select2-selection__rendered, html[class*="translated-rtl"] .select2-selection__rendered { padding-right: 0 !important; } html[lang*="ar"] .select2-container--default .select2-selection--single .select2-selection__arrow, html[class*="translated-rtl"] .select2-container--default .select2-selection--single .select2-selection__arrow { left: 1px; right: inherit; } html[lang*="ar"] .Sharaka-Page .new-form-section .custom-control-inline, html[class*="translated-rtl"] { right: 13px; left: inherit; } html[lang*="ar"] .sharaka-form .custom-control-label::before, html[class*="translated-rtl"] .sharaka-form .custom-control-label::before { top: 0rem; right: -2.5rem; left: inherit; } html[lang*="ar"] .sharaka-form .custom-control-label::after, html[class*="translated-rtl"] .sharaka-form .custom-control-label::after { right: -3rem; left: inherit; } .date-field img { display: inline-block; position: absolute; bottom: 35px; } .Sharaka-Page .sharaka-form .date-field input { padding-top: 10px !important; } html[lang*='en'] .Sharaka-Page .sharaka-form .date-field input, html[class*='translated-ltr'] .Sharaka-Page .sharaka-form .date-field input { padding-left: 37px !important; } html[lang*='ar'] .Sharaka-Page .sharaka-form .date-field input, html[class*='translated-rtl'] .Sharaka-Page .sharaka-form .date-field input { padding-right: 37px !important; } .help-block.with-errors .list-unstyled .cross-icon { z-index: 10; cursor: pointer; } .help-block.with-errors .list-unstyled .cross-icon::before { position: absolute; content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; color: #000; height: 30px; width: 30px; background: transparent; z-index: 1; color: red; font-size: 15px; } html[lang*='en'] .help-block.with-errors .list-unstyled .cross-icon::before, html[class*='translated-ltr'] .help-block.with-errors .list-unstyled .cross-icon::before { right: 0px; bottom: 42px; } html[lang*='ar'] .help-block.with-errors .list-unstyled .cross-icon::before, html[class*='translated-rtl'] .help-block.with-errors .list-unstyled .cross-icon::before { left: 0px; bottom: 42px; } .footer-print { border-bottom: 30px solid #a19a80; position: fixed; bottom: 0; width: 100%; } .footer-print .footer-container .footer-links { padding: 5rem 0 2.8rem !important; } .footer-print .cedfooter:after { content: ""; position: absolute; bottom: -31px !important; height: 155px !important; z-index: 10000000000000000; width: 20% !important; background-size: 100%; background-image: url(sharaka-flower.svg) !important; background-repeat: no-repeat; } .footer-print .field-link img { width: 30px; margin-right: 20px; } .footer-print .footer-container .footer-links ul li a { font-size: 2rem !important; } .header-print .adge-subheader-adgecomponent { border-bottom: 0px; } .header-print .adge-subheader-adgecomponent .adge-branding img { width: 350px; padding-top: 30px; } .print-page { margin-top: 200px !important; } html[lang*="en"] .footer-print .cedfooter:after, html[class*="translated-ltr"] .footer-print .cedfooter:after { right: 100px !important; } .print-page .submit-wrapper h4 { font-size: 3rem; } .print-page .submit-wrapper h2 { font-size: 4rem !important; } .print-page .submit-wrapper h4 + p { margin-top: 10px; font-size: 23px; font-weight: bold; } .print-page .submit-wrapper .small-font { font-size: 19px; } .print-page .submit-wrapper .circle-icon { margin-bottom: 10px; } @media screen and (max-width: 666px) { .footer-print .cedfooter:after { display: none; } .header-print .adge-subheader-adgecomponent .adge-subheader-content .adge-branding img { padding: 30px; } /*html[lang*='en'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li, html[class*='translated-ltr'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li{ margin-right: 15.9%; } html[lang*='ar'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li, html[class*='translated-rtl'] #cedChallengesForm .sw-theme-circles > ul.step-anchor > li{ margin-left: 15.9%; }*/ .Sharaka-cards .search-results ul, .Sharaka-cards .component.page-list ul { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; } .Sharaka-cards .search-results ul li, .Sharaka-cards .component.page-list ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } } @media only screen and (max-width: 1366px) { .footer-print .cedfooter:after { bottom: -83px !important; } } .fileinput-button { position: relative; overflow: hidden; display: inline-block; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: "alpha(opacity=0)"; font-size: 200px !important; direction: ltr; cursor: pointer; } /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } #cedDuesForm, #cedFinesForm, #cedChallengesForm { width: 100%; } .printedwrapper { display: none; } @media print { #footer .footer-container { background-color: #005971; } .footer-print { border-bottom: 30px solid #a19a80; } body > #wrapper > header, body > #wrapper > footer, .innerpage-headerbg, .component.breadcrumb.navigation-title.initialized, .nav.nav-tabs.step-anchor, .row.smartwizard-cardActive, .tamm-btn.black-border-btn.text-center, .btn-toolbar.sw-toolbar.sw-toolbar-bottom.justify-content-end, #cedDuesForm, #cedFinesForm, #cedChallengesForm { display: none; } .printedwrapper, .printedwrapper * { display: block !important; } .printedwrapper .submit-wrapper .circle-icon { display: inline-block !important; } } /*********/ /* added by TAMM */ /*************************************************************************************************** persona tile in banner - custom style Author: Manikandan R ***************************************************************************************************/ .inner-four-card .personalize-component .persona-wrapper .persona-title .field-title { color: #000; } .innerpage-related-topics .personalize-component .persona-wrapper .persona-title .field-title { color: #000; } @media only screen and (max-width: 992px) { .persona-tile { background: #fff; border-bottom: #00626A solid; } .persona-tile .btn-label { color: #00626A; } .persona-mobile-wrapper { background: #fff; box-shadow: 3px 5px 40px 9px #d6d6d6; box-shadow: 0px 0px 5px -2px #080708; } } .personalize-component .persona-wrapper .persona-title .field-title .persona-tile { background: #fff; border-bottom: #00626A solid; box-shadow: 3px 5px 40px 9px #d6d6d6; box-shadow: 0px 0px 5px -2px #080708; } .personalize-component .persona-wrapper .persona-title { background: #fff; border-bottom: #00626A solid; box-shadow: 3px 5px 40px 9px #d6d6d6; box-shadow: 0px 0px 5px -2px #080708; } .personalize-component .persona-wrapper .persona-title .btn-label { color: #00626A; } .publication-cards .personalize-component .persona-wrapper .persona-title .field-title { color: #000; } .two-col-card-list .personalize-component .persona-wrapper .persona-title { min-height: 135px; padding-top: 20px; } .two-col-card-list .personalize-component .persona-wrapper .persona-title .btn-label { color: #000; } /*************************************************************************************************** Quotes component styles Author: Manikandan R ***************************************************************************************************/ blockquote { color: #555555; background: #fff; } blockquote .field-quote p { color: #4D4D4D; } blockquote::before { color: #ccdfe1; } blockquote::after { color: #ccdfe1; } blockquote span { color: #333333; } /* @import 'components/adek-download-tile'; @import 'components/adek-footer'; */ .tamm-rte, .dynamic-GI .rich-text { color: #000 !important; /*strong { @include ltr { font-family: $font_bold_en2; } @include rtl { font-family: $font_bold_ar2; } }*/ } .tamm-rte h1, .tamm-rte h2, .tamm-rte h3, .tamm-rte h4, .tamm-rte h5, .tamm-rte h6, .dynamic-GI .rich-text h1, .dynamic-GI .rich-text h2, .dynamic-GI .rich-text h3, .dynamic-GI .rich-text h4, .dynamic-GI .rich-text h5, .dynamic-GI .rich-text h6 { color: #000 !important; } .tamm-rte h1 span, .tamm-rte h2 span, .tamm-rte h3 span, .tamm-rte h4 span, .tamm-rte h5 span, .tamm-rte h6 span, .dynamic-GI .rich-text h1 span, .dynamic-GI .rich-text h2 span, .dynamic-GI .rich-text h3 span, .dynamic-GI .rich-text h4 span, .dynamic-GI .rich-text h5 span, .dynamic-GI .rich-text h6 span { color: #000 !important; } .tamm-rte p, .dynamic-GI .rich-text p { color: #000 !important; } .tamm-rte a, .dynamic-GI .rich-text a { color: #00626A !important; } .tamm-rte a:focus, .tamm-rte a:hover, .dynamic-GI .rich-text a:focus, .dynamic-GI .rich-text a:hover { color: #00626A !important; } .tamm-rte hr, .dynamic-GI .rich-text hr { border-top: 1px solid #ADAFB1 !important; } .tamm-rte table ul li:before, .tamm-rte ul li:before, .dynamic-GI .rich-text table ul li:before, .dynamic-GI .rich-text ul li:before { color: #000; } .tamm-rte .table-bordered, .tamm-rte .table-bordered > tbody > tr > td, .tamm-rte .table-bordered > tbody > tr > th, .tamm-rte .table-bordered > tfoot > tr > td, .tamm-rte .table-bordered > tfoot > tr > th, .tamm-rte .table-bordered > thead > tr > td, .tamm-rte .table-bordered > thead > tr > th, .dynamic-GI .rich-text .table-bordered, .dynamic-GI .rich-text .table-bordered > tbody > tr > td, .dynamic-GI .rich-text .table-bordered > tbody > tr > th, .dynamic-GI .rich-text .table-bordered > tfoot > tr > td, .dynamic-GI .rich-text .table-bordered > tfoot > tr > th, .dynamic-GI .rich-text .table-bordered > thead > tr > td, .dynamic-GI .rich-text .table-bordered > thead > tr > th { border: 1px solid #ADAFB1 !important; } .tamm-rte .table, .dynamic-GI .rich-text .table { background: #fff !important; color: #ADAFB1 !important; } .tamm-rte .table-bordered th, .dynamic-GI .rich-text .table-bordered th { background: #ADAFB1 !important; color: #00626A !important; } .tamm-rte table, .dynamic-GI .rich-text table { background: #fff; color: #000; } .tamm-rte table th, .dynamic-GI .rich-text table th { background: #00626A; color: #fff; } .tamm-rte table tr td, .dynamic-GI .rich-text table tr td { border-bottom: 1px solid #d0cfd7 !important; color: #000 !important; } .tamm-rte img, .dynamic-GI .rich-text img { border: 10px solid #fff; } .tamm-rte .border-img img, .dynamic-GI .rich-text .border-img img { border: 10px solid #fff; } .tamm-rte .border-img.field-gi-image, .dynamic-GI .rich-text .border-img.field-gi-image { /*add specific handling for GI image as per comments f EO team*/ } .tamm-rte table a, .tamm-rte table a:hover, .tamm-rte table a:focus, .tamm-rte table ul li, .dynamic-GI .rich-text table a, .dynamic-GI .rich-text table a:hover, .dynamic-GI .rich-text table a:focus, .dynamic-GI .rich-text table ul li { color: #000 !important; } @media screen and (max-width: 767px) { .tamm-rte .table-responsive, .dynamic-GI .rich-text .table-responsive { border: 1px solid #000 !important; } } /*************************************************************************************************** ADGE Service page Author: TAMM ***************************************************************************************************/ /* .Adge-services-adgecomponent {padding-top:0px !important} */ .services-wrapper a.item-link { color: #000; background-color: #fff; } .services-wrapper a.item-link:active, .services-wrapper a.item-link:focus, .services-wrapper a.item-link:hover { color: #000; background-color: #fff; } .services-wrapper a.item-link:active h3, .services-wrapper a.item-link:focus h3, .services-wrapper a.item-link:hover h3 { color: #000; } @media only screen and (max-width: 767px) { .services-wrapper a.item-link:hover { color: #000; background-color: #fff; } .services-wrapper a.item-link h3 { top: 0px; } } /*************************************************************************************************** Adge Hero Image floating button styles Author: Manikandan ***************************************************************************************************/ .floating-button-content .caption-text { color: #F8F8F8; } .floating-button-content .adge-btn { background-color: #00626A; color: #fff; } .floating-button-content .adge-btn:focus, .floating-button-content .adge-btn:hover { background: #fff; color: #00626A; } @media only screen and (max-width: 767px) { .persona-wrapper .adge-btn { background-color: #fff; color: #000; } .persona-wrapper .adge-btn:hover { color: #000; } .personas-mob-drop-down .mob-drop-down-active .adge-btn { background-color: #fff; color: #00626A; } .personas-mob-drop-down .mob-drop-down-active .adge-btn:hover { background-color: #fff; color: #00626A; } .personas-mob-drop-down .mob-drop-down-active .adge-btn .icon { color: #00626A; } } /*************************************************************************************************** Adge footer powered by styles Author: TAMM ***************************************************************************************************/ .poweredby:before { content: ''; height: 1px; width: 97%; position: absolute; background-color: #00626A; bottom: 0; } .poweredby label, .poweredby div { color: #000; } /*************************************************************************************************** existing component overwritten styles for Adge Author: TAMM ***************************************************************************************************/ .adge-page:before { background-image: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 0.1) 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.1))); background-image: linear-gradient(-180deg, transparent 0%, rgba(255, 255, 255, 0.1) 100%); } /*************************************************************************************************** *Carousel - horizontal CSS * Author: Sai ***************************************************************************************************/ .carousel { background: transparent; } .carousel .carousel-indicators li { border: 2px solid #00626A; background: transparent; } .carousel .carousel-indicators .active { background: transparent; } .carousel .carousel-inner .carousel-contentwrapper { background-color: #891E04; color: #000; } .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent p { color: #000; } .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent .view-all-block .view-all { color: #000; } .carousel .carousel-inner .carousel-contentwrapper .carousel-innercontent .view-all-block .view-all:hover { color: #000; } .carousel .right { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(#fff)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, #fff 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, #fff 100%); } .carousel .left { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0.0001)), to(#fff)); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, #fff 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, #fff 100%); } .carousel-wrapper .item:after { background-image: -webkit-linear-gradient(top, transparent 0%, #00626A 98%); background-image: -webkit-linear-gradient(top, transparent 0%, #00626A 98%); } .white-bg .carousel .carousel-indicators li { border: 2px solid #891E04; } .white-bg .carousel .carousel-indicators li.active { border: solid 8px #891E04; } .filter-wrapper .facet-dropdown { /* For IE10 */ } .filter-wrapper .facet-dropdown .facet-heading .facet-title { color: #891E04; } .filter-wrapper .facet-dropdown .facet-heading .clear-filter { background-color: #891E04; color: #fff; } .filter-wrapper .facet-dropdown .facet-dropdown-select { border-bottom: solid 2px #00626A; } @media (max-width: 767px) { .sorting-col .facet-dropdown .facet-dropdown-select { background: transparent; } } /*************************************************************************************************** document listing styles Author: TAMM ***************************************************************************************************/ .document-wrapper ul li .documents-details { background-color: #fff; color: #000; } .document-wrapper ul li .download-btn a { border: solid 1px #00626A; color: #000; } .document-wrapper ul li .additional-docs { border-top: solid #fff; background-color: #00626A; } /*************************************************************************************************** ADGE Documents styles Author: TAMM ***************************************************************************************************/ .results-listing .search-result-list li *:hover .accrodion-listing-with-bullet li { color: #000; border: 0px; background: #8bd3dd; } #searchPage .results-listing .search-result-list li:hover { background: #8bd3dd; } #searchPage .results-listing .search-result-list li:hover > div { background: transparent; } #searchPage .results-listing .search-result-list li:hover > div li { background-color: transparent !important; } .listing-global { padding: 5px 0; } .listing-global li { background: #fff; color: #000; } .listing-global li:hover, .listing-global li:focus { background: #8bd3dd; } .listing-global li .icon-large { color: #000; } .listing-global li .list-content .content p { color: #000; } .listing-global li .list-content .content h2 { color: #000; } .listing-global li span.list-date { color: #000; } .listing-global li .download-btn a { border: solid 1px #00626A; } .listing-global li .download-btn a:hover { border: solid 1px #00626A; } .listing-global li .download-btn a:hover .icon-down-arrow, .listing-global li .download-btn a:hover .icon-long-right-arrow { color: #00626A; } .listing-global li .download-btn a:hover .icon-down-arrow.icon-long-right-arrow, .listing-global li .download-btn a:hover .icon-long-right-arrow.icon-long-right-arrow { font-size: 12px; } .listing-global li .download-btn a:focus { border: solid 1px #00626A; } .listing-global li .download-btn a span.icon-down-arrow, .listing-global li .download-btn a span.icon-long-right-arrow { color: #000; } .listing-global li .download-btn .field-filetypeicon a span { color: #000; } .listing-global li .download-btn .field-filetypeicon a:hover span { color: #00626b; } .listing-global li .multiple-btns a { border: solid 2px #00626A; color: #00626A; } .listing-global li .multiple-btns a:hover { color: #00626A; } .listing-global li .multiple-btns a.apply-btn { border-color: #00626A; color: #00626A; } .listing-global li .multiple-btns a.apply-btn:hover { color: #00626A; } .listing-global li a.list-item-link { background-color: #fff; } .listing-global li a.list-item-link:hover, .listing-global li a.list-item-link:focus { background: #d4e5dd; color: #d4e5dd; } .listing-global li a.list-item-link:hover h2, .listing-global li a.list-item-link:hover span.list-date { color: #d4e5dd; } .listing-global li .additional-docs { border-top: solid #d4e5dd; background-color: #d8eae0; } .listing-global li .additional-docs .list-item { background-color: #d8eae0; } .listing-global li .listing-detail-desc span { color: #000; } .listing-global.two-lines li .icon-large { color: #000; } .listing-global.two-lines li .list-content .content p { color: #000; } .listing-global.two-lines li .list-content .content h2 { color: #000; } .listing-global .results-listing .search-result-list li > div li { background-color: white; } .listing-global .journey-widget .journey-link li, .listing-global .sub-related-topic .sub-rel-link li { background-color: transparent; } /*************************************************************************************************** Adge Quicklinks styles Author: TAMM ***************************************************************************************************/ .quicklink-adgecomponent ul { background-color: #ADAFB1; } .quicklink-adgecomponent ul li { border-bottom: solid 1px #ADAFB1; } .quicklink-adgecomponent ul li .right-arrow a:focus, .quicklink-adgecomponent ul li .right-arrow a:hover { background-color: #891E04; color: #fff; } .quicklink-adgecomponent ul li:focus, .quicklink-adgecomponent ul li:hover { background-color: #891E04; color: #fff; } /*************************************************************************************************** Global border Codes Author: TAMM ***************************************************************************************************/ .container-border.white-theme { border: 10px solid #00626A; } .container-border.dark-theme { border: 10px solid #fff; } /*************************************************************************************************** search container styles for pages innerpage-search-component Author: TAMM ***************************************************************************************************/ .innerpage-search-component .search-bar-container { background: #EBf0f0; border: 1px solid #ADAFB1; } .innerpage-search-component .search-bar-container input { background: #F8F8F8; box-shadow: 0 2px 10px 3px rgba(0, 0, 0, 0.1); color: #000; } .innerpage-search-component .search-bar-container .typing-animation { color: #000; } .innerpage-search-component .search-bar-container .icon { color: #000; } .innerpage-search-component .search-bar-container .icon.icon-searchv2 { color: #F8F8F8; background-color: #00626A !important; } .register-component { background-color: #fff; } .register-component .register-submit-button:hover { background-color: #32363f; border-color: transparent; } .register-component .register-submit-button:hover div { color: #fff; } /*************************************************************************************************** *Note component styles CSS * Author: TAMM ***************************************************************************************************/ .note-wrapper { background-color: #d2d0ad; } /*************************************************************************************************** Styles for search focus Author: TAMM ***************************************************************************************************/ .search-box .tt-suggestion.tt-cursor { color: #ADAFB1; } .search-bar-container .icon.icon-searchv2 { background: transparent; } .subpage-search-trending-wrapper { background: rgba(38, 76, 89, 0.4); } .subpage-search-trending-wrapper .title { color: #000; } .subpage-search-trending-wrapper .search-reload { color: #F8F8F8; } .subpage-search-trending-wrapper .search-reload strong { /*changed by M.F to match the design*/ } .subpage-search-trending-wrapper .search-reload .icon-reload:hover, .subpage-search-trending-wrapper .search-reload .icon-reload:focus { color: #891E04; } .subpage-search-trending-wrapper .icon-close { color: #F8F8F8; } .subpage-search-trending-wrapper .icon-close:focus, .subpage-search-trending-wrapper .icon-close:hover { color: #891E04; } .subpage-search-trending-wrapper ul.tags li a { background-color: #00626A; color: #F8F8F8; border: 1px solid #F8F8F8; } .subpage-search-trending-wrapper ul.tags li a:hover, .subpage-search-trending-wrapper ul.tags li a:focus { border: 1px solid #891E04; } /*************************************************************************************************** Journey widget styles Author: TAMM ***************************************************************************************************/ .journey-widget .search-results li { background-color: #ABCFBF; } .journey-widget h3 { color: #891E04; } .journey-widget .journey-widget-heading.dark { color: #fff; } .journey-widget .journey-widget-heading.light { color: #00626A; } .journey-widget .journey-link { background: #ABCFBF; color: #000; } .journey-widget .journey-link a { color: #00626A; text-transform: uppercase; } .journey-widget .view-all-journey { border-top: 1px solid #d0cfd7; } .journey-widget .view-all-journey a { color: #00626A; } .journey-widget h3 { color: #891E04; } .journey-widget .journey-widget-heading.dark { color: #fff; } .journey-widget .journey-widget-heading.light { color: #00626A; } .journey-widget .journey-link { background: #ABCFBF; color: #000; } .journey-widget .journey-link a { color: #00626A; } .journey-widget .view-all-journey { border-top: 1px solid #d0cfd7; } .journey-widget .view-all-journey a { font-weight: bold; color: #00626A; } .white-bg .journey-widget + .view-all-block .view-all { color: #000; } .four-col-cards.four-col-cards-adgecomponent .three-col-listwrapper .flipcard .noimage .boxGrey { background-color: #d4e5dd !important; } .four-col-cards.four-col-cards-adgecomponent .three-col-listwrapper .flipcard .noimage .boxGrey .tags-label { background-color: transparent; } .four-col-cards.four-col-cards-adgecomponent .three-col-listwrapper .flipcard .noimage .tags-label { border: 1px solid; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .front .flipcardwrap .boxGrey { background-color: #fff; } .four-col-cards .four-col-cards-container .three-col-listwrapper .flipcard .back { background-color: #F8F8F8; box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 50px -4px; } .four-col-cards .four-col-cards-container .three-col-listwrapper .row .col-lg-3.col-md-6.col-12:nth-child(even) .flipcard .boxGrey { background-color: #8bd3dd; } .feedback-model .modal-dialog .modal-content .tamm-btn.yellow-border-btn { border: 2px solid white !important; color: white !important; background-color: #00626A !important; } .feedback-model .modal-dialog .modal-content .tamm-btn.yellow-border-btn:hover { border: 2px solid #00626A !important; color: #00626A !important; background-color: white !important; } .pillars-listing .listing__item:nth-child(1) { background: #32363f !important; } .pillars-listing .listing__item:nth-child(2) { background: #ADAFB1 !important; } .pillars-listing .listing__item:nth-child(3) { background: #ABCFBF !important; } .pillars-listing .listing__item:nth-child(4) { background: #32363f !important; } .pillars-listing .listing__item:nth-child(5) { background: #ADAFB1 !important; } .pillars-listing .listing__item:nth-child(6) { background: #ABCFBF !important; } .pillars-listing .listing__icon { border: 1px solid rgba(0, 0, 0, 0.42); } .pillars-listing .listing__icon span { color: #000; } .pillars-listing ul li { color: #000; } .pillars-listing ul li:before { background-color: #891E04; } .no-whiteBG .white-bg { background-color: transparent !important; } .ka-result-card { background-color: #32363f !important; color: #fff !important; } #ka-panelDiv { background-color: #fff !important; } .inner-page .ka-tab-container ul li { background-color: #32363f !important; } .ka-tab-container ul li.current { background-color: #00626A !important; } .ka-tab-container { color: #000 !important; } .ka-tab-container ul li.current:after { border-top-color: #00626A !important; } .ka-result-card:hover { background-color: #32363f !important; } .esri-feature__main-container { background-color: #32363f !important; } .esri-view-height-less-than-medium .esri-popup__main-container { background-color: #32363f !important; } a { color: #000; } .goog-te-gadget-simple .goog-te-menu-value span { color: #000; } /*Loading Overlay*/ .loading-overlay { background: rgba(0, 98, 106, 0.6); } /*Fix for IM1706575- Components spacing*/ .promo-with-title-adgecomponent { padding-top: 15px !important; padding-bottom: 15px !important; } .inner-four-card, .e-Publications { padding-top: 15px; }