.layoutBody {font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;background-size: cover;}
h1,h2,h3,h4,h5,h6 {text-transform: uppercase;font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight: 700;letter-spacing: 1px;}
p {font-size: 1.25em;line-height: 1.6;color: #000;}
hr {border-color: #999999;}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;margin: 0;}
input[type="number"] {-moz-appearance: textfield;}
.brand,.address-bar {display: none;}
.navbar-brand {text-transform: uppercase;font-weight: 700;letter-spacing: 2px;}
.navbar-nav {text-transform: uppercase;font-weight: 400;letter-spacing: 3px;}
.brand-before,.brand-name {text-transform: capitalize;}
.brand-before {margin: 15px 0;}
.brand-name {margin: 0;font-size: 4em;}
.box {margin-bottom: 10px;  background: #fff;background: rgba(255,255,255,0.9);}
.confirmImage {background: url(../images/confirm.png) no-repeat;width: 25px;height: 25px;white-space:pre;text-decoration:none;}
.cancelImage {background: url(../images/cancel_red.png) no-repeat;width: 20px;height: 20px;vertical-align:middle;border:none;text-decoration:none !important;white-space:pre;}
.hohImage {background: url(../Images/parents.jpg) no-repeat;width: 20px;height: 20px;vertical-align:middle;border:none;text-decoration:none !important;white-space:pre;}
.childImage {background: url(../Images/Children.jpg) no-repeat;width: 20px;height: 20px;vertical-align:middle;border:none;text-decoration:none !important;white-space:pre;}
.facebookImage { display:block; margin-bottom: 10px; background:transparent url(../images/facebook.png) center center no-repeat;height:25px;width:25px;}
.instagramImage { display:block; margin-bottom: 10px; background:transparent url(../images/instagram2.png) center top no-repeat;height:25px;width:28px;}
.twitterImage { display:block; margin-bottom: 10px; background:transparent url(../images/twitter2.png) center top no-repeat;height:25px;width:25px;}
.smallText{font-size: .8em;}
.nav-color{background-color:#1D5167; color: white !important;font-size: .98em;}
.nav-color>li.active>a, .nav-color>li.active>a:hover, .nav-color>li.active>a:focus {color: white !important;background-color: #1D5167;}
.nav-color>li>a:hover {color: white !important;background-color: #1D5167;}
.footerText{color:#1D5167; font-weight:600; font-size: 1.2em;}
.nav-link { background-color:#1D5167; color: white !important; }
.tab-content {border-left: 1px solid #ddd;border-right: 1px solid #ddd;padding: 10px;}
.nav-tabs {margin-bottom: 10px;}
/* tab color */
.nav-tabs>li>a {background-color: #5BC0DE; border-color: #777777;color:#fff;}
/* active tab color */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #fff;background-color: #0094FF;border: 1px solid #888888;}
/* hover tab color */
.nav-tabs>li>a:hover {border-color: #000000;background-color: #111111;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #1D5167 !important;
}
.portalContainer {
    padding-right: 2px;
    padding-left: 2px;
    margin-right: auto;
    margin-left: auto;
}
.centerContent {
    align-content: center
}
.homeScheduleBtn {
    width: 200px;
    background-color: #FED23E;
    font-weight: 600;
    margin-top: -20px;
}
.newUserBtn {
    font-size: 16px;
    font-weight: 600;
    color: #337ab7;
}
.width200 {
    width: 200px;
}
.width50 {
    width: 50%;
    max-width: 150px;
}
.width70 {
    width: 70%;
    max-width: 150px;
}
.width95 { width:95%; }
.max150 {
    width: 90%;
    max-width: 150px;
}
.max180 {
    width: 90%;
    max-width: 180px;
}
.contactBack {
    background-color: #fff;
    width: 80%;
}
.apptBack {
    background-color: #fff;
    width: 95%;
}
.paddingZero {
    padding: 0;
    width: 95%;
}
.paddingLR {
    padding-left: 0px;
    padding-right: 0px;
}
.dispNone {
    display: none;
}
.left20 {
    margin-left: 20px;
}
.apptReqBtn {
    width: 150px;
    height: 30px;
    float: left;
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 0
}
.familyReqBtn {
    width: 150px;
    height: 30px;
    float: left;
    font-weight: 700;
    padding-top: 0;
    padding-bottom: 0
}
.ulCircle {
    list-style-type: circle
}
.fullWidth{width:105%;}
.pageWidth {width: 95%;}
.underline { text-decoration:underline; }
.sectionTitle { font-weight:700; color:darkblue; text-decoration:underline; }
.panelTitle { font-weight:800; }
.white { background-color: white; }
.whiteSmoke { background-color: whitesmoke; }
.lightGray { background-color: lightgray; }
.darkRed { color: darkred !important; }
.darkBlue { color: darkblue; }
.dataText { color:black; font-size: .9em; font-weight: 600; }
.dataText2 { color:darkred; font-size: .9em; font-weight: 700; }
.columnTitle {font-size:.9em; color: dimgrey; text-decoration:underline; font-weight:600;}
/*changed to blue*/
.pink { background:#ADD8E6 !important;}
.boldItalic { font-weight:600; font-style:italic; }
.blueLink { color: blue; text-decoration:underline; }
.stdrow {background-color:#F5F5F5 !important; }
.altrow { background-color:#D3D3D3 !important; }
.stdCell { background-color:lightblue;}
.altCell { background-color:palegreen;}
.pageLabel { font-size: .9em; font-weight: 600; color: dimgrey; }
.pageLabelPlus { font-size: 1.1em; font-weight: 600; color: dimgrey; }
.pageLabelU { font-size: .9em; font-weight: 600; color: #482E92; text-decoration:underline; }
.breadcrumbLabel { font-size: 1.1em !important; font-weight: 500; color: #482E92; text-align:center; }
.breadcrumbTitle { font-size: 1.1em !important; color:darkred; text-decoration:underline; }
.pageMessage { font-size: 1.1em !important; font-weight: 600; color: darkred; }
.pageTitle { font-size: 1.1em; }
.facilityLabel { font-size: 1.5em; font-weight: 600; color: dimgrey; border: 1px solid darkgrey;}
.tabTitle { font-size: .9em !important; font-weight: 600; }
.elemItem { font-size: 1em !important; font-weight:500; }
.areaTitle { font-weight: 500; font-size: 1.4em;text-align:center; color:dimgrey; }
.formClinic { font-size: 1.2em; color: darkblue; }
.formSubmit { font-size: 1.2em; color: darkred; }
.note { font-style: italic; font-size: .9em; }
.boldHeading {font-weight: 700 !important;}
.stdLabel { font-size: .8em !important; }
.hidden { visibility: collapse; }
.shiftRight { text-align: right; }
.pushDown { margin-top:25px; }
.pushUp { margin-top:-25px; }
.pushAround { margin-top:-60px; margin-left: 200px;}
.roundText {-moz-border-radius: 3px; border-radius: 3px; }
.createLabel { margin-top: 30px;  font-size: 1.1em; font-weight: 600; color: dimgrey; }
a.homeLogo {background: url(../Images/home.png) no-repeat;width: 24px;height: 24px;text-indent: -9999px; text-align:center;display:block; } 
a.msgHomeLogo {background: url(../Images/messageBlack.png) no-repeat;width: 30px;height: 30px;text-indent: -9999px; text-align:center;display:block,inline-table; } 
a.ksHomeLogo {background: url(../Images/ksLogoBrush.png) no-repeat;text-indent: -9999px; text-align:center;display:block;align-content:center; }
a.companyLogoInner {background: url(../Images/ksLogoSmall.png) no-repeat top left; display:block;align-content:center;width:60px;height:40px;text-indent: -9999px; }
.ksCenter { width:180px;height:150px;left:50%;top:50%;margin-left:-90px;margin-top:-75px;}
.companyLogoInnerCenter { width:150px;height:30px;margin:0 auto;}
.apptButton { width: 130px; height: 20px; font-size:.75em; vertical-align:middle; }
.apptButtonBorder {border:2px;border-color:darkblue}
.btnRound {border-radius: 10px;}
.borders div{border-right:1px solid #999;border-bottom:2px solid #999;border-top:1px solid #999;}
.borders div:first-child {border-left: 1px solid #999;}
.borders div > div{border:0;}
.blueBack { background-color: #75AEFB !important; }
.marginZero { margin: 0 auto; }
.navbar-brand { font-size: 1.1em !important; }
.messageText { height: 120px; width:70%; }
.messageStatus { width: 70%; border-width: 0; }
.patientInfo {color: #6495ED;font-size: 1.1em;font-weight: 600;line-height: 0.75em;font-family: "Varela Round","Helvetica Neue",Helvetica,Arial,sans-serif;}  
.patientInfoAppt {color: darkgreen;font-size: 1em;font-weight: 600;line-height: 0.75em;font-family: "Varela Round","Helvetica Neue",Helvetica,Arial,sans-serif;}  
.patientInfoBill {color: darkorange;font-size: 1em;font-weight: 600;line-height: 0.75em;font-family: "Varela Round","Helvetica Neue",Helvetica,Arial,sans-serif;}  
.patientInfoSmaller {color: #6495ED;font-size: .9em;font-weight: 600;line-height: 0.75em;font-family: "Varela Round","Helvetica Neue",Helvetica,Arial,sans-serif;}  
.apptBlock{padding:20px;background-color:white;border-radius:6px;box-shadow:0 0 3px rgba(0,0,0,0.1);min-height:200px;border:thin;border-color:black}     
.profileBack { background:#f7f8f9; }
.piSmaller{ font-size: .9em; color:black;  font-weight: 500; }
.center{ text-align:center; }
.svgText {
    font-weight: 700;
    font-size: 22px;
    fill: white;
}
@media screen and (min-width:768px) {
    .brand {display: inherit;margin: 0;padding: 30px 0 10px;text-align: center;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 5em;font-weight: 700;line-height: normal;color: #fff;}
    .top-divider {margin-top: 0;}
    .address-bar {display: inherit;margin: 0;padding: 0 0 40px;text-align: center;text-shadow: 1px 1px 2px rgba(0,0,0,0.5);text-transform: uppercase;
        font-size: 1.25em;font-weight: 400;letter-spacing: 3px;color: #fff;}
    
    }

@media screen and (min-width:1200px) {
    .box:after {content: '';display: table;clear: both;}
}