Sistem Penyimpanan Rekaman Medis Berbasis Android dan PHP
1
LAMPIRAN PROGRAM
index.php
×
Sign Up
Member
Admin
Personnel
Close
Universitas Sumatera Utara
3
Medical Records
Sign Up
Universitas Sumatera Utara
4
Login
method="post"
Member
Admin
Personnel
Universitas Sumatera Utara
5
First goal
Recognize reports of patient visits to hospital within the specified
period.
Universitas Sumatera Utara
6
Second goal
Patient registration is more practical and save time so avoid the
queue.
Universitas Sumatera Utara
7
Third goal
Know the list of overall patient illnesses and determine how to
handle them appropriately.
Fourth goal
Knowing which diseases are most often handled at home by the data
viewed by personnel.
Universitas Sumatera Utara
8
Fifth goal
Patients can move the desired hospital, without having to perform a
re-check. Because doctors can see any disease experienced by patients from
this application.
Security
We
try to secure your data from cyber crime for that if you feel something
wrong contact us in section contact . And if anyone does not know about the
use of medical record then please go to help.
Universitas Sumatera Utara
9
Contact Help
Previous
Next
Universitas Sumatera Utara
10
Stylae.css
.container {
position: relative; }
.log p {
color: white;
font-family: 'Roboto', sans-serif;
line-height: 1.4;
border: 6px solid #d14841;
background-color: #d14841;
letter-spacing: -.5px;
text-decoration: none;
}
.btn {
margin-bottom: 0.5rem; }
.btn + .btn {
margin-left: 1rem; }
@media (max-width: 767px) {
.btn {
white-space: normal; }
.btn + .btn {
margin-left: 0; } }
.mbr-section-btn-tes {
position: absolute;
top: 481px;
right: 530px;
}
.bg-primary {
background-color: #c0a375 !important; }
.bg-success {
background-color: #90a878 !important; }
.bg-info {
background-color: #7e9b9f !important; }
.bg-warning {
background-color: #f3c649 !important; }
.bg-danger {
background-color: #f28281 !important; }
.bg-none {
background: none !important; }
.btn {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
letter-spacing: 2px;
padding: 0.75rem 2.1875rem;
font-size: 0.75rem;
line-height: 1.5;
border-radius: 3px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.btn-sm {
Universitas Sumatera Utara
11
padding: 0.625rem 2.1874rem;
font-size: 0.9687rem;
line-height: 1.5;
border-radius: 3px;
font-family: "Lora";
font-style: italic;
font-weight: 400;
letter-spacing: 0px; }
.btn-lg {
padding: 0.75rem 2.1874rem;
font-size: 0.9687rem;
line-height: 1.33333;
border-radius: 3px; }
.btn-xlg {
padding: 0.75rem 2.1874rem;
font-size: 1.1875rem;
line-height: 1.33333;
border-radius: 3px; }
.btn-primary {
background-color: #c0a375;
border-color: #c0a375;
box-shadow: none;
color: #fff; }
.btn-primary:hover {
color: #fff;
background-color: #a07e49;
border-color: #a07e49;
box-shadow: none; }
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #a07e49;
border-color: #a07e49; }
.btn-primary:active, .btn-primary.active {
color: #fff;
background-color: #a07e49;
border-color: #a07e49;
background-image: none;
box-shadow: none; }
.btn-primary.disabled, .btn-primary:disabled {
color: #fff !important;
background-color: #a07e49 !important;
border-color: #a07e49 !important;
opacity: 0.85; }
.btn-secondary {
background-color: #bfcecb;
border-color: #bfcecb;
box-shadow: none;
color: #fff; }
.btn-secondary:hover {
color: #fff;
background-color: #94ada8;
border-color: #94ada8;
box-shadow: none; }
.btn-secondary:focus, .btn-secondary.focus {
color: #fff;
background-color: #94ada8;
border-color: #94ada8; }
Universitas Sumatera Utara
12
.btn-secondary:active, .btn-secondary.active {
color: #fff;
background-color: #94ada8;
border-color: #94ada8;
background-image: none;
box-shadow: none; }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff !important;
background-color: #94ada8 !important;
border-color: #94ada8 !important;
opacity: 0.85; }
.btn-info {
background-color: #7e9b9f;
border-color: #7e9b9f;
box-shadow: none;
color: #fff; }
.btn-info:hover {
color: #fff;
background-color: #597478;
border-color: #597478;
box-shadow: none; }
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #597478;
border-color: #597478; }
.btn-info:active, .btn-info.active {
color: #fff;
background-color: #597478;
border-color: #597478;
background-image: none;
box-shadow: none; }
.btn-info.disabled, .btn-info:disabled {
color: #fff !important;
background-color: #597478 !important;
border-color: #597478 !important;
opacity: 0.85; }
.btn-success {
background-color: #90a878;
border-color: #90a878;
box-shadow: none;
color: #fff; }
.btn-success:hover {
color: #fff;
background-color: #6a8153;
border-color: #6a8153;
box-shadow: none; }
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #6a8153;
border-color: #6a8153; }
.btn-success:active, .btn-success.active {
color: #fff;
background-color: #6a8153;
border-color: #6a8153;
background-image: none;
box-shadow: none; }
.btn-success.disabled, .btn-success:disabled {
color: #fff !important;
background-color: #6a8153 !important;
Universitas Sumatera Utara
13
border-color: #6a8153 !important;
opacity: 0.85; }
.btn-warning {
background-color: #f3c649;
border-color: #f3c649;
box-shadow: none;
color: #fff; }
.btn-warning:hover {
color: #fff;
background-color: #e1a90f;
border-color: #e1a90f;
box-shadow: none; }
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #e1a90f;
border-color: #e1a90f; }
.btn-warning:active, .btn-warning.active {
color: #fff;
background-color: #e1a90f;
border-color: #e1a90f;
background-image: none;
box-shadow: none; }
.btn-warning.disabled, .btn-warning:disabled {
color: #fff !important;
background-color: #e1a90f !important;
border-color: #e1a90f !important;
opacity: 0.85; }
.btn-danger {
background-color: #f28281;
border-color: #f28281;
box-shadow: none;
color: #fff; }
.btn-danger:hover {
color: #fff;
background-color: #eb3d3c;
border-color: #eb3d3c;
box-shadow: none; }
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #eb3d3c;
border-color: #eb3d3c; }
.btn-danger:active, .btn-danger.active {
color: #fff;
background-color: #eb3d3c;
border-color: #eb3d3c;
background-image: none;
box-shadow: none; }
.btn-danger.disabled, .btn-danger:disabled {
color: #fff !important;
background-color: #eb3d3c !important;
border-color: #eb3d3c !important;
opacity: 0.85; }
.btn-white {
background-color: #fff;
border-color: #fff;
box-shadow: none;
color: #535353; }
.btn-white:hover {
Universitas Sumatera Utara
14
color: #fff;
background-color: #d4d4d4;
border-color: #d4d4d4;
box-shadow: none; }
.btn-white:focus, .btn-white.focus {
color: #fff;
background-color: #d4d4d4;
border-color: #d4d4d4; }
.btn-white:active, .btn-white.active {
color: #fff;
background-color: #d4d4d4;
border-color: #d4d4d4;
background-image: none;
box-shadow: none; }
.btn-white.disabled, .btn-white:disabled {
color: #fff !important;
background-color: #d4d4d4 !important;
border-color: #d4d4d4 !important;
opacity: 0.85; }
.btn-black {
background-color: #535353;
border-color: #535353;
box-shadow: none;
color: #fff; }
.btn-black:hover {
color: #fff;
background-color: #2d2d2d;
border-color: #2d2d2d;
box-shadow: none; }
.btn-black:focus, .btn-black.focus {
color: #fff;
background-color: #2d2d2d;
border-color: #2d2d2d; }
.btn-black:active, .btn-black.active {
color: #fff;
background-color: #2d2d2d;
border-color: #2d2d2d;
background-image: none;
box-shadow: none; }
.btn-black.disabled, .btn-black:disabled {
color: #fff !important;
background-color: #2d2d2d !important;
border-color: #2d2d2d !important;
opacity: 0.85; }
.btn-primary-outline {
background: none;
border-color: #8e7041;
color: #8e7041; }
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primaryoutline:active, .btn-primary-outline.active {
color: #fff;
background-color: #c0a375;
border-color: #c0a375; }
.btn-primary-outline:hover {
color: #fff;
background-color: #c0a375;
border-color: #c0a375; }
.btn-primary-outline.disabled, .btn-primary-outline:disabled {
color: #fff !important;
Universitas Sumatera Utara
15
background-color: #c0a375 !important;
border-color: #c0a375 !important;
opacity: 0.85; }
.btn-secondary-outline {
background: none;
border-color: #85a29c;
color: #85a29c; }
.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btnsecondary-outline:active, .btn-secondary-outline.active {
color: #fff;
background-color: #bfcecb;
border-color: #bfcecb; }
.btn-secondary-outline:hover {
color: #fff;
background-color: #bfcecb;
border-color: #bfcecb; }
.btn-secondary-outline.disabled, .btn-secondary-outline:disabled {
color: #fff !important;
background-color: #bfcecb !important;
border-color: #bfcecb !important;
opacity: 0.85; }
.btn-info-outline {
background: none;
border-color: #4e6669;
color: #4e6669; }
.btn-info-outline:focus, .btn-info-outline.focus, .btn-infooutline:active, .btn-info-outline.active {
color: #fff;
background-color: #7e9b9f;
border-color: #7e9b9f; }
.btn-info-outline:hover {
color: #fff;
background-color: #7e9b9f;
border-color: #7e9b9f; }
.btn-info-outline.disabled, .btn-info-outline:disabled {
color: #fff !important;
background-color: #7e9b9f !important;
border-color: #7e9b9f !important;
opacity: 0.85; }
.btn-success-outline {
background: none;
border-color: #5d7149;
color: #5d7149; }
.btn-success-outline:focus, .btn-success-outline.focus, .btn-successoutline:active, .btn-success-outline.active {
color: #fff;
background-color: #90a878;
border-color: #90a878; }
.btn-success-outline:hover {
color: #fff;
background-color: #90a878;
border-color: #90a878; }
.btn-success-outline.disabled, .btn-success-outline:disabled {
color: #fff !important;
background-color: #90a878 !important;
border-color: #90a878 !important;
opacity: 0.85; }
Universitas Sumatera Utara
16
.btn-warning-outline {
background: none;
border-color: #c9970d;
color: #c9970d; }
.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warningoutline:active, .btn-warning-outline.active {
color: #fff;
background-color: #f3c649;
border-color: #f3c649; }
.btn-warning-outline:hover {
color: #fff;
background-color: #f3c649;
border-color: #f3c649; }
.btn-warning-outline.disabled, .btn-warning-outline:disabled {
color: #fff !important;
background-color: #f3c649 !important;
border-color: #f3c649 !important;
opacity: 0.85; }
.btn-danger-outline {
background: none;
border-color: #e82625;
color: #e82625; }
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-dangeroutline:active, .btn-danger-outline.active {
color: #fff;
background-color: #f28281;
border-color: #f28281; }
.btn-danger-outline:hover {
color: #fff;
background-color: #f28281;
border-color: #f28281; }
.btn-danger-outline.disabled, .btn-danger-outline:disabled {
color: #fff !important;
background-color: #f28281 !important;
border-color: #f28281 !important;
opacity: 0.85; }
.btn-white-outline {
background: none;
border-color: #fff;
color: #fff; }
.btn-white-outline:focus, .btn-white-outline.focus, .btn-whiteoutline:active, .btn-white-outline.active {
color: #535353;
background-color: #fff;
border-color: #fff; }
.btn-white-outline:hover {
color: #535353;
background-color: #fff;
border-color: #fff; }
.btn-white-outline.disabled, .btn-white-outline:disabled {
color: #535353 !important;
background-color: #fff !important;
border-color: #fff !important;
opacity: 0.85; }
.btn-black-outline {
background: none;
border-color: #202020;
Universitas Sumatera Utara
17
color: #202020; }
.btn-black-outline:focus, .btn-black-outline.focus, .btn-blackoutline:active, .btn-black-outline.active {
color: #fff;
background-color: #535353;
border-color: #535353; }
.btn-black-outline:hover {
color: #fff;
background-color: #535353;
border-color: #535353; }
.btn-black-outline.disabled, .btn-black-outline:disabled {
color: #fff !important;
background-color: #535353 !important;
border-color: #535353 !important;
opacity: 0.85; }
a.mbr-iconfont:hover {
text-decoration: none; }
.btn-social {
font-size: 20px;
border-radius: 50%;
padding: 0;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
position: relative;
border: 2px solid #c0a375;
color: #232323; }
.btn-social i {
top: 0;
line-height: 44px;
width: 44px; }
.btn-social:hover {
color: #fff;
background: #c0a375; }
.btn-social + .btn {
margin-left: 0.1rem; }
p.lead,
.lead p {
font-size: 1.07rem;
font-weight: 300;
margin-bottom: 2.3125rem; }
.article .lead p, .article .lead ul, .article .lead ol, .article .lead pre,
.article .lead blockquote {
margin-bottom: 0; }
.lead {
font-size: 1.07rem;
font-weight: 300; }
.lead a {
font-family: "Lora";
font-style: italic;
font-weight: 400; }
.lead a, .lead a:hover {
color: #c0a375;
text-decoration: none; }
.lead h1 {
Universitas Sumatera Utara
18
font-size: 3rem;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 1.605rem; }
.lead h2 {
font-size: 2.5rem;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 1.605rem; }
.lead h3 {
font-size: 2rem;
font-weight: 600;
margin-bottom: 1.605rem; }
.lead h4 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1.605rem; }
.lead blockquote {
font-family: "Lora";
font-style: italic;
padding: 10px 0 10px 20px;
border-left: 4px solid #c39f76;
font-size: 1.09rem;
position: relative; }
.lead ul, .lead ol, .lead pre, .lead blockquote {
margin-bottom: 2.3125rem; }
.lead pre {
background: #f4f4f4;
padding: 10px 24px;
white-space: pre-wrap; }
.display-1 {
font-size: 4.39rem;
font-weight: 600;
letter-spacing: -2px;
margin-bottom: 0.2843em;
margin-top: 3.9rem; }
.display-2 {
font-size: 3rem;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 1.5625rem;
margin-top: 3.5rem; }
.display-3 {
font-size: 2.5rem;
font-weight: 600;
margin-top: 3.2rem;
margin-bottom: 2rem; }
.display-4 {
font-size: 2rem;
font-weight: 600;
margin-top: 2.3rem;
margin-bottom: 1.8rem; }
.modal-backdrop {
background: -webkit-linear-gradient(left, #564740, #3a414a);
background: -moz-linear-gradient(left, #564740, #3a414a);
background: -o-linear-gradient(left, #564740, #3a414a);
Universitas Sumatera Utara
19
background: -ms-linear-gradient(left, #564740, #3a414a);
background: linear-gradient(left, #564740, #3a414a);
opacity: 0.94; }
.form-control {
background-color: #f5f5f5;
border-radius: 3px;
box-shadow: none;
color: #565656;
font-size: 0.875rem;
line-height: 1.43;
min-height: 3.5em;
padding: 0.5em 1.07em 0.5em; }
.form-control, .form-control:focus {
border: 1px solid #e8e8e8; }
.form-active .form-control:invalid {
border-color: #f28281; }
.form-control-label {
cursor: pointer;
font-size: 0.875rem;
margin-bottom: 0.357em;
padding: 0; }
.alert {
border-radius: 0;
border: 0;
font-family: 'Montserrat', sans-serif;
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 1.875rem;
padding: 1.25rem;
position: relative; }
.alert.alert-form:after {
background-color: inherit;
bottom: -7px;
content: "";
display: block;
height: 14px;
left: 50%;
margin-left: -7px;
position: absolute;
transform: rotate(45deg);
width: 14px; }
.alert-success {
background-color: #90a878;
color: #fff; }
.alert-info {
background-color: #7e9b9f;
color: #fff; }
.alert-warning {
background-color: #f3c649;
color: #fff; }
.alert-danger {
background-color: #f28281;
color: #fff; }
Universitas Sumatera Utara
20
/**
* TYPOGRAPHY
*/
body {
font-family: 'Raleway', sans-serif;
color: #232323; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4 {
font-family: 'Montserrat', sans-serif;
word-break: break-word;
word-wrap: break-word; }
input, textarea {
font-family: "Raleway"; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkitautofill:focus, input:-webkit-autofill:active {
transition-delay: 9999s;
transition-property: background-color, color; }
.text-primary {
color: #c0a375 !important; }
.text-success {
color: #90a878 !important; }
.text-info {
color: #7e9b9f !important; }
.text-warning {
color: #f3c649 !important; }
.text-danger {
color: #f28281 !important; }
.text-white {
color: #fff !important; }
.text-black {
color: #535353 !important; }
.mbr-section {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover; }
.mbr-section-full {
display: table;
height: 100vh;
padding-bottom: 0;
padding-top: 0;
table-layout: fixed;
width: 100%; }
.mbr-section-full > .mbr-table-cell {
width: 100%; }
Universitas Sumatera Utara
21
.mbr-section-small {
padding-top: 60px;
padding-bottom: 60px; }
.mbr-section-title {
margin-top: 0; }
.mbr-section__container--first {
padding-top: 120px;
padding-bottom: 40px; }
.mbr-section__container--middle {
padding-top: 0;
padding-bottom: 40px; }
.mbr-section__container--last {
padding-top: 0;
padding-bottom: 120px; }
.mbr-section-sm-padding {
padding-top: 40px;
padding-bottom: 40px; }
.mbr-section-md-padding {
padding-top: 90px;
padding-bottom: 90px; }
.mbr-section-nopadding {
padding-top: 0;
padding-bottom: 0; }
.mbr-section-subtitle {
display: block;
font-style: italic;
font-weight: 400;
font-size: 17px;
font-family: "Lora";
line-height: 26px;
color: #8c8c8c;
margin-bottom: 30px; }
.mbr-section-title + .mbr-section-subtitle {
margin-top: -21px; }
.mbr-section-hero::before {
display: none !important; }
.mbr-section-hero .mbr-section-title {
color: #fff;
margin-bottom: 1.6875rem; }
.mbr-section-hero .mbr-section-lead {
color: #fff;
font-family: Lora;
font-size: 1.5rem;
font-style: italic;
margin-top: -1em; }
.mbr-section-hero .mbr-section-text {
color: #fff; }
@media (max-width: 767px) {
.mbr-section {
padding-top: 60px;
Universitas Sumatera Utara
22
padding-bottom: 60px; }
.mbr-section-full {
padding-bottom: 0;
padding-top: 0; }
.mbr-section__container--first {
padding-top: 60px;
padding-bottom: 40px; }
.mbr-section__container--middle {
padding-top: 0;
padding-bottom: 40px; }
.mbr-section__container--last {
padding-top: 0;
padding-bottom: 60px; }
.mbr-section-sm-padding {
padding-top: 40px;
padding-bottom: 40px; }
.mbr-section-md-padding {
padding-top: 60px;
padding-bottom: 60px; }
.mbr-section-nopadding {
padding-top: 0;
padding-bottom: 0; }
.mbr-section-subtitle {
margin-bottom: 0; }
.mbr-section-hero.mbr-after-navbar .mbr-section {
padding-top: 120px; }
.mbr-section-hero.mbr-section-with-arrow .mbr-section {
padding-bottom: 120px; }
.mbr-section-hero .mbr-section-title {
font-size: 3.125rem !important; }
.mbr-section-hero .mbr-section-lead {
font-size: 1.125rem !important; }
.mbr-section-hero .mbr-section-btn .btn {
font-size: 0.75rem !important;
line-height: 1.5;
padding: 0.75rem 2.1875rem; } }
.mbr-section-full .mbr-overlay {
min-height: 100vh; }
.mbr-overlay {
background-color: #000;
bottom: 0;
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
z-index: 1; }
.mbr-overlay ~ * {
z-index: 2; }
.mbr-section-full .mbr-background-video,
Universitas Sumatera Utara
23
.mbr-section-full .mbr-background-video-preview {
min-height: 100vh; }
.mbr-background-video,
.mbr-background-video-preview {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
.mbr-background-video-preview {
z-index: 0 !important; }
.mbr-table {
display: table;
width: 100%; }
.mbr-table-full {
height: 100%;
position: relative;
width: 100%; }
.mbr-table-cell {
display: table-cell;
float: none;
padding-bottom: 0;
padding-top: 0;
position: relative;
vertical-align: middle; }
.mbr-table-md-up {
width: 100%; }
.mbr-table-md-up .mbr-table-cell {
display: block; }
.mbr-table-md-up .mbr-table-cell + .mbr-table-cell {
padding-top: 40px; }
@media (min-width: 769px) {
.mbr-table-md-up {
display: table; }
.mbr-table-md-up .mbr-table-cell {
display: table-cell; }
.mbr-table-md-up .mbr-table-cell + .mbr-table-cell {
padding-top: 0; } }
.mbr-figure {
display: block;
margin: 0;
overflow: hidden;
position: relative;
width: 100%; }
.mbr-figure img, .mbr-figure iframe {
display: block;
width: 100%; }
.mbr-figure .mbr-figure-caption {
background: #2e2e2e;
color: #fff;
font-family: Montserrat;
padding: 1.5rem 0;
text-align: center;
width: 100%; }
Universitas Sumatera Utara
24
.mbr-figure .mbr-figure-caption-over {
background: -moz-linear-gradient(left, rgba(67, 76, 99, 0.85),
rgba(188, 155, 114, 0.85)) !important;
background: -ms-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188,
155, 114, 0.85)) !important;
background: -o-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188,
155, 114, 0.85)) !important;
background: -webkit-linear-gradient(left, rgba(67, 76, 99, 0.85),
rgba(188, 155, 114, 0.85)) !important;
background: linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188,
155, 114, 0.85)) !important;
bottom: 0;
position: absolute; }
.mbr-map {
height: 25rem;
position: relative; }
.mbr-map iframe {
height: 100%;
width: 100%; }
.mbr-map [data-state-details] {
color: #6b6763;
font-family: Montserrat;
height: 1.5em;
margin-top: -0.75em;
padding-left: 1.25rem;
padding-right: 1.25rem;
position: absolute;
text-align: center;
top: 50%;
width: 100%; }
.mbr-map[data-state] {
background: #e9e5dc; }
.mbr-map[data-state="loading"] [data-state-details] {
display: none; }
.mbr-map[data-state="loading"]::after {
content: "";
-webkit-animation: btnCircleLoading .6s infinite linear;
animation: btnCircleLoading .6s infinite linear;
border-radius: 50%;
border: 6px rgba(255, 255, 255, 0.35) solid;
border-top-color: #fff;
height: 40px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px; }
/*------Gallery
-------*/
.mbr-gallery .mbr-gallery-item {
position: relative;
display: inline-block;
width: 25%; }
@media (max-width: 768px) {
.mbr-gallery .mbr-gallery-item {
Universitas Sumatera Utara
25
width: 50%; } }
@media (max-width: 400px) {
.mbr-gallery .mbr-gallery-item {
width: 100%; } }
.mbr-gallery .mbr-gallery-item img {
width: 100%;
opacity: 1;
-webkit-transition: .2s opacity ease-in-out;
transition: .2s opacity ease-in-out; }
.mbr-gallery .mbr-gallery-item > a:hover img {
opacity: 1; }
.mbr-gallery .mbr-gallery-item > a {
background: #fff;
display: block;
outline: none;
position: relative; }
.mbr-gallery .mbr-gallery-item > a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(left, #554346, #45505b) !important;
background: -moz-linear-gradient(left, #554346, #45505b) !important;
background: -o-linear-gradient(left, #554346, #45505b) !important;
background: -ms-linear-gradient(left, #554346, #45505b) !important;
background: linear-gradient(left, #554346, #45505b) !important;
opacity: 0;
-webkit-transition: .2s opacity ease-in-out;
transition: .2s opacity ease-in-out; }
.mbr-gallery .mbr-gallery-item .icon {
-webkit-transform: translateX(-50%) translateY(-50%);
-webkit-transition: .2s opacity ease-in-out;
color: #000;
font-size: 30px;
height: 69px;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
transition: .2s opacity ease-in-out;
width: 69px; }
.mbr-gallery .mbr-gallery-item .icon::before, .mbr-gallery .mbr-galleryitem .icon::after {
content: "";
display: block;
position: absolute;
height: 69px;
width: 1px;
margin-left: 34.5px;
background-color: #fff; }
.mbr-gallery .mbr-gallery-item .icon::after {
width: 69px;
height: 1px;
margin-left: 0;
Universitas Sumatera Utara
26
margin-top: 34.5px; }
.mbr-gallery .mbr-gallery-item > a:hover .icon {
opacity: 1; }
.mbr-gallery .mbr-gallery-item > a:hover::before {
opacity: 0.9; }
.mbr-gallery-title {
font-family: Montserrat;
font-size: 0.9em;
position: absolute;
display: block;
width: 100%;
bottom: 0;
padding: 1rem;
color: #fff;
background: -webkit-linear-gradient(left, rgba(85, 67, 70, 0.85),
rgba(69, 80, 91, 0.85)) !important;
background: -moz-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69,
80, 91, 0.85)) !important;
background: -o-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69, 80,
91, 0.85)) !important;
background: -ms-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69,
80, 91, 0.85)) !important;
background: linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69, 80,
91, 0.85)) !important;
-webkit-transition: .2s background ease-in-out;
transition: .2s background ease-in-out; }
.mbr-gallery .mbr-gallery-item > a:hover .mbr-gallery-title {
background: transparent !important; }
/* remove spacing */
.mbr-gallery .mbr-gallery-row.no-gutter {
margin: 0; }
.mbr-gallery .mbr-gallery-row.no-gutter .mbr-gallery-item {
padding: 0; }
/* container */
.mbr-gallery .container.mbr-gallery-layout-default {
padding: 93px 0; }
/* fix horizontal scrollbar */
.mbr-gallery .mbr-gallery-layout-default,
.mbr-gallery .mbr-gallery-layout-article {
overflow: hidden; }
/* lightbox */
.mbr-gallery .modal {
position: fixed;
overflow: hidden;
padding-right: 0 !important; }
.mbr-gallery .modal-content {
border-radius: 0; }
.mbr-gallery .modal-body {
padding: 0; }
Universitas Sumatera Utara
27
.mbr-gallery .modal-body img {
width: 100%; }
.mbr-gallery .modal .close {
position: fixed;
background: #1b1b1b;
opacity: 0.5;
font-size: 55px;
font-weight: 300;
width: 70px;
height: 70px;
border-radius: 50%;
color: #fff;
top: 2.5rem;
right: 2.5rem;
line-height: 61px;
border: 0;
text-align: center;
text-shadow: none;
z-index: 5;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease; }
.mbr-gallery .modal .close:hover {
opacity: 1;
background: #000;
color: #fff; }
.mbr-gallery .modal.in .modal-dialog {
margin: 0 auto; }
/* modal back color opacity */
.modal-backdrop.in {
opacity: 0.8;
filter: alpha(opacity=80); }
@media (max-width: 768px) {
.mbr-gallery .carousel-indicators,
.mbr-gallery .carousel-control,
.mbr-gallery .modal .close {
position: fixed; } }
/* fix fade in effect */
.mbr-gallery .modal.fade .modal-dialog {
-webkit-transition: margin-top 0.3s ease-out;
-moz-transition: margin-top 0.3s ease-out;
-o-transition: margin-top 0.3s ease-out;
transition: margin-top 0.3s ease-out; }
.mbr-gallery .modal.in .modal-dialog,
.mbr-gallery .modal.fade .modal-dialog {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; }
/*------Slider
Universitas Sumatera Utara
28
-------*/
.mbr-slider .carousel-inner > .active,
.mbr-slider .carousel-inner > .next,
.mbr-slider .carousel-inner > .prev {
display: table; }
.mbr-slider .carousel-control {
position: absolute;
width: 70px;
height: 70px;
top: 50%;
margin-top: -35px;
line-height: 70px;
border-radius: 50%;
color: inherit;
background: #1b1b1b;
border: 0;
opacity: 0.5;
text-shadow: none;
z-index: 5;
color: #fff;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
.mbr-gallery .mbr-slider .carousel-control {
position: fixed; }
@media (max-width: 991px) {
.mbr-gallery .mbr-slider .carousel-control {
bottom: 2.5rem;
margin-top: 0;
top: auto;
z-index: 17; } }
.mbr-gallery .mbr-slider .carousel-inner > .active {
display: block; }
.mbr-slider .carousel-control.left {
left: 0;
margin-left: 2.5rem; }
.mbr-slider .carousel-control.right {
right: 0;
margin-right: 2.5rem; }
.mbr-slider .carousel-control .icon-next,
.mbr-slider .carousel-control .icon-prev {
margin-top: -18px;
font-size: 40px;
line-height: 27px; }
.mbr-slider .carousel-control:hover {
background: #1b1b1b;
color: #fff;
opacity: 1; }
.mbr-slider .carousel-indicators {
position: absolute;
bottom: 0;
margin-bottom: 1.5rem !important; }
@media (max-width: 543px) {
Universitas Sumatera Utara
29
.mbr-slider .carousel-indicators {
display: none; } }
.mbr-gallery .mbr-slider .carousel-indicators {
position: fixed;
margin-bottom: 2.5rem !important; }
@media (max-width: 991px) {
.mbr-gallery .mbr-slider .carousel-indicators {
margin-bottom: 3.625rem !important;
padding-left: 2.5rem;
padding-right: 2.5rem; } }
.mbr-slider .carousel-indicators li,
.mbr-slider .carousel-indicators .active {
width: 15px;
height: 15px;
margin: 3px;
background: #1b1b1b;
border: 0;
opacity: 0.5; }
.mbr-slider .carousel-indicators .active {
border: 4px solid #1b1b1b;
background: #fff; }
@media (max-width: 767px) {
.mbr-slider .carousel-control {
top: auto;
bottom: 20px; }
.mbr-slider > .container .carousel-control {
margin-bottom: 0px; } }
/* boxed slider */
.mbr-slider > .boxed-slider {
position: relative;
padding: 93px 0; }
.mbr-slider > .boxed-slider > div {
position: relative; }
.mbr-slider > .container img {
width: 100%; }
.mbr-slider > .container img + .row {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2; }
.mbr-slider .mbr-section {
padding: 0;
background-attachment: scroll; }
.mbr-slider .mbr-table-cell {
padding: 0; }
.mbr-slider > .container .carousel-indicators {
Universitas Sumatera Utara
30
margin-bottom: 3px; }
/* article slider */
.mbr-slider > .article-slider .mbr-section,
.mbr-slider > .article-slider .mbr-section .mbr-table-cell {
padding-top: 0;
padding-bottom: 0; }
/*------Cards
-------*/
.mbr-cards-row {
position: relative;
margin-left: 0 !important;
margin-right: 0 !important; }
.mbr-cards-col {
padding-left: 0;
padding-right: 0;
padding-top: 120px;
padding-bottom: 120px; }
@media (max-width: 767px) {
.mbr-cards-col {
padding-top: 60px;
padding-bottom: 60px; } }
.mbr-cards .striped .card {
padding-left: 10%;
padding-right: 10%; }
.mbr-cards .striped .mbr-cards-col:nth-child(2n+1) {
background: #2e2e2e;
color: #fff; }
.mbr-cards .striped .mbr-cards-col:nth-child(2n+1) .card-subtitle {
color: #979797; }
.mbr-cards .card {
text-align: center;
border: 0;
background: none;
padding-left: 0;
padding-right: 0;
margin-bottom: 0; }
@media (max-width: 991px) {
.mbr-cards .card {
padding-left: 0;
padding-right: 0; } }
@media (min-width: 992px) {
.mbr-cards-row {
display: table;
table-layout: fixed;
width: 100%; }
.mbr-cards-row::after {
display: none; }
.mbr-cards-col {
display: table-cell;
float: none; }
.mbr-cards > .container {
margin: 0;
max-width: none;
padding: 0;
width: 100%; } }
.mbr-cards .card-block {
Universitas Sumatera Utara
31
background: none;
padding: 0; }
.mbr-cards .card-img-top {
border-radius: 0;
width: auto;
max-width: 100%; }
.mbr-cards .card-img + .card-block {
padding-top: 2.3125rem; }
.mbr-cards .card-text {
margin: 0; }
.mbr-cards .card-text + .card-btn {
padding-top: 1.375rem; }
.mbr-cards .card-title {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2825; }
.mbr-cards .card-title + * {
padding-top: 1rem; }
.mbr-cards .card-title + .card-btn {
padding-top: 1.4375rem; }
.mbr-cards .card-subtitle {
margin-bottom: 0;
font-style: italic;
font-weight: 400;
font-size: 0.875rem;
font-family: "Lora";
color: #5b5b5b;
margin-top: -1rem;
line-height: 1.7857;
padding-bottom: 1rem; }
.mbr-cards .card-subtitle + .card-btn {
padding-top: 0.3125rem; }
.mbr-cards .iconbox {
border-style: solid;
border-color: #f2f2f2;
border-width: 1px;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 500px;
display: inline-block; }
.mbr-cards .iconbox > .mbr-iconfont {
line-height: inherit; }
/*------Price Table
-------*/
@media (min-width: 1600px) {
.mbr-price-table {
padding-left: 12%;
padding-right: 12%; } }
.mbr-price-table .row {
margin-left: 0;
margin-right: 0; }
.mbr-price-table .row > div {
padding-left: 0.625rem;
padding-right: 0.625rem; }
Universitas Sumatera Utara
32
@media (max-width: 1199px) {
.mbr-price-table .row > div {
padding-bottom: 40px; } }
/*------Price Table / Plan
-------*/
.mbr-plan {
background: none;
border-radius: 0;
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
margin-bottom: 0;
padding: 0.625rem; }
.mbr-plan .list-group-item {
background: none;
border-bottom: 0;
border-top: 1px dotted rgba(255, 255, 255, 0.2);
font-size: 0.875rem;
line-height: 3.125rem;
padding-bottom: 0;
padding-top: 0; }
.mbr-plan .card-title {
margin-bottom: 1.5625rem; }
.mbr-plan-title {
font-family: "Montserrat";
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.28;
margin-bottom: 0; }
.mbr-plan-subtitle, .mbr-plan-price-desc {
color: #a0a0a0;
font-family: "Lora";
font-size: 0.875rem;
font-style: italic;
font-weight: 400;
line-height: 1.79; }
.mbr-plan-price-desc {
display: block;
padding-top: 1.25rem; }
.mbr-plan-header, .mbr-plan-body {
background: rgba(255, 255, 255, 0.1); }
.mbr-plan-header {
padding-bottom: 3.4375rem;
padding-top: 2.1875rem;
position: relative; }
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
color: #e8ddcd; }
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
color: #d0dac6; }
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
color: #c7d4d5; }
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
color: #fbebc1; }
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
Universitas Sumatera Utara
33
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
color: #fef5f5; }
.mbr-plan-label {
background: #28262b;
color: #fff;
display: block;
font-size: 0.6875rem;
font-weight: 400;
height: 3.125rem;
line-height: 3.125rem;
min-width: 3.125rem;
padding: 0 0.75rem;
position: absolute;
right: 0;
top: 0; }
.mbr-plan-body {
margin-top: 2px;
padding-bottom: 0;
padding-top: 2.5rem; }
.mbr-plan-list {
padding-bottom: 4.0625rem;
padding-top: 1.5625rem; }
.mbr-plan-btn {
margin-top: -2.5rem;
padding-bottom: 1.375rem;
padding-top: 1.875rem; }
/*------Price Table / Price
-------*/
.mbr-price {
font-family: "Montserrat";
line-height: 1.3; }
.mbr-price-value {
font-size: 1.875rem;
line-height: 1;
position: relative;
top: -1.25rem; }
.mbr-price-figure {
font-size: 3.75rem;
line-height: inherit;
padding-left: 0.625rem; }
.mbr-price-term {
font-size: 1.875rem;
position: relative; }
/*------Testimonials
-------*/
.mbr-testimonials .row > div {
padding-bottom: 40px; }
.mbr-testimonials .row > div:last-child {
padding-bottom: 0; }
@media (min-width: 992px) {
.mbr-testimonials .row > div:nth-child(3n+1) {
clear: left; }
.mbr-testimonials .row > div:nth-last-child(-1n+3) {
Universitas Sumatera Utara
34
padding-bottom: 0; } }
/*------Testimonials / Item
-------*/
.mbr-testimonial {
border-radius: 0;
border: 0;
margin-bottom: 0;
text-align: center; }
.mbr-testimonial + * {
padding-top: 40px; }
.mbr-testimonial.card {
background-color: transparent; }
.mbr-testimonial .card-block {
background: #f4f4f4;
color: #565656;
font-family: "Lora";
font-size: 1.125rem;
font-style: italic;
font-weight: 400;
line-height: 2;
padding: 1.875rem;
position: relative; }
.mbr-testimonial .card-block:after {
background-color: inherit;
bottom: -7px;
content: "";
display: block;
height: 14px;
left: 50%;
margin-left: -7px;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 14px; }
.mbr-testimonial-lg .card-block {
padding-bottom: 90px; }
.mbr-testimonial .card-footer {
background: none;
border: 0;
padding: 0;
position: relative;
z-index: 2; }
.mbr-testimonial .card-footer:last-child {
border-radius: 0; }
/*------Testimonials / Author
-------*/
.mbr-author-img {
margin-top: -2.5rem; }
.mbr-author-img img {
height: 5rem;
width: 5rem; }
.mbr-author-name {
color: #2d2d2d;
Universitas Sumatera Utara
35
font-family: "Montserrat";
font-size: 1rem;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.3;
padding-top: 1.25rem; }
.mbr-author-desc {
color: #a7a7a7;
font-family: "Lora";
font-size: 0.875rem;
font-style: italic;
font-weight: 400;
line-height: 1.597; }
/*------Info
-------*/
.mbr-info-subtitle, .mbr-info-extra .mbr-info-title {
margin-bottom: 0; }
.mbr-info-extra .mbr-info-subtitle {
margin-bottom: 0.5rem; }
/*------Subscribe
-------*/
.mbr-subscribe {
background: #f5f5f5;
border-radius: 3px;
border: 1px solid #e8e8e8;
height: 4rem;
padding: 0;
position: relative; }
.mbr-subscribe .form-control {
background: none;
border: 0;
position: relative;
top: 0.4375rem; }
.mbr-subscribe .input-group-btn {
position: static; }
.mbr-subscribe .input-group-btn::after {
border-radius: 3px;
border: 1px solid transparent;
bottom: -1px;
content: "";
display: block;
left: -1px;
position: absolute;
right: -1px;
top: -1px; }
.form-active .mbr-subscribe .form-control:invalid ~ .input-groupbtn::after {
border-color: #f28281; }
.mbr-subscribe .btn {
border-radius: 3px !important;
margin-bottom: 0;
margin-right: 0.5625rem; }
.mbr-subscribe-dark {
Universitas Sumatera Utara
36
background: none;
border-color: rgba(255, 255, 255, 0.2); }
.mbr-subscribe-dark .form-control {
color: #fff; }
/*------Small footer
-------*/
.mbr-small-footer {
background: #323232;
color: #acacac;
font-size: 0.8125rem;
padding: 1.75rem 0; }
.mbr-small-footer p {
margin-bottom: 0; }
.mbr-small-footer a {
color: #c0a375; }
.mbr-small-footer a:hover {
text-decoration: none; }
/*------Footer
-------*/
.mbr-footer {
color: #fff;
padding-left: 1.25rem;
padding-right: 1.25rem; }
@media (min-width: 1280px) {
.mbr-footer {
padding-left: 6.25rem;
padding-right: 6.25rem; } }
.mbr-footer > .row, .mbr-footer > .container > .row {
margin-left: 0;
margin-right: 0; }
.mbr-footer > .row > div, .mbr-footer > .container > .row > div {
padding-bottom: 40px; }
.mbr-footer > .row > div:last-child, .mbr-footer > .container > .row
> div:last-child {
padding-bottom: 0; }
.mbr-footer > .container {
padding-left: 0;
padding-right: 0; }
@media (min-width: 768px) {
.mbr-footer > .row > div:nth-child(2n+1) {
clear: left; }
.mbr-footer > .row > div:nth-last-child(-1n+2) {
padding-bottom: 0; }
.mbr-footer > .container > .row > div {
clear: none !important;
padding-bottom: 0 !important; } }
@media (min-width: 992px) {
.mbr-footer > .row > div {
clear: none !important;
padding-bottom: 0 !important; } }
.mbr-footer p a, .mbr-footer ul a {
color: #c0a375; }
Universitas Sumatera Utara
37
.mbr-footer p a:hover, .mbr-footer ul a:hover {
text-decoration: none; }
.mbr-footer .btn-black {
background-color: #242424;
border-color: #242424; }
.mbr-footer .btn-black.disabled, .mbr-footer .btn-black[disabled],
.mbr-footer .btn-black:hover {
background-color: #1a1a1a !important;
border-color: #1a1a1a !important; }
.mbr-footer .mbr-map {
height: 18.75rem; }
.mbr-footer form .form-control-label {
font-size: 0.875rem;
position: relative; }
.mbr-footer form .form-control {
background: none;
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 0.875rem;
min-height: 3.2em;
padding: 0.5em 1em 0.5em; }
.mbr-footer-content h1, .mbr-footer-content h2, .mbr-footer-content h3,
.mbr-footer-content h4,
.mbr-footer-content p strong, .mbr-footer-content strong, .mbr-footer .mbrcontacts h1, .mbr-footer .mbr-contacts h2, .mbr-footer .mbr-contacts h3,
.mbr-footer .mbr-contacts h4,
.mbr-footer .mbr-contacts p strong, .mbr-footer .mbr-contacts strong {
color: #7c7c7c;
font-family: "Montserrat";
font-size: 1rem;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.3;
margin-bottom: 1.875em; }
.mbr-footer-content p strong, .mbr-footer-content strong, .mbr-footer .mbrcontacts p strong, .mbr-footer .mbr-contacts strong {
display: inline-block; }
.mbr-footer-content p, .mbr-footer .mbr-contacts p {
color: #fff;
font-size: 0.875rem;
margin-bottom: 0; }
.mbr-footer-content ul, .mbr-footer .mbr-contacts ul {
line-height: 1.8;
list-style: none;
margin: 0;
padding: 0; }
.mbr-footer-content li, .mbr-footer .mbr-contacts li {
border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
color: #bcbcbc;
display: block;
font-family: "Raleway";
font-size: 0.875rem;
line-height: 1.8;
overflow: hidden;
padding: 0.72em 0;
padding-left: 1.8em;
position: relative;
width: 100%; }
.mbr-footer-content li:last-child, .mbr-footer .mbr-contacts li:lastchild {
Universitas Sumatera Utara
38
border-bottom: 0; }
.mbr-footer-content li::before, .mbr-footer .mbr-contacts li::before {
background: #c0a375;
content: "";
height: 0.36em;
left: 0;
margin-top: -0.18em;
position: absolute;
top: 50%;
width: 0.36em; }
.mbr-footer-content li a,
LAMPIRAN PROGRAM
index.php
×
Sign Up
Member
Admin
Personnel
Close
Universitas Sumatera Utara
3
Medical Records
Sign Up
Universitas Sumatera Utara
4
Login
method="post"
Member
Admin
Personnel
Universitas Sumatera Utara
5
First goal
Recognize reports of patient visits to hospital within the specified
period.
Universitas Sumatera Utara
6
Second goal
Patient registration is more practical and save time so avoid the
queue.
Universitas Sumatera Utara
7
Third goal
Know the list of overall patient illnesses and determine how to
handle them appropriately.
Fourth goal
Knowing which diseases are most often handled at home by the data
viewed by personnel.
Universitas Sumatera Utara
8
Fifth goal
Patients can move the desired hospital, without having to perform a
re-check. Because doctors can see any disease experienced by patients from
this application.
Security
We
try to secure your data from cyber crime for that if you feel something
wrong contact us in section contact . And if anyone does not know about the
use of medical record then please go to help.
Universitas Sumatera Utara
9
Contact Help
Previous
Next
Universitas Sumatera Utara
10
Stylae.css
.container {
position: relative; }
.log p {
color: white;
font-family: 'Roboto', sans-serif;
line-height: 1.4;
border: 6px solid #d14841;
background-color: #d14841;
letter-spacing: -.5px;
text-decoration: none;
}
.btn {
margin-bottom: 0.5rem; }
.btn + .btn {
margin-left: 1rem; }
@media (max-width: 767px) {
.btn {
white-space: normal; }
.btn + .btn {
margin-left: 0; } }
.mbr-section-btn-tes {
position: absolute;
top: 481px;
right: 530px;
}
.bg-primary {
background-color: #c0a375 !important; }
.bg-success {
background-color: #90a878 !important; }
.bg-info {
background-color: #7e9b9f !important; }
.bg-warning {
background-color: #f3c649 !important; }
.bg-danger {
background-color: #f28281 !important; }
.bg-none {
background: none !important; }
.btn {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
letter-spacing: 2px;
padding: 0.75rem 2.1875rem;
font-size: 0.75rem;
line-height: 1.5;
border-radius: 3px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.btn-sm {
Universitas Sumatera Utara
11
padding: 0.625rem 2.1874rem;
font-size: 0.9687rem;
line-height: 1.5;
border-radius: 3px;
font-family: "Lora";
font-style: italic;
font-weight: 400;
letter-spacing: 0px; }
.btn-lg {
padding: 0.75rem 2.1874rem;
font-size: 0.9687rem;
line-height: 1.33333;
border-radius: 3px; }
.btn-xlg {
padding: 0.75rem 2.1874rem;
font-size: 1.1875rem;
line-height: 1.33333;
border-radius: 3px; }
.btn-primary {
background-color: #c0a375;
border-color: #c0a375;
box-shadow: none;
color: #fff; }
.btn-primary:hover {
color: #fff;
background-color: #a07e49;
border-color: #a07e49;
box-shadow: none; }
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #a07e49;
border-color: #a07e49; }
.btn-primary:active, .btn-primary.active {
color: #fff;
background-color: #a07e49;
border-color: #a07e49;
background-image: none;
box-shadow: none; }
.btn-primary.disabled, .btn-primary:disabled {
color: #fff !important;
background-color: #a07e49 !important;
border-color: #a07e49 !important;
opacity: 0.85; }
.btn-secondary {
background-color: #bfcecb;
border-color: #bfcecb;
box-shadow: none;
color: #fff; }
.btn-secondary:hover {
color: #fff;
background-color: #94ada8;
border-color: #94ada8;
box-shadow: none; }
.btn-secondary:focus, .btn-secondary.focus {
color: #fff;
background-color: #94ada8;
border-color: #94ada8; }
Universitas Sumatera Utara
12
.btn-secondary:active, .btn-secondary.active {
color: #fff;
background-color: #94ada8;
border-color: #94ada8;
background-image: none;
box-shadow: none; }
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff !important;
background-color: #94ada8 !important;
border-color: #94ada8 !important;
opacity: 0.85; }
.btn-info {
background-color: #7e9b9f;
border-color: #7e9b9f;
box-shadow: none;
color: #fff; }
.btn-info:hover {
color: #fff;
background-color: #597478;
border-color: #597478;
box-shadow: none; }
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #597478;
border-color: #597478; }
.btn-info:active, .btn-info.active {
color: #fff;
background-color: #597478;
border-color: #597478;
background-image: none;
box-shadow: none; }
.btn-info.disabled, .btn-info:disabled {
color: #fff !important;
background-color: #597478 !important;
border-color: #597478 !important;
opacity: 0.85; }
.btn-success {
background-color: #90a878;
border-color: #90a878;
box-shadow: none;
color: #fff; }
.btn-success:hover {
color: #fff;
background-color: #6a8153;
border-color: #6a8153;
box-shadow: none; }
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #6a8153;
border-color: #6a8153; }
.btn-success:active, .btn-success.active {
color: #fff;
background-color: #6a8153;
border-color: #6a8153;
background-image: none;
box-shadow: none; }
.btn-success.disabled, .btn-success:disabled {
color: #fff !important;
background-color: #6a8153 !important;
Universitas Sumatera Utara
13
border-color: #6a8153 !important;
opacity: 0.85; }
.btn-warning {
background-color: #f3c649;
border-color: #f3c649;
box-shadow: none;
color: #fff; }
.btn-warning:hover {
color: #fff;
background-color: #e1a90f;
border-color: #e1a90f;
box-shadow: none; }
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #e1a90f;
border-color: #e1a90f; }
.btn-warning:active, .btn-warning.active {
color: #fff;
background-color: #e1a90f;
border-color: #e1a90f;
background-image: none;
box-shadow: none; }
.btn-warning.disabled, .btn-warning:disabled {
color: #fff !important;
background-color: #e1a90f !important;
border-color: #e1a90f !important;
opacity: 0.85; }
.btn-danger {
background-color: #f28281;
border-color: #f28281;
box-shadow: none;
color: #fff; }
.btn-danger:hover {
color: #fff;
background-color: #eb3d3c;
border-color: #eb3d3c;
box-shadow: none; }
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #eb3d3c;
border-color: #eb3d3c; }
.btn-danger:active, .btn-danger.active {
color: #fff;
background-color: #eb3d3c;
border-color: #eb3d3c;
background-image: none;
box-shadow: none; }
.btn-danger.disabled, .btn-danger:disabled {
color: #fff !important;
background-color: #eb3d3c !important;
border-color: #eb3d3c !important;
opacity: 0.85; }
.btn-white {
background-color: #fff;
border-color: #fff;
box-shadow: none;
color: #535353; }
.btn-white:hover {
Universitas Sumatera Utara
14
color: #fff;
background-color: #d4d4d4;
border-color: #d4d4d4;
box-shadow: none; }
.btn-white:focus, .btn-white.focus {
color: #fff;
background-color: #d4d4d4;
border-color: #d4d4d4; }
.btn-white:active, .btn-white.active {
color: #fff;
background-color: #d4d4d4;
border-color: #d4d4d4;
background-image: none;
box-shadow: none; }
.btn-white.disabled, .btn-white:disabled {
color: #fff !important;
background-color: #d4d4d4 !important;
border-color: #d4d4d4 !important;
opacity: 0.85; }
.btn-black {
background-color: #535353;
border-color: #535353;
box-shadow: none;
color: #fff; }
.btn-black:hover {
color: #fff;
background-color: #2d2d2d;
border-color: #2d2d2d;
box-shadow: none; }
.btn-black:focus, .btn-black.focus {
color: #fff;
background-color: #2d2d2d;
border-color: #2d2d2d; }
.btn-black:active, .btn-black.active {
color: #fff;
background-color: #2d2d2d;
border-color: #2d2d2d;
background-image: none;
box-shadow: none; }
.btn-black.disabled, .btn-black:disabled {
color: #fff !important;
background-color: #2d2d2d !important;
border-color: #2d2d2d !important;
opacity: 0.85; }
.btn-primary-outline {
background: none;
border-color: #8e7041;
color: #8e7041; }
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primaryoutline:active, .btn-primary-outline.active {
color: #fff;
background-color: #c0a375;
border-color: #c0a375; }
.btn-primary-outline:hover {
color: #fff;
background-color: #c0a375;
border-color: #c0a375; }
.btn-primary-outline.disabled, .btn-primary-outline:disabled {
color: #fff !important;
Universitas Sumatera Utara
15
background-color: #c0a375 !important;
border-color: #c0a375 !important;
opacity: 0.85; }
.btn-secondary-outline {
background: none;
border-color: #85a29c;
color: #85a29c; }
.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btnsecondary-outline:active, .btn-secondary-outline.active {
color: #fff;
background-color: #bfcecb;
border-color: #bfcecb; }
.btn-secondary-outline:hover {
color: #fff;
background-color: #bfcecb;
border-color: #bfcecb; }
.btn-secondary-outline.disabled, .btn-secondary-outline:disabled {
color: #fff !important;
background-color: #bfcecb !important;
border-color: #bfcecb !important;
opacity: 0.85; }
.btn-info-outline {
background: none;
border-color: #4e6669;
color: #4e6669; }
.btn-info-outline:focus, .btn-info-outline.focus, .btn-infooutline:active, .btn-info-outline.active {
color: #fff;
background-color: #7e9b9f;
border-color: #7e9b9f; }
.btn-info-outline:hover {
color: #fff;
background-color: #7e9b9f;
border-color: #7e9b9f; }
.btn-info-outline.disabled, .btn-info-outline:disabled {
color: #fff !important;
background-color: #7e9b9f !important;
border-color: #7e9b9f !important;
opacity: 0.85; }
.btn-success-outline {
background: none;
border-color: #5d7149;
color: #5d7149; }
.btn-success-outline:focus, .btn-success-outline.focus, .btn-successoutline:active, .btn-success-outline.active {
color: #fff;
background-color: #90a878;
border-color: #90a878; }
.btn-success-outline:hover {
color: #fff;
background-color: #90a878;
border-color: #90a878; }
.btn-success-outline.disabled, .btn-success-outline:disabled {
color: #fff !important;
background-color: #90a878 !important;
border-color: #90a878 !important;
opacity: 0.85; }
Universitas Sumatera Utara
16
.btn-warning-outline {
background: none;
border-color: #c9970d;
color: #c9970d; }
.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warningoutline:active, .btn-warning-outline.active {
color: #fff;
background-color: #f3c649;
border-color: #f3c649; }
.btn-warning-outline:hover {
color: #fff;
background-color: #f3c649;
border-color: #f3c649; }
.btn-warning-outline.disabled, .btn-warning-outline:disabled {
color: #fff !important;
background-color: #f3c649 !important;
border-color: #f3c649 !important;
opacity: 0.85; }
.btn-danger-outline {
background: none;
border-color: #e82625;
color: #e82625; }
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-dangeroutline:active, .btn-danger-outline.active {
color: #fff;
background-color: #f28281;
border-color: #f28281; }
.btn-danger-outline:hover {
color: #fff;
background-color: #f28281;
border-color: #f28281; }
.btn-danger-outline.disabled, .btn-danger-outline:disabled {
color: #fff !important;
background-color: #f28281 !important;
border-color: #f28281 !important;
opacity: 0.85; }
.btn-white-outline {
background: none;
border-color: #fff;
color: #fff; }
.btn-white-outline:focus, .btn-white-outline.focus, .btn-whiteoutline:active, .btn-white-outline.active {
color: #535353;
background-color: #fff;
border-color: #fff; }
.btn-white-outline:hover {
color: #535353;
background-color: #fff;
border-color: #fff; }
.btn-white-outline.disabled, .btn-white-outline:disabled {
color: #535353 !important;
background-color: #fff !important;
border-color: #fff !important;
opacity: 0.85; }
.btn-black-outline {
background: none;
border-color: #202020;
Universitas Sumatera Utara
17
color: #202020; }
.btn-black-outline:focus, .btn-black-outline.focus, .btn-blackoutline:active, .btn-black-outline.active {
color: #fff;
background-color: #535353;
border-color: #535353; }
.btn-black-outline:hover {
color: #fff;
background-color: #535353;
border-color: #535353; }
.btn-black-outline.disabled, .btn-black-outline:disabled {
color: #fff !important;
background-color: #535353 !important;
border-color: #535353 !important;
opacity: 0.85; }
a.mbr-iconfont:hover {
text-decoration: none; }
.btn-social {
font-size: 20px;
border-radius: 50%;
padding: 0;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
position: relative;
border: 2px solid #c0a375;
color: #232323; }
.btn-social i {
top: 0;
line-height: 44px;
width: 44px; }
.btn-social:hover {
color: #fff;
background: #c0a375; }
.btn-social + .btn {
margin-left: 0.1rem; }
p.lead,
.lead p {
font-size: 1.07rem;
font-weight: 300;
margin-bottom: 2.3125rem; }
.article .lead p, .article .lead ul, .article .lead ol, .article .lead pre,
.article .lead blockquote {
margin-bottom: 0; }
.lead {
font-size: 1.07rem;
font-weight: 300; }
.lead a {
font-family: "Lora";
font-style: italic;
font-weight: 400; }
.lead a, .lead a:hover {
color: #c0a375;
text-decoration: none; }
.lead h1 {
Universitas Sumatera Utara
18
font-size: 3rem;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 1.605rem; }
.lead h2 {
font-size: 2.5rem;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 1.605rem; }
.lead h3 {
font-size: 2rem;
font-weight: 600;
margin-bottom: 1.605rem; }
.lead h4 {
font-size: 1.5rem;
font-weight: 600;
margin-bottom: 1.605rem; }
.lead blockquote {
font-family: "Lora";
font-style: italic;
padding: 10px 0 10px 20px;
border-left: 4px solid #c39f76;
font-size: 1.09rem;
position: relative; }
.lead ul, .lead ol, .lead pre, .lead blockquote {
margin-bottom: 2.3125rem; }
.lead pre {
background: #f4f4f4;
padding: 10px 24px;
white-space: pre-wrap; }
.display-1 {
font-size: 4.39rem;
font-weight: 600;
letter-spacing: -2px;
margin-bottom: 0.2843em;
margin-top: 3.9rem; }
.display-2 {
font-size: 3rem;
font-weight: 600;
letter-spacing: -1px;
margin-bottom: 1.5625rem;
margin-top: 3.5rem; }
.display-3 {
font-size: 2.5rem;
font-weight: 600;
margin-top: 3.2rem;
margin-bottom: 2rem; }
.display-4 {
font-size: 2rem;
font-weight: 600;
margin-top: 2.3rem;
margin-bottom: 1.8rem; }
.modal-backdrop {
background: -webkit-linear-gradient(left, #564740, #3a414a);
background: -moz-linear-gradient(left, #564740, #3a414a);
background: -o-linear-gradient(left, #564740, #3a414a);
Universitas Sumatera Utara
19
background: -ms-linear-gradient(left, #564740, #3a414a);
background: linear-gradient(left, #564740, #3a414a);
opacity: 0.94; }
.form-control {
background-color: #f5f5f5;
border-radius: 3px;
box-shadow: none;
color: #565656;
font-size: 0.875rem;
line-height: 1.43;
min-height: 3.5em;
padding: 0.5em 1.07em 0.5em; }
.form-control, .form-control:focus {
border: 1px solid #e8e8e8; }
.form-active .form-control:invalid {
border-color: #f28281; }
.form-control-label {
cursor: pointer;
font-size: 0.875rem;
margin-bottom: 0.357em;
padding: 0; }
.alert {
border-radius: 0;
border: 0;
font-family: 'Montserrat', sans-serif;
font-size: 0.875rem;
line-height: 1.5;
margin-bottom: 1.875rem;
padding: 1.25rem;
position: relative; }
.alert.alert-form:after {
background-color: inherit;
bottom: -7px;
content: "";
display: block;
height: 14px;
left: 50%;
margin-left: -7px;
position: absolute;
transform: rotate(45deg);
width: 14px; }
.alert-success {
background-color: #90a878;
color: #fff; }
.alert-info {
background-color: #7e9b9f;
color: #fff; }
.alert-warning {
background-color: #f3c649;
color: #fff; }
.alert-danger {
background-color: #f28281;
color: #fff; }
Universitas Sumatera Utara
20
/**
* TYPOGRAPHY
*/
body {
font-family: 'Raleway', sans-serif;
color: #232323; }
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.display-1, .display-2, .display-3, .display-4 {
font-family: 'Montserrat', sans-serif;
word-break: break-word;
word-wrap: break-word; }
input, textarea {
font-family: "Raleway"; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkitautofill:focus, input:-webkit-autofill:active {
transition-delay: 9999s;
transition-property: background-color, color; }
.text-primary {
color: #c0a375 !important; }
.text-success {
color: #90a878 !important; }
.text-info {
color: #7e9b9f !important; }
.text-warning {
color: #f3c649 !important; }
.text-danger {
color: #f28281 !important; }
.text-white {
color: #fff !important; }
.text-black {
color: #535353 !important; }
.mbr-section {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover; }
.mbr-section-full {
display: table;
height: 100vh;
padding-bottom: 0;
padding-top: 0;
table-layout: fixed;
width: 100%; }
.mbr-section-full > .mbr-table-cell {
width: 100%; }
Universitas Sumatera Utara
21
.mbr-section-small {
padding-top: 60px;
padding-bottom: 60px; }
.mbr-section-title {
margin-top: 0; }
.mbr-section__container--first {
padding-top: 120px;
padding-bottom: 40px; }
.mbr-section__container--middle {
padding-top: 0;
padding-bottom: 40px; }
.mbr-section__container--last {
padding-top: 0;
padding-bottom: 120px; }
.mbr-section-sm-padding {
padding-top: 40px;
padding-bottom: 40px; }
.mbr-section-md-padding {
padding-top: 90px;
padding-bottom: 90px; }
.mbr-section-nopadding {
padding-top: 0;
padding-bottom: 0; }
.mbr-section-subtitle {
display: block;
font-style: italic;
font-weight: 400;
font-size: 17px;
font-family: "Lora";
line-height: 26px;
color: #8c8c8c;
margin-bottom: 30px; }
.mbr-section-title + .mbr-section-subtitle {
margin-top: -21px; }
.mbr-section-hero::before {
display: none !important; }
.mbr-section-hero .mbr-section-title {
color: #fff;
margin-bottom: 1.6875rem; }
.mbr-section-hero .mbr-section-lead {
color: #fff;
font-family: Lora;
font-size: 1.5rem;
font-style: italic;
margin-top: -1em; }
.mbr-section-hero .mbr-section-text {
color: #fff; }
@media (max-width: 767px) {
.mbr-section {
padding-top: 60px;
Universitas Sumatera Utara
22
padding-bottom: 60px; }
.mbr-section-full {
padding-bottom: 0;
padding-top: 0; }
.mbr-section__container--first {
padding-top: 60px;
padding-bottom: 40px; }
.mbr-section__container--middle {
padding-top: 0;
padding-bottom: 40px; }
.mbr-section__container--last {
padding-top: 0;
padding-bottom: 60px; }
.mbr-section-sm-padding {
padding-top: 40px;
padding-bottom: 40px; }
.mbr-section-md-padding {
padding-top: 60px;
padding-bottom: 60px; }
.mbr-section-nopadding {
padding-top: 0;
padding-bottom: 0; }
.mbr-section-subtitle {
margin-bottom: 0; }
.mbr-section-hero.mbr-after-navbar .mbr-section {
padding-top: 120px; }
.mbr-section-hero.mbr-section-with-arrow .mbr-section {
padding-bottom: 120px; }
.mbr-section-hero .mbr-section-title {
font-size: 3.125rem !important; }
.mbr-section-hero .mbr-section-lead {
font-size: 1.125rem !important; }
.mbr-section-hero .mbr-section-btn .btn {
font-size: 0.75rem !important;
line-height: 1.5;
padding: 0.75rem 2.1875rem; } }
.mbr-section-full .mbr-overlay {
min-height: 100vh; }
.mbr-overlay {
background-color: #000;
bottom: 0;
left: 0;
opacity: 0.5;
position: absolute;
right: 0;
top: 0;
z-index: 1; }
.mbr-overlay ~ * {
z-index: 2; }
.mbr-section-full .mbr-background-video,
Universitas Sumatera Utara
23
.mbr-section-full .mbr-background-video-preview {
min-height: 100vh; }
.mbr-background-video,
.mbr-background-video-preview {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }
.mbr-background-video-preview {
z-index: 0 !important; }
.mbr-table {
display: table;
width: 100%; }
.mbr-table-full {
height: 100%;
position: relative;
width: 100%; }
.mbr-table-cell {
display: table-cell;
float: none;
padding-bottom: 0;
padding-top: 0;
position: relative;
vertical-align: middle; }
.mbr-table-md-up {
width: 100%; }
.mbr-table-md-up .mbr-table-cell {
display: block; }
.mbr-table-md-up .mbr-table-cell + .mbr-table-cell {
padding-top: 40px; }
@media (min-width: 769px) {
.mbr-table-md-up {
display: table; }
.mbr-table-md-up .mbr-table-cell {
display: table-cell; }
.mbr-table-md-up .mbr-table-cell + .mbr-table-cell {
padding-top: 0; } }
.mbr-figure {
display: block;
margin: 0;
overflow: hidden;
position: relative;
width: 100%; }
.mbr-figure img, .mbr-figure iframe {
display: block;
width: 100%; }
.mbr-figure .mbr-figure-caption {
background: #2e2e2e;
color: #fff;
font-family: Montserrat;
padding: 1.5rem 0;
text-align: center;
width: 100%; }
Universitas Sumatera Utara
24
.mbr-figure .mbr-figure-caption-over {
background: -moz-linear-gradient(left, rgba(67, 76, 99, 0.85),
rgba(188, 155, 114, 0.85)) !important;
background: -ms-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188,
155, 114, 0.85)) !important;
background: -o-linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188,
155, 114, 0.85)) !important;
background: -webkit-linear-gradient(left, rgba(67, 76, 99, 0.85),
rgba(188, 155, 114, 0.85)) !important;
background: linear-gradient(left, rgba(67, 76, 99, 0.85), rgba(188,
155, 114, 0.85)) !important;
bottom: 0;
position: absolute; }
.mbr-map {
height: 25rem;
position: relative; }
.mbr-map iframe {
height: 100%;
width: 100%; }
.mbr-map [data-state-details] {
color: #6b6763;
font-family: Montserrat;
height: 1.5em;
margin-top: -0.75em;
padding-left: 1.25rem;
padding-right: 1.25rem;
position: absolute;
text-align: center;
top: 50%;
width: 100%; }
.mbr-map[data-state] {
background: #e9e5dc; }
.mbr-map[data-state="loading"] [data-state-details] {
display: none; }
.mbr-map[data-state="loading"]::after {
content: "";
-webkit-animation: btnCircleLoading .6s infinite linear;
animation: btnCircleLoading .6s infinite linear;
border-radius: 50%;
border: 6px rgba(255, 255, 255, 0.35) solid;
border-top-color: #fff;
height: 40px;
left: 50%;
margin-left: -20px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 40px; }
/*------Gallery
-------*/
.mbr-gallery .mbr-gallery-item {
position: relative;
display: inline-block;
width: 25%; }
@media (max-width: 768px) {
.mbr-gallery .mbr-gallery-item {
Universitas Sumatera Utara
25
width: 50%; } }
@media (max-width: 400px) {
.mbr-gallery .mbr-gallery-item {
width: 100%; } }
.mbr-gallery .mbr-gallery-item img {
width: 100%;
opacity: 1;
-webkit-transition: .2s opacity ease-in-out;
transition: .2s opacity ease-in-out; }
.mbr-gallery .mbr-gallery-item > a:hover img {
opacity: 1; }
.mbr-gallery .mbr-gallery-item > a {
background: #fff;
display: block;
outline: none;
position: relative; }
.mbr-gallery .mbr-gallery-item > a::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(left, #554346, #45505b) !important;
background: -moz-linear-gradient(left, #554346, #45505b) !important;
background: -o-linear-gradient(left, #554346, #45505b) !important;
background: -ms-linear-gradient(left, #554346, #45505b) !important;
background: linear-gradient(left, #554346, #45505b) !important;
opacity: 0;
-webkit-transition: .2s opacity ease-in-out;
transition: .2s opacity ease-in-out; }
.mbr-gallery .mbr-gallery-item .icon {
-webkit-transform: translateX(-50%) translateY(-50%);
-webkit-transition: .2s opacity ease-in-out;
color: #000;
font-size: 30px;
height: 69px;
left: 50%;
opacity: 0;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
transition: .2s opacity ease-in-out;
width: 69px; }
.mbr-gallery .mbr-gallery-item .icon::before, .mbr-gallery .mbr-galleryitem .icon::after {
content: "";
display: block;
position: absolute;
height: 69px;
width: 1px;
margin-left: 34.5px;
background-color: #fff; }
.mbr-gallery .mbr-gallery-item .icon::after {
width: 69px;
height: 1px;
margin-left: 0;
Universitas Sumatera Utara
26
margin-top: 34.5px; }
.mbr-gallery .mbr-gallery-item > a:hover .icon {
opacity: 1; }
.mbr-gallery .mbr-gallery-item > a:hover::before {
opacity: 0.9; }
.mbr-gallery-title {
font-family: Montserrat;
font-size: 0.9em;
position: absolute;
display: block;
width: 100%;
bottom: 0;
padding: 1rem;
color: #fff;
background: -webkit-linear-gradient(left, rgba(85, 67, 70, 0.85),
rgba(69, 80, 91, 0.85)) !important;
background: -moz-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69,
80, 91, 0.85)) !important;
background: -o-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69, 80,
91, 0.85)) !important;
background: -ms-linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69,
80, 91, 0.85)) !important;
background: linear-gradient(left, rgba(85, 67, 70, 0.85), rgba(69, 80,
91, 0.85)) !important;
-webkit-transition: .2s background ease-in-out;
transition: .2s background ease-in-out; }
.mbr-gallery .mbr-gallery-item > a:hover .mbr-gallery-title {
background: transparent !important; }
/* remove spacing */
.mbr-gallery .mbr-gallery-row.no-gutter {
margin: 0; }
.mbr-gallery .mbr-gallery-row.no-gutter .mbr-gallery-item {
padding: 0; }
/* container */
.mbr-gallery .container.mbr-gallery-layout-default {
padding: 93px 0; }
/* fix horizontal scrollbar */
.mbr-gallery .mbr-gallery-layout-default,
.mbr-gallery .mbr-gallery-layout-article {
overflow: hidden; }
/* lightbox */
.mbr-gallery .modal {
position: fixed;
overflow: hidden;
padding-right: 0 !important; }
.mbr-gallery .modal-content {
border-radius: 0; }
.mbr-gallery .modal-body {
padding: 0; }
Universitas Sumatera Utara
27
.mbr-gallery .modal-body img {
width: 100%; }
.mbr-gallery .modal .close {
position: fixed;
background: #1b1b1b;
opacity: 0.5;
font-size: 55px;
font-weight: 300;
width: 70px;
height: 70px;
border-radius: 50%;
color: #fff;
top: 2.5rem;
right: 2.5rem;
line-height: 61px;
border: 0;
text-align: center;
text-shadow: none;
z-index: 5;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease; }
.mbr-gallery .modal .close:hover {
opacity: 1;
background: #000;
color: #fff; }
.mbr-gallery .modal.in .modal-dialog {
margin: 0 auto; }
/* modal back color opacity */
.modal-backdrop.in {
opacity: 0.8;
filter: alpha(opacity=80); }
@media (max-width: 768px) {
.mbr-gallery .carousel-indicators,
.mbr-gallery .carousel-control,
.mbr-gallery .modal .close {
position: fixed; } }
/* fix fade in effect */
.mbr-gallery .modal.fade .modal-dialog {
-webkit-transition: margin-top 0.3s ease-out;
-moz-transition: margin-top 0.3s ease-out;
-o-transition: margin-top 0.3s ease-out;
transition: margin-top 0.3s ease-out; }
.mbr-gallery .modal.in .modal-dialog,
.mbr-gallery .modal.fade .modal-dialog {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none; }
/*------Slider
Universitas Sumatera Utara
28
-------*/
.mbr-slider .carousel-inner > .active,
.mbr-slider .carousel-inner > .next,
.mbr-slider .carousel-inner > .prev {
display: table; }
.mbr-slider .carousel-control {
position: absolute;
width: 70px;
height: 70px;
top: 50%;
margin-top: -35px;
line-height: 70px;
border-radius: 50%;
color: inherit;
background: #1b1b1b;
border: 0;
opacity: 0.5;
text-shadow: none;
z-index: 5;
color: #fff;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s; }
.mbr-gallery .mbr-slider .carousel-control {
position: fixed; }
@media (max-width: 991px) {
.mbr-gallery .mbr-slider .carousel-control {
bottom: 2.5rem;
margin-top: 0;
top: auto;
z-index: 17; } }
.mbr-gallery .mbr-slider .carousel-inner > .active {
display: block; }
.mbr-slider .carousel-control.left {
left: 0;
margin-left: 2.5rem; }
.mbr-slider .carousel-control.right {
right: 0;
margin-right: 2.5rem; }
.mbr-slider .carousel-control .icon-next,
.mbr-slider .carousel-control .icon-prev {
margin-top: -18px;
font-size: 40px;
line-height: 27px; }
.mbr-slider .carousel-control:hover {
background: #1b1b1b;
color: #fff;
opacity: 1; }
.mbr-slider .carousel-indicators {
position: absolute;
bottom: 0;
margin-bottom: 1.5rem !important; }
@media (max-width: 543px) {
Universitas Sumatera Utara
29
.mbr-slider .carousel-indicators {
display: none; } }
.mbr-gallery .mbr-slider .carousel-indicators {
position: fixed;
margin-bottom: 2.5rem !important; }
@media (max-width: 991px) {
.mbr-gallery .mbr-slider .carousel-indicators {
margin-bottom: 3.625rem !important;
padding-left: 2.5rem;
padding-right: 2.5rem; } }
.mbr-slider .carousel-indicators li,
.mbr-slider .carousel-indicators .active {
width: 15px;
height: 15px;
margin: 3px;
background: #1b1b1b;
border: 0;
opacity: 0.5; }
.mbr-slider .carousel-indicators .active {
border: 4px solid #1b1b1b;
background: #fff; }
@media (max-width: 767px) {
.mbr-slider .carousel-control {
top: auto;
bottom: 20px; }
.mbr-slider > .container .carousel-control {
margin-bottom: 0px; } }
/* boxed slider */
.mbr-slider > .boxed-slider {
position: relative;
padding: 93px 0; }
.mbr-slider > .boxed-slider > div {
position: relative; }
.mbr-slider > .container img {
width: 100%; }
.mbr-slider > .container img + .row {
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2; }
.mbr-slider .mbr-section {
padding: 0;
background-attachment: scroll; }
.mbr-slider .mbr-table-cell {
padding: 0; }
.mbr-slider > .container .carousel-indicators {
Universitas Sumatera Utara
30
margin-bottom: 3px; }
/* article slider */
.mbr-slider > .article-slider .mbr-section,
.mbr-slider > .article-slider .mbr-section .mbr-table-cell {
padding-top: 0;
padding-bottom: 0; }
/*------Cards
-------*/
.mbr-cards-row {
position: relative;
margin-left: 0 !important;
margin-right: 0 !important; }
.mbr-cards-col {
padding-left: 0;
padding-right: 0;
padding-top: 120px;
padding-bottom: 120px; }
@media (max-width: 767px) {
.mbr-cards-col {
padding-top: 60px;
padding-bottom: 60px; } }
.mbr-cards .striped .card {
padding-left: 10%;
padding-right: 10%; }
.mbr-cards .striped .mbr-cards-col:nth-child(2n+1) {
background: #2e2e2e;
color: #fff; }
.mbr-cards .striped .mbr-cards-col:nth-child(2n+1) .card-subtitle {
color: #979797; }
.mbr-cards .card {
text-align: center;
border: 0;
background: none;
padding-left: 0;
padding-right: 0;
margin-bottom: 0; }
@media (max-width: 991px) {
.mbr-cards .card {
padding-left: 0;
padding-right: 0; } }
@media (min-width: 992px) {
.mbr-cards-row {
display: table;
table-layout: fixed;
width: 100%; }
.mbr-cards-row::after {
display: none; }
.mbr-cards-col {
display: table-cell;
float: none; }
.mbr-cards > .container {
margin: 0;
max-width: none;
padding: 0;
width: 100%; } }
.mbr-cards .card-block {
Universitas Sumatera Utara
31
background: none;
padding: 0; }
.mbr-cards .card-img-top {
border-radius: 0;
width: auto;
max-width: 100%; }
.mbr-cards .card-img + .card-block {
padding-top: 2.3125rem; }
.mbr-cards .card-text {
margin: 0; }
.mbr-cards .card-text + .card-btn {
padding-top: 1.375rem; }
.mbr-cards .card-title {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: bold;
letter-spacing: -1px;
line-height: 1.2825; }
.mbr-cards .card-title + * {
padding-top: 1rem; }
.mbr-cards .card-title + .card-btn {
padding-top: 1.4375rem; }
.mbr-cards .card-subtitle {
margin-bottom: 0;
font-style: italic;
font-weight: 400;
font-size: 0.875rem;
font-family: "Lora";
color: #5b5b5b;
margin-top: -1rem;
line-height: 1.7857;
padding-bottom: 1rem; }
.mbr-cards .card-subtitle + .card-btn {
padding-top: 0.3125rem; }
.mbr-cards .iconbox {
border-style: solid;
border-color: #f2f2f2;
border-width: 1px;
width: 100px;
height: 100px;
line-height: 100px;
border-radius: 500px;
display: inline-block; }
.mbr-cards .iconbox > .mbr-iconfont {
line-height: inherit; }
/*------Price Table
-------*/
@media (min-width: 1600px) {
.mbr-price-table {
padding-left: 12%;
padding-right: 12%; } }
.mbr-price-table .row {
margin-left: 0;
margin-right: 0; }
.mbr-price-table .row > div {
padding-left: 0.625rem;
padding-right: 0.625rem; }
Universitas Sumatera Utara
32
@media (max-width: 1199px) {
.mbr-price-table .row > div {
padding-bottom: 40px; } }
/*------Price Table / Plan
-------*/
.mbr-plan {
background: none;
border-radius: 0;
border: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
margin-bottom: 0;
padding: 0.625rem; }
.mbr-plan .list-group-item {
background: none;
border-bottom: 0;
border-top: 1px dotted rgba(255, 255, 255, 0.2);
font-size: 0.875rem;
line-height: 3.125rem;
padding-bottom: 0;
padding-top: 0; }
.mbr-plan .card-title {
margin-bottom: 1.5625rem; }
.mbr-plan-title {
font-family: "Montserrat";
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.28;
margin-bottom: 0; }
.mbr-plan-subtitle, .mbr-plan-price-desc {
color: #a0a0a0;
font-family: "Lora";
font-size: 0.875rem;
font-style: italic;
font-weight: 400;
line-height: 1.79; }
.mbr-plan-price-desc {
display: block;
padding-top: 1.25rem; }
.mbr-plan-header, .mbr-plan-body {
background: rgba(255, 255, 255, 0.1); }
.mbr-plan-header {
padding-bottom: 3.4375rem;
padding-top: 2.1875rem;
position: relative; }
.mbr-plan-header.bg-primary .mbr-plan-subtitle,
.mbr-plan-header.bg-primary .mbr-plan-price-desc {
color: #e8ddcd; }
.mbr-plan-header.bg-success .mbr-plan-subtitle,
.mbr-plan-header.bg-success .mbr-plan-price-desc {
color: #d0dac6; }
.mbr-plan-header.bg-info .mbr-plan-subtitle,
.mbr-plan-header.bg-info .mbr-plan-price-desc {
color: #c7d4d5; }
.mbr-plan-header.bg-warning .mbr-plan-subtitle,
.mbr-plan-header.bg-warning .mbr-plan-price-desc {
color: #fbebc1; }
.mbr-plan-header.bg-danger .mbr-plan-subtitle,
Universitas Sumatera Utara
33
.mbr-plan-header.bg-danger .mbr-plan-price-desc {
color: #fef5f5; }
.mbr-plan-label {
background: #28262b;
color: #fff;
display: block;
font-size: 0.6875rem;
font-weight: 400;
height: 3.125rem;
line-height: 3.125rem;
min-width: 3.125rem;
padding: 0 0.75rem;
position: absolute;
right: 0;
top: 0; }
.mbr-plan-body {
margin-top: 2px;
padding-bottom: 0;
padding-top: 2.5rem; }
.mbr-plan-list {
padding-bottom: 4.0625rem;
padding-top: 1.5625rem; }
.mbr-plan-btn {
margin-top: -2.5rem;
padding-bottom: 1.375rem;
padding-top: 1.875rem; }
/*------Price Table / Price
-------*/
.mbr-price {
font-family: "Montserrat";
line-height: 1.3; }
.mbr-price-value {
font-size: 1.875rem;
line-height: 1;
position: relative;
top: -1.25rem; }
.mbr-price-figure {
font-size: 3.75rem;
line-height: inherit;
padding-left: 0.625rem; }
.mbr-price-term {
font-size: 1.875rem;
position: relative; }
/*------Testimonials
-------*/
.mbr-testimonials .row > div {
padding-bottom: 40px; }
.mbr-testimonials .row > div:last-child {
padding-bottom: 0; }
@media (min-width: 992px) {
.mbr-testimonials .row > div:nth-child(3n+1) {
clear: left; }
.mbr-testimonials .row > div:nth-last-child(-1n+3) {
Universitas Sumatera Utara
34
padding-bottom: 0; } }
/*------Testimonials / Item
-------*/
.mbr-testimonial {
border-radius: 0;
border: 0;
margin-bottom: 0;
text-align: center; }
.mbr-testimonial + * {
padding-top: 40px; }
.mbr-testimonial.card {
background-color: transparent; }
.mbr-testimonial .card-block {
background: #f4f4f4;
color: #565656;
font-family: "Lora";
font-size: 1.125rem;
font-style: italic;
font-weight: 400;
line-height: 2;
padding: 1.875rem;
position: relative; }
.mbr-testimonial .card-block:after {
background-color: inherit;
bottom: -7px;
content: "";
display: block;
height: 14px;
left: 50%;
margin-left: -7px;
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 14px; }
.mbr-testimonial-lg .card-block {
padding-bottom: 90px; }
.mbr-testimonial .card-footer {
background: none;
border: 0;
padding: 0;
position: relative;
z-index: 2; }
.mbr-testimonial .card-footer:last-child {
border-radius: 0; }
/*------Testimonials / Author
-------*/
.mbr-author-img {
margin-top: -2.5rem; }
.mbr-author-img img {
height: 5rem;
width: 5rem; }
.mbr-author-name {
color: #2d2d2d;
Universitas Sumatera Utara
35
font-family: "Montserrat";
font-size: 1rem;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.3;
padding-top: 1.25rem; }
.mbr-author-desc {
color: #a7a7a7;
font-family: "Lora";
font-size: 0.875rem;
font-style: italic;
font-weight: 400;
line-height: 1.597; }
/*------Info
-------*/
.mbr-info-subtitle, .mbr-info-extra .mbr-info-title {
margin-bottom: 0; }
.mbr-info-extra .mbr-info-subtitle {
margin-bottom: 0.5rem; }
/*------Subscribe
-------*/
.mbr-subscribe {
background: #f5f5f5;
border-radius: 3px;
border: 1px solid #e8e8e8;
height: 4rem;
padding: 0;
position: relative; }
.mbr-subscribe .form-control {
background: none;
border: 0;
position: relative;
top: 0.4375rem; }
.mbr-subscribe .input-group-btn {
position: static; }
.mbr-subscribe .input-group-btn::after {
border-radius: 3px;
border: 1px solid transparent;
bottom: -1px;
content: "";
display: block;
left: -1px;
position: absolute;
right: -1px;
top: -1px; }
.form-active .mbr-subscribe .form-control:invalid ~ .input-groupbtn::after {
border-color: #f28281; }
.mbr-subscribe .btn {
border-radius: 3px !important;
margin-bottom: 0;
margin-right: 0.5625rem; }
.mbr-subscribe-dark {
Universitas Sumatera Utara
36
background: none;
border-color: rgba(255, 255, 255, 0.2); }
.mbr-subscribe-dark .form-control {
color: #fff; }
/*------Small footer
-------*/
.mbr-small-footer {
background: #323232;
color: #acacac;
font-size: 0.8125rem;
padding: 1.75rem 0; }
.mbr-small-footer p {
margin-bottom: 0; }
.mbr-small-footer a {
color: #c0a375; }
.mbr-small-footer a:hover {
text-decoration: none; }
/*------Footer
-------*/
.mbr-footer {
color: #fff;
padding-left: 1.25rem;
padding-right: 1.25rem; }
@media (min-width: 1280px) {
.mbr-footer {
padding-left: 6.25rem;
padding-right: 6.25rem; } }
.mbr-footer > .row, .mbr-footer > .container > .row {
margin-left: 0;
margin-right: 0; }
.mbr-footer > .row > div, .mbr-footer > .container > .row > div {
padding-bottom: 40px; }
.mbr-footer > .row > div:last-child, .mbr-footer > .container > .row
> div:last-child {
padding-bottom: 0; }
.mbr-footer > .container {
padding-left: 0;
padding-right: 0; }
@media (min-width: 768px) {
.mbr-footer > .row > div:nth-child(2n+1) {
clear: left; }
.mbr-footer > .row > div:nth-last-child(-1n+2) {
padding-bottom: 0; }
.mbr-footer > .container > .row > div {
clear: none !important;
padding-bottom: 0 !important; } }
@media (min-width: 992px) {
.mbr-footer > .row > div {
clear: none !important;
padding-bottom: 0 !important; } }
.mbr-footer p a, .mbr-footer ul a {
color: #c0a375; }
Universitas Sumatera Utara
37
.mbr-footer p a:hover, .mbr-footer ul a:hover {
text-decoration: none; }
.mbr-footer .btn-black {
background-color: #242424;
border-color: #242424; }
.mbr-footer .btn-black.disabled, .mbr-footer .btn-black[disabled],
.mbr-footer .btn-black:hover {
background-color: #1a1a1a !important;
border-color: #1a1a1a !important; }
.mbr-footer .mbr-map {
height: 18.75rem; }
.mbr-footer form .form-control-label {
font-size: 0.875rem;
position: relative; }
.mbr-footer form .form-control {
background: none;
border-color: rgba(255, 255, 255, 0.2);
color: #fff;
font-size: 0.875rem;
min-height: 3.2em;
padding: 0.5em 1em 0.5em; }
.mbr-footer-content h1, .mbr-footer-content h2, .mbr-footer-content h3,
.mbr-footer-content h4,
.mbr-footer-content p strong, .mbr-footer-content strong, .mbr-footer .mbrcontacts h1, .mbr-footer .mbr-contacts h2, .mbr-footer .mbr-contacts h3,
.mbr-footer .mbr-contacts h4,
.mbr-footer .mbr-contacts p strong, .mbr-footer .mbr-contacts strong {
color: #7c7c7c;
font-family: "Montserrat";
font-size: 1rem;
font-weight: 700;
letter-spacing: -1px;
line-height: 1.3;
margin-bottom: 1.875em; }
.mbr-footer-content p strong, .mbr-footer-content strong, .mbr-footer .mbrcontacts p strong, .mbr-footer .mbr-contacts strong {
display: inline-block; }
.mbr-footer-content p, .mbr-footer .mbr-contacts p {
color: #fff;
font-size: 0.875rem;
margin-bottom: 0; }
.mbr-footer-content ul, .mbr-footer .mbr-contacts ul {
line-height: 1.8;
list-style: none;
margin: 0;
padding: 0; }
.mbr-footer-content li, .mbr-footer .mbr-contacts li {
border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
color: #bcbcbc;
display: block;
font-family: "Raleway";
font-size: 0.875rem;
line-height: 1.8;
overflow: hidden;
padding: 0.72em 0;
padding-left: 1.8em;
position: relative;
width: 100%; }
.mbr-footer-content li:last-child, .mbr-footer .mbr-contacts li:lastchild {
Universitas Sumatera Utara
38
border-bottom: 0; }
.mbr-footer-content li::before, .mbr-footer .mbr-contacts li::before {
background: #c0a375;
content: "";
height: 0.36em;
left: 0;
margin-top: -0.18em;
position: absolute;
top: 50%;
width: 0.36em; }
.mbr-footer-content li a,