/* Minification failed. Returning unminified contents. (1411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1413,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1414,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1415,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1674,28): run-time error CSS1039: Token not allowed after unary operator: '-my-community-color' (2630,28): run-time error CSS1039: Token not allowed after unary operator: '-my-community-color' (2637,17): run-time error CSS1039: Token not allowed after unary operator: '-my-community-color' */ @charset "utf-8"; /* CSS Document */ /*----------------------------------------------------------------------------- Prototype Version: 2.4 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label,input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl, li {margin:0; padding:0; color: #555555; font-size: 14px; line-height: 24px;} html, body{height: 100%; -webkit-appearance:none; border:none; -webkit-text-size-adjust:none;} body{position:relative;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .cf:after,.cf:before{display: table;content: ''} .cf:after{clear: both;} *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ /* Specific Header Settings */ h1 {font-weight:bold; font-size:36px; color:#fff; } h2 {font-weight:bold; font-size:24px; color:#555; } h3 {font-size:18px; } h4 {font-size:16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} /* Create the Default Paragraphs */ p { color: #9f9f9f; font-size: 15px; line-height: 24px;} /* Other Typo */ strong {font-weight: bold;} hr {border:0 #000 solid; border-top-width: 1px; clear: both; height: 0;} ol {list-style: decimal;} ul {list-style: disc;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color: #000000; font-size: 16px; text-decoration:none;} a:hover {} a:active {color: #e8941a;} a:focus {outline: none;} a.current{color: #e8941a;} /* 5. Forms ------------------------------------------------------------------------------*/ input[type='submit']{ -webkit-appearance:none; border:none; -webkit-text-size-adjust:none; } select{-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;} input[type='text'],input[type='tel'],input[type='email'],input[type='password']{-webkit-appearance: none;outline: none;} textarea{overflow:auto;} ::-webkit-input-placeholder{ color: #7a818b;font-weight: 600;} :-moz-placeholder{ color: #7a818b;font-weight: 600;} ::-moz-placeholder{ color: #7a818b;font-weight: 600;} :-ms-input-placeholder{ color: #7a818b;font-weight: 600;} ::-ms-input-placeholder{ color: #7a818b;font-weight: 600;} :placeholder-shown{ color: #7a818b;font-weight: 600;} /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Common CSS */ /*common margin style*/ .m0{margin:0 !important;} .mr20{margin-right:20px;} .mt20{margin-top:20px !important;} .mb80{margin-bottom:80px !important;} .mt25{ margin-top:25px !important;} .mt50{ margin-top:50px !important;} /*all padding zero*/ .p0{padding:0 !important;} .pt20{padding-top:20px;} /*common display style*/ .dis-b{display:block} .pos_rel{ position:relative;} .hidden{ display:none !important;} /*border*/ .no_bdr{border:none !important;} /*common fonts style*/ .f16{ font-size:16px !important;} .f18{ font-size:18px !important;} .fbold{font-weight:bold;} /*transition effect*/ .tra{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} /* mac fonts smoothing */ .mac * {-webkit-font-smoothing: antialiased;} /* Page Layout */ body { font-family: 'Josefin Sans', sans-serif; } #full_wrapper{min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; /* the bottom margin is the negative value of the footer's height */ background-color:rgba(244,244,243,0.5);} .wrapper{ width:960px; margin:0 auto;} .content{ margin:0 auto; padding:0; width:100%;} .container{width: 1360px;} /* Header*/ header{position: fixed;width: 100%;top:0px;left:0px;right: 0px;box-shadow: 0px 0px 7px 1px #000; background-color: #ffffff;z-index: 99;} header .wrapper{ position:relative;} header nav{} header nav ul{} header nav ul li{} /* Push */ .push{} .nav>li>a:focus, .nav>li>a:hover{background-color: transparent;} .input-group-btn>.btn{background-color: transparent;border: 1px solid #ccc;border-radius: 0px;} .form-control{box-shadow: none; border-radius: 0px; height: 40px; line-height: 14px;} .form-control input[type="search"],.form-control input[type="text"]{padding-left: 15px;} .navbar-form .input-group-btn .btn{padding: 8px;} .navbar-form .input-group-btn .btn img{max-width: 19px;} .navbar-form .input-group-btn{background: #02a6c7; -o-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; transition: 0.5s ease all;} .navbar-form .input-group-btn:hover{background: #000; cursor: pointer} .login{display: inline-block;vertical-align: top;} .login img{max-width: 46px} .navbar-form .input-group .form-control{width: 288px;font-size: 16px;color: #7a818b;font-weight: 600;line-height: 16px;} .navbar-left{width: 365px;} /*.navbar{margin-bottom: 30px;}*/ .navbar{padding-top: 30px;} .navbar-brand{padding: 0px; height:auto} .navbar-brand img{width: 100%;max-width:100%} .navbar-form,.navbar-nav{padding-top: 15px;} .login{padding-top: 20px; -o-transition: 0.5s ease all; -webkit-transition: 0.5s ease all; -moz-transition: 0.5s ease all; transition: 0.5s ease all;} .login:hover{opacity: 0.8} .navbar-nav>li>a{margin:20px;/*padding-top: 15px;padding-bottom: 15px;*/color: #7a8195;font-weight: 600;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;padding: 0;} .navbar-form .input-group .form-control:placeholder-shown{color: #7a818b;font-weight: 400; padding-top: 10px;} .navbar-nav>li>a:hover, .navbar-nav>li>a.active{text-decoration: underline;} .sign_btn { border-top: 1px solid #a7acb0; } a.sign_btn{ display: inline-block;vertical-align: middle;background-color: #00a6c6;color: #ffffff;font-size: 14px;line-height: 16px;border-radius: 5px;padding: 8px 20px;float: right;text-decoration: none;font-weight: 600;margin: 5px 0px;padding-top: 13px;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;} a.sign_btn.sign_post{margin-top: 23px; margin-right: 4%} a.sign_btn:hover{background-color: #000000;} /* banner */ .banner{min-height: 410px;/*background-attachment: fixed;*/background-repeat: no-repeat;} .banner .container{position: relative; z-index: 9; padding-left:30px;} .img_section_1 { background-image: url(../images/site/banner_1.jpg); background-size: cover; background-position: bottom center; margin-top: 137px; min-height: 410px; /*background-attachment: fixed;*/ background-repeat: no-repeat; position: fixed; left: 0; right: 0; top: 0; bottom: 0 } .banner h1{padding-top: 100px;font-size: 38px;line-height: 50px;padding-bottom: 10px;letter-spacing: 2px; font-weight: 400;} .banner .navbar-form .input-group-btn .btn{border: none} .banner .navbar-left{padding-left: 0px;padding-right: 0px;} .banner .navbar-form .input-group .form-control{width: 350px;height: 60px;font-size: 18px;line-height: 20px;} .banner .navbar-form .input-group-btn .btn{padding: 10px 20px;} .banner .navbar-form .serch{position: relative;} .banner .navbar-form .serch label{position: absolute;top:0px;left:0px;z-index: 9;color: #7a8195;font-size: 24px;line-height: 65px;bottom: 0px;margin: auto 0px;font-style: italic;font-weight: 300;display: inline-block;pointer-events: none;} .banner .navbar-form .serch label{left: 10px;} .banner .navbar-form .serch label em{font-weight: 600;font-style: normal;} /*.navbar-header{max-width: 268px;}*/ /* main content */ .box .row .box_content{margin-bottom: 50px;} .box{margin-bottom: 80px;} #knowledge-bank .filters { color: #666; vertical-align: super; } .InsideFilter { text-decoration: underline; } .box h5 { color: #555; font-size: 30px; line-height: normal; padding: 15px 0px; padding-bottom: 12px; font-weight: 800; padding-top: 30px; } .box >p{color: #798089;font-size:20px;line-height: normal; padding-bottom: 25px;} .box .row h3{color: #4d4d5b;font-size: 14px;line-height: 16px;font-weight: bold;padding-bottom: 10px;text-transform:uppercase} .box .row h4{color: #d64329;font-size: 12px;line-height: 14px;padding-bottom: 3px;} .box .row h6{color: #4d4d4d;font-size: 12px;line-height: 14px;padding-bottom: 15px;} .box .row .rating .fa-star{font-size: 20px;color: #f9f3d1;} .box .row .rating .checked{color: #e3c117;font-size: 20px;} .box .row .rating{margin-bottom: 15px;} .box .row .ratingpublic .fa-star { font-size: 20px; color: #f9f3d1; } .box .row .ratingpublic .checked { color: #e3c117; font-size: 20px; } .box .row .ratingpublic { margin-bottom: 15px; } .box .row .box-content{padding: 0px 10px;padding-top: 15px;border:1px solid #cccccc;background-color: #ffffff;} .box .row .box-image img{max-width: 100%;} .box .row .box-image{position: relative;} .box .row .box-image .like_thumb{position: absolute;top:0px;right: 0px;width: 40px;height: 40px;margin-top: 10px;margin-right: 10px;} .box .row .box-image .like_thumb img{max-width: 100%;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;} .box .row .box-image .like_thumb img+img{position: absolute;top:0px;opacity: 0;visibility: hidden;left:0px;} .box .row .box-image .like_thumb:hover img+img{opacity: 1;visibility: visible;} .box .row .box-image .like_thumb.active img+img{opacity: 1;visibility: visible;} /* articale page */ .sign_btn .bredcrumbs{padding-top: 10px; padding-bottom: 10px; text-transform:uppercase;} .sign_btn .bredcrumbs img{vertical-align: middle;display: inline-block;} .sign_btn .bredcrumbs a{display: inline-block;vertical-align: middle;text-decoration: underline;color: #4d4d4d;font-size: 14px;line-height: 16px;transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;} .sign_btn .bredcrumbs a:hover{color: #00a6c6;} .text_content{margin-top: 190px;padding-top: 25px;margin-bottom: 100px;} .text_content .review .rating{float: left; margin-bottom: 10px;} .text_content .review .rating .fa-star{font-size: 25px;color: #f9f3d1;} .text_content .review .rating .checked{color: #e3c117;font-size: 25px;} .text_content .review .ratingpublic { float: left; margin-bottom: 10px; } .text_content .review .ratingpublic .fa-star { font-size: 25px; color: #f9f3d1; } .text_content .review .ratingpublic .checked { color: #e3c117; font-size: 25px; } .text_content .review .like{float: right; text-align: center;} .text_content .review .like label{max-width: 100%;} .text_content .review .like .like_thumb{display: inline-block;vertical-align: middle;position: relative;} .text_content .review .like .like_thumb img{max-width: 100%;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;-moz-transition: 0.5s all ease;-o-transition: 0.5s all ease;width: 50px;height: 50px;} .text_content .review .like .like_thumb img+img{position: absolute;top:0px;opacity: 0;visibility: hidden;right: 0px;} .text_content .review .like .like_thumb:hover img+img{opacity: 1;visibility: visible;} .text_content .review .like.bookmarked .like_thumb img+img{opacity: 1;visibility: visible;} .text_content .review .like label{display: block; width: 100%; bottom: 0; font-size: 10px; text-align: center; line-height: 25px;} .text_content .text_page_image img{max-width: 100%;} .text_content h1{color: #4d4e5e; font-size: 26px;line-height: 38px;padding-top: 40px;margin-bottom: 15px;} .text_content h1 label{max-width: 80%;} .text_content p{color: #06151c; font-size: 17px; line-height: 25px;padding-bottom: 20px;} .text_content a sup{text-decoration: none;} .text_content ul.References{list-style: decimal;} .mobile_toggle{display:none;} .BankKnowledg { margin-bottom:20px; } .KnowledgeBankIntro { color:#777; } input:focus, textarea:focus, select:focus { outline-width: 0; } .input-group-btn .btn{border:none } .text_content ul.References {margin-left:10px;} .text_content ul.References li{font-size: 11px; line-height: 16px;} .no_shadow header{box-shadow: none} .no_shadow #full_wrapper{background: #fff;} .text_content h6{font-size: 18px;} #knowledge-bank{padding-top:130px;} #knowledge-bank.no-search .banner{min-height:0;height:0;} #knowledge-bank.no-search .banner>.container{display:none;} #knowledge-bank .no-results h2 { color: #D8452A; font-size: 30px; } .bottom_section{background: rgba(220,220,220,0.8); z-index: 9; position: relative;} #knowledge-bank .no-results { background: #fff; padding: 20px; height:290px; width: 65%; margin: 0 auto; margin-bottom: 80px; margin-top: 70px; padding-top:5%; } #knowledge-bank .no-results p { color: #7a8195; font-size: 25px; } .blog_section .title{text-transform: uppercase; margin-top: 20px;} .blog_section .title h3{font-size: 30px; color: #00a6c6; margin-bottom: 20px;} .blog_section .blogs{width: 48%; float: left; margin-right: 4%; margin-bottom: 40px;} .blog_section.blog_section_2 .blogs,.blog_section.blog_section_2 .blogs:nth-child(2n){width: 24%; margin-right: 1.31%;} .blog_section .blogs:nth-child(2n){margin-right: 0;} .blog_section.blog_section_2 .blogs:nth-child(4n){margin-right: 0;} .blog_section .blogs p{font-size: 14px; line-height: normal; padding-bottom: 10px;} .blog_section .blogs label{display: block; font-weight: normal; text-transform: uppercase; font-size: 12px; margin-bottom: 3px;} .blog_section .blogs .top_detail{ border: 1px solid #ccc; border-bottom: 0; padding: 15px;} .blog_section .blogs .img_section{width: 100%; height: 190px; background-repeat: no-repeat; background-position: center; background-size: cover;} .blog_section .rating .fa-star{font-size: 25px;color: #f9f3d1;} .blog_section .rating .checked{color: #e3c117;font-size: 25px;} .blog_section .ratingpublic .fa-star { font-size: 25px; color: #f9f3d1; } .blog_section .ratingpublic .checked { color: #e3c117; font-size: 25px; } /* banner login */ /*.banner_login{background-image: url(../images/site/login_banner.jpg);background-repeat: no-repeat;background-position: 100% 100%;width: 100%;height: 100%;background-size:cover;}*/ .banner_login { background-image: url(../images/site/login_banner.jpg); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; background-size: cover; } .login_footer{position: absolute;bottom: 0px;} .banner_login .login_outer{display: table;width: 100%;height: 100%;} .banner_login .login_outer .login_inner{vertical-align: middle;text-align: center;background-color: rgba(249,249,249,0.9);padding: 50px 30px 20px 60px;display: inline-block;width: 100%; max-width: 1100px;margin: 0 auto;margin-top: 200px;} .banner_login .login_outer .login_inner .right a { display: inline-block; vertical-align: top; /*margin-top: 20px;*/ margin-bottom: 15px; } .banner_login .login_outer .login_inner .row>.right {padding:60px 40px;} .login_inner .row > .right { padding-top: 20px!important; padding-bottom:30px!important; } .banner_login .login_outer .login_inner .right h1 { color: #00a6c6; font-size: 35px; line-height: 50px; font-weight: 600; padding-top: 30px; font-family: Brandon Grotesque; } .banner_login .login_outer .login_inner .left{text-align: left;} .banner_login .login_outer .login_inner .left h3 { color: #00a6c6; font-weight: bold; font-size: 20px; margin-bottom: 20px; } .banner_login .login_outer .login_inner .left h2 { color: #00a6c6; font-size: 18px; text-transform: uppercase; margin-bottom: 20px; } .banner_login .login_outer .login_inner .left h6{color: #7f818d;font-size: 18px;font-weight: 400;padding-bottom: 20px;} .banner_login .login_outer .login_inner .left form{background-color: transparent;padding: 0;} .banner_login .login_outer .login_inner .left input { width: 100%; min-height: 50px; background-color: #fff; margin-bottom: 10px; border-bottom: 2px solid #bfbfbf; border-right: 2px solid #bfbfbf; padding-left: 22px; color: #7a8189; font-size: 14px; font-weight: 400; } .banner_login .login_outer .login_inner .left ::-webkit-input-placeholder{ color: #7a8189;font-size: 14px;font-weight: 400;padding-left:25px!important} .banner_login .login_outer .login_inner .left :-moz-placeholder{ color: #7a8189;font-size: 14px;font-weight: 400;padding-left:25px} .banner_login .login_outer .login_inner .left ::-moz-placeholder { color: #7a8189; font-size: 14px; font-weight: 400; padding-left: 25px; } .banner_login .login_outer .login_inner .left :-ms-input-placeholder { color: #7a8189; font-size: 14px; font-weight: 400; padding-left: 25px; } .banner_login .login_outer .login_inner .left ::-ms-input-placeholder { color: #7a8189; font-size: 14px; font-weight: 400; padding-left: 25px; } .banner_login .login_outer .login_inner .left :placeholder-shown { color: #7a8189; font-size: 14px; font-weight: 400; padding-left: 25px; } .banner_login .login_outer .login_inner .left .login_bottom .left{float: left;} .banner_login .login_outer .login_inner .left .login_bottom .left p{color: #7f818d;font-size: 14px;font-weight: 400;padding-left: 28px;padding-bottom: 5px;} .banner_login .login_outer .login_inner .left .login_bottom .left input[type="checkbox"] { background-image: url(../images/site/checkbox_img.png); -webkit-appearance: none; appearance: none; -moz-appearance: none; -o-appearance: none; width: 20px; height: 20px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; margin: 0px; outline: none; } .banner_login .login_outer .login_inner .left .login_bottom .left label{color: #7f818d;font-size: 14px;font-weight: 400;display: inline-block;vertical-align: middle;padding-left: 8px;padding-top: 4px;} .banner_login .login_outer .login_inner .left .login_bottom .right{float: right;} .banner_login .login_outer .login_inner .left .login_bottom .right .submit{color: #ffffff;background-color: #00a6c6;text-transform: uppercase;display: inline-block;vertical-align: middle;padding: 12px 30px;text-decoration: none;font-size: 16px;border-radius: 5px;font-weight: 600;line-height: 20px;transition: 0.5s all ease;-wenbkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;padding-top: 15px;box-shadow: 2px 2px 2px #aaaaa3;} .banner_login .login_outer .login_inner .left .login_bottom .right .submit:hover{background-color: #000000;} /* welcome page */ .welcome_banner { background-image: url(../images/site/welcome_banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; padding-top: 20%; } .welcome_banner .wrapper_welcome{width: 100%;max-width:1040px;margin: 0 auto;/*overflow: hidden;*/position: relative;} signposter .wel_msg{background-color: rgba(249,249,249,0.9);padding: 20px;position: absolute; left: 0;right: 0;margin: 0 auto; text-align:center;min-height:330px} signposter .wel_msg h1{color: #00a6c6;font-size: 50px;line-height: 58px;font-weight: bold;margin-bottom: 20px;} signposter .wel_msg h4{color: #777;font-size: 30px;line-height: 40px;padding: 0 20%;} signposter .wel_msg h3{color: #777;font-weight:bold;font-size: 40px;line-height: 40px;padding: 0 10px;margin:40px 11px;} signposter .wel_msg .left{display: inline-block;vertical-align: bottom;width: 66%;padding-left: 28px;} signposter .wel_msg .left p{color: #7f818d;font-size: 26px;font-weight: 400;padding-bottom: 10px;line-height: 40px;} signposter .wel_msg .left h5{color: #7a8189;font-size: 26px;font-weight: 600;font-style: italic;} signposter .wel_msg .right{ display: block; margin-top: -50px; width: 33%; text-align: right; float: right;} signposter .wel_msg .row { margin-top: 10px;} signposter .wel_msg .h2pad { margin-top: 20px;} signposter .wel_msg.step .process{ margin-top: 0px;} /* step 1 */ signposter .step{background-color: rgba(249,249,249,0.9);padding: 10px 35px;opacity: 0;visibility: hidden;transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;/*transform: translateX(100%);*/display: none; position: absolute; width:100%} signposter .step.active{opacity: 1;visibility: visible;/*transform: translateX(0%);*/display: block;min-height:330px} signposter .step h2{color: #7a8189;font-weight: bold; font-size: 31px;line-height: 38px;} signposter .step .process{margin-top: 130px;} signposter .step .process ul li{display: inline-block;vertical-align: middle;position: relative;margin-right: 0px;text-align: center;} /*signposter .step .process ul li:after{position: absolute;content: '';width: 100%;height: 4px;top:0px;right:-100%;bottom: 0px;margin: auto;}*/ signposter .step .process ul li:before{position: absolute;content: '';width: 100%;height: 100%;margin: auto;top: 0px;bottom: 0px;left:0px;right: 0px;margin: auto;} signposter .step-1 .type_select li {background-color: #d64329; opacity:0.85; } signposter .step-1 .type_select ul li:after{border-top-color: #d64329 !important;} signposter .step-1 .type_select ul li:hover:after { border-top-color: #cc4f39 !important; } signposter .step-2 .type_select li { background-color: #00a6c6; opacity: 0.85; } signposter .step-2 .type_select ul li:after { border-top-color: #00a6c6 !important; } signposter .step-2 .type_select ul li:hover:after { border-top-color: #099db9 !important; } signposter .step-3 .type_select li { background-color: #099636; opacity: 0.8; } signposter .step-3 .type_select ul li:after{border-top-color: #099636 !important;} signposter .step-3 .type_select ul li:hover:after { border-top-color: #078830 !important; } signposter .process li.c-4, signposter .step-4 .type_select li { background-color: #7a8189; } signposter .step-1 .type_select li:hover, signposter .step-2 .type_select li:hover, signposter .step-3 .type_select li:hover { opacity: 1; } signposter .step-1 .type_select li:hover { background-color: #cc4f39; } signposter .step-2 .type_select li:hover { background-color: #099db9; } signposter .step-3 .type_select li:hover { background-color: #078830; } signposter .step-4 .type_select ul li:after { border-top-color: #7a8189 !important; } signposter .process li.c-5,signposter .step-5 .type_select li{background-color: #00a6c6;} signposter .step-5 .type_select ul li:after{border-top-color: #00a6c6 !important;} signposter .process li.c-1, signposter .process li.c-2, signposter .process li.c-3, signposter .process li.c-4 { background-color: #bfc4ca; } signposter .process li.c-1 h3, signposter .process li.c-2 h3, signposter .process li.c-3 h3, signposter .process li.c-4 h3 { color: transparent!important; } signposter .process li.c-1 img, signposter .process li.c-2 img, signposter .process li.c-3 img, signposter .process li.c-4 img { visibility:hidden; } signposter .process li.done, signposter .process li.on { background-color: #7a8189; } signposter .process li.done h3, signposter .process li.on h3 { color: #fff !important; } signposter .process li.done img, signposter .process li.on img { visibility:visible; } signposter .process li.c-5, signposter .step-5 .type_select li { background-color: #00a6c6; } signposter .step-5 .type_select ul li:after { border-top-color: #00a6c6 !important; } signposter .step .process ul li.c-5:after{width: 0px;} signposter .step .process ul li h3 { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; font-size: 36px; font-weight: 900; color: #ffffff; text-align: center; height: 30px; padding-bottom:40px; } signposter .step .process ul li img{max-width: 100%;padding-top: 10px;} signposter .step ul li:last-child:after {background-image: none;} signposter .process ul li.done:before, signposter .process ul li.on:before {display: none;} /*signposter .process ul li.done:after{position: absolute;content: '';width: 100%;height: 4px;background-image: none;top:0px;right:-100%;bottom: 0px;margin: auto;background-color: #c2c0be;}*/ signposter .step .type_select ul li{list-style: none;width: 98%;height: 50px;text-align: center;margin-bottom: 40px;position: relative;} signposter .step .type_select ul li:after{position: absolute;width: 0;height: 0;top: 0;right: -50px;margin-left: auto;margin-right: auto;border: solid transparent;border-width: 25px;content: '';pointer-events: none;z-index: 9;transform: rotate(-90deg);transform-origin: center center;} signposter .step .type_select ul li:before{ position: absolute;width: 0;height: 0;top: 15px;right: -20px;margin-left: auto;margin-right: auto;margin-top: auto;margin-bottom: auto;border: solid transparent;border-width: 10px;content: '';pointer-events: none;z-index: 99;transform: rotate(-90deg);transform-origin: center center;} signposter .step .type_select ul li a{line-height: 50px;color: #ffffff;font-weight: bold;display: block;vertical-align: top;text-decoration: none;text-transform: uppercase;width: 100%;} .FullWidthBtn { width: 100%; } .EnrolBtn { margin-bottom:20px; } #signposter-modal { height: 500px !important; top: 55%; } /* other page */ /* Video Page */ .col-sm-12.video { padding-left: 0px; padding-right: 0px; } .container .text_content .col-sm-6.video_box.align_right{float: right;} .container .text_content .col-sm-6.video_box iframe{width:100%; height:353px;} .container .text_content .col-sm-6.video_bottom{margin-top: 40px;} .container .text_content .col-sm-6.video_bottom h3{font-size: 16px; color:#7a8189; font-weight: 800; padding-bottom: 10px;} .container .text_content .col-sm-6.video_bottom p{font-size: 14px; color:#7a8189; line-height: 21px;} .article_video_box.box{width: 100%;} .article_video_box.box h5{font-size: 19px; font-weight: 600; font-size: 19px; color: #00a6c6; padding-bottom: 30px;} /* Article table Page */ .col-sm-8.article_table{margin-top: 22px;} .col-sm-8.article_table table tr{text-align: center;} .col-sm-8.article_table table tr th{font-size:12px; background:#00a5c6; color: #fff; padding: 15px;} .col-sm-8.article_table table tr td{padding: 15px; font-size: 13px; color: #000;vertical-align: middle;} .col-sm-8.article_table table tr td ul{margin-left: 0px; padding-bottom: 0px;} .col-sm-8.article_table table tr td ul li{font-size: 13px; color: #000;} .col-sm-8.article_table table tr td:nth-child(odd){width:250px;} .col-sm-8.article_table table tr:nth-child(even){background: #cbecf3;} .col-sm-8.article_table table.table-bordered{border: 1px solid #7a8189;} .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{border: 1px solid #7a8189;} .col-sm-6.article_bottom_table{ color: #000; float: none; margin-top: 20px;} .col-sm-6.article_bottom_table p{font-size:10px; line-height:16px; padding-bottom: 0px;} .col-sm-6.article_bottom_table_text{margin-top:30px;float: none;} .col-sm-6.article_bottom_table_text h3{font-size: 16px; color:#7a8189; font-weight: 800; padding-bottom: 10px;} .col-sm-6.article_bottom_table_text p{font-size: 14px; color:#7a8189; line-height: 21px;} .table-bordered>thead>tr>th:first-child{border-right: 1px solid #fff;} .welcome_banner .step .right .type_select ul li a{transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;} .welcome_banner .step .right .type_select ul li{transition: 0.5s all ease;-webkit-transition:0.5s all ease;-moz-transition:0.5s all ease;-o-transition:0.5s all ease;} .welcome_banner .step .right .type_select ul li a{line-height: 54px;} .welcome_banner .step-1 .process{margin-top: 140px;} .welcome_banner .step .right .type_select ul li.active{opacity: 0.3;} .DeskTopMenu { display:block; } .MobileMenu { display:none; } /* BookANurse page */ .BookANurse_banner { margin-top: 195px; min-height: 300px; position: relative; background-color: #00a6c6; margin-bottom: 50px; } .BookANurse_banner .entry-title { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; right: 0; color: #fff; font-size: 31px; line-height: 41px; padding-bottom: 10px; text-shadow: 1px 5px 6px #7a807a; letter-spacing: 2px; font-weight: 400; margin: 0 auto; text-align: center; } .BookANurse_page p { padding-bottom: 15px; } .BookANurse_page label { color: #7a8189; font-size: 26px; text-transform: uppercase; margin-bottom: 10px; } .BookANurse_page .form-control { font-weight: 400; background-color: #ffffff; margin-bottom: 20px; border-bottom: 2px solid #00a6c6; } .BookANurse_page form .btn-primary { min-width: 142px; background: #00a6c6; border: 1px solid transparent; margin-bottom: 20px; text-transform: uppercase; font-weight: 600; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; font-size: 16px; border-radius: 5px; box-shadow: 2px 2px 2px #aaaaa3; line-height: 36px; } .BookANurse_page form .btn-primary:hover { background-color: #000000; } .BookANurse_banner img { width: 100%; display: block; margin: 0 auto; } /* Registration page */ .registration_ { padding-bottom: 50px; } .registration_ #access-section .checkbox, .registration_ #user-section .radio, .registration_ #patient-section .radio { display: inline-block; vertical-align: top; margin: 0; padding-right: 3%; text-align: center; } .registration_ #access-section .checkbox input, #user-section .radio input { left: 0; margin-left: 0; width: auto; height: 17px; display: inline-block; vertical-align: top; margin-right: 10px; margin-top: 2px; } .registration_.banner_login .login_outer form h4 { color: #7a818a; font-weight: bold; font-size: 26px; text-transform: uppercase; padding-bottom: 20px; padding-top: 10px; } .registration_.banner_login .login_outer h1 { color: #00a6c6; font-size: 44px; line-height: 58px; font-weight: bold; padding-top: 0; text-transform: uppercase; } .registration_.banner_login .login_outer label { color: #7a818a; font-size: 16px; font-weight: 300; text-align: left; position: relative; word-wrap: break-word; } .registration_ button.btn { margin-top: 12px; background: #00a6c6; color: #fff; min-width: 142px; text-transform: uppercase; display: inline-block; vertical-align: middle; text-decoration: none; font-size: 16px; border-radius: 5px; font-weight: 600; line-height: 36px; transition: 0.5s all ease; -wenbkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; box-shadow: 2px 2px 2px #aaaaa3; border: 0; } .registration_ button.btn:hover { background-color: #000; } .registration_ .alert.alert-info { margin-left: 15px; margin-right: 15px; } .registration_.banner_login .login_outer .login_inner { padding: 50px 30px 20px; } /* Reset Password page */ #ResetPasswordForm #ResetPassForm { max-width: 960px; margin: 0 auto; margin-top: 100px; padding: 30px; background-color: #ffffff; margin-bottom: 100px; border-radius: 15px; box-shadow: 0px 0px 20px #211f1f; border-bottom: 4px solid #00a6c6; } #ResetPasswordForm h1 { padding-bottom: 10px; text-shadow: 1px 3px 6px #353c35; letter-spacing: 2px; font-weight: 400; } #ResetPasswordForm p { color: #555555; max-width: 700px; } #ResetPasswordForm input#NewPassword { margin-top: 20px; } #ResetPasswordForm input { max-width: 350px; margin: 0 auto; border-bottom: 2px solid #00a6c6; } #ResetPasswordForm #ResetPasswordButton { margin-top: 20px; background: #00a6c6; border: 0px; line-height: 30px; font-size: 16px; border-radius: 5px; letter-spacing: 0.5px; font-weight: 700; box-shadow: 2px 2px 2px #aaaaa3; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; } #ResetPasswordForm #ResetPasswordButton:hover { box-shadow: 2px 2px 10px #828282; } .BookANurse_banner { background-image: url(../images/site/banner_1.jpg); background-position: top center; background-size: cover; } .navbar-form .input-group-btn .btn { outline: none; } .BookANurse_page p { color: #06151c; font-size: 18px; line-height: 25px; padding-bottom: 20px; } .BookANurse_page label { margin-top: 30px; line-height: 30px; color: #4d4e5e; } #MainDiv .form-group select { background-image: url(../images/site/drop_arrow.png); background-position: right 10px center; background-repeat: no-repeat; color: #999999; font-weight: 600; } #MainDiv .form-control { font-size: 16px; } #MainDiv .BookANurse_page .form-control { margin-bottom: 15px; } #PhonevalidationError { display: none; } .BookANurse_page form .btn-primary { margin-bottom: 70px; font-size: 20px; } .registration_.banner_login .login_outer form h4 { font-weight: 400; } .registration_.banner_login .login_outer .form-group { text-align: left; } .registration_.banner_login .login_outer label { padding-bottom: 10px; font-weight: 400; } .registration_.banner_login .login_outer .form-group select { background-image: url(../images/site/drop_arrow.png); background-position: right 10px center; background-repeat: no-repeat; color: #999999; font-weight: 600; } .registration_.banner_login .form-control { font-size: 16px; } .registration_.banner_login .login_outer form h4 { padding-top: 30px; padding-bottom: 10px; font-size: 24px; } .registration_ button.btn { margin: 0px 15px; } .registration_ .radio label input[type=radio] { opacity: 0; } .registration_ .radio label { background-image: url(../images/site/uncheck.png); background-repeat: no-repeat; background-position: left top; padding-left: 20px; position: relative; /*z-index: 999;*/ } .registration_ .radio.active label { background-image: url(../images/site/ckeck.png); } .registration_ .radio label { padding-bottom: 0; } .registration_ .alert.alert-info { max-width: 100%; width: 100%; margin: 0px 15px; margin-bottom: 20px; } #access-section .row { margin: 0px; } .registration_ .alert.alert-info { margin: 0px; margin-bottom: 20px; } .registration_.banner_login .login_outer .password .form-group { padding: 0px; } /* CK - removed special checkboxes - just use normal ones .registration_ #access-section .checkbox input[type=checkbox] { opacity: 0; } .registration_ #access-section .checkbox label { background-image: url(../Sites/Content/images/site/checkbox_uncheck.png); background-repeat: no-repeat; background-position: left top; padding-left: 25px; } .registration_ #access-section .checkbox label.active { background-image: url(../Sites/Content/images/site/checkbox.png); } */ #access-section .col-sm-12 { padding: 0px; } .registration_.banner_login .login_outer label a { text-decoration: none; color: #7a818a; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; } .registration_.banner_login .login_outer label a:hover { color: #00a6c6; } .registration_ button.btn { margin-top: 10px; } #ResetPasswordForm #ResetPassForm { max-width: 600px; margin-bottom: 24%; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; position: relative; z-index: 99999; margin-top: 0; } /*#datepicker,#datepicker_1{background-image: url(../images/site/calendar.png);background-position: right 10px center;background-repeat: no-repeat;background-size: 25px 25px;}*/ #ResetPasswordForm h1 { color: #00a6c6; text-align: center; position: relative; z-index: 999; } #ResetPasswordForm p { font-size: 18px; } #ResetPasswordForm input { /*height: 50px;*/ } #ResetPasswordForm #ResetPasswordButton { font-size: 20px; outline: none; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; } #ResetPasswordForm #ResetPasswordButton:hover { background-color: #000000; } #ResetPasswordForm h1 { font-weight: bold; margin-top: 180px; } #ResetPasswordForm { background-color: #092b2b; } /*#ResetPasswordForm:after{position: absolute;top:0px;left: 0px;right: 0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);}*/ .registration_ #patient-section p { padding: 5px 0px; font-weight: 400; color: #7a818a; font-size: 16px; } .resetpopup { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.58); z-index: 999; opacity: 0; visibility: hidden; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; } .resetpopup.is-open { opacity: 1; visibility: visible; } .resetpopup .inner_popup { position: absolute; max-width: 600px; text-align: center; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); padding: 50px 50px 20px; background-color: #fff; border-radius: 15px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.43); } .resetpopup .inner_popup p { color: #555555; max-width: 700px; margin: 0 auto; } .resetpopup .inner_popup input { max-width: 350px; margin: 0 auto; border-bottom: 2px solid #00a6c6; display: block; height: 45px; } .resetpopup .inner_popup input#NewPassword { margin-top: 20px; } .resetpopup .inner_popup #ResetPasswordButton { margin-top: 20px; background: #00a6c6; border: 0px; line-height: 30px; border-radius: 5px; letter-spacing: 0.5px; font-weight: 700; box-shadow: 2px 2px 2px #aaaaa3; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; font-size: 20px; outline: none; } .resetpopup .inner_popup #ResetPasswordButton:hover { background-color: #000000; } /*.resetpopup .close_btn { position: absolute; top: 10px; right: 10px; width: 25px; height: 25px; border-radius: 50%; background-image: url(../images/site/close_btn.png); background-position: center; }*/ .banner_login .login_outer .login_inner .left .login_bottom .left p a#reset_password { color: #7f818d; font-size: 14px; font-weight: 400; text-decoration: none; transition: 0.5s all ease; } .banner_login .login_outer .login_inner .left .login_bottom .left p a#reset_password:hover { color: #00a6c6; } /* detail_page */ .banner.detail_page { background-image: url(../images/site/login_banner.jpg); background-repeat: no-repeat; background-position: 100% 100%; width: 100%; height: 100%; padding-top: 15%; padding-bottom: 5%; } .detail_page .middle_section { width: 900px; margin: 0 auto; padding: 55px 55px; background-color: rgba(255,255,255,0.9); min-height:450px; } .detail_page .middle_section h1 { padding-top: 15px; color: #aaaaa3; font-size: 30px; /*line-height: 58px;*/ /*font-weight: bold;*/ padding-top: 0; text-transform: uppercase; text-shadow: none; text-align: center; padding-bottom: 0; /*font-family: Brandon Grotesque;*/ font-family: 'Josefin Sans', sans-serif; } .detail_page .middle_section h2 { text-align: center; font-size: 20px; } .detail_page #ResetPasswordForm { background: none; } .detail_page hr { margin: 10px 0; border: 0 rgba(171, 170, 171, 0.47) solid; box-sizing: border-box; border-top-width: 1px; } .detail_page .detail-value { line-height: 35px; min-height:35px; display:inline-block; } #LastNameValue { line-height: 35px; } #EmailValue { line-height: 35px; } #pass { line-height: 35px; } .detail_page label > p { line-height: 35px; } .SignPosterValueFilter { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #777; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; } .detail_page .btn.grey { padding-left: 15px; padding-right: 15px; min-width: 65px; height: 35px; line-height: normal; background: #00a6c6; font-size: 16px; font-weight: 600; color: #fff; /*box-shadow: 2px 2px 2px #aaaaa3;*/ border: 0; -o-transition: 0.4s ease all; -webkit-transition: 0.4s ease all; -moz-transition: 0.4s ease all; transition: 0.4s ease all; padding-top: 0; padding-bottom: 0; } .detail_page .btn.SubmitBtn.grey { width: auto; padding-left: 15px; padding-right: 15px; background: orange; border-color: orange; height: 45px; line-height: normal; } .detail_page .btn-default { padding-top: 0; padding-bottom: 0; line-height: normal; height: 35px; } .detail_page .col-sm-4.pt { padding-top: 9px; } .detail_page button { outline: none !important; } .detail_page .btn.grey:hover { background-color: #7a8195; } .ChangeBtn { background-color: #00a6c6 !important; border: none; } .ChangeBtn, .ChangeBtn:hover { border: none !important; box-shadow: none !important; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /*.NavLogo { max-width: 50% !important; }*/ .form-group select { background-image: none !important; } } @media \0screen { .NavLogo { max-width: 50% !important; } .form-group select { background-image: none !important; } } /* CK - added for IE to stop cursor looking like "not allowed" sign over login/disabled buttons*/ .btn.disabled, [disabled].btn, fieldset[disabled] .btn { pointer-events: none; } sup.ref{ font-size:smaller; } /* Site fonts*/ @font-face { font-family: 'Brandon Grotesque'; src: url('../fonts/BrandonGrotesque-Regular.otf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Brandon Grotesque'; src: url('../fonts/BrandonGrotesque-RegularItalic.otf'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Brandon Grotesque'; src: url('../fonts/BrandonGrotesque-Bold.otf'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Brandon Grotesque'; src: url('../fonts/BrandonGrotesque-BoldItalic.otf'); font-weight: bold; font-style: italic; } :root { --my-community-color: #099636; --my-community-light-grey: #eeeeee; --my-community-grey: #808080; --celebrating-moments-color: #00a6c6; --celebrating-moments-red: #d64329; --celebrating-moments-green: #099636; --celebrating-moments-blue: #00a6c6; } /** MASTER STYLES */ body { font-family: 'Brandon Grotesque','Josefin Sans', sans-serif; } a { color: inherit; text-decoration: underline; } a:hover, a:active, a:focus { color: #00a6c6; } .text-info { color: #00a6c6; } .img-fluid { width: 100%; image-rendering: -webkit-optimize-contrast; } /*bullets*/ .article-body ul { list-style: disc; margin-left: 0; padding-left: 4em; margin-bottom:25px; } .article-body ul ul { list-style: circle; margin-left: 0; padding-left: 4em; margin-bottom: 10px; } .article-body ul ul li { font-size: 17px; color: #06151c; } /*.article-body ul li::before { content: "•"; color: #00a6c6; display: inline-block; width: 1em; zoom: 2; }*/ .article-body ol li { list-style-type: decimal; display: list-item; } .article-body ol { padding-left: 30px !important; } .article-body ul.References li::before { content: none; width: 0; } /*#site-header .services { margin-right: 1%; }*/ #site-header .services > button { border: none; text-transform: uppercase; padding-left: 20px; padding-right: 20px; } /** FOOTER */ footer.site-footer { color: #7a818a; border-top: 1px solid #00a6c6; padding-top: 5px; background: white; position: relative; } footer.site-footer hr { margin: 5px 0; border-color: #7a818a; } footer.site-footer .footer-links { text-align: center; padding-top:10px; } footer.site-footer img { max-width: 120px; } footer.site-footer .footer-links ul { display: table; width: 100%; } footer.site-footer .footer-links li { list-style: none; display: table-cell; text-transform: uppercase; } footer.site-footer .footer-links .links a { font-size: 16px; color: #7a818a; text-decoration: none; text-transform: uppercase; /*float:left;*/ } footer.site-footer .footer-links li a { font-size: 16px; color: #7a818a; text-decoration: none; } .footer-nav .center-block { text-align: left; display: inline-block; } .footer-nav { position: relative; background: #00a6c6; padding: 0px 0; } .footer-nav h2 { margin-bottom: 0; color:white; } .footer-nav ul { list-style: none; margin: 5px 0 10px 0px; } .footer-nav ul li { line-height: 20px; } .footer-nav ul li a { font-size: 16px; color: white; text-transform: uppercase; } .disabled-link { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #aaa; white-space: nowrap; font-size: 16px; } .disabled-menu-link { display: block; height: 100%; margin: 21px 10px 10px 10px; text-decoration: none; font-weight: 600; color: #aaa; padding: 0; line-height: 20px; font-size: 16px; } /* Panels */ .panel, .panel-heading { border-radius: 0; } .panel-info { border-color: #00a6c6; } .panel-info > .panel-heading { background-image: none; background-color: #00a6c6; color: white; font-weight: bold; } .EnrolmentTitle img.logo { width: 250px; } .EnrolmentTitle { color: #00a6c6; } .EnrolmentForm section { margin-bottom: 10px; border-bottom: 1px solid #bbb; margin-top: 15px; } .sign_btn .bredcrumbs span { font-size: 14px; line-height: 16px; vertical-align: middle; } /* Customise bootstrap theme across whole site*/ .btn { border-radius: 0px; border-color: transparent !important; padding: 15px 30px; text-decoration: none; font-size: 16px; font-weight: 600; line-height: 20px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; background-image: none; box-shadow: 1px 1px 1px #ccc; text-transform: uppercase; } .btn-sm{ border-radius:0; } .btn-primary:active:hover { color:inherit; } .btn-primary, .btn-primary:active, .btn-primary:active:focus, btn-primary:active:hover, .btn-primary.active:hover { background-color: #00a6c6; color: #fff; } .btn:hover, .btn:focus, .btn:active:focus, .btn:active:hover { background-color: #555; box-shadow: none; outline: 0 !important; text-shadow: none; color: #eee; } .btn-info { background-image: none; background-color: #159848; color: #fff; } .btn-my-community { background-image: none; background-color: #099636; background-color: var(--my-community-color); color: #fff; } .btn-default { background-image: none; background-color: #ccc; color: #fff; } .btn-group-sm > .btn, .btn-sm { padding-top: 6px; padding-right: 12px; padding-bottom: 4px; padding-left: 10px; font-size: 12px; line-height: 1.5; border-radius: 0px; } .btn.disabled, .btn[disabled] { cursor: wait; } .input-group-btn .btn { border: none; box-shadow: none; } /* Search button*/ .navbar-form .input-group-btn { overflow: hidden; } .btn-search { padding: 8px; border: none; outline: none; background: none; } .btn-search img { max-width: 19px; } .banner .navbar-form .btn-search { padding: 10px 20px; } /* Validations*/ .input-validation-error { border: 1px solid red !important; } .field-validation-error { color: red; } select.form-control { line-height: initial; /*stop truncation of top of letters*/ } button.sign_btn { margin-top: 23px; } .nav .open > a { background-color: initial; color: initial; border-bottom: 3px solid #D8452A; } /* Articles*/ .text_content .review .like label { visibility: hidden; } .text_content .review .like.bookmarked label { visibility: visible; } /* rating in reverse */ .rating { unicode-bidi: bidi-override; direction: rtl; } /* Rate all after (before) on hover*/ .text_content .review .rating > i:hover, .text_content .review .rating > i:hover ~ i, .text_content .review .rating > i.rated, .text_content .review .rating > i.rated ~ i { color: #e3c117; } /* rating in reverse */ .ratingpublic { unicode-bidi: bidi-override; direction: rtl; } /* Rate all after (before) on hover*/ .text_content .review .ratingpublic > i.rated, .text_content .review .ratingpublic > i.rated ~ i { color: #e3c117; } .rated { color: #dec225 !important; } /*Signposter*/ signposter .step .type_select ul li.active:after { opacity: 1 !important; } signposter .step .type_select ul li.active:after { opacity: 1 !important; } signposter .step .type_select ul li.active { opacity:1; } /* BookANurse page */ .BookANurse_banner { margin-top: 195px; min-height: 300px; position: relative; background-color: #00a6c6; margin-bottom: 50px; } .BookANurse_banner .entry-title { position: absolute; top: 50%; transform: translateY(-50%); left: 30px; right: 0; color: #fff; font-size: 31px; line-height: 41px; padding-bottom: 10px; text-shadow: 1px 5px 6px #7a807a; letter-spacing: 2px; font-weight: 400; margin: 0 auto; text-align: center; } h2 { font-size: 24px; color: #00a6c6; margin-bottom: 20px; margin-top: 20px; } .main-panel { vertical-align: middle; background-color: rgba(249,249,249,0.9); margin-top: 40px; padding: 50px 30px 20px; } form label { color: #7a818a; font-size: 16px; font-weight: 400; text-align: left; position: relative; word-wrap: break-word; } .form-group select { background-image: url(../images/site/drop_arrow.png); background-position: right 10px center; background-repeat: no-repeat; color: #999999; font-weight: 600; } .login_inner .left { padding-right: 25px; } .BookANurse_page p { padding-bottom: 15px; } .BookANurse_page .form-control { font-weight: 400; background-color: #ffffff; margin-bottom: 20px; border-bottom: 2px solid #00a6c6; } .BookANurse_page form .btn-primary { min-width: 142px; background: #00a6c6; border: 1px solid transparent; margin-bottom: 20px; text-transform: uppercase; font-weight: 600; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; font-size: 16px; border-radius: 5px; box-shadow: 2px 2px 2px #aaaaa3; line-height: 36px; } .BookANurse_banner img { width: 100%; display: block; margin: 0 auto; } /* Registration page */ .registration_ { padding-bottom: 50px; } .registration_ #access-section .checkbox, .registration_ #user-section .radio { display: inline-block; vertical-align: top; margin: 0; padding-right: 3%; text-align: center; } .registration_ #access-section .checkbox input, #user-section .radio input { left: 0; margin-left: 0; width: auto; height: 17px; display: inline-block; vertical-align: top; margin-right: 10px; margin-top: 2px; } .registration_.banner_login .login_outer form h4 { color: #7a818a; font-weight: bold; font-size: 26px; text-transform: uppercase; padding-bottom: 20px; padding-top: 10px; } .registration_.banner_login .login_outer h1 { color: #00a6c6; font-size: 44px; line-height: 58px; font-weight: bold; padding-top: 0; text-transform: uppercase; } .registration_.banner_login .login_outer label { color: #7a818a; font-size: 16px; font-weight: 300; text-align: left; position: relative; word-wrap: break-word; } .registration_ button.btn { margin-top: 12px; background: #00a6c6; color: #fff; min-width: 142px; text-transform: uppercase; display: inline-block; vertical-align: middle; text-decoration: none; font-size: 16px; border-radius: 5px; font-weight: 600; line-height: 36px; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; box-shadow: 2px 2px 2px #aaaaa3; border: 0; } .registration_ .alert.alert-info { margin-left: 15px; margin-right: 15px; } .registration_.banner_login .login_outer .login_inner { padding: 50px 30px 20px; } /* Reset Password page */ #ResetPasswordForm { background: white; } #ResetPasswordForm form { max-width: 600px; margin: 0 auto; padding: 30px; background-color: #ffffff; margin-bottom: 100px; border-radius: 15px; box-shadow: 0px 0px 20px #211f1f; border-bottom: 4px solid #00a6c6; /*border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;*/ } #ResetPasswordForm p { color: #555555; max-width: 700px; margin: 0 auto; } #ResetPasswordForm input#NewPassword { margin-top: 20px; } .BookANurse_banner { background-image: url(../images/site/banner_1.jpg); background-position: top center; background-size: cover; } .navbar-form .input-group-btn .btn { outline: none; } .BookANurse_page p { color: #06151c; font-size: 18px; line-height: 25px; padding-bottom: 20px; } .BookANurse_page label { margin-top: 30px; line-height: 30px; color: #4d4e5e; } #MainDiv .form-group select { background-image: url(../images/site/drop_arrow.png); background-position: right 10px center; background-repeat: no-repeat; color: #999999; font-weight: 600; } #MainDiv .form-control { font-size: 16px; } #MainDiv .BookANurse_page .form-control { margin-bottom: 15px; } #PhonevalidationError { display: none; } .BookANurse_page form .btn-primary { margin-bottom: 70px; font-size: 20px; } .registration_.banner_login .login_outer form h4 { font-weight: 400; } .registration_.banner_login .login_outer .form-group { text-align: left; } .registration_.banner_login .login_outer label { padding-bottom: 10px; font-weight: 400; } .registration_.banner_login .login_outer .form-group select { background-image: url(../images/site/drop_arrow.png); background-position: right 10px center; background-repeat: no-repeat; color: #999999; font-weight: 600; } .registration_.banner_login .form-control { font-size: 16px; } .registration_.banner_login .login_outer form h4 { padding-top: 30px; padding-bottom: 10px; font-size: 24px; } .registration_ button.btn { margin: 0px 15px; } .registration_ #user-section .radio label input[type=radio] { opacity: 0; } .registration_ #user-section .radio label { background-image: url(../images/site/uncheck.png); background-repeat: no-repeat; background-position: left top; padding-left: 20px; position: relative; z-index: 999; } .registration_ #user-section .radio.active label { background-image: url(../images/site/ckeck.png); } .registration_ #user-section .radio label { padding-bottom: 0; } .registration_ .alert.alert-info { max-width: 100%; width: 100%; margin: 0px 15px; margin-bottom: 20px; } #access-section .row { margin: 0px; } .registration_ .alert.alert-info { margin: 0px; margin-bottom: 20px; } .registration_.banner_login .login_outer .password .form-group { padding: 0px; } .registration_ #access-section .checkbox input[type=checkbox] { opacity: 0; } .registration_ #access-section .checkbox label { background-image: url(../images/site/checkbox_uncheck.png); background-repeat: no-repeat; background-position: left top; padding-left: 25px; } .registration_ #access-section .checkbox label.active { background-image: url(../images/site/checkbox.png); } #access-section .col-sm-12 { padding: 0px; } .registration_.banner_login .login_outer label a { text-decoration: none; color: #7a818a; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; } .registration_.banner_login .login_outer label a:hover { color: #00a6c6; } .registration_ button.btn { margin-top: 10px; } #datepicker { background-image: url(../images/site/calendar.png); background-position: right 10px center; background-repeat: no-repeat; background-size: 25px 25px; } /* SIgnposter */ /*signposter .question { min-height: 300px; }*/ signposter .response { min-height: 260px; } /* Hide back for now*/ signposter .text-info { /*display:none;*/ } /*signposter .step .process { margin-top: -86px; }*/ signposter .type_select { margin-top:30px; display: table; width: 100%; } signposter .type_select ul { display: table-cell; vertical-align: middle; } signposter .step .process ul li { width: 80px; height: 45px; margin-right: 0px; } signposter .step .process { margin-top:1px; } @media (min-width: 1025px) { #signposter-modal .modal-dialog { width: 70%; } } .no-shadow.btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } /* Modal features*/ .modal-white .modal-backdrop { background-color: #fff; opacity: 0.8; } /* centre modal*/ .modal { top: 45%; transform: translate(0, -50%); } .modal-content { border-radius: 0; } .modal-header { background: #159848; color: white; font-weight: bold; text-align:center; } .modal-header.error { background: #D64329; } .modal-header-warning { background-color: #f0ad4e } .modal-header .close { font-size: 41px; line-height: 20px; } @media (min-width: 768px) { .modal-dialog { /*width: 100%;*/ } } .modal.noheader .modal-header { display: none; } .modal.nofooter .modal-footer { display: none; } #LeavingSiteAlertModal { margin-top: 100px; } #LeavingSiteAlertModal .modal-footer, #LeavingSiteAlertModal .modal-body { text-align: center; font-size: larger; } #LeavingSiteAlertModal .modal-footer .btn + .btn { text-align: center; margin-left: 40px; } #LeavingSiteAlertModal { min-height: 300px; top: 35%; } #LeavingSiteAlertModal .modal-dialog { background-color: #fff; } #LeavingSiteAlertModal .modal-backdrop { background-color: #555; } .nav .open > a { border-bottom: none; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: none; } #site-header { min-height:90px; } /* Navbar "MegaNav" (non mobile)*/ @media (min-width: 992px) { nav .navbar ul.navbar-nav li.level-1 { display: inline-block; float: none; height: 100%; } .navbar-nav { height: 90px; padding-bottom: 0; margin-bottom: 0; } .navbar-nav > li { position: static; } .navbar-nav li { list-style: none; } .navbar-nav > li > a { height: 100%; margin: 21px 10px 10px 10px; text-decoration: none; } nav.navbar ul.navbar-nav .menu-wrapper { display: none; background-color: #ffffff; border: 1px solid #e5e5e5; border-top-color: transparent; position: absolute; z-index: 1000; right: 0; padding: 0 20px 42px; width: 992px; } nav.navbar ul.navbar-nav .menu-wrapper li.level-1.active > a:after { width: 0; height: 0; border-right: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid #004b75; content: ''; display: inline-block; position: absolute; bottom: 0; left: 50%; margin-left: -8px; } nav.navbar ul.navbar-nav .menu-wrapper li.level-1 > a { text-transform: uppercase; color: #000000; text-decoration: none; position: relative; /* height: 100%; */ display: block; } nav.navbar ul.navbar-nav .menu-wrapper ul.level-2 .back { display: none } nav.navbar ul.navbar-nav > li.level-1.active > .level-2 > .menu-wrapper { display: block; } nav.navbar ul.navbar-nav .menu-wrapper ul.level-2 li.level-2 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; line-height: 1.6em; margin-top: 42px; border-left: 1px solid #4f4f4f } nav.navbar ul.navbar-nav .menu-wrapper ul.level-2 li.level-2 { float: left; width: 25% } } @media all and (max-width:1331px) and (min-width:1024px) { nav.navbar ul.navbar-nav .menu-wrapper { width: 1024px; padding: 0 20px 42px; } #site-header .services > button { font-size: smaller; } } /*@media all and (max-width:1023px) and (min-width:968px) { nav.navbar ul.navbar-nav .menu-wrapper { width: 968px; padding: 0 20px 42px; } #site-header .services > button { font-size: smaller; } }*/ #site-header .services > button { border: none; text-transform: uppercase; padding-left: 20px; padding-right: 20px; } .fa.ap-ddmenu-link-icon, .ap-ddmenu-header { display: none; } /* Mobile menu styling*/ @media (max-width: 992px) { /* A quick and dirty reset */ .DeskTopMenu { display: none; } .MobileMenu { display: block; } .MobileLevel2ul { display: block !important; position: relative !important; left: 0 !important; } .navbar-nav, .navbar-nav ul, .navbar-nav li { margin: 0; padding: 0; } .navbar-nav li a { display: block; } .navbar-nav li ul { display: none; position: absolute; top: 100%; left: 0; } .navbar-nav li:hover ul { display: block; } .navbar-nav { position: relative; } .navbar-nav li:hover ul { display: none; } .navbar-nav li ul { position: absolute; top: 0; left: 100%; width: 100% } .navbar-nav li { float: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /* We set the position to static so the child