/* iOS Cordova Tweak */
.device-cordova.device-ios {
  height: 100vh;
}


/* F7 Overrides */
.md {
  --f7-text-color: #444;
}
.smallNavbar {
    height: 29px;
}
.navbarTitle {
}
.toolbar {
    height: 56px;
}
.tab-link {
    padding-top: 2px !important;
    padding-bottom: 5px !important;
}
.page-content {
    padding-top:46px;
}
.card {
    margin: 0px;
}
.card-header {
    min-height: 10px;
    padding:3px 5px 3px 5px;
}
.card-content-padding {
    padding:5px 5px 3px 5px;
}
.subnavbar {
    margin-top:0px;
    border: 1px solid #aaa;
    border-width: 1px 0px 0px 0px;
    --f7-subnavbar-height: 24px;
}

.item-inner {
    padding-right: 3px !important;
}
/*
#TodayManifestList > ul > li.accordion-item.accordion-item-opened > div > div > a  div.item-inner {
    justify-content: flex-start !important;
    padding: 0px 3px 0px 0px !important;
    min-height: 24px !important;
    height: 24px !important;
}
#TodayManifestList > ul > li.accordion-item.accordion-item-opened > div > div > a  div.item-inner:after {
    display:none;
}
#TodayManifestList > ul > li.accordion-item.accordion-item-opened > div > div > a  div.item-after {
    margin-left: 10px !important;
    padding: 0px !important;
    font-size: 16px;
}
*/

:placeholder-shown {
        color:#888 !important;
}
::placeholder {
        color:#888 !important;
}

#login-page { 
  background: url(/assets/img/roads_light.jpg) no-repeat center center fixed !important; 
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  min-height: var(--original-viewport-height);
  
}
#login-screen-content {
    top: 0px;
    position: absolute;
    background-color:rgba(0, 0, 0, 0.0);
}








/* CloudTrans custom styles below here */


/* Used for login region selection list */.loginRegion {
    align-self: center !important;
    text-align: center !important;
}

.settings-left-col {
    padding:10px 5px 10px 5px !important;
    height:28px;
    width:95px;
    max-width:95px;
    vertical-align: text-top;
}
.settings-right-col {
    padding:2px 5px 2px 5px !important;
    height:28px;
    vertical-align: text-top;
}

#TodayManifestAsOf, #TomorrowManifestAsOf, #YesterdayManifestAsOf {
    font-size: 12px;
    margin:10px 10px 0px 10px;
}

.MFIN {
    font-style: italic;
    opacity: .3;
    width: 25px;
    min-width: 25px;
    max-width: 25px;
    text-align:left;
}
.MFTC {
    vertical-align:top;
    text-align: right;
    padding-right:5px;
    width:60px;
    min-width:60px;
    max-width:60px;
}
.MFIC {
    margin-top:-4px !important;
    opacity: .6;
}
.MFICH {
    width:20px;
    max-width:20px;
    min-width:20px;
    margin-top:0px !important;
    opacity: 1;
    left: -6px;
    font-size: 32px !important;
}
.MFCON {
    width:90px;
    min-width:90px;
    max-width:90px;   
}
.normalCell {
    height:auto !important;
    padding: 3px 5px 2px 5px !important;
}

.sig-wrapper {
  position: relative;
  width: 100%;
  height: 200px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.signature-pad {
  /*position: absolute;*/
  left: 0;
  top: 0;
  width: 100%;
  height:200px;
  background-color: white;
  border: 2px solid var(--f7-theme-color);
  color: #000;
}