﻿
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 80px;
}

#outerDiv {
    margin: 50px;
}

#navbar-Head {
    margin-left: 50px;
}

#mainDiv {
    min-width: 40%;
}

#placeholderDiv {
    margin-top: 20px;
}

/* #region Navbar styles */
.navbar-header {
    border-bottom: 1px solid rgba(255,255,255, 0.1);
    margin-top: 30px;
}
/* #endregion */


/* #region Footer styles */
.footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: red;
    color: white;
    text-align: center;
    font-size: 0.65em;
}

#footerDiv {
    background-color: #355198;
    color: #fff;
}

#footerRow {
    position: relative;
    padding-left: 250px;
    top: 10px;
}

#copyrightOuterDiv {
    background-color: #1A3371;
    color: #fff;
    height: 40px;
}

#copyrightInnerDiv {
    position: relative;
    top: 15px;
}
/* #endregion */
/* #region custom Kendo UI styles */
#configure {
    display: none;
}

.k-panelbar .k-content {
    padding: 20px;
}

p .k-button {
    margin: 0 15px 0 0;
}

.k-state-active .label {
    font-size: 1em;
}

/* #endregion */

@media (max-width: 767px) {
    #responsive-panel {
        transition: all linear .2s;
    }

    #configure {
        display: block;
        float: right;
    }

    .k-rpanel {
        width: 100%;
    }

    .k-rpanel-expanded {
        margin-top: 1rem;
    }

    .navbar-header {
        width: 100%;
    }

    .footer {
        height: 60px;
    }

    .k-menu .k-item,
    .k-menu .k-link {
        width: 100%;
    }

    .k-menu .k-link {
        box-sizing: border-box;
    }
}



.nav                        { margin-top: 25px; margin-left: -20px; list-style-type: none; list-style-position: outside; padding-top: 1px; padding-bottom: 1px; width: 100%; 
                              font-weight: bold; height: 35px; } 
.nav li a:link, 
.nav li a:active, 
.nav li a:visited           { display: block; padding: 6px 15px 6px 5px; text-decoration: none; color: black; font-family: tahoma, sans-serif; font-size: 14px; font-style: normal; 
                              font-weight: 600; letter-spacing: 1px; text-align: center; }
.nav li a:hover             { color: #FC9300; text-decoration: none; }

.nav-left                   {  margin-left: 20px; margin-top: 7px; } 
.nav-left li a:link, 
.nav-left li a:active, 
.nav-left li a:visited      { color: black; font-size: 12px; font-style: normal; }
.nav-left li a:hover        { color: #FC9300; text-decoration: none; }

.vl                         { border-left: 1px solid #c0c0c0; height: 40px; }
.footer-link ul             { list-style-type: none; }
.footer-link ul li a        { font-size: small; list-style-type: none; color: #fff; }
.footer-link ul li a:hover  { color: #FC9300; text-decoration: none; }
h1, h2, h3, h4, h5          { color: #355198; }
.important-announcements    { border: 1px solid #c0c0c0; }
.important-announcements    { padding: 15px; }

div.scroll                  { margin: 4px, 4px; padding: 4px; width: 100%; height: 800px; overflow-x: hidden; overflow-y: auto; text-align: justify; font-family: verdana, helvetica, sans-serif; 
                              font-size: small; }

#scrollview-home .photo     { display: inline-block; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.photo1 {
    background-image: url("/Images/drawing-of-a-heart-with-the-text-thank-you-doctor-4386505.jpg");
}

.photo2 {
    background-image: url("/Images/man-wearing-face-mask-using-his-phone-in-the-dark-4031909.jpg");
}

.photo3 {
    background-image: url("/Images/positive-doctor-in-medical-uniform-talking-on-cellphone-in-4173249.jpg");
}
/*.photo4 {
    background-image: url("/Images/people-wearing-running-shoes-2526878.jpg");
}*/
/*.photo5 {
    background-image: url("/Images/two-woman-doing-exercise-1671217.jpg");
}*/
/*.photo6 {
    background-image: url("/Images/three-person-looking-at-x-ray-result-1170979.jpg");
}*/
.photo7 {
    background-image: url("/Images/surgeons-performing-surgery-2324837.jpg");
}
/*.photo8 {
    background-image: url("/Images/man-and-child-holding-baby-3279209.jpg");
}*/
.photo9 {
    background-image: url("/Images/hush-naidoo-pA0uoltkwao-unsplash.jpg");
}

ul.podList                  { padding: 0; list-style-type: none; }
ul.podList li               { vertical-align: top; line-height: 16px; padding: 0 0 0 19px; background-image: url(/Images/circlearrow.gif); background-repeat: no-repeat; }
.block-bold                 { font-weight: bold; }