/********** Common CSS Starts***********/ body { font-family: "Open Sans", sans-serif; color: #646464; } body p { font-size: 14px; font-family: "Open Sans", sans-serif; line-height: 1.8; font-weight: 400; color: #646464; } body a { font-size: 14px; font-weight: 700; color: #4188c9; } body a.text_decoration { text-decoration: underline; } body a:hover, body a:active, body a:focus { color: #4188c9; } body .no-pad { padding: 0px !important; } body .none { opacity: 0; } body ul li { font-size: 14px; line-height: 1.8; } body label { color: #646464; font-size: 14px; cursor: default; /*display: inline-block;*/ } body .head-blue { background-color: #4188c9; padding: 15px; border-top-right-radius: 5px; border-top-left-radius: 5px; color: #ffffff; margin: 0px; } body .select_dropdown { width: 48%; display: inline-block; padding-left: 20px; } body #renewal-form-section .card-info .select_dropdown { width: 26%; padding-left: 0px; } body .select_dropdown .chosen-container { width: 100% !important; display: inline-block; border-bottom: 1px solid #c4daee; } body .select_dropdown .chosen-container .chosen-search { left: 0px; right: 0px; /*display: none;*/} body .country-drop .select_dropdown .chosen-container .chosen-search { display: block;} body .select_dropdown .chosen-container .chosen-search input[type="text"] { background-color: #ffffff; border: 1px solid #b5b5b5; } body .select_dropdown .chosen-container .chosen-single { background-color: transparent; color: #b5b5b5; line-height: 1.2; padding-left: 0px; height: auto; font-weight: 400; } .nav-outer{z-index: 9;position: relative; } .top-section h1 { font-size: 40px; font-family: "Open Sans", sans-serif; color: #ffffff; } h1 { font-size: 40px; font-family: "Open Sans", sans-serif; color: #4188c9; } h2 { font-size: 24px; font-family: "Open Sans", sans-serif; color: #4188c9; } h3 { font-size: 19px; font-family: "Open Sans", sans-serif; color: #4188c9; } h4 { font-size: 16px; font-family: "Open Sans", sans-serif; color: #4188c9; } /********* Common CSS Ends **********/ /********* Home Page CSS Starts *******/ .top-section { border-top: 5px solid #4188c9; text-align: center; padding-bottom: 10px; } .top-section .mob_label { display: none; } .top-section .main-logo { padding: 15px 0px 0px; text-align: left; } .top-section .right-section { padding-top: 20px; } .top-section .right-section ul { list-style-type: none; margin: 0px; text-align: right; } .top-section .right-section ul li { display: inline-block; padding: 0px 5px; } .top-section .right-section ul li a { font-weight: 400; font-size: 14px; } .top-section .right-section ul li a:hover { color: #98cc5d; } .top-section.member-header { border-top: 5px solid #5d3085; } .head-divider { background-color: #4188c9; height: 85px; position: relative; } .head-divider .content { padding: 25px 0px; } .head-divider .content p { color: #ffffff; text-align: left; margin-bottom: 0px; } .head-divider .content .social { text-align: right; } .head-divider .content .social .lang { color: #ffffff; text-align: center; padding-right: 10px; font-size: 12px; } .head-divider .content .social .lang:after { content: ""; display: inline-block; width: 0px; height: 0px; border-top: 5px solid white; border-right: 5px solid transparent; border-left: 5px solid transparent; vertical-align: middle; margin-left: 5px; } .head-divider .content .social .f-dropdown { max-width: 100px; text-align: left; } .head-divider .content .social .f-dropdown:before { display: none; } .head-divider .content .social .f-dropdown:after { border-color: transparent transparent #ffffff transparent; } .head-divider .content .social .f-dropdown li { display: block; } .head-divider .content .social .f-dropdown li a { color: #4188c9; display: inline-block; font-size: 10px; padding: 5px 10px; } .head-divider .content .social .f-dropdown li a:hover { background-color: none; color: #98cc5d; } .head-divider .content .social .f-dropdown li:hover, .head-divider .content .social .f-dropdown li:focus { background: none; } .head-divider .content .social .f-dropdown li:hover a, .head-divider .content .social .f-dropdown li:focus a { background: none; } .head-divider .content .social ul { list-style-type: none; margin: 0px; display: inline-block; } .head-divider .content .social ul:before { content: "|"; display: inline-block; color: #ffffff; margin-right: 10px; font-weight: 400; } .head-divider .content .social ul li { display: inline-block; padding: 0px 5px; } .head-divider .content .social ul li a { color: #ffffff; } .head-divider .content .social ul li a:hover { color: #98cc5d; } .head-divider .nav-outer .top-bar { margin-top: -22px; z-index: 1; background: #ffffff; border-radius: 3px; overflow: hidden; } .head-divider .nav-outer .top-bar .top-bar-section ul { /*background: $white-font;*/ } .head-divider .nav-outer .top-bar .top-bar-section ul li a { background: #ffffff; color: #4188c9; font-weight: 700; font-size: 12px; } .head-divider .nav-outer .top-bar .top-bar-section ul li:hover { /*background: #98cc5d!important; */} .head-divider .nav-outer .top-bar .top-bar-section ul li> a:hover { color:#fff;background: #98cc5d!important;} .head-divider .nav-outer .top-bar .top-bar-section ul li> a.active {color: #fff;} .head-divider .nav-outer .top-bar .search { float: right; color: #ffffff; position: relative !important; z-index: 200; } .head-divider .nav-outer .top-bar .search p { color: #ffffff; } .head-divider .nav-outer .top-bar .search input { width: 135px; -webkit-transition: width 0.4s ease-in-out; -moz-transition: width 0.4s ease-in-out; top: 0px; border: 0px; background-color: #98cc5d; color: #ffffff; position: relative; font-family: "Open Sans", sans-serif; font-weight: 400; /*padding: 0px 10px 0px 30px;*/ padding: 0px 10px 0px 25px; height: 45px; } .head-divider .nav-outer .top-bar .search input:focus { width: 250px; } .head-divider .nav-outer .top-bar .search input::-webkit-input-placeholder { color: #ffffff; } .head-divider .nav-outer .top-bar .search input:-moz-placeholder { /* Firefox 18- */ color: #ffffff; } .head-divider .nav-outer .top-bar .search input::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; } .head-divider .nav-outer .top-bar .search input:-ms-input-placeholder { color: #ffffff; } .head-divider .nav-outer .top-bar .search .fa { position: absolute; top: 17px; left: 8px; font-size: 12px; } .head-divider.member-divider { background-color: #5d3085; } .emailencry{height: 16px;} .show-more p { margin: 0 auto; width: 500px; padding: 15px 0px 20px 10px; border-top: 1px solid #dcdcdc; text-align: center; color: #838383; font-size: 14px; margin-top: 10px; cursor: pointer; position: relative; } .show-more p:before { content: ""; display: inline-block; border-top: 6px solid #dcdcdc; border-left: 6px solid transparent; border-right: 6px solid transparent; vertical-align: top; text-align: center; /* margin: -20px auto 0px; */ position: absolute; top: 0px; left: 50%; } .banner_sec img { margin-bottom: 30px; width: 100%; } .banner-outer { text-align: center; position: relative; } .banner-outer img { width: 100%; } .banner-outer .topic-outer { position: relative; } .banner-outer .topic { position: absolute; bottom: 10px; left: 0; } .banner-outer .topic h2 { display: none; } .banner-outer .topic .breadcrumbs { border: none; background-color: transparent; padding-top: 2px; padding-bottom: 2px; margin: 0; } .banner-outer .topic .breadcrumbs li a { position: relative; z-index: 5; color: #ffffff; font-size: 12px; font-weight: 400; text-transform: initial; } .banner-outer .topic .breadcrumbs li a:hover { text-decoration: none; color: #4188c9; } .banner-outer .topic .breadcrumbs li:first-child:before { content: ""; } .banner-outer .topic .breadcrumbs li:hover a, .banner-outer .topic .breadcrumbs li:focus a { text-decoration: none; } .banner-outer .topic .breadcrumbs > *:before { content: "|"; color: #ffffff; } .banner-outer.set-height img { height: 20vw; } .services { text-align: center; /* margin-top: -115px; */ margin-top: -150px; } .services .member { margin-top: -55px; } #service_provided tr td{font-size:11px;padding:2px 0.625rem} #service_provided p{font-size:11px;margin-bottom:0} .intro { /* margin-top: 40px; */ text-align: center; } .intro p { width: 500px; margin: 0 auto; } .intro h5 { margin: 15px 0px; } .slider-outer { margin: 0 auto; text-align: center; } .slider-outer .owl-theme { margin-top: 50px; } .slider-outer .owl-theme .item { display: inline-block; position: relative; } .slider-outer .owl-theme .item:before { content: "\f10d"; display: inline-block; font-family: FontAwesome; position: absolute; left: -80px; top: 0px; font-size: 25px; color: #eeeeee; } .slider-outer .owl-theme .item:after { content: "\f10e"; display: inline-block; font-family: FontAwesome; position: absolute; right: -80px; top: 0px; font-size: 25px; color: #eeeeee; } .slider-outer .owl-theme .item p { font-size: 18px; color: #4188c9; } .slider-outer .owl-theme .owl-controls { display: inline-block; position: relative; } .slider-outer .owl-theme .owl-controls .owl-page span { width: 8px; height: 8px; } .slider-outer .owl-theme .owl-controls .owl-page.active span, .slider-outer .owl-theme .owl-controls .owl-page:hover span { background-color: #4188c9; } .slider-outer .owl-theme .owl-controls .owl-buttons div.owl-prev { position: absolute; top: 1px; left: -20px; background: url("../images/prev-arrow.png"); width: 8px; height: 16px; font-size: 0px; background-repeat: no-repeat; padding: 0px; margin: 0px; } .slider-outer .owl-theme .owl-controls .owl-buttons div.owl-next { position: absolute; top: 1px; right: -20px; background: url("../images/next-arrow.png"); background-repeat: no-repeat; width: 8px; height: 16px; font-size: 0px; padding: 0px; margin: 0px; } .members-outer { /* background: #f5f5f5; */ margin-top: 0; } .members-outer .members-section { padding: 25px 0px; } .members-outer .members-section h5 { font-size: 14px; font-weight: 700; text-align: center; margin: 5px 0px 0; } .members-outer .members-section.next { padding: 0px; overflow: hidden; display: none; } .members-outer .members-section .set-one, .members-outer .members-section .set-two { display: table; width: 100%; } .members-outer .members-section .set-one .members, .members-outer .members-section .set-two .members { text-align: center; float: none; display: table-cell; } .members-outer .members-section .set-one [class*="column"] + [class*="column"]:last-child, .members-outer .members-section .set-two [class*="column"] + [class*="column"]:last-child { float: none; } .members-outer .show-more p { margin: 0 auto; width: 500px; padding: 15px 0px 20px 10px; border-top: 1px solid #dcdcdc; text-align: center; color: #838383; font-size: 14px; margin-top: 10px; cursor: pointer; position: relative; } .members-outer .show-more p:before { content: ""; display: inline-block; border-top: 6px solid #dcdcdc; border-left: 6px solid transparent; border-right: 6px solid transparent; vertical-align: top; text-align: center; /* margin: -20px auto 0px; */ position: absolute; top: 0px; left: 50%; } .news-section { padding: 70px 0px 0px; } .news-section .left-col-img { /*text-align: center;*/ } .news-section .left-col-img img { margin-top: 10px; } .news-section .right-col-news { text-align: left; } .news-section .right-col-news h2 { font-size: 24px; font-weight: 400; padding-left: 25px; } .news-section .right-col-news .news-list { padding: 0px 0px 20px 25px; border-bottom: 1px solid #e5e5e5; } .news-section .right-col-news .news-list .more-news { padding-left: 25px; } .news-section .right-col-news .news-list ul { list-style-image: url("../images/bullet.png"); margin-bottom: 10px; } .news-section .right-col-news .news-list ul li { padding: 5px; line-height: 1.4; } .news-section .right-col-news .news-list ul li a { font-size: 14px; color: #646464; } .news-section .right-col-news .news-list ul li a:hover { color: #646464; } .news-section .right-col-news .news-list > a { font-size: 14px; font-weight: 400; } .news-section .right-col-news .post { padding: 10px 0px 10px 25px; } .news-section .right-col-news .post .facebook-icon { display: inline-block; vertical-align: middle; color: #4188c9; font-size: 35px; font-weight: 700; } .news-section .right-col-news .post .post { display: inline-block; max-width: 90%; padding-left: 25px; } .news-section .right-col-news .post .post h6 { margin: 5px 0px; font-size: 14px; font-weight: 700; } .news-section .right-col-news .post .post .article { display: inline-table; } .news-section .right-col-news .post .post .article p { font-size: 12px; background-color: #f5f5f5; padding: 15px; position: relative; line-height: 1.7; } .news-section .right-col-news .post .post .article p:before { content: ""; display: inline-block; border-right: 10px solid #f5f5f5; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; left: -10px; } .bottom-section { text-align: right; margin-top: 10px; } footer { background: #323232; margin-top: -33px; } footer p { font-size: 12px; } footer a:hover { color: #4188c9 !important; } footer .footer-bg { padding: 20px 0px; } footer .footer-bg .site-map { padding-top: 15px; text-align: left; } footer .footer-bg .site-map ul { list-style-type: none; margin: 0px; } footer .footer-bg .site-map ul li { line-height: 2.4; } footer .footer-bg .site-map ul li a { color: #ffffff; font-weight: 400; font-size: 12px; } footer .footer-bg .disclaimer { padding-top: 25px; } footer .footer-bg .disclaimer p { font-size: 12px; } footer .footer-bg .disclaimer p .link { color: #4188c9; font-weight: 400; font-size: 12px; } footer .footer-bg .right-section { padding-left: 20px; text-align: right; padding-top: 15px; } footer .footer-bg .right-section .social { margin-top: 5px; } footer .footer-bg .right-section .social ul { list-style-type: none; margin: 0px; } footer .footer-bg .right-section .social ul li { display: inline-block; margin: 0px 2px; } footer .footer-bg .right-section .social ul li a { color: #ffffff; font-size: 10px; padding: 7px 10px; border-radius: 50%; } footer .footer-bg .right-section .social ul li a:hover { color: #ffffff !important; } footer .footer-bg .right-section .social ul li a.fb { background: #4188c9; } footer .footer-bg .right-section .social ul li a.twitter { background: #27aae2; } footer .footer-bg .right-section .social ul li a.youtube { background: #ba0100; } footer .footer-bg .right-section .social ul li a.linkedin { background: #02669a; } footer .footer-bg .right-section .social .join { margin-top: 35px; } footer .footer-bg .right-section .social .join a { color: #ffffff; font-size: 12px; font-weight: 400; } footer .footer-bg .right-section .social .follow { color: #ffffff; } footer .footer-bg .right-section .social .follow a { color: #ffffff; font-size: 12px; font-weight: 400; } footer .footer-bg .right-section .address { margin-top: 30px; } footer .footer-bg .right-section .address p { color: #ffffff; font-size: 12px; line-height: 2; } footer .footer-bg .right-section .address a { color: #ffffff; font-size: 12px; font-weight: 400; } footer .footer-bg .right-section .copytext { margin-top: 35px; color: #ffffff; } footer .footer-bg .right-section .copytext p { font-size: 12px; color: #ffffff; } /******** Home Page CSS Ends ********/ .top-bar-section ul li { background: none !important; } /************ Suppliers Page CSS Start ***************/ .supplier-container .left-col h2 { padding: 0px 0px 15px; font-weight: 400; border-bottom: 2px solid #e0ebf6; margin-bottom: 20px; } .supplier-container .left-col p { font-size: 14px; } .supplier-container .left-col p a { font-size: 14px; padding-left: 10px; } .supplier-container .left-col .airlines-outer { margin-top: 50px; } .supplier-container .left-col .health-outer { margin: 50px 0px; } .supplier-container .left-col .health-outer p { font-size: 14px; } .supplier-container .left-col .health-outer .address a { color: #646464; font-weight: 400; font-size: 14px; word-break: break-word; } .supplier-container .left-col .health-outer .address a.mail { padding-top: 10px; } .supplier-container .left-col .health-outer .address a:hover { color: #4188c9; } .supplier-container .left-col .health-outer .box img { padding: 15px 0px; } .supplier-container .left-col .pattern_tag { background: url("../images/pattern.png"); margin: 10px 0px 40px 0px; } .supplier-container .left-col .pattern_tag h3 { margin-bottom: 25px; font-size: 18px; display: inline-block; margin: 0px; background-color: white; padding-right: 15px; line-height: 1.5; } .supplier-container .left-col .box { background-color: #f5f5f5; padding: 20px 15px 20px 10px; margin: 4px 0px; border-radius: 4px; } .supplier-container .left-col .box h5 { font-size: 14px; color: #4188c9; margin-bottom: 10px; font-weight: 700; } .supplier-container .right-col h2 { padding: 0px 0px 15px; font-size: 18px; font-weight: 400; border-bottom: 2px solid #e0ebf6; margin-bottom: 20px; } .supplier-container .right-col p { font-size: 14px; } .supplier-container .right-col p a { font-size: 14px; } .supplier-container .right-col .sponsors-list { margin-top: 30px; text-align: center; } .supplier-container .right-col .sponsors-list a img { margin: 15px 0px; } .supplier-container .right-col .sponsors-list .list-two { display: none; } .supplier-container .right-col .show-more p { margin: 0 auto; width: 100%; padding: 15px 0px 20px 10px; border-top: 1px solid #dcdcdc; text-align: center; color: #838383; font-size: 14px; margin-top: 10px; cursor: pointer; position: relative; } .supplier-container .right-col .show-more p:before { content: ""; display: inline-block; border-top: 6px solid #dcdcdc; border-left: 6px solid transparent; border-right: 6px solid transparent; vertical-align: top; text-align: center; /* margin: -20px auto 0px; */ position: absolute; top: 0px; left: 50%; } /************ Suppliers Page CSS End ***************/ /*********** Members Tool Page CSS Start ***********/ .members_tool_container .left-col h2 { padding: 0px 0px 15px; font-weight: 400; border-bottom: 2px solid #e0ebf6; margin-bottom: 20px; } .members_tool_container .left-col .kit { padding: 10px 0px 15px; border-bottom: 2px solid #e0ebf6; font-size: 14px; } .members_tool_container .left-col .kit.no-border { border: none; } .members_tool_container .left-col .kit p { margin: 0px; font-size: 14px; } .members_tool_container .left-col .kit p a { font-size: 14px; font-weight: 700; } .members_tool_container .left-col .kit h4 { color: #5d9121; margin-bottom: 15px; } .members_tool_container .left-col .kit .info { font-size: 12px; font-weight: 700; } .members_tool_container .left-col .kit ul { list-style-image: url("../images/bullet.png"); margin-bottom: 10px; margin-top: 15px; font-size: 14px; } .members_tool_container .left-col .kit ul li a { font-size: 14px; } .members_tool_container .left-col .kit ul li a span { font-size: 12px; color: #646464; } .members_tool_container .left-col .kit ul.number-list { list-style-type: decimal; list-style-image: none; } .members_tool_container .left-col .kit ul.number-list li a span { font-size: 14px; color: #646464; font-weight: 400; } .members_tool_container .left-col .kit ul.one_line li { float: left; } .members_tool_container .left-col .kit ul.one_line li.middle { margin: 0px 40px; } /*********** Members Tool Page CSS End ***********/ /******* Members Resources Page CSS start ********/ .members_resources_container .left-col h2 { padding: 0px 0px 15px; font-weight: 400; border-bottom: 2px solid #e0ebf6; margin-bottom: 20px; } .members_resources_container .left-col .content > h4 { color: #5d9121; margin-bottom: 0px; } .members_resources_container .left-col .content .guide-content { margin-bottom: 15px; } .members_resources_container .left-col .content .guide-content h3 { margin-bottom: 15px; } .members_resources_container .left-col .content .guide-content p { margin: 0px; } /****** Members Resources Page CSS start ********/ /********** Country Profile page CSS Start **********/ .country_profile_container .heading { border-bottom: 14px solid #4188c9; margin-bottom: 5px } .country_profile_container .heading h2 { display: inline-block; } .country_profile_container .heading a { padding: 6px 10px; background-color: #4188c9; color: #ffffff; display: inline-block; float: right; border-radius: 5px; margin-top: 12px; } .country_profile_container .content p span { /*color: #bb1a1a;*/ } .country_profile_container .content p span.red { color: #bb1a1a; } //.country_profile_container .content .tab-section { background-color: #f5f5f5; border-radius: 3px; margin-top: 40px; } .country_profile_container .content .tab-section .tabs { background-color: white; padding-left: 10px; } .country_profile_container .content .tab-section .tabs .tab-title { margin: 0px 2px; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } .country_profile_container .content .tab-section .tabs .tab-title > a { padding: 10px; color: #ffffff; background-color: #4188c9; font-weight: 400; font-size: 14px; } .country_profile_container .content .tab-section .tabs .tab-title.active > a { background-color: #f5f5f5; color: #4188c9; } .country_profile_container .content .tab-section .tabs-content { padding: 15px 10px; } .country_profile_container .content .tab-section .tabs-content .content.first_tab .tabs-heading h3 { display: inline-block; } .country_profile_container .content .tab-section .tabs-content .content.first_tab .tabs-heading a { display: inline-block; float: right; margin-top: 5px; } .country_profile_container .content .tab-section .tabs-content .content.first_tab .tabs-heading a i { padding-right: 10px; color: #646464; } .country_profile_container .content .tab-section .tabs-content .content.first_tab ul { list-style-type: decimal; } .country_profile_container .content .tab-section .tabs-content .content.first_tab ul li { margin: 10px 0px; } .country_profile_container .content .tab-section .tabs-content .content.first_tab .address h6 { font-size: 14px; font-weight: 700; margin: 15px 0px 0px; } .country_profile_container .content .tab-section .tabs-content .content.first_tab .address .tel { color: #646464; font-weight: 400; } .country_profile_container .rightcol .profile p a { word-break: break-word; } .country_profile_container .rightcol .links ul { list-style-image: url("../images/bullet.png"); } .country_profile_container .rightcol .links ul li { margin: 5px 0px; } .country_profile_container .rightcol .links ul li a span { color: #646464; font-size: 12px; } /********** Country Profile page CSS End **********/ /********* Directory update page CSS Start **********/ .directory_update_container .left-col .content .tab-section .tabs{border-bottom:1px solid #efefef} .directory_update_container .left-col .heading { padding: 10px 0px; border-bottom: 2px solid #e0ebf6; margin-bottom: 25px; } .directory_update_container .left-col .heading h2 { display: inline-block; } .directory_update_container .left-col .heading a { padding: 6px 10px; background-color: #4188c9; color: #ffffff; display: inline-block; float: right; border-radius: 5px; margin-top: 5px; } .directory_update_container .left-col .heading a i { padding-right: 5px; } .directory_update_container .left-col .content .tab-section .tabs .tab-title { display: inline-block; } .directory_update_container .left-col .content .tab-section .tabs .tab-title a:first-child{margin-left:0} .directory_update_container .left-col .content .tab-section .tabs .tab-title:before { color: #646464; } /*.directory_update_container .left-col .content .tab-section .tabs .tab-title:before { content: "|"; color: #646464; }*/ .directory_update_container .left-col .content .tab-section .tabs .tab-title a { font-size: 14px; font-weight: 400; margin: 5px 5px 0; display: block; padding: 10px; border-radius:5px } /*.directory_update_container .left-col .content .tab-section .tabs .tab-title a { background-color: transparent; font-size: 14px; font-weight: 400; margin: 15px 10px; display: inline-block; padding: 0px; }*/ .directory_update_container .left-col .content .tab-section .tabs .tab-title a:hover { color: #4188c9; } .directory_update_container .left-col .content .tab-section .tabs .tab-title.active a { color: #fff; background:#4188C9; } /*.directory_update_container .left-col .content .tab-section .tabs .tab-title.active a { color: #4188c9; }*/ .directory_update_container .left-col .content .tab-section .tabs .tab-title:first-child:before { display: none; } .directory_update_container .left-col .content .tabs-content .first_tab h3 { background-color: #4188c9; padding: 15px; border-top-right-radius: 5px; border-top-left-radius: 5px; color: #ffffff; margin: 0px; } .directory_update_container .left-col .content .tabs-content .first_tab .table_content table { margin: 0px; background-color: white; } .directory_update_container .left-col .content .tabs-content .first_tab .table_content table thead tr { background-color: #f5f5f5; } .directory_update_container .left-col .content .tabs-content .first_tab .table_content table thead tr th { color: #646464; font-weight: 400; } .directory_update_container .left-col .content .tabs-content .first_tab .table_content table tbody tr { background-color: white; border-bottom: 2px solid #f5f5f5; } .directory_update_container .left-col .content .tabs-content .first_tab .table_content table tbody tr td p { margin: 0px; color: #4188c9; font-weight: 700; } .directory_update_container .left-col .content .tabs-content .first_tab .table_content table tbody tr td a { font-weight: 400; } .directory_update_container .left-col .content .tabs-content .first_tab .table_content table tbody tr td a.add { font-weight: 700; } .directory_update_container .left-col .content .tabs-content .first_tab .note { background-color: #f5f5f5; padding: 10px; margin-top: 40px; float: left; width: 100%; } .directory_update_container .left-col .content .tabs-content .first_tab .note p.red { color: #bb1a1a; } .directory_update_container .left-col .content .tabs-content .second_tab .box, .directory_update_container .left-col .content .tabs-content .third_tab .box { background-color: #f5f5f5; padding: 0; margin: 0 0 20px 0px; } .directory_update_container .left-col .content .tabs-content .second_tab .box h4, .directory_update_container .left-col .content .tabs-content .third_tab .box h4 { font-size: 16px; padding-left: 10px; margin-bottom: 20px; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section { padding-left: 10px; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label { margin-bottom: 10px; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label input[type="text"].textfield, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label input[type="text"].textfield { width: 100%; padding-top: 5px; margin-bottom: 5px; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.half_textfield, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.half_textfield { width: 49%; display: inline-block; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.select_dropdown, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.select_dropdown { width: 48%; display: inline-block; padding-left: 20px; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.select_dropdown .chosen-container, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.select_dropdown .chosen-container { width: 100% !important; display: inline-block; border-bottom: 1px solid #c4daee; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.select_dropdown .chosen-container .chosen-search, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.select_dropdown .chosen-container .chosen-search { left: 0px; right: 0px; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.select_dropdown .chosen-container .chosen-search input[type="text"], .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.select_dropdown .chosen-container .chosen-search input[type="text"] { background-color: #ffffff; border: 1px solid #b5b5b5; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.select_dropdown .chosen-container .chosen-single, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.select_dropdown .chosen-container .chosen-single { background-color: transparent; color: #b5b5b5; line-height: 1.2; padding-left: 0px; height: auto; font-weight: 400; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.state, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.state { padding-left: 0px; width: 49%; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.zip, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.zip { width: 48%; padding-left: 20px; } .directory_update_container .left-col .content .tabs-content .second_tab .box.contact_info .right-section input[type="text"].textfield, .directory_update_container .left-col .content .tabs-content .third_tab .box.contact_info .right-section input[type="text"].textfield { width: 100%; } .directory_update_container .left-col .content .tabs-content .second_tab .box.contact_info .right-section label .checker, .directory_update_container .left-col .content .tabs-content .third_tab .box.contact_info .right-section label .checker { margin-left: 10px; margin-top: -4px; } .directory_update_container .left-col .content .tabs-content .second_tab .box.species_info label, .directory_update_container .left-col .content .tabs-content .third_tab .box.species_info label { margin-bottom: 25px; } .directory_update_container .left-col .content .tabs-content .second_tab .box.service_info .right-section .table_content, .directory_update_container .left-col .content .tabs-content .third_tab .box.service_info .right-section .table_content { overflow-x: auto; } .directory_update_container .left-col .content .tabs-content .second_tab .box.service_info .right-section .table_content table, .directory_update_container .left-col .content .tabs-content .third_tab .box.service_info .right-section .table_content table { margin-top: 0px; } .directory_update_container .left-col .content .tabs-content .second_tab .box.service_info .right-section .table_content table thead tr, .directory_update_container .left-col .content .tabs-content .third_tab .box.service_info .right-section .table_content table thead tr { background: transparent; text-align: center; } .directory_update_container .left-col .content .tabs-content .second_tab .box.service_info .right-section .table_content table thead tr th, .directory_update_container .left-col .content .tabs-content .third_tab .box.service_info .right-section .table_content table thead tr th { color: #646464; font-weight: 400; text-align: center; } .directory_update_container .left-col .content .tabs-content .second_tab .box.service_info .right-section .table_content table tbody tr, .directory_update_container .left-col .content .tabs-content .third_tab .box.service_info .right-section .table_content table tbody tr { text-align: center; border: 0px; } .directory_update_container .left-col .content .tabs-content .second_tab .box.service_info .right-section .table_content table tbody tr:hover, .directory_update_container .left-col .content .tabs-content .third_tab .box.service_info .right-section .table_content table tbody tr:hover { background: none; border-bottom: 0px; } .directory_update_container .left-col .content .tabs-content .second_tab .box.service_info .right-section .table_content table tbody tr td, .directory_update_container .left-col .content .tabs-content .third_tab .box.service_info .right-section .table_content table tbody tr td { text-align: center; } .directory_update_container .left-col .content .tabs-content .second_tab .box.service_info .right-section .table_content table tbody tr td p, .directory_update_container .left-col .content .tabs-content .third_tab .box.service_info .right-section .table_content table tbody tr td p { color: #4188c9; font-weight: 700; } .directory_update_container .left-col .content .tabs-content .second_tab .btn_green, .directory_update_container .left-col .content .tabs-content .third_tab .btn_green { margin-right: 10px; } .directory_update_container .left-col .content .tabs-content .second_tab .fa-spin, .directory_update_container .left-col .content .tabs-content .third_tab .fa-spin { animation: fa-spin 1s infinite linear; color: #4188c9; } .directory_update_container .left-col .content .tabs-content .second_tab input[type="reset"], .directory_update_container .left-col .content .tabs-content .third_tab input[type="reset"] { background-color: transparent; border: 0px; font-size: 14px; color: #646464; margin-left: 20px; cursor: pointer; } .directory_update_container .left-col .content .tabs-content .fourth_tab .box { background-color: #f5f5f5; padding: 0; margin: 0 0 20px 0px; } .directory_update_container .left-col .content .tabs-content .fourth_tab .box h4 { font-size: 16px; padding-left: 10px; margin-bottom: 20px; } .directory_update_container .left-col .content .tabs-content .fourth_tab .box .right-section label { margin-bottom: 10px; display: block; } .directory_update_container .left-col .content .tabs-content .fourth_tab .box .right-section label input[type="text"].textfield { width: 50%; padding-top: 5px; margin-bottom: 5px; display: block; } .directory_update_container .left-col .content .tabs-content .fourth_tab .box .right-section label input[type="password"] { background: transparent; display: block; width: 50%; box-shadow: none; height: auto; line-height: 1.2; padding-top: 5px; margin-bottom: 5px; border: none; padding-left: 0px; padding-bottom: 0px; border-bottom: 1px solid #c4daee; } .directory_update_container .left-col .content .tabs-content .fourth_tab .box .right-section label.user_blue input[type="text"] { color: #4188c9; } .directory_update_container .left-col .content .tabs-content .fourth_tab .box .right-section label p { color: #4188c9; } .directory_update_container .left-col .content .tabs-content .fourth_tab .box .right-section label label { color: #b5b5b5; } .directory_update_container .left-col .content .tabs-content .fourth_tab input[type="reset"] { background-color: transparent; border: 0px; font-size: 14px; color: #646464; margin-left: 20px; cursor: pointer; } .directory_update_container .left-col .content .tabs-content .second_tab h3,.directory_update_container .left-col .content .tabs-content .third_tab h3,.directory_update_container .left-col .content .tabs-content .fourth_tab h3{margin-bottom:20px} .directory_update_container .left-col .content .tabs-content .fifth_tab .table_content table tbody tr td { text-align: center; } /********* Directory update page CSS End **********/ /********** Membership Information Edit Page CSS start ***********/ .members_info_container .left-col .heading { padding: 10px 0px; border-bottom: 2px solid #e0ebf6; margin-bottom: 25px; } .members_info_container .left-col .heading h2 { display: inline-block; font-size: 22px; } .members_info_container .left-col .heading a { padding: 6px 10px; background-color: #4188c9; color: #ffffff; display: inline-block; float: right; border-radius: 5px; margin-top: 5px; } .members_info_container .left-col .box { background-color: #f5f5f5; padding: 15px 10px; border-radius: 3px; } .members_info_container .left-col .box label input[type="text"].textfield { display: block; padding-top: 5px; margin-bottom: 10px; } .members_info_container .left-col .box label input[type="email"] { background: transparent; display: block; width: 50%; box-shadow: none; height: auto; line-height: 1.2; padding: 0; border: none; border-bottom: 1px solid #c4daee; } .members_info_container .left-col .box label textarea { display: block; width: 100%; min-height: 80px; /* vertical-align: top; */ border: 0px; margin-bottom: 20px; background-color: #ffffff; } .members_info_container .left-col .box input[type="reset"] { background-color: transparent; border: 0px; font-size: 14px; color: #646464; margin-left: 20px; cursor: pointer; } .members_info_container .left-col .set_password { margin-top: 5px; background-color: #f5f5f5; padding: 10px; } .members_info_container .left-col .set_password label input[type="text"] { display: block; } .members_info_container .left-col .set_password label p { color: #4188c9; margin: 5px 0px 10px; } .members_info_container .left-col .set_password label input[type="password"] { background: transparent; display: block; width: 50%; box-shadow: none; height: auto; line-height: 1.2; padding-top: 5px; margin-bottom: 5px; border: none; padding-left: 0px; padding-bottom: 0px; border-bottom: 1px solid #c4daee; } .members_info_container .left-col .set_password .btn_green { margin-top: 15px; } .members_info_container .left-col .table_content table tbody tr td { text-align: center; } /********** Membership Information Edit Page CSS End ***********/ /********** Membership Directory Page CSS Start ***********/ .membership_directory_container .left-content .heading { padding: 10px 0px; border-bottom: 2px solid #e0ebf6; margin-bottom: 25px; } .membership_directory_container .left-content .heading h2 { display: block; font-size: 22px; } .membership_directory_container .left-content .content p span { font-size: 15px; color: #4188c9; } .membership_directory_container .left-content .content .search-box { display: table; width: 100%; } .membership_directory_container .left-content .content .search-box .columns { padding: 0px 5px; background-color: #f5f5f5; border-right: 2px solid white; float: none; display: table-cell; } .membership_directory_container .left-content .content .search-box .advance-opt-sec .columns { border-right: 0; } .membership_directory_container .left-content .content .search-box .box { background-color: #f5f5f5; padding: 10px; } .membership_directory_container .left-content .content .search-box .box h5 { color: #4188c9; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box h5 i { font-size: 14px; padding-right: 10px; } .membership_directory_container .left-content .content .search-box .box .form { position: relative; padding-bottom: 10px; } .membership_directory_container .left-content .content .search-box .box .form input[type="text"] { width: 100%; font-size: 14px; display: block; padding-top: 5px; margin-bottom: 10px; padding-bottom: 5px; } .membership_directory_container .left-content .content .search-box .box .form ::-webkit-input-placeholder { color: #646464; line-height: normal; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box .form :-moz-placeholder { /* Firefox 18- */ color: #646464; line-height: normal; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box .form ::-moz-placeholder { /* Firefox 19+ */ color: #646464; line-height: normal; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box .form :-ms-input-placeholder { color: #646464; line-height: normal; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box .form button { padding: 3px; border-radius: 3px; background-color: #98cc5d; position: absolute; right: 0; top: -2px; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box form { position: relative; padding-bottom: 10px; } .membership_directory_container .left-content .content .search-box .box form input[type="text"] { width: 100%; font-size: 14px; display: block; padding-top: 5px; margin-bottom: 10px; padding-bottom: 5px; } .membership_directory_container .left-content .content .search-box .box form ::-webkit-input-placeholder { color: #646464; line-height: normal; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box form :-moz-placeholder { /* Firefox 18- */ color: #646464; line-height: normal; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box form ::-moz-placeholder { /* Firefox 19+ */ color: #646464; line-height: normal; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box form :-ms-input-placeholder { color: #646464; line-height: normal; font-size: 14px; } .membership_directory_container .left-content .content .search-box .box form button { padding: 3px; border-radius: 3px; background-color: #98cc5d; position: absolute; right: 0; top: -2px; font-size: 14px; } .membership_directory_container .left-content .content .option-box { background-color: #f5f5f5; border-right: 2px solid white; margin-top: 4px; clear: both; } .membership_directory_container .left-content .content .option-box a { display: inline-block; color: #4188c9; font-size: 14px; padding: 10px; margin: 0px; font-weight: 400; } .membership_directory_container .left-content .content .option-box a i { padding-right: 5px; } .membership_directory_container .left-content .content .service-table { margin-top: 30px; } .membership_directory_container .left-content .content .service-table .blue-head { background: #4188c9; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 10px; } .membership_directory_container .left-content .content .service-table .blue-head p { display: inline-block; margin: 0px; padding: 5px; background-color: #ffffff; border-radius: 5px; } .membership_directory_container .left-content .content .service-table .blue-head p.extra { padding: 8px 8px 7px; margin-left: 10px; } .membership_directory_container .left-content .content .service-table .blue-head a { color: #646464; display: inline-block; font-weight: 400; } .membership_directory_container .left-content .content .service-table .blue-head a i { color: #4188c9; padding-right: 10px; } .membership_directory_container .left-content .content .service-table .blue-head label { display: inline-block; } .membership_directory_container .left-content .content .service-table .blue-head input[type="reset"] { background-color: transparent; border: 0px; float: right; font-size: 14px; color: #ffffff; cursor: pointer; padding-top: 8px; } .membership_directory_container .left-content .content .service-table .table_content { overflow-x: auto; } .membership_directory_container .left-content .content .service-table .table_content table { margin-top: 0px; } .membership_directory_container .left-content .content .service-table .table_content table tbody tr td { vertical-align: top; } .membership_directory_container .left-content .content .service-table .table_content table tbody tr td h6 span { font-size: 12px; } .membership_directory_container .left-content .content .service-table .table_content table tbody tr td a { display: block; padding-top: 10px; } .membership_directory_container .left-content .content .service-table .table_content table tbody tr td .address { margin-top: 10px; } .membership_directory_container .left-content .content .service-table .table_content table tbody tr td span.blue { color: #4188c9; font-weight: 700; } .membership_directory_container .left-content .content .service-table .table_content table tbody tr:hover { background-color: #e6f3fe; border-bottom: 2px solid white; } .membership_directory_container .left-content .content .directories .heading { margin-bottom: 0px; } .membership_directory_container .left-content .content .directories .sec { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #c4daee; } .membership_directory_container .left-content .content .directories h5 { font-size: 16px; color: #4188c9; margin-bottom: 15px; } .membership_directory_container .left-content .content .directories p.period { margin-top: 15px; } .membership_directory_container .left-content .content .directories p.period span { font-size: 12px; font-weight: 700; color: #646464; display: block; } /********** Membership Directory Page CSS End ***********/ @media (max-width: 1060px) { .country_profile_container .left-col .content .tab-section .tabs .tab-title { width: 49%; border-radius: 5px; margin: 2px; } } @media (max-width: 992px) { .directory_update_container .left-col .content .tabs-content .first_tab .table_content { overflow-x: auto; } footer { padding: 0px 10px; } } @media (max-width: 992px) and (min-width: 768px) { .top-section .main-logo { padding: 15px 10px 0px; } /* .top-section .right-section { padding-top: 69px; } */ .top-section .right-section ul li { padding: 0px 3px; } .top-section .right-section ul li a { font-size: 13px; } .inner_page .middle-img .middle-section h1 { font-size: 21px; } .head-divider .content { padding: 25px 10px; } .head-divider .content p { font-size: 14px; } .head-divider .nav-outer .top-bar { margin: -22px 10px 0px; } .head-divider .nav-outer .top-bar .top-bar-section ul li a { padding: 0px 5px; } .head-divider .nav-outer .top-bar .top-bar-section.member-top-bar ul li a { font-size: 11px; } .inner_banner img { margin-top: 0px; } .services { margin-top: -85px; } .services .member { margin-top: -35px; } .news-section .left-col-img { padding-right: 15px; } .directory_update_container .left-col .content .tab-section .tabs .tab-title a { margin: 15px 10px; } .directory_update_container .left-col .content .tab-section .tabs .tab-title a:after { padding-left: 15px; } } @media (max-width: 784px) and (min-width: 768px) {.banner-outer img { margin-top: -40px !important; }} @media (max-width: 720px) { .modaler{ width:90%; } .modaler .modal{ width:90%; } } @media (max-width: 767px) { .emailencry {height: 15px;} .banner-outer .topic { position: static; padding-top: 15px; } .banner-outer .topic h2 { display: block; font-size: 14px; text-align: right; cursor: pointer; padding-right: 15px; } .banner-outer .topic h2.close:after { content: "\f055"; font-family: FontAwesome; display: inline-block; width: 20px; height: 20px; } .banner-outer .topic h2:after { content: "\f056"; font-family: FontAwesome; display: inline-block; width: 20px; height: 20px; } .banner-outer .topic .breadcrumbs { display: none; padding: 0px; background-color: #4188c9; border-radius: 0px; } .banner-outer .topic .breadcrumbs li { float: none; text-align: left; } .banner-outer .topic .breadcrumbs li a { color: #ffffff; display: block; width: 100%; padding: 5px 10px; } .banner-outer .topic .breadcrumbs li a:hover { color: #98cc5d; } .banner-outer .topic .breadcrumbs li:before { display: none; } .banner-outer img { margin-top: 40px !important; } .no-mob-pad { padding: 0px !important; } .top-section .mob_label { display: block; background-color: #4188c9; margin: 0px; color: #fff; padding: 5px 0px 10px; } .top-section .mob_label.member_label { background-color: #5d3085; } .top-section .middle-img { display: none; } /* .top-section .right-section { padding-top: 55px; } */ .top-section .right-section ul li { display: block; } .head-divider { padding: 10px 0px 0px; height: auto; } .head-divider .nav-outer .top-bar { border-radius: 0px; margin-top: -3px; width: 100%; } .head-divider .nav-outer .top-bar .title-area { background-color: #ffffff; } .head-divider .nav-outer .top-bar .toggle-topbar.menu-icon a { color: #4188c9; } .head-divider .nav-outer .top-bar .toggle-topbar.menu-icon a span:after { box-shadow: 0 0 0 1px #4188c9, 0 7px 0 1px #4188c9, 0 14px 0 1px #4188c9; } .head-divider .nav-outer .top-bar .top-bar-section ul li a { background-color: #4188c9; color: #ffffff; } .head-divider .nav-outer .top-bar .search { width: 100%;} .head-divider .nav-outer .top-bar .search input { width: 100%; } .head-divider .content { padding: 5px 0px 0px; } .head-divider .content p { text-align: center; margin: 5px 0px; } .head-divider .content .social { padding-bottom: 15px; } .services { margin-top: -35px; } /* .services .member { margin-top: -15px; } */ .intro p { max-width: 100%; } .slider-outer .owl-theme .item:after, .slider-outer .owl-theme .item:before { display: none; } .members-outer .members-section .set-one .members, .members-outer .members-section .set-two .members { display: block; padding: 15px 0px; } .members-outer .show-more p { max-width: 90%; } .news-section { padding: 30px 10px 0px; } .news-section .left-col-img { text-align: left; } footer .footer-bg .right-section { text-align: left; padding-left: 0px; } /************ Supplier page CSS Start ************/ .supplier-container .right-col .sponsors-list a { display: block; } /************ Supplier page CSS end *************/ /************ Members Tool page css Start ********/ .members_tool_container .left-col .kit ul.one_line li { float: none; } .members_tool_container .left-col .kit ul.one_line li.middle { margin: 0px; } /************ Members Tool page css End ********/ /********** Directory Update CSS start *********/ .directory_update_container .left-col .content .tab-section .tabs .tab-title { width: 100%; text-align: left; } .directory_update_container .left-col .content .tab-section .tabs .tab-title:before { display: none; } .directory_update_container .left-col .content .tab-section .tabs .tab-title a:after { display: none; } /********** Directory Update CSS End *********/ .members_info_container .left-col .heading h2 { font-size: 20px; } /********** Membership directory page css start *********/ .membership_directory_container .left-content .content .search-box .columns { display: block; border-right: 0px; border-top: 3px solid white; } /********** Membership directory page css end *********/ } @media (max-width: 480px) { .country_profile_container .left-col .heading a { width: 100%; text-align: center; } .country_profile_container .left-col .content .tab-section .tabs .tab-title { width: 100%; } .directory_update_container .left-col .heading a, .members_info_container .left-col .heading a { width: 100%; text-align: center; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.half_textfield, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.half_textfield, .members_info_container .left-col .content .tabs-content .second_tab .box .right-section label.half_textfield, .members_info_container .left-col .content .tabs-content .third_tab .box .right-section label.half_textfield { width: 100%; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.select_dropdown, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.select_dropdown, .members_info_container .left-col .content .tabs-content .second_tab .box .right-section label.select_dropdown, .members_info_container .left-col .content .tabs-content .third_tab .box .right-section label.select_dropdown { width: 100%; padding-left: 0px; } .directory_update_container .left-col .content .tabs-content .second_tab .box .right-section label.zip, .directory_update_container .left-col .content .tabs-content .third_tab .box .right-section label.zip, .members_info_container .left-col .content .tabs-content .second_tab .box .right-section label.zip, .members_info_container .left-col .content .tabs-content .third_tab .box .right-section label.zip { padding-left: 0px; } .membership_directory_container .left-content .content .service-table .blue-head input[type="reset"] { float: none; } .membership_directory_container .left-content .content .service-table .blue-head p { display: block; } .membership_directory_container .left-content .content .service-table .blue-head p.extra { margin-left: 0px; margin-top: 10px; } .inner_content #searchable-directory button.btn_print_search{ width: 15% !important; } .inner_page .inner_content .heading{ margin-top: 35px !important; } #add_job_board div.box {margin:0px 10px !important;} } @media (max-width: 400px) { /* .top-section .right-section { padding-top: 25px; } */ .top-section .right-section ul li a { font-size: 14px; } } table.data-table { width: 100%; border-collapse: collapse; border: 0; margin: 20px 0; background: #f5f5f5; float: left;} table.data-table table { width: 100%; border-collapse: collapse; border: 0; margin: 20px 0; background: #f5f5f5; float: left; } table.data-table table tbody tr { border-bottom: 0; } table.data-table table tbody tr:hover { border-bottom: 0; } table.data-table .inside-table { background: #fff; /* tr{ background: #fff; } tr:hover{ background: #fff!important ; } */ } table.data-table .inside-table table { background: #fff; } table.data-table tbody tr { border-bottom: 2px solid #fff; } table.data-table tbody tr:hover { background: #fff; border-bottom: 2px solid #f5f5f5; } table.data-table tbody tr td { color: #646464; } table.data-table tbody tr td span { /*display: block;*/ } table.data-table thead tr { background: #4188c9; } table.data-table thead tr th { color: #ffffff; } table.data-table tr.even, table.data-table tr.alt, table.data-table tr:nth-of-type(2n) { background: transparent; } table.data-table.table_white { background: #fff; } table.data-table.table_white .head_row { background: #f5f5f5; } table.data-table.table_white tr { border-color: #f5f5f5; } .membership_directory_container .left-content .content .service-table .table_content table tbody tr td table tbody tr:hover { border-bottom: 0; } .membership_directory_container .left-content .content .service-table .table_content table tbody tr:hover td table tbody tr { background-color: #e6f3fe; } .membership_directory_container .left-content .content .service-table .table_content table tbody .inside-table tr td a { padding-top: 0; } .red { color: #e00b0b; } .blue { color: #4188c9; } .mtop_40 { margin-top: 40px; } .ptop_20 { padding-top: 20px; } .mbtm_none { margin-bottom: 0; } .link_black { color: #838383; } .text_bold { font-size: 12px; font-weight: bold; color: #646464; } .btn_green { background: #98cc5d; border-radius: 5px; padding: 5px 20px;} .btn_green:hover { background: #98cc5d; } .btn_green_cert { background: #98cc5d; border-radius: 5px; padding: 5px 20px; height: 54px; display: inline-block; vertical-align: top;} .actions_panel { margin: 15px 0; } .terms_conditions { background: #f5f5f5; border: 1px solid #4188c9; padding: 0.875rem 1.5rem 0.875rem 0.875rem; height: 250px; overflow-y: auto; } input[type="text"].textfield, input[type="password"].textfield { background: transparent; display: inline-block; width: 50%; box-shadow: none; height: auto; line-height: 1.2; padding: 0; border: none; border-bottom: 1px solid #c4daee; } input[type="text"].textfield::-webkit-input-placeholder, input[type="password"].textfield::-webkit-input-placeholder { color: #b5b5b5; } input[type="text"].textfield:-moz-placeholder, input[type="password"].textfield:-moz-placeholder { /* Firefox 18- */ color: #b5b5b5; } input[type="text"].textfield::-moz-placeholder, input[type="password"].textfield::-moz-placeholder { /* Firefox 19+ */ color: #b5b5b5; } input[type="text"].textfield:-ms-input-placeholder, input[type="password"].textfield:-ms-input-placeholder { color: #b5b5b5; } input[type="text"].email { width: 85%; } textarea { background: #f5f5f5; resize: none; border: none; box-shadow: none; border-radius: 5px; height: 100px; margin: 0; } .divider { height: 1px; margin: 20px 0; background: #c4daee; } .optionradio { display: inline-block; margin: 0 40px 5px 0; } .optionradio div.radio { margin-right: 5px; } .alert-box.info { background: #e6f3fe; border-color: #e6f3fe; } .fa.fa-exclamation { border: 1px solid #4188c9; border-radius: 50%; font-size: 8px; height: 12px; margin-right: 10px; text-align: center; vertical-align: middle; width: 12px; color: #4188c9; padding: 2px 0 0; display: inline-block; } .border_btm_none { border-bottom: 0 !important; } input[type="radio"] { margin: 0; } .ico_sprite { background: url("../images/ico_sprite.png") no-repeat; } div.radio span, div.checker span { background: url("../images/ico_sprite.png") no-repeat; } /*div.radio { margin: -3px 20px 0 0; }*/ div.radio { margin: -3px 7px 0 29px; } div.radio span { background-position: 0 0; } div.radio span.checked { background-position: 0 -23px !important; } div.checker span { background-position: 0 -46px !important; } div.checker span.checked { background-position: 0 -69px !important; } .chosen-container .chosen-single { font-size: 14px; background: #fff none repeat scroll 0 0; border: medium none; box-shadow: none; } .chosen-container .chosen-single div b::before { content: '\f0d7'; font-family: "FontAwesome"; color: #4188c9; font-size: 18px; } .chosen-container.chosen-with-drop .chosen-single { background: #fff none repeat scroll 0 0; border: medium none; box-shadow: none; } .chosen-container.chosen-with-drop .chosen-drop { border: none; } .chosen-container.chosen-with-drop .chosen-drop .chosen-results li { font-size: 14px; } .pad_tb_one { padding-top: 1px; padding-bottom: 1px; } .bold { font-weight: 700; } ul.colored_bullet > li { padding-left: 15px; position: relative; } ul.colored_bullet > li::before { content: '\25A0'; position: absolute; max-width: 0; max-height: 0; left: 0; top: -2px; color: #4188c9; font-size: 13px; } ul.colored_bullet > li ul.square { list-style-type: square; } /* rightcol css starts */ .ico_rightcol { background: url("../images/ico_rightcol.png") no-repeat; height: 44px; width: 44px; display: inline-block; float: left; margin: 0 20px 20px 0; } .ico_rightcol.clock { background-position: 0 0; } .ico_rightcol.weather { background-position: 0 -49px; } .ico_rightcol.phone { background-position: 0 -98px; } .ico_rightcol.dollar { background-position: 0 -147px; } .ico_rightcol.desktop { background-position: 0 -195px; } .ico_rightcol.mobile { background-position: 0 -244px; } .ico_rightcol.airlines { background-position: 0 -293px; } .ico_rightcol.aeroplane { background-position: 0 -342px; } .ico_rightcol.location { background-position: 0 -391px; } .ico_rightcol.globe { background-position: 0 -440px; } .ico_rightcol.registry { background-position: 0 -490px; } .clear_both { clear: both; } .mleft_30 { margin-left: 30px !important; } .quicklinks { clear: both; float: left; margin: 10px 0 20px; width: 100%; } .quicklinks ul li { margin: 5px 0 15px; width: 100%; display: inline-block; position: relative; } .quicklinks ul li a { left: 30px; line-height: 1; margin-top: -7px; padding-left: 14px; position: absolute; top: 50%; } .quicklinks .ico_quicklinks { margin: 0; vertical-align: middle; height: 32px; width: 32px; margin-right: 10px; } .quicklinks .ico_quicklinks.members { background-position: 0 -539px; } .quicklinks .ico_quicklinks.directory { background-position: 0 -577px; } .quicklinks .ico_quicklinks.index { background-position: 0 -615px; } .quicklinks .ico_quicklinks.staff { background-position: 0 -651px; } .quicklinks .ico_quicklinks.login { background-position: 0 -687px; display: table-cell; } .ipata_officials { clear: both; overflow: hidden; } .ipata_officials .accordion .accordion-navigation, .ipata_officials .accordion dd { margin: 3px 0; } .ipata_officials .accordion .accordion-navigation > a, .ipata_officials .accordion dd > a { background: #f5f5f5; color: #4188c9; font-weight: 400; padding: 5px 0; position: relative; font-size: 14px; } .ipata_officials .accordion .accordion-navigation > a::after, .ipata_officials .accordion dd > a::after { content: "\f0d7"; font-family: fontawesome; position: absolute; right: 5px; font-size: 18px; bottom: 2%; } .ipata_officials .accordion .accordion-navigation.active > a::after, .ipata_officials .accordion dd.active > a::after { transform: rotate(180deg); } .ipata_officials .accordion .accordion-navigation > .content, .ipata_officials .accordion dd > .content { padding: 0 0 0.625rem; } .ipata_officials .accordion .accordion-navigation > .content h6, .ipata_officials .accordion dd > .content h6 { font-weight: 700; font-size: 13px; margin: 6px 0 3px; } .ipata_officials .accordion .accordion-navigation > .content ul, .ipata_officials .accordion dd > .content ul { margin-left: 0; } .ipata_officials .accordion .accordion-navigation > .content ul li, .ipata_officials .accordion dd > .content ul li { line-height: 1.2; } .rightcol .show-more p { width: 100%; } /* rightcol css ends */ .inner_page .middle-section h1 { position: relative; z-index: 1; font-size: 35px; } .inner_page .middle-section img { position: absolute; top: 0; left: 0; right: 0; } .inner_page .inner_content { margin-top: 50px; } /* members branch office application css starts */ .section_grey { background: #f5f5f5; border-radius: 5px; padding-top: 10px !important; padding-bottom: 10px !important; } .section_grey p { margin-bottom: 1rem; } .section_grey label { font-size: 13px; } .section_grey label input[type="text"].textfield { display: block; } .section_grey label.select_dropdown { width: 100%; padding-left: 0; margin-bottom: 16px; } .section_definition ul li { margin-bottom: 10px; } .definition { margin: 0 0 0 16px; } .definition li { font-size: 12px; } .steps { margin: 15px 0 35px; } .steps li { display: inline-block; padding: 0 18px; margin: 0 auto; position: relative; } .steps li.active .step { background: #4188c9; color: #fff; border: 1px solid #4188c9; } .steps li:first-child .step::before { display: none; } .steps li .step { background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 50%; color: #646464; display: inline-block; float: left; font-weight: 700; height: 35px; line-height: 2.3; text-align: center; vertical-align: middle; width: 35px; position: relative; } .steps li .step::before { content: ""; height: 3px; margin-top: -1.5px; position: absolute; right: 103%; top: 50%; width: 40px; background: #f5f5f5; } .steps li .title { display: inline-block; font-size: 12px; left: 0; position: absolute; right: 0; text-align: center; top: 100%; } .panel h4 { color: #646464; } .panel input[type="text"].textfield { width: 100%; } .buttonpane { margin-top: 10px; } /* members office branch application css ends */ /* members info page css starts */ .members_info .fa.fa-download { margin: 0 3px 0 10px; } .members_info .section_grey { margin-bottom: 20px; } .members_info ul.colored_bullet li { margin-bottom: 10px; } /* members info page css ends */ /* membership staff contact us page css starts */ .section_top { clear: both; overflow: hidden; margin-bottom: 40px; } .section_top img { float: left; margin-right: 15px; } .section_top .general_details { float: left; } .staff_contact .section_grey { margin-bottom: 20px; } .add_holiday_modal .column{ text-align: right; } /* membership staff contact us page css ends */ @media only screen and (max-width: 1024px) { .ico_rightcol { margin: 0 10px 10px 0; } .quicklinks .ico_quicklinks { margin: 0; } } @media only screen and (max-width: 767px) { input[type="text"].textfield { width: 100%; } .inner_page .inner_content { margin-top: 10px; } .steps li { padding: 0 10px; } .steps li .step { width: 19px; height: 19px; line-height: 1.5; font-size: 12px; } .steps li .step::before { width: 24px; right: 105%; } .steps li .title { font-size: 11px; } .add_holiday_modal .column{ text-align: left; } } @media only screen and (max-width: 750px) { .service-table .small-5{ width: 31%; } [class*="column"] + [class*="column"]:last-child { float: left; }} .mar-bot-20 { margin-bottom: 20px; } .mar-top-20 { margin-top: 20px !important; } .mar-top-12 { margin-top: 12px !important; } .mar-top-40 { margin-top: 40px; } .pad-0 { padding-left: 0; padding-right: 0; } .pad-left-10 { padding-left: 10px; } .inline-block { display: inline-block; } .list-blue { color: #4188c9; list-style: square; } .list-blue li { margin-bottom: 20px; } .link { font-size: 16px; } .link-normal { background: none !important; color: #4188c9 !important; } .link-normal:hover { text-decoration: underline; } .disp-block { display: block !important; } .red-note { font-size: 12px; } .black { color: #000; } .left-img { text-align: center; } .left-img img { border: 1px solid #ddd; padding: 5px; } .search-box .btn-reset { background: none; border: 0 none; cursor: pointer; font-size: 14px; margin: 20px 15px 10px; padding: 0; color: #000; } .field-set .link { background: none; border: 0 none; color: #646464; cursor: pointer; font-size: 14px; margin: 20px 15px 10px; padding: 0; } .field-set .button:hover { background: #98cc5d; } .forgot-password-box { clear: both; display: none; } button:focus { outline: 0; } button.btn-reset:hover, button.btn-reset:focus, .button.btn-reset:hover, .button.btn-reset:focus { background: none; color: #646464; } button.btn_green:focus , button.btn_green:hover{ outline: 0; background-color: #646464; } div.checker { margin-top: -3px; } .border-none { border: none !important; } .search-box { background: #f5f5f5; border-radius: 4px; width: 100%; float: left; } .search-box ::-webkit-input-placeholder { font-size: 20px; color: #646464; } .search-box ::-moz-placeholder { font-size: 20px; color: #646464; } .search-box :-ms-input-placeholder { font-size: 20px; color: #646464; } .search-box input:-moz-placeholder { font-size: 20px; color: #646464; } .search-box .pet ::-webkit-input-placeholder { font-size: 13px; color: #646464; } .search-box .pet ::-moz-placeholder { font-size: 13px; color: #646464; } .search-box .pet :-ms-input-placeholder { font-size: 13px; color: #646464; } .search-box .pet input:-moz-placeholder { font-size: 13px; color: #646464; } .search-box .inner-box { padding: 20px 20px 10px; } .search-box h2 { margin-bottom: 20px; } .search-box h2 .fa-search { margin-right: 10px; } .search-box .search-field { border-bottom: 2px solid #c4daee; margin-bottom: 40px; } .search-box .search-field .search-input { background: none; border: none; box-shadow: none; margin-bottom: 0; padding: 8px 10px 8px 0; height: 42px; font-size: 14px; } .search-box .pet .search-input { padding: 8px 8px 8px 0; } .search-box .pet .search-input { height: 32px;position: relative;} .search-box .search-btn { background: #98cc5d; border-radius: 4px; color: #fff; font-size: 19px; padding: 5px 10px; margin-bottom: 0px; /*width: 20%;*/ } .search-box .search-btn-pet { background: #98cc5d; border-radius: 4px; color: #fff; font-size: 12px; padding: 5px 8px; margin-bottom: 0px;right: 0px; bottom: 1px; position: absolute; /*width: 20%;*/ } .search-box .comp-name { width: 70% !important; } .search-box .port-code { width: 63% !important; } .search-box .country-code { width: 63% !important; } .chosen-container-single .chosen-single span{ margin-right: 0; line-height: 18px;} .search-box .select-box { border-top: 2px solid #fff; /*margin-bottom: 40px;*/ clear: both; padding: 20px 20px 10px; width: 100%; } /*.search-box .select-box .select_dropdown:last-child{margin-right: 0} }*/ .search-box .inner-box .search-field #country_id_chosen, .search-box .inner-box .search-field #airport_all_chosen{ width: 63% !important; } .search-box .inner-box .search-field #country_id_chosen .chosen-single, .search-box .inner-box .search-field #airport_all_chosen .chosen-single{ background: none;border: medium none; box-shadow: none; font-size: 20px; height: 42px;margin-bottom: 0; padding: 8px 10px 8px 0;color: #646464; font-weight: unset; } .search-box .inner-box .pet #country_id_chosen .chosen-single, .search-box .inner-box .pet #airport_all_chosen .chosen-single{ color: #b5b5b5;} .search-box .inner-box .pet #country_id_chosen .chosen-single, .search-box .inner-box .pet #airport_all_chosen .chosen-single{ font-size: 13px;height: 32px;} .search-box .select-box .select_dropdown { padding-left: 0; width: 100%; } .search-box .select-box .select_dropdown .chosen-container { margin-top: 10px; } #search-petshipper .search-field i,#transporter_form .search-field i,#searchable-directory .search-field i{color: #4188c9;float: left;font-size: 14px;margin-right: 10px;padding-top: 10px;} #search-petshipper .search-field i.fa-spin,#transporter_form .search-field i.fa-spin, #searchable-directory .search-field i.fa-spin{font-size: 18px;margin-top: 5px;padding-top: 0;} #searchable-directory .search-box .chosen-container{ padding-left: 20px; line-height: 1;width: 85%; display: inline-block; border-bottom: 1px solid #c4daee; background-color: #f5f5f5; } #searchable-directory .small_form i{z-index: 2;top:4px;font-size: 16px;position:absolute;color:#4188c9} #searchable-directory .search-box .search-field{ border: none; } #searchable-directory .search-box .chosen-container a{ background-color: #f5f5f5; color: #4d4d4d; font-weight: 300; } #search-petshipper .small_form i{position:absolute;top:8px;color:#4188c9} .membership_directory_container .left-content .content .small_form.search-box .box .form input[type="text"]{padding-left:20px} .inner_content #searchable-directory button.btn_print_search{border-radius: 0px;padding: 5px 5px; margin-right: 10px; font-size: 14px;width: 5%;} .button { background: #98cc5d; border-radius: 4px; color: #fff; font-size: 19px; padding: 5px 10px; margin-bottom: 0px; } .top-section .right-section ul li a.button-header { background: #98cc5d; border-radius: 0px; color: #fff; font-size: 17px; padding: 10px 20px; margin-bottom: 5px; } .remember-me { margin: 3px 3px 0 0; } .alert-box.alert-danger { background: #f2dede; border: 1px solid #9b3634; color: #9b3634; } .section_grey { margin-bottom: 10px; } .section_grey .error { margin-top: 5px; margin-bottom: 1rem; } .section_grey .field-set .textfield { width: 100% !important; } .section_grey .field-set .button { clear: both; } .section_grey .load-more { margin-top: 18px; display: inline-block; margin-left: 10px; } .section_grey small.error { background: none; color: #f00; padding: 0; } .textfield.error { border-bottom: 1px solid #f00 !important; } .req { color: #f00; } .sm-txt { font-size: 14px; margin-top: 10px; display: inline-block; } .opt-box { clear: both; border-top: 2px solid #fff; padding: 10px 20px 10px; } .opt-box a { font-weight: normal; margin-right: 30px; font-size: 18px; outline: none; } .opt-box a .fa { margin-right: 10px; } .opt-box .chk-box { display: inline; font-size: 17px; color: #4188c9; } .opt-box .chk-box div.checker { margin-top: -5px; } .head-divider.member_only { background: #5d3085; } .top-section.member_only { border-top: 5px solid #5d3085; } .alert-box.alert.alert-success.radius { background: #dff0d8; border: 1px solid #3c763d; color: #3c763d; } .table { width: 100%; float: left; } .data-table th { /*padding:0;*/ } .data-table .table-head td { font-weight: bold;} .table_white.data-table th { padding: 0.5rem 0.625rem 0.625rem; } .table-head h3 { margin-top: 0; } .table-head ul { background: #f5f5f5; float: left; margin: 0; padding: 15px 10px; width: 100%; } .table-head li { float: left; font-size: 18px; font-weight: bold; list-style: outside none none; width: 50%; } .btn-view, .btn-close { background: #fff; border-radius: 4px; font-size: 17px; font-weight: normal; padding: 4px 20px; } .odd .btn-view, .odd .btn-close { background: #f2f2f2; } .btn-view { margin-right: 10px; } .btn-close { color: #646464; margin-right: 7px; } .valign-center { padding: 6px 0; display: inline-block; } .t-body { margin: 0; width: 100%; overflow-x: auto; } .t-body li { list-style: none; border-bottom: 1px solid #f5f5f5; float: left; width: 100%; /*&.active-even{ padding: 0; .active-head{ background: #e6f3fe; padding: 10px 10px; width: 100%; float: left; } } &.active-even:hover{ .active-head{ background:#e6f3fe; } }*/ } .t-body.airline-directory .slide-box .medium-6.columns ul li { list-style-type: disc!important; } .t-body li.odd { background: #fff; } .t-body li.even { background: #e0eefa; } .t-body li .slide-box { background: #e6f3fe; } .t-body li.active { padding: 0; } .t-body li.active .active-head { background: #c9d8e5; padding: 10px 10px; width: 100%; float: left; } .t-body li.active .slide-box { background: #e6f3fe; } .t-body li.active:hover .active-head { background: #c9d8e5; } .t-body li .active-head { float: left; padding: 10px; width: 100%; } .t-body li .active-head:hover { background: #98cc5d; } .t-body li div { vertical-align: middle; } .t-body li.liste .active-head { cursor: pointer; } .t-body li.liste p { margin-bottom: 0.3rem; } .t-body li .active-head:hover, .t-body li.active .active-head:hover { background: #98cc5d; } .table-one .data-table .divider { clear: both; } .table-one .data-table .inner-head { background: #ddd; color: #646464; font-weight: bold; } .table-one .data-table .head-blue th { padding: 10px; color: #fff; } .table-one .data-table .head-blue:hover { background: #4188c9; } .list { list-style: none; margin: 0; } .list li { margin-bottom: 20px; } .no-margin { margin: 0 !important; } .slide-box { padding: 20px 10px; clear: both; display: none; overflow: hidden; } .slide-box p { text-align: left; } .print { font-size: 20px; } .print .fa { margin-right: 10px; } .inner-footer { width: 100%; } .three-col .table-head li { width: 33.33%; } .three-col div .caps { text-transform: uppercase; } .edit_form.box label { display: block; } .set_password label { display: block; } .search-box label { display: block; } #alphabet-trigger { margin-bottom: 20px; display: inline-block; } .alphabet-sec, .alphabet-sec-country, .limit-shorting-sec{ display: none;/* width: 100%;*/ } .alphabet-sec li, .alphabet-sec-country li, .limit-shorting-sec li{ list-style: none; float: left; } .alphabet-sec li a, .alphabet-sec-country li a, .limit-shorting-sec li a{ text-align: center; background: #5ea6e8; color: #fff; margin-right: 10px; margin-bottom: 10px; padding: 0 8px; border-radius: 4px; width: 30px; display: inline-block; } .alphabet-sec li a.active, .alphabet-sec li a:hover, .alphabet-sec-country li a:hover,.alphabet-sec-country li a.active, .limit-shorting-sec li a.active, .limit-shorting-sec li a:hover{ background: #397ab5; } .limit-shorting-sec li a{ width: 235px; } .slider-box { width: 500px; margin: 50px auto 0; } .slider-box .flexslider{margin:0} .flex-viewport p { color: #4188c9; font-size: 18px; padding: 0 40px; } .flex-viewport a { color: #4188c9; font-size: 18px; font-weight: normal; } .flex-pauseplay { display: none; } .flexslider .slides li { display: inline-block; position: relative; } .flexslider .slides li:before { content: "\f10d"; display: inline-block; font-family: FontAwesome; position: absolute; left: 0px; top: 0px; font-size: 25px; color: #eeeeee; } .flexslider .slides li:after { content: "\f10e"; display: inline-block; font-family: FontAwesome; position: absolute; right: 0px; top: 0px; font-size: 25px; color: #eeeeee; } .step_pane label { margin-right: 10px; } .txt-trim { width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .table_content p { margin: 0; } .text-area { background: none; border-bottom: 1px solid #c4daee; width: 80%; height: 50px; border-radius: 0px; color: #646464; } .text-area:focus, .text-area:hover { background: none; border-bottom: 1px solid #c4daee; } textarea[type="text"]::-moz-placeholder { color: #b5b5b5; } .data-sec { background: #e6f3fe; border-color: #e6f3fe; margin-bottom: 1.25rem; padding: 0.875rem 1.5rem 0.875rem 0.875rem; width: 100%; float: left; } .sm-alphabet-sec { margin: 0; } .sm-alphabet-sec li a { margin-right: 5px; margin-bottom: 5px; padding: 0 5px; width: 23px; } .tr-head { margin: 0 0 20px 10px; } .supplier-container .airline-box a { padding-left: 0 !important; } .faq-box { background: #f5f5f5; } .faq-box ul { padding: 20px; } .faq-box li { list-style: none; margin-bottom: 20px; } .faq-box li div { cursor: pointer; } .faq-box .question { font-weight: bold; } .faq-box .answer { display: none; } .opt-box a.chosen-single { margin-right: 0px; } .advance-opt-sec { display: none; } .select_dropdown .sm-txt { font-size: 12px; margin-top: 0; } .card-info .label { width: 30%; float: left; } .card-info .checker { margin-left: 20px; } .card-info .textfield { margin-bottom: 0; } .card-info .form-row { margin-bottom: 10px; float: left; margin-bottom: 10px; width: 100%; } .card-info .field-set { width: 70%; float: left; } .card-info .select_dropdown { padding-left: 0; padding-right: 20px; } .border-dotted { border-bottom: 1px dotted #c4daee; display: none; } .multy-payment li { list-style: none; } .multy-payment .chk-box-txt { width: 90%; margin-left: 10px; } .multy-payment .address { margin-left: 30px; } .multy-payment label.edit-one, .multy-payment label.edit-two, .multy-payment label.edit-three { display: inline; visibility: hidden; } .multy-payment .edit-one, .multy-payment .edit-two { width: 50px !important; padding-left: 5px !important; padding-right: 5px !important; } .multy-payment .edit-three { width: 100px !important; padding-left: 5px !important; padding-right: 5px !important; } .search-box .select_dropdown .textfield { font-size: 20px; font-weight: normal; margin: 3px 0 0; width: 100% !important; } .search-box .select_dropdown ::-webkit-input-placeholder { font-size: 14px; } .search-box .select_dropdown ::-moz-placeholder { font-size: 14px; } .search-box .select_dropdown :-ms-input-placeholder { font-size: 14px; } .search-box .select_dropdown input:-moz-placeholder { font-size: 14px; } .group-msg-box { background: #f5f5f5; margin-top: 10px; width: 100%; border: 1px solid #ddd; padding: 10px 0; } .group-msg-box h3 { padding: 10px 20px; } .post_fullbox { width: 100%; } .post_fullbox ul { margin: 0; } .post_fullbox li { width: 100%; background: #fff none repeat scroll 0 0; border-bottom: 1px solid #ddd; cursor: pointer; display: block; float: left; list-style-type: none; overflow: hidden; padding: 10px 0; width: 100%; } .post_fullbox li:hover { background: #f5f5f5; } .post_fullbox li:first-child { border-top: 1px solid #ddd; } .post_fullbox .msg_box { color: #222; float: left; font-size: 13px; font-weight: bold; padding-left: 20px; } .post_fullbox .msg_box span { font-weight: normal; margin-left: 5px; } .post_fullbox .post_info { float: left; font-size: 13px; padding-left: 20px; } .post_fullbox .post_info .post_date { color: #888; float: left; font-size: 13px; padding-right: 10px; } .post_fullbox .btn-view { border: 1px solid #ddd; font-size: 14px; margin-right: 10px; padding: 0 10px; } .loader-box { background: #f5f5f5; clear: both; cursor: pointer; float: left; text-align: center; width: 100%; padding: 10px 0 10px; } .loader-box .load-more { display: inline-block; font-weight: bold; } .post_inside_fullbox { background: #fff none repeat scroll 0 0; border: 1px solid #bbb; display: block; float: left; margin-bottom: 20px; overflow: hidden; width: 95%; margin-left: 4%; } .post_inside_fullbox:hover { box-shadow: 0 3px 7px #ddd; } .post_inside_fullbox:first-child { margin-left: 1%; width: 98%; } .post_inside_fullbox.selected { border-left: 2px solid #4188c9; box-shadow: 0 3px 7px #ddd; } .post_inside_fullbox .post_header { border-bottom: 1px solid #ddd; cursor: pointer; display: block; font-size: 13px; margin: 10px 0 10px 10px; padding-bottom: 15px; } .post_inside_fullbox .avatar { border: 1px solid #bbb; display: inline-block; float: left; margin: 5px 10px 5px 5px; font-size: 30px; padding: 10px; } .post_inside_fullbox .post_name { display: inline-block; font-weight: bold; padding-bottom: 10px; } .post_inside_fullbox .text_msg { padding: 0 10px 10px; } .post_inside_fullbox .post_in_date { float: right; font-size: 13px; padding-right: 10px; } .post_inside_fullbox.collapse .post_header { border-bottom: 0 none; margin-bottom: 0; } .post_inside_fullbox.collapse .avatar { display: none; } .post_inside_fullbox.collapse .post_name { padding-bottom: 0; } .post_inside_fullbox.collapse .collapse_text { color: #888; font-size: 13px; margin: 0 0 0 10px; } .post_inside_fullbox.collapse .text_msg { display: none; padding: 0; } .post_container { float: left; width: 100%; margin: 0; } .attachment { display: inline-block; border-bottom: 1px dotted #646464; margin: 10px; } .head-divider .nav-outer .top-bar { overflow: inherit; } .banner-outer img { margin-top: -22px; } .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { background: #4188c9; } .has-dropdown .dropdown .has-dropdown .dropdown li { background: #4188c9 none repeat scroll 0 0 !important; color: #fff; font-weight: bold; /*padding: 0 10px;*/ } .members-directory th { text-transform: uppercase; background: #4188c9; color: #fff; } .members-directory .divider { clear: both; } .members-directory table { margin-top: 0; } .members-directory table .inner-head { color: #646464; background: #ddd; } .no-right-left-pad { padding-left: 0 !important; padding-right: 0 !important; } li.no-right-left-pad:hover { background: #fff; } /* Home entire container, keeps perspective */ .wrapper { width: 232px; height: 231px; margin: auto; position: relative; } .anim { width: 100%; height: 100%; -o-transition: all .5s; -ms-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -ms-backface-visibility: visible; position: absolute; top: 0px; left: 0px; } .front { z-index: 2; } .back { z-index: 1; /*-webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); */ color: #fff; text-align: right; } .back-circle { /*z-index: 1;*/ -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); /*color: #fff;*/ /*padding: 40px;*/ text-align: center; } .wrapper:hover .front { z-index: 1; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .wrapper:hover .back,.wrapper:hover .back-circle { z-index: 2; -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -moz-transform: rotateY(0deg); transform: rotateY(0deg); } .wrapper a { color: #fff; } .wrapper a:hover { color: #fff; } .wrapper .back, .wrapper .back-circle { font-weight: normal; font-size: 12px; line-height: 20px; } .wrapper .back span, .wrapper .back-circle span { font-weight: bold; font-size: 14px; } #message-details-box .btn-view { background: #98cc5d; } /* Home flip css end */ .print-table .page-break { background: #fff !important; } .login-box .textfield, .confirm-password-box .textfield, .forgot-password-box .textfield { margin-top: 5px; } .country_profiles_list .small-4 { /*padding: 10px 10px 0;*/ } .country_profiles_list li { padding: 10px 0px; } .country_profiles_list li:hover { background: #f6f6f6; } .country_profiles_list .btn-view { border: 1px solid #ddd; font-size: 14px; margin-right: 10px; padding: 0 10px; } /* messsage css start */ .message a { font-size: inherit; font-weight: inherit; } .post_fullbox .btn-view { color: #4188c9; } .msg_box a { color: #4188c9; } .message_list a:hover { text-decoration: none; } .post_fullbox .btn-view { color: #4188c9; } .msg_box a { color: #4188c9 !important; } .message_list a:hover { text-decoration: none; } .front a { width: 232px; height: 231px; display: block; } .top-bar-section .has-dropdown > a::after {border: none;} /* airline directory */ #airline-directory .alphabet-sec .title{margin-top:20px;font-size:18px} #airline-directory .t-body li.liste .active-head{cursor:default} /* message css end */ @media only screen and (max-width: 1024px) { /*.flip-container .back { display: none; } .flip-container .front { backface-visibility: inherit; transition: none; } .flip-container:hover .flipper, .flip-container.hover .flipper { transition: rotateY(180deg); } .flipper { transform-style: inherit; }*/ .simply-scroll{height: 75px !important} .simply-scroll .simply-scroll-list li img{width:130px} .vert li,.vert li img{width:130px !important; border-bottom: 1px solid grey; padding-bottom: 5px;} } @media only screen and (min-width: 48em) { .top-bar-section .has-dropdown > a { padding: 0 10px !important; } } @media only screen and (max-width: 450px) { .content.first_tab .tabs-heading a { width: 100%; } .top-section .right-section ul li a.button-header { padding: 5px 10px; font-size: 14px;}} @media only screen and (max-width: 320px) { .top-section .right-section ul li a.button-header { padding: 5px 5px; font-size: 12px;} } @media only screen and (max-width: 720px) { .services .columns { width: 100%; margin: 30px 0 10px; } } @media only screen and (max-width: 875px) { .head-divider .nav-outer .top-bar .search input:focus { width: 135px; font-size: 10px; } } @media only screen and (max-width: 767px) { .head-divider .nav-outer .top-bar .search input:focus { width: 100%; font-size: 12px; } .emailencry{height: 15px;} .top-bar ul.left{display: none;} .expanded ul.left{display: block;} .search-box .select-box .select_dropdown.state { margin-top: 15px; } .search-box ::-webkit-input-placeholder { font-size: 16px; } .search-box ::-moz-placeholder { font-size: 16px; } .search-box :-ms-input-placeholder { font-size: 16px; } .search-box input:-moz-placeholder { font-size: 16px; } .search-box .search-btn { font-size: 12px; margin-top: 10px; } .search-box .comp-name { width: 75% !important; } .opt-box a { margin-bottom: 10px; width: 100%; font-size: 15px; } .opt-box .chk-box { font-size: 15px; } .chk-box .search-box .search-field { margin-bottom: 20px; } .btn-view, .btn-close { display: none; } .sm-device, .site-map { display: none; } .slider-box { width: 300px; } .flexslider .flex-viewport p { font-size: 14px; } .flexslider .slides li:before { font-size: 16px; } .flexslider .slides li:after { font-size: 16px; } .flex-control-nav { bottom: -48px; } .flex-direction-nav .flex-prev { left: 40px; } } .gmail_signature { font-weight: normal; } .chosen-choices .search-field { border-bottom: medium none; } .flipper { height: 100%; } /*.back { align-items: center; display: flex; justify-content: center; }*/ .flip-container .back { padding: 45px 40px; } .flip-container .back h6 { font-size: 14px; font-weight: bold; color: #ffffff; } .flip-container .back p { color: #ffffff; font-size: 12px; } .t-body.service-providers { background: #fff none repeat scroll 0 0; border: 1px solid #dddddd; margin-bottom: 20px; padding: 4px; } .t-body.service-providersPDF { background: #fff none repeat scroll 0 0; border: 1px solid #dddddd; margin-bottom: 20px; padding: 4px; } .t-body.service-providers li { /*border-bottom: 0 none;*/ border-bottom: 1px solid #eee; } .t-body.service-providers li .active-head:hover, .t-body.service-providers li.active .active-head:hover { background: #E6F3FE; } .t-body.service-providers .btn-view, .t-body.service-providers .btn-close { background: #ffffff none repeat scroll 0 0; border: 1px solid #ddd; font-size: 14px; padding: 0 10px; } .no-pad-left-right { padding-left: 0; padding-right: 0; } table[border="0"] { border: 0 none; } footer .footer-bg .site-map ul li { line-height: 1.45; } footer .footer-bg .disclaimer { padding-top: 10px; } .min-height-230 { min-height: 230px; } footer .footer-bg .right-section .social .follow { margin-bottom: 0; } footer .footer-bg .disclaimer p { line-height: 1.25; margin-bottom: 0; } footer .footer-bg .right-section .address { margin-top: 15px; } footer .footer-bg .right-section .address p { margin-bottom: 0; line-height: 1.65; } footer .footer-bg .right-section .copytext { bottom: 0; position: absolute; right: 0; } footer .footer-bg .right-section .copytext p { margin-bottom: 0; } footer .footer-bg .right-section .social .join { margin-bottom: 10px; margin-top: 10px; } footer .footer-bg .right-section .social .follow { margin-bottom: 0; } .head-divider .nav-outer .top-bar .top-bar-section ul li a.active { color: #98cc5d; } .head-divider .nav-outer .top-bar .top-bar-section ul li a.active:hover{ color: #fff; } footer .footer-bg .right-section { padding-bottom: 20px; position: relative; } .membership_directory_container .left-content .content .service-table .table_content { overflow: inherit; } ul.t-body { clear: both; } p.pages-info { background: transparent none repeat scroll 0 0 !important; border: 1px solid; color: white; margin-top: 3px !important; } .alert-box.warning { background: #fcf8e3 none repeat scroll 0 0; border-color: #faebcc; color: #8a6d3b; } /*.sticky-head{ height:53px; top: 80px; }*/ .sticky-head-scrolled { box-shadow: 0 3px 3px #ccc; left: 0; margin: 0 auto; position: sticky; right: 0; top: 0; transition: all 0.3s ease-in-out 0s; z-index: 999; } .content > img { border: 1px solid #aaa; box-shadow: 0 0 1px 0 #999; padding: 3px; } .list_lar_data { font-size: 80%; } .select_all_alert .alert-box { margin-top: 1.25rem; } .renewal_note { color: #f81823; font-size: 80%; } .lang_radio_box { margin-right: 20px; } .lang_radio_box .radio { margin: -3px 0 0 !important; } .pad_tb_one span { display: inline-table !important; } div.radio.disabled span { background-position: 0 0 !important; opacity: 0.5 !important; } div.radio.disabled span.checked { background-position: 0 -23px !important; opacity: 0.5 !important; } div.checker.disabled, div.checker.disabled.active { opacity: 0.5 !important; } .lar_qntities ~ .chosen-container { width: 65px !important; } .tooltip { background: #333333 none repeat scroll 0 0; color: #ffffff; display: none; font-size: 0.77778rem; font-weight: normal; left: 50%; line-height: 1.3; max-width: 300px; padding: 0.66667rem; position: absolute; width: 100%; z-index: 1006; } .tooltip > .nub { border-color: transparent transparent #333333; top: -10px; } .tooltip > .nub { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent transparent #333333; border-image: none; border-style: solid; border-width: 5px; display: block; height: 0; left: 5px; pointer-events: none; position: absolute; top: -10px; width: 0; } .btn_blue { background: #31b0d5 none repeat scroll 0 0; border-radius: 5px; padding: 5px 20px; } .btn_blue:hover { background: #31B0D5 none repeat scroll 0 0; } .btn_yellow { background: #f0ad4e none repeat scroll 0 0; border-color: #eea236; border-radius: 5px; padding: 5px 20px; } .btn_yellow:hover { background: #EC971F none repeat scroll 0 0; } .error-block { background: #f2dede none repeat scroll 0 0 !important; border-color: #9b3634 !important; border-style: solid; border-width: 1px 1px 1px 3px !important; color: #9b3634 !important; } #confirmation label { display: inline-block; } .card-info .form-row { padding: 5px 10px; } .installment-details { padding: 5px 10px; } i.article-desc { color: green; } .faq-list > li { margin: 10px 0; } ul.faqs > li[id] { list-style: none; margin-bottom: 10px; } .info-box:nth-child(2n) { background: #f9f9f9 none repeat scroll 0 0; } .info-box { border-bottom: 1px solid #f1f1f1; padding: 15px 10px; } .info-box div { font-size: 13px; padding: 2px 0; } #mentors-list-info { margin-bottom: 5px; } .contact-info > span:first-child { margin: 0 3px 0px 0px; } .info-box div.help-info { font-size: 13px } .contact-info > span { margin: 0 3px; } .list-style-none { list-style: none !important; } .data-table.member-contact-listing tr:nth-child(2n) { background: #f5f5f5 none repeat scroll 0 0 !important; } .data-table.member-contact-listing td {text-align: center;} .contact-groups > span { float: left; margin: 3px 0; width: 100%; } .optional_fields { display: none !important; } .login_info label { float: left; width: 100%; } .caption { float: left; width: 25%; } .caption ~ span { float: left; width: 70%; } .caption-50 { float: left; width: 50% !important; } .chosen-container-multi .chosen-choices { border: none; background: none; padding: 0; } .chosen-container-multi .chosen-choices::before { content: '\f0d7'; font-family: "FontAwesome"; color: #4188c9; font-size: 18px; float: right; padding-right: 5px; height: 18px; margin-top: -3px; } .chosen-container-active .chosen-choices { box-shadow: none; } .chosen-container-multi .chosen-choices li.search-field input[type="text"] { color: #b5b5b5; height: 15px; } .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { background: url("../images/chosen-sprite.png") no-repeat -42px 1px; } .members_info_container .left-col .box label.select_dropdown { margin-bottom: 10px; } .edit_form .error { margin-left: 28px; } .edit_form label:not(.error .payment_methods) { float: left; padding: 0 20px; width: 50%; } .instruction { width: 100% !important; } .edit_form label input { width: 100% !important; } .edit_form label.select_dropdown { padding: 0 20px !important; margin-bottom: 1.2rem !important; } .members_info_container .left-col .box label input.textfield[type="text"] { margin-bottom: 1rem !important; } .edit_form .float-none { float: none; } .edit_form .clear-both { clear: both; } .edit_form .groups-box { margin-bottom: 20px; } #search-petshipper span[title],#searchable-directory span[title] { cursor: help; } .flex-direction-nav a { height: 20px; } .flex-direction-nav .flex-prev { top: 79px; } .flex-direction-nav .flex-next { top: 79px; } .flipper a { color: #fff; } .flipper a:hover { color: #fff; } .flipper .back { font-weight: normal; font-size: 12px; line-height: 20px; } .flipper .back span { font-weight: bold; font-size: 14px; } .notifications { left: 0; margin: auto; max-width: 100%; position: fixed; right: 0; top: 26px; width: 600px; z-index: 1003; } .upload_box.thumb { border: 2px dashed #4188c9; text-align: center; } label.error { color: #f04124 !important; } body .small label{font-size:11px} .order-note p { font-size: 85%; margin-bottom: 0.2rem; } .inside-table td { padding: 2px 5px; } .inside-table table { margin-bottom: 0 !important; } .inside-table td table tr th { padding: 0; } .inside-table td table tr th h3 { margin: 0 5px; } table a { /* These are technically the same, but use both */ overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: none; } .view td { padding: 0; } /* .show_more, .show_less { padding-top: 0 !important; } */ /*#warning-message { display: none; } @media only screen and (orientation:portrait){ .inner_page { display:none; } #warning-message { display:block; width: 300px; height: 100px; text-align: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: #f00; border-radius: 4px; color: #fff; font-size:20px; padding: 20px; } } @media only screen and (orientation:landscape){ #warning-message { display:none; } }*/ @media only screen and (max-width: 420px) { /*.data-table .checker, */ .blue-head.sticky-head { display: none; } table.profile-history-listing thead tr th, table.profile-history-listing thead tr td{font-size:0.7rem;padding:0.5625rem 0.35rem;word-break:keep-all;vertical-align:top} table.profile-history-listing tr th, table.profile-history-listing tr td{font-size:0.7rem;padding:0.5625rem 0.35rem;word-break:break-all;hyphens:manual;vertical-align:top} } @media only screen and (min-width: 48em){ .top-bar-section .menu-position ul { width: auto !important; } .alphabet-sec.left{ float: none !important; } } @media only screen and (min-width: 48em) and (max-width: 69.24em){ .top-bar-section ul { width: calc(100% - 135px) !important; } } @media only screen and (min-width: 69.25em){ .top-bar-section ul { width: 100% !important; } input#signature_vet_surgeon {width: 30%} } .site-footer-news{ padding-top: 15px; } .flexslider1 { height: 300px; } .flexslider1 li { float: left; } .flex-control-nav, .flex-direction-nav { display: none; } .inside-table h3 { border-bottom: 1px solid #4188c9; padding-bottom: 7px; } .inside-table .indent { padding-left: 30px !important; } .service-table .slide-box .check-box { float: left; margin-right: 4px; } .service-table .slide-box .content { float: left; width: 95%; } .service-table .slide-box .content h6 { margin-top: 0; } .service-table .table_content .slide-box .blue { font-weight: 700; } .view-inner-box { background: #fff; padding-top: 5px; padding-bottom: 5px; } .view-inner-box h3 { border-bottom: 1px solid #4188c9; padding-bottom: 2px; } .membership_directory_container .left-content .content .service-table .table_content .table { margin-bottom: 20px; } .flex-direction-nav a { position: inherit; } .flex-direction-nav .flex-prev { float: left; } .flex-direction-nav .flex-next { background: transparent url("../images/next-arrow.png") no-repeat right 0; float: right; } .flex-control-nav { bottom: inherit; margin: 0 8px; width: 96%; } #print-card{position:relative;margin-bottom:-70px} .searchable-label{margin-bottom:15px;} .tooltips { position: relative; display: inline-block; padding-right: 10px; } /* Tooltip text */ .tooltips .tooltiptext { visibility: hidden; width: 120px; background-color: white; color: #4188c9; text-align: center; padding: 5px 0; font-size: 11px; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } /* Show the tooltip text when you mouse over the tooltip container */ .tooltips:hover .tooltiptext { visibility: visible; } /* MEGA MENU POSITIONING STYLES –––––––––––––––––––––––––––––––––––––––––––––––––– */ .top-bar-section .has-dropdown .dropdown .has-dropdown{ position: relative !important; } .top-bar-section .megamenu ul li a{ line-height: 30px !important; font-weight: 100 !important; } .top-bar-section .has-dropdown { position: static; a { position: relative !important; } } .top-bar-section .has-dropdown.moved { position: static; > a { &:after { display: block; } } } /* DROPDOWN GENERAL STYLES –––––––––––––––––––––––––––––––––––––––––––––––––– */ .m-menu { /*min-width: 133.8% !important;*/ background: #4188c9 !important; a { display: block; opacity: .5; transition: opacity .3s ease; &:hover { opacity: 1; } } } .widget{ margin: 5px 0px; } .widget-title{ color: #fff; margin: 0px; padding: 0px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.68); padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid; } /* TOP LINKS INSIDE DROPDOWN STYLES –––––––––––––––––––––––––––––––––––––––––––––––––– */ .columns li { /* &:not(:first-child) a { border-top: 1px solid #262626; } &:not(:last-child) a { border-bottom: 1px solid #4E4E4E; } */ a { &:hover { i { right: 3px; } } } } /* BOTTOM LINKS INSIDE FIRST DROPDOWN STYLES –––––––––––––––––––––––––––––––––––––––––––––––––– */ .intro { .icon-play { position: absolute; color: rgba(0, 0, 0, 0.4); font-size: 2.5em; left: 50%; transform: translate(-50%, -50%); transition: color .3s ease; } &:hover { .icon-play { color: rgba(0, 0, 0, 0.7); } } } /* TARGET DIV INSIDE SECOND DROPDOWN STYLES –––––––––––––––––––––––––––––––––––––––––––––––––– */ .column > img { margin: 1em 0; } .info-wrap { h3 { width: 50%; padding-bottom: 5px; border-bottom: 1px solid #4E4E4E; } } .info { display: none; } .info-visible { display: block; } .dt { margin-top: 50px; text-align: center; font-size: 2em; padding: 0 20px; } .p { color: black; text-align: center; position: fixed; bottom: 0; width: 100%; } .top-bar-section ul{ text-align: left !important; } .menu-position{ position: relative !important; } .main_menu{ position: absolute; display: block; } .modal .close{ color: white !important; line-height: 19px !important; } #tooltip { text-align: center; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; font-size: 12px; border-radius: 5px; position: absolute; z-index: 100; padding: 5px; } #tooltip:after /* triangle decoration */ { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid hsla(0, 0%, 20%, 0.9); content: ''; position: absolute; left: 50%; bottom: -6px; margin-left: -6px; } #tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid hsla(0, 0%, 20%, 0.9); top: auto; bottom: -20px; } #tooltip.left:after { left: 10px; margin: 0; } #tooltip.right:after { right: 10px; left: auto; margin: 0; } .megamenu{ padding: 15px; } .dropdown .megamenu .col:nth-child(4){ border-right:none!important; } .megamenu .col { border-right: 2px ridge #5aa5ea;} .dropdown .megamenu .menu-title{ color: #fff; /*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.68);*/ margin: 0px; padding:0px; padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid; } .group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .group { display: -webkit-box; } .country-filter{ width: 50%; text-align: left; } .mentors_help_text{ word-wrap: break-word; } .mentors-list-info-custome{ line-height: 15px; } .mentors-email a{ font-size: 13px !important; } .top-bar-section .dropdown .megamenu .columns li:not(.has-form):not(.active) > a:not(.button) { background: #4188c9; font-weight: 100; padding: 0px 15px; line-height: 31px; } @media only screen and (max-width: 767px) { .head-divider .nav-outer .top-bar .search{ width: 100%; float: none !important; } .menu-position{ position: static !important; } .megamenu .col { border-right: 0px !important; } .megamenu.group{ display: block !important; } .top-bar-section .megamenu ul li a{ line-height: 30px !important; font-weight: 100 !important; } .main_menu{ position: absolute; display: none; } .country-filter{ width: 50%; text-align: left; } .alphabet-sec.left{ float: none !important; } } @media only screen and (max-width: 667px) { .alphabet-sec.left{ float: none !important; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { .top-bar.expanded .top-bar-section .has-dropdown.moved > .dropdown { clip: initial; } .top-bar.expanded .top-bar-section .dropdown { clip: initial; } } .goog-te-gadget-icon{display: none;} .goog-te-gadget-simple{background-color: #4188c9 !important;border: none !important;} .member_only .goog-te-gadget-simple{background-color: #5d3085 !important;border: none !important;} .goog-te-gadget-simple .goog-te-menu-value, .goog-te-gadget-simple .goog-te-menu-value span{color: #fff !important; border: none !important;} .abbreviation-font{font-weight: 700; color: #4188c9; cursor: help;} #filter_country_id_chosen{text-align: left;} #calendar{width: 90%} .status { color: #999; font-size: 10px; margin-left: 6px; } .status_save { color: #98cc5d; font-size: 10px; margin-left: 6px; } .lar_textbox{ width: 165px !important; margin: 0 !important; display: inline-block !important;} .pos-center #canvasLoader{bottom: 0;display: block!important;height: 17px;left: 0!important;margin: auto;position: absolute;right: 0;top: 0!important;width: 17px;} .loader.pos { position: absolute; right: -13px; top: 0; } .save-loader { float: left; margin: 26px 345px; position: absolute; } .member-contact-listing thead th {text-align: center !important;} label.instruction { color: #0B55C4; font-size: 10px; font-weight: normal; } #pet-scams .small_form i{z-index: 2;top:4px;font-size: 16px;position:absolute;color:#4188c9} .add_pet_scams input[type="text"].textfield, input[type="password"].textfield { background: transparent; display: inline-block; width: 100%; box-shadow: none; height: auto; line-height: 1.2; padding: 0; border: none; border-bottom: 1px solid #c4daee; } div.pet-scams-view-all { margin-left: 28px; } div.pet-scams-view-all button#view_by_date { padding: 5px; border-radius: 3px; background-color: #98cc5d; font-size: 14px; } div.pet_scams_box {margin-bottom: 10px;} ul#pet-scams-listing li{overflow-wrap: break-word; word-break: break-word;} #job-board .small_form i{z-index: 2;top:4px;font-size: 16px;position:absolute;color:#4188c9} #add_job_board div.box {margin:0px 50px;} #add_job_board input[type="text"].textfield, input[type="password"].textfield { background: transparent; display: inline-block; width: 100%; box-shadow: none; height: auto; line-height: 1.2; padding: 0; border: none; border-bottom: 1px solid #c4daee; } #add_job_board .required-label { float: left;width: 20px; color: red } #add_job_board .input-label { margin-left: 20px; } /*.select2-container--default .select2-selection--single { background-color: transparent; border: none; border-radius: 0; font-size: 13px; color: #b5b5b5; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #4188c9 transparent; border-width: 0 8px 8px 8px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #4188c9 transparent transparent transparent; border-style: solid; border-width: 9px 8px 0 8px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; height: 25px; } .select2-results__option { padding: 5px 6px; list-style: none; line-height: 15px; word-wrap: break-word; }*/ .e-lerning-center input::-webkit-input-placeholder { color: #646464 !important; } .e-lerning-center input:-moz-placeholder { /* Firefox 18- */ color: #646464 !important; } .e-lerning-center input::-moz-placeholder { /* Firefox 19+ */ color: #646464 !important; } .e-lerning-center input:-ms-input-placeholder { color: #646464 !important; } .e-lerning-center .select_dropdown .chosen-container .chosen-single { color: #646464 !important; } .e-lerning-center td.right-input-col { width: 820px; } #frm-pet-owner-questionnaire .box, #frm-boas-fit-to-fly .box {border: 1px solid #dddddd;padding:10px;margin-bottom: 10px;} #frm-pet-owner-questionnaire .box i.fa-circle, #frm-boas-fit-to-fly .box i.fa-circle { font-size: 40%;padding-left: 10px;vertical-align: middle;} #frm-pet-owner-questionnaire .box .chosen-container, #frm-boas-fit-to-fly .box .chosen-container {max-width: 100% !important} #frm-pet-owner-questionnaire .box .columns .columns, #frm-boas-fit-to-fly .box .columns .columns {padding: 0;} #frm-boas-fit-to-fly #red-box {color: red;font-weight: bold;} #frm-boas-fit-to-fly #red-box hr {border: none; border-top: 3px dotted red;} .w-100 {width: 100% !important;} .font-slight-small {font-size: 0.875rem;} .font-small {font-size: small;} .colored-bottom-border {border-bottom: 1px solid #c4daee;} form.boas-vet-pet-shippers .search-box .search-field { margin-bottom: 10px; } #google_translate_element a span { color: #fff !important }