@charset "utf-8"; /* CSS Document */ * {outline: 0;} *, *::before, *::after {box-sizing: border-box;} @media(prefers-reduced-motion: no-preference) { :root {scroll-behavior: smooth;} } ::-moz-selection { /* Code for Firefox */ color: #fff; background: #1b8793;} ::selection {color: #fff; background: #1b8793;} .scrollup {z-index: 9; position: fixed; right: 16px; bottom: 18px; width: 72px; cursor: pointer;} .show_content {display: none;} .yellow-bg-text{text-align: center; font-size: 18px; color: #096173; font-weight: 600; padding: 12px;} html, head, body {padding: 0; margin: 0;} body {font-family: 'Lato',Arial,sans-serif; color: #000; font-size: 20px; line-height: 28px; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0)} body.bggray {background-color: #f2f2f2;} p {font-family: 'Lato',Arial,sans-serif; color: #000; font-size: 20px; line-height: 28px;} .relative {position: relative;} .br {clear: both; margin: 0; padding: 0;} .aligncenter {align-items: center;} .justifycenter {justify-content: center;} .center {text-align: center;} .marb0 {margin-bottom: 0;} .marb45 {margin-bottom: 45px;} p.marb2 {margin-bottom: 2rem;} hr {margin: 1rem 0; color: inherit; border: 0; border-top: 1px solid; opacity: .25;} button, [type=button], [type=reset], [type=submit] {-webkit-appearance: button;} button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {cursor: pointer;} ::-moz-focus-inner {padding: 0; border-style: none} img {max-width: 100%;} .text16 {font-size: 16px; line-height:19px;} .text18 {font-size: 18px; line-height:20px;} .bold {font-weight: 700;} .bolder {font-weight: 900;} .floatl {float: left;} .floatr {float: right;} .w-100 {width: 100%;} .h-100 {height: 100vh;} .underline, a.underline {color: #000; text-decoration: underline;} a:hover.underline {color: #000; text-decoration: none;} /*footer.bg-primary {background-color: #f8d71a !important;}*/ footer {background-color: #f2f2f2;} footer p {text-align: center; margin-bottom: 0;} footer .partners {color: #1b8793; font-weight: 900;} footer div {display: flex; justify-content: space-between;} .navbar .mobile, #mobilehead, .mobile {display: none;} .btn.off {padding: 0;} .btn-close {width: 2em; height: 2em;} .offcanvas.show {background-color: #fff;} .offcanvas.show h5 {font-weight: 600;} header.absolute {position: absolute; top: 43px; right: 0;} .offcanvas-header .btn-close {opacity: 1;} /*.nav-link:hover {color: #f8d71a;}*/ .nav-link:focus-visible {box-shadow: none;} .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item:active {background-color: #f8f9fa;} .dropdown-toggle::after {vertical-align: .155em;} .offcanvas-body .navbar-nav .nav-item .nav-link {background-color: #fff; color: #000; font-size: 18px !important; text-decoration: none; font-weight: 700; text-align: left; padding: 7px 20px;} .offcanvas-body .navbar-nav .nav-item .nav-link:hover, .offcanvas-body .navbar-nav .nav-item li.active .nav-link, .offcanvas-body .navbar-nav .nav-item li.active .nav-link:hover {background-color: #dddddd; color: #000; font-size: 18px !important; text-decoration: none; font-weight: 700; border-radius: 9px;} p.center {text-align: center;} #innerhead {padding-top: 25px;} #innerhead .flex {display: flex; justify-content: space-between;} #innerhead .right {width: 40%;} #innerhead .right p {color: #1b8793; font-size: 22px; font-weight: 900; text-align: right; margin-bottom: 0.6rem} #innerhead .right p a {color: #1b8793; font-size: 22px; font-weight: 900; text-decoration: none;} #innerhead .right p a.active {color: #99cf17;} #innerhead .right p a:hover {color: #1b8793; font-size: 22px; font-weight: 900; text-decoration: underline;} /*#innerhead .right p a:last-child {margin-right: 16px;}*/ #innerhead .right .spacer {display: inline-block; width: 25px;} #innerhead .search {margin-top: 18px; display: flex; justify-content: end;} #innerhead .search .form-control {border: 3px solid #aaaaaa; border-right: none; color: #000; font-size: 18px; font-weight: 400; border-radius: 34px 0 0 34px; padding: 5px 10px 5px 15px; background-size: 31px; width: 68%; float: right;} #innerhead .search .bg-white {background-color: #fff !important; border: 3px solid #aaaaaa !important; border-left: none !important; border-radius: 0 34px 34px 0; padding-left: 7px;} #innerhead .search form, header .navbar .search form {position: relative; width: 66%;} #innerhead .search form .result, header .navbar .search form .result {position: absolute; background-color: #fff4b7; z-index: 9; padding: 7px 18px 11px; width: 100%;} #innerhead .search form .result br, header .navbar .search form .result br {display: none;} #innerhead .search form .result a, header .navbar .search form .result a {font-size: 18px; color: #000; text-decoration: underline; display: block;} #innerhead .search form .result a:hover, header .navbar .search form .result a:hover {font-size: 18px; color: #000; text-decoration: none;} #innerhead .navbar {width: 100%; margin-top: 16px; padding-bottom: 0;} #innerhead .navbar ul {display: flex; margin: 0; padding: 0; list-style-type: none; width: 100%;} #innerhead .navbar li {margin: 0 0 7px; padding: 0; list-style-type: none;} #innerhead .navbar li a {background-color: #fff; color: #000; font-size: 20px; text-decoration: none; font-weight: 700; text-align: center; padding: 7px 24px 7px 25px;} /*without sub menu 7px 31px 9px*/ #innerhead .navbar li a:hover, #innerhead .navbar li.active a, #innerhead .navbar li.active a:hover {background-color: #dddddd; color: #000; font-size: 20px; text-decoration: none; font-weight: 700; border-radius: 8px;} #innerhead .right .navbar {margin-top: 0;} #innerhead .right .navbar ul {justify-content: end;} #innerhead .right .navbar li {margin-right: 25px;} #innerhead .right .navbar li:last-child {margin-right: 0;} #innerhead .right .navbar li a {padding: 0; font-size: 22px; font-weight: 700; color: #1b8793;} #innerhead .right .navbar li a:hover, #innerhead .right .navbar li.active a, #innerhead .right .navbar li.active a:hover {padding: 0; font-size: 22px; font-weight: 700; color: #99cf17; background-color: transparent;} #innerhead .right .joinlogin a, #innerhead .right .joinlogin span {display: inline-block;} #innerhead .right .joinlogin span {font-weight: 700; color: #1b8793; margin: 0 5px;} #innerhead .right .navbar .nav-item .dropdown-menu li a:hover {color: #000;} section.body {margin: 45px 0 25px;} section.body.marb0 {margin-bottom: 0;} section.body #creativemobile {display: none;} /*breadcrumb*/ .breadcrumb_box {margin-top: 36px; margin-bottom: 34px;} .breadcrumb_box.mart45 {margin-top: 45px;} .breadcrumb_box.dictionary {margin-top: 0;} .breadcrumb_box.top {margin-top: 0; margin-bottom: 27px;} .breadcrumb, .breadcrumb li {font-size: 15px;} .breadcrumb a {color: #000; text-decoration: none; font-size: 15px;} .breadcrumb a:hover {color: #000; text-decoration: underline; font-size: 15px;} .breadcrumb-item+.breadcrumb-item {padding-left: 0;} .breadcrumb-item+.breadcrumb-item.active {color: #000; font-weight: 600;} .breadcrumb-item+.breadcrumb-item::before {display: inline-block; padding-right: 0.5rem; font-size: 15px; padding-left: 0.5rem; color: #1b8793; content: "/";} .breadcrumb li.breadcrumb-item {margin: 0 !important; padding: 0 !important; background-color: transparent !important; font-size: 15px !important; background: none !important;} .breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item a:hover {font-size: 15px !important;} /**/ .thankyoubox {background: url(../images/thankyou.svg) no-repeat; width: 520px; height: 430px; margin: 27px auto 0;} .thankyoubox p {text-align: center; padding-top: 63px; font-size: 22px; font-weight: 700; color: #000;} .thankyoubox p.right {text-align: right; padding-top: 72px; font-size: 20px; font-weight: 400; color: #000; padding-right: 106px;} .thankyoubox p.right a {font-size: 20px; font-weight: 400; color: #000; text-decoration: none;} .thankyoubox p.right a:hover {font-size: 20px; font-weight: 400; color: #000; text-decoration: underline;} /*home*/ .hometext {text-align: center;} .hometext span {font-size: 27px; font-weight: 900;} .h61 {height: 61px;} /*Find a Doctor Like Me*/ #fdlm .bar {background: url(../images/fdlm/fdlm-bar-new.svg) no-repeat; height: 250px; background-size: 100%; position: relative; margin-bottom: 20px;} #fdlm .bar h1 {font: 900 50px/61px 'Lato',Arial,sans-serif; color: #000; margin: 0 0 0 322px; padding-top: 18px;} #fdlm .bar div {margin: 61px 0 0 61px; width: 960px; display: flex;} #fdlm .bar p {margin: 0 10px 0 0; width: 90%; font-size: 19px;} #fdlm #search {background-color: #f4f4f4; padding: 25px; border-radius: 9px;} #fdlm #search h2 {font-size: 27px; font-weight: 900; color: #000; margin-bottom: 20px; text-align: center;} #fdlm #search .reset {text-align: right; margin-bottom: 25px;} #fdlm #search .reset a, #fdlm #search .reset button {font-size: 20px; color: #000; text-decoration: underline; background: transparent; border: none; padding: 0;} #fdlm #search .reset a:hover, #fdlm #search .reset button:hover {font-size: 20px; color: #000; text-decoration: none;} #fdlm #search .form-group {margin-bottom: 13px;} #fdlm #search .form-group .tooltip1, #fdlm #search .form-group .tooltip2 {position: relative;} #fdlm #search .form-group .tooltip1 .tooltiptext {visibility: hidden; width: 351px; background-color: #99cf17; color: #000; text-align: left; border-radius: 6px; padding: 5px 9px; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 93%; left: 16%; margin-left: -60px; font-size: 14px; line-height: 18px;} #fdlm #search .form-group .tooltip2 .tooltiptext {visibility: hidden; width: 151px; background-color: #99cf17; color: #000; text-align: left; border-radius: 6px; padding: 5px 9px; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 85%; left: 16%; margin-left: -60px; font-size: 14px; line-height: 18px;} #fdlm #search .form-group .tooltip1:hover .tooltiptext, #fdlm #search .form-group .tooltip2:hover .tooltiptext {visibility: visible;} #fdlm #search label {font-size: 20px; color: #000; margin-bottom: 7px;} #fdlm #search .form-control {border: 2px solid #cccccc; color: #000; font-size: 18px; font-weight: 400; border-radius: 9px; padding: 5px 10px;} #fdlm #search .select {padding: 0; margin: 0; border: 2px solid #cccccc; width: 100%; border-radius:9px; overflow: hidden; line-height: 39px; font-size: 20px; font-weight: 400; color: #000; position: relative; background: #fff url(../images/fdlm/dropdown-sky.svg) no-repeat 100% 0;} #fdlm #search .select select {padding: 0 41px 0 7px; border: none; box-shadow: none; width: 100%; display: block; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .form-check {margin-bottom: 0;} .form-check-input[type=checkbox] {background-color: #fff; border: 2px solid #cccccc;} .form-check-input:checked[type=checkbox] {background: url(../images/fdlm/check-sky.svg) no-repeat #fff 1px 4px; background-size: 14px;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {background: url(../images/fdlm/button-find-a-doctor.svg) no-repeat; background-size: 100%; width: 270px; height: 98px; margin: 27px auto 13px; display: block; border: none; font-size: 0;} #fdlm .result .static-image {border: 2px dashed #2d7c8e; border-radius: 9px; padding: 15px;} #fdlm .result .match {margin: 10px 16px;} #fdlm .result .match.fl {display: flex; justify-content: space-between;} #fdlm .result .match .flex {display: flex; justify-content: space-between;} #fdlm .result .match .sort {display: flex; align-items: center;} #fdlm .result .match .sort .flex, #fdlm .result .flex .search form, #fdlm .result .match .flex form {display: flex;} #fdlm .result .match .sort form, #fdlm .result .match .flex form {margin-right: 16px;} #fdlm .result .flex .search form button.btn {background-color: #57d1da !important; font-weight: 600; border-color: #57d1da !important; height: 43px;} #fdlm .result .match .detail {font-size: 16px; font-weight: 900; margin-top: 7px;} /*66, width: 43%*/ #fdlm .result .match .detail.w42p {width: 100%; margin-top: 14px;} #fdlm .result .match label {font-size: 16px; color: #000; font-weight: 900; margin: 6px 7px 0 0;} #fdlm .result .match label.sort {width: auto;} #fdlm .result .match label.sort.start {align-items: flex-start;} #fdlm .result .match #sort_form label.sort {margin-top: -3px;} /*#fdlm .result .match div {width: 200px; display: flex;}*/ #fdlm .result .match div.search .form-control {border: 2px solid #ccc; width: 200px; margin-right: 7px;} #fdlm .result .match .select {padding: 0; margin: 0 7px 0 0; border: 2px solid #cccccc; width: 124px; height: 43px; border-radius:54px; text-align: center; line-height: 34px; font-size: 20px; font-weight: 400; color: #000; position: relative; background: #fff url(../images/fdlm/arrow-grey01.svg) no-repeat 92% 48%; background-size: 18px;} #fdlm .result .match .select select {padding: 2px 30px 3px 11px; border: none; box-shadow: none; width: 100%; display: block; font-size: 16px; font-weight: 400; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: center;} #txtzip-error.help-block, #selDistance-error.help-block {display: block; font-size: 13px; color: #ff0000; line-height: 16px; margin-top: 5px;} #fdlm .result .match .sort .flex .select {width: 106px;} #fdlm #bookmark_form span.btn_book, #fdlm #bookmark_form a.btn_book, #fdlm #bookmark_form a.bookmark-btn {background: url(../images/fdlm/favorite-nonselection.svg) no-repeat; background-size: 100%; width: 30px; height: 45px; display: block;} #fdlm #bookmark_form a.bookmarked {background: url(../images/fdlm/favorite-selected.svg) no-repeat; background-size: 100%; width: 30px; height: 45px; display: block;} #fdlm #bookmark_form_mob a.btn_book, #fdlm #bookmark_form_mob a.bookmark-btn {background: url(../images/fdlm/favorite-nonselection.svg) no-repeat; background-size: 100%; width: 30px; height: 45px; display: block;} #fdlm #bookmark_form_mob a.bookmarked {background: url(../images/fdlm/favorite-selected.svg) no-repeat; background-size: 100%; width: 30px; height: 45px; display: block;} #fdlm .result .listing {border: 2px dashed #2d7c8e; padding: 22px 20px; margin-bottom: 16px; border-radius: 11px;} #fdlm .result .listing .profilename {display: flex; justify-content: space-between;} #fdlm .result .listing .profilename h3 {font-size: 25px; color: #000; font-weight: 900; margin: 0 0 22px 0;} #fdlm .result .listing .profilename h3 a {font-size: 25px; color: #000; font-weight: 900; text-decoration: none;} #fdlm .result .listing .profilename h3 a:hover {font-size: 25px; color: #000; font-weight: 900; text-decoration: underline;} #fdlm .result .listing .profilename a.bookmark-btn {background: url(../images/fdlm/favorite-nonselection.svg) no-repeat; background-size: 100%; width: 30px;} #fdlm .result .listing .profilename a.bookmarked {background: url(../images/fdlm/favorite-selected.svg) no-repeat; background-size: 100%; width: 30px;} #fdlm .result .listing a.tel, #fdlm .result .listing a:hover.tel {color: #000; text-decoration: none; font-weight: 700;} #fdlm .result .listing .profilemile {display: flex; justify-content: space-between; align-items: center; margin-top: 25px;} #fdlm .result .listing .profilemile .viewprofile a {font-size: 20px; font-weight: 900; color: #000; text-decoration: underline;} #fdlm .result .listing .profilemile .viewprofile a:hover {font-size: 20px; font-weight: 900; color: #000; text-decoration: none;} #fdlm .result .listing .profilemile .compare {margin-left: 14px; background-color: #f4f4f4; border-radius: 7px; padding: 8px 15px; display: inline-block;} #fdlm .result .listing .profilemile .miles a {display: flex; align-items: end; font-size: 20px; font-weight: 900; color: #000; text-decoration: none;} #fdlm .result .listing .profilemile .miles a:hover {font-size: 20px; font-weight: 900; color: #000; text-decoration: underline;} #fdlm .result .listing .profilemile .miles span {margin-left: 3px;} #fdlm .result .pagination {margin-top: 36px; min-height: 43px;} #fdlm .result .pagination ul {display: flex; align-items: center; justify-content: center; margin: 0; padding: 0; list-style-type: none; width: 100%;} #fdlm .result .pagination li {margin: 0 11px; padding: 0; list-style-type: none;} #fdlm .result .pagination li a {font-size: 20px; font-weight: 400; padding: 8px 16px 10px; line-height: 30px; color: #000; text-decoration: none; background-color: #e2e2e2; border-radius: 50%;} #fdlm .result .pagination li a:hover {font-size: 20px; font-weight: 400; color: #000; text-decoration: underline; background-color: #e2e2e2;} #fdlm .result .pagination li a.active, #fdlm .result .pagination li a:hover.active {font-size: 20px; font-weight: 900; color: #000; text-decoration: none; background-color: #a3dfa8;} #fdlm .result .pagination li a.previous, #fdlm .result .pagination li a.next {font-size: 20px; font-weight: 400; color: #000; text-decoration: underline; background-color: transparent; padding: 0; line-height: inherit;} #fdlm .result .pagination li a:hover.previous, #fdlm .result .pagination li a:hover.next {font-size: 20px; font-weight: 400; color: #000; text-decoration: none;} .comparepanel {box-shadow: 0 -10px 20px -5px rgba(115,115,115,0.75); background-color: #fff; padding: 18px 0; position: fixed; width: 100%; bottom: 0;} .comparepanel .flex {display: flex; justify-content: space-between; align-items: center;} .comparepanel h3 {font-size: 25px; color: #000; font-weight: 900; margin-bottom: 0;} .comparepanel p {font-weight: 900; margin-bottom: 0;} .comparepanel a.link {font-weight: 400; text-decoration: underline; color: #000;} .comparepanel a:hover.link {font-weight: 400; text-decoration: none; color: #000;} .comparepanel button, #compareModal .modal-body .profilename button, #comparemobileModal .modal-body .profilename button {background-color: #d6d6d6; border: none; padding: 8px 16px; font-size: 20px; color: #000; font-weight: 900; border-radius: 8px; text-decoration: none; text-align: center; box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75), 10px 0 20px -5px rgba(115,115,115,0.75); margin-left: 16px;} .comparepanel button:hover, #compareModal .modal-body .profilename button:hover, #comparemobileModal .modal-body .profilename button:hover {background-color: #57d1da; font-size: 20px; color: #000; font-weight: 900; text-decoration: none;} #compareModal .modal-body .profilename button, #comparemobileModal .modal-body .profilename button {height: 52px; margin: 0 0 25px 0;} #profileModal .modal-header, #compareModal .modal-header, #comparemobileModal .modal-header {padding-right: 0; border: none;} #profileModal .modal-header .btn-close, #compareModal .modal-header .btn-close, #comparemobileModal .modal-header .btn-close {width: 2.2em; height: 2.2em; opacity: 1;} #compareModal .modal-header h5, #comparemobileModal .modal-header h5 {font-size: 27px; font-weight: 900; color: #000; width: 88%; text-align: center;} #profileModal .modal-content, #compareModal .modal-content, #comparemobileModal .modal-content {border-radius: 23px; padding: 0 23px 23px;} #profileModal .modal-body {border: 2px dashed #2d7c8e; padding: 16px 20px; border-radius: 11px;} #compareModal .modal-body {display: flex; padding: 0;} #compareModal .modal-body .listing, #comparemobileModal .modal-body .listing {border: 2px dashed #2d7c8e; padding: 25px 20px 16px; border-radius: 11px; width: 100%;} #compareModal .modal-body .listing:nth-child(2), #compareModal .modal-body .listing:nth-child(3) {margin-left: 2%;} #profileModal .modal-body h3, #compareModal .modal-body h3, #comparemobileModal .modal-body h3 {font-size: 25px; color: #000; font-weight: 900; margin-bottom: 25px;} #compareModal .modal-body h3, #comparemobileModal .modal-body h3 {order: 2; width: 100%;} #compareModal .modal-body .profilename, #comparemobileModal .modal-body .profilename {display: flex; justify-content: flex-end; width: 100%; flex-wrap: wrap;} #profileModal .modal-body .form-group, #compareModal .modal-body .form-group, #comparemobileModal .modal-body .form-group {margin-bottom: 25px;} #profileModal .modal-body .form-group:last-child, #compareModal .modal-body .form-group:last-child, #comparemobileModal .modal-body .form-group:last-child {margin-bottom: 0;} #profileModal .modal-body p, #compareModal .modal-body p, #comparemobileModal .modal-body p {font-size: 20px; color: #000; font-weight: 400;} #profileModal .modal-body p.bold, #compareModal .modal-body p.bold, #comparemobileModal .modal-body p.bold {font-weight: 900; margin-bottom: 0;} #profileModal .modal-body p .tel, #profileModal .modal-body p .tel:hover, #compareModal .modal-body p .tel, #compareModal .modal-body p .tel:hover, #comparemobileModal .modal-body p .tel, #comparemobileModal .modal-body p .tel:hover {color: #000; text-decoration: none;} #comparemobileModal .owl-theme .owl-nav {display: none;} #comparemobileModal .owl-theme .owl-dots {background-color: #d6d6d6; border: none; padding: 13px 0 4px; border-radius: 45px; margin: 25px auto auto; box-shadow: 0 10px 20px -5px rgba(115,115,115,0.75), 10px 0 20px -5px rgba(115,115,115,0.75); width: 135px;} #comparemobileModal .owl-theme .owl-dots .owl-dot span {background-color: #fff; width: 20px; height: 20px; border: 1px solid #fff;} #comparemobileModal .owl-theme .owl-dots .owl-dot.active span, #comparemobileModal .owl-theme .owl-dots .owl-dot:hover span {background-color: #57d1da; width: 20px; height: 20px; border: 1px solid #000;} /*Find a Doctor Like Me*/ /*Building Your Care Team*/ #byct .desktop {background: url(../images/byct/home.svg) no-repeat; background-size: 100%; min-height: 745px;} #byct .desktop .overview {background: url(../images/byct/build-your-care-team.svg) no-repeat; position: absolute; background-size: 527px; width: 656px; height: 452px; margin: 0 0 0 190px; float: left; z-index: 2;} #byct .desktop .overview .wtodi {position: absolute; top: 254px; left: -100px;} #byct .desktop .overview .qa {position: absolute; top: 381px; left: 7px;} #byct .desktop .overview .trdc {position: absolute; top: 420px; left: 188px;} #byct .desktop .overview .sso {position: absolute; top: 383px; left: 365px;} #byct .desktop .overview .ycc {position: absolute; top: 254px; left: 470px;} #byct .desktop .content {position: relative; z-index: 1; background-color: #fff; border: 4px dotted #000; padding: 34px 63px; float: right; margin-top: 45px; border-radius: 36px; width: 513px;} #byct .desktop .content p {line-height: 29px; margin-bottom: 0;} /*What Type of Oncologist Do I Need?*/ #oncologist h1 {font: 900 50px/61px 'Lato',Arial,sans-serif; color: #000; margin: 0; padding: 18px 0 36px; text-align: center;} /*Join Our Community, Forgot Password, Contact*/ #join {background: url(../images/join-login.svg) no-repeat 0 0; background-size: 100%; padding: 72px 0; margin: 16px 0 36px;} #join .join-form {background-color: #fff; border-radius: 25px; padding: 25px 34px; box-shadow: 0 0 15px -2px #444444; width: 492px; margin: 0 auto;} #join .join-form h1 {font: 900 37px/41px 'Lato',Arial,sans-serif; color: #000; margin-bottom: 27px} #join .join-form label {font-size: 20px; margin: 0 0 7px 7px;} #join .join-form input[type=text], #join .join-form input[type=password] {background-color: #ececec; padding: 7px 10px; width: 100%; margin-bottom: 10px;} #join .join-form button[type=submit] {background-color: #57d1da; width: 200px; text-align: center; border: none; margin: 25px auto; font-size: 24px; font-weight: 900; line-height: 45px; color: #000; box-shadow: 0 0 15px -2px #444444; display: block;} #join .join-form button[type=submit]:hover {background-color: #6fdae6;} #join .join-form button[type=submit].login {background-color: #99cf17; margin: 36px auto 27px;} #join .join-form button[type=submit]:hover.login {background-color: #90b718;} #join .join-form p {font-size: 16px; font-weight: 400; line-height: 20px; color: #000;} #join .join-form p a {font-size: 16px; font-weight: 400; line-height: 20px; color: #1b8793; text-decoration: none;} #join .join-form p a:hover {font-size: 16px; font-weight: 400; line-height: 20px; color: #1b8793; text-decoration: underline;} #join .join-form p a.underline {text-decoration: underline; color: #000;} #join .join-form p a:hover.underline {text-decoration: none; color: #000;} #join .join-form .already {display: flex; align-items: center; justify-content: center;} #join .join-form .already:before, #join .join-form .already:after {content: ""; background: #b5b5b5; width: 100%; height: 1px;} #join .join-form .already span {margin: 0 9px; font-size: 18px; color: #000; white-space: nowrap} #join .join-form p.login, #join .join-form p.joinour {text-align: center; margin: 28px 0 25px;} #join .join-form p.joinour {margin: 24px 0 9px;} #join .join-form p.login a, #join .join-form p.joinour a {background-color: #99cf17; width: 200px; text-align: center; border: none; margin: 0 auto; display: block; font-size: 24px; font-weight: 900; line-height: 45px; color: #000; box-shadow: 0 0 15px -2px #444444; text-decoration: none;} #join .join-form p.login a:hover, #join .join-form p.joinour a:hover {background-color: #90b718; text-decoration: none;} #join .join-form p.joinour a {background-color: #57d1da; width: 310px;} #join .join-form p.joinour a:hover {background-color: #6fdae6;} #join .join-form .form-check {padding-left: 2.2em;} #join .join-form .form-check label {margin: 3px 0 0 4px;} #join .join-form .form-check .form-check-input[type=checkbox] {border: 3px solid #a5a5a5; width: 1.3em; height: 1.3em; border-radius: 50%;} #join .join-form .form-check .form-check-input:checked[type=checkbox] {background-position: 1px 5px; background-size: 18px;} #join .join-form .forgot {text-align: right;} #join .join-form .forgot a {font-size: 20px; color: #1b8793; text-decoration: underline; font-weight: 400;} #join .join-form .forgot a:hover {font-size: 20px; color: #1b8793; text-decoration: none; font-weight: 400;} #join .join-form .mx-auto.forgotpass label {margin-bottom: 11px;} #join .join-form .mx-auto {text-align: center;} #join .join-form .mx-auto.forgotpass button[type=submit].login {margin: 22px 14px 16px 0; display: inline-block; width: 100px; font-size: 18px; line-height: 36px;} #join .join-form .mx-auto.forgotpass .btn-outline-dark {display: inline-block; font-size: 18px; font-weight: 900; line-height: 36px; border: none; width: 100px; box-shadow: 0 0 15px -2px #444444; margin: 22px 0 16px; border-radius: 6px; background: #d6d6d6; color: #000;} #join .join-form .mx-auto.forgotpass .btn-outline-dark:hover {background: #c6c6c6;} #join .join-form button[type=submit] {background-color: #57d1da; width: 200px; text-align: center; border: none; margin: 25px auto;} #join .join-form textarea {background-color: #ececec; height: 151px; padding: 7px 10px; width: 100%; resize: none; border: 1px solid #dee2e6;} #join.contact {position: relative; width: 100%;} #join.contact.thank {min-height: 601px;} #join.contact.thank .join-form {margin-top: 164px;} #join.contact .join-form button[type=submit] {margin: 36px auto 12px;} #join.contact .profile {position: absolute; top: 38%; right: 2%; border: 7px solid #57d1da; background-color: #fff; padding: 16px 20px; text-align: center; width: 340px; border-radius: 16px;} #join.contact .profile p {font-size: 22px; line-height: 26px; margin-bottom: 0;} #join.contact .profile p a {font-size: 22px; font-weight: 900; color: #000; text-decoration: underline;} #join.contact .profile p a:hover {font-size: 22px; font-weight: 900; color: #000; text-decoration: none;} #join.contact .join-form input[type=text].form-control, #join.contact .join-form textarea.form-control {margin-bottom: 16px;} #join.contact .form-control::-webkit-input-placeholder {color:#a5a5a5; opacity: 1; font-weight: 700; font-size: 19px;} #join.contact .form-control::-moz-placeholder {color:#a5a5a5; opacity: 1; font-weight: 700; font-size: 19px;} #join.contact .form-control:-ms-input-placeholder {color:#a5a5a5; opacity: 1; font-weight: 700; font-size: 19px;} #join.contact .form-control:-moz-placeholder {color:#a5a5a5; opacity: 1; font-weight: 700; font-size: 19px;} #join.contact .form-control:placeholder {color:#a5a5a5; opacity: 1; font-weight: 700; font-size: 19px;} /*About Us*/ #aboutus {background: url(../images/join-login.svg) no-repeat 0 0; background-size: 100%; padding: 10px 0;} #aboutus h1 {font: 900 50px/61px 'Lato',Arial,sans-serif; color: #000; margin: 0; padding: 7px 0 27px; text-align: center;} #aboutus .mainbox {background-color: #fff; border-radius: 25px; padding: 25px 34px; box-shadow: 0 0 15px -2px #444444; width: 81%; margin: 0 auto;} #aboutus .mainbox .email {display: flex; align-items: end; justify-content: center; text-align: center; width: 100%; border-bottom: 3px dotted #000; padding-bottom: 18px; margin-bottom: 25px;} #aboutus .mainbox .email p {text-align: center; line-height: 24px; margin-right: 7px; margin-bottom: 0; width: 78%;} #aboutus .mainbox .email p a, #aboutus .mainbox .title a {font-size: 20px; font-weight: 900; color: #000; text-decoration: underline;} #aboutus .mainbox .email p a:hover, #aboutus .mainbox .title a:hover {font-size: 20px; font-weight: 900; color: #000; text-decoration: none;} #aboutus .mainbox .email img {margin-left: 16px; width: 90px;} #aboutus .mainbox .title {text-align: center;} #aboutus .mainbox .combine {display: flex; justify-content: space-between; margin-top: 30px;} #aboutus .mainbox .combine .w33p {width: 33%;} #aboutus .mainbox .combine .box {border: 3px solid #000; border-radius: 14px; overflow: hidden; margin-bottom: 18px;} #aboutus .mainbox .combine .box h3 {background-color: #57d1da; border-bottom: 3px solid #000; padding: 7px 0; font-size: 27px; font-weight: 900; color: #000; margin-bottom: 0; text-align: center;} #aboutus .mainbox .combine .box .pad {padding: 18px 18px 25px;} #aboutus .mainbox .combine .box p {text-align: center; margin-bottom: 0;} #aboutus .mainbox .combine .w61p {width: 61%;} #aboutus .mainbox .combine .w61p .pad {padding: 20px 25px 40px;} #aboutus .mainbox .combine .w61p p {text-align: left; margin-bottom: 16px;} #aboutus .mainbox .combine .w61p .box {min-height: 439px;} #aboutus .mainbox ul, #aboutus .mainbox li {margin: 0; padding: 0; list-style-type: none;} #aboutus .mainbox li {background: url(../images/bullet-black.svg) no-repeat 0 2px; background-size: 22px; padding-left: 18px; font-size: 20px; line-height: 24px; margin-bottom: 10px; text-align: left;} #aboutus .mainbox li a {font-size: 20px; color: #000; text-decoration: underline;} #aboutus .mainbox li a:hover {font-size: 20px; color: #000; text-decoration: none;} /*Checklist: Find a Doctor/Cancer Center*/ #checklistfind h1, #checklistnotes h1 {font: 900 50px/61px 'Lato',Arial,sans-serif; color: #000; margin: 0; padding: 0 0 18px; text-align: center;} #checklistfind p {text-align: center;} #checklistfind .checklist {display: flex; justify-content: space-between; margin: 124px 0 45px; position: relative;} #checklistfind .checklist .arrow {position: absolute; top: -72px; left: 26%;} #checklistfind .checklist .arrow.right {left: 61.7%;} #checklistfind .checklist .w30p {width: 30%; border: 3px solid #000;} #checklistfind .checklist .w30p .head {text-align: center; padding: 36px 16px 32px;} #checklistfind .checklist .w30p .pista {background: url(../images/checklist/bottom-line-01.svg) no-repeat 95% 98% #f1f7e4; margin: 0 0 0 10px; background-size: 81px; padding: 7px 12px 13px 10px; border-radius: 5px;} #checklistfind .checklist .w30p.second .pista {background: url(../images/checklist/bottom-line-02.svg) no-repeat 95% 98% #f1f7e4; background-size: 81px;} #checklistfind .checklist .w30p:nth-child(3) .pista {min-height: 847px;} #checklistfind .checklist .w30p:nth-child(4) .pista {min-height: 858px;} #checklistfind .checklist .w30p:last-child .pista {min-height: 862px;} #checklistfind .checklist .w30p .pista .form-group {padding-bottom: 14px;} #checklistfind .checklist .w30p .pista .form-group .box {width: 1.2em; height: 1.2em; border-radius: 0; border: 2px solid #2d2d2d; display: inline-block; margin: 7px 10px 0 0; background-color: #d3d3d3;} #checklistfind .checklist .w30p .pista .form-check-input[type=checkbox] {width: 1.2em; height: 1.2em; border-radius: 0; border: 3px solid #2d2d2d;} #checklistfind .checklist .w30p .pista .form-check-input:checked[type=checkbox] {background-position: 2px 4px;} /*#checklistfind .checklist .w30p .pista .form-check {padding-left: 1.7em;}*/ #checklistfind .checklist .w30p .pista .form-check {padding-left: 0;} #checklistfind .checklist .w30p .pista .form-check label {display: inline-block; width: 89%; vertical-align: top;} #checklistfind .checklist .w30p .pista .form-check .form-check-input {margin-left: -1.6em;} #checklistfind .action {text-align: center; margin-top: 34px;} #checklistfind .action a {background-color: #99cf17; color: #000; font-size: 20px; line-height: 45px; font-weight: 900; text-decoration: none; padding: 5px; width: 300px; box-shadow: 0 0 15px -2px #444444; display: inline-block; border-radius: 7px;} #checklistfind .action a:hover {background-color: #90b718; color: #000; font-size: 20px; font-weight: 900; text-decoration: none;} #checklistfind .action button, #checklistfind .action a.download {background-color: #57d1da; color: #000; font-size: 20px; line-height: 45px; font-weight: 900; display: inline-block; text-decoration: none; padding: 5px; box-shadow: 0 0 15px -2px #444444; margin-left: 30px; border: none; border-radius: 7px;} #checklistfind .action button:hover, #checklistfind .action a:hover.download {background-color: #6fdae6; color: #000; font-size: 20px; font-weight: 900; text-decoration: none;} /*Checklist: enter notes*/ #checklistnotes .adddoctor {display: flex; justify-content: center; margin-bottom: 54px; align-items: center;} #checklistnotes .adddoctor p {width: 75%; text-align: center;} #checklistnotes .adddoctor p strong {font-weight: 900;} #checklistnotes .adddoctor a, #checklistnotes .adddoctor button {background-color: #57d1da; color: #000; font-size: 20px; line-height: 36px; font-weight: 900; text-decoration: none; padding: 5px 20px; box-shadow: 0 0 15px -2px #444444; border-radius: 7px; height: 48px; border: none; cursor: pointer;} #checklistnotes .adddoctor a:hover, #checklistnotes .adddoctor button:hover {background-color: #6fdae6; color: #000; font-size: 20px; font-weight: 900; text-decoration: none;} #checklistnotes .nav.nav-pills {display: flex; justify-content: center;} /*#checklistnotes .nav.nav-pills li.nav-item {border: 12px solid; margin: 0 13px; border-style: double; background: #7fecef; width: 24%;}*/ #checklistnotes .nav.nav-pills li.nav-item {border: 2px solid; margin: 0 13px; width: 24%;} #checklistnotes .nav.nav-pills li:nth-child(2).nav-item {width: 31%;} #checklistnotes .nav.nav-pills li.nav-item button, #checklistnotes .nav.nav-pills li.nav-item button:hover {background-color: #99ca3e; font-size: 25px; font-weight: 900 !important; color: #000 !important; border-radius: 0; padding: 7px 7px 0 7px; width: 100%;} /*#checklistnotes .nav.nav-pills li.nav-item button:hover {background-color: #7fecef; font-size: 25px; font-weight: 900 !important; color: #000 !important; border-radius: 0; padding: 16px 10px; width: 100%;}*/ #checklistnotes .nav.nav-pills li.nav-item button.active {background-color: #7fecef;} #checklistnotes .nav.nav-pills li.nav-item button.active::after {display: none;} #checklistnotes .nav.nav-pills li.nav-item button span {background: #7fecef; padding-bottom: 7px; display: flex; align-items: center; justify-content: center; width: 100%; border: 2px solid; height: 72px;} #checklistnotes .nav.nav-pills li.nav-item button.active span {background: #99ca3e;} #checklistnotes #checklist-tabContent {border: 2px solid #000; border-radius: 20px; background-color: #f4f4f4; position: relative; z-index: 2; margin-top: -13px; overflow: hidden;} #checklistnotes #checklist-tabContent table {border-collapse: collapse; margin: 0; padding: 0;} #checklistnotes #checklist-tabContent td {padding: 15px 15px 0; border-right: 2px dotted #000; border-bottom: 2px dotted #000; vertical-align: middle;} #checklistnotes #checklist-tabContent td:last-child {border-right: none;} #checklistnotes #checklist-tabContent tr:first-child td:last-child, #checklistnotes #checklist-tabContent tr:last-child td.value, #checklistnotes #checklist-tabContent tr:last-child td:first-child {border-bottom: none;} #checklistnotes #checklist-tabContent td.doctorname {border-bottom: 2px dotted #000 !important;} #checklistnotes #checklist-tabContent td:first-child {width: 37%;} #checklistnotes .form-check {display: flex; align-items: center;} #checklistnotes .form-check-input[type=checkbox] {width: 1.1em; height: 1.1em; border-radius: 0; border: 2px solid #2d2d2d; background-color: #d3d3d3;} #checklistnotes .form-check-input:checked[type=checkbox] {background: url(../images/checklist/checked.svg) no-repeat #fff 2px 4px; background-size: 14px;} #checklistnotes .form-check label {margin-left: 14px;} #checklistnotes #checklist-tabContent td.doctorname {text-align: center; vertical-align: top;} #checklistnotes #checklist-tabContent td.doctorname div {display: flex; align-items: center;} #checklistnotes #checklist-tabContent td.doctorname textarea {background-color: #fff; height: 72px; padding: 7px 10px; width: 81%; resize: none; border: 1px solid #777777; font-size: 20px; font-weight: 400; color: #000; border-radius: 0; display: inline-block; vertical-align: bottom; margin-bottom: 15px; margin-right: 9px;} #checklistnotes #checklist-tabContent td.doctorname a.btn.clear_data, #checklistnotes #checklist-tabContent td.doctorname a:hover.btn.btn.clear_data {background-color: transparent; padding: 0; border: none; margin-bottom: 15px;} /*#checklistnotes #checklist-tabContent td.doctorname a.btn.clear_data {background: #fff; border: 1px solid #adadad; color: #000; font-weight: 900; cursor: pointer; margin-bottom: 15px;} #checklistnotes #checklist-tabContent td.doctorname a:hover.btn.clear_data {background: #f7f7f7; color: #000; font-weight: 900;} #checklistnotes #checklist-tabContent td.doctorname.show_content a.btn.clear_data {margin: 0;}*/ #checklistnotes #checklist-tabContent td.value {background-color: #fff; text-align: center;} #checklistnotes #checklist-tabContent td.value textarea {background-color: #fff; height: 61px; padding: 7px 10px; width: 97%; resize: none; border: 1px solid #777777; font-size: 20px; font-weight: 400; color: #000; border-radius: 0; display: inline-block;} #checklistnotes #checklist-tabContent td .form-control::-webkit-input-placeholder {color:#8c8c8c; opacity: 1; font-weight: 900; font-size: 16px; text-align: center; padding-top: 18px;} #checklistnotes #checklist-tabContent td .form-control::-moz-placeholder {color:#8c8c8c; opacity: 1; font-weight: 900; font-size: 16px; text-align: center; padding-top: 18px;} #checklistnotes #checklist-tabContent td .form-control:-ms-input-placeholder {color:#8c8c8c; opacity: 1; font-weight: 900; font-size: 16px; text-align: center; padding-top: 18px;} #checklistnotes #checklist-tabContent td .form-control:-moz-placeholder {color:#8c8c8c; opacity: 1; font-weight: 900; font-size: 16px; text-align: center; padding-top: 18px;} #checklistnotes #checklist-tabContent td .form-control:placeholder {color:#8c8c8c; opacity: 1; font-weight: 900; font-size: 16px; text-align: center; padding-top: 18px;} #checklistnotes .action {text-align: center; margin-top: 36px;} #checklistnotes .action button.save {background-color: #99cf17; color: #000; font-size: 20px; line-height: 45px; font-weight: 900; text-decoration: none; padding: 5px; width: 250px; box-shadow: 0 0 15px -2px #444444; display: inline-block; border-radius: 7px; margin-left: 0;} #checklistnotes .action button.save:hover {background-color: #90b718; color: #000; font-size: 20px; font-weight: 900; text-decoration: none;} #checklistnotes .action button, #checklistnotes .action a {background-color: #57d1da; color: #000; font-size: 20px; line-height: 45px; font-weight: 900; text-decoration: none; padding: 5px; width: 250px; display: inline-block; box-shadow: 0 0 15px -2px #444444; margin-left: 30px; border: none; border-radius: 7px;} #checklistnotes .action button:hover, #checklistnotes .action a:hover {background-color: #6fdae6; color: #000; font-size: 20px; font-weight: 900; text-decoration: none;} #checklistnotes .action a.download_data {background-color: #a3dfa8;} #checklistnotes .action a:hover.download_data {background-color: #7bbc81;} /*Questions to Ask*/ #questionsask h1 {font: 900 50px/61px 'Lato',Arial,sans-serif; color: #000; margin: 0; padding: 0 0 18px; text-align: center;} #questionsask .info {border: 4px dotted #000; padding: 34px 25px; text-align: center; width: 78%; margin: 40px 0 61px; border-radius: 72px;} #questionsask .info p {margin-bottom: 0;} #questionsask .info p a {color: #000; text-decoration: underline; font-weight: 900;} #questionsask .info p a:hover {color: #000; text-decoration: none; font-weight: 900;} #questionsask .flex {display: flex; justify-content: space-between;} #questionsask .flex ul {width: 78%; border-radius: 72px;} #questionsask ul, #questionsask li {list-style-type: none; margin: 0; padding: 0;} #questionsask li {background: url(../images/question/bullet-skycircle.svg) no-repeat 0 4px; background-size: 18px; padding-left: 34px; font-size: 20px; line-height: 24px; margin-bottom: 12px;} #questionsask li a {font-size: 20px; color: #000; text-decoration: underline;} #questionsask li a:hover {font-size: 20px; color: #000; text-decoration: none;} #questionsask .flex .question {width: 441px; margin-top: -72px; position: relative;} #questionsask .flex .question p {position: absolute; text-align: center; left: 22%; top: 22%; line-height: 24px; margin-bottom: 0;} #questionsask .download {margin: 7px 0 12px; width: 70%; text-align: center;} /*The Right Doctor/Cancer Center*/ #trdcc h1, #create-update-profile h1, #myprofile h1, #ycc h1 {font: 900 50px/61px 'Lato',Arial,sans-serif; color: #000; margin: 0; padding: 0 0 25px; text-align: center;} .nosearch{text-align: center;} #trdcc .first {width: 72%;} #trdcc .second {width: 82%; margin-bottom: 25px;} /*#trdcc .first p, #trdcc .second p {margin-bottom: 0;}*/ #trdcc .twocol p {margin-bottom: 0;} #trdcc .second p a, #trdcc .thirdcol .col-md-6 p a, #trdcc .singlecol .col-md-8 p a, #trdcc .singlecol .col-md-8 li a, #trdcc .twocol .col-md-6 p a {color: #000; font-weight: 900; text-decoration: underline;} #trdcc .second p a:hover, #trdcc .thirdcol .col-md-6 p a:hover, #trdcc .singlecol .col-md-8 p a:hover, #trdcc .singlecol .col-md-8 li a:hover, #trdcc .twocol .col-md-6 p a:hover {color: #000; font-weight: 900; text-decoration: none;} #trdcc img.main {margin: -207px 0 -160px;} #trdcc .thirdcol .col-md-4, #trdcc .twocol .col-md-6, #trdcc .singlecol .col-md-4 {position: relative;} #trdcc .thirdcol .col-md-4 img, #trdcc .twocol .col-md-6 img {position: relative; z-index: 2;} #trdcc .thirdcol .col-md-4 .green, #trdcc .twocol .col-md-6 .green {border: 5px solid #99cf17; position: relative; z-index: 1; border-radius: 0 14px 14px 14px; padding: 34px 15px; margin-top: -20px;} #trdcc .thirdcol .col-md-4 .sky, #trdcc .singlecol .col-md-4 .sky {border: 5px solid #57d1da; position: relative; z-index: 1; border-radius: 0 14px 14px 14px; padding: 34px 15px; margin-top: -20px;} #trdcc .thirdcol .col-md-4 .pista, #trdcc .twocol .col-md-6 .pista, #trdcc .singlecol .col-md-4 .pista {border: 5px solid #a3dfa8; position: relative; z-index: 1; border-radius: 0 14px 14px 14px; padding: 34px 15px; margin-top: -20px;} #trdcc .thirdcol .col-md-4 p, #trdcc .thirdcol .col-md-6 p {margin-bottom: 0;} #trdcc .thirdcol .col-md-4 .search {margin-top: 27px; text-align: center;} #trdcc hr {margin: 45px 0 52px; border-top: 4px dotted #000; opacity: 1;} #trdcc .twocol {margin: 25px 0 36px;} #trdcc .singlecol {margin-bottom: 20px;} #trdcc .singlecol .col-md-4 img {position: relative; z-index: 3;} #trdcc .singlecol .col-md-4 .sky {z-index: 2; background-color: #fff;} #trdcc .singlecol .col-md-4 .pista {margin-top: -27px; z-index: 2; background-color: #fff;} #trdcc .singlecol .col-md-4 .sky p, #trdcc .singlecol .col-md-4 .pista p {margin: 0;} #trdcc .singlecol .col-md-8 {border: 4px dotted #000; padding: 36px 25px 20px 45px; position: relative; z-index: 1; margin: 112px 0 0 -36px; border-radius: 45px;} #trdcc .singlecol .col-md-8.flex {display: flex;} #trdcc .singlecol .col-md-8 ul {width: 50%;} #trdcc .singlecol .col-md-8 ul, #trdcc .singlecol .col-md-9 li {list-style-type: none; margin: 0; padding: 0;} #trdcc .singlecol .col-md-8 li {background: url(../images/rdc/bullet-black.svg) no-repeat 0 1px; background-size: 27px; padding-left: 22px; margin-bottom: 7px;} /*Search for an Oncologist*/ #searchoncologist h1, #thefacts h1, #sso h1, #fct h1 {font: 900 50px/61px 'Lato',Arial,sans-serif; color: #000; margin: 0; padding: 0 0 45px; text-align: center;} #thefacts h1, #sso h1, #fct h1, #create-update-profile h1 {padding-top: 45px;} #searchoncologist .row {align-items: center;} #searchoncologist .col-md-5 {position: relative; z-index: 2; padding: 0;} #searchoncologist .col-md-5 img {margin-left: -54px;} #searchoncologist .col-md-7 {border: 4px dotted #000; padding: 18px 18px 7px 81px; position: relative; width: 68%; z-index: 1; border-radius: 45px; margin-left: -130px;} #searchoncologist .text23 {font-size: 23px; font-weight: 900; margin-bottom: 22px;} #searchoncologist.cc .col-md-7 {padding-left: 162px; margin-left: -217px; width: 74%;} /*The Facts*/ #thefacts .row.bg {background: url(../images/thefacts/linecircle.svg) no-repeat 54px 0; align-items: center; background-size: 31%; min-height: 950px;} #thefacts .col-md-4 p {font-weight: 900; margin-bottom: 0;} #thefacts .col-md-8 {margin-left: -63px; width: 70%;} #thefacts .flex {align-items: center; margin-bottom: 18px;} #thefacts .flex.first {margin-left: -124px;} #thefacts .flex.last {margin-left: -110px;} #thefacts .flex.first img, #thefacts .flex.last img {width: 141px;} #thefacts .flex .col-md-2 {padding-left: 0;} #thefacts .flex .col-md-10 {border: 7px solid; padding: 16px 20px; border-radius: 25px; background-color: #fff;} #thefacts .flex .col-md-10.sky {border-color: #57d1da;} #thefacts .flex .col-md-10.green {border-color: #99cf17;} #thefacts .flex .col-md-10.pista {border-color: #a3dfa8;} #thefacts .flex .col-md-10 p, #thefacts .content p {margin-bottom: 0;} #thefacts .flex .col-md-10 p a, #thefacts .content p a, #sso .alternative .col-md-4 a {color: #000; text-decoration: underline;} #thefacts .flex .col-md-10 p a:hover, #thefacts .content p a:hover, #sso .alternative .col-md-4 a:hover {color: #000; text-decoration: none;} /*Seeking Second Opinions*/ #sso .options {background: url(../images/sso/desktop.svg) no-repeat 90px 79px; background-size: 93%; height: 665px; position: relative; margin-top: 18px;} #sso .options .why {border: 5px dotted #000; padding: 3px 16px 7px 16px; text-align: center; width: 660px; border-radius: 40px;} #sso .options .why img {width: 80%; margin-top: -50px;} #sso .options .confirm {position: absolute; top: 241px; left: -106px; text-align: center;} #sso .options .understand {position: absolute; top: 475px; left: 342px; text-align: center;} #sso .options .trials {position: absolute; top: 241px; right: 290px; text-align: center;} #sso .options .right {position: absolute; top: 405px; right: 160px; text-align: center;} #sso .options .validate {position: absolute; top: 63px; right: 30px; text-align: center;} #sso .end {align-items: end;} #sso .alternative {margin: 0;} #sso .alternative .col-md-4 {border: 5px dotted #000; border-radius: 9px; margin: 0 10px 10px 0;} #sso .alternative .col-md-4.marlr0 {margin-left: 10px; margin-right: 0;} #sso .alternative .col-md-8 {border: 5px dotted #000; border-radius: 9px; margin-bottom: 10px; width: 65%;} #sso .alternative .col-md-12 {border: 5px dotted #000; border-radius: 9px;} #sso .alternative .col-md-4 div, #sso .alternative .col-md-8 div, #sso .col-md-12 div {padding: 7px 10px;} #sso .col-md-12 {border: 5px dotted #000; border-radius: 9px;} #sso .mar0 {margin: 0;} /*Find a Clinical Trial*/ #fct .group {position: relative; margin-bottom: 52px;} #fct .group .clinic {position: absolute; top: 24%; left: 44%; width: 160px;} #fct .group .sky {background: url(../images/fct/sky.svg) no-repeat 0 0; padding: 0 70px 0 38px; display: flex; align-items: center; height: 345px;} #fct .group .green {background: url(../images/fct/green.svg) no-repeat 0 0; padding: 0 34px 0 72px; display: flex; align-items: center; height: 345px;} #fct .bordered {border: 5px dotted #000; border-radius: 25px; position: relative; padding: 34px 72px 0 96px; margin-top: 52px;} #fct .bordered .head {position: absolute; top: -27px; left: 25px; width: 290px;} #fct .bordered .right {position: absolute; top: 43px; right: -88px; width: 135px;} #fct .p2l {border: 5px dotted #000; border-radius: 25px; position: relative; padding: 14px 130px 10px 16px; width: 594px; margin: 52px auto; text-align: center;} #fct .p2l img {position: absolute; top: -26px; right: -106px; width: 241px;} #create-update-profile .createsearch {margin: 45px auto; display: flex; justify-content: center; align-items: center;} #create-update-profile .createsearch a.create {background-color: #99cf17; width: 340px; text-align: center; border: none; font-size: 27px; font-weight: 900; line-height: 61px; color: #000; box-shadow: 0 0 15px -2px #444444; text-decoration: none; border-radius: 10px;} #create-update-profile .createsearch a:hover.create {background-color: #90b718; text-decoration: none;} #create-update-profile .createsearch span {margin: 0 25px;} #create-update-profile .createsearch div {border: 3px solid #000; border-right: none; border-radius: 45px 0 0 45px; background-color: #fff; padding: 15px 0 15px 15px; width: 340px; position: relative;} #create-update-profile .createsearch div #txtsearch-error {position: absolute; margin: 0; left: 0; bottom: -32px; color: #ff0000; font-size: 13px;} #create-update-profile .createsearch input[type=text] {border: none; background-color: #fff; font-size: 20px; color: #000; padding: 0; width: 100%;} #create-update-profile .createsearch button.search {border: 3px solid #000; border-left: none; border-radius: 0 45px 45px 0; background-color: #fff; padding: 12px; vertical-align: top;} #create-update-profile .createsearch input[type=text]::-webkit-input-placeholder {color:#aaaaaa; opacity: 1; font-weight: 900; font-size: 27px; text-align: center;} #create-update-profile .createsearch input[type=text]::-moz-placeholder {color:#aaaaaa; opacity: 1; font-weight: 900; font-size: 27px; text-align: center;} #create-update-profile .createsearch input[type=text]:-ms-input-placeholder {color:#aaaaaa; opacity: 1; font-weight: 900; font-size: 27px; text-align: center;} #create-update-profile .createsearch input[type=text]:-moz-placeholder {color:#aaaaaa; opacity: 1; font-weight: 900; font-size: 27px; text-align: center;} #create-update-profile .createsearch input[type=text]:placeholder {color:#aaaaaa; opacity: 1; font-weight: 900; font-size: 27px; text-align: center;} #create-update-profile .createsearch form {display: flex;} #create-update-profile #create, #create-update-profile #update {text-align: center; justify-content: center; align-items: center; display: flex; margin-bottom: 25px;} #create-update-profile #create p {margin-bottom: 0;} #create-update-profile #create img, #create-update-profile #update img {margin-left: 14px; width: 90px;} #create-update-profile .emailverify {background-color: #efefef; width: 822px; margin: 7px auto 43px; padding: 18px 25px; border-radius: 14px; display: flex;} #create-update-profile .emailverify input {margin: 0 7px; border: 2px solid #d8d8d8; padding: 10px 14px; border-radius: 5px; font-size: 20px; color: #777777; width: 50%;} #create-update-profile #form {background: url(../images/profile/bg.svg) no-repeat top; background-size: 100%;} #create-update-profile #form .box {background-color: #fff; box-shadow: 0 0 15px -2px #444444; padding: 25px 54px; margin-bottom: 36px; width: 970px; margin: 0 auto; border-radius: 25px;} #create-update-profile #form .form-group {margin-bottom: 16px;} #create-update-profile #form label {font-weight: 900; margin: 0 0 7px 12px; width: 100%;} #create-update-profile #form label span {font-weight: 400; color: #ff0000;} #create-update-profile #form input[type=text], #create-update-profile #form textarea {border: 2px solid #d8d8d8; border-radius: 4px; background-color: #fff; font-size: 20px; color: #000; padding: 5px 12px; width: 100%;} #create-update-profile #form textarea {resize: none;} #create-update-profile #form .select {padding: 0; margin: 0; border: 2px solid #cccccc; width: 100%; border-radius:4px; overflow: hidden; line-height: 44px; font-size: 20px; font-weight: 400; color: #000; position: relative; background: #fff url(../images/profile/select.svg) no-repeat 100.2% 0px;} #create-update-profile #form .select select {padding: 0 41px 0 12px; border: none; box-shadow: none; width: 100%; display: block; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #create-update-profile #form .row.alignc {align-items: center;} #create-update-profile #form .required {margin-bottom: 0;} #create-update-profile #form .required span {color: #ff0000;} #create-update-profile #form .form-check {display: inline-block;} #create-update-profile #form .form-check label {margin-left: 0; margin-right: 27px; font-weight: 400;} #create-update-profile #form .save {text-align: right;} #create-update-profile #form .save button {background-color: #57d1da; width: 216px; text-align: center; border: none; text-decoration: none; font-size: 27px; font-weight: 900; line-height: 54px; color: #000; box-shadow: 0 0 15px -2px #444444; border-radius: 10px;} #create-update-profile #form .save button:hover {background-color: #6fdae6; text-decoration: none;} #myprofile {background: url(../images/profile/bg.svg) no-repeat top; background-size: 100%;} #myprofile h1 {padding-top: 20px;} #myprofile .required span, #myprofile .registration-details label span {color: #ff0000;} #myprofile .registration-details {background-color: #fff; box-shadow: 0 0 15px -2px #444444; padding: 25px; width: 81%; margin: 0 auto 36px; border-radius: 18px;} #myprofile .registration-details p.toptext {margin-bottom: 30px;} #myprofile .registration-details label {margin-bottom: 12px;} #myprofile .registration-details .form-control {background-color: #ececec;} #myprofile .registration-details .col-md-4 {margin-bottom: 22px;} #myprofile .registration-details .select-style {padding: 0; margin: 0; border: 2px solid #cccccc; width: 100%; border-radius:4px; overflow: hidden; line-height: 44px; font-size: 20px; font-weight: 400; color: #000; position: relative; background: #fff url(../images/profile/select.svg) no-repeat 100.2% 0px;} #myprofile .registration-details .select-style select {padding: 7px 41px 7px 12px; border: none; box-shadow: none; width: 100%; display: block; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} #myprofile .registration-details .pink-btn {background-color: #99cf17; text-align: center; border: none; margin: 15px auto 27px; display: block; padding-left: 20px; padding-right: 20px; font-size: 24px; font-weight: 900; line-height: 54px; color: #000; box-shadow: 0 0 15px -2px #444444; text-decoration: none; border-radius: 9px;} #myprofile .registration-details .pink-btn:hover {background-color: #90b718; text-decoration: none;} #ycc h1 {padding-top: 45px;} #ycc p.marb36 {margin-bottom: 36px;} @media (min-width: 768px){ .navbar>.container.end {justify-content: end;} } @media all and (min-width: 767px) { #innerhead .navbar .nav-item .dropdown-menu {display: none;} #innerhead .navbar .nav-item:hover .nav-link {} #innerhead .navbar .nav-item:hover .dropdown-menu {display:block;} #innerhead .navbar .nav-item .dropdown-menu {margin-top:0;} #innerhead .navbar .nav-item .dropdown-menu {flex-wrap: wrap;} #innerhead .navbar .nav-item .dropdown-menu li {width: 100%; margin-bottom: 0;} #innerhead .navbar .nav-item .dropdown-menu li a {background-color: #efefef; border-radius: 0; padding: 7px 12px; font-size: 19px; line-height: 22px; border-bottom: 1px solid #cfcfcf; text-align: left; white-space: break-spaces;} #innerhead .navbar .nav-item .dropdown-menu li a:hover {background-color: #dddddd;} #innerhead .navbar .nav-item .dropdown-toggle::after {vertical-align: .155em;} #innerhead .navbar .nav-item .dropdown-menu li:last-child a {border: none;} } @media (max-width: 1600px){ #sso .options {background-position: 120px 63px; background-size: 91%; height: 621px;} #sso .options p, #sso .alternative .col-md-4 p, #sso .alternative .col-md-8 p, #sso .alternative .col-md-12 p {font-size: 19px; line-height: 24px;} #sso .options .confirm {top: 223px; left: -54px;} #sso .options .understand {top: 436px; left: 357px;} #sso .options .trials {top: 214px; right: 276px;} #sso .options .right {top: 403px; right: 132px;} #sso .options .validate {top: 54px; right: 48px;} } @media (max-width: 1490px){ #fct .bordered {padding-right: 86px;} #fct .bordered .right {right: -54px;} } @media (max-width: 1399px){ #innerhead .right {width: auto;} #innerhead .right .navbar li {margin-right: 20px;} #innerhead .navbar ul {flex-wrap: wrap; justify-content: center;} #innerhead .navbar li a {padding-left: 11px; padding-right: 11px;} #innerhead p a, #innerhead p a:hover, #innerhead .navbar li a, #innerhead .navbar li a:hover, #innerhead .navbar li.active a, #innerhead .navbar li.active a:hover {font-size: 18px;} #fdlm .bar h1 {margin-left: 274px; font-size: 43px; line-height: 52px;} #fdlm .bar div {margin: 61px 0 0 54px;} #fdlm .bar p {width: 76%;} #byct .desktop .overview {height: 621px; position: relative; float: none; margin: 0 auto;} #byct .desktop .content {clear: both; float: none; width: 100%; padding: 27px 43px;} #join.contact .profile {right: -4%;} #checklistfind p br, #checklistnotes .adddoctor p br {display: none;} #checklistfind .checklist .w30p .pista .form-check label {width: 87%;} #checklistfind .checklist .w30p:nth-child(3) .pista {min-height: 1000px;} #checklistfind .checklist .w30p:nth-child(4) .pista {min-height: 998px;} #checklistfind .checklist .w30p:last-child .pista {min-height: 1000px;} #checklistnotes .adddoctor p {padding-right: 27px; margin-bottom: 0;} #questionsask .info p br {display: none;} #questionsask .download {margin-top: 16px;} #trdcc img.main {margin: -176px 0 -133px;} #trdcc .twocol .col-md-6 img.size {width: 345px;} #fdlm .result .match .flex {align-items: flex-start;} #fdlm .result .match .detail {width: 32%; line-height: 20px;} #fdlm .result .match #sort_form label.sort {margin-top: 6px;} #searchoncologist .col-md-5 img {margin-left: -31px;} #searchoncologist .col-md-7 {margin-left: -111px;} #searchoncologist.cc .col-md-7 {padding-left: 188px; width: 77%;} #thefacts .row.bg {background-size: 36%;} #thefacts .col-md-8 {margin-left: 36px; width: 62%; padding-left: 0;} #thefacts .flex.first {margin-left: -133px;} #thefacts .flex.first img, #thefacts .flex.third img, #thefacts .flex.last img {width: 106px;} #thefacts .flex.last {margin-left: -205px;} #sso .options {background-position: 120px 78px; background-size: 89%; height: 540px;} #sso .options p, #sso .alternative .col-md-4 p, #sso .alternative .col-md-8 p, #sso .col-md-12 p {font-size: 18px; line-height: 23px;} #sso .options .why {width: 580px;} #sso .options .confirm {top: 200px; left: -50px;} #sso .options .understand {top: 393px; left: 322px;} #sso .options .trials {top: 230px; right: 227px;} #sso .options .right {top: 360px; right: 115px;} #sso .options .validate {top: 54px; right: 27px;} #fct .bordered {padding-right: 72px;} #fct .bordered .right {right: -88px;} #fct .group .sky {height: 296px;} #fct .group .green {height: 298px; padding: 0 36px 0 81px;} #fct .group .sky p, #fct .group .green p {line-height: 24px;} #fct .group .clinic {width: 171px; left: 43%; top: 23%;} #questionsask .flex .question p {top: 18%;} #sso .col-md-9 .so {width: 370px;} #fdlm #search .form-group .tooltip1 .tooltiptext {width: 100%; left: 19%;} } @media (max-width: 1366px){ } @media (max-width: 1280px){ } @media (max-width: 1279px){ } @media (max-width: 1199px){ #innerhead .right {width: 48%;} #innerhead .right p a, #innerhead .right p a:hover {font-size: 18px;} #innerhead .navbar li a {padding-left: 10px; padding-right: 10px;} #fdlm .bar div {margin: 61px 0 0 54px;} #fdlm .bar p {width: 64%; font-size: 18px; line-height: 23px;} #fdlm .bar img {width: 72px;} /*#fdlm .bar p {width: 100%; margin-left: 0; padding-right: 90px; font-size: 18px;}*/ #fdlm .bar h1 {margin-left: 231px; font-size: 36px; line-height: 45px; padding-top: 12px;} #oncologist h1, #aboutus h1, #sso h1, #fct h1 {font-size: 43px; line-height: 50px;} #fdlm #search h2, #fdlm .result .listing .profilename h3 a, #fdlm .result .listing .profilename h3 a:hover, .comparepanel h3 {font-size: 22px;} #fdlm #search .reset a, #fdlm #search .reset a:hover, #fdlm #search label, #fdlm .result .listing p, #fdlm .result .listing a.tel, #fdlm .result .listing a:hover.tel, #fdlm .result .listing .profilemile .miles a, #fdlm .result .listing .profilemile .viewprofile a, #fdlm .result .listing .profilemile .viewprofile a:hover, #fdlm .result .listing .profilemile .compare label, .comparepanel a.link, .comparepanel a:hover.link, .comparepanel button, .comparepanel button:hover, footer p, #fdlm .result .pagination li a.previous, #fdlm .result .pagination li a.next, #fdlm .result .pagination li a:hover.previous, #fdlm .result .pagination li a:hover.next, #fdlm .result .pagination li a.active, #fdlm .result .pagination li a:hover.active {font-size: 18px;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {width: 100%;} #fdlm .result .match .detail {margin-top: 0; width: 100%;} #fdlm .result .match {flex-wrap: wrap; margin-top: 0;} #join.contact .profile {width: 234px; top: 31%; right: -3%;} #innerhead .right .navbar li {margin-right: 15px;} #innerhead .right .navbar li a, #innerhead .right .navbar li a:hover, #innerhead .right .navbar li.active a, #innerhead .right .navbar li.active a:hover {font-size: 18px;} #aboutus .mainbox .email p {font-size: 19px; line-height: 22px;} #aboutus .mainbox .combine {flex-wrap: wrap;} #aboutus .mainbox .combine .w33p, #aboutus .mainbox .combine .w61p {width: 100%;} #aboutus .mainbox .combine .w61p .box {min-height: inherit;} #checklistfind .checklist .arrow {left: 24%;} #checklistfind .checklist .arrow.right {left: 59.7%;} #checklistfind .checklist .w30p:nth-child(3) .pista {min-height: 1000px;} #checklistfind .checklist .w30p:nth-child(4) .pista {min-height: 998px;} #checklistfind .checklist .w30p:last-child .pista {min-height: 1000px;} #checklistfind .checklist .w30p .pista .form-check label {font-size: 19px; line-height: normal;} #checklistfind .checklist .w30p .pista .form-check label {width: 84%;} #checklistnotes .nav.nav-pills li.nav-item button, #checklistnotes .nav.nav-pills li.nav-item button:hover {font-size: 20px;} #questionsask .info {width: 100%;} #questionsask .flex ul {width: 56%;} #questionsask .flex li {background-position: 0 5px;} #questionsask .flex .question {margin-top: -36px; width: 390px;} #questionsask .flex .question p {top: 17%;} #trdcc img.main {margin: -144px 0 -108px;} p.center br {display: none;} #trdcc .singlecol {align-items: center;} #thefacts .desktop {display: none;} #thefacts .mobile {display: block;} #thefacts .content {border: 7px solid; padding: 43px 20px 20px; border-radius: 25px; background-color: #fff; position: relative; margin-bottom: 72px;} #thefacts .content:last-child {margin-bottom: 0;} #thefacts .content img {margin-top: -124px; width: 160px;} #thefacts .content.sky {border-color: #57d1da;} #thefacts .content.green {border-color: #99cf17;} #thefacts .content.pista {border-color: #a3dfa8;} #sso .options {background-position: 65px 96px; background-size: 93%; height: 540px;} #sso .options p, #sso .alternative .col-md-4 p, #sso .alternative .col-md-8 p, #sso .col-md-12 p {font-size: 16px; line-height: 20px;} #sso .options p br {display: none;} #sso .options .why {width: 468px;} #sso .options .confirm {top: 190px; left: -83px; width: 163px;} #sso .options .understand {top: 393px; left: 232px; width: 304px;} #sso .options .trials {top: 213px; right: 205px; width: 232px;} #sso .options .right {top: 340px; right: 98px; width: 193px;} #sso .options .validate {top: 72px; right: 18px; width: 160px;} #fct .group .sky {height: 250px;} #fct .group .green {height: 250px; padding-left: 90px;} #fct .group .sky p, #fct .group .green p {font-size: 15px; line-height: normal; margin-bottom: 0} #fct .p2l p {margin-top: 7px; margin-bottom: 7px;} #fct .group .clinic {top: 23%; left: 43%; width: 151px;} #create-update-profile #form .box, #myprofile .registration-details .col-md-4 {width: 100%;} #sso .col-md-9 .so {width: 293px;} #fdlm #search .form-group .tooltip1 .tooltiptext {left: 24%;} #fdlm .result .match .flex {flex-wrap: wrap;} #fdlm .result .match .detail {margin-bottom: 25px;} } @media (max-width: 1160px){ } @media (max-width: 1100px){ } @media (max-width: 1024px){ } @media (max-width: 991px){ #innerhead .search form, header .navbar .search form {width: 74%;} p, body, #aboutus .mainbox .combine .box li, #questionsask .mobile li, #trdcc .singlecol .col-md-8 li {font-size: 1.1em;} .hometext span {font-size: 1.3em;} #innerhead .flex .logo img {width: 340px;} #innerhead .right .spacer {width: 14px;} #innerhead .right p a, #innerhead .right p a:hover {font-size: 16px;} #innerhead .navbar li a {padding-left: 15px; padding-right: 15px;} .hometext br {display: none;} #joinModal .w600, #joinModal .w600 .col-md-6 {width: 100%;} /*#innerhead p a, #innerhead p a:hover, #innerhead .navbar li a, #innerhead .navbar li a:hover, footer p, #innerhead .navbar li.active a, #innerhead .navbar li.active a:hover,.breadcrumb p, .breadcrumb p a, .breadcrumb p a:hover {font-size: 14px;} #innerhead p a {margin-right: 20px;}*/ footer div {justify-content: center; width: 100%; flex-wrap: wrap; order: 2;} footer div:last-child {order: 1; margin-bottom: 7px;} #fdlm .col-md-4, #fdlm .col-md-8 {width: 100%;} #fdlm .desktop, #oncologist .desktop {display: none;} #fdlm .mobile, #oncologist .mobile {display: block;} #fdlm .searchbox div.flexi {margin: 9px 0 25px; width: 100%; display: flex;} #fdlm .searchbox div.flexi p {margin: 0 10px 0 0; width: 90%;} #fdlm .searchbox h2, #fdlm .searchlisting h2 {font-size: 32px; font-weight: 900; color: #000; text-align: center;} #fdlm .searchlisting h2 {margin-bottom: 25px;} #fdlm .searchbox p {text-align: center;} #fdlm #search {margin-top: 34px;} /*.comparepanel {display: none;}*/ #fdlm #search {margin-bottom: 25px;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {width: 50%; height: 118px;} #fdlm .searchlisting .bolder {text-align: center; font-weight: 900; margin-bottom: 7px;} #fdlm .searchlisting .bolder a {color: #000; font-weight: 900; text-decoration: underline;} #fdlm .searchlisting .bolder a:hover {color: #000; font-weight: 900; text-decoration: none;} #fdlm .searchlisting #filters {display: flex; justify-content: space-between; margin: 43px 0 18px;} #fdlm .searchlisting #filters .select {padding: 0; margin: 0 10px 0 0; border: 2px solid #cccccc; width: 151px; height: 43px; border-radius:9px; overflow: hidden; text-align: left; line-height: 34px; font-size: 20px; font-weight: 900; color: #a0a0a0; position: relative; background: #fff url(../images/fdlm/arrow-grey01.svg) no-repeat 92% 48%; background-size: 18px;} #fdlm .searchlisting #filters .select select {padding: 2px 30px 3px 11px; border: none; box-shadow: none; width: 100%; display: block; font-size: 16px; font-weight: 900; color: #a0a0a0; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-align: left;} #fdlm .searchlisting .w70p {display: flex; width: 70%;} #fdlm .searchlisting .w30p {display: flex; width: 30%; justify-content: end;} #fdlm .searchlisting .w30p img.fav {margin-right: 16px; width: 29px;} #fdlm .searchlisting .w30p img.filter {margin-right: 14px; margin-left: 16px; width: 48px;} #fdlm .result .listing .profilename h3 {margin-top: 7px;} #fdlm .result .listing .profilename img {margin-top: -7px;} #byct .desktop .overview {margin-left: 81px;} #oncologist h1, #aboutus h1, #checklistfind h1, #checklistnotes h1, #questionsask h1, #trdcc h1, #searchoncologist h1, #thefacts h1, #sso h1, #fct h1, #create-update-profile h1, #myprofile h1, #ycc h1 {font-size: 36px; line-height: 45px; padding-top: 0;} #ycc h1 {margin-top: 34px;} #oncologist .mobile ul, #oncologist .mobile li {list-style-type: none; margin: 0; padding: 0;} #oncologist .mobile ul {display: flex; justify-content: center; flex-wrap: wrap; margin: 0 0 18px;} #oncologist .mobile li {padding: 12px 7px 16px; width: 48.7%; border: 4px solid #99cf17; border-radius: 18px; text-align: center; margin: 0 9px 18px;} #oncologist .mobile li h2 {font-size: 23px; font-weight: 900; color: #000; margin: 0;} #oncologist .mobile li p {margin: 0;} #oncologist .mobile li:nth-child(odd) {margin-left: 0;} #oncologist .mobile li:nth-child(even) {margin-right: 0;} #join.contact {padding: 25px 0;} #join.contact .profile {top: 0; right: 0; width: 100%; margin-top: 30px; position: relative;} #innerhead .right .navbar li {margin-right: 10px;} #aboutus .mainbox .combine .box h3 {font-size: 25px;} #checklistfind .checklist .arrow {display: none;} #checklistfind .checklist {margin-top: 45px; justify-content: center; flex-wrap: wrap;} #checklistfind .checklist .w30p {width: 100%; border: none; margin-bottom: 20px;} #checklistfind .checklist .w30p .head {padding: 16px 0 32px} #checklistfind .checklist .w30p .pista {margin: 0; background-position: 95% 97%;} #checklistfind .checklist .w30p:nth-child(3) .pista, #checklistfind .checklist .w30p:nth-child(4) .pista, #checklistfind .checklist .w30p:nth-child(5) .pista {min-height: inherit;} /*#checklistfind .checklist .w30p .pista .form-check {padding-left: 2.4em;}*/ #checklistfind .checklist .w30p .pista .form-check {padding-left: 0;} #checklistfind .checklist .w30p .pista .form-check label {font-size: 21px;} #checklistfind .checklist .w30p .pista .form-check .form-check-input {margin-left: -2em;} #checklistfind .checklist .w30p.second .pista {background-position: 95% 96%;} #checklistfind .checklist .w30p:nth-child(5) {margin-bottom: 0;} #checklistfind .checklist .w30p .pista .form-check label {width: 94%;} #comparemobileModal .modal-content {padding-left: 16px; padding-right: 16px;} #comparemobileModal .modal-body {padding: 0;} #fdlm .result .listing .profilemile .compare {padding: 7px 15px 10px;} #fdlm .result .listing .profilemile .compare .form-check-input:checked[type=checkbox] {background-position: 0 2px;} #fdlm .result .listing .profilemile .compare .form-check-input[type=checkbox] {margin-top: 7px;} .accordion, .accordion-item {border: none;} #checklistnotes .adddoctor {flex-wrap: wrap;} #checklistnotes .adddoctor p {padding-right: 0; margin-bottom: 18px; width: 100%;} #checklistnotes .desktop, #questionsask .desktop, #trdcc .desktop, .accordion-content, #searchoncologist .desktop, #sso .desktop, #fct .desktop {display: none;} #checklistnotes .mobile, #questionsask .mobile, #trdcc .mobile {display: block;} #checklistnotes .mobile a.first, #checklistnotes .mobile a:hover.first {background-color: #a3dfa8; padding: 13px 12px 12px 23px; align-items: center; color: #000; font-weight: 900; border-radius: 10px; margin-bottom: 12px; text-decoration: none;} #checklistnotes .mobile a.second, #checklistnotes .mobile a:hover.second {background-color: #57d1da; padding: 13px 12px 12px 23px; align-items: center; color: #000; font-weight: 900; border-radius: 10px; margin-bottom: 12px; text-decoration: none;} #checklistnotes .mobile a.third, #checklistnotes .mobile a:hover.third {background-color: #99cf17; padding: 13px 12px 12px 23px; align-items: center; color: #000; font-weight: 900; border-radius: 10px; margin-bottom: 12px; text-decoration: none;} #checklistnotes .mobile div.first {background-color: #a3dfa8; padding: 12px 15px; margin-bottom: 12px; text-align: center;} #checklistnotes .mobile div.second {background-color: #57d1da; padding: 12px 15px; width: 100%; font-size: 20px; color: #000; margin-bottom: 12px; text-align: center;} #checklistnotes .mobile div.third {background-color: #99cf17; padding: 12px 15px; width: 100%; font-size: 20px; color: #000; margin-bottom: 12px; text-align: center;} #checklistnotes .mobile div.first div, #checklistnotes .mobile div.second div, #checklistnotes .mobile div.third div {display: flex; align-items: center;} /*#checklistnotes .mobile a.btn.clear_data {background: #adadad; color: #000; font-weight: 900; cursor: pointer; margin: 16px 0 5px;} #checklistnotes .mobile a:hover.btn.clear_data {background: #8f8f8f; color: #000; font-weight: 900;}*/ #checklistnotes .mobile a.btn.clear_data, #checklistnotes .mobile a:hover.btn.clear_data {background-color: transparent; padding: 0; border: none;} #checklistnotes .mobile .form-control {background-color: #fff; border: 2px solid #777777; padding: 5px 10px; width: 100%; font-size: 20px; color: #000; margin-right: 9px;} #checklistnotes .mobile .form-control::-webkit-input-placeholder {color:#8c8c8c; opacity: 1; font-weight: 900;} #checklistnotes .mobile .form-control::-moz-placeholder {color:#8c8c8c; opacity: 1; font-weight: 900;} #checklistnotes .mobile .form-control:-ms-input-placeholder {color:#8c8c8c; opacity: 1; font-weight: 900;} #checklistnotes .mobile .form-control:-moz-placeholder {color:#8c8c8c; opacity: 1; font-weight: 900;} #checklistnotes .mobile .form-control:placeholder {color:#8c8c8c; opacity: 1; font-weight: 900;} #checklistnotes .mobile .accordion-body {padding-left: 0; padding-right: 0; padding-top: 0;} #checklistnotes .mobile .accordion-button {background-color: #fff; border: 7px solid #57d1da; border-radius: 16px; text-align: center; padding: 15px 18px; color: #000; font-weight: 900; font-size: 25px; box-shadow: 0 0 15px -2px #444444; margin-bottom: 20px; position: relative;} #checklistnotes .mobile .accordion-button .exp {margin-left: 10px;} #checklistnotes .mobile .accordion-button div {width: 78%; padding: 0 14px;} #checklistnotes .mobile .accordion-button::after {background: url(../images/checklist/arrow-down.svg) no-repeat; background-size: 52px; width: 52px; height: 52px; -webkit-transform: none; transform: none;} #checklistnotes .mobile .accordion-button.open::after {background: url(../images/checklist/arrow-up.svg) no-repeat; background-size: 52px; width: 52px; height: 52px; -webkit-transform: none; transform: none;} #checklistnotes .mobile .form-check-input:checked[type=checkbox] {background-position: 1px 4px;} #checklistnotes .mobile .form-check {margin-bottom: 12px;} #checklistnotes .mobile .form-check label {font-size: 20px;} #checklistnotes .mobile .accordion-body .first_notes {border: 7px solid #a3dfa8; padding: 7px 7px 0; margin-bottom: 12px;} #checklistnotes .mobile .accordion-body .second_notes {border: 7px solid #57d1da; padding: 7px 7px 0; margin-bottom: 12px;} #checklistnotes .mobile .accordion-body .third_notes {border: 7px solid #99cf17; padding: 7px 7px 0; margin-bottom: 12px;} #checklistnotes .mobile .accordion-body .mh108 {min-height: 108px;} #checklistnotes .mobile .accordion-body .first_notes textarea, #checklistnotes .mobile .accordion-body .second_notes textarea, #checklistnotes .mobile .accordion-body .third_notes textarea {padding: 10px; border: 3px solid #777777; height: 100px; color: #000; width: 100%;} #questionsask .info {padding: 0; display: flex; border: none; margin-bottom: 36px;} #questionsask .info p {text-align: center;} #questionsask .mobile ul, #questionsask .mobile li {list-style-type: none; margin: 0; padding: 0;} #questionsask .mobile li {background: url(../images/question/bullet-skycircle.svg) no-repeat 0 4px; background-size: 18px; padding-left: 34px; font-size: 20px; line-height: 24px; margin-bottom: 12px;} #questionsask .flex li a {font-size: 20px; color: #000; text-decoration: underline;} #questionsask .flex li a:hover {font-size: 20px; color: #000; text-decoration: none;} #questionsask .info img {margin-left: 27px;} #questionsask .listof {border: 4px dotted #000; background-color: #f7f7f7; border-radius: 45px; padding: 36px 15px; text-align: center; margin: 22px 0;} #questionsask .listof p {font-size: 20px; color: #000; margin-bottom: 0;} #questionsask .listof p a {font-size: 20px; color: #000; font-weight: 900; text-decoration: underline;} #questionsask .listof p a:hover {font-size: 20px; color: #000; font-weight: 900; text-decoration: none;} #questionsask .download {margin-top: 0; width: 100%;} #trdcc .mobile .accordion-body {padding-left: 0; padding-right: 0; padding-top: 0;} #trdcc .mobile .accordion-button {background-color: #57d1da; border-radius: 45px; text-align: center; padding: 25px 18px; color: #000; font-weight: 900; font-size: 32px; box-shadow: none; margin-bottom: 20px; position: relative;} #trdcc .mobile .accordion-button div {width: 100%; padding: 0 14px;} #trdcc .mobile .accordion-button::after {background: url(../images/rdc/arrowdown.svg) no-repeat; background-size: 63px; width: 63px; height: 63px; -webkit-transform: none; transform: none;} #trdcc .mobile .accordion-button.open::after {background: url(../images/rdc/arrowup.svg) no-repeat; background-size: 63px; width: 63px; height: 63px; -webkit-transform: none; transform: none;} #trdcc .thirdcol, #trdcc .twocol, #trdcc .singlecol {flex-wrap: wrap;} #trdcc .thirdcol .col-md-4, #trdcc .twocol .col-md-6, #trdcc .singlecol .col-md-4 {width: 100%;} #trdcc .thirdcol .col-md-4 img, #trdcc .twocol .col-md-6 img, #trdcc .singlecol .col-md-4 img {width: 81%;} #trdcc .thirdcol .col-md-4 .green, #trdcc .twocol .col-md-6 .green, #trdcc .thirdcol .col-md-4 .pista, #trdcc .twocol .col-md-6 .pista, #trdcc .singlecol .col-md-4 .pista, #trdcc .thirdcol .col-md-4 .sky, #trdcc .singlecol .col-md-4 .sky {margin-bottom: 25px;} #trdcc .twocol {margin-bottom: 9px;} #trdcc .singlecol .col-md-4 img {width: 72%;} #trdcc .singlecol .col-md-8 {width: 100%; margin-top: -27px; border-radius: 16px; margin-left: 0;} #trdcc .singlecol .col-md-8.flex {margin-top: -45px;} #trdcc .twocol .col-md-6 img.size {width: 58%;} #searchoncologist .mobile, #sso .mobile, #fct .mobile {display: block;} #searchoncologist .mobile .h1 {position: relative; z-index: 2;} #searchoncologist .dotted {border: 5px dotted #000; padding: 234px 18px 200px 18px; position: relative; z-index: 1; border-radius: 25px; margin-top: -241px;} #searchoncologist .bottom {margin-top: -205px; z-index: 2; position: relative;} #sso .content {border: 7px solid; padding: 34px 20px 20px; text-align: center; border-radius: 25px; background-color: #fff; position: relative; margin-bottom: 90px;} #sso .content:last-child {margin-bottom: 0;} #sso .content.mart61 {margin-top: 61px;} #sso .content img {margin-top: -124px; width: 135px;} #sso .content.sky {border-color: #57d1da;} #sso .content.green {border-color: #99cf17;} #sso .content.pista {border-color: #a3dfa8;} #sso .content p a {color: #000; text-decoration: underline;} #sso .content p a:hover {color: #000; text-decoration: none;} #fct .skyblock {border: 4px solid #000; background-color: #57d1da; padding: 15px; margin-bottom: 63px; position: relative; z-index: 1; border-radius: 18px;} #fct .greenblock {border: 4px solid #000; background-color: #99cf17; padding: 15px; margin-bottom: 63px; position: relative; z-index: 1; border-radius: 18px;} #fct .skyblock .whiteborder, #fct .greenblock .whiteborder {border: 4px solid #000; background-color: #fff; padding: 18px 15px; text-align: center; border-radius: 18px;} #fct .greenblock .whiteborder {padding-top: 45px;} #fct .greenblock img {position: absolute; top: -40%; left: 40%; width: 135px;} #fct .skyblock .whiteborder p, #fct .greenblock .whiteborder p {margin-bottom: 0;} #fct h1 {padding-top: 45px; padding-bottom: 18px;} #fct .bordered {padding-left: 34px; padding-right: 34px; margin-bottom: 43px;} #fct .bordered.mart45 {margin-top: 45px;} #create-update-profile .emailverify {width: 100%;} #create-update-profile .createsearch {flex-wrap: wrap;} #create-update-profile .createsearch span {margin: 20px 25px 16px; width: 100%; text-align: center;} #create-update-profile .createsearch button.search {padding: 12px;} #create-update-profile #create br, #create-update-profile #update br {display: none;} #create-update-profile #form .box {padding: 25px 43px;} #create-update-profile #create img {width: 180px;} #create-update-profile #update img {width: 340px;} #myprofile .registration-details {width: 84%;} #ycc p.marb36 {margin-bottom: 16px;} #checklistfind .checklist .w30p .pista, #checklistfind .checklist .w30p.second .pista {background-image: none;} #fdlm #search .form-group .tooltip1 .tooltiptext {left: 9%; width: 351px;} #mob_main_search .form-check-input:checked[type=checkbox] {background-position: 0 3px;} #checklistnotes .action button, #checklistnotes .action a {margin-bottom: 27px;} #checklistnotes .action a.download_data {margin: 0;} } @media (max-width: 950px){ } @media (max-width: 896px){ } @media (max-width: 851px){ } @media (max-width: 850px){ } @media (max-width: 823px){ } @media (max-width: 812px){ } @media (max-width: 800px){ } @media (max-width: 768px){ } @media (max-width: 767px){ #innerhead {display: none;} .navbar .mobile {text-align: left; display: block; flex: 90%;} .offcanvas-body .navbar-nav .nav-item .nav-link.padr {padding-right: 7px !important;} .offcanvas-body .navbar-nav .nav-item .nav-link.padl {padding-left: 7px !important;} #homemobile, #mobilehead, section.body #creativemobile {display: block;} header.absolute {width: 100%; position: relative; top: 18px;} header.absolute .navbar {padding-bottom: 0; padding-top: 0;} .navbar>.container {align-items: center;} .navbar .back {position: absolute; left: 0; top: 9px; display: none;} .nav-link.inlineblock {display: inline-block;} header .navbar .search {width: 100%; margin-top: 16px;} header .navbar .search form {width: 100%;} header .navbar .search .form-control {border: 3px solid #aaaaaa; border-right: none; color: #000; font-size: 18px; font-weight: 400; margin: 0; border-radius: 34px 0 0 34px; padding: 5px 10px 5px 15px; background-size: 31px; width: 68%;} header .navbar .search .bg-white {background-color: #fff !important; border: 3px solid #aaaaaa !important; border-left: none !important; border-radius: 0 34px 34px 0; padding-left: 7px;} .breadcrumb {margin-top: 34px;} .btn.off img {width: 43px;} .mart63 {margin-top: 63px;} #joinModal .modal-header .modal-title {font-size: 28px;} .searchopt {background-color: transparent; border: none; padding: 0; margin-right: 11px;} #searchopt {display: none;} .h61 {height: 41px;} #home .desktop, #byct .desktop {display: none;} #home .mobile, #byct .mobile {display: block;} #home .h34 {height: 34px;} section#home.body {margin-bottom: 0;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {width: 61%; height: 106px;} #fdlm .mobile .comparepanel h3 {display: none;} #fdlm .mobile .comparepanel .flex div {width: 78%; display: flex; justify-content: space-between; align-items: center;} #fdlm .mobile .comparepanel .flex div a {order: 2;} #fdlm .mobile .comparepanel .flex div button {margin-left: 22%;} #byct .mobile h1 {text-align: center; font-size: 25px; font-weight: 900; color: #000;} #byct .mobile .green {border: 10px solid #99cf17; border-radius: 27px; padding: 34px; display: block; text-align: center; box-shadow: 0 0 15px -2px #444444; margin-bottom: 13px;} #byct .mobile .green.mart25 {margin-top: 25px;} #byct .mobile .sky {border: 10px solid #57d1da; border-radius: 27px; padding: 34px; display: block; text-align: center; box-shadow: 0 0 15px -2px #444444; margin-bottom: 13px;} #byct .mobile .pista {border: 10px solid #a3dfa8; border-radius: 27px; padding: 34px; display: block; text-align: center; box-shadow: 0 0 15px -2px #444444; margin-bottom: 13px;} #oncologist h1 {font-size: 34px; line-height: 39px;} #aboutus h1, #checklistfind h1, #checklistnotes h1, #questionsask h1, #trdcc h1, #searchoncologist h1, #thefacts h1, #sso h1, #fct h1, #create-update-profile h1, #myprofile h1, #ycc h1 {font-size: 34px; line-height: 39px; padding-top: 25px; padding-bottom: 0;} #checklistnotes h1, #questionsask h1, #trdcc h1, #searchoncologist h1, #thefacts h1, #sso h1, #fct h1, #create-update-profile h1, #myprofile h1, #ycc h1 {padding-bottom: 18px;} #oncologist .mobile li {width: 48.2%;} #oncologist .mobile li h2 {font-size: 22px;} #oncologist .mobile li p {line-height: 25px;} #oncologist .mobile li p span {display: inline-block;} #join {padding: 18px 0 16px;} #join.contact .profile p {font-size: 20px; line-height: 24px;} #aboutus {background: none;} #aboutus .mainbox {width: 100%; padding-left: 0; padding-right: 0; box-shadow: none;} #aboutus .mainbox .email {flex-wrap: wrap; border: none;} #aboutus .mainbox .email p {width: 100%; margin: 0 0 22px 0;} #aboutus .mainbox .combine {margin-top: 20px;} #aboutus .mainbox .combine .box h3 {font-size: 20px;} #checklistfind .action a {width: 250px; margin: 0 10px;} /*#checklistfind .action button {width: 250px; margin: 27px 10px 0}*/ #checklistfind .action button, #checklistfind .action a.download {margin-left: 0; margin-top: 34px;} #checklistfind .checklist .w30p .pista .form-check label {width: 92%;} /*#trdcc .twocol .col-md-6 img.size {width: 81%;} #trdcc .singlecol .col-md-4 img {width: 75%;}*/ #trdcc .twocol .col-md-6 img.exp, #trdcc .twocol .col-md-6 img.size, #trdcc .singlecol .col-md-4 img, #trdcc .thirdcol .col-md-4 img, #trdcc .twocol .col-md-6 img, #trdcc .singlecol .col-md-4 img {width: 100%;} #trdcc .singlecol .col-md-8 {margin-top: -45px;} #trdcc .singlecol .col-md-8.flex {flex-wrap: wrap;} #trdcc .singlecol .col-md-8 ul {width: 100%;} #trdcc .singlecol .col-md-8 li {background-size: 22px; background-position: 0 2px;} #trdcc .mobile .accordion-button {font-size: 23pt; line-height: 26pt;} #searchoncologist .dotted {margin-top: -190px; padding-top: 180px; padding-bottom: 151px;} #searchoncologist .text23 {font-size: 22px;} #searchoncologist .bottom {margin-top: -155px;} #thefacts .content {margin-bottom: 81px;} #fct .greenblock .whiteborder {padding-top: 34px;} #create-update-profile .createsearch, #create-update-profile #create, #create-update-profile #update, #create-update-profile .emailverify {flex-wrap: wrap;} #create-update-profile .createsearch button.create {width: 405px;} /*#create-update-profile .createsearch span {width: 100%; margin: 25px 0; text-align: center;}*/ #create-update-profile .createsearch input[type=text] {width: 100%;} #create-update-profile .createsearch button.search {padding: 12px;} #create-update-profile #create img, #create-update-profile #update img {width: 90px;} #create-update-profile .emailverify {margin-top: 18px;} #create-update-profile .emailverify input {width: 100%; margin: 7px 0;} #create-update-profile #form {background: none;} #create-update-profile #form .box {box-shadow: none; padding: 0;} #create-update-profile #form .save {text-align: center; padding-top: 36px;} #create-update-profile #form textarea {height: 106px;} #myprofile .registration-details {width: 95%; padding: 20px 15px;} #myprofile .registration-details .pink-btn {font-size: 22px;} #join.contact.thank {min-height: inherit;} #join.contact.thank .join-form {margin-top: 0;} .form-check-input:checked[type=checkbox] {background-position: 0px 2px;} #questionsask .info {flex-wrap: wrap; justify-content: center;} #questionsask .info p {width: 100%;} #questionsask .info img {margin: 18px 0 0 0;} #fdlm #search .form-group .tooltip1 .tooltiptext {left: 13%;} #checklistnotes .action button.save, #checklistnotes .action a, #checklistnotes .action a.download_data {margin-left: 12px; margin-right: 12px;} } @media (max-width: 736px){ } @media (max-width: 731px){ } @media (max-width: 700px){ } @media (max-width: 667px){ #join .join-form h1 {font-size: 32px;} #aboutus .mainbox .combine .box h3 {font-size: 19px;} #create-update-profile .createsearch button.create {font-size: 25px; line-height: 54px;} #create-update-profile .emailverify input, #create-update-profile #form input[type=text], #create-update-profile #form textarea, #create-update-profile #form .select {font-size: 18px;} #create-update-profile .createsearch input[type=text] {font-size: 18px; padding: 0;} #create-update-profile .createsearch input[type=text]::-webkit-input-placeholder {font-size: 22px;} #create-update-profile .createsearch input[type=text]::-moz-placeholder {font-size: 22px;} #create-update-profile .createsearch input[type=text]:-ms-input-placeholder {font-size: 22px;} #create-update-profile .createsearch input[type=text]:-moz-placeholder {font-size: 22px;} #create-update-profile .createsearch input[type=text]:placeholder {font-size: 22px;} } @media (max-width: 640px){ } @media (max-width: 605px){ } @media (max-width: 575px){ #join .join-form {width: 95%;} #trdcc .singlecol {margin-left: 0; margin-right: 0;} #checklistfind .action a, #checklistfind .action a.download {margin-left: 18px; margin-right: 18px;} } @media (max-width: 568px){ p, body, #aboutus .mainbox .combine .box li, #questionsask .mobile li, #trdcc .singlecol .col-md-8 li, #questionsask li a, #questionsask li a:hover {font-size: 1.05em;} #fdlm .mobile .comparepanel .flex div button {margin-left: 25%;} #oncologist h1, #aboutus h1, #checklistfind h1, #checklistnotes h1, #questionsask h1, #trdcc h1, #searchoncologist h1, #thefacts h1, #sso h1, #fct h1, #create-update-profile h1, #myprofile h1, #ycc h1 {font-size: 32px;} #join.contact .profile p {font-size: 18px; line-height: 22px;} #aboutus .mainbox .combine .box h3, #searchoncologist .text23 {font-size: 20px;} #questionsask .info img {width: 207px; margin-left: 0;} /*#trdcc .mobile .accordion-button {font-size: 21px;}*/ #fct .greenblock img {left: 38%; top: -39%; width: 126px;} } @media (max-width: 525px){ #oncologist .mobile li {width: 48%;} } @media (max-width: 515px){ #searchoncologist .bottom {margin-top: -147px;} #checklistnotes .action button, #checklistnotes .action a, #checklistnotes .action a.download_data {margin-left: 0; margin-right: 0;} } @media (max-width: 495px){ #oncologist .mobile li {width: 45%;} #oncologist .mobile li h2 {font-size: 21px;} #checklistnotes .mobile .accordion-button span {display: block;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {height: 90px;} } @media (max-width: 480px){ #fdlm .searchbox div.flexi {flex-wrap: wrap; justify-content: center;} #fdlm .searchbox div.flexi p {width: 100%; padding: 0; margin: 0 0 10px 0;} #fdlm .result .listing .profilemile {align-items: end;} #fdlm .result .listing .profilemile .viewprofile a {display: block;} #fdlm .result .listing .profilemile .compare {margin-left: 0; margin-top: 9px;} #fdlm .result .listing .profilemile .miles img {width: 36px;} #fdlm .mobile .comparepanel .flex div {width: 73%;} #fdlm .mobile .comparepanel .flex div button {margin-left: 18%;} #oncologist h1, #aboutus h1, #checklistfind h1, #checklistnotes h1, #questionsask h1, #trdcc h1, #searchoncologist h1, #thefacts h1, #sso h1, #fct h1, #create-update-profile h1, #myprofile h1, #ycc h1 {font-size: 30px; line-height: 36px;} #aboutus .mainbox .combine .box h3 {font-size: 18px;} #checklistfind .checklist .w30p .pista .form-check label {width: 90%;} #checklistnotes .mobile .form-check label, #checklistnotes .mobile .form-control {font-size: 18px;} #checklistnotes .mobile .accordion-button {font-size: 23px;} #checklistnotes .mobile .accordion-button::after, #checklistnotes .mobile .accordion-button.open::after {width: 45px; height: 45px; background-size: 45px;} #checklistnotes .mobile .accordion-button .exp {margin-left: 14px; width: 52px;} #searchoncologist .dotted {padding-bottom: 134px;} #searchoncologist .bottom {margin-top: -138px;} #thefacts .content img {width: 151px;} #fct .greenblock img {left: 37%; top: -32%;} #create-update-profile .createsearch button.create {font-size: 23px; line-height: 54px;} #create-update-profile .emailverify input, #create-update-profile #form input[type=text], #create-update-profile #form textarea, #create-update-profile #form .select {font-size: 16px;} #create-update-profile #form input[type=text], #create-update-profile #form textarea {padding: 7px 12px;} #create-update-profile .createsearch input[type=text] {font-size: 16px; padding: 0;} #create-update-profile .createsearch input[type=text]::-webkit-input-placeholder {font-size: 20px;} #create-update-profile .createsearch input[type=text]::-moz-placeholder {font-size: 20px;} #create-update-profile .createsearch input[type=text]:-ms-input-placeholder {font-size: 20px;} #create-update-profile .createsearch input[type=text]:-moz-placeholder {font-size: 20px;} #create-update-profile .createsearch input[type=text]:placeholder {font-size: 20px;} #trdcc .mobile .accordion-button {font-size: 17pt; line-height: 22pt; padding: 20px 18px;} #trdcc .mobile .accordion-button::after, #trdcc .mobile .accordion-button.open::after {background-size: 54px; width: 54px; height: 54px;} } @media (max-width: 473px){ #oncologist .mobile li {width: 47%;} #fdlm .searchlisting #filters {flex-wrap: wrap;} #fdlm .searchlisting .w70p {width: 100%; justify-content: center;} #fdlm .searchlisting .w30p {width: 100%; justify-content: center; margin-top: 20px;} #fdlm .searchlisting .w30p img.filter {margin-right: 0;} } @media (max-width: 440px){ /*#fdlm .searchlisting .w70p {width: 68%;}*/ #create-update-profile .createsearch button.create, #create-update-profile .createsearch form {width: 100%;} #create-update-profile .createsearch input[type=text] {width: 83%;} #fdlm .searchlisting .w70p {flex-wrap: wrap;} #fdlm .searchlisting #filters .search {width: 100%; margin-bottom: 16px;} #fdlm .searchlisting #filters .select, #fdlm .searchlisting #filters #sort_form_mob .select {margin-right: 0; width: 100%;} #fdlm .searchlisting #filters #sort_form_mob {width: 100%;} #fdlm .searchlisting #filters .select {background-position: 96% 48%;} } /*iphone 14 pro max*/ @media (max-width:430px) { .navbar .mobile img {width: 223px;} p, body, #aboutus .mainbox .combine .box li, #questionsask .mobile li, #trdcc .singlecol .col-md-8 li, #questionsask li a, #questionsask li a:hover {font-size: 1.03em;} #oncologist .mobile li p {line-height: 20px;} #searchoncologist .dotted {margin-top: -171px; padding-top: 160px;} #searchoncologist .bottom {margin-top: -138px;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {height: 90px; width: 70%;} #join .join-form p.joinour a {width: 100%;} #fdlm #search .form-group .tooltip1 .tooltiptext {left: 18%; width: 100%;} } /*iphone 13 pro max*/ @media (max-width:428px) { #searchoncologist .dotted {padding-bottom: 128px;} #searchoncologist .bottom {margin-top: -123px;} } @media (max-width: 420px){ #checklistnotes .action button, #checklistnotes .action a {margin-left: 10px; margin-right: 10px;} } @media (max-width: 414px){ #questionsask .info img {width: 180px;} #searchoncologist .bottom {margin-top: -119px;} } /*iphone 11, 11 pro max, 6s, 7plus, 8plus, xr, xs max*/ @media (max-width: 411px){ #oncologist .mobile li {margin: 0 7px 14px;} #oncologist .mobile li h2 {font-size: 20px;} #searchoncologist .text23 {font-size: 18px;} #searchoncologist .bottom {margin-top: -119px;} } /*@media (max-width: 405px){ #checklistnotes .action a {margin-top: 27px;} }*/ /*iphone 14 v16.4*/ @media (max-width: 400px){ #fdlm .mobile .comparepanel .flex div {width: 69%;} #fdlm .mobile .comparepanel .flex div button {margin-left: 9%;} #checklistfind .checklist .w30p .pista {padding-bottom: 30px;} #checklistfind .checklist .w30p .pista .form-check label {width: 88%;} #checklistnotes .mobile .form-check label, #checklistnotes .mobile .form-control {font-size: 16px;} #checklistnotes .mobile .accordion-button {font-size: 20px;} #checklistnotes .mobile .accordion-button::after, #checklistnotes .mobile .accordion-button.open::after {width: 40px; height: 40px; background-size: 40px;} #checklistnotes .mobile .accordion-button .exp {margin-left: 14px; width: 52px;} #searchoncologist .dotted {padding-bottom: 112px;} #searchoncologist .bottom {margin-top: -115px;} #fct .greenblock img {left: 34%; top: -30%; width: 133px;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {height: 90px; width: 75%;} } @media (max-width: 390px){ p, body, #aboutus .mainbox .combine .box li, #questionsask .mobile li, #trdcc .singlecol .col-md-8 li, #questionsask li a, #questionsask li a:hover {font-size: 1.02em;} #oncologist .mobile li h2 {font-size: 19px;} #oncologist .mobile li p {word-wrap: break-word;} #searchoncologist .dotted {margin-top: -160px; padding-top: 142px;} #create-update-profile .createsearch input[type=text] {width: 81%;} } @media (max-width: 375px){ #searchoncologist .dotted {padding-bottom: 112px;} #searchoncologist .bottom {margin-top: -109px;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {height: 81px; width: 75%;} #join .join-form p.joinour a, #join .join-form p.joinour a:hover {font-size: 22px;} .offcanvas-body .navbar-nav .nav-item .nav-link {white-space: break-spaces;} #questionsask .info img {width: 160px;} #trdcc .mobile .accordion-button {font-size: 16pt; line-height: 20pt;} } @media (max-width: 360px){ .navbar .mobile img {width: 90%;} #oncologist .mobile li h2 {font-size: 18px;} #checklistnotes .mobile .accordion-button .exp {margin-left: 10px;} #searchoncologist .dotted {margin-top: -147px; padding-top: 133px; padding-bottom: 96px;} #searchoncologist .bottom {margin-top: -102px;} #fct .greenblock img {left: 32%; top: -28%;} #fct .bordered .head {left: 11px; width: 270px;} #create-update-profile .createsearch input[type=text] {width: 79%;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {height: 75px; width: 75%;} #fdlm #search .form-group .tooltip1 .tooltiptext {left: 20%;} } @media (max-width: 340px){ #searchoncologist .dotted {padding-bottom: 81px;} #searchoncologist .bottom {margin-top: -96px;} #fct .greenblock img {left: 32%; top: -26%;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {height: 71px;} #join .join-form p.joinour a, #join .join-form p.joinour a:hover {font-size: 20px;} } @media (max-width: 322px){ #oncologist .mobile li {width: 44%;} #searchoncologist .bottom {margin-top: -92px;} #fdlm #search input[type=submit], #fdlm #search input[type=button] {height: 66px;} #join .join-form .mx-auto.forgotpass button[type=submit].login {margin-right: 11px;} }