.saveLoad{
    z-index: 1000000;
}
.aero{
    cursor: pointer;
    width: 22px!important;
    height: 22px;
      
}
.searchInput{
    /* margin-left:5px;
    margin-right: 5px */
}
.earth{
    width: 18x;
    height: 18px;
}
.routlist{
    width:500px
}
.inputtype{
    /* height: 1.5rem !important */
}
#editRoute{
    width: 90% !important;
    height: 90% !important
}
.mediaobj{
    width: 36px !important;
    height: 36px !important
}
.editpen{
    width: 24px !important;
    height: 24px !important
}
.mobilebackground{
    background-color: #2194da !important
}
@media print, screen and (min-width: 50em) {
    .fullscreen{
        visibility:visible;
         
    }
    .mobilemenu{
        display:none;
        
    }

    .aboutwork{
        /* visibility: visible */
    }    
    .visiblefooter{
        /* display: inline-block */
    }
    .ITManagerPanel{
        position: absolute;
        width:350px;
        height: auto;
        /* left:10% !important; */
        top:10px;
        z-index: 100000;
        border-radius: 3px;
       
        box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }
    .MobileITManagerPanel{
        /* display: none;
        visibility: hidden */
    }
}
@media print, screen and (max-width: 50em) {
    .headermanagerpanel{
        height: 50px
    }
    .aboutwork{
        /* visibility: hidden */
    }
    /* .mobcanvas{
        z-index: 10000;
    }
    #mobileMenuOffCanvas{
        z-index: 10000;
    }
    .mobilemenu{
        display:block;
        position: fixed;
        left:0px;
        top:0px;
        z-index: 10000;
        width:100%
    } */
    .fullscreen{
        visibility:hidden;
        display: none 
    }
    .minscreen{
        display:inline
    }
    .visiblefooter{
        display: none
    }
    .MobileITManagerPanel{
        /* width:100%;
        height: auto;
        position: fixed;
        left:0px;
        bottom: -135px */
    position: fixed;
    left:5px;
    height: auto;
    width: 100%;   
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 1s ease-in-out; /** Firefox **/
    -o-transition: all 1s ease-in-out; /** Opera **/
    }
    .ITManagerPanel{
        /* position: absolute;
        width:90%;
        height: auto;
        left:10%;
        top: 90%;
        z-index: 1000;
        border-radius: 3px; */
        /* display: none;
        visibility: hidden */

    }
}
.panel-map{
    height: auto;
    padding: 5px;
    position: relative ;
}
.fontColorBlack{
    color:black !important
}
.clearmapobject{
    
    
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
 }
 .clearmapobject1{
    display:flex
 }
.car{
    
    cursor: pointer;
    width: 22px!important;
    height: 22px;
    margin: 10px
    
}
.close-button, .close-button.medium {
    /* left: 1rem !important */
}
.arrowdown{
    
    width: 22px!important;
    height: 22px;
    margin: 10px;
    margin-left: -10px
}
.marginbottom{
    margin-top:-10px ;
    margin-bottom: 10px
}
.flexmanagerpanel{
    display:flex;
    justify-content: flex-start ;
    align-items:center
}

.route{
    cursor: pointer;
    width: 22px!important;
    height: 22px;
   
}
.hotel{
    cursor: pointer;
    width: 22px!important;
    height: 22px;
   
}
.buttonAppPointClass{
    background-color: #2194da
}
.colorWhite{
    color: #fff
}
.question{
    width: 14px;
    height: 14px;
    cursor: pointer
}
.my-balloon{
   width:250px;
   height: auto;
   padding: 5px;
   background-color: white; 
   border-color: black;
   border-width: 1px;
   border-style: solid
}
.my-balloon-hotel{
    width:auto;
    height: auto;
    padding: 5px;
    background-color: white; 
     }
.close{
    float: right;
    margin-right: 5px;
    
}
.fontlink{
    font-size: 8px;
}
.panelfor{
    width:315px;
    min-width: 30px;
    max-width: 315px;
   /* margin-bottom: 20px*/
    
}
.callout{
    border: none;
}
.bmarg{
    margin: 10px;
}
.inputTravelers{
    background-color: white;
    border-bottom-style: solid;
    border-width: 1px;
    cursor: pointer !important
    /* font-size: medium */
}
.messageglobal{
    
}
.messagedialog{
    z-index: 1000;
    position: absolute;
    
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    /*
    display: flex;
    justify-content: center;
    align-items: center;*/
}

.loader{
   
    z-index: 1000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color:darkgrey;
    opacity: 0.6;
    filter: alpha(Opacity=60);
    display: flex;
    justify-content: center;
    align-items: center;
    
    
}
.closeLeftOffCanvace{
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.loaderText{
    text-align: center;
    color: black;
    position: absolute;
    top:60%;
    left:30%
}
.styleLines{
    top:50%;
    margin-left: -10px
}
.hotelcart{
    background-color:white;
    /* width: 550px; */
    height: 100%;
    padding-top: 30px;
    padding-right: 10px

}
.hotelcart1{
    padding: 5px
}
.closebutton{
    padding-bottom: 10px
}
.closeb{
    margin-bottom: 10px
}
.PreLoading-Lines {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;  
    height: 100%; width: 100%;
  }
  
  .Lines-shape {
    animation: Lines 1.2s ease-in-out infinite;  
  }
  
  .Lines-shape:nth-of-type(2) {
    animation-delay: .2s;
  }
  
  .Lines-shape:nth-of-type(3) {
    animation-delay: .4s;
  }
  
  .Lines-shape:nth-of-type(4) {
    animation-delay: .6s;
  }
  
  @keyframes Lines {
    0% {
      transform: scaleY(1.2);
    }
    50% {
      transform: scaleY(.5);
      opacity: .5;
    }
    100% {
      transform: scaleY(1.2);    
    }
  }
  .circle {
    
    width: 20px;
    height: 20px;
    
    display: flex;
    justify-content: center;
  align-content: space-between;
  align-items: center;
  flex-direction: column;
    
  }
  .circleIn {
    
    width: 20px;
    height: 20px;
    background: rgb(212, 208, 208);
    -moz-border-radius: 10px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
  align-content: space-between;
  align-items: center;
  flex-direction: column;
    
  }
.znakinCircle{
    display: inline-block;
    
    font-size: 25px;
    
    color:rgb(0, 153, 255);
    cursor: pointer
}
.znakin{
    display: inline-block;
    
    font-size: 15px;
    
    
}
.padleft{
    padding-left: 5px
}
.simbolV{
    color:rgb(0, 153, 255);
    font-weight: bold
}
.revealClass{
    width: 500px;
    
}
.navPanelOnMap {
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    max-width: 200px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.enptyPanel{
    width:100%;
    height:10px;
    margin: 10px
}

.title-bar{
    background-color: #2194da !important
}
.hotelpanel{
    height: 100%
}
.widt{
    height: 100%
}
.deletepen{
    width: 20px;
    height: 20px
}
.it-toolbar-custom{
    /* border-style: solid;
    border-color:gray;
    border-width: 1px; */
    padding: 5px !important
}
.it-wrapper-custom{
    border-style: solid;
    border-color:gray;
    border-width: 1px; 
    padding: 5px;
    /* height:650px !important */
}
.it-editor-custom{
    /* border-style: solid;
    border-color:gray;
    border-width: 1px; */
    padding: 5px;
    
    /* height: 100% !important */
}