/* CSS code icons from http://codepen.io/jthiller/pen/icDtL */
            .circlePulse {
              position: relative;
              margin: 0 auto;
              padding: 0;
              width: 0;
              height: 0;
              &:before {
                position: relative;
                top: -.8em;
                left: -1em;
                display: block;
                box-sizing: border-box;
                margin: 0 auto;
                width: 2em;
                height: 2em;
                border: .5em solid lighten($color, 90);
                border-radius: 100%;
                content: "";
                transform-origin: center;
                animation-name: inOut;
                animation-duration: 1s;
                animation-timing-function: ease-in-out;
                animation-iteration-count: infinite;
                animation-direction: alternate;
              }
              &:after {
                position: absolute;
                top: -.8em;
                left: -1em;
                display: block;
                box-sizing: border-box;
                margin: 0 auto;
                width: 2em;
                height: 2em;
                border: .2em solid lighten($color, 90);
                border-radius: 100%;
                content: "";
                transform-origin: center;
                animation-name: inOut;
                animation-duration: 1s;
                animation-timing-function: ease;
                animation-delay: -.5s;
                animation-iteration-count: infinite;
                animation-direction: alternate;
              }
            }

            @keyframes inOut {
              from {
                transform: scale(0);
              }
              to {
                transform: scale(1);
              }
            }

            .blueCircle {
              width:100px;
              height:100px;
              border-radius:50px;
              background:linear-gradient(to bottom, #40b3ff, #09f);
            }
            .circleOut {
              position: relative;
              margin: 0 auto;
              padding: 0;
              width: 0;
              height: 0;
            }
            .circleOut:before {
              position: relative;
              top: -.8em;
              left: -1em;
              display: block;
              -moz-box-sizing: border-box;
                   box-sizing: border-box;
              margin: 0 auto;
              width: 2em;
              height: 2em;
              border: 0.5em solid #FA8258;              
              border-radius: 100%;
              content: "";
              -webkit-transform-origin: center;
                  -ms-transform-origin: center;
                      transform-origin: center;
              -webkit-animation-name: fadeOut;
                      animation-name: fadeOut;
              -webkit-animation-duration: 1s;
                      animation-duration: 1s;
              -webkit-animation-timing-function: ease-in-out;
                      animation-timing-function: ease-in-out;
              -webkit-animation-delay: -1s;
                      animation-delay: -1s;
              -webkit-animation-iteration-count: infinite;
                      animation-iteration-count: infinite;
              -webkit-animation-direction: forwards;
                      animation-direction: forwards;
            }
            
            .circleOut:after {
              position: absolute;
              top: -.8em;
              left: -1em;
              display: block;
              -moz-box-sizing: border-box;
                   box-sizing: border-box;
              margin: 0 auto;
              width: 2em;
              height: 2em;
              border: 0.2em solid #FA8258;
              border-radius: 100%;
              content: "";
              -webkit-transform-origin: center;
                  -ms-transform-origin: center;
                      transform-origin: center;
              -webkit-animation-name: fadeOut;
                      animation-name: fadeOut;
              -webkit-animation-duration: 1s;
                      animation-duration: 1s;
              -webkit-animation-timing-function: ease;
                      animation-timing-function: ease;
              -webkit-animation-delay: -.5s;
                      animation-delay: -.5s;
              -webkit-animation-iteration-count: infinite;
                      animation-iteration-count: infinite;
              -webkit-animation-direction: forwards;
                      animation-direction: forwards;
            }
            .circleOut:hover:before {
              position: relative;
              top: -.8em;
              left: -1em;
              display: block;
              -moz-box-sizing: border-box;
                   box-sizing: border-box;
              margin: 0 auto;
              width: 2em;
              height: 2em;
              border: 0.5em solid #0000FF;              
              border-radius: 100%;
              content: "";
              -webkit-transform-origin: center;
                  -ms-transform-origin: center;
                      transform-origin: center;
              -webkit-animation-name: fadeOut;
                      animation-name: fadeOut;
              -webkit-animation-duration: 1s;
                      animation-duration: 1s;
              -webkit-animation-timing-function: ease-in-out;
                      animation-timing-function: ease-in-out;
              -webkit-animation-delay: -1s;
                      animation-delay: -1s;
              -webkit-animation-iteration-count: infinite;
                      animation-iteration-count: infinite;
              -webkit-animation-direction: forwards;
                      animation-direction: forwards;
            }
            .circleOut:hover:after {
              position: absolute;
              top: -.8em;
              left: -1em;
              display: block;
              -moz-box-sizing: border-box;
                   box-sizing: border-box;
              margin: 0 auto;
              width: 2em;
              height: 2em;
              border: 0.2em solid #0000FF;
              border-radius: 100%;
              content: "";
              -webkit-transform-origin: center;
                  -ms-transform-origin: center;
                      transform-origin: center;
              -webkit-animation-name: fadeOut;
                      animation-name: fadeOut;
              -webkit-animation-duration: 1s;
                      animation-duration: 1s;
              -webkit-animation-timing-function: ease;
                      animation-timing-function: ease;
              -webkit-animation-delay: -.5s;
                      animation-delay: -.5s;
              -webkit-animation-iteration-count: infinite;
                      animation-iteration-count: infinite;
              -webkit-animation-direction: forwards;
                      animation-direction: forwards;
            }

            @-webkit-keyframes fadeOut {
              0% {
                -webkit-transform: scale(0);
                        transform: scale(0);
              }
              50% {
                opacity: 1;
              }
              100% {
                -webkit-transform: scale(1);
                        transform: scale(1);
                opacity: 0;
              }
            }

            @keyframes fadeOut {
              0% {
                -webkit-transform: scale(0);
                        transform: scale(0);
              }
              50% {
                opacity: 1;
              }
              100% {
                -webkit-transform: scale(1);
                        transform: scale(1);
                opacity: 0;
              }
            }
    
  
  .booking-count {
          text-align: center;
    position: absolute;
    top: 20em;    width: 40px;
    right: 0.5em;
    padding: 5px;
    background: rgba(255,255,255,.4);
    border-radius: 5px;
   
      }

.booking-control {
    top: 7.3em;
    right: .5em;
     background: #555 !important;
}

.order-control {
    top: 7.5em;    right: .5em;
     background: #555 !important;
}
.messages-control {
       top: 7.5em;    right: .5em;
     background: #555 !important;
}

.calls-control {
          top: 14.5em;   right: .5em;
     background: #555 !important;
}

.announcement {
    padding: 10px;

}

    .announcement .name {
        width: 65%;
    }
 .announcement .selectall {
        width: 20px;
        height: 20px;
    }

.announcement .message {
          width: 85%;
          margin-top: 5px;
    height: 50px;
    }
    .announcement .sendMessage {
        
    cursor: pointer;
    color: #fff;
    padding: 1px;
    margin-left: 7px;
    padding-left: 5px;
    padding-right: 5px;
    background: #ffc83e;
    border: 0;
    height: 30px;
    width: 60px;
        margin-top: 5px;
    }

.Messages_List {
padding:8px
}
.Message_item {
    width:100%;
    height:80px;
    background:#fff;
    padding:5px;
    margin-bottom:5px;
        border-bottom: 1px solid #ccc;
        border-radius: 3px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(168,166,168,0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(168,166,168,0.5);
    box-shadow: 0px 0px 2px 0px rgba(168,166,168,0.5);

}

   .Message_item .DriverName{
        width:33%;
        display:inline-block;
            margin-left: 10px;
            font-weight: bold;
            margin-top: 0px;
            margin-bottom: 10px;

    }
    .Message_item .Message{
        width:63%;
        display:inline-block;
         margin-top: 0px;
            margin-bottom: 10px;
    }
     .Message_item .CustomerName{
        width:67%;
        display:inline-block;
         margin-top: 0px;
            margin-bottom: 10px;
    }
      .Message_item .CustomerPhone{
        width:33%;
        display:inline-block;
         margin-top: 0px;
            margin-bottom: 10px;
    }
       .Message_item .CustomerAddress{
        width:100%;
        display:inline-block;
          margin-top: 0px;
            margin-bottom: 10px;
    }
      

.show-notification {
     top: 0.5em;
    left: 12em;
   
}
.show-queue {
     top: 260px;
    left: 6px;
   
}
.show-regions {
   top: 0.5em;
    left: 14em;
   
}
.mapBTNactive
{
    background:#555!important;
}
 
    .map:-moz-full-screen {
        height: 100%;
      }
      .map:-webkit-full-screen {
        height: 100%;
      }
      .map:-ms-fullscreen {
        height: 100%;
      }
      .map:fullscreen {
        height: 100%;
      }
      .ol-rotate {
        top: 3em;
      }

    
      #dvmap .ol-zoomslider {
        background-color: transparent;
        top: 2.3em;
      }

      #dvmap  .ol-zoom .ol-zoom-out {
           margin-top: 202px;
      }
      #dvmap .ol-zoomslider {
        top: 2.75em;
      }

      #dvmap .ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
      #dvmap .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] {
        top: 3px;
      }

      #dvmap .ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
      #dvmap .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] {
        top: 232px;
      }

    #dvmap {
  
  background: url(../img/map-background.jpg) repeat;
  margin-bottom: 10px;
}

       .rtl_td{
            direction:ltr;
        }
        .map_view_bookings_list tr{

            background:#FFF;
        }

        .map_view_bookings_list tr:hover{

            background:#ddd;
        }

        .action_label{

            color:blue;
            font-weight:bold;
            cursor:pointer;
        }

        .action_label:hover{
            text-decoration:underline;
        }

        ul.radiobutt li {
            color: #AAAAAA;
            display: inline;
            position: relative;
            width: 100%;
            height: 100px;
        }
        html {
        height:100%!important;       overflow: hidden; 
        }
#wrap {
    height: 100% !important;
}
            ul.radiobutt li input[type=radio] {
                position: absolute;
                visibility: hidden;
            }

            ul.radiobutt li label {
                display: inline-block;
                position: relative;
                font-weight: 300;
                font-size: 14px;
                padding: 1px 14px 19px 33px;
                margin: 3px auto;
                height: 10px;
                z-index: 9;
                cursor: pointer;
                -webkit-transition: all 0.25s linear;
            }



            ul.radiobutt li .check {
                display: block;
                position: absolute;
                border: 3px solid #AAAAAA;
                border-radius: 100%;
                height: 18px;
                width: 18px;
                top: -3px;
                left: 13px;
                z-index: 5;
                transition: border .25s linear;
                -webkit-transition: border .25s linear;
            }

                ul.radiobutt li .check::before {
                    display: block;
                    position: absolute;
                    content: '';
                    border-radius: 100%;
                    height: 10px;
                    width: 10px;
                    top: 2px;
                    left: 2px;
                    margin: auto;
                    transition: background 0.25s linear;
                    -webkit-transition: background 0.25s linear;
                }

        input[type=radio]:checked ~ .check {
            border: 2px solid #393C3A;
        }

            input[type=radio]:checked ~ .check::before {
                background: #393C3A;
            }

        input[type=radio]:checked ~ label {
            color: #121312;
        }

        .towed-color {
    color: #a264e7;
}
        .arrow-leftright {
            width: 30px;
            height: 30px;
            float: left;
        }

        .arrow-rightleft {
            width: 30px;
            height: 30px;
            float: right;
            border: 1px solid #eee;
        }

        .pad {
              width: 33.3%;
        }


        .nav-tabs {
            margin: 0;
                padding: 0;
        }

        .tab-content {
                   background: #fafafa!important;
                               border: 0;

        }
           .tab-pane {
            border: 0;
                   background: #fafafa!important;
        }
        .panel-body {
            height: 100%;
        }
        .act th{
         
    margin-right: 5px;
    border-radius: 5px;
   
        text-align: center;
        }
               .act th .active{

   
        }
               td{
                   border:0!important;
               }.alltable > tbody > tr > td, .alltable > tfoot > tr > td {
    padding: 0;
    padding: 1px;
    text-align: center;
}
                nav ul ul li {
   
    width: 100%!important;
}
                  .modal-dialog{
            right: 0;
    margin: 0;
    padding: 0;
    padding-top: 40px;
    width: 200px;        left: 100%;
        }

                  
    .close-x{
        text-align:center;
        width: 30px;
        height: 30px;
        font-size: 19px;
        position: absolute;
     
    }
    .close-x:hover{
        border:1px solid #b4b9c1;
        background:#a1a1a1;
        border-radius:5px;
        cursor:pointer;
        color:white;
    }

      #send_to_all[disabled]{

            background-color: #a1a1a1 !important;
             border-color: #a1a1a1 !important;

    }
      
    .Book_Dialog,.Book_Success{
            z-index: 2147483648 !important;
         
            overflow:hidden;
    }

    .Book_Dialog:active,.Book_Success:active{
            border:none !important;
    }

    #drivers_popup_list b{

        text-align:center;
    }

.driver-counter {
     width: 30px; transition:width 0.5s;
    -webkit-transition:width 0.5s; /* Safari */
    margin-bottom:5px;
    padding:5px ;
    font-size:15px;     height: 30px;
    color:#fff;    
    border-radius:5px;
    background:#555;
}
    .driver-counter span {
        opacity:0;

  -webkit-animation:fadeIn ease-in 1;
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:.5s;
  -moz-animation-duration:.5s;
  animation-duration:.5s;
    
    display:none;}
    .driver-counter:hover span{
         -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
    font-size:12px;
  display:inline-block;
  padding-right:10px
    }
   @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
     .driver-counter:hover {
    
    width:150px
    }
.driver-counter.green,.booking-details.green  {
        border-right: 6px solid green;
}
 .driver-counter.red,.booking-details.red  {
        border-right: 6px solid red;

}
.driver-counter.Skyblue,.booking-details.Skyblue  {
           border-right: 6px solid skyblue;

}
.driver-counter.blue,.booking-details.blue  {
       border-right: 6px solid blue;

}
.driver-counter.yellow,.booking-details.yellow  {
       border-right: 6px solid #ffc83e;

}
.booking-card {
    display:inline-block;
    width:22%;
    vertical-align:top;
   
}
.booking-details {
    height:30px; 
    width:57px;
    border-radius:5%; 
     padding:5px;
     text-align:center;
      margin:0!important;
     vertical-align:middle
}
.close_orders_list {
    margin-top: 5px;
    cursor: pointer;
    font-size: 22px;
    background: #f7f7f7;
    text-align: left;
    padding-left: 10px;
    position: relative;
    width: 50px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    -webkit-transition: width .5s;
    transition: width .5s;
    position: absolute;
    top: 45%;
    left: -8%;
}
.booking_table th, .booking_table td{
    text-align:center;height: 30px;
    width: 33%;
}
.booking_table thead {
    background:#e1e1e1;
}
.booking_table td {
        border: 0!important;
            border: 0!important;
    border-left: 1px dotted #ccc!important;
    cursor: pointer;
    /* padding: 5px; */
    text-decoration: underline;
    color: blue;
    font-weight: 700;
    border-left: 1px dotted #ccc!important;
}
.booking_table td:last-child {
border-left:0;
}
.Order_list {
    display: none;
      width: 200px;
    height: 250px;
  position: absolute;
    bottom: 45px;
    left: 50px;

    background-color: #e9ebee;
    background-color: rgba(255,255,255,.4);
    border: 1px dotted #d6d7da !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    overflow: auto;
}    .Order_list::-webkit-scrollbar { 
    display: none; 
}
.Order_item {
        margin: 3px;
    padding: 6px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
        min-height:60px;
    height: auto;
}

.Order_item .Order_num,.Order_item .Order_dirver_name{
     
    padding: 0;
    margin: 0;
}
    .Order_item .Order_num {
    padding: 0;
    padding-left: 5px!important;
    font-size: 12px;
    margin-top: 5px;
    display:inline-block;
    }

    
    .Order_item .Order_dirver_name {
   padding-right: 5px;
    font-size: 14px;
    font-weight: 900;
    cursor:pointer;
    width: 80%;
    display: inline-block;
    }

    .Regions_list {
    display: none;
      width: 200px;
    height: 285px;  position: absolute;
   bottom: 45px;
    left: 50px;
     background-color: #e9ebee;
    background-color: rgba(255,255,255,.4);
    border: 1px dotted #d6d7da !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    overflow: auto;
}
   
.turn_date {     padding: 0;
    float: right;
    padding-left: 5px!important;
    font-size: 12px;
    margin-top: 6px;
    padding-right: 7px;
}
.turn_cname {      padding: 0;
    padding-left: 5px!important;
    font-size: 12px;
    margin-top: 5px;
}
.driver_turn {
    padding: 2px;
    border-radius: 50%;
    display: inline-block;
   cursor: pointer;
    height: 30px;
    width: 30px;
    text-align: center;
 
    font-weight:bolder;
}
.holderOne {
    padding-left: 5px!important;
    padding-right: 5px!important;
}
     .Regions_list::-webkit-scrollbar { 
    display: none; 
}
.Region_item {
 margin: 2px;
    padding: 6px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
    width: 47.5%;
    display: inline-block;
    height: 43px;
    text-align: center;
    transition:all ease-in ;

}
.CustomRegion_item {
     margin: 2px;
    padding: 2px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    cursor: pointer;
    width: 47%;
    display: inline-block;
    height: 43px;
    text-align: center;
    transition: all ease-in;
    font-size: 10px;

}
.Region_item:hover {
 
    background-color: #f9f9f9;
   

}
 .CustomRegions_list::-webkit-scrollbar { 
    display: none; 
}
 .CustomRegions_list {
    display: none;
    width: 200px;
    height: 355px;    position: absolute;
    bottom: 50px;
    left: 50px;
    background-color: #e9ebee;
    background-color: rgba(255,255,255,.6);
    border: 1px dotted #d6d7da !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    overflow: auto;  
}
.Region_item h7 {
 vertical-align: -webkit-baseline-middle;
 font-weight:600;

}
.CustomRegion_item h7{
     vertical-align: -webkit-baseline-middle;
    font-size: 10px;
    display: flex;width: 96%;
    vertical-align: text-top;

}
#drivers_popup_list .dis {
        letter-spacing: -1px;

}
fieldset {
   
    border-left: 1px solid #ccc!important;
}
.ol-control button ,.ol-control button:focus, .ol-control button:hover {
    background-color: transparent!important;
}
.ol-active {    background-color: #ffc83e !important;

}
.ol-control.ol-bar.ol-left .ol-control,
.ol-full-screen.ol-unselectable.ol-control {
    background: #555;
}
.ol-control.ol-bar.ol-left .ol-control:focus , .ol-control.ol-bar.ol-left .ol-control:hover,
.ol-full-screen.ol-unselectable.ol-control:hover,.ol-zoom .ol-zoom-in:hover,.ol-zoom .ol-zoom-in:focus,.ol-zoom .ol-zoom-out:hover,.ol-zoom .ol-zoom-out:focus,button.ol-zoomslider-thumb.ol-unselectable:focus,button.ol-zoomslider-thumb.ol-unselectable:hover {
    background: #a1a1a1!important;
}.ol-zoom .ol-zoom-in {
    border-radius: 2px 2px 0 0;
    background: #555!important;
}.ol-zoom .ol-zoom-out,button.ol-zoomslider-thumb.ol-unselectable {
    border-radius: 2px 2px 0 0;
    background: #555!important;
}
 .ol-control.ol-layerswitcher-image.ol-collapsed {
   
    background: #555;
    margin-top: 5px;
}
.booking_form_btn {
     width: 75px;
    height: 27px;
    background: #ffc83e;
    border: 0;

}
.Order_Title {
    display:none;
background:#555;
color:#fff;
width:100%;
padding:5px;
}
.Order_Title:first-child {
    display:block;
background:#555;
color:#fff;
width:100%;
padding:5px;
}
.Info_Div {
position: absolute;
    bottom: 45px;
    right: 10px;
    width: 270px;
    background-color: rgba(255,255,255,.4);
    border: 1px dotted #d6d7da !important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
    box-shadow: 0px 0px 5px 0px rgba(168,166,168,1);
}
    .Info_Div .Info_Element {
        min-height:100px;

        margin: 3px;
    padding: 6px;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    }
.info_driver_name {
display:inline-block;
font-weight:900;
width:100%
}
.info_car {
    display:inline-block;
    width:20%;
        float:left;font-weight:800;


}
.info_distance {
    width:23%;font-weight:800;float:left

}
.info_date {
    display:inline-block;
        width:25%;margin:0;font-weight:800;

}

.info_trip_time {
        display:inline-block;
            width:25%;
            margin:0;font-weight:800;

}
.info_movement,.info_speed{
    width:20%;
display:inline-block;
vertical-align:top;
    margin:0;
}
.end_div,.start_div,.avg_div,.max_div {
width:35%;
display:inline-block;
text-align:center;
margin:0;
}
.info_movement_start, .info_movement_end,.info_speed_avg,.info_speed_max{
    text-align:center;
        font-weight:800;    margin:0;

}

.start_div,.avg_div {
    margin-left:10px;
border-left:1px dotted #ccc;    margin:0;margin-bottom: 10px;

}
.info_movement_endLBL ,.info_movement_startLBL,.info_speed_avgLBL,.info_speed_maxLBL{
    margin-top:0;
}

.divSep {
    width: 100%;
    border:1px solid #f0f0f0;
   
    margin-top: 5px;
}
.time_div,.speed_div {
    width:50%;
    display:inline-block;
    text-align:center
}
.start_icon ,.stop_icon{
font-size: 30px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;

}
.PanelDiv {
background:#e1e1e1;
}
.SSPanel {
    text-align: center;
}
.delete_link {
cursor:pointer;
color:#fff;   padding:1px; padding-left: 5px;
    padding-right: 5px;
background:#ffc83e;
float:left;    border-radius: 5px;
}
.Info_Element .fa,.Info_Element .icon-calendar {
    padding-left:8px;
}
.landmark_list {
   display: none;
    height: auto;
    background: #fff;
    margin: 3px;
    border: 1px solid #ccc;
    border-radius: 7px;
    margin-right: 0;margin-top: 15px;
}
.Lnfmrk_input {
    width: 96%;
}
 .easy-autocomplete {
    display: inline-block;
}
.showDiv {
display:inline-block;
        width: 20px;
        cursor:pointer;vertical-align: middle;
}
    .showDiv i {
       font-size: 17px;
    background: #555;
    color: #fff;
    padding: 3px;
    border-radius: 5px;
    }
.SelectOption {
    border-bottom: 1px dotted #e1e1e1;
     padding: 6px;
    font-size: 12px;
    cursor:pointer
}
.col_md_8 {
    width: 200px;
}
.map_view_order_list {
 padding: 6px;
}
.addbooking{
        border: 1px solid #e1e1e1;
    background: #fff;
    padding:5px;
    padding-bottom:10px;
}
.bookListDiv {
    cursor:pointer;border-bottom:1px solid #ccc;padding:5px;
}
.bookListDiv:first-child{
border-top:1px solid #ccc;
}

.Search_Div input {   cursor:text

}

.Search_Div {
    position: absolute;
    height: 30px;
    width: 27%;    background: #555;
    top: 7px;
    right: 46px;
    border-radius: 4px;
}
.dialog {
       height: auto;
    width: 100%;
}
    .dialog button {
            border: 0;
    background: #ffc83e;    height: 23px;
    }
.RegionFilter {
        height: 24px;    margin-top: 4px;
}
    .RegionFilter input {
   cursor:text
         }
    .RegionFilter input:focus {
        border:0 !important;
        text-shadow:none!important;
    }


    .DeleteLandmark{
        border: 1px solid #e1e1e1;
    background: #fff;
    padding:5px;
    padding-bottom:10px;

}
.Delete_Landmark .modal-content,.Delete_Msg .modal-content ,.Replay_ToMsg .modal-content{
    width:300px;
}
.Replay_ToMsg .modal-dialog,.Delete_Msg .modal-dialog{
        right: 100%!important;
    left: 0!important;
    margin: 30px!important;
}
.Delete_Landmark,.Replay_ToMsg,.Delete_Msg{
    
   
     overflow-y: hidden;
}
.Search_Div .easy-autocomplete {
width:100%!important
}
#addItem {
cursor:pointer;
}
#chkveg {
        width: 100%;
}

#texmsg {    resize: none;


}


   .context-menu {
       display: none;
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    list-style: none;
    padding: 5px;
    width: 30%;    font-family: "JF Flat Regular";
}

.context-menu li {
    padding: 8px 12px;
    cursor: pointer;
    border-bottom:1px dotted #e1e1e1;

}
.context-menu li:last-child {
   
    border-bottom:0;
}


.context-menu li:hover {
    background-color: #DEF;
}