/*.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
    height: 64px; }
.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper {
    margin-top: 19px !important; }
.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > * {
    margin-top: 20px; }
.platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top {
    top: 64px; }
.platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader {
    top: 64px; }
.platform-ios.platform-cordova:not(.fullscreen) .has-subheader {
    top: 108px; }
.platform-ios.platform-cordova:not(.fullscreen) .has-tabs-top {
    top: 113px; }
.platform-ios.platform-cordova:not(.fullscreen) .has-header.has-subheader.has-tabs-top {
    top: 157px; }
.platform-ios.platform-cordova.status-bar-hide {
    margin-bottom: 20px; }*/

/* Empty. Add your own CSS if you like */
/*Disabling platform specific tweaks */
/*.platform-ios.platform-cordova:not(.fullscreen) .bar-header
{
    height: 44px !important;
}
.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader)
{
    height: 44px !important;
}

.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader).item-input-inset .item-input-wrapper
{
    margin-top: 0px !important;
}

.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > *
{
    margin-top: 0px !important;
}

.platform-ios.platform-cordova:not(.fullscreen) .tabs-top > .tabs, .platform-ios.platform-cordova:not(.fullscreen) .tabs.tabs-top
{
    top: 44px !important;
}

.platform-ios.platform-cordova:not(.fullscreen) .has-header, .platform-ios.platform-cordova:not(.fullscreen) .bar-subheader
{
    top: 44px !important;
}

.platform-ios.platform-cordova:not(.fullscreen) .has-subheader {
    top: 88px !important;
}
*/
/*#region global */
.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) {
    height: 88px !important;
}

.platform-ios.platform-cordova:not(.fullscreen) .bar-header:not(.bar-subheader) > *
{
    margin-top:44px !important;
}


body {
    font-family: 'Varela Round', open-sans !important;
}
.div-inline {
    display: inline-block;
}
.wt-bar {
    margin-top:0px;
    background-color: #0a6d84;
    color:white;
}
.wt-bar-back-button {
    background-color: #0a6d84;
    color: white;
}
.wt-fullWidth {
    width: 100%;
}
.wt-disable-1-margin {
    margin-top:0px !important;
}
.wt-center-item { /*Working on all Platforms > using in main.html*/
    -o-order: 0;
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -o-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: center;
    -o-align-self: center;
    align-self: center;
    vertical-align: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    display: inline-block;
}

.wt-centered-item {
    position: absolute;
    top: 50%;
    left: 65%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.wt-center-box {
    position: relative;
}

.wt-center-button {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wt-vertical-center-row-items { /** Working on all platforms!!!! */
    -o-order: 0;
    -webkit-order: 0;
    order: 0;
    -webkit-align-self: center;
    -o-align-self: center;
    align-self: center;
    vertical-align: center;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    display: inline-block;
}

.col {
    padding: 0px !important; /*causes incorrect identation in nesting*/
}

.col-4 {
    -ms-flex: 0 0 4%;
    -webkit-flex: 0 0 4%;
    -o-flex: 0 0 4%;
    flex: 0 0 4%;
    max-width: 4%;
}

.col-96 {
    -ms-flex: 0 0 96%;
    -webkit-flex: 0 0 96%;
    -o-flex: 0 0 96%;
    flex: 0 0 96%;
    max-width: 96%;
}

.col-30 {
    -ms-flex: 0 0 30%;
    -webkit-flex: 0 0 30%;
    -o-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.col-40 {
    -ms-flex: 0 0 40%;
    -webkit-flex: 0 0 40%;
    -o-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}

.col-45 {
    -ms-flex: 0 0 45%;
    -webkit-flex: 0 0 45%;
    -o-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}

.col-92 {
    -ms-flex: 0 0 92%;
    -webkit-flex: 0 0 92%;
    -o-flex: 0 0 92%;
    flex: 0 0 92%;
    max-width: 92%;
}

.fa-2x {
    font-size: 1.4em !important;
}

.blocked {
    display: block;
}

.row-padding {
    padding: 5px;
}
.row-margin {
    padding:5px;
}


.vertical-align-text {
    display: flex;
    -moz-align-content: center;
    -o-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center
}
.alertingPopup {
    direction: rtl;
    text-align: right;
}

.tab-item.active i {
    display: inline !important;

}
.tab-android {
    top:90px;
}
.tab-ios {
    top: 45px;
}

/*#endregion*/
/*#Quirks*/
.map-block {
    width: 210px !important;
    min-width: 210px !important;
}
.gm-style img {
    margin-right:-3px !important;
}
.gm-style .gm-style-iw {
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    min-width: 216px !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 120% !important;
    min-height: 120px !important;
    padding-top: 10px;
    display: block !important;
}
/*#endregion*/
/*#region inputs*/
.wt-map-container {
    width: 100vw;
    height: 60vh;
    margin-top:0px !important;
}
.wt-map-container-results {
    width: 100vw;
    height: 77vh;
    margin-top: 0px !important;
}

.wt-map-header {
    width: 100vw;
    height: 20vh;
}
.wt-map-footer {
    width: 100vw;
    height: 15vh;
}
.wt-map {
    height: 100%;
    width: 100%;
}



/*#endregion*/


/*#region mainScreen*/
.wt-logo {
    width: 100%;
    height: 100%;
}
.wt-main-content-color {
    background-color: rgba(2, 105, 130, 0.75);    
}
.wt-BgBanner {
    background-image: url('../img/appBanner.jpg');
    min-height: 160px;
    width: 100%;
    -ms-background-repeat: round;
    background-repeat: round;
    position: relative;
}

.wt-banner-row {
    color: white;
    position: absolute;
}

.wt-b-r-1 {
    bottom: 0%;
}

.wt-b-r-2 {
    bottom: 10%;
}

.wt-b-r-3 {
    bottom: 20%;
}
.wt-main-nav-category {
    font-size: 22px;
    background-color: #0a6d84;
    color: white;
    min-height: 110px;
    padding: 0px;
}

.wt-main-nav-category2 {
    font-size: 22px;
    background-color: #0f96b3;
    color: white;
    min-height: 110px;
    padding: 0px;
}

.wt-nav-button-prop {
    background-color: #0f96b3;
    /*position:absolute;*/
}

.wt-nav-button-client {
    background-color: #0a6d84;
    /*position: absolute;*/
}
.wt-main-nav-btn-cat {
    font-size: 1.1em;
    border-left: #666666 0.1px solid;
}

.wt-btn-main-cat {
    border-color: transparent;
    background: none;
    box-shadow: none;
    color: white;
    font-size: 1.1em;
}

.wt-main-nav-btn-cat-no-border {
    font-size: 1.1em;
}

.wt-notifications-bar {
    padding: 0;
    min-height: 80px;
    max-height: 80px;
    margin-top: 0 !important;
}

.wt-buttons-bar {
    margin-top: 5px !important;
}

.wt-status-bar {
    margin-top: 10px !important;

}
.wt-lower-main-content {
    color:white;
}
.wt-card-main-content {
    color: black;
}
.wt-notification-number {
    font-size: 2.7em;
    
}
.wt-footer {
    background-color: #0a6d84;
}

    .wt-footer > h1 {
        color: white;
    }

    .wt-footer > .buttons > .button-logout {
        border-color: transparent;
        background: none;
        box-shadow: none;
        color: white;
    }
/*#endregion*/

/*#region tivuch*/
.wt-tivuch-nav-scroll {
    white-space: nowrap;
    overflow: hidden;
    direction: ltr;
}

.wt-tivuch-scroll {
    -moz-min-width: 100%;
    -ms-min-width: 100%;
    -o-min-width: 100%;
    -webkit-min-width: 100%;
    min-width: 100%;
}
.tivDefaultColor {
    color: rgb(0, 0, 0) !important;
}

.tivOfferColor {
    color: #d9a740 !important;
}

.tivSeenColor {
    color: #bfbc00 !important;
}

.tivApprovedColor {
    color: #407bd9 !important;
}

.tivDeclinedColor {
    color: #b25e9e !important;
}

.tivHeader {
    font-size: larger;
    margin-right: 5px;
}

.tivHeaderRes {
    font-size: small;
}
.wt-tiv-header {
    height: 30px;
}
/*#endregion*/

/*#region inputs*/
.activeTextarea {
    height: 36px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 2px solid rgb(51,130,205);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    /*-webkit-box-shadow: rgba(59, 135, 72, 0.51) 0px 0px 0px 0px;
    -moz-box-shadow: rgba(59, 135, 72, 0.51) 0px 0px 0px 0px;
    box-shadow: rgba(59, 135, 72, 0.51) 0px 0px 0px 0px;*/
}
.wt-input {
    width: 100%;
    font-size: 16px !important;
    font-family: 'Varela Round', open-sans;
}
.wt-select {
    left:0;
    right:auto !important;
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
}
.item-select:after { 
    visibility: hidden;
}
.wt-search-label {
    font-size: 130%;
}

.wt-search-input {
    font-size: 130% !important;
    width: 100%;
    font-family: 'Varela Round', open-sans;
}
.wt-inputPadding {
    padding: 5px 10px 10px 0;
}
/*#endregion*/

/*#region colors and buttons*/
.containsInfo {
    background-color: rgba(220, 20, 60, 0.37);
}
.wt-waze-btn {
    max-height: 40px;
    max-width: 40px;
}

.wt-notification-card-item-critical > .item {
    background-color: rgba(255, 0, 0, 0.68);
    color: white;
}

.activeDateBtn {
    background-color: rgb(51,130,205);
    color: white !important;
}
.adcontainsPic {
    color: rgb(255, 64, 64);
}

.containsPic {
    background-color: #b6ffb1;
}

.containsFile {
    background-color: #9cadff;
}

    .containsFile .containsPic {
        background-color: #ffb88e;
    }

.blue-button {
    background-color: #407bd9;
    color: white;
}
.appointment-button {
    background-color: #ef8e3a;
    color: white;
}

.global-search-button {
    background-color: #0ac7ad;
    color: white;
}

.settings-button {
    background-color: #328d74;
    color: white;
}
.success-circle {
    color: #00ff7f;
}

.info-circle {
    color: #6a61ff;
}

.error-circle {
    color: #ff5d5d;
}

.q-circle {
    color: darkorange;
}

.button-takala {
    background-color: #ec7e63;
    color: white;
    border-radius: 0px !important;
}
.button-flipped-card {
    background-color: #5f9ea0;
    color: white;
}
.button-phone {
    background-color: #11c1f3;
    color: white;
}

.dbChangeApproved {
    background-color: #407bd9;
    color: white;
}

.dbChangeDenied {
    background-color: #ff5d5d;
    color: white;
}
.positiveNumber {
    background-color: #407bd9;
    color: white;
}
/*#endregion*/

/*#region animations*/
.wt-drawer-anim {
    -webkit-transition: max-height 300ms ease-in;
    -moz-transition: max-height 300ms ease-in;
    -o-transition: max-height 300ms ease-in;
    -ms-transition: max-height 300ms ease-in;
    transition: max-height 300ms ease-in;
    overflow: hidden;
    max-height: 0;
}

.wt-closedDrawer {
    height: 0px;
    overflow: hidden;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 0px !important;
}

.wt-openedDrawer {
    height: 60px;
    overflow: hidden;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.wt-closedAppoint {
    max-height: 0px;
    overflow: hidden;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 0px !important;
}

.wt-openedAppoint {
    max-height: 500px;
    overflow: hidden;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
/*#endregion*/

/*#region background classes*/
.wt-bg-1 {
    background-image: url('../img/backgrounds/brushed.png')
}

.wt-bg-2 {
    background-color: rgba(191, 247, 255, 0.34);
}

.wt-bg-3 {
    background-image: url('../img/backgrounds/cream_pixels.png')
}

.wt-bg-4 {
    background-image: url('../img/backgrounds/kindajean.png')
}

.wt-bg-5 {
    background-image: url('../img/backgrounds/light_grey.png')
}

.wt-bg-6 {
    background-image: url('../img/backgrounds/old_moon.png')
}

.wt-bg-7 {
    background-image: url('../img/backgrounds/paper_3.png')
}

.wt-bg-8 {
    background-image: url('../img/backgrounds/shl.png')
}
.wt-bg-9 {
    background-image: url('../img/backgrounds/concrete_seamless.png')
}
/*#endregion*/

/*#region activityItem*/

.wt-wrap-item-text {
    width: 97%; /*to see the dots...*/
    overflow: visible;
    text-overflow: ellipsis;
}

.popup {
    width: 300px !important;
}

/*#endregion activityItem*/

wt-item-context-text {
    font-size: x-large;
}

.wt-wider-popup .popup {
    width: 75% !important;
}
.wt-full-popup .popup {
    width: 100% !important;
}

#notificationsArea > .card {
    width: 100%;
}

.wtselected {
    font-weight: 600 !important;
}

.image-subtitle {
    direction: rtl !important;
    height: 10%;
}

.reminder-list-header {
    font-size: larger;
    padding-right: 5px;
}
.numberCircle {
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 5px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 18px Arial, sans-serif;
}

/*lower the sub-header content to stick with bottom of view.*/

.webtiv-bar-subfooter{
    bottom:0;
    height: 65px;
    width: 100%;
    padding: 0;
}

.webtiv-has-subfooter{
    margin-bottom: 65px;
}

/*new icon definitions*/
.icon-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.icon-container svg {
    font-size: 1.7em; /* Adjust the size as needed */
    margin-top: 8px;
}


.icon-text {
    font-size: 0.8em; /* Adjust the size as needed */
    text-align: center;    
}

.pane{
    overflow: initial !important;
}