body { font-family:verdana; font-weight:normal; font-size:14px; color:#555555;}
#AdminBlock, #ShiftBlock, #AddAdminBlock { background-color:DimGray; padding-top:20px; padding-bottom:20px; margin-top:10px; border-radius:10px;}
#AdminTitle, #ShiftTitle
#ShiftAddNoteBtn, #AdminAddNoteBtn { margin: 0 auto; display:block;}
#logoutBtn {text-align:right;}
#DateSelectTitle, #WorkingWithInput, #DateSelectText, #WorkingWithTitle{padding-top:10px; padding-bottom:10px; height:42px;}
#DateBlock {margin-top: 15px;}
#logoImg {width:90px; height:69px;}
#datetimepicker12 { width:65%; background-color: white; }
.datePicker-center{text-align:center; margin:0 auto;}
#alertResp { z-index:99999; float:left; margin: 0 auto; top:50px; width:50%; position:fixed; padding:0.3rem;}
@media screen and (min-width:1024px){
  #TitleBlock, #dateBlock {width:1000px; margin:0 auto;}
  #adminContainer {width:1000px; margin-bottom:20px; margin-top:10px;}
  select { text-indent: 1px; text-overflow: ''; }
  #reportBlock{width:1000px; margin:0 auto;}
}
@media screen and (max-width:768px) {
  #alertResp { z-index:99999; float:left; margin: 0 auto; top:50px; width:90%; position:fixed; padding:0.3rem;}
  #TitleBlock, #dateBlock {width:720px; margin:0 auto;}
  #adminContainer {width:720px; margin-bottom:20px; margin-top:10px;}
  select { text-indent: 1px; text-overflow: '';-webkit-appearance: none; -moz-appearance: none;}
}
@media screen and (max-width:500px) {
  #alertResp { z-index:99999; float:left; margin: 0 auto; top:50px; width:90%; position:fixed; padding:0.3rem;}
  #TitleBlock, #dateBlock {width:378px; margin:0 auto;}
  .modal-dialog-phone{margin-left:2rem !important;}
  select { text-indent: 1px; text-overflow: ''; -webkit-appearance: none; -moz-appearance: none;}
}
#loginContainer{margin-top:1.5rem;}
#p1 {float:left; position:fixed; top:0px; display:none;}
#accountContainer {width:1300px; margin-bottom:20px; margin-top:10px; margin-left:auto; margin-right:auto;}
#errorBox {background-color:white; border:1px solid #ced4da; position:fixed;}
#dateBlock{margin-top:20px;}
.container{width:98%;}
.alert{padding-top:25px; padding-bottom:25px;}
.innerRow{width:100%; text-align: center; clear:both !important;}
.greyButton{font-weight: bold; width:90%; padding-bottom:10px;padding-top:5px;vertical-align: middle; font-size:1.125rem; height:40px;}
.oncall-24{font-weight: bold; width:85%; padding-top:0px; padding-bottom:0px;vertical-align: middle; font-size:0.8rem; height:40px; margin-right:40px;}
.oncall{font-weight: bold; width:90%; padding-bottom:10px;padding-top:5px;vertical-align: middle; font-size:1.125rem; height:40px;}
.oncallwith24{font-weight: bold; width:85%; padding-bottom:10px;padding-top:5px;vertical-align: middle; font-size:1.125rem; height:40px;}
.greyPicker{width:100%;}
.logoutButton{font-weight: bold;  padding-bottom:10px;padding-top:10px;vertical-align: middle; font-size:0.85rem;}
.reviewButton, .backButton, .profileBtn{font-weight: bold;  padding-bottom:10px;padding-top:10px;vertical-align: middle; font-size:0.75rem;}
.inlineButton{font-weight: bold;vertical-align: middle; font-size:0.75rem;padding-top:0.4rem;}
.greyButtonRow{padding-top:10px;}
.noteBtn{padding-top:15px;}
.startBtn{width:80%; background-color:green;margin-bottom:10px;margin-top:10px;vertical-align: middle; font-weight:bold; color: white; height:58px;font-size:1.375rem;}
.loneBtn{width:90%; background-color:yellow;margin-bottom:10px;margin-top:10px;vertical-align: middle; font-weight:bold; color:black; height:70px;font-size:0.95rem;}
.loneBtn:active, .active {background-color: rgb(255, 102, 0); color:white;}
.stopBtn{width:80%; background-color:red;margin-bottom:10px;margin-top:10px;vertical-align: middle;font-weight:bold; color: white; height:58px; font-size:1.375rem;}
.LargeBoldTitleWt{ color:white; font-weight: bold; font-size:1.5rem; text-align:center; width:100%;padding-bottom:10px;}
.LargeBoldTitle{ color:#555555; font-weight: bold; font-size:1.5rem; text-align:center; width:100%;padding-bottom:10px;}
.BoldTitle{ color:#555555; font-weight: bold; font-size:1.2rem; text-align:center; width:100%;padding-bottom:10px;}
.TitleText{ color:#555555; font-weight: bold; font-size:0.875rem; text-align:center; width:100%; padding-bottom:10px;}
.TitleTextsm{ color:#555555; font-weight: bold; font-size:0.75rem; width:100%; padding-bottom:10px;}
.TitleTextxs{ color:#555555; font-weight: bold; font-size:0.7rem; width:100%; padding-bottom:10px;}
.noteBtnLeft{width:25%; text-align:center;}
.noteBtnRight{width:25%; text-align:center;}
.TitleTextWt{ color:#555555; font-weight: bold; font-size:0.875rem; text-align:center; width:100%; padding-bottom:10px;}
.txtsm { color:#555555; font-weight:normal; font-size:0.75rem;}
.txtxs { color:#555555; font-weight:normal; font-size:0.69rem;}
.card-body{padding-top:0.5rem; padding-right:0.75rem;padding-left:0.75rem; padding-bottom:0.75rem;}
.radioLabel{ color:#555555; font-size:0.75rem; text-align:center; width:100%; padding-bottom:10px;}
.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.noRightPadding{padding-right: 0;}
.noLeftPadding{padding-left: 0;}
.reviewHeading{font-weight:bold; font-size:0.75rem}
.reviewTitle{color:#555555; font-weight: bold; font-size:0.75rem; text-align:center; width:100%; padding-bottom:10px;}
.btn-default{background-color:#e9ecef; border:1px solid #ced4da; color:#555555 !important;}
.far, .fas {font-size:1.125rem;}
.sm {font-size:0.8rem;}
.popover-body td{padding-bottom:5px; border-bottom:1px solid #ced4da;}
.form-control{font-size:0.875rem; font-family:verdana; padding-left:3px; padding-right:3px;}
.forceCenter{margin: 0 auto;}
input {font-size:0.875rem;}
input[type=radio]{
  transform:scale(1.5);
}
.btn-grey {border-color:#555555;}
.selectorRow {padding-bottom: 10px;}
.btn.disabled, .btn:disabled {opacity:0.3;}
.whiteBG {background-color: white;}
.whitetxt{color:white !important;}
.btnSP { padding-top: 0.2rem; padding-bottom:0.2rem; padding-left:0.5rem; padding-right:0.5rem;}
.input-group-text > i{font-size:1rem;}
.input-group-text{font-family:verdana; padding-top: 0.3rem; padding-bottom: 0.3rem; font-size:0.75rem;}
.modal-content{background-color: white;-webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; }
.datePickBorder{border: solid 1px #aaa;-webkit-border-radius: 10px !important; -moz-border-radius: 10px !important; border-radius: 10px !important; }
.form-control{border: 1px solid #aaa;}
.modal-dialog{width:375px; margin: 0 auto; margin-top:-1rem;}
.modal-title {color:#555555; font-weight: bold; font-size:1rem; font-family:verdana; }
.modal-header{padding-top:1rem;}
.modal-header .close{padding-top:1rem;padding-right:1rem;}
.google2faCode {margin-top: 0.3rem; border-top: 1px solid #dee2e6;}
.error {color:red;}
.btn {color:#555555; border-radius:5px;}
.workwith{color:	#007fa5; }
.col-2-narrow {max-width: 15%; }
.col-3-narrow {max-width: 22%; }
.col-4-narrow {max-width: 30%; }
/*.col-25{flex-grow:0; flex-shrink:0; flex-basis:20.83333333%; max-width:20.8333333%; padding-left:15px; padding-right:15px; position:relative;}
.col-95{flex-grow:0; flex-shrink:0; flex-basis:79.16666666%; max-width:79.1666666%; padding-left:15px; padding-right:15px; position:relative;} */
.col-25{flex-grow:0; flex-shrink:0; flex-basis:21.5%; max-width:21.5%; padding-left:15px; padding-right:15px; position:relative;}
.col-15{flex-grow:0; flex-shrink:0; flex-basis:15.5%; max-width:15.5%; padding-left:15px; padding-right:15px; position:relative;}
.col-105{flex-grow:0; flex-shrink:0; flex-basis:84.5%; max-width:84.5%; padding-left:15px; padding-right:15px; position:relative;}
.col-95{flex-grow:0; flex-shrink:0; flex-basis:78.5%; max-width:78.5%; padding-left:15px; padding-right:15px; position:relative;}
.buttons{width:10% !important;}
.expandDetail{width:12px;}
.border-bottom{border-bottom:1px solid #dcdcdc;}
.fassm {font-size:0.9rem !important;}
.farsm {font-size:0.9rem !important;}
.bootstrap-datetimepicker-widget .table { font-family:verdana; font-weight:normal; font-size:0.75rem; color:#555555; }
.bootstrap-datetimepicker-widget .table td.active { background-color:#007fa5; }
.spacer18px{width:18px; height:8px; display:inline-block;}
.pr-45{padding-right:4.5rem !important;}
.utable{width:100%;}
.ucol1{width:8%;}
.ucol2{width:15%;}
.ucol3{width:13%;}
.ucol4{width:29%;}
.ucol5{width:8%;}
.ucol6{width:8%;}
.ucol7{width:7%;}
.uheadingRow{display:flex; flex-wrap:wrap;}
#AbsesneBtn{font-size:0.95rem;padding-top: 0.5rem;}
#adminAbsesneBtn{font-size:0.95rem;padding-top: 0.5rem; width:90%;}
#FurloughBtn{width:90%;font-size:0.95rem;padding-top: 0.5rem;}
#noWorkBtn{font-size:0.95rem;padding-top: 0.5rem;}
#admin-mainContainer {width:100%;}
#admin-dateBlock{width:98%;}
#admin-ShiftBlock, #admin-AdminBlock, #admin-AddAdminBlock{border: 1px solid #ccc;  padding-bottom:20px;}
#admin-FurloughBtn{font-size:0.95rem;padding-top: 0.5rem;}
.admin .datepicker-input .form-control{font-size:0.75rem;}
.bootstrap-datetimepicker-widget table td {width:0px !important;}
.admin-modal-dialog {width:650px;}
.adminOnCall-with24 {width:87%; margin-right:0.5rem;}
.admin24oncall{width:90%;}
.adminOncall{width:90%;}
.adminOvernight{width:90%;}
.adminNowork{width:90%;}
.adminFurlough{width:90%;}
#adminModal .modal-dialog{margin-left:3.5rem;}
/*.modal-dialog{margin-left:2rem; margin-top:-1rem;}*/
.workwithBlue{color:#007fa5;}
#ModalWorkingWithTitle{padding-left:15px; padding-right:10px; padding-top:5px;}
#msgList{overflow-x: hidden; overflow-y: auto;}
.rcol1 {width:13%;}
.rcol2 {width:14%;}
.rcol3 {width:40%;}
.rcol4 {width:13%;}
.rcol5 {width:8%;}
.rcol6 {width:13%;}
.rheadingRow{display:flex; margin-right:-15px;}
.ShiftStartCol{flex: 0 0 50%; max-width:50%; position:relative; padding-left:24px; height:90px; }
#loneWorkSettings{width:100%;}
#usersBlock{width:1000px;}
.btn.focus, .btn:focus {outline:0; box-shadow: 0 0 0 .15rem rgba(128,128,128,0.25);}