.preloader{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; height: 100% ; } .status{ width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(../../../../content/images/ajax-loader.gif); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; } html, body { height: 100%; overflow:hidden; } body{ background:#007cc2; } img{ vertical-align:top; } a{ color:#fff; } a.glyphicon:hover{ text-decoration:none; } a:hover, a:focus{ color:#007cc2 ; transition: all 0.5s ease; } .open > a{ color:inherit; } ul.list-al{ list-style:lower-alpha; } ul{ padding-left:25px; } p{ margin:0 0 20px; } /*------------------ HEADING ------------------*/ h1,.h1{ font-size:50px; margin:0; text-shadow:none; } h2,.h2{ font-size:32px; margin:0; text-shadow:none; } h3,.h3{ font-size:28px; margin:0; text-shadow:none; } h4,.h4{ font-size:24px; margin:0; text-shadow:none; } h5,.h5{ font-size:20px; margin:0; text-shadow:none; } /*------------------ CUSTOM MARGIN ------------------*/ .mar-0{ margin:0; } .mar-top-0{ margin-top:0; } .mar-top-2{ margin-top:2px; } .mar-top-10{ margin-top:10px; } .mar-top-15{ margin-top:15px; } .mar-top-20{ margin-top:20px; } .mar-top-25{ margin-top:25px; } .mar-top-30{ margin-top:30px; } .mar-top-35{ margin-top:35px; } .mar-bot-5{ margin-bottom:5px; } .mar-bot-10{ margin-bottom:10px; } .mar-bot-20{ margin-bottom:20px; } .mar-lft-15{ margin-left:15px; } .mar-rgt-15{ margin-right:15px; } .mar-btm-minus-15{ margin-bottom:-16px; } .mar-lft-minus-15{ margin-left:-15px; } .mar-rgt-minus-15{ margin-right:-15px; } .mar-top-minus-15{ margin-top:-16px; } /*------------------ TEXT SHADOW -----------------*/ .txt-shadow{ text-shadow:1px 1px 0px #444; } /*----------------- ALEART CSS ---------------------*/ .alert.alert-success ul li{ color:#3c763d; line-height:24px; } .alert.alert-danger ul li{ color:#a94442; line-height:24px; } .alert .close:hover{ color:#000; } /*------------------ CUSTOM TEXT COLOR ------------------*/ .blue-txt{ color:#0070c0; } .wht-txt{ color:#fff; } .color-drk-gray{ color:#333; } /*------------------ CUSTOM PADDING ------------------*/ .pad-l-70{ padding-left:70px; } /*------------------ BOOTSTRAP OVERRIGHT CSS ----------------*/ .form-inline img{ vertical-align:middle; } .form-inline input[type="radio"]{ margin-right:5px; } .navbar-right{ margin-right:0; margin-left:0; } .navbar-fixed-top{ top:5px; background:#007cc2; } .navbar-fixed-top ul li a{ border-radius:25px; padding:5px 15px; margin-top:10px ; } .navbar-fixed-top ul li a:hover{ border-radius:25px; } .popover-content{ color:#000; } .navbar-toggle{ background:#fff; margin-top:12px; } .navbar-toggle .icon-bar{ background:#007cc2 ; } .dropdown-bottom{ width:300px; display:none; padding:15px; background:#fff; position:absolute; top:auto; max-height:350px; bottom:60px; z-index:10; border-radius:4px; box-shadow:1px 0px 12px rgba(0, 0, 0, 0.178); } .dropdown-bottom .form-inline .input-group, .dropdown-bottom .form-inline .form-group{ width:100%; } .dropdown-bottom .form-inline{ margin-bottom:20px; } .dropdown-bottom ul{ padding:0; list-style:none; } .footer-control .dropdown-bottom, .footer-control .dropdown-bottom a{ color:#222; } .footer-control .dropdown-bottom a:hover{ color:#007cc2 ; } .dropdown-bottom .panel-body{ padding-left:30px; } .dropdown-bottom .panel-heading{ cursor:pointer; } .dropdown-bottom .panel-title{ font-size:14px; } .bottom-div{ display:none; } .dropdown-transcript{ padding:15px; max-height:400px; overflow-y:auto; border-radius:4px; width:auto; min-width:300px; } .dropdown-menu{ top:50px; } .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: none; z-index:0; } .slide-progress{ position:absolute; left:8px; font-size:11px; bottom:10px; } .seprator{ font-size:11px; position:absolute; right:38px; bottom:10px; } .dropdown.open .dropdown-menu { z-index:1000; display: block; } .navbar-brand{ padding:0 15px; } .modal-content{ border:3px solid #5b5249; border-radius:0; } .modal-header{ background:#443e37; padding:15px; color:#fff; border-radius:0; } .modal-header .modal-title img{ margin-right:15px; } .modal-backdrop, .modal{ top:60px; left:15px; right:15px; bottom:104px; } .navbar-fixed-top, .navbar-fixed-bottom{ z-index:1060; } /*------------------- SLIDE -------------------*/ .slide-wrapper{ height:100%; position:relative; } .welcome-slide{ background:linear-gradient(#e6f1f8,#77b4db); background:-webkit-linear-gradient(#e6f1f8,#77b4db); height:100%; padding:25px 25px 0; font-size:20px; } .welcome-slide img{ display:inline-block; } .disclaimer-slide ul{ margin:20px 0 0 0; padding:0; list-style:none; } .disclaimer-slide ul li{ padding:0; font-style:italic; color:#fff; margin-bottom:10px; } .navigation-slide{ background:#c0c0c0; height:100%; overflow:auto; padding:25px; position:relative; } .navigation-slide .panel-body{ color:#808080; min-height:130px; } .navigation-slide .panel-default > .panel-heading{ background:#212121; text-align:center; font-size:16px; color:#fff; padding:5px 15px; line-height:36px; } .introduction-slide{ padding:25px; background:#fff; height:100%; overflow-y:auto; position:relative; overflow-x:hidden; } .introduction-slide .thumbnail{ border-radius:10px; border:none; padding:0; background:#e7e4dd; margin-bottom:0; } .introduction-slide .thumbnail-caption{ font-weight:bold; font-style:italic; color:#0070c0; margin:5px 0 10px; word-wrap:break-word; } .gradient-wrapper{ background:linear-gradient(#2b363e, #17537a); background:-webkit-linear-gradient(#2b363e,#17537a); height:100%; padding:25px; overflow-y:auto; overflow-x:hidden; } .gradient-wrapper .black-block{ background:#2d2e2e; padding:20px; color:#fff; } .gradient-wrapper .black-block h2{ border-top:2px solid #fff; display:inline-block; padding-top:10px; padding-bottom:10px; } .progress-check{ position:relative; } .progress-check .submit-btn{ padding:5px 0; margin-bottom:25px; } .progress-check label{ font-weight:normal; } .progress-check input.radio{ vertical-align:top; margin-top:3px; display:inline; } .introduction-slide2{ padding:25px; } .introduction-slide .black-block{ background:#f5f5f5; padding:25px; color:#5b5249; } .introduction-slide .black-block h2{ border-top: 2px solid #5b5249; display: inline-block; padding-bottom: 10px; padding-top: 10px; } .introduction-slide .black-block ul li, .modal ul li{ margin-bottom:25px; color:#0070c0; } .introduction-slide .black-block ul li:last-child{ margin-bottom:0; } .introduction-slide .black-block ul li span{ color:#5b5249; } .modal ul li{ margin-bottom:5px; } .introduction-slide .summary ul li{ margin-bottom:15px; color:#0070c0; } .introduction-slide .summary ul li span{ color:#252525; } .labelling-info ul li, .labelling-guidelines ul li{ color:#0070c0; } .labelling-info ul li span, .labelling-guidelines ul li span, .modal ul li span{ color:#252525; } .labelling-info .modal-content, .labelling-guidelines .modal-content, .labelling-guidelines .modal-header{ border-radius:0; } .labelling-info .modal-header{ background:#39342d; border-radius:0; } .notes-modal.in:after{ z-index:1080!important; content:""; background:rgba(0,0,0,0.5); position:fixed !important; left:15px !important; right:15px !important; top:60px !important; height:100%!important; } .notes-modal.in .modal-dialog{ z-index:1090 !important; margin-top:13%;} .during-preg img{ max-width:80%; } .strature-slide{ background:#fff url(../../../../content/images/Picture44.png) no-repeat right bottom; background-size:auto 100%; height:100%; padding:25px; overflow-y:auto; } .right-supplement{ background:#fff url(../../../../content/images/Picture61.png) no-repeat right bottom; background-size:auto 100%; height:100%; padding:25px; overflow-y:auto; } .recommending-box{ background:rgba(86,81,75,0.8); padding:25px; color:#fff; word-wrap:break-word; } .recommending-box h2{ border-top:2px solid #fff; padding-top:10px; padding-bottom:10px; } .drug-reaction img{ max-width:70%; } .modal-thumbnail{ border:none; } .search-list{ background:#f1f1f1; padding:10px; } .search-list h3{ font-size:20px; border-bottom:#ccc solid 1px; padding-bottom:5px; margin-bottom:10px; } .search-list ul li a{ display:block; padding:10px; border-radius:4px; } .search-list ul li a:hover{ background:#fff; text-decoration:none; } .search-list ul li.active a{ background:#c9757e; color:#000; } .search-list ul li.active a:hover, .search-list ul li.active a:focus{ background:#c9757e; color:#000; } .notes-green{ position:absolute; right:0; top:10px; } .image-title { border-top: 2px solid #603913; bottom: 10px; color: #0070c0; font-size: 16px; font-style: italic; left: -60px; margin-left: 0; position: absolute; } .result{ font-size:16px; } .close-result{ position:absolute; top:-15px; right:-15px; } .panel-search .panel-group{ margin-bottom:5px; } label img{ margin-top:-5px; } .media{ overflow:visible; } .welcome{ height:100vh; margin-top:-32px; } /*------------------- OWN WRITTEN CSS -----------------*/ .pink-container{ background:#007cc2 fixed; padding-left:15px; padding-right:15px; width:100%; float:left; height:100vh; position:relative; } .page-content{ height:100%; padding-top:95px; padding-bottom:104px; position:relative; } .slide-1{ background:#bfbfbf url(../../../../content/images/sound.png) no-repeat -30px 55%; background-size:35% auto; height:100%; } .slide-1 .slide{ bottom: auto; left: 170px; margin-top: -70px; text-align: left; top: 50%; padding-bottom: 30px; right: 20%; color: #fff; padding-top: 20px; position: absolute; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); z-index: 10; } .footer{ background:#3c3c3c; color:#fff; } .time-limit{ display:table; color:#fff; margin-top:20px; } .time-limit i{ font-size:27px; width:40px; display:table-cell; } .time-limit span{ width:auto; font-size:16px; display:table-cell; vertical-align:top; } .me-plugin{ display:none; } .video-player{ background:#007cc2; position:absolute; bottom:0; left:0; right:0; margin-left:15px; margin-right:15px; } .slide-button{ text-align:right; padding-right:15px; padding-top:15px; padding-bottom:15px; } .slide-button a { background: #fff none repeat scroll 0 0; color: #007cc2 ; font: 16px; min-width: 50px; padding: 8px 20px 8px 20px; position: relative; text-align: center; text-decoration: none; width: auto; margin-right:5px; text-transform:uppercase; display:inline-block; } .slide-button a:hover, .slide-button a:focus{ background: #17537a none repeat scroll 0 0; color: #fff; } .slide-button a.next { border-radius:5px 1px 1px 5px } .slide-button a.prev { border-radius:1px 5px 5px 1px; } .slide-button a.next::after, .slide-button a.next::before { border-bottom: 20px solid transparent; border-left: 13px solid #fff; border-top: 15px solid transparent; content: ""; margin-top: -17px; position: absolute; right: -13px; top: 50%; } .slide-button a.next:hover:after, .slide-button a.next:hover:before, .slide-button a.next:focus:after, .slide-button a.next:focus:before{ border-left: 13px solid #17537a ; transition: all 0.5s ease; } .slide-button a.next::after { border-left-color: #fff; z-index: 2; } .slide-button a.prev::after { border-right-color: #fff; z-index: 2; } .slide-button a.prev:hover:after, .slide-button a.prev:focus:after { border-right-color: #17537a ; z-index: 2; transition: all 0.5s ease; } .slide-button a.prev::after, .slide-button a.prev::before { border-bottom: 20px solid transparent; border-right: 13px solid #fff; border-top: 15px solid transparent; content: ""; left: -13px; margin-top: -17px; position: absolute; top: 50%; } .copyright{ padding-left:15px; padding-right:15px; font-size:12px; line-height:normal; padding-top:5px; padding-bottom:5px; } .caption{ text-shadow:none; } .f-18{ font-size:18px; } .f-14{ font-size:14px; } .color-brown{ color:#443e37; } .slide h1{ margin:0; } .gray-slide{ background:#c0c0c0 url(../../../../content/images/ex.png) no-repeat -80px center; height:100%; float:left; width:100%; padding:50px; color:#333; font-size:16px; } .gray-bg{ background: #3c3c3c none repeat scroll 0 0; color: #fff; font-size:16px; float: left; font-weight: bold; line-height: normal; padding-bottom: 8px; padding-top: 8px; top:60px; right:15px; position:fixed; z-index:10; left:15px; } .gray-slide h1{ color:#007cc2 ; } .white-slide{ background:#fff; height:100%; width:100%; float:left; padding:25px;} .bullet, .bullet-2{ border-radius:25px; background:#e7e4dd; padding:25px; margin-bottom: 25px; } .bullet ul, .bullet-2 ul{ list-style:none; padding:0; margin-bottom:0; } .introduction-slide .bullet ul li{ background:url(../../../../content/images/arrow.png) no-repeat left 5px; padding-left:45px; display:block; font-weight:bold; min-height:40px; padding-top:5px; margin-bottom:25px; color:#333; } .bullet ul li:last-child, .bullet-2 ul li:last-child a{ margin-bottom:0; } .footer-control td{ position:relative; } .bullet-2 ul li a{ display:block; background:url(../../../../content/images/arrow.png) no-repeat 8px center #fafaf7; border:2px solid #5a5a5a; border-radius:10px; padding:10px 10px 10px 45px ; margin-bottom:20px; color:#5b5249 !important; font-weight:bold; } .border-right{ border-right:1px solid #d5d5d5; } .close{ font-size:14px; text-shadow:none; color:#fff; opacity:1; line-height:25px; } .close:hover, .close:focus{ color:#d5d5d5; } ul.dropdown-menu li a{ border-radius:0; margin:0; } ul.dropdown-menu li a:hover{ border-radius:0; background:#007cc2 ; color:#fff; } .dropdown-bottom:before { position: absolute; bottom: -7px; left: 19px; display: inline-block; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .dropdown-bottom:after { position: absolute; bottom: -6px; left: 20px; display: inline-block; border-right: 6px solid transparent; border-top: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .hide-volume{ display:none; position:absolute; top:-100px; } .show-volume{ display:block; } .hide-volume .ui-slider-vertical .ui-slider-handle{ left:-3px; } .hide-volume .ui-slider-vertical{ width:5px; height:80px; } .hide-volume .ui-widget-content1{ margin:25px 0 0 8px; } .panel-search{ max-height:250px; overflow-y:auto; } .introduction-slide ul li{ color:#0070c0; } .introduction-slide ul li span{ color:#252525; } thead th{ background:#0070c0; color:#fff; text-align:center; } .table-striped > tbody > tr:nth-of-type(2n+1){ background:#e9e9e8; } .table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{ border:1px solid #5b5249; } .introduction-slide .thumbnail{ position:relative; } .introduction-slide .thumbnail .info-icon{ position:absolute; top:10px; left:10px; } .diagnose-treat { background: #0070c0 none repeat scroll 0 0; color: #fff; margin-right: 190px; padding: 10px; position: relative; } .diagnose-treat .diagnose-icon { position: absolute; right: -44px; top: -15px; width: 100px; } .review-container{ position:fixed; bottom:130px; left:25px; right:25px; } .modal-footer{ background:#494037; text-align:center; padding:5px; } #searchclear { color: red; cursor:pointer; } .right-img{ bottom:0; z-index:11; } .left-img{ bottom:-50px; } .login-wrapper{ width:400px; margin:80px auto; } .login-wrapper .panel{ background:#f1f1f1; } .login-wrapper .panel-heading{ background:#fff; font-weight: bold; border-bottom: 1px solid #ddd; } .login-wrapper .form-horizontal .input-group{ margin-bottom: 15px; } .login-wrapper .panel a{ color: #337ab7; } .login-wrapper .panel .checkbox{ padding-top: 0; } .disclaimer-container{ position:absolute; top:50%; margin-top:-100px; } .no-float{ float:none; } .display-in-b{ display:inline-block; } .image-title-2{ left:auto; right:63px; } /*----------------- MEDIA QUERY ------------------*/ @media only screen and (min-width:1200px){ .right-img { position:fixed; right:25px; bottom:104px; pointer-events:none; } } @media only screen and (min-width:981px) and (max-width:1024px){ .right-img { position:absolute; right:25px; bottom:180px; pointer-events:none; } .left-img { position:absolute; left:0; bottom:170px; } .slide-1{ background:#bfbfbf url(../../../../content/images/sound.png) no-repeat -30px 55%; background-size:35% auto; height:100%; } .slide-1 .slide{ margin-top: -137px; } } @media only screen and (max-width:1023px){ .slide-img img{ height:auto; } .welcome-slide{ overflow-y:auto; } .gradient-wrapper .black-block{ margin-top:15px; } .right-img{ margin-top:20px; } .left-img{ margin-bottom:20px; } .nutrition-type-slide{ overflow-y:auto; } } @media only screen and (min-width:320px) and (max-width:980px){ .left-img{ bottom:0; } .time-limit i img{ vertical-align:top; } .right-supplement{ background:#fff; } .right-img.fixed-img{ position:static; } .strature-slide{ background:#fff; } } @media only screen and (min-width:768px) and (max-width:980px){ .introduction-slide .box{ min-height:375px; } .right-img { bottom: 104px; position: fixed; right: 0px; z-index: 11; } .slide-1{ background:#bfbfbf url(../../../../content/images/sound.png) no-repeat -30px 55%; background-size:35% auto; height:100%; } .slide-1 .slide{ margin-top: -137px; } } @media only screen and (min-width:768px) and (max-width:1024px){ .progress-check .submit-btn { bottom: 132px; left:0; right:0; } .slide-1{ background:#bfbfbf url(../../../../content/images/sound.png) no-repeat -30px 50%; background-size:50% auto; } } @media only screen and (max-width:767px){ .slide-button{ text-align:center; } .slide h1{ font-size:25px; } .video-player{ position:fixed; bottom:0; } .time-limit{ position:static; width:100%; padding-left:15px; padding-right:15px; display:table; margin-top:20px; } .time-limit i{ display:table-cell; float:none; } .time-limit span{ display:table-cell; float:none; vertical-align:middle ; width:100%; padding-left:10px; } .navbar-fixed-top{ top:0; } .page-content{ padding-bottom:62px; } h1{ font-size:40px; } .dropdown-bottom{ width:289px; left:0; } .dropdown .dropdown-menu { -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; transition: 0s; display: none; z-index:0; } .slide-1 .slide{ left:25px; right:25px; margin-top:-100px; } .slide-1{ background:#bfbfbf url(../../../../content/images/sound.png) no-repeat -30px 50%; background-size:50% auto; } .dropdown.open .dropdown-menu { max-height: auto; display:block; z-index:0; } .welcome-slide img{ max-width:100%; } .gray-bg{ top: 68px ; } .prev .glyphicon{ margin-top:-5px; } .image-title-2{ left:auto !important; } h2,.h2{ font-size:20px;} .modal-header {padding:10px 15px;} .modal-header img, h2 a img, .summary a img{width:25px;} .modal-title{font-size:15px;} .modal-header .modal-title img { margin-right: 7px; } .slide-button{ position:fixed; top:50%; z-index:1060; width:100%; pointer-events:none; } .slide-button a{ position:absolute; left:0; pointer-events:initial; } .slide-button a.next{ right:25px; left:auto; } .gray-slide{ padding:50px 25px 25px; overflow-y:auto; background-size:100% auto; } .disclaimer-container{ position:static; margin-top:0; } .gradient-wrapper{ overflow-y:auto; } .modal-backdrop, .modal{ bottom:60px; } .image-title{ margin-left:0; left:0; } .navbar-header img{ margin:8px 15px; } .slide-button a{ background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; max-width: 25px; min-width: 0; padding: 8px 4px; } .slide-button a.next::after, .slide-button a.next::before{ border-left:13px solid rgba(255,255,255,0.5); } .slide-button a.prev::after, .slide-button a.prev::before{ border-right:13px solid rgba(255,255,255,0.5); } .login-wrapper{ width: 300px; } .diagnose-treat{ margin-right:0; } .diagnose-treat img{ width:50px; margin-top:-22px; } .mar-top-minus-15{ margin-top:15px; } .mar-rgt-minus-15{ margin:0; } .mar-mob-top-15{ margin-top:15px; } } @media only screen and (min-width:641px){ .dropdown-menu:before { position: absolute; top: -7px; right: 9px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .dropdown-menu:after { position: absolute; top: -6px; right: 10px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } } @media only screen and (max-width:640px){ .navbar-nav .open .dropdown-menu{ margin-top:10px; background:#fff; border-radius:25px; } } @media only screen and (min-width:480px) and (max-width:640px){ .slide-1 { background: #bfbfbf url("../../../../content/images/sound.png") no-repeat scroll -30px 72% / 35% auto; } .slide-1 .slide{ margin-top:-50px; } .dropdown-bottom{ max-height:250px ; } .panel-search{ max-height:150px ; } .login-wrapper{ margin: 10px auto; } } .videogular-container { height: 50px; } .videogular-container.audio { height: 50px; } @media (min-width: 1200px) { .videogular-container.audio { height: 40px; } } @media (min-width: 992px) and (max-width: 1199px) { .videogular-container.audio { height: 40px; } } @media (min-width: 768px) and (max-width: 991px) { .videogular-container.audio { height: 40px; } }