/* 
*
* 1) Fonts
* 2) General Styles
* 3) Boilerplate Header
* 4) Messages
* 5) Login Page
* 6) Schedule Calendar
* 7) Modal
* 8) Large desktops and laptops
* 9) Portrait tablets and small desktops
* 10) Landscape phones and portrait tablets
* 11) Portrait phones and smaller

*/

/*    border:1px solid lime; /* REMOVE FOR PRODUCTION >>>>>>>>>>>>>>>>>>>>>>>>>> */


/* ----------------------------------------------------------  
1) Fonts
------------------------------------------------------------- */
@font-face {
    font-family: 'pt_sansregular';
    src: url('fonts/PTS55F-webfont.eot');
    src: url('fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS55F-webfont.woff') format('woff'),
         url('fonts/PTS55F-webfont.ttf') format('truetype'),
         url('fonts/PTS55F-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'pt_sansbold';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#pt_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ----------------------------------------------------------  
2) General Styles
------------------------------------------------------------- */
body {
    font-family:'pt_sansregular', Arial, sans-serif;
    font-size:16px;
    background:#ECEFF1;
    color:#212121;
}
h1,
h2,
h3,
h4 {
    font-family:'pt_sansregular', Arial, sans-serif; 
    font-weight:400;   
}
h3 {
    font-size:1.7em;
    text-transform:capitalize;
}
h4 {
    font-size:1.4em;
    color:#424242;
    text-transform:none;
}
.heavy {
    font-family:'pt_sansbold', Arial, sans-serif; 
    font-weight:400;  
}
.gutter-btm {
    margin-bottom:15px;
}
.gutter-both {
    margin-top:15px;
    margin-bottom:15px;
}
.failureNotification {
    font-style:italic;
    color:#C9302C;
}

/* ----------------------------------------------------------  
3) Boilerplate Header
------------------------------------------------------------- */
.topBar {
    background:#fff;
    border-bottom: 1px solid #B0BDC5;
    min-height:105px;
}
.logo {
    width:200px;
    height:auto;
    padding:20px 10px;
}
.logo-sb img {
    width:500px;
    height:auto;    
}
.login,
.menuBar {
    text-align:left;
    padding:40px 0 0 0;
}
.logoBlock {    
}
.login {
    padding-right:0;
    text-align:right;
}
.login a,
.login a:visited {
    color:#212121;
    font-family:'pt_sansbold', Arial, sans-serif;
    font-size:1.2em;
    text-decoration:none;
    text-transform:uppercase;
}
.login a:active,
.login a:hover {
    color:#2196F3;
}
.login span.userLogin {
    color:#2196f3;
    font-size:1.2em;
    text-transform:uppercase;
    padding-right:20px;    
}
.menu {
}
.menu ul {
    margin:0 0 0 -23px;
}
.menu li {
    list-style-type:none;
    margin-right:20px;
}
.menu li a,
.menu li a:visited {
    color:#212121;
    font-family:'pt_sansbold', Arial, sans-serif;
    font-size:1.2em;
    text-decoration:none;
    text-transform:uppercase;
}
.menu li a:active,
.menu li a:hover {
    color:#2196F3;
}
.msgCheckinStatus {
    font-size:.8em;
    color:#808083;
    margin-right:95px;
}
.msgCheckIn {
    display:block;
    margin:10px 0 0;
    color:#777;
    font-size:.75em;
    font-style:italic;
}
.btn {
    border-radius:3px;
    font-size:13px;
}
.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn {
    opacity: 0.2;
}
.btn-primary {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.btn-primary:hover,
.btn-primary:active {
    background-color: #1a78c2;
    border-color: #1a78c2;
}
.btn-success {
    color: #fff;
    background-color: #2196f3;
    border-color: #2196f3;
}
.btn-success:hover,
.btn-success:active {
    color: #fff;
    background-color: #1a78c2;
    border-color: #1a78c2;
}
.btn-danger {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
}
.btn-danger:hover,
.btn-danger:active {
    color: #fff;
    background-color: #607d8b;
    border-color: #607d8b;
}
.btn-pass {
    background-color: #666;
    border-color: #555;
    color: #ffffff;
}
.btn-pass:hover,
.btn-pass:focus {
    background-color: #555;
    border-color: #444;
    color: #ffffff;
}
.btn-login {
    font-size:2em;
    font-weight:400;
}
.checkIn .btn.aspNetDisabled,
.checkIn .btn[disabled],
.noCheckIn {
    opacity: 0.2;
    background-color: #2196f3;
    border-color: #2196f3;
    color:#fff;        
}
.loggedIn {
    color:#212121;
}
.noSeeSchedule {
    pointer-events:none;
    cursor:not-allowed;
    opacity: 0.65;   
}
.tipText {
    display:inline-block;
    float:right;
    font-style:italic;
}
.tipTextMobi {
    display:none;
}








/* ----------------------------------------------------------  
4) Messages
------------------------------------------------------------- */
.msgBlock {
    font-size:.9em;
    margin-bottom:15px;
    padding:10px;
}
.msgBlock br {
    margin:0 0 15px 0;
}
.msgBlock br:first-child {
    display:none;
}
.msgBreak {
    display:block;
    width:100%;
    height:1px;
    margin:6px 0;
    background:#eee;
}
.msgBlock span.msgBreak:first-child {
    display:none;
}


/* ----------------------------------------------------------  
5) Login Page
------------------------------------------------------------- */
.loginBlock {
}
.loginBlock label,
.loginChangeBlock label {
    display:block;    
}
.loginBlock label.inline,
.loginChangeBlock label.inline {
    display:inline-block;    
}


/* ----------------------------------------------------------  
6) Schedule Calendar
------------------------------------------------------------- */
.rsAptContent h4 {
    color:#000;
    font-size:1.3em;
    font-weight:700;
}
.rsAptContent h5 {
    color:#000;
    font-size:1em;
    font-weight:400;
}
.RadScheduler.RadScheduler_Default .rsHeader h2 {
    font-size:1em;
    font-weight:700;
    line-height:30px;        
}
.RadScheduler.RadScheduler_Default .rsHeader .rsToday {
    text-transform:capitalize;        
}
/* Week View */
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsContent.rsWeekView div.rsContentScrollArea table.rsContentTable div.rsWrap div.rsApt.rsAptSimple {
    overflow:hidden;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsContent.rsWeekView div.rsContentScrollArea table.rsContentTable div.rsWrap div.rsApt.rsAptSimple div.rsAptOut .rsAptMid .rsAptIn .rsAptContent {
    padding:3px 0 0 0;
    margin-top:0;
}
/* Month View */
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsContent.rsMonthView div.rsContentScrollArea table.rsContentTable div.rsWrap div.rsApt.rsAptSimple {
    overflow:hidden;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsContent.rsMonthView div.rsContentScrollArea table.rsContentTable div.rsWrap div.rsApt.rsAptSimple div.rsAptOut .rsAptMid .rsAptIn .rsAptContent {
    padding:3px 0 0 0;
    margin-top:0;
}
.RadScheduler .rsMonthView .rsShowMore.rsLastWrap {
    font-weight:bold;
    font-size:.8em;
    text-decoration:none;
    text-transform:uppercase;
    color:#ee4a38;
}
/* Timeline View */
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsContent.rsTimelineView div.rsContentScrollArea table.rsAllDayTable div.rsWrap div.rsApt.rsAptSimple {
    overflow:hidden;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsContent.rsTimelineView div.rsContentScrollArea table.rsAllDayTable div.rsWrap div.rsApt.rsAptSimple div.rsAptOut .rsAptMid .rsAptIn .rsAptContent {
    padding:3px 0 0 0;
    margin-top:0;
}







/* ----------------------------------------------------------  
7) Modal
------------------------------------------------------------- */
.modalPopup {
    padding:5px 15px;
    font-size:.8em;
    border:2px solid #555;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.24);
    background:#fff;
}
.modalBackground {
}
.aboutBlock { 
}
.modalWrap .row {
    margin-bottom:6px;
}
.modalWrap .row:first-child {
    margin-bottom:0;
}
.modalWrap h3 {
    color:#000; 
}
.modalWrap img {
    width:70%;
    height:auto;
    display:block; 
}
.RadWindow {
}
.RadWindow tr.rwTitleRow {
}
.RadWindow td.rwCorner {
    background-image:none;
    background:#212121;
}
.RadWindow td.rwTitlebar {
    background-image:none;
    background:#212121;
}
.RadWindow td.rwFooterCenter {
    background-image:none;
    background:#212121;
}
.RadWindow td.rwTitlebar .rwTopResize {
    background-image:none;
    background:#212121;
}
.RadWindow td.rwTitlebar .rwTitlebarControls em {
    color:#fff;
    text-align:left;
}
.RadWindow td.rwTitlebar .rwTitlebarControls .rwIcon,
.RadWindow td.rwTitlebar .rwTitlebarControls .rwControlButtons {
    display:none;
}
.RadWindow td.rwWindowContent {
    background-color:#fff;
    padding-bottom:0;
    margin-bottom:0;
}
.RadWindow td.rwWindowContent .rwDialogPopup {
    background-color:#fff;
    margin:0;
    padding:20px;  
}
.RadWindow td.rwWindowContent .radconfirm {
    background-image: none;
}
.RadWindow td.rwWindowContent .rwDialogPopup .rwDialogText {
    text-align:center;
    font-size:1.4em;
    font-weight:400;
    color:#212121;  
}
.RadWindow td.rwWindowContent .rwDialogPopup .rwPopupButton {
    border:none;
    background-image:none;
    padding:0;
    margin:20px 0 0 0;
    float:none;
    text-align:center;
    border-radius: 3px;
    font-size: 13px;
    line-height: 1.33333;
    padding: 10px 16px;
    height:auto;
}
.RadWindow td.rwWindowContent .rwDialogPopup .rwPopupButton:first-child {
    background:#2196f3;
}
.RadWindow td.rwWindowContent .rwDialogPopup .rwPopupButton:last-child {
    background:#607d8b;
}
.RadWindow td.rwWindowContent .rwDialogPopup .rwPopupButton .rwOuterSpan {
    background-image: none;
    padding:0;
    float:none;
}
.RadWindow td.rwWindowContent .rwDialogPopup .rwPopupButton .rwInnerSpan {
    background-image: none;
    padding:0;
    float:none;
    color:#fff;
    font-weight:600;
}



/* ----------------------------------------------------------  
8) Large desktops and laptops
------------------------------------------------------------- */
@media (min-width: 1200px) {

} /* END */


/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

.msgCheckinStatus,
.userLogin {
    display:none;
}
.col-md-2.menuBar {
    width: 30%;
}
.col-md-2.login {
    width: 16.6667%;
}
.col-md-offset-6 {
    margin-left: 35%;
}


} /* END */


/* ----------------------------------------------------------  
9) Portrait tablets and small desktops
------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 991px) {

.msgCheckinStatus,
.userLogin {
    display:none;
}
.checkIn .btn-block,
.checkIn input.btn-block[type="button"],
.checkIn input.btn-block[type="reset"],
.checkIn input.btn-block[type="submit"] {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.topBar {
    padding-bottom:20px;
}
.logo {
    display:block;
    width:200px;
    height:auto;
    padding:20px 0;
    margin:0 auto;
}















} /* END */


/* ----------------------------------------------------------  
10) Landscape phones and portrait tablets
------------------------------------------------------------- */
@media (max-width: 767px) {

.msgCheckinStatus,
.userLogin {
    display:none;
}
.login {
    padding:0 0 0 0;
    text-align:center;
}
.menuBar {
    padding:0;
    text-align:center;
}
.menu {
    width:100%;
}
.menu ul.level1.static { /* Inline styles being used */
    float:none !important;
}
.menu ul {
    display:block;
    margin:0 auto;
    padding:0;
    width:100%;
}
.menu li {
    list-style-type:none;
    margin-right:0;
    margin-top:10px;
    display:block;
    width:100%;
}
.menu li:last-child {
    margin-bottom:10px;
}
.RadScheduler.RadScheduler_Default .rsHeader h2 {
    font-size:1em;
    font-weight:700;
    line-height:30px;        
}
.checkIn .btn-block,
.checkIn input.btn-block[type="button"],
.checkIn input.btn-block[type="reset"],
.checkIn input.btn-block[type="submit"] {
    width:100%;
    margin-left:auto;
    margin-right:auto;
}

} /* END */


/* ----------------------------------------------------------  
11) Portrait phones and smaller
------------------------------------------------------------- */
@media (max-width: 480px) {

.msgCheckinStatus,
.userLogin {
    display:none;
}
.logo {
    display:block;
    width:200px;
    height:auto;
    padding:20px 0;
    margin:0 auto;
}
.logo-sb img {
    width:80%;
    height:auto;    
}
.login,
.menuBar {
    padding:0;
    text-align:center;
}
.menuBar img {
    display:none;
}
.menu {
    width:100%;
}
.menu ul.level1.static { 
    float:none !important; /* Override inline styles */
}
.menu ul {
    display:block;
    margin:0 auto;
    padding:0;
    width:100%;
}
.menu li {
    list-style-type:none;
    margin-right:0;
    margin-top:10px;
    display:block;
    width:100%;
}
.menu li:last-child {
    margin-bottom:10px;
}
.msgBlock br {
    display:block;
    margin:0 0 25px 0;
}
/* Calendar View Header */
.RadScheduler.RadScheduler_Default {       
}
.RadScheduler.RadScheduler_Default .rsHeader {      
}
.RadScheduler.RadScheduler_Default .rsHeader h2 {
    font-size:1.2em;
    font-weight:700;
    line-height:30px;
    text-indent:0;
    text-align:center;
    margin-top:6px;        
}
.RadScheduler.RadScheduler_Default .rsHeader ul {      
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader {
    height: 150px;
    background-image:none;
    border:none;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader ul {
    margin:6px 0 0 0;
    padding:0 0 0 0;
    float:none;
    display:inline-block;
    width:100%;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader ul li {
    margin:0 .5%;
    padding:0;
    float:none;
    display:inline-block;
    width:24%;
    text-align:center;
    font-weight:700;
    background:#607d8b;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader ul li span {
    color:#fff;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader ul li.rsSelected em,
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader ul li.rsSelected em:active {
    background-image:none;
    padding:0;
    margin:0;
    background:#2196f3;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader p {
    padding:0;
    width:100%;          
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader .rsPrevDay, 
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader .rsNextDay {
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin:0 .5%;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader .rsPrevDay {
    background:transparent url('../Images/cal-prev-day.png') center no-repeat;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader .rsNextDay {
    background:transparent url('../Images/cal-next-day.png') center no-repeat;
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader .rsToday {
    height: 50px;
    width: 70px;
    line-height: 50px;
    display:inline-block;
    text-align:center;
    font-weight:700;
    color:#2196f3;
    font-size:1.3em;
    background:transparent;
    margin-left:.5%;              
}
#ctl00_MainContent_RadScheduler1.RadScheduler.RadScheduler_Default .rsTopWrap .rsHeader .rsDatePickerActivator {
    border:1px solid;
    margin:0 0 3px 0;         
}
.tipText {
    display:none;
}
.tipTextMobi {
    display:inline-block;
    float:right;
    font-style:italic;
}


} /* END */