/*.p-screen-panel .p-header-panel {
    margin: 10px !important;
}*/
.p-screen-panel .p-header-panel .x-panel-body-default {
    background: #1B3127;
}
.p-screen-panel .p-logo .innerLogo {
    background: transparent;
}

.p-screen-panel .p-header-panel .x-btn-default-small-over, .p-screen-panel .p-header-panel .x-btn-default-small.x-menu-active {
    background:#24ab4f !important;
 }
 .p-screen-panel .p-header-panel .x-panel-body-default .x-btn-default-small.menuHighlights, .p-screen-panel .p-header-panel .x-panel-body-default .x-btn-default-small.menuHighlights.x-btn-over {
    background:#24ab4f !important;
    text-decoration:none;
 }
 .p-dropdown-menu .x-menu-body {
    background:#24ab4f;
/*    width: 230px !important;*/
}
 .p-dropdown-menu .x-vertical-box-overflow-body {
/*    width: 230px !important;*/
}
.p-dropdown-menu .x-menu-item, .p-dropdown-menu .x-menu-item:hover, .p-dropdown-menu .x-menu-item-active:hover {
    background:#24ab4f !important;
}
.p-screen-panel .p-header-panel .x-panel-body-default .x-btn-default-small {
    border-radius: 5px 5px 0 0;
}
.p-dropdown-menu {
    border-radius: 5px;
    margin: -5px 0  0 0;
/*    width: 230px !important;*/
}
.p-dropdown-menu .x-menu-item {
/*    width: 230px !important;*/
}
.p-dropdown-menu .x-menu-item-link:hover, .p-dropdown-menu .x-menu-item:hover {
    background: #2cb959 !important;
}
.p-dropdown-menu .x-menu-item-arrow {
    background-image: url(../../../extjs/resources/css/images/menu/tawasul-menu-parent.png);
    right: 5px;
}

.topMenu {
    margin:22px 0 0 0;
    padding: 0;
    display: flex;
    justify-content: end;
    list-style-type: none;
    align-items: center;
 }
 .topMenu li {
    margin: 0 10px;
 }
 .topMenu li a {
    text-decoration:none;
    position: relative;
 }
 .topMenu li a.welcome {
    color: #ffffff;
    font-weight: 600;
    font-size: 14px;
 }
 .topMenu li.notificationLi {
    margin: 0 15px 0 10px;
 }
 .topMenu li.notificationLi a span {
    position: absolute;
    width: 19px;
    height: 19px;
    text-align: center;
    color: #ffffff;
    background: #f41e02;
    border-radius: 100%;
    top:-8px;
    right:-8px;
    display: flex;
    justify-content: center;
    align-items: center;
 } 
 .topMenu li img {
    margin: 3px 0 0 0;
 }
 
 .user-dropdown-wrapper:hover .user-dropdown-content {
     display: block;
   }
   .user-dropdown-content ul li {
    margin: 0;
   }
   .p-screen-panel .p-icons-top i {
    font-size: 25px;
   }
   .user-dropdown-wrapper {
    padding: 0;
   }
   .p-screen-panel .x-btn-default-small.panel-arrow-left {
    border: solid 1px #1B3127;
    background: #1B3127;
}
.p-right-panel {
    background: #1B3127;
}
/*.poi-panel {
    background: #ffffff;
    border-radius: 8px 0 0 8px;
}
.poi-panel a {
    border: 0;
    background:#f6f6f6;
    border-radius: 5px;
    padding: 5px;
    margin: 5px 2px;
    min-height: 62px;
    color:#3e4142;
}
.poi-panel a:hover {
    background:#f6f6f6;   
}
.poi-panel a i {
    margin: 5px 5px 8px 0;
}

.p-screen-panel .p-geofence-map-panel {
    padding: 10px 0 0 0 !important;
}*/

/*.p-right-panel {
    position: absolute !important;
    right: 15px !important;
    left: auto !important;
    top: 175px !important;
    height: 48% !important;
    border-radius: 8px;
    background: #ffffff;
}
.p-right-panel a.menu-icons {
    color:#3e4142;
    border: 0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.poi-panel {
    right: 85px !important;
    left: auto !important;
    margin: -2px 0 0 0 !important;
}
.poi-panel a.export-kml {
    padding: 0;
}
*/

.poi-panel a, .poi-panel a:hover { 
    background:#179941;
}
.x-window.p-popup-window .x-window-header-default-top, .x-window.x-message-box .x-window-header-default-top {
    background: #1B3127 !important;
    border-color:  #1B3127 !important;
}
.p-screen-panel .x-window.p-popup-window.x-window-default, .p-screen-panel .x-window.x-message-box {
    border-color: #1B3127 !important;  
}
.x-window.x-message-box .x-window-header-default .x-tool-img {
   background-color: #1B3127; 
}


.x-window.p-popup-window .x-btn-default-small.toolbar-white-btn .icon-doc-te {
    color: #ffffff;
}

.x-window.p-popup-window .x-btn-default-small.toolbar-white-btn .x-btn-icon-el {
    margin: 0;
}
.p-screen-panel .left-col-box .x-grid .x-column-header {
    background: #1B3127;
}
.p-screen-panel .left-col-box .x-column-header-over {
    background-color:#1B3127;
 }

 .p-screen-panel .left-col-box .x-column-header-open {
    background-color:#1B3127;
 }
 .p-screen-panel .left-col-box .x-column-header-trigger {
    background-color: #1B3127;
    border-color: #1B3127;
    
 }
 .p-screen-panel .search-option-toolbar .search-dropdown.vehicle-dropdown .x-form-trigger-wrap .x-form-trigger {
    background-color: #179941;
    border-color: #179941;
 }
 .x-window.p-popup-window.vehicleInfoWindow .x-window-header-default-top .x-header-text-container {
   color: #ffffff;
 }
 .x-window.p-popup-window.vehicleInfoWindow .x-window-header-default-top .x-header-text-container {
    color: #ffffff;
 }
 .p-screen-panel .x-window.rightPanel-window .window-btns {
    color: #179941;
 }
 .p-main-panel .x-btn-default-toolbar-small.small-btns, .p-main-panel .page-btn.x-btn, .p-photo-upload .x-btn, .p-main-panel .x-btn-default-small.small-btns.p-cancel {
    background-color: #179941 !important;
    border-color: #179941 !important;
 }
 .p-main-panel .x-btn-default-toolbar-small-over, .p-main-panel .page-btn.x-btn.x-btn-default-small-over, .p-photo-upload .x-btn.x-btn-default-small-over {
    background-color: #179941 !important;
    border-color: #179941 !important;
 }
 .p-screen-panel .x-tab-bar-default {
    background-color: #179941;
 }
 .p-screen-panel .x-tab-bar-default .x-tab-default-top {
    background-color: #179941;
 }
 .p-screen-panel .x-tab-bar-default .x-tab-default-top-active {
    background-color: #ffffff;
 }
 .right-menu-hide .p-right-panel  {
    display: none;
 }
 .right-menu-show .p-right-panel  { /*teju*/
    display: block;
 }
 .x-window.p-popup-window .x-window-body-default {
    background: transparent;
 }
 .p-screen-panel .x-btn-default-small, .p-screen-panel .x-btn-default-small.cancel-btn {
    background: #24ab4f;
 }
 .p-screen-panel .x-btn-default-small.x-btn-over, .p-screen-panel .x-btn-default-small.cancel-btn.x-btn-over {
    background:#2cb959;
 }

 .p-right-panel  .p-logo ,  .p-right-panel .x-panel-body {
    height: 400px !important;
 }
 .poi-panel a {
    background:#1B3127   ;
    border: 0;
    border-left:solid 1px rgba(255, 255, 255, 0.3)
}
.poi-panel a:hover {
    background:#1B3127;  
}
.poi-panel {
    background:#1B3127;
}
.p-right-panel a.menu-icons {

    border-bottom: solid 1px rgba(255, 255, 2550, 0.2);
    border-top: solid 1px rgba(255, 255, 2550, 0.1);
}
.backLink, .notification-link {
    border: 0;
    border-radius: 0;
    padding: 0;
}
.user-dropdown-content {
    top:50px;
    border-radius: 5px;
}