@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
/*font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
html,body{
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #001835;
    background:#F8F8FB;
}
.col-btn{
    position: absolute!important;
    left: -36px!important;
    width: 20px!important;
    border-radius: 0!important;
    background: #007279!important;
    color: #fff!important;
    border: 0!important;
    height: 41px!important;
    top: 0!important;
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
}
html {
    min-height: 100%;
    position: relative;
  }
  body {
    margin: 0;
    min-height: 100%;
    background-color: #f8f8fb!important;
    padding-top: 71px;
    padding-bottom: 248px;
  }
.navbar {
	background-color: #fff;
    box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.02);
	margin-bottom: 0;
    border: none;
}
.navbar-default {
    padding: 10px 0!important;
    background-color: #007279;
    border: none;
    border-radius: 0;
    height: 71px;
    margin-bottom: 0;
    box-shadow: 0px 4px 30px 5px rgb(0 0 0 / 5%);
}
.g-header {
    font-size: 24px;
    color: #2b2b2b;
    background-color: #F5F7F8;
    margin: 0;
    padding: 0 15px;
    line-height: 56px;
    height: 58px;
    display: block;
    width: 100%;
    font-weight: bold;
    margin-bottom: 20px;
}
.navbar-default {
    background-color: #fff;
    border: none;
    border-radius: 0;
}
.gd-title-geodash img {
    display: block;
    height: 65px;
    margin-right: 5px;
}
.navbar-brand .gd-title-geodash {
    padding: 0;
    margin: 0 0 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 217px!important;
}
.navbar-fixed-top
{
    height: 72px;
}
.navbar-brand {
    width: 183px;
    margin-left: 0 !important;
    height: 49px;
    border-radius: 0;
    color: #ffffff !important;
    font-size: 29px!important;
    line-height: 30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700!important;
    padding: 0;
    margin: 0px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
#navbar {
    margin-top: 16px;
}
.nav-left {
	padding-left: 20px;
}
.navbar-right
{
    margin-right: 0;
}
.layers .navbar-fixed-top
{
    top: 0;
}
.navbar-default .navbar-nav>li>a {
    font-size:15px;
    font-family: 'Roboto';
    font-weight: 500;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #2975AB;
}
*:focus {
    /*outline: none;*/
    outline: 0;
}
a:focus {
    /*outline: none;*/
    outline: 0;
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.radio, .checkbox {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 20px;
    padding-left: 20px;
}
.btn{
    padding:8px 12px;
    border-radius: 4px;
    box-shadow: none !important;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.btn-primary {
    background-color: #376b7f !important;
    border-color: #376b7f !important;
    color: #fff;
}
.u-form .form-group {
    margin-bottom: 15px;
    display: -webkit-box;
}
.table.custom-table{
    color: #232326;
    border:1px solid #ebebeb;
}
.table.custom-table > thead > tr > th, .table.custom-table > tbody > tr > th, .table.custom-table > tfoot > tr > th, .table.custom-table > thead > tr > td, .table.custom-table > tbody > tr > td, .table.custom-table > tfoot > tr > td{
    /*border-top: none;*/
    font-weight: 400;
    /*border-top: 0;*/
}
/*.table.custom-table > thead{
    border: 1px solid #fff;
}*/
.table-hover > tbody > tr:hover {
    background-color: transparent;
}
.tablecustom-table > thead > tr > th{
    border-bottom: 1px solid #D1CFD7 !important;
}
.table-striped > tbody > tr:nth-of-type(odd){
    background-color: #fff;
}
#select-location-map{
    border-radius: 8px;
    height: calc(100vh - 240px) !important;
}
.leaflet-left{
     width: 100%;
}
.leaflet-left .leaflet-control{
    float: none;
    width: 100%;
}
.leaflet-top.leaflet-left .leaflet-control{
    width: auto;
    float: left;
}
.bottom-message-control{
    width: 100% !important;
    height: 40px !important;;
    text-align: left !important;;
}
.container
{
    width: 1325px;
}
label
{
    color: #363636;
}
#id_email {
    background-color: #fff;
    background-image: none;
    border: 1px solid #e1e4e8;
    border-radius: 4px;
    box-shadow: unset!important;
    color: #555;
    display: block;
    font-size: 14px;
    height: 32px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.block-separator{
    height: 1px;
    width: 100%;
    margin-bottom: 20px;
}
.fa.fa-delete,
.fa-delete .fa{
    color: #ff696f;
}
.fa.fa-stack-1-5x{
    font-size: 1.5em;
}
.fa.fa-stack-point-8x{
    font-size: .8em !important;
}
.fa-layers-group{
    margin-top: 5px;
}
.fa-layers {
    font-size: .9em !important;
    transform:rotate(50deg) skewX(24deg) skewY(12deg);
    -webkit-transform:rotate(50deg) skewX(24deg) skewY(12deg);
    -ms-transform:rotate(50deg) skewX(24deg) skewY(12deg);
}
.gd-footer-language{
    margin: 0;
    padding: 0;
    margin-top: 17px;
    color: #000;
    margin-left: 40px;
}
@media (max-width: 767px) {
  .gd-footer-language{
    float:left;
    margin-top: 10px;
    padding-bottom: 25px;
  }
.footer-admin-app{
    margin-left: 35px;
  }
 .ssl-certify-logo{
    margin-left: 25px;
  }
 }
 .footer-admin-app{
    margin-top:40px;
    color:#fff;
 }
 .footer-admin-app a img{
    margin-top:5px;
    width:65px;
 }
/* start common list style */

/* end common list style */

/* start search-type list style */
ul.search-type {
    padding: 15px 0px;
    margin: 0;
}
ul.search-type li {
    float: left;
    display: block;
    position: relative;
}
ul.search-type li ul li {
    float: none;
}
ul.search-type li a {
    padding: 0 10px;
}
ul.search-type li a ,
ul.search-type li a .fa{
    color: #c0c1c3;
}
ul.search-type li.has-caret a {
    color: #5a5d63;
}
ul.search-type li a:focus,
ul.search-type li a:hover {
    text-decoration: none;
}
ul.search-type li.active a {
    color: #3896e2;
}
ul.search-type li.active a .fa {
    color: #5a5d63;
}
ul.search-type.separator li a {
    border-right: 1px solid #c0c1c3;
}
ul.search-type.separator li:last-child a {
    border-right-width: 0px;
}
/* end search-type list style */
/* start user-actions list style */
ul.user-actions li {
    float: left;
    display: block;
    position: relative;
}
ul.user-actions li a {
    padding: 0 50px;
    border-right: 1px solid #c0c1c3;
}
ul.user-actions li:last-child a ,
ul.user-actions li:last-child a .fa{
    border-right-width: 0px;
}
ul.user-actions li a .fa{
    font-size: 20px;
    font-weight: normal;
}
.search-ad{
    width:180px;
    -webkit-border-radius: 10px ;
    -moz-border-radius: 10px ;
    border-radius: 10px ;
}
/* for grid view */
.user-details .grid-container {
    background: #007279;
    border: none;
    border-radius: 0;
    padding: 15px;
    height: 83px;
    box-shadow: none;
}
.user-details .grid-container .top-content .designation{
    color: #FFFFFF;
}
.grid-container{
    border-radius: 4px;
    margin-bottom: 0;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.14);
}
.grid-container.box-shadow {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
}
.grid-container.transparent{
    background: transparent;
}
.grid-container.maigin-false {
    margin-bottom: 0px;
    padding: 10px 30px;
}
.grid-container .top-content .designation{
    font-size: 10px;
    font-weight: 600;
}
.grid-container .top-content .details.pro-org{
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 20px;
    min-height: 50px;
}
.grid-container .top-content .buttons .fa{
    color: #FFF;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 16px;
    width: 15px;
}
.grid-container .user-info.buttons ul{
    padding:0 20px;
    margin:0px;
    margin-bottom: 20px;
}
.grid-container .user-info.buttons ul li{
    list-style: none;
}
.grid-container .user-info.buttons ul li a{
    margin-bottom: 10px;
    text-align: center;
}
.aHeightFix{
    height: 120px;

}
.grid-container .top-content .avater a{
    font-weight: 700;
    font-size: 15px;
    color: #3896e2;
}
.grid-container .top-content .avater .avater-img{
    margin:0 auto;
    height: 150px;
    display: table;
}

.grid-container .top-content .avater .avater-img-mid img{
    margin:15px;
    width:150px;
    text-align: center;
}
.grid-container .top-content .avater .avater-img-mid{
    vertical-align:middle;
    display:table-cell;
}
.grid-container .top-content .avater .txt{
    color: #fff;
    min-height: 46px;
    padding: 10px 5px;
    text-align: center;
    line-height: 29px;
}
.grid-container .top-content .avater .txt-left{
    color: #3896e2;
    line-height: 40px;
    text-align:left;
    padding-left:15px;
}
.grid-container .top-content .avater .txt.line-highit-false{
    line-height: 15px;
    font-size: 10px;
}
.grid-container ul.list-inline {
    margin: 0;
    padding: 0;
    padding: 10px 0 0 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.grid-container ul.list-inline li a {
    padding: 0 10px;
    border-right: 1px solid #000;
}

.grid-container ul.list-inline li.active a
.grid-container ul.list-inline li.active a .fa
.grid-container ul.list-inlineul li a:focus,
.grid-container ul.list-inline li a:hover ,
.grid-container ul.list-inlineul li a:focus .fa,
.grid-container ul.list-inline li a:hover .fa{
    text-decoration: none;
    color: #00a8b2;
}
.grid-container ul.list-inline li:last-child a ,
.grid-container ul.list-inline li:last-child a .fa{
    border-right-width: 0px;
}
.grid-container ul.list-inline li .btn ,
.grid-container ul.list-inline li a.btn ,
.grid-container ul.list-inline li .btn .fa,
.grid-container ul.list-inline li a.btn .fa{
    padding: 5px;
}
.grid-container ul.list-inline li .btn:hover ,
.grid-container ul.list-inline li a.btn:hover ,
.grid-container ul.list-inline li .btn:hover .fa,
.grid-container ul.list-inline li a.btn:hover .fa{
    padding: 5px;
}
/* end user-actions list style */

/* end wrapper or contenter or body of page */

/* start table style*/
table.gd-list-table{
    border-collapse:separate;
    border-spacing:0 10px;
    background: #f7f7f7;
    border: none;
}
table.gd-list-table.hashr{
    margin-top: 25px;
}
table.gd-list-table thead{

}
table.gd-list-table thead tr ,
table.gd-list-table tbody tr {
    margin-bottom: 15px;
    border-spacing: 10px 5px;
    background: #FFF;
}
table.gd-list-table thead tr td{
    font-weight: 600;
}
table.gd-list-table.border-none tr td{
    border-width: 0px;
    border: none;
}
table.gd-list-table tr td{
    vertical-align: middle;
}
table.gd-list-table tr td a,
table.gd-list-table tr td a .fa{
    color: #999999;
    font-weight: 600;
}
table.gd-list-table tr td a:hover,
table.gd-list-table tr td a:focus,
table.gd-list-table tr td a:hover .fa,
table.gd-list-table tr td a:focus .fa{
    color: #3896e2;
    text-decoration: none;
}
table.gd-list-table tr td a.hover-off:hover,
table.gd-list-table tr td a.hover-off:focus,
table.gd-list-table tr td a.hover-off:hover .fa,
table.gd-list-table tr td a.hover-off:focus .fa{
    color: #999999;
    font-weight: 600;
    cursor: text;
}
table.gd-list-table tr td .media-body {
    vertical-align: middle;
    color: #3896e2;
    font-weight: 600;
}

/* end table style */

/* start top nav bar*/
.top-site-search .btn{
    /*padding: 0 12px;*/
}
.top-gb-src .dropdown-menu {
    right: 0!important;
    min-width: 193px;
    padding: 0px 0;
}
.header123{
    height:100%;
}

#gd-header.sticky{
    min-height: 50px;
    background: #fff;
}
#gd-header.sticky .navbar-nav {
    /*margin-top:10px;*/
    margin-top:12px;
    margin-left:10px;
    font-size: 12px;
    font-weight: bold;
}
@media (min-width: 750px) and (max-width: 941px) {
    #gd-header.sticky .navbar-nav {
        /*margin-top:10px;*/
        margin-top:12px;
        margin-left:-17px;
        font-size: 10px;
        font-weight: bold;
    }
    #gd-header.sticky .navbar-nav > li > a{
        color:#666666;
        font-size:10px;
        position: relative;
        /*padding: 10px 15px;*/
        padding: 5px;
        text-transform: uppercase;
    }
     #search .user_dropdown{
        width:55px;
        margin-top:6px;

    }
    #gd-header.sticky .navbar-nav .profile_picture img{
        width: 30px;
        border-radius: 50%;
    }
    .btn{
        padding:3px;
    }
    .profile_picture{
        margin-left: 5px;
    }


}

@media (min-width: 941px) {
  /* .navbar-collapse.collapse{
    width:1240px;
  } */


  #search_input_user{
    width:100px;
  }
  #search_input_org{
    width:100px;
  }

 }

.btn-group-sm > .btn, .btn-sm >a{
   color:#666666;
   font-size: 12px;
}
#gd-header .glyphicon{
  /*background:#6bc2d9;*/
  /*border-radius: 20px;*/
  /*width:50px;*/
  /*margin-top:-6px;*/
  /*color:#fff;*/
  /*padding: 10px 15px;*/

    background: #6bc2d9 none repeat scroll 0 0;
    border-radius: 20px;
    color: #fff;
    margin-top: 0;
    padding: 5px 10px;
    width: 40px;
}
#search .btn-gd-primary{
    padding: 5px 12px;
    margin: 0;
    background:#fff;
    border:none;
}
#search .btn-gd-primary i{
    color: #666666;
}
#search_input:focus,
#search:hover #search_input{
    color: #5f5f5f;
}

#search .input-group .yourlabs-autocomplete {
    top: 30px !important;
    border-radius: 2px;
    padding: 0;
}
#search_user .btn-gd-primary{
    padding: 5px 12px;
    background:#fff;
    border:none;
}
#search_user .btn-gd-primary i{
    color: #666666;
}
#search_input_user:focus,
#search:hover #search_input_user{
    color: #dddddd;
    /*text-decoration: underline;*/
    border-bottom: 1px solid #53a4e6;
}
#search_input_user{
    height: 30px;
    width: 150px;
    border: none;
    background:#fff;
}
#search_user .input-group .yourlabs-autocomplete {
    top: 30px !important;
    border-radius: 2px;
    padding: 0;
}

#search_org .btn-gd-primary{
    padding: 5px 12px;
    background:#fff;
    border:none;
}
#search_org .btn-gd-primary i{
    color: #666666;
}
#search_input_org:focus,
#search:hover #search_input_org{
    color: #dddddd;
    /*text-decoration: underline;*/
    border-bottom: 1px solid #53a4e6;
}
#search_input_org{
    height: 30px;
    width: 150px;
    border: none;
    background:#fff;
}

#search_org .input-group .yourlabs-autocomplete {
    top: 30px !important;
    border-radius: 2px;
    padding: 0;
}
.region_search_input_box,
.text_search_input_box{
    position: relative;
}
.text_search_input_box .yourlabs-autocomplete,
.region_search_input_box .yourlabs-autocomplete{
    /*margin-left: 15px;*/
    top: 62px !important;
    position: absolute;
    border-radius: 2px;
    padding: 0;
}
#search .input-group .yourlabs-autocomplete .hilight{
    background: #3896e2;
}
#gd-header .navbar-nav.navbar-right > li.advanced-search{

}
#gd-header .navbar-nav.navbar-right > li.sign-up .btn{
    background: #3896e2;
    border-color: #3896e2;
    color: #FFFFFF;
}
#gd-header .navbar-nav.navbar-right > li.sign-up .btn:hover{
    background: #3896e2;
    border-color: #3896e2;
    color: #FFFFFF;
}
#gd-header .navbar-nav.navbar-right > li.sign-in{

}
#gd-header .navbar-nav.navbar-right > li.sign-in a{
    /*font-size:10px;*/
    font-weight:normal;
    text-decoration: underline;
    color: #3896e2;
}
#gd-header .navbar-nav.navbar-right > li.advanced-search a{
    font-size:10px;
    font-weight:normal;
}
#gd-header .navbar-nav.navbar-right > li.nav-search-index.search_dis{
    display:none;
}
#gd-header .navbar-nav.navbar-right > li.normal-fon{
    font-weight:normal;
}
#gd-header .navbar-nav.navbar-right > li.nav-search{
    border-right: 1px solid #d6d6d8;

}
#gd-header .navbar-nav.navbar-right > li.dropdown{
    border-right: 1px solid #d6d6d8;

}

#gd-header .navbar-nav.navbar-right > li.notification > a{
    padding: 0;
}
#gd-header .navbar-nav.navbar-right > li > a > .btn {
    /*padding: 0px;*/
}
#gd-header .navbar-nav.navbar-right > li > .usi {
    padding-left: 10px;
    padding-right: 0px;
}

#gd-header .navbar-default .navbar-nav.gd-menu > li > a{
    /*height:40px;*/
    height:48px;
}
#gd-header .navbar-default .navbar-nav.gd-menu > li > a:hover{
    /*height:40px;*/
    height:48px;
    color: #53a4e6;
    text-decoration: none;
    border-bottom: 2px solid #53a4e6;
}
/*
#gd-header .navbar-default .navbar-nav.gd-menu > li:first-child > a:hover{
    height:0px;
    color: #53a4e6;
    text-decoration: none;
    border-bottom: 0px solid #53a4e6;
}
*/
#gd-header .navbar-default .navbar-nav > .open > a,
#gd-header .navbar-default .navbar-nav > .open > a:focus,
#gd-header .navbar-default .navbar-nav > .open > a:hover {
    color: #ffffff;
    background-color: transparent !important;
}

#gd-header .navbar-default .navbar-nav.gd-menu > .active > a,
#gd-header .navbar-default .navbar-nav.gd-menu > .active > a:focus,
#gd-header .navbar-default .navbar-nav.gd-menu > .active > a:hover {
    height: 49px;
    color: #53a4e6;
    font-size: 12px;
    font-weight: bold;
    background-color: #fff;
    text-decoration: none;
    border-bottom: 2px solid #53a4e6;
}
#gd-header.sticky .logo img{
    border:none;
    height:40px;
}
#gd-header .badge{
    /*padding: 6px 10px;*/
}
#gd-header .badge-notify,
#gd-header .badge-notifymsg{
    background:#3896e2;
    position:absolute;
    color:#fff;
    left:25px;
    top:-10px;
}
#gd-header .badge-notify{
    background:#67bd0a;
    left:25px;
}
/* end top nav bar*/


/* start footer style*/
/* #gd-wrapper{
    min-height:100%;
} */
#gd-footer{

    background:#5a5d63;
    color:#FFF;
    height:100px;
    width:100%;
    z-index:100;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
#gd-footer .navbar-toggle {
    background:#cbcaca;
    color:#FFF;
}
#gd-footer .navbar-toggle .icon-bar {
    background:#FFF;
    color:#FFF;
}
#gd-footer .navbar-nav {
    margin-top:40px;
    margin-left:20px;
    font-size: 12px;
    font-weight: bold;
}
#gd-footer .navbar-nav > li > a{
    color:#fff;
    font-size:11px;
    padding: 0px 12px;
    text-transform: uppercase;
    border-right:1px solid #7e8186;
}
#gd-footer .navbar-nav > li:last-child > a{
    border-right:none;
}
#gd-footer .navbar-nav > li > a:hover{
    color: #fff;
    text-decoration: none;
    background:#5a5d63;
}
.nav.navbar-nav.footer-nav.footer-nav-right a{
    color:#56de9c;
}
footer .footer-nav-right{
    margin-top: 0;
}
footer .navbar-nav{
    margin-top: 0;
}
.footer-nav li:hover {
    color: #fff;
    cursor: auto;
    font-size: 13px;
    vertical-align: unset;
}
/* end footer style*/

/* start button style*/
/* start black button style*/
.btn-gd-black {
    background: #363636;
    color: #fff;
}
.btn-gd-black:hover{
    color:#ffffff;
}
/* start primary button style*/
.btn.btn-gd-primary{
    border-radius: 2px;
}
.btn-gd-primary {
    color: #fff;
    background-color: #047890;
    border-color: #025c6f;
    font-size: 12px;
    font-weight: bold;
}
.btn-gd-primary-all {
    color: #fff;
    background-color: #1D7991;
    border-color: #1D7991;
    font-size: 10px;
    font-weight: bold;
}
.btn-gd-primary:focus,
.btn-gd-primary.focus {
    color: #fff;
    background-color: #258da7;
    border-color: #258da7;
}
.btn-gd-primary:hover {
    color: #fff;
    background-color: #258da7;
    border-color: #258da7;
}
.btn-gd-primary:active,
.btn-gd-primary.active,
.open > .dropdown-toggle.btn-gd-primary {
    color: #fff;
    background-color: #258da7;
    border-color: #258da7;
}
.btn-gd-primary:active:hover,
.btn-gd-primary.active:hover,
.open > .dropdown-toggle.btn-gd-primary:hover,
.btn-gd-primary:active:focus,
.btn-gd-primary.active:focus,
.open > .dropdown-toggle.btn-gd-primary:focus,
.btn-gd-primary:active.focus,
.btn-gd-primary.active.focus,
.open > .dropdown-toggle.btn-gd-primary.focus {
    color: #fff;
    background-color: #258da7;
    border-color: #258da7;
}
.btn-gd-primary:active,
.btn-gd-primary.active,
.open > .dropdown-toggle.btn-gd-primary {
    background-image: none;
}
.btn-gd-primary.disabled:hover,
.btn-gd-primary[disabled]:hover,
fieldset[disabled] .btn-gd-primary:hover,
.btn-gd-primary.disabled:focus,
.btn-gd-primary[disabled]:focus,
fieldset[disabled] .btn-gd-primary:focus,
.btn-gd-primary.disabled.focus,
.btn-gd-primary[disabled].focus,
fieldset[disabled] .btn-gd-primary.focus {
    background-color: #3896e2;
    border-color: #3896e2;
}
.btn-gd-primary .badge {
    color: #3896e2;
    background-color: #fff;
}

/* end primary button style cbcaca*/
/* start gray button style*/
.btn.btn-gd-gray{
    border-radius: 2px;
}
.btn-gd-gray {
    color: #fff;
    background-color: #cbcaca;
    border-color: #cbcaca;
    font-size: 12px;
    font-weight: bold;
}
.btn-gd-gray:focus,
.btn-gd-gray.focus {
    color: #fff;
    background-color: #e4e2e2;
    border-color: #e4e2e2;
}
.btn-gd-gray:hover {
    color: #fff;
    background-color: #e4e2e2;
    border-color: #e4e2e2;
}
.btn-gd-gray:active,
.btn-gd-gray.active,
.open > .dropdown-toggle.btn-gd-gray {
    color: #fff;
    background-color: #e4e2e2;
    border-color: #e4e2e2;
}
.btn-gd-gray:active:hover,
.btn-gd-gray.active:hover,
.open > .dropdown-toggle.btn-gd-gray:hover,
.btn-gd-gray:active:focus,
.btn-gd-gray.active:focus,
.open > .dropdown-toggle.btn-gd-gray:focus,
.btn-gd-gray:active.focus,
.btn-gd-gray.active.focus,
.open > .dropdown-toggle.btn-gd-gray.focus {
    color: #fff;
    background-color: #e4e2e2;
    border-color: #e4e2e2;
}
.btn-gd-gray:active,
.btn-gd-gray.active,
.open > .dropdown-toggle.btn-gd-gray {
    background-image: none;
}
.btn-gd-gray.disabled:hover,
.btn-gd-gray[disabled]:hover,
fieldset[disabled] .btn-gd-gray:hover,
.btn-gd-gray.disabled:focus,
.btn-gd-gray[disabled]:focus,
fieldset[disabled] .btn-gd-gray:focus,
.btn-gd-gray.disabled.focus,
.btn-gd-gray[disabled].focus,
fieldset[disabled] .btn-gd-gray.focus {
    background-color: #cbcaca;
    border-color: #cbcaca;
}
.btn-gd-gray .badge {
    color: #cbcaca;
    background-color: #fff;
}
/* end gray button style */
/* start success button style*/
.btn.btn-gd{
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
}
/* end success button style*/
/* start remove button style*/
.btn.btn-danger.btn-gd-remove{
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
}
/* end remove button style*/
/* start info button style*/
.btn.btn-info.btn-gd-info{
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
}
/* end info button style*/
/* start success button style*/
.btn.btn-success.btn-gd-success{
    border-radius: 2px;
    font-size: 12px;
    font-weight: bold;
}
/* end success button style*/
/* start gray button style*/
.btn.btn-gd-yellow{
    border-radius: 2px;
}

.btn-gd-yellow {
    color: #000;
    background-color: #fcff0e;
    border-color: #fcff0e;
    font-size: 12px;
    font-weight: bold;
}
.btn-gd-yellow:focus,
.btn-gd-yellow.focus {
    color: #000;
    background-color: #fcff1c;
    border-color: #fcff1c;
}
.btn-gd-yellow:hover {
    color: #000;
    background-color: #fcff1c;
    border-color: #fcff1c;
}
.btn-gd-yellow:active,
.btn-gd-yellow.active,
.open > .dropdown-toggle.btn-gd-yellow {
    color: #000;
    background-color: #fcff1c;
    border-color: #fcff1c;
}
.btn-gd-yellow:active:hover,
.btn-gd-yellow.active:hover,
.open > .dropdown-toggle.btn-gd-yellow:hover,
.btn-gd-yellow:active:focus,
.btn-gd-yellow.active:focus,
.open > .dropdown-toggle.btn-gd-yellow:focus,
.btn-gd-yellow:active.focus,
.btn-gd-yellow.active.focus,
.open > .dropdown-toggle.btn-gd-yellow.focus {
    color: #000;
    background-color: #fcff1c;
    border-color: #fcff1c;
}
.btn-gd-yellow:active,
.btn-gd-yellow.active,
.open > .dropdown-toggle.btn-gd-yellow {
    background-image: none;
}
.btn-gd-yellow.disabled:hover,
.btn-gd-yellow[disabled]:hover,
fieldset[disabled] .btn-gd-yellow:hover,
.btn-gd-yellow.disabled:focus,
.btn-gd-yellow[disabled]:focus,
fieldset[disabled] .btn-gd-yellow:focus,
.btn-gd-yellow.disabled.focus,
.btn-gd-yellow[disabled].focus,
fieldset[disabled] .btn-gd-yellow.focus {
    background-color: #fcff0e;
    border-color: #fcff0e;
}
.btn-gd-yellow .badge {
    color: #fcff0e;
    background-color: #000;
}
.help-block {
    font-style: italic;
    color: #999;
    font-size: 11px;
}
/* end gray button style */
/* end button style*/

/* start advanced or contenter or body of page */
#gd-advanced-search {
    background: transparent;
    position: fixed;
    width: 100%;
    z-index: 1001;
    -webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    height: 100vh;
}
#gd-advanced-search .gas.checkbox{
    margin: 0;
    padding: 0;
}
#gd-advanced-search .gas.checkbox input[type="checkbox"]{
    margin-top: 0;
}
#gd-advanced-search .gas.checkbox label {
    width: 100%;
    font-weight: 400;
    color: #2a2b2c;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#gd-advanced-search .container {
    width: 500px;
}
#gd-advanced-search .gd-layers-filters{
    padding-bottom:50px;
}
#gd-advanced-search .gd-layers-filters-type{
    padding-top:90px;
    font-size:20px;
    color:#666666;
}
#gd-advanced-search .gd-layers-filters-type .form-group{
    width:330px;
}
#gd-advanced-search .gd-layers-filters-type .form-group .inmar{
    margin-left:10px;
}
#gd-advanced-search .gd-layers-filters-type .form-group .spanpad{
   padding-left:22px;
}
#gd-advanced-search .gd-layers-filters-type .gd-vec{
    margin-top:-5px;
}
#gd-advanced-search .gd-layers-filters-type .gd-vector{
    background:#818181;
    color:#fff;
    padding:6px 10px;
    border-radius: 19px;
    text-decoration:none;
}
#gd-advanced-search .gd-content-body-filters .changepass{
    background:#fff;
    padding:0 30px 30px 30px;
    margin-top: 10px;
    border-radius: 8px;
}
#gd-advanced-search .leaflet_map{
    height: 200px;
}
.filter-map-container,
#gd-advanced-search .filter-map-container{
    height: 200px !important;
}
.advanced-search-filter-box {
    position: relative;
    border: 1px solid #e1e4e8;
    padding: 10px 5px;
    margin: 14px;
    border-radius: 8px;
}
.advanced-search-filter-box>label{
    position: absolute;
    z-index: 1;
    left: 5px;
    top: -11px;
    background: white;
    padding: 0 15px;
}
.gd-content-body-filters {
    background: #fff;
    margin: 40px 0 70px 0;
    border-radius: 8px;
}
.advanced-search-filter-box .badge {
    font-size: 14px;
    color: #b5b5b5;
    background-color: transparent;
}
.gd-content-body-filters .close {
    font-size: 23px;
    color: #fff;
    opacity: 1;
    margin-right: 35px;
    background: #f00;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    line-height: 4px!important;
}
.advanced-search-filter-box ul {
    min-height: 200px;
    height: 200px;
    overflow-y: auto;
}
#gd-advanced-search label {
    font-family: 'Roboto', sans-serif;
    color: #2a2b2c;
    font-size: 13px;
    font-weight: 500;
}
.advanced-search-filter-box .list-group {
    margin-bottom: 10px;
}
.list-group.advanced-search-list {
    background: #FFF;
    padding: 0px;
    border-radius: 2px;
}
.list-group.advanced-search-list .list-group-item{
    border-radius: 1px;
    /*border: none;*/
    border-width: 0px;
    border-bottom: 1px solid #eeeeef;
    margin-bottom: 0px;
    text-align:justify;
    padding: 5px 15px;
}
.list-group.advanced-search-list .list-group-item:last-child{
    border-bottom: none;
    border-bottom-width: 0;
}
/* start wrapper or contenter or body of page */

#gd-wrapper{
    background:#f8f8fb;
}
#gd-wrapper .gd-content-body {
    background:#fff;
}
#gd-wrapper .gd-content-body.box-shadow {
    -webkit-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
}
#gd-wrapper .gd-content-body-filters {
    background:#fff;
    margin:91px 0px 41px 0px;
}
#gd-wrapper .gd-content-body-filters .changepass{
    background:#fff;
    padding:30px;
}
#gd-wrapper .gd-content-body-filters .gd-exp-lyrs{
    font-weight:bold;
    font-size:20px;
}
#gd-wrapper .gd-content-body-filters .changepass .glyphicon {
    top: 3px;
}
#gd-wrapper .gd-content-body.transparent {
    background: transparent;
  /*  margin-bottom: 25px;*/
}
#gd-wrapper .gd-content-body.padding {
    padding: 20px;
}
.full-pad-20px,
#gd-wrapper .gd-content-body.full-pad-20px {
    padding: 20px;
}
.full-pad-30px,
#gd-wrapper .gd-content-body.full-pad-30px {
    padding: 30px;
}
.full-pad-40px, #gd-wrapper .gd-content-body.full-pad-40px {
    padding: 40px;
    text-align: center;
}
#gd-wrapper .gd-con-bg {
    background: #fff;
    margin: 0px;
    padding: 20px;
}
#gd-wrapper .gd-apply-filters {
    background: #FFFFFF;
    margin: 0;
    padding:0 20px;
}
#gd-wrapper .gd-apply-filters .filters_normal {
    font-weight:normal;
    color:#868888;
    font-size:12px;
}

#gd-wrapper .gd-apply-filters a{
    color:#b2b2b2;
    font-size:14px;
    font-weight:normal;
}
#gd-wrapper .gd-explore-filters {
    color:#5d5d5d;
    font-size:18px;
    font-weight:bold;
}
#gd-wrapper .gd-explore-filters .glyphicon {
    top: 3px;
    }
#gd-wrapper .gd-explore-filters .filters_normal {
    font-weight:normal;
    color:#727272;
}
#gd-wrapper .gd-explore-filters .gd-exp-lyrs{
    font-weight:bold;
    background:#f7f7f7;
    font-size:20px;
    padding:10px 0px;
}
#gd-wrapper .gd-explore-filters .gd-select-itm{
    font-size: 16px;
    width: 50px;
    margin-top: -27px;
    margin-left: 128px;
    padding: 5px;
    text-align: center;
    border-radius: 14px;
    background:#fff;
}
#gd-wrapper .gd-explore-filters span{
    font-weight:bold;
    color:#5d5d5d;
    font-size:18px;
}
#gd-wrapper .gd-explore-filters i {
    font-weight:normal;
    color:#fff;
    font-size:16px;
    padding: 0px 0px;
}
#gd-wrapper .gd-explore-filters .pad {
    font-weight:normal;
    color:#fff;
    font-size:16px;
    padding: 0px 10px;
}

#gd-wrapper .gd-explore-filters .btn-gd-gray {
    color: #fff;
    background-color: #818181;
    border-color: #cbcaca;
    font-size: 16px;
    font-weight: bold;
    height:41px;
    text-align:left;
    border-radius:5px;
}
#gd-wrapper .gd-explore-filters .btn-gd-gray-1 {
    color: #fff;
    background-color: #818181;
    border-color: #cbcaca;
    font-size: 16px;
    font-weight: bold;
    width:202px;
    height:41px;
    text-align:left;
    border-radius:5px;
}
#gd-wrapper .gd-content-body-filters .btn-gd-gray {
    background:#eeeeee;
    color:#777777;
    font-size: 16px;
    font-weight: bold;
    width:221px;
    border-radius:5px;
}
#gd-wrapper .gd-content-body-filters .btn-gd-primary {
    background:#999999;
    color:#fff;
    font-size: 16px;
    font-weight: bold;
    width:221px;
    border-radius:5px;
}
/* style for history page */
.gd-history .navbar-nav {
    /*margin-top:40px;
    margin-left:20px; */
    font-size: 16px;
    font-weight: bold;
}
.gd-history .navbar-nav > li > a{
    color:#5a5d63;
    font-size:13px;
    padding: 7px 14px;
    text-transform: none;
    border-right:0px solid #7e8186;
}
.gd-history .navbar-nav > li:last-child > a{
    border-right:none;
}
.gd-history .navbar-nav > li.active > a,
.gd-history .navbar-nav > li > a:hover{
    color: #fff;
    text-decoration: none;
    background:#3896e2;
    padding:7px 14px;
    border-radius:5px;
}
.gd-history .navbar-nav > li > a:hover .fa{
    color: #fff;
}
.gd-history .navbar-nav .active{
    color: #ffffff;
    text-decoration: none;
    background:#3896e2;
    border-radius:5px;
}
.gd-history .navbar-nav .active a,
.gd-history .navbar-nav .active a .fa{
    color: #ffffff;
}
.gd-history .gd-history-content{
    background:#fff;
    padding:15px 20px;
    border-radius:2px;
}
.gd-history .gd-history-content img{
    float:left;
    padding-right:15px;
    height: 35px;
    width: 60px;
}
.gd-history .gd-history-content .details{
    text-decoration: none;
    font-size:12px;
    font-weight:bold;
    color:#5a5d63;
    list-style:none;
}
.gd-history .gd-history-content .details p{
    margin:0px;
}
.gd-history .gd-history-content-img{
    margin-top:15px;
}
.gd-history .gd-history-content .details span{
    text-decoration: none;
    font-size:12px;
    font-weight:normal;
    color:#5a5d63;
}
.gd-history .history-lines{
    background: url("../images/history-img/History-lines.png") no-repeat;
    background-position:left;
    padding:30px 0px;
}
.gd-history .activity-style-list .no-style-list .row:first-child .history-lines,
.gd-history .history-lines-top{
    /*background: url("../images/history-img/History-lines-top.png") no-repeat !important;*/
    /*background-position:center left;*/
    /*padding:30px 0px;*/

    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url("../images/history-img/History-lines-top.png") !important;
    background-origin: padding-box !important;
    background-position: left center;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    padding: 30px 0;
}
.gd-history .activity-style-list .no-style-list .row:last-child .history-lines,
.gd-history .history-lines-bot{
    /*background: url("../images/history-img/History-lines-bot.png") no-repeat !important;*/
    /*background-position:center left;*/
    /*padding:30px 0px;*/

    background-attachment: scroll !important;
    background-clip: border-box !important;
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: url("../images/history-img/History-lines-bot.png") !important;
    background-origin: padding-box !important;
    background-position: left center;
    background-repeat: no-repeat !important;
    background-size: auto auto !important;
    padding: 30px 0;
}
.gd-history .history-lines .history-lines-icon {
    background: #ff9800 none repeat scroll 0 0;
    border-radius: 50%;
    height: 30px;
    padding: 6px 0px;
    text-align: center;
    width: 30px;
    color:#ffffff;
}
.gd-history .history-lines .history-lines-icon .fa {
    color: #ffffff;
    font-size: 17px;
    margin-right: 2px;
}
.activity-style-list .no-style-list p{
    background: #FFFFFF;
    padding: 30px;
}
/* end for history page */
/* start for sign-in page */


#gd-model .modal-header {
    border:none;
}
#gd-model .modal-header .modal-title{
    padding-top:20px;
    font-size:25px;
    font-weight:bold;
    text-align: center;
    color:white;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
}
#gd1-modal .modal-header .modal-title{

}
#gd-model .modal-header span {
    font-weight: bold;
    text-align: center;
    color: white;
    font-size: 24px;
    font-family: 'Open Sans', sans-serif;
    line-height: 0;
}
#gd-model .modal-body{
    padding:10px 100px 20px 100px;
    border:none;
}
#gd-model .modal-body .chkinput{
    color:#7f7d7d;
}
#gd-model .modal-body span{
    color:#7f7d7d;
    padding-left:4px;
}
#gd-model .modal-body a{
    color:#2999f4;
}
#gd-model .modal-body .btn-gd-gray-signin{
    background:#3896e2;
    color:#fff;
    border-radius:5px;
    font-size:18px;
    font-family: 'Open Sans', sans-serif;
}
#gd-model .modal-body .btn-gd-gray-alsignin{
    background:#e9afaf;
    color:#666666;
    border-radius:5px;
    font-size:18px;
    font-family: 'Open Sans', sans-serif;
}
#gd-model .modal-body .btn-gd-gray-facebook{
    background:#3b5998;
    border-radius:5px;
    font-size:18px;
    font-family: 'Open Sans', sans-serif;
    color:#fff;
}
#gd-model .modal-body .btn-gd-gray-gplus{
    background:#db402c;
    color:#ffffff;
    border-radius:5px;
    font-size:18px;
    font-family: 'Open Sans', sans-serif;
}
#gd-model .modal-body .fbicon{
    padding-right:22px;
    color:#fff;
    border-right:1px solid #fff;
}
#gd-model .modal-body .golicon{
    padding-right:9px;
    color:#fff;
    border-right:1px solid #fff;
}
#gd-model .modal-body .fbsign a{
    color:#fff;
}
#gd-model .modal-footer{
    border:none;
}

/* end for sign-in page */
/* start news style */
.news-date {
    color: #a4a4a4;
}
.add-news-form .block-separator {
    height: 1px;
    width: 100%;
    margin-bottom: 5px;
}
#gd-wrapper .gd-content-body-news{
    background:#f7f7f7;
    margin:91px 0px 0px 0px;
    width:100%;
}
#gd-wrapper .gd-content-body-news .changepass-news{
    min-height: 40px;
    background: #fff;
}
#gd-wrapper .gd-content-body-news .changepass-news .contents_news .title {
    font-size: 30px;
    font-weight: bold;
    color: #323232;
    padding: 15px 0 2px 0;
    line-height: 32px;
}
#gd-wrapper .gd-content-body-news .changepass-news .contents_news .anchor-link {
    text-align: left;
    margin-top: 5px;
    margin-bottom: 8px;
}
#gd-wrapper .gd-content-body-news .changepass-news .contents_news .anchor-link a{
    color: #a3a3a3;
    font-size: 13px;
}
#gd-wrapper .gd-content-body-news .changepass-news .contents_news .anchor-link a span{
    color: #00aeef;
    font-size: 13px;
}
#gd-wrapper .gd-content-body-news .changepass-news .contents_news .anchor-link a:hover{
    color: #00aeef;
    text-decoration: none;
}
#gd-wrapper .gd-content-body-news .changepass-news .contents_news .details{
    text-decoration: none;
    font-size:13px;
    font-weight:normal;
    color:#5a5d63;
}
.news-details-date {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 14px;
}
.news-edit-btn {
    text-align: right;
}
/* start news style */

/* start new map edit style */
#gd-wrapper-map-edit{
    background:#f7f7f7;
}
#gd-wrapper-map-edit .gd-content-body-new-map{
    background:#fff;
    margin:91px 0px 0px 0px;
    width:100%;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass{
    min-height: 40px;
    background: #fff;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .new-map-edit-left{
    height: 100%;
    width:13%;
    background:#000;
    float:left;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .new-map-edit-img img{
    height: 100%;
    width: 87%;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass.sticky .navbar-nav.navbar-right{
    margin-top: 0px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar{
    margin-bottom: 0px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-toggle {
    margin-top:0px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-brand{
    padding-top: 8px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass.sticky .navbar-brand{
    padding-top: 8px;
}
#gd-header-map-edit .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav {
    margin-top:0px;
    margin-left:0px;
    font-size: 12px;
    font-weight: normal;
    color:#5a5d63;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav a i{
    color:#b2b2b2;
    padding-right:3px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav a .caret{
    color:#d9d9d9;
    padding-left:3px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav.navbar-right{
    margin-top: 0px;
}
#gd-wrapper .gd-content-body-new-map .changepass .navbar-nav.navbar-right a i{
    color:#737373;
}

.btn-group-sm > .btn, .btn-sm >a{
   color:#666666;
   font-size: 12px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .glyphicon{
  background:#6bc2d9;
  border-radius: 20px;
  /*line-height:2.5px;*/
  width:50px;
  margin-top:-6px;
  color:#fff;
  padding: 10px 15px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav > li > a{
    color:#666666;
    font-size:12px;
    position: relative;
    padding: 10px 10px;
    /*text-transform: uppercase;*/
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav.navbar-right > li.advanced-search{

}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav.navbar-right > li.nav-search-index{
    border-left: 1px solid #d6d6d8;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav.navbar-right > li.nav-search{
    border-right: 1px solid #d6d6d8;

}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav.navbar-right > li.dropdown{
    border-right: 1px solid #d6d6d8;

}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav.navbar-right > li > a{
    color:#666666;
    font-size:12px;
    position: relative;
    text-transform: uppercase;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav.navbar-right > li > a > .btn {
    padding: 0px;
}
#gd-header-map-edit .navbar-nav.navbar-right > li > .usi {
    padding-left: 10px;
    padding-right: 0px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav.navbar-right > li > a > .btn > .fa {
    font-size: 26px;
    color: #9f9f9f;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default {
    background-color: #fff;
    border-color: #fff;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default .navbar-nav.gd-menu > li > a{
    height:49px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default .navbar-nav.gd-menu > li > a:hover{
    height:49px;
    color: #53a4e6;
    text-decoration: none;
    border-bottom: 2px solid #53a4e6;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default .navbar-nav.gd-menu > li:first child > a:hover{
    height:0px;
    color: #53a4e6;
    text-decoration: none;
    border-bottom: 0px solid #53a4e6;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default .navbar-nav > .open > a,
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default .navbar-nav > .open > a:focus,
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default .navbar-nav > .open > a:hover {
    color: #53a4e6;
    background-color: #fff;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-nav > li > .dropdown-menu{
    border-radius: 0px;
    padding:0px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .dropdown-menu > li > a{
     color:#5a5d63;
    font-size: 12px;
    font-weight: normal;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .dropdown-menu > li > a:hover{
    color:#53a4e6;
    font-size: 12px;
    font-weight: normal;
}

#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default .navbar-nav.gd-menu > .active > a,
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default .navbar-nav.gd-menu > .active > a:focus,
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .navbar-default .navbar-nav.gd-menu > .active > a:hover {
    height: 49px;
    color: #53a4e6;
    font-size: 12px;
    font-weight: bold;
    background-color: #fff;
    text-decoration: none;
    border-bottom: 2px solid #53a4e6;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .logo img{
    border:none;
    height:50px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass.sticky .logo img{
    border:none;
    height:40px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .profile_pic{
    border:none;
    margin-top:-10px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .badge{
    padding: 6px 10px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .badge-notify,
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .badge-notifymsg{
    background:#3896e2;
    position:absolute;
    color:#fff;
    left:35px;
    top:5px;
}
#gd-wrapper-map-edit .gd-content-body-new-map .changepass .badge-notify{
    background:#67bd0a;
    left:30px;
}

/* end new map edit style */

/*----start--*/
#gd-layers-maps{
    color:#fff;
    background: #f7f7f7;
}
#gd-layers-maps .header-title{
    color:#6e6b6b;
    text-transform: uppercase;
    font-size: 30px;
}
#gd-layers-maps .header-sub-title{
    color:#333333;
    font-size: 18px;
    }
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container {
    background: #FFF;
    border-radius: 3px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .gd-apply-clear {
    color: #5d5d5d;
    padding:30px 20px 73px 20px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .filters_normal {
    color: #b2b2b2;
    padding-left:5px;
    font-size:12px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .media-body {
    color: #5d5d5d;
    padding-top:8px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .media-left {
    color: #5d5d5d;
    padding-top:8px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater{
    background:url('../images/layers/Layers-2-Apply-filers1.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater1{
    background:url('../images/layers/Layers-2-Apply-filters2.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater2{
    background:url('../images/layers/Layers-2-Apply-filters3.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater3{
    background:url('../images/layers/Layers-2-Apply-filters4.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater4{
    background:url('../images/layers/Layers-2-Apply-filters5.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater-doc{
    background:url('../images/doc-img/document-maps1.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater-doc1{
    background:url('../images/doc-img/document-maps2.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater-doc2{
    background:url('../images/doc-img/document-maps3.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater-doc3{
    background:url('../images/doc-img/document-maps4.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater-doc4{
    background:url('../images/doc-img/document-maps5.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater-doc5{
    background:url('../images/doc-img/document-maps6.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater-doc6{
    background:url('../images/doc-img/document-maps7.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater-doc7{
    background:url('../images/doc-img/document-maps8.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater-doc8{
    background:url('../images/doc-img/document-maps9.png');
    min-height:147px;
    min-width:352px;
    overflow:hidden;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .checkbox {
    display: block;
    margin-bottom: 10px;
    margin-top: 26px;
    min-height: 20px;
    padding-left: 20px;
    padding-right: 19px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .avater img{
    width: 100%;
    height: auto;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .contents {
    padding: 15px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .contents .title{
    text-align: center;
    text-transform: none;
    font-size: 20px;
    color: #686868;
    font-weight:bold;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .contents .anchor-link {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .contents .anchor-link a{
    color: #b5b5b5;
    font-size: 12px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .contents .anchor-link a:hover{
    color: #00aeef;
    text-decoration: none;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .contents .details{
    color: #5d5d5d;
    text-decoration: none;
    text-align:center;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .contents .btn-gd-gray {
    color: #5d5d5d;
    background-color: #fff;
    border-color: #cbcaca;
    font-size: 16px;
    font-weight: bold;
    width:150px;
    height:36px;
    text-align:center;
    padding: 6px 5px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .contents .btn-gd-gray a{
    color: #5d5d5d;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .contents .btn-gd-gray a i{
    color: #000;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .bottom-links {
    padding: 15px;
    padding-top: 0px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .bottom-links ul {
    width: 100%;
    margin: 0
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .bottom-links ul li {
    width: 30%;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .bottom-links ul li {
    text-align: center;
    padding: 0px;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .bottom-links ul li:first-child {
    text-align: left;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .bottom-links ul li:last-child {
    text-align: right;
}
#gd-layers-maps .gd-layers-maps-content .gd-layers-maps-container .bottom-links ul li a{
    color: #ababab;
}
/*----end----*/

.gd-content .gd-content-heading{

}
@media (max-width: 767px) {
  .gd-content .gd-content-heading{
    margin-top: 20px;
  }

 }
 .title-action-btn{
     margin-left: auto;
 }
.d-title {
    font-size: 24px;
    color: #2b2b2b;
    background-color: #ffffff;
    padding: 0 15px;
    line-height: 56px;
    height: 80px;
    font-weight: bold;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.d-title i {
    font-size: 16px;
    padding-left: 5px;
}
.d-title .fa-th-large {
    padding-left: 0;
}
.d-title .btn-group .btn.btn-default.vs-btn{
    margin-left: 5px;
}

.top-site-search .input-group-btn > .btn {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background: #014e52;
}

label.col-form-label{
    text-align: right;
}

.gd-content .gd-content-heading .small-content,
.gd-content .gd-content-heading .title.small-content{
    /*margin-top: 50px;*/
    margin-top: 30px;
    margin-bottom: 30px;
}
.gd-content .gd-content-heading .with-icon-content,
.gd-content .gd-content-heading .title.with-icon-content{
    margin-top: 35px;
    margin-bottom: 20px;
}
.hr,
.gd-content .gd-content-heading .hr {
    border-bottom: 1px solid #e7e7e8;
    height: 1px;
}
.gd-content .gd-content-body {
    background:#fff;
}
.gd-content .gd-content-body.transparent {
    background: transparent;
}
.gd-content .gd-content-body .changepass{
    margin-top:50px;
    margin-bottom:50px;
    padding:50px;
}
.gd-content .gd-content-body.padding{
    padding: 20px 0px;
}
.gd-content .gd-content-body .description{
    text-align: justify;

}
.gd-content .gd-content-body .keywords{
    padding: 10px 0px;
}
.gd-content .gd-content-body .keywords .btn{
    color: #3896e2;
}
.gd-content .gd-content-body .emails{
    padding: 10px 0px;
}
.gd-content .gd-content-body .gd-box{
    padding:20px;
}
.gd-content .gd-content-body .gd-box h3{
    margin: 0;
    padding: 0;
}


/* end wrapper or contenter or body of page */

/* start user details page*/
.list-group.gd-link-style,
.list-group.user-info {
    background: #FFF;
    padding: 20px;
    border-radius: 1px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
}
.list-group.gd-link-style .list-group-item,
.list-group.user-info .list-group-item {
    border-radius: 1px;
    /*border: none;*/
    border-width: 0px;
    border-bottom: 1px solid #eeeeef;
    margin-bottom: 0px;
    text-align:justify;
}
.list-group.gd-link-style .list-group-item:last-child,
.list-group.user-info .list-group-item:last-child {
    border-bottom: none;
    border-bottom-width: 0;
}
.gd-txt-right{
    text-align:right;
}
 @media (max-width: 767px) {
   .gd-txt-right{
    text-align:left;
  }

 }
@media (min-width: 768px) and (max-width: 991px) {
  .news-recent-list #accordion {
    display: flex;
}
    .gd-txt-right{
    text-align:right;
  }
.workspace-sidebar ul li a span {
    display: block!important;
}
}

.nav-tabs.gd-style-tabs{
    border-bottom:1px solid #e0d9e0;
}
.nav-tabs.gd-style-tabs > li > a,
.nav-tabs.gd-style-tabs > li > a:focus,
.nav-tabs.gd-style-tabs > li > a:hover{
    /*border-color: #f2f2f2;*/
    background: #f2f2f2;
    text-align: center;
    color: #6e7176;
    border-bottom: none;
}
.nav-tabs.gd-style-tabs > li > a.selected,
.nav-tabs.gd-style-tabs > li > a.selected:focus,
.nav-tabs.gd-style-tabs > li > a.selected:hover ,
.nav-tabs.gd-style-tabs > li.active > a,
.nav-tabs.gd-style-tabs > li.active > a:focus,
.nav-tabs.gd-style-tabs > li.active > a:hover {

    border-color: #e0d9e0;
    background: #FFF;
    text-align: center;


}
.nav-tabs.gd-style-tabs > li.layer > a,
.nav-tabs.gd-style-tabs > li.layer > a:focus,
.nav-tabs.gd-style-tabs > li.layer > a:hover,
.nav-tabs.gd-style-tabs > li.layer > a.selected,
.nav-tabs.gd-style-tabs > li.layer > a.selected:focus,
.nav-tabs.gd-style-tabs > li.layer > a.selected:hover{
    padding: 5px;
}
.map-actions,
.layer-actions,
.documents-actions{
    margin-top: 20px;
}
.map-actions .nav-tabs.gd-style-tabs > li > a,
.map-actions .nav-tabs.gd-style-tabs > li > a:focus,
.map-actions .nav-tabs.gd-style-tabs > li > a:hover,
.map-actions .nav-tabs.gd-style-tabs > li > a.selected,
.map-actions .nav-tabs.gd-style-tabs > li > a.selected:focus,
.map-actions .nav-tabs.gd-style-tabs > li > a.selected:hover ,
.map-actions .nav-tabs.gd-style-tabs > li.active > a,
.map-actions .nav-tabs.gd-style-tabs > li.active > a:focus,
.map-actions .nav-tabs.gd-style-tabs > li.active > a:hover,

.layer-actions .nav-tabs.gd-style-tabs > li > a,
.layer-actions .nav-tabs.gd-style-tabs > li > a:focus,
.layer-actions .nav-tabs.gd-style-tabs > li > a:hover,
.layer-actions .nav-tabs.gd-style-tabs > li > a.selected,
.layer-actions .nav-tabs.gd-style-tabs > li > a.selected:focus,
.layer-actions .nav-tabs.gd-style-tabs > li > a.selected:hover ,
.layer-actions .nav-tabs.gd-style-tabs > li.active > a,
.layer-actions .nav-tabs.gd-style-tabs > li.active > a:focus,
.layer-actions .nav-tabs.gd-style-tabs > li.active > a:hover ,

.documents-actions .nav-tabs.gd-style-tabs > li > a,
.documents-actions .nav-tabs.gd-style-tabs > li > a:focus,
.documents-actions .nav-tabs.gd-style-tabs > li > a:hover,
.documents-actions .nav-tabs.gd-style-tabs > li > a.selected,
.documents-actions .nav-tabs.gd-style-tabs > li > a.selected:focus,
.documents-actions .nav-tabs.gd-style-tabs > li > a.selected:hover ,
.documents-actions .nav-tabs.gd-style-tabs > li.active > a,
.documents-actions .nav-tabs.gd-style-tabs > li.active > a:focus,
.documents-actions .nav-tabs.gd-style-tabs > li.active > a:hover {
    min-width: 50px;
}

.tab-content.gd-tab-content-style{
    background: #FFF;
    padding: 20px;

    -webkit-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
}
.tab-content.gd-tab-content-style ul{
    padding: 0px;
    margin: 0px;
}
.tab-content.gd-tab-content-style ul li{
    list-style: none;
}
.tab-content.gd-tab-content-style ul li.box{
    list-style: none;
    padding: 15px;
    margin-bottom: 15px;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(224,217,224,1);
     box-shadow: 0px 0px 5px 0px rgba(224,217,224,1);
}
.tab-content.gd-tab-content-style ul li.box:last-child{
    margin-bottom: 0px;
}
.tab-content.gd-tab-content-style ul .media-heading a {
    color: #3896e2;
    font-weight: bold;
}
.tab-content.gd-tab-content-style ul .media-sub-heading {
    color: #a3a3a3;
    font-size: 13px;
    font-weight: normal;
}
.tab-content.gd-tab-content-style ul .description {
    padding: 10px 0;
}

.nav-tabs.resources-tabs{
    border: none;
    border-width: 0px;
}
.nav-tabs.resources-tabs > li > a,
.nav-tabs.resources-tabs > li > a:focus,
.nav-tabs.resources-tabs > li > a:hover{
    border-radius: 1px;
    /*border-color: #f2f2f2;*/
    background: #f2f2f2;
    border-width: 0px;
    text-align: center;
    color: #6e7176;

    -webkit-box-shadow: 0px -2px 2px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px -2px 2px 0px rgba(224,217,224,1);
    box-shadow: 0px -2px 2px 0px rgba(224,217,224,1);
}
.nav-tabs.resources-tabs > li > a.selected,
.nav-tabs.resources-tabs > li > a.selected:focus,
.nav-tabs.resources-tabs > li > a.selected:hover ,
.nav-tabs.resources-tabs > li.active > a,
.nav-tabs.resources-tabs > li.active > a:focus,
.nav-tabs.resources-tabs > li.active > a:hover {
    border-radius: 1px;
    border-color: #e0d9e0;
    background: #FFF;
    border-width: 0px;
    text-align: center;

    -webkit-box-shadow: 0px -2px 2px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px -2px 2px 0px rgba(224,217,224,1);
    box-shadow: 0px -2px 2px 0px rgba(224,217,224,1);
}
.nav-tabs.resources-tabs > li.layer > a,
.nav-tabs.resources-tabs > li.layer > a:focus,
.nav-tabs.resources-tabs > li.layer > a:hover,
.nav-tabs.resources-tabs > li.layer > a.selected,
.nav-tabs.resources-tabs > li.layer > a.selected:focus,
.nav-tabs.resources-tabs > li.layer > a.selected:hover{
    padding: 5px;
}
.nav-tabs.lmd-tabs{
    border: none;
    border-width: 0px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eeeeef;
}
.nav-tabs.lmd-tabs > li > a,
.nav-tabs.lmd-tabs > li > a:focus,
.nav-tabs.lmd-tabs > li > a:hover {
    border-radius: 1px;
    /*border-color: #f2f2f2;*/
    background: #FFF;
    border-width: 0px;
    min-width: 100px;
    text-align: left;
    color: #6e7176;
}
.nav-tabs.lmd-tabs > li.active > a,
.nav-tabs.lmd-tabs > li.active > a:focus,
.nav-tabs.lmd-tabs > li.active > a:hover {
    border-radius: 1px;
    border-color: #e0d9e0;
    background: #FFF;
    color: #3896e2;
    border-width: 0px;
    font-weight: bold;
    border-bottom: 2px solid #3896e2;
}

.row.resources-content.mr-left-zero{
    margin-left: 0px;
}
.row.resources-content,
.tab-content.resources-content{
    background: #FFF;
    padding: 20px;

    -webkit-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
}
.tab-content.resources-padding{

}
ul.resources-list{
    padding: 0px;
    margin: 0px;
}
ul.resources-list li.box {
    list-style: none;
    padding: 25px;
    margin-bottom: 12px;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
ul.resources-list li.box:last-child{
    margin-bottom: 0px;
}
ul.resources-list .media-heading a {
    color: #3896e2;
    font-family: 'Roboto';
    font-size: 14px;
}
ul.resources-list .media-sub-heading {
    color: #565656;
    font-size: 13px;
    font-weight: normal;
}
ul.resources-list .description {
    padding: 5px 0;
}
ul.resources-summery {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
}
.box:hover img {
    -webkit-transform: scale(1.15);
    transform: none;
}
.layers-list-view .btn{
    display: flex;
    align-items: center;
}
.layers-list-view .btn i{
    padding-right:5px;
}
ul.resources-summery li {
    float: left;
    display: block;
    position: relative;
    margin-right: 15px;
}
ul.resources-summery li a {
    padding: 0 12px;
    border-right: 1px solid #c0c1c3;
}
ul.resources-summery li:first-child a{
    padding-left: 0;
}
ul.resources-summery li:last-child a ,
ul.resources-summery li:last-child a .fa{
    border-right-width: 0px;
}
ul.resources-summery li a, ul.resources-summery li a .fa {
    color: #565656;
}
ul.resources-summery li a:hover,
ul.resources-summery li a:hover .fa,
ul.resources-summery li a:focus,
ul.resources-summery li a:focus .fa{
    color: #3896e2;
}
ul.resources-summery li a .fa{
    font-size: 15px;
    font-weight: normal;
}
/* end user details page*/
#user_messages {
    margin-top: 0;
    position: absolute;
    width: 50%;
    z-index: 500;
    left: 0;
}
#user_messages .alert{
    margin-bottom: 0px;
    border-radius: 0;
    padding: 10px;
}
.row.margin-right-15px{
    margin-right: 0px;
}
.margin-top-10px{
    margin-top: 10px;
}
.margin-top-15px{
    margin-top: 15px;
}
.margin-top-20px{
    margin-top: 20px;
}
.margin-top-30px{
    margin-top: 30px;
}
.margin-top-40px{
    margin-top: 40px;
}
.gd-content .gd-content-heading .small-content.margin-top-50px,
.margin-top-50px{
    margin-top: 50px;
}
.margin-top-20px,
.list-group.margin-top-20px{
    margin-top: 20px;
}
.list-group.gd-style{
    padding: 15px;
    background: #FFFFFF;
}
.list-group.gd-style .list-group-item{
    border-width: 0px;
    border-radius: 1px;
    /*border-width: 1px 0 0;*/
}
.list-group.gd-style .list-group-item:first-child{
    border-width: 0px;
    border-width: 0 0 1px;
    margin-bottom: 0px;
}
.list-group.gd-style .list-group-item h3{
    margin: 0px;
}
#help-content.gd-content-body {
    padding: 27px;
    font-family: 'Roboto', sans-serif;
}
#help-content h4 {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 600;
}
#help-content .lead {
    font-size: 19px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 4px;
}
#help-content ol{
    margin-left: 15px;
}
.error-msg{
    color: #de403d;
}
.profile-image img{
    width: 100%;
    height: auto;
}
.mr-top-20px{
    margin-top: 20px;
}
ul.errorlist{

}
ul.errorlist li{
    list-style: none;
    color: #de403d;
}
.group-user-info{
    font-size: 25px;
}
.group-user-info a,
.group-user-info a i,
.group-user-info a i.fa{
    color: #337ab7;
}
.group-user-emr a{
    font-size: large;
}
#drop-zone {
    background: #dbf5f6;
    border: 2px dashed #ddd;
    padding: 16px;
    margin-bottom: 15px;
}
.btn-success:focus, .btn-success.focus {
    background-color: #396c7f;
    border-color: #396c7f;
}
#drop-zone .upload-info {
    color: #999;
    margin: 0 0;
    text-align: center;
    font-size: 17px;
}
#drop-zone .upload-info i{
    font-size: 2em;
}
.alert-error {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}
.alert-error hr {
    border-top-color: #e4b9c0
}
.alert-error .alert-link {
    color: #843534
}
ul#global-errors{
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
ul#global-errors li{
    list-style: none;
}
.lead-custom{
    font-size: 21px;
    font-weight: 300;
}
.layer-uploader ul{
    margin: 0;
    padding: 0;
    margin-top: 20px;
}
.layer-uploader ul li{
    list-style: none;
}
.sidebar-title{
    font-size: 25px;
    margin-bottom: 10px;
}
/*#3896e2*/
#permissions-body {

}
#permissions-body .panel{
    border-radius: 2px;
}
#permissions-body .panel > .panel-heading {
    background-color: #efefef !important;
    color: #333!important;
}
#permissions-body .panel .panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    padding: 10px 15px;
    color: #fff;
}
#permissions-body .permission-block {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    min-height: 20px;
    padding: 0 20px;
    text-align: left;
}
#permissions-body .permission-block .form-control{
    padding: 0px;
    min-height: 35px;
    height: auto;
    border:0;
}
.layer-faq  p {
    margin: 0 0 4px;
}
#permissions-body.panel-group .panel + .panel {
    margin-top: 10px;
}
.grid-spacer {
    margin-top: 30px;
}
.paginate-contents{
    /*float: left;*/
}
.paginate-contents .comment{
    margin-bottom: 15px;
    padding: 20px;

    -webkit-box-shadow: 0px 0px 5px 0px rgba(224,217,224,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(224,217,224,1);
     box-shadow: 0px 0px 5px 0px rgba(224,217,224,1);
}
.notshow,
#total-items{
    margin-left: 10px;
}
.icon-btn-color .fa{
    color: #FFFFFF;
    font-size: 16px;
}
.grid-container ul.list-inline.lmd li a {
    border-width: 0;
    border: none;
    color: #4a4a4a;
}
.grid-container:hover ul.list-inline.lmd li a {
    color: #2975AB;
}
.grid-container .list-inline.lmd > li {
    display: inline-block;
    margin: 0 0 6px 0;
    padding: 0 15px 0 0;
}
.grid-container.lmd{
    padding: 0;
     margin-bottom: 30px;
}
.grid-container.lmd .avater{
    width: 100%;
}
.grid-container.lmd .avater{
    position: relative;
}
.grid-container.lmd .avater .checkbox-overlay{
    right: 10px;
    position: absolute;
    top: 0;
}
.resources-list.lmd .media .media-left{
    position: relative;
}
.resources-list.lmd .media .media-left .checkbox-overlay{
    right: 25px;
    position: absolute;
    top: 0;
}
.grid-container.lmd .avater img{
    /*height: 200px;*/
    /*width: 100%;*/
}
.grid-container.lmd .avater .avater-img {
     border-bottom: 1px solid rgba(36,37,38,.08);
}
.grid-container.lmd .avater .avater-img-mid img {
    width: 100%;
    height: 180px;
    object-fit: contain;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.grid-container.lmd .summery{
    margin-top: 15px;
}
.grid-container.lmd .bottom-content{
    margin: 0;

}
.grid-container.lmd .information {
    padding: 5px 35px;
}
.grid-container.lmd .information .category {
    color: #999999;
    font-size: 14px;
    margin: 4px 0;
    min-height: 15px;
    font-family: 'Roboto';
}
.grid-container.lmd .information .title {
    font-size: 18px;
    font-weight: bold;
}
.grid-container.lmd .information .title a, .grid-container.lmd .information .title a:hover {
    color: #4a4a4a;
    font-family: 'Roboto';
    font-size: 14px;
}
.resources-list.lmd li.box{
    background: #FFF;
    padding: 0;
}
.layers-list-view{
    height: auto;
}
.layers-list-view .media-left{
    padding: 10px 10px;
}
.resources-list.lmd li.box .media-body{
    padding: 10px 0;
}
.new_maps_create #paneltbar {
    margin-top: 53px !important;
}

.new_maps_create #paneltbar table.x-toolbar-ct{
    border-top: 1px solid #dbdbdb;
}
.spcam.btn{
    border-right: 1px solid #dbdbdb;
}
#gd-cart .nav {
    margin-left: 15px;
}
#gd-cart .nav > li > a:focus,
#gd-cart .nav > li > a:hover{
    background-color: #3896e2;
    border-color: #3896e2;
}
#gd-cart .nav > li > a{
    padding: 6px 12px;
}
#gd-cart .nav > li > a .badge{
    padding: 4px 7px;
}
#gd-cart ul.dropdown-menu.gd-cart-dropdown-menu{
    border-radius: 2px;
    display: block;
    max-height:300px;
    min-width: 100%;
    overflow:auto;
    right: 0;
}
#gd-cart ul.dropdown-menu.gd-cart-dropdown-menu li{

}
body.map-detail-page,
body.layer-detail-page{
    height:100%;
}
body.map-detail-page #gd-wrapper,
body.layer-detail-page #gd-wrapper{
    padding-bottom: 0px;
    min-height: 100%; /* Minimum height for modern browsers */
    height:100%; /* Minimum height for IE */
    width:100%;
    position:fixed;
    overflow:hidden;
    bottom: 0;
    top: 53px;
    border-top: 1px solid lightgrey;
}
body.map-detail-page #gd-wrapper .container-fluid.padding-zero,
body.layer-detail-page #gd-wrapper .container-fluid.padding-zero{
    padding: 0;
}
.col-md-6.margin-zero
.col-md-4.margin-zero,
.col-md-8.margin-zero{
    margin: 0;
}
.map-details-information,
.layer-information{
    height: calc(100vh - 71px) !important;
    overflow-y: scroll;
}
.gd-link-style.inaccordion{

}
.list-group.gd-link-style.inaccordion{
    background: #FFF;
    padding: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.list-group.gd-link-style.inaccordion .list-group-item{
    border-radius: 1px;
    /*border: none;*/
    border-width: 0px;
    border-bottom: 1px solid #eeeeef;
    margin-bottom: 0px;
    text-align:justify;
    padding: 10px 0;
}
.list-group.gd-link-style.inaccordion .list-group-item:last-child {
    border-bottom: none;
    border-bottom-width: 0;
}
.list-group.gd-link-style.inaccordion li.list-group-item.lastchild{
    border: none;
}
.list-group.inaccordion{
    margin-bottom: 0;
}
#gd-accordion-style #accordion{

}
#gd-accordion-style .panel-group .panel{
    border-radius: 0;
    margin: 10px;
}
#gd-accordion-style .panel-group .panel + .panel{
    margin-top: 0;
}
.col-md-8.left-pad-zero,
.col-md-6.left-pad-zero{
    padding-left: 0px;
}
.col-md-4.right-pad-zero,
.col-md-6.right-pad-zero{
    padding-right: 0px;
}
.selectfixed {
    position: fixed;
    top: 81px;
    right: 27px;
    z-index: 100;
}
.selectfixed .dropdown-toggle::after{
   display:none;
}
.selectfixed .dropdown-menu > li > a {
    padding: 6px 15px!important;
}
.selectfixed .delete-notification {
    background-color: #fff;
    color: #f44336;
    font-size: 11px;
    right: 10px;
    top: 8px;
}
.close-btn-ad-search{
    margin-right: 25px;
    margin-top: 15px;
}
/*#advanced-search-control{
    margin-left: 5px;
}*/
.map-details-information .panel-group .panel .panel-title a .fa,
.layer-information .panel-group .panel .panel-title a .fa{
    float: right;
    display: inline-block;
    color: #3896e2;
}
.map-details-information .panel-group .panel .panel-title a .fa.fa-chevron-up,
.layer-information .panel-group .panel .panel-title a .fa.fa-chevron-up{
    display: block;
}
.map-details-information .panel-group .panel .panel-title a.collapsed .fa.fa-chevron-up,
.layer-information .panel-group .panel .panel-title a.collapsed .fa.fa-chevron-up{
    display: none;
}
.map-details-information .panel-group .panel .panel-title a .fa.fa-chevron-down,
.layer-information .panel-group .panel .panel-title a .fa.fa-chevron-down{
    display: none;
}
.map-details-information .panel-group .panel .panel-title a.collapsed .fa.fa-chevron-down,
.layer-information .panel-group .panel .panel-title a.collapsed .fa.fa-chevron-down{
    display: block;
}
.gd-cart-checkbox-style .checkbox-overlay .checkbox label .fa {
    font-size: 18px;
    color: #00aeef;
}
.gd-cart-checkbox-style .checkbox-overlay .checkbox label .far {
    font-size: 19px;
    color: #b9b9b9;
}
.gd-cart-checkbox-style .checkbox-overlay .checkbox label .fa-stack {
    height: 1em;
    line-height: 1em;
    width: 1em;
}
.org-but-pad{

}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 3px;
    border-radius: 4px;
}

ul.termsuseandcondition{
    padding:10px;
    margin: 10px;
}
ul.termsuseandcondition li {
    margin-bottom: 10px;
    /*list-style: circle;*/
}
.table > tbody + tbody {
    border-top: 1px solid #ddd;
}
.show-notification-msg{
    width:200px;
    z-index:99;
    background:#fff;
    top:53px;
    /*margin-left:91px;*/
    margin-left:170px;
    position:absolute;
    height:300px;
    overflow:auto;

}
.show-notification-msg ul li{
    list-style-type:none;
    padding: 5px 10px;
    border-bottom:1px solid #ddd;
}
.topic-cat-list{
    background:#5a5d63;
    text-color:#fff;
    margin-bottom:5px;
}
.topic-cat-list-data{
    background:#fff;
    border-bottom:1px solid #ddd;
}
@media (max-width: 767px) {
  .layer-test{
    margin-top:50px;
  }

 }
 @media (max-width: 767px) {
  #embedded_map123456789{
    margin-top:600px;
    z-index:1000;
    float:left;
  }

 }
@media (max-width: 767px) {

  .gd-slider .item .gd-slider-title{
    font-size:16px;
    margin-left:70px;
  }
  .gd-slider .item .gd-slider-msg{
    font-size:12px;
    margin-left:70px;
    color: #fff;
    font-weight:normal;
  }
  .gd-slider .item .gd-slider-btn a{
    font-size:12px;
    margin-left:70px;
  }

}


.grid-container-dash.lmd{
    padding: 0;

     margin-bottom: 0;
     border-radius: 0;
     background-color: #fff;
     border: 1px solid #f8f8f8;
     border-top: 2px solid #8ec999;
}

.grid-container-dash.lmd .avater{
    width: 100%;
}
.grid-container-dash.lmd .avater{
    position: relative;
    background-color: #f5f5f5;

    background: rgba(255,255,255,1);
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
}
.grid-container-dash.lmd .avater .checkbox-overlay{
    right: 0;
    position: absolute;
    top: -47px;
}
.grid-container-dash.lmd .avater img{
    /*height: 200px;*/
    /*width: 100%;*/
}
.grid-container-dash.lmd .avater .avater-img{
    margin:0 auto;
    height:180px;
    max-width:240px;
    overflow: hidden;
}

.grid-container-dash.lmd .avater .avater-img-mid{
    vertical-align:middle;
    display:table-cell;
    height:180px;
    width:240px;
}

.grid-container-dash.lmd .avater .avater-img-mid img{
    margin:0 auto;
    max-height:180px;
    text-align: center;
}
.grid-container-dash.lmd .summery{
    margin-top: 15px;
}
.grid-container-dash.lmd .bottom-content{
    margin: 15px;
    margin-bottom: 0;
}
.grid-container-dash.lmd .information{
    padding: 15px;
}
.grid-container-dash.lmd .information .category{
    color: #999999;
    font-size: 11px;
    margin: 5px 0;
    min-height: 15px;
}
.grid-container-dash .information .top-content .details{
    font-size: 12px;
    min-height: 105px;
}
.grid-container-dash.lmd .information .title {
    font-size: 20px;
    font-weight: bold;
    min-height:60px;
}
.grid-container-dash.lmd .information .title a,
.grid-container.lmd .information .title a:hover{
    color: #337ab7;
}
.modal.fade.google-earth{
    transform: none !important;
}
.modal.in.google-earth .modal-dialog {
    transform: none !important;
}
.modal.google-earth .modal-content{
    border-radius: 0;
}
#_approve_layer .checkbox{
    padding-left: 0px;
}

#gd-wrapper .gd-content-body-news .changepass-news .contents_news .details{
    /*white-space: pre-line;*/
}
#gd-latestnews-content #accordion .accordion-section .accordion-section-description{
    white-space: pre-line;
}
#gd-model .modal-body span.fbsign{
    color: #000;
}

@media (max-width: 767px) {
  #gd-model .modal-body span.fbsign{
    font-size:12px;
  }

 }
/*

#crossLayerQueryFromAddIcon tr:first-child{
    display: none;
}*/

#crossLayerQueryFromAddIcon tr:first-child,
 #buttonHelpQuery tr:first-child,
 #buttonHelpColor tr:first-child{
  display: none;
 }

 #gxp-sdsl-styler,
 #gxp-sdsl-legend{
  opacity: 0.8;
 }
.contents_news .title {
    color: #5a5d63;
    font-size: 17px;
    font-weight: bold;
    line-height: 23px;
}
.contents_news .details {
    color: #5a5d63;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    padding:5px 5px 10px 0;
}
.contents_news .anchor-link {
    margin-bottom: 20px;
    margin-top: 10px;
    text-align: left;
}
.user_dropdown{
    width:80px;
    border:none;
    background:#ffffff;
    cursor:pointer;
    padding-left: 5px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

#gd-latestnews-left-recentpost #accordion .accordion-section .accordion-section-heading .title{
    color:#333333;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-align:left;
    border-bottom: 0;
}
#gd-latestnews-left-recentpost #accordion .accordion-section .accordion-section-heading .sub-title{
    color:#898887;
    font-size: 11px;
    text-align:left;
    border-bottom: 0;
    margin-bottom: 8px;
}
#gd-latestnews-left-recentpost #accordion .accordion-section .accordion-section-heading .collapsed .title{
    text-transform: none;
    color: #60abe8;
}
#gd-latestnews-left-recentpost #accordion .accordion-section .accordion-section-heading .collapsed .title .fa{
    display: inline-block;
    float: right;
    color: #60abe8;
}
#gd-latestnews-left-recentpost #accordion .accordion-section .accordion-section-heading .title .fa ,
#gd-latestnews-left-recentpost #accordion .accordion-section .accordion-section-heading .collapsed .sub-title{
    display: none;
}
#gd-latestnews-left-recentpost #accordion .accordion-section .accordion-section-description{
    color:#333333;
    font-size: 13px;
}

.tooltip_use {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted red;*/
    font-size:11px;
    border-right: 0px solid #7e8186;
    color: #fff;
    padding: 0 12px;
    text-transform: uppercase;
}

.tooltip_use .tooltiptext_use {
    visibility: hidden;
    width: 180px;
    background-color: #000000;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    text-transform:normal;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltip_use:hover .tooltiptext_use {
    visibility: visible;
    color: #fff;
    padding:10px;
}
.tooltip_use .tooltiptext_use ul li a{
    color: #fff;
    padding-bottom:3px;
}


.show-org-pro{
    text-align:left;
    padding-left:25px;
    padding-top:10px;
    font-weight:bold;
}

.layerdetails_arro{
    position:absolute;
    z-index:1;
    cursor:pointer;
    border-left: 1px solid #d4d4d4;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    height: 48px;
    width: 23px;
    background:#fff;
    color:#fff;
    margin-top: -49px;
}
.logo-img path {
  fill: #fff;
}
.layer-mini-slider{
    top: 50px;
    position: relatives;
    z-index: 119;
    cursor:pointer;
    margin-top: -49px;
    cursor: pointer;
    height: 48px;
    width: 23px;
    background:#f0f0f0;
    right:-25px;
    color:#fff;
}
.layerdetails_arro span img{
    cursor:pointer;
     /*width: 64px;*/
     color:#fff;
     /*margin-left:-16px;*/
}
.layerdetails_arro span img.open_carlet{
    color:red;
    transform: scaleX(-1);
    margin-top: 19px;
    color:#ffffff;
    width: 10px;
    /*width: 64px;
    margin-left:-16px;*/
}
.layerdetails_arro span i.open_carlet{
    color:red;
    /*width: 40px;
    margin-left:-16px;*/
}
.layerdetails_arro span img.close_carlet{
    color:red;
    width: 50px;
    position:relative;
    margin-left:29%;
    visibility:visible;
}
.layer-mini-slider span img.close_carlet{
    /*width: 50px;*/
    position: absolute;
    margin-top: 19px;
    color:#ffffff;
    width: 10px;
    margin-left: 4px;
}
/* .gd-content .gd-content-body .overlay_layerdetails {
    height: 100%;
    width: 0;
    /*position: absolute;*/
    /*z-index: 100;
    top: 127px;
    top: 74px;
    left: 75px;*/
    /*background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);*/
    /*overflow-x: hidden;
    transition: 0.5s;
} */
@media (max-width: 767px) {
  .gd-content .gd-content-body .overlay_layerdetails {
    /*height: 100%;
    width: 100%%;
    position: absolute;
    z-index: 100;
    top: 127px;
    top: 74px;
    left: 75px;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;*/
    }
    #myNav{
    width:100%;
    height:50%;
    }
    #myNav_map_left{
    height:100%;
    }
    .open_carlet{
    display:none;
    }

 }

 @media (max-width: 767px) {
  .not-permi{
    line-height: 45px;
  }

 }
@media (max-width: 767px) {
  .not-found{
    line-height: 50px;
  }

 }
 @media (max-width: 767px) {
  .not-found-error{
    line-height: 70px;
  }

 }
.modal-dialog{
    margin: 50px auto 0;
    /*width: 600px;*/
}

@media (max-width: 767px) {
  .modal_top_mar{
    margin-top:20px;
  }

 }

.modal-backdrop {
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}
.styled-dropdown-select-all{
    color: #999;
    content: "";
    font-family: "LinkedIn-Glyphs-2.0.7","LinkedIn-Glyphs";
    font-size: 17px;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

.home-back-act{
    display:none;
    }
.shownextdata{
    display:none;
}

.modal-dialog{
width: 800px;
}
#SigninModal .modal-dialog
{
    width: 500px;
}
#SignupModal .modal-dialog
{
    width: 600px;
}
.style-editor {
    height: 32px;
}
.style-label
{
    height: 32px;
    margin: 0;
    padding: 0;
    display: block;
}
.style-editor.range input[type="number"], .style-editor.range input[type="text"] {
    width: 40px;
}
.style-editor.range input[type="range"] {
    max-width: 105px;
    display: inline-block;
}
.layer-style-editor .style-editor.range span {
    margin-left: 3px;
    margin-right: 3px;
}
#myNav .panel-heading
{
    white-space: normal;
    background-color: #f5f5f5;
    color:#333333;
}
#gd-accordion-style .panel-heading
{
    white-space: normal;
}

#myNav .panel-body
{
    white-space: normal;

}

.layerNav
{
    padding: 0 15px;
}

.layerNav > li > a i
{

    color: #337ab7;

}
.layerNav > li > a
{
    border: none;
    border-radius: 0;
    margin-right: -1px;
    padding: 8px 14px;
    color: #777777;
    border-width: 0 0 0 3px;
    border-color: #000;
}
.layerNav > li.active > a, .layerNav > li.active > a:focus, .layerNav > li.active > a:hover {
    border-width: 3px 0 0;
    border-color: transparent;
    color: #fff;
    background-color: #5691f6;
    border-left: 1px solid #5691f6;
    border-right: 1px solid #5691f6;
}
.layerNav > li.active > a i
{
  color: #fff;

}
.layerNav > li > a:focus, .layerNav > li > a:hover
{
    background: none;
    color: #000;
}
.layerNav > li.active
{
    border-bottom: none;
}
.layerNav > li.active a
{
    padding: 6px 14px;
}
.globalNav li.active
{
    top: 2px;
}
#gd-featurd-maps .carousel-control
{
   opacity: 1;
}
#gd-featurd-maps .carousel-control span
{
   border-radius: 50%;
   color: #fff;
   font-size: 18px;
   line-height: 26px;
}
.panel-heading
{
    font-size: 18px;
}
.panel-body {
    padding: 0 15px;
}
.checkbox-overlay .btn-primary
{
    padding: 3px 8px;
}
#gd-featurd-maps .carousel-inner
{
    padding: 0;
}
.globalNav
{
    margin: 0 -14px;
    padding: 0 15px 0;
}
.globalNavHeading
{
    padding: 0 15px;
}
.panel-default > .panel-heading {
    background-color: #4385f5;
    border-bottom: none;
    color: #fff;
}
.bottom-content {
    background-color: #edf7fc;
    border-top: 1px solid #0a838b;
    padding: 15px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.favorite-btn
{
    background-color: #d9edf7;
    border: 1px solid #8ebcd3;
    color: #000 !important;
}
.favorite-btn:hover
{
    background-color: #d9edf7;
    border: 1px solid #8ebcd3;
    color: #000 !important;
}
.grid-container ul.list-inline li
{
    padding-left: 10px;
    padding-right: 10px;

}
.dropBox {
    background-color: #fff;
    height: auto;
    right: -33px !important;
    position: absolute;
    top: 43px !important;
    width: 435px;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
/* .dropBox:before {
    content:"";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    right: 60px;
    top: -11px;
} */
.arrow-up {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgb(255, 255, 255);
    position: absolute;
    right: 60px;
    top: -10px;
  }
  .directions .input-group-addon
  {
    background: none;
    border: none;
  }
  .directions .input-group-addon i
  {
   width: 20px;
   font-size: 21px;
  }
  .directions .input-group .form-control
  {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    box-shadow: none;
    padding-left: 0;
  }
  .directions .input-group .form-control:focus
  {

    border-bottom: 2px solid rgba(56, 150, 226, 0.9);

  }
  .notifications ul
  {
    height: 500px;
    overflow-y: auto;
    padding: 14px 15px;
  }
  .notifications ul li
  {
      text-align: left;
      padding: 10px 28px 10px 15px;
  }
  .notification
  {
    position: relative;
  }
 .timesince
  {
    color: #8d8d8d;
    display: block;
    font-weight: normal;
  }
  .delete-notification
  {
    background-color: #fff;
    color: #c0c0c0;
    font-size: 10px;
    padding: 1px 5px;
    position: absolute;
    right: 3px;
    top: 3px;
  }
  .mark-notification
  {
    background-color: #1ab394;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #148770;
  }
  .gSearch
  {
      margin-left: 15px;
      margin-top: 3px;
  }
  #id_search
  {
      float: left;
      border: 1px solid #ccc;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
      color: #555;
      font-size: 14px;
      height: 38px;
      line-height: 1.42857;
      padding: 6px 12px;
      transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  }
  .gSearch label
  {
   display: none;
  }
  .btn-delete
  {
      color: #f2555b;
  }
  .gd-cart-dropdown-menu-show
  {
      border-bottom: 1px solid #ccc;
  }
  .gd-cart-dropdown-menu-show a
  {
    padding: 10px 20px !important;
  }
  .modal-content
  {
      color: #3c3c3c;
  }
  .modal-dialog .modal-body
  {
    /*min-height: 250px;*/
  }
.modal-content label {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2a2b2c;
}
  .modal-header
  {
    padding: 10px 15px;
  }
/*  .modal-dialog .input-sm
  {
    height: 25px;
    line-height: 22px;
  }*/
  .modal-dialog .btn-sm
  {
    padding: 2px 10px;
  }
  .modal-dialog .control-label
  {
    padding-top: 4px;
  }
  .modal-footer
  {
      padding: 13px 15px;
  }
 .tabbable {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}
.tabbable .nav > li > a {
    padding: 8px 15px;
    font-size: 13px;
    color: #363636;
    font-weight: 500;
}
  .sidebar-toggle-btn {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-left: 0;
    padding:5px;
    position: absolute;
    right: -38px;
    top: 3px;
    z-index: 99;
    cursor: pointer;
    -webkit-box-shadow: 1px 0px 3px -1px rgba(0,0,0,0.27);
    -moz-box-shadow: 1px 0px 3px -1px rgba(0,0,0,0.27);
    box-shadow: 1px 0px 3px -1px rgba(0,0,0,0.27);
}
.slideOutRight
{
    left: -300px;
    transition-property: transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s;
    transform: translate3d(0, 0, 100%);
}
.slideInRight
{
    transition-property: transform;
    transition-duration: 0.2s;
    transition-delay: 0.2s;
    transform: translate3d(100%, 0, 0);
    left: -300px;
}
.x-panel table, .x-window table
{
    float: right;
}
.map-tab-bar
{
    position: fixed;
    width: 100%;
    top: 72px;
    z-index: 50;
    background-color: #f3f3f3;
}
.x-toolbar
{
position: fixed;
position: fixed;
width: 100%;
top: 104px;
z-index: 1;
background-color: #fff;
}
#myNav_map_left
{
    padding: 0px;
    width: 100%;
    float: right;
    left: 0%;
    top: 115px;
    position: absolute;
    height: 500px;
}
.content-p-top
{
  padding-top: 40px;
}
#the_map .x-toolbar
{
    top: 63px;
}
#ext-gen95 .panel-left
{
    top: 99px;
}
#ext-gen95 .map-details-information
{
    height: calc(100vh - 100px) !important;
}
#attribute_view_left
{
    height: calc(100vh - 130px) !important;
}

.x-toolbar
{
    border-bottom: 1px solid #ddd !important;
    border-top: none;
}
.panel-bottom
{
    width: 100%;
    height: 320px;
    position: fixed;
    padding: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.4);
}
.panel-bottom .panel
{
   border-radius: 0;
}
.panel-bottom .panel-info
{
    height: 300px;
}
.panel-bottom .panel-footer
{
    background-color: #fff;
}
.panel-bottom .panel-body
{
    height: 230px;
    overflow-y: auto;
    padding: 10px;
}
.panel-bottom-table
{
    height: 270px;
    overflow-y: auto;
}
.panel-bottom .panel-heading
{
    padding: 5px 10px;
}
.panel-bottom .panel-footer
{
    padding: 5px 10px;
}
.slideOutDown
{
    bottom: 0;
    transition-property: transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s;
    transform: translate3d(0, 100%, 0);
}
.slideInUp
{
    transition-property: transform;
    transition-duration: 0.2s;
    transition-delay: 0.2s;
    transform: translate3d(0, 0, 0);
    bottom: 0;
}
.headerSlideOutDown
{
    top: 0;
    transition-property: transform;
	transition-duration: 0.2s;
	transition-delay: 0.2s;
    transform: translate3d(0, -100%, 0);
}
.headerSlideInUp
{
    transition-property: transform;
    transition-duration: 0.2s;
    transition-delay: 0.2s;
    transform: translate3d(0, 0, 0);
    top: 0;
}

.panel-bottom .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th
{
    background-color: #dbe0e4;
}
.gallery-container
{
    background: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 0;
}
.gallery-container .panel-body
{
   padding: 0;
}
.round {
    line-height: 48px;
    color: #ffffff;
    width: 60px;
    height: 60px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    border-radius: 100%;
    background: #1e88e5;
}
.round.round-info {
    background: #1e88e5;
}
.round.round-warning {
    background: #ffb22b;
}
.round.round-primary {
    background: #7460ee;
}
.round.round-danger {
    background: #fc4b6c;
}
.round i
{
    font-size: 26px;
    line-height: 59px;
}
.analytics-box
{
    font-size: 16px;
}
.analytics-box h3
{
   margin: 7px 0 0 10px;
}
.analytics-box p
{
    color: #99abb4 ;
   margin: 0 0 0 10px;
}
.classification-style-editor-container {
    background-color: #fff;
    border: 1px solid #ccc;
    float: left;
    left: 20px;
    margin-right: 15px;
    position: relative;
    width: 95%;
    /* height: 400px; */
    overflow-y: auto;
    margin-bottom:20px;
}

.style-editor-shown {
/*    left: 0 !important;*/
    top: 3px;
}
.table
{
    background-color: #fff;
    border: 0;
    border-top: 0;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    vertical-align: middle;
    font-family: 'Roboto', sans-serif!important;
    color: #2a2b2c;
    padding: 4px 10px;
    border-bottom: 1px solid #ebebeb;
    font-weight: 400;
    border-top: 0;
}
.table thead tr td{
    font-weight: bold;
    font-size: 17px;
}
.table thead tr th {
    font-weight: bold;
    background: #f8f8f8;
    border: 0;
}
.dashboard-panel
{
    border: none;
    background: transparent;
    border-top: 1px solid #e3e3e3;
    border-radius: 0;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    border: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.panel-info > .panel-heading.dashboard-heading
{
    background: transparent;
     border: none;
     padding: 0 0 10px 0;
     color: #3aa583;
     font-size: 25px;
}
.dashboard-panel-body
{
    padding: 0;
}
.panel-info > .panel-heading .dashboard-badge
{
    color: #fff;
    background-color: #ff8831;
    font-size: 15px;
    margin-right: 30px;
}
.close-btn
{
     color: #d2d2d2;
}
#show-notification-msg
{
    width: 465px;
    position: absolute;
    right: 0;
}

.vNav.nav-tabs > li
{
    float: none;
}
.tableViewSidebar
{
    position: absolute;
    height: 100%;
     width: 300px;
    background-color: #308d62;
}
.control-button
{
    border-right: 1px solid #ccc;
}
.search-sub-menu {
    position: absolute;
    right: 40px;
    z-index: 99;
    top: 0;
    height: 37px;
    width: 24px;
    text-align: center;
}
.search-sub-menu a{
    display: block;
    height: 37px;
    /* top: 14px; */
    position: relative;
}
.search-sub-menu a.dropdown-toggle::after{
    margin-top: 12px;
    margin-right: 8px;
}

.workspace-sidebar {
    position: fixed;
    top: 90px;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: block;
    padding: 20px 35px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
}
.workspace-sidebar ul li a {
    color: #454c58;
}
.workspace-sidebar .nav-sidebar > .active > a, .workspace-sidebar .nav-sidebar > .active > a:hover, .workspace-sidebar .nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #007279;
    border-radius: 5px;
}
.workspace-sidebar ul li a:hover {
    background-color: #f9f9f9;
}
.workspace-sidebar ul li a i{
    margin-right: 10px;
}
.notifications
{
    right: 84px !important;
    top: 55px !important;
}
.slide-img
{
    width: 700px;
    height: 600px;
    position: absolute;
    right: 0;
    top: 0;
}
.list-pagination {
    padding: 5px 20px 5px 20px;
    border: none;
    background: white;
    display: flex;
    align-content: center;
    justify-content: center;
}
.web-page-content {
    visibility: hidden;
}

.web-page-loader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0%;
    left: 0;
    background-color: #e5f3ff;
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
.web-page-loader > img {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 200px;
    width: 200px;
    margin-top: -100px;
    margin-left: -100px;
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.nav-tabs > li {
    float: none;
    display: inline-block;
}
.footer-nav-right
{
    float: right!important;
}
.workspace-sidebar ul li a
{
    text-align: left;
    line-height: 18px;
    font-weight: 600;
}
.yourlabs-autocomplete
{
    top: 35px !important;
}

/* Responsive start */
@media (max-width: 1280px) {
    .container{
      width: 100%;
    }
   }

   @media (max-width: 1000px) {
    #carousel-home{
      display: none;
    }
   }

   @media (max-width: 980px) {
    .footer-nav{
     float: none;
     display: block;
     text-align: center;
     margin: 0;
    }

    .gd-footer-language
    {
        margin: 0;
        padding: 0;
        padding-left: 10px;
    }
    footer
    {
        padding: 10px 0 !important;
    }
    footer img
    {
       width:70%;
    }
   }

   @media (max-width: 1066px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
        .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 0;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    .workspace-sidebar ul li a span
    {
        display: none;
    }
    .workspace-sidebar ul li a
    {
    text-align: center;
    }
    .nav-left
    {
        padding-left: 0 !important;
    }
    #navbar
    {
        margin-top: 0 !important;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse
    {
        margin: 0;
        padding: 0;
    }
    .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: left;
        width: auto;
        margin-top: 0;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .15);
        -webkit-box-shadow: none;
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    }
    .dropdown-menu > li > a
    {
        padding: 9px 20px !important;
        line-height: normal !important;
    }
    html
    {
        overflow-x: hidden;
    }
    .slide-img {
        width: 40%;
        height: auto;
        position: absolute;
        right: 0;
        top: 6%;
    }
    .carousel .item
    {
        height: 400px !important;
    }
    .carousel
    {
    height: 400px !important;
    }
    .box
    {
        margin-bottom: 15px;
    }
    #media
    {
        height: auto !important;
    }
    .latest-news
    {
        margin-bottom: 15px;
    }
}

/* Responsive End */
        .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.featureDetailsSlider {
	z-index: 99999;
	position: fixed;
	right: -200px;
	width: 565px;
    height: calc(100vh - 95px);
	top: 79px;
	opacity: 1;
-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.17);
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.17);
}

.featureDetailsSliderShow {
    transition-property: transform;
    transition-duration: 0.5s;
    transition-delay: 0.5s;
    transform: translate3d(-200px, 0, 0);
}

.featureDetailsSliderHide {
    transition-property: transform;
	transition-duration: 0.5s;
	transition-delay: 0.5s;
    transform: translate3d(400px, 0, 0);
}
.featureDetailsSlider button.close {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    line-height: 20px;
    color: #ffffff;
    margin-top: 10px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    opacity: 1;
    box-shadow: unset;
}
.featureDetailsSlider button.close span{
margin-right:0;
}
.featureDetailsSlider .tab-content {
    margin: 15px;
    height: calc(100vh - 253px);
    overflow: auto;
    overflow-x: hidden;
}

.sliderButtonVisible {
	visibility: visible;
}
.sliderButtonHidden {
	visibility: hidden;
}
.card-title {
    font-size: 18px;
	font-weight: bold;}

.featureDetailsSlider .list-group ul.nav-tabs {
    text-align: left;
    margin-left: 0;
    background-color: #007279;
    padding: 7px 0 0 7px;
}
.featureDetailsSlider .list-group {
    background-color: #fff;
    padding: 15px 20px 15px 40px;
    border-radius: 5px;
}
/*.featureDetailsSlider i {*/
/*	margin-right: 6px;*/
/*}*/
.featureDetailsSlider .list-group-item {
	border-radius: 0;
	background-color: #333;
	color: #ccc;
	border-left: 0;
	border-right: 0;
	border-color: #2c2c2c;
	white-space: nowrap;
}/* highlight active menu */
.featureDetailsSlider .list-group-item:not(.collapsed) {
	background-color: #222;
}/* closed state */
.featureDetailsSlider .list-group .list-group-item[aria-expanded="false"]::after {
	content: " \f0d7";
	font-family: FontAwesome;
	display: inline;
	text-align: right;
	padding-left: 5px;
}/* open state */
#featureDetailsSlider .list-group .list-group-item[aria-expanded="true"] {
	background-color: #222;
}
.featureDetailsSlider .list-group .list-group-item[aria-expanded="true"]::after {
	content: " \f0da";
	font-family: FontAwesome;
	display: inline;
	text-align: right;
	padding-left: 5px;
}/* level 1*/
.featureDetailsSlider .list-group .collapse .list-group-item, .featureDetailsSlider .list-group .collapsing .list-group-item {
	padding-left: 20px;
}/* level 2*/
.featureDetailsSlider .list-group .collapse > .collapse .list-group-item, .featureDetailsSlider .list-group .collapse > .collapsing .list-group-item {
	padding-left: 30px;
}/* level 3*/
.featureDetailsSlider .list-group .collapse > .collapse > .collapse .list-group-item {
	padding-left: 40px;
}
.user-pic .img img{
    width: 50px;
    height: 50px;
    float: left;
}

.dropdown-submenu{
     position: relative;
}
.dropdown-submenu i.fa-caret-right{
    position: absolute;
    right: 8px;
    top: 13px;
}
.dropdown-submenu ul.dropdown-menu{
    top:0 !important;
    border-radius: 0;
}
.incident-details {
    background-color: #ffffff;
    height: calc(100vh - 71px);
    overflow: hidden;
}
.incident-in-map .incident-details {
    height: auto;
}
.incident-details .nav-tabs {
    background-color: #007279;
    padding: 15px 15px 0;
       border-top: 17px solid #015256;
}
.in-table-in-map td{
    padding: 12px 10px!important;
}
.incident-details .nav-tabs>li>a {
    border-radius: 0;
    color: #fff;
    padding: 14px 15px;
    min-width: 130px;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}
.incident-details .nav-tabs>li>a:hover {
    color: #000;
}
.incident-details .tab-content {
    color: #000;
    padding: 20px;
    height: calc(100vh - 165px);
    overflow: auto;
}
.incident-details .nav-tabs>li.active>a, .incident-details .nav-tabs>li.active>a:focus, .incident-details .nav-tabs>li.active>a:hover {
    color: #696969;
    font-weight: 600;
}
.incident-details .list {
    background-color: #ffecdd;
    padding: 7px 15px;
    font-weight: bold;
    margin-bottom: 10px;
    border-radius: 6px;
}
.incident-details .tab-content .list h1 {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    margin-top: 0;
    margin-bottom: 10px;
}
#tabasset .form-control {
    height: 30px;
    padding: 0px 12px!important;
}
.incident-details .nearest-distance-info .list h1 {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    margin-top: 0;
    margin-bottom: 10px;
}
.incident-details .list .w-box {
    background: #fffefb;
    box-shadow: 0px 4px 2px rgb(0 0 0 / 5%);
    margin-bottom: 10px;
    position: relative;
    padding: 10px 70px 10px 15px;
    font-size: 13px!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500!important;
    color: #696969;
}
.incident-details .list .w-box:last-child {
    margin-bottom: 0;
}
.incident-details .list .badge {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 10px;
    border-radius: 0;
    background-color: #6ba090;

    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    background: none;
    color: #4d8577;
    font-size: 13px;
    font-weight: 700;
    height: 100%;
    display: flex;
    border-left: 1px solid #eeeeee;
    align-items: center;
}
.incident-details .list .hotline {
    color: #f44336;
    padding: 3px 0px;
    font-size: 13px!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500!important;
}
.incident-details .list .hotline span {
    color: #f44336;
}
.incident-details .list.fire-station {
    background-color: #f9eed4;
}
.incident-details .list.fire-station h1 {
    color: #e09045;

}
.incident-details .list.water-source {
    background-color: #c6e3ff;
}

.incident-details .list.water-source h1 {
    color: #3e8aa7;
}
.incident-details .list.emergency-evacuation-center {
    background-color: #d1fbda;
}
.incident-details .list.emergency-evacuation-center h1 {
    color: #32aa62;
}
.incident-details .list.asset-depo {
    background-color: #e2d5f3;
}
.incident-details .list.asset-depo h1 {
    color: #a54ede;
}
.properties-modal.layer-properties .modal-dialog{
    width: calc(100vw - 20%);
    margin: 0;
    right: 0;
    position: absolute;
    height: 100vh;
}
.properties-modal.layer-properties .modal-content {
    height: 100vh;
    border-radius: 0;
    border: none;
}
.properties-modal.layer-properties .modal-dialog .input-sm {
    height: 28px!important;
    font-size: 13px;
    font-weight: 400;
    color: #363636;
    padding: 0 14px!important;
    border-radius: 4px;
    background: transparent;
}
.properties-modal.layer-properties .modal-dialog .tab-content .input-sm {
    height: 30px!important;
}

.preview-row {
    border-bottom: 1px solid #efefef;
}
.properties-modal.layer-properties .tabbable .nav>li>a {
    padding: 8px 15px;
    font-size: 12px;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
}
.properties-modal.layer-properties .tabbable .nav>li.active>a {

    color: #11627a;

}
.properties-modal.layer-properties .tabbable .nav>li.active>a:hover {
    color: #ffffff;
    background-color: #2574f9;
    border-color: #2574f9;
}

.properties-modal.layer-properties .modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.properties-modal.layer-properties .tabbable .tab-content {
    height: calc(100vh - 306px);
    overflow-y: auto;
    overflow-x: hidden;
}
.properties-modal.layer-properties .tabbable .tab-content.classifier {
    height: auto;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}
.properties-modal.layer-properties .alert {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    color: #000;
    line-height: 0;
    border: 1px solid #ebebeb;
}

.properties-modal.layer-properties .tabs-left>li {
    width: 100%;
}

.properties-modal.layer-properties .by-unique{
   min-width: 115px;
   max-width: 115px;
}
.properties-modal.layer-properties .by-range{
    min-width: 115px;
    max-width: 115px;
 }

.properties-modal.layer-properties .modal-dialog .control-label{
    font-size: 13px;
    color: #000;
    padding-top: 7px;
}
.properties-modal.layer-properties .modal-dialog .nav-tabs>li>a:hover {
    border-color: #4385f5;
    background-color: #4385f5;
    color: #fff;
}
.properties-modal.layer-properties .modal-dialog .nav-tabs>li {
    margin-bottom:0;
}
.properties-modal.layer-properties .modal-dialog .nav-tabs>li.active {
    margin-bottom:-1px;
}
/*.properties-modal.layer-properties .modal-dialog .color-ramp{*/
/*    min-width:319px;*/
/*    max-width: 319px;*/
/*}*/
/*.properties-modal.layer-properties .modal-dialog .select-attribute{*/
/*    min-width:308px;*/
/*    max-width: 308px;*/
/*}*/
.visualization-window .panel-body{
    font-weight: 800;
}
.properties-modal.layer-properties .modal-dialog .nav-tabs.tabs-left.sideways{
    background-color: transparent;
    padding: 10px 0 10px 0;
    border-bottom: none;
    margin-bottom: 20px;
    border:none;
}

.properties-modal.layer-properties .classifier-side-nav-container ul.tabs-left >li>
{
   margin-bottom: 3px !important;
}
.properties-modal.layer-properties .classifier-side-nav-container ul.tabs-left >li>a
{
   color: #000;
   background-color: #ebf1f9;
}
.properties-modal.layer-properties .classifier-side-nav-container ul.tabs-left >li>a:hover
{
    background-color: #4385f5;
   color: #fff;
}
.properties-modal.layer-properties .classifier-side-nav-container ul.tabs-left >li.active>a
{
   color: #fff;
   background-color: #4385f5;
}
.properties-modal.layer-properties .classifier-side-nav-container ul.tabs-left >li.active>a:hover
{
   color: #fff;
   background-color: #2574f9;
}
.classification-style-editor-container input {
    color: #000;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-weight: 300;
    padding: 5px 10px;
    margin-right: 8px;
}
.classifier-side-tab-content-container{
    background-color: #fbfbfb;
    position: relative;
/*  margin-top: 30px;*/
}
.classifier-side-nav-container{
    padding:5px;
    padding-right: 0;
    position: absolute;
    height: 100%;
    z-index: 999;
    background-color: #ffffff;
    border-right: 3px solid #337B93;
}
.classifier-right-content-container{
    padding: 15px;
    padding-left:150px;
    border:1px solid #ebebeb;
}
.classifier-class-box .panel-default {
 border-color: #ededed;
}
.classifier-class-box .fixed-table-container-inner {
    border: 1px solid #ededed;
    border-bottom: 0;
}
.classifier-class-box #class-v .panel-footer {
    padding: 10px 15px;
    background-color: transparent;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.classifier-class-box #class-v .classi-preview svg {
/*    transform: scale(0.6);*/
    cursor: pointer;
}
.custom-range{
    padding: 3px 0!important;
}
.classifier-class-box #class-v .classification-style-editor-container {
    background-color: #fff;
    border: 1px solid #ededed;
    float: left;
    margin-right: 25px;
    width: 39%;
    overflow-y: auto;
        overflow-x: hidden;
    margin-bottom: 20px;
    padding-left: 0;
}
.classifier-class-box #class-v .classi-box li {
    padding: 2px 6px;
}
.classifier-class-box #class-v .nav-stacked.classi-box {
    height: 320px;
    overflow: auto;
}
.classifier-class-box #class-v .classification-style-editor-container .fa-times-circle {
    top: 10px;
}
.classifier-class-box #class-v .classification-style-editor-container input {
    width: 95px;
}
.classifier-class-box #class-v .style-column .style-editor {
    height: 33px;
}
.classifier-class-box #class-v .classification-style-editor-container .style-label {
    width: 100px;
}
.classifier-class-box #class-v .classi-preview {
    height: 40px!important;
    width: 61px!important;
    margin-left: 5px;
    display: flex;
    align-items: center;
}
.classifier-class-box #class-v .fixed-table-container-inner th {
    padding: 5px 10px;
}
.classifier-class-box .classi-preview {
    padding: 2px 4px 0 4px;
}
.layer-style-editor label{
    color: #000;
}
.properties-modal.layer-properties .form-control
{
    font-weight: 400;
}
.classification-style-editor-container .fa-times-circle
{
    position: absolute;
    right: 13px;
    top: 16px;
    font-size: 20px;
    cursor: pointer;
    color: #f44336;
}
.style-preview {
    height: 61px;
}
.classi-preview {
    height: auto!important;
    line-height: unset!important;
}
.classi-preview .form-control {
    height: 26px;
}
.s-preview-box tr{
    border-bottom: 1px solid #dfdfdf;
    line-height: 44px;
}
.s-preview-box tr td {
    white-space: normal;
    line-height: initial;
    text-align: left!important;
    font-size: 12px;
    padding: 5px 5px;
}
.layer-style-editor select {
    color: #363636;
    font-size: 14px;
    font-weight: 400;
    border-color: #ccc;
    border-radius: 3px;
    background: #fff;
    padding: 4px 5px;
    margin-right: 8px;
}
.layer-style-editor input {
    color: #363636;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-weight: 400;
    padding: 3px 8px;
    margin-right: 8px;
    height: 30px;
}
.style-group.whiteRow {
    background-color: #f6fbff !important;
    border-top: 1px solid #d6dbdf;
    border-bottom: 1px solid #d6dbdf;
    padding-top: 7px!important;
    padding-bottom: 0px!important;
    margin-bottom: 3px;
}
   .style-group.darkRow{
    background-color: #ebf7ff !important;
    border-top: 1px solid #ffffff;
       border-bottom: 1px solid #ffffff;
}
.modal-footer .alert{
    text-align: center;
    font-weight: 600;
}
.modal-sub-header .btn {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 400;
}
.incident-map-gallery{
    overflow-x: auto;
     overflow-y: hidden;
}
body.layers.upload{
    padding-bottom: 25px !important;
}

/*========Common classes===========*/
.btn {
    font-size: 13px
}
body {
    font-size: 13px;
}
/*radius*/
.radius-25 {
    border-radius: 25px;
    border: 1px solid #e1e4e8;
    padding: 8px 14px!important;
    font-family: 'Roboto', sans-serif;
}
.radius-6 {
    border-radius: 6px;
    border: 1px solid #e1e4e8;
    padding: 6px 15px!important;
    font-family: 'Roboto', sans-serif;
}
/*radius*/
/*==============common button=========*/
/*outline button*/
.blue-outline-btn {
    border: 1px solid #7783F4;
    border-radius: 8px;
    color: #7783F4;
    background: transparent;
    padding: 8px 15px!important;
    line-height: normal;
}
.blue-outline-btn:hover {
    background: #7783F4;
    color:#fff;
}
.blue-outline-btn:focus{
    background: #7783F4;
    color: #fff;
}
.orage-outline-btn {
    border: 1px solid #F18040;
    border-radius: 8px;
    color: #F18040;
    background: transparent;
    padding: 8px 15px!important;
    line-height: normal;
}
    .orage-outline-btn:hover {
        background: #F18040;
        color: #fff;
    }
.coral-outline-btn {
    border: 1px solid #F47780;
    border-radius: 8px;
    color: #F47780;
    background: transparent;
    padding: 8px 15px!important;
    line-height: normal;
}
    .coral-outline-btn:hover {
        background: #F47780;
        color: #fff;
    }
.cyan-outline-btn {
    border: 1px solid #2DB5B2;
    border-radius: 8px;
    color: #2DB5B2;
    background: transparent;
    padding: 8px 15px!important;
    line-height: normal!important;
}
    .cyan-outline-btn:hover {
        background: #2DB5B2;
        color: #fff;
    }
        .cyan-outline-btn:focus {
        background: #2DB5B2;
        color: #fff;
    }
/*outline button*/
/*solid button*/
.circle-info-btn {
    color: #fff!important;
    background-color: #4385F5;
}
.circle-info-btn-outline {
    color: #5590f6;
    border: 1px solid #4385F5;
    border-radius: 50px!important;
    display: flex;
    align-items: center;
    width: 33px;
    height: 33px;
    justify-content: center;
}
.circle-info-btn-outline:hover{
    color: #fff!important;
    background-color: #4385F5;
}
.solid-view-btn {
    background: #4350d0;
    color: #fff;
    border-radius: 6px !important;
    padding:8px 15px!important;
    line-height: normal!important;
}
.solid-view-btn:hover, .solid-view-btn:focus {
    background: #4350d0;
    color: #fff;
}
.solid-info-btn {
    background: #4385F5;
    color: #fff;
    border-radius: 6px !important;
    padding:8px 15px!important;
    line-height: normal!important;
}
.solid-info-btn.focus, .solid-info-btn:focus{
    color: #fff;
}
.solid-info-btn:hover {
    background: #336cce;
    color: #fff;
}
.solid-green-btn {
    background: #1ea54c;
    color: #fff;
    border-radius: 6px !important;
    padding:8px 15px!important;
    line-height: normal!important;
}
    .solid-green-btn:hover{
        color:#fff;
    }
    .solid-red-btn {
    background: #e74c3c;
    color: #fff;
    border-radius: 6px !important;
    padding:8px 15px!important;
    line-height: normal!important;
}
        .solid-red-btn:hover{
        color:#fff;
    }
.solid-black-btn {
    background: #2c3e50;
    color: #fff;
    border-radius: 6px !important;
    line-height: unset;
}
        .solid-black-btn:hover{
            color:#fff;
        }
.page-btn-group{
    background: #4385F5;
    color: #fff;
    font-size: 13px!important;
    font-family: 'Roboto', sans-serif;
    border-radius: 6px!important;
    text-align: center;
    transition: all 0.5s ease;
    padding: 7px 30px!important;
    width: 225px;
    margin: 0 auto;
    font-weight: 400;
}
.page-btn-group-download{
    background: #7783F4!important;
}
        /*solid button*/
        /*action button*/
        .delete-action-btn {
            background: #fdf0ef;
            color: #E74C3C !important;
            border-radius: 6px;
            padding: 5px 10px!important;
            margin-right: 4px;
        }
    .delete-action-btn:hover {
        background: #E74C3C !important;
        color: #ffffff !important;
        border-color: #e44b3b!important;
    }
.edit-action-btn {
    background: #e5eeff;
    color: #4385F5;
    border-radius: 6px;
    padding: 5px 10px!important;
    margin-right: 4px;
}
    .edit-action-btn:hover {
        background: #4385F5;
        color: #ffffff;
    }
.share-action-btn {
    background: #dcf5ff;
    color: #33B5E7;
    border-radius: 6px;
    padding: 5px 10px!important;
    margin-right: 4px;
}
    .share-action-btn:hover {
        background: #33B5E7;
        color: #ffffff;
    }
.password-action-btn {
    background: #d6fbe3;
    color: #1ea54c;
    border-radius: 6px;
    padding: 5px 10px!important;
    margin-right: 4px;
}
    .password-action-btn:hover {
        background: #1ea54c;
        color: #ffffff;

    }
.sms-action-btn {
    background: #fff1da;
    color: #e19319;
    border-radius: 6px;
    padding: 5px 10px!important;
    margin-right: 4px;
}

    .sms-action-btn:hover {
        background: #e19319;
        color: #ffffff;
    }
.disable-action-btn {
    background: #e4f0fd;
    color: #2C3E50;
    border-radius: 6px;
    padding: 5px 10px!important;
    margin-right: 4px;
}
.disable-action-btn:hover {
    background: #2C3E50;
    color: #ffffff;
}
.enable-action-btn {
    background: #c9fffe;
    color: #2DB5B2!important;
    border-radius: 6px;
    padding: 5px 10px!important;
    margin-right: 4px;
}
    .enable-action-btn:hover {
        background: #2DB5B2;
        color: #ffffff!important;
    }
.clone-action-btn {
    background: #f9edff;
    color: #AA66CD;
    border-radius: 6px;
    padding: 5px 10px!important;
    margin-right: 4px;
}
    .clone-action-btn:hover {
        background: #AA66CD;
        color: #ffffff;
    }
.view-action-btn {
    background: #f0f1fd;
    color: #7783F4;
    border-radius: 6px;
    padding: 5px 10px!important;
    margin-right: 4px;
}
    .view-action-btn:hover {
        background: #7783F4;
        color: #ffffff;
    }
/*action button*/
.theme-btn {
    background: #007279;
    color: #fff;
    border-radius: 30px;
    margin-right: 5px;
    border: 1px solid #007279;
}
    .theme-btn:hover {
        background: #00555a;
        color: #fff;
    }
.bttn-transparent {
    background: #e74c3c;
    color: #ffffff;
    padding: 4px 13px;
}
.bttn-transparent:hover {
    color: #ffffff;
}
.bttn-cancel {
    color: #fff;
    background-color: #363d48;
    border-color: #363d48;
    border: 0;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    border-radius: 50px;
    padding: 8px 20px !important;
}

.bttn-primary {
    color: #fff !important;
    background-color: #019d7e;
    border: 1px solid #019d7e;
    border-radius: 50px;
    padding: 4px 15px !important;
}

    .bttn-primary:hover {
        color: #fff;
        background-color: #0a8e74;
    }

.bttn-success {
    color: #ffffff !important;
    background-color: #1ea54c !important;
    border-radius: 50px !important;
    padding: 4px 15px !important;
    border: 1px solid #1ea54c;
    opacity: 1 !important;
}

    .bttn-success:hover {
        color: #ffffff !important;
        background-color: #1ea54c !important;
    }

.bttn-info {
    color: #fff !important;
    background-color: #3498db;
    border: 1px solid #3498db;
    border-radius: 50px;
    padding: 4px 15px !important;
}

    .bttn-info:hover {
        color: #fff;
        background-color: #1970ab !important;
    }

.bttn-warning {
    color: #fff !important;
    background-color: #f39c12 !important;
    border: 1px solid #f39c12;
    border-radius: 50px !important;
    padding: 4px 15px !important;
}

    .bttn-warning:hover {
        color: #fff;
        background-color: #ca7e06 !important;
    }

.bttn-danger {
    color: #fff !important;
    background-color: #e74c3c !important;
    border: 1px solid #e74c3c;
    border-radius: 50px;
    padding: 4px 15px !important;
}

    .bttn-danger:hover {
        color: #fff;
        background-color: #c83223 !important;
    }
    .bttn-clear {
    color: #e74c3c !important;
    background-color: transparent!important;
    border: 1px solid #e74c3c;
    border-radius: 50px !important;
    padding: 4px 15px !important;
}
        .bttn-clear:hover {
        color: #fff !important;
        background-color: #e74c3c !important;
        border: 1px solid #e74c3c;
    }
.bttn-dark {
    color: #2a2b2c !important;
    background-color: transparent!important;
    border: 1px solid #9ea3a8;
    border-radius: 50px !important;
    padding: 4px 15px !important;
}

    .bttn-dark:hover {
        color: #fff !important;
        background-color: #2c3e50 !important;
        border: 1px solid #2c3e50;
    }
.bttn-blue {
    color: #fff !important;
    background-color: #7783F4 !important;
    border: 1px solid #7783F4;
    border-radius: 50px;
    padding: 4px 15px !important;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0;
}
.btn {
    -moz-transition: ease 0.3s;
    -o-transition: ease 0.3s;
    -webkit-transition: ease 0.3s;
    transition: ease 0.3s;
}
.theme-r-button {
    background: #007279 !important;
    color: #fff;
    font-size: 13px !important;
    font-family: 'Roboto', sans-serif;
    border-radius: 40px !important;
    text-align: center;
    transition: all 0.5s ease;
    padding: 7px 18px !important;
    font-weight: 400 !important;
}
.bg-gradient {
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
/*=================button==============*/
/*attribute button*/
        .delete-sm-action-btn {
         background: #fdf0ef;
    color: #E74C3C !important;
    border-radius: 8px;
    padding: 5px 10px!important;
    line-height: 18px!important;
}

    .delete-sm-action-btn:hover {
        background: #E74C3C !important;
        color: #ffffff !important;
        border-color: #e44b3b!important;
    }
/*attribute button*/
/*color*/
.text-logo-light{
    color:#2975ab!important;
}
.text-logo-dark{
    color:#1e576e!important;
}
.text-logo-red{
    color:#7c1315!important;
}
.text-light-dark{
    color:#696969!important;
}
.ed-field{
    color:#282828!important;
}
.theme-bg-color {
    background: #007279!important;
}
.tt-color{
color:#2196f3!important;
}
.bg-white {
    background: #fff;
}
.bg-primary{
background-color: #0d6efd!important;
}
.bg-secondary{
    background-color: #6c757d!important;
}
.bg-success{
    background-color: #198754!important;
}
.bg-danger{
    background-color: #dc3545!important;
}
.bg-warning{
    background-color: #ffc107!important;
}
.bg-info{
background-color: #0dcaf0!important;
}
.bg-light{
background-color: #f8f9fa!important;
}
.bg-dark{
background-color: #212529!important;
}
.bg-gradient{
   background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
.text-dark{
 color:#222222!important;
}
.text-black{
    color:#363636!important;
}
/*color*/
/*padding*/
.p-0{
    padding:0!important;
}
.p-8{
    padding:8px!important;
}
.p-10{
    padding:10px!important;
}
.p-15{
    padding:15px!important;
}
.pt-1{
padding-top:1px;
}
.pt-2{
padding-top:2px;
}
.pt-3{
padding-top:3px;
}
.pt-4{
padding-top:4px;
}
.pt-5{
padding-top:5px;
}
.pt-6{
padding-top:6px;
}
.pt-7{
padding-top:7px;
}
.pt-10{
padding-top:10px;
}
.pt-13{
padding-top: 13px;
}
.pt-15{
padding-top: 15px;
}
.pt-17{
padding-top: 17px;
}
.pt-20{
padding-top: 20px;
}
.pt-35{
padding-top: 35px;
}
.pb-1{
padding-bottom:1px;
}
.pb-2{
padding-bottom:2px;
}
.pb-3{
padding-bottom:3px;
}
.pb-4{
padding-bottom:4px;
}
.pb-5{
padding-bottom:5px;
}
.pb-6{
padding-bottom:6px;
}
.pb-10{
padding-bottom:10px;
}

.pb-15 {
    padding-bottom: 15px;
}
.pb-20{
padding-bottom:20px;
}
.pb-30{
    padding-bottom: 30px;
}
.pb-10{
padding-bottom:10px;
}
.pr-0{
    padding-right:0!important;
}
.pr-5{
    padding-right:5px;
}
.pr-10{
    padding-right:10px;
}
.pr-15 {
    padding-right: 15px;
}
.pl-0{
 padding-left:0;
}
.pl-7{
 padding-left:7px;
}
.pl-15{
  padding-left: 15px;
}
.pl-20{
  padding-left: 20px!important;
}
.p-6-15{
    padding: 6px 15px!important;
}
.p-8-18{
    padding: 8px 18px!important;
}
.p-8-17{
    padding: 8px 17px!important;
}
.p-10-18{
    padding: 10px 18px!important;
}
.p-4-10{
    padding: 4px 10px!important;
    }
.p-5-10{
    padding: 5px 10px!important;
    }
.p-5-15{
    padding: 5px 15px!important;
    }
.p-6-10{
    padding: 6px 10px!important;
    }
.p-7-10{
    padding: 7px 10px!important;
    }
.p-7-15{
    padding: 7px 15px!important;
    }
.p-7-17{
    padding: 7px 17px!important;
    }
.p-7-18{
    padding: 7px 18px!important;
    }
/*padding*/
/*margin*/
.m-0{
    margin:0!important;
}
.mb-0{
    margin-bottom:0;
}
.mb-35{
margin-bottom:35px!important;
}
.mr-15{
    margin-right:15px;
}
.ml-4{
    margin-left:4px;
}
.ml-8{
    margin-left:8px;
}
.ml-10{
    margin-left:10px;
}
.ml-15{
margin-left:15px!important;
}
.ml-25{
    margin-left: 25px!important;
}
.mr-0{
    margin-right: 0!important;
}
.mr-4{
    margin-right:4px;
}
.mr-5{
    margin-right:5px;
}
.mr-7{
    margin-right:7px;
}
.mr-8{
    margin-right:8px;
}
.mr-15{
    margin-right:15px;
}
.mr-25{
    margin-right: 25px!important;
}
.mtop-0{
    margin-top:0!important;
}
.mtop-4{
    margin-top:4px!important;
}
.mtop-5{
    margin-top:5px!important;
}
.mt-15{
    margin-top:15px;
}
.mt-21 {
    margin-top: 21px;
}
.mt-24{
    margin-top:24px;
}
.mt-25{
    margin-top:25px!important;
}
.mt-40{
    margin-top:40px!important;
}
.mb-0{
    margin-bottom:0;
}
.mb-4{
    margin-bottom:4px;
}
.mb-15{
    margin-bottom:15px!important;
}
.mb-20{
    margin-bottom:20px!important;
}
.mb-24{
    margin-bottom:24px!important;
}
.mb-40{
    margin-bottom:40px!important;
}
.m-14{
    margin:14px;
}
/*margin*/
/*line height*/
.lh-16{
    line-height: 16px;
}
.lh-19{
    line-height: 19px!important;
}
.lh-auto{
    height: auto!important;
}
/*line height*/
/*border*/
.border-0{
    border:0;
}
.input-border{
    padding: 7px 16px!important;
    border: 1px solid #e1e4e8!important;
    box-shadow: unset!important;
    border-radius: 5px;
    height: 36px;
}
.input-border:focus {
    border-color: #2975ab!important;
    outline: 0;
}
/*border*/
/*display*/
.d-block{
    display:block;
}
.d-flex{
    display:flex;
}
/*display*/

/*line height*/
.lh-25{
    line-height: 25px;
}
/*line height*/
/*width*/
.w-100{
    width:100%;
}
/*width*/
.flot-title{
   font-family: 'Roboto', sans-serif!important;
   font-weight: 600!important;
   font-size: 18px!important;
   line-height: 20px!important;
   color: #696969!important;
}
.select-opt-border {
    padding: 7px 16px!important;
    border: 1px solid #e1e4e8!important;
    box-shadow: unset!important;
    border-radius: 5px;
    height: 36px;
}
.select-opt-border:focus {
    border-color: #2975ab!important;
    outline: 0;
}
.common-btn{
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    min-width: 100px;
    margin: 0 3px;
    letter-spacing: .3px;
    padding: 7px 0!important;
}
.field-ttl{
    font-size: 13px!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500!important;
    color: #2a2b2c;

}
/*animation*/
.no-animation{
    transition-duration: 0s !important;
    transition-timing-function: ease !important;
    transition-property: none !important;
}
.box-animation{
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
    border-radius:8px;
}
.box-animation:hover{
    transform: translateY(-3px);
    box-shadow: 0 2px 5px 0 hsl(0deg 0% 85% / 60%);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
}
/*animation*/
/*title*/
.title-lg {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2a2b2c;
}
.title-mid {
    font-size: 14px!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2a2b2c;
}
.title-small {
    font-size: 13px!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2a2b2c;
}
.sub-title-lg {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    color: #2a2b2c;
}
/*title*/
/*font*/
.c-properties{
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}
.c-properties-sm{
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}
/*font*/
/*========Common classes===========*/
/*site font*/
.all-children-application-font * {
    font-family: 'Roboto', sans-serif;
}
/*site font*/
.map-layer-box {
    background: #f8f9f9;
    margin:0;
    position:relative;
}
/*.map-layer-box .scrollable-pane .tree-node .shape-type-icon svg text{
    font-size: 12px!important;
}*/
.map-layer-box .arrow-left-container {
    position: fixed;
    left: 350px;
    z-index: -1;
    top: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    box-shadow: 0 1px 2px rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    width: 23px;
    height: 48px;
    cursor: pointer;
    border-left: 1px solid rgb(218,220,224);
    border-radius: 0 8px 8px 0;
    background: #fff 7px center/7px 10px no-repeat;
}
.arrow-right-container {
    position: fixed;
    left: 0;
    top: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    box-shadow: 0 1px 2px rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 64 67 / 15%);
    width: 23px;
    height: 48px;
    cursor: pointer;
    border-left: 1px solid rgb(218,220,224);
    border-radius: 0 8px 8px 0;
    background: #fff 7px center/7px 10px no-repeat;
}

.layout-left, .layout-right {
    border: 0;
}
.map-layer-box .layer-buttons {
    background-color: #ffffff;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.map-layer-box .titleBar {
    border-bottom: 0;
    background-color: #ffffff;
    padding: 0px 20px 0 15px;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    color: #2a2b2c;
    border-bottom: 1px solid #eeeeee;
    height: auto;
}
.map-layer-box .layer-buttons .icon, .document .icon {
    margin-left: 10px;
}
.map-layer-box .tree-angle h5 {
    background-color: unset;
    font-size: 13px;
    line-height: 18px;
    color: #2a2b2c;
    font-weight: 600;
    margin: 0;
    padding: 1px 0;
    display: flex;
    align-items: center;
}
.map-layer-box .tree-node-selected, .tree-node-selected > div:hover {
    background: #cce4e7;
    line-height: 24px;
    border-radius: 0;
}
.map-layer-box .tree-node table {
    line-height: 17px;
    border-radius: 0;
    margin: 0 0;
}
/*.map-layer-box .tree-node{
    padding:2px 0;
}*/
/*checkbox color*/
.map-layer-box input[type=checkbox] {
         position: relative;
	       cursor: pointer;
	       margin-right:3px;
    }
.map-layer-box input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    background-color: #ffffff;
    border: 1px solid #9F9F9F;
    border-radius: 3px;
}
.map-layer-box input[type=checkbox]:checked:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    background-color: #0075ff;
    border-radius: 3px;
    border: 0;
}
.map-layer-box input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px;
}
/*checkbox color*/
/*box shadow*/
.box-shadow-0{
    box-shadow:unset!important;
}
/*box shadow*/
/*data layer*/
.layer-icon {
    font-size: 21px;
}
.data-layer-icon {
    border: 0;
    background: transparent;
}
.layer-icon:before {
    color: #007279;
}
.data-layer-icon[disabled="disabled"], .data-layer-icon[disabled="disabled"]:hover {
    opacity: .3;
}
.ui-widget-overlay {
    background: #000000 url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
}
.ui-widget-header {
    border: 0;
    background: #007279;
    color: #fff;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable {
    padding: 0;
}
.ui-dialog-buttonset button:nth-child(1) {
    color: #ffffff!important;
    background-color: #E74C3C;
    border-radius: 50px!important;
    padding: 5px 15px!important;
    border: 0!important;
}
.ui-dialog-buttonset button:nth-child(2) {
    color: #ffffff!important;
    background-color: #E74C3C;
    border-radius: 50px!important;
    padding: 5px 15px!important;
    border: 0!important;
    background-color: #2c3e50!important;
}
.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}
.ui-widget-content {
    border: 0;
}
.ui-dialog .ui-dialog-content {
    padding: 8px 1em 0px;
}
/*data layer*/
.map-layer-box svg{
width:20px;
border-radius:0;
}
.map-layer-box rect{
width:30px;
stroke: initial!important;
}
.map-layer-box .shape-type-icon {
    margin-bottom: 1px;
    vertical-align: -webkit-baseline-middle;
}
.map-layer-box .ng-binding {
    font-family: 'Roboto';
    font-weight: 400;
    color: #2a2b2c;
    line-height: normal;
    padding-left: 4px;
        font-size: 12px;
}
.layer-child tr{
    vertical-align: middle;
}
.layer-child {
    border-bottom: 1px solid #e9e9e9;
    padding: 1px 15px 2px 0;
}
/*.layer-child {
    border-bottom: 1px solid #e5e5e5;
    padding: 2px 0;
}*/
.layer-child:last-child {
    border-bottom: 0;
}
.map-layer-box button.fas.fa-edit.pull-right {
    height: 19px;
    width: 25px;
    border-radius: 24px;
    background: transparent;
    border: transparent;
    box-shadow: unset;
    margin-right: 18px;
}
.map-layer-box button.fas.fa-edit.pull-right.ng-scope:before {
    color: #0968b3;
    font-size: 14px;
}
.map-layer-box i.fa.ng-scope.fa-caret-right {
    padding-left: 9px;
    color: #007279;
    font-size: 20px;
    padding-top: 0;
}
.map-layer-box i.fa.fa-fw.ng-scope.fa-caret-down {
    padding-left: 13px;
    color: #007279;
    font-size: 20px;
}
.map-layer-box i.fa.ng-scope.fa-caret-down {
    padding-left: 5px;
    color: #7d8182;
    font-size: 20px;
}
.map-layer-box .fa-save.pull-right.ng-scope {
    margin-right: 5px;
    border: 0;
    color: #235b71;
    height: 19px;
    margin-top: 1px;
    color: #ffffff;
    background-color: #138744;
    border-radius: 50px!important;
    padding: 0 10px;
    position: relative;
    font-size: 11px;
}
.map-layer-box .fa-save:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.map-layer-box .fa-close.pull-right.ng-scope {
    margin-right: 5px;
    border: 0;
    height: 19px;
    margin-top: 1px;
    color: #ffffff;
    background-color: #f44336;
    border-radius: 50px;
    padding: 0 10px;
    position: relative;
    font-size: 11px;
}
.map-layer-box .fa-close:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.map-layer-box .layout-left, .layout-right{
border:0;
}
.map-layer-box .tree-node-title .tree-node-name {
    white-space: nowrap;
    border: 0;
    line-height: 16px;
    border-radius: 2px;
    padding-left: 5px;
}
/*scrollbar css*/
/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #007279;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #007279;
}
/*scrollbar css*/
.map-layer-box .projectName.ng-binding {
    background: #007279;
    padding: 1px 15px;
    line-height: 22px;
    display: table;
    width: 100%;
    margin-top: 0;
    font-size: 13px;
    white-space: unset;
    color: #fff;
    text-transform: uppercase;
}
.map-layer-box ul.ng-scope {
    padding-left: 45px;
    padding-top: 3px;
    padding-bottom: 3px;
    margin-bottom: 0!important;
}
.layout-left, .layout-right{
border:0!important;
}
.layout-left.donot-print {
    z-index: 1;
    box-shadow: 1px 0 5px 0 #ababab;
}
/*Query section*/
.query-update-box .well {
    max-height: unset!important;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 500!important;
    color: #fff!important;
    font-size: 15px!important;
    background: #007279;
    border: 0;
}
.query-update-box .well-sm {
    padding: 6px 16px!important;
    margin-bottom: 4px;
}
.query-update-box input[type=checkbox] {
         position: relative;
	       cursor: pointer;
	       margin-right:8PX;
    }
.query-update-box input[type=checkbox]:before {
    content: "";
    display: block;
    position: absolute;
    width: 18px;
    height: 18px;
    top: -1px;
    left: 0;
    background-color: #ffffff;
    border: 1px solid #9F9F9F;
    border-radius: 3px;
}
.ui-grid-selection-row-header-buttons::before {
    margin-left: 7px!important;
}
.query-update-box input[type=checkbox]:checked:before {
    content: "";
    display: block;
    position: absolute;
    /* width: 18px; */
    height: 18px;
    left: 0;
    background-color: #0075ff;
    border:0;
    border-radius: 3px;
}
.query-update-box input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 7px;
}
.checkbox-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #484848;
}
.query-update-box .btn-success {
    background-color: #235b71;
    border-color: unset;
    color: #fff;
    height: auto!important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border: 0;
    outline: 0;
}
.query-update-box .btn-success:hover {
    border: 0;
    outline: 0;
    background: #235b71!important;
}
.query-update-box .group-conditions{
margin-left:0
}
.query-update-box .btn-success .fa.fa-plus {
    padding-right: 6px;
}
.query-update-box .alert-group {
    border: 0!important;
    background: transparent!important;
    padding: 8px 0 0 0!important;
    margin-bottom: 0;
    margin-top: 0;
}
.query-update-box .form-control {
    width: 28%;
    height: 26px!important;
    line-height: 26px!important;
    border: 1px solid rgb(222, 226, 230);
    box-shadow: unset;
    margin-right: 10px;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: 0px 8px!important;
}
.query-update-box select option {
  margin: 40px;
     border:0px;
   outline:0px;
  box-shadow: unset;
  border:0!important;
}
.query-hz-align{
  display: flex;
  align-items: center;
}
.query-update-box {
    background: #fff;
    height: 317px;
    box-shadow: 1px 0 0 #ebebeb;
}
.query-action-box {
    display: flex;
    height: 41px;
    background: #fff;
    position: absolute;
    left: 33px;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: flex-start;
}
.query-action-box .btn-gd-primary {
    color: #fff;
    background-color: #235b71;
    border: 1px solid #235b71;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    line-height: 26px;
    margin-right: 15px;
    height: auto!important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.query-action-box i.fa.fa-binoculars {
    padding-left: 6px;
}
.query-action-box .btn-default {
    color: #fff;
    background-color: #696969;
    border-color: #ccc;
    outline: 0;
    border: 1px solid #6d6969;
}
.query-action-box i.fa.fa-times {
    padding-left: 6px;
}
/*Query section*/
/*Attribute section*/
.attribute-middle {
    height: 290px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 20px;
    color: #f44336;
}
.ui-grid-cell .ui-grid-vertical-bar {
    height: 27px;
}
.attribute-update-box .well {
    max-height: unset!important;
    font-family: 'Roboto', sans-serif!important;
    font-weight: 500!important;
    color: #fff!important;
    font-size: 15px!important;
    background: #007279!important;
    padding: 6px 20px!important;
    border: 0;
}
.attribute-update-box .well-sm {
    padding: 6px 16px!important;
}
.ui-resizable-e {
    width: 9px!important;
    background: url(/static/geonode/images/vsizegrip.png) center center no-repeat #ededed!important;
    border-left: 0!important;
    border-right: 0!important;
}
.attribute-update-box .ui-grid-top-panel{
background:#efefef;
}
.attribute-update-box .ui-grid-header-cell {
    border-color: transparent;
}
.attribute-update-box .ui-grid-header-cell-label {
    font-family: 'Roboto', sans-serif!important;
    font-weight: 600!important;
    color: #373737;
    font-size:12px;
}
.ui-grid-header-cell .sortable {
    cursor: pointer;
    border: 1px solid #ebebeb;
}
.ui-grid-render-container {
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
}
.attribute-update-box .ui-grid-row {
    clear: both;
    border-bottom: 1px solid #ebebeb;
    display: flex;
    align-content: stretch;
    align-items: center;
    height: 27px!important;
}
.attribute-update-box .ui-grid-cell {
    border: 0;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
    background-color: transparent!important;
    border-right: 1px solid #ebebeb;
}
.attribute-update-box .ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: transparent;
    border-right: 1px solid #ebebeb;
}
.attribute-update-box .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
    background-color: transparent;
    border-bottom: 0;
}
.attribute-update-box .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child {
    border-right-color: transparent;
}
.attribute-update-box .ui-grid-cell-contents {
    font-family: 'Roboto', sans-serif!important;
    color: #373737;
    font-weight: 400;
    font-size: 12px;
}
.attribute-update-box .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
    border-right-color: transparent;
}
.attribute-update-box .ui-grid-top-panel {
    background: #f8f8f8;
    line-height: 30px;
}
.attribute-update-box .ui-grid-header {
    border-bottom: 0;
}
.attribute-update-box [class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before {
    font-family: "ui-grid";
    font-style: normal;
    font-weight: bold;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: 0.2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: 0.2em;
    font-size: 16px;
    color: #696969;
}
.attribute-update-box .btn.btn-default.btn-sm.pull-right {
    background: transparent;
    border: 0;
    border-radius: 76px!important;
    top: 6px!important;
    color: #fff;
    right: 32px!important;
    padding: 2px 7px 1px 7px!important;
    border: 1px solid #fff;
}
.attribute-update-box .ui-grid-menu .ui-grid-menu-inner {
    background: #f8f8f8;
    position: relative;
    white-space: nowrap;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    box-shadow: 0 0 4px #d3d3d3;
}
.attribute-update-box .ui-grid-menu-button {
    right: 12px;
    top: 24px;
    background: #0075ff;
    border: 0;
    border-left: 0;
    border-bottom: 0;
    cursor: pointer;
    height: 40px;
    font-weight: normal;
    width: 40px;
    text-align: center;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.ui-grid-menu-button .ui-grid-icon-container {
    margin-top: 2px!important;
}
.attribute-update-box .ui-grid-icon-menu:before {
    color: #ffffff;
}
.attribute-update-box .ui-grid-menu-button .ui-grid-menu {
    right: 46px!important;
    top: 0;
}
.attribute-update-box .modal-footer .row{
    display: flex;
    align-items: center;
    padding: 0px 14px 0 15px!important;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #235b71;
    border-color: #337ab7;
}
.attribute-update-box .modal-footer .pull-left{
  padding: 3px 0 0px 26px;
}
.attribute-update-box .modal-footer .pull-right{
  padding: 3px 26px 0px 0px;
}
.attribute-update-box .pagination-sm>li>a, .pagination-sm>li>span {
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
}
.attribute-update-box .ui-grid-selection-row-header-buttons {
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
    border: 1px solid #424242;
    border-radius: 3px;
    justify-content: center;
    flex-wrap: nowrap;
}

.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before, .ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
    font-size: 12px;
    padding-left: 0px;
    background: #0075ff;
    width: 19px;
    height: 20px;
    margin: 0;
    padding-top: 2px;
    color: #fff;
    margin-right: -12px;
    margin-left: -9px!important;
    /* margin-top: 1px; */
    line-height: 17px;
    border-radius: 3px;
}
.attribute-update-box .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
    border-right: 0;
}
.attribute-update-box .ui-grid {
    border:0!important;
}
.g-attribute-footer {
    position: fixed;
    bottom: -8px;
    width: 67%;
    left: 34%;
    z-index: 1;
    right: 0;
    background:#fff;
}
#attribute-grid {
    padding-left: 6px;
}
.well-sm {
    border-radius: 0;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active {
    background-color: #4385f5!important;
    color: #fff!important;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover, .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus {
    background-color: #4385f5!important;
    color: #fff!important;
}
.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active i {
    color: #fff!important;
}
/*Attribute section*/
/*map tools*/
.zoom-separate {
    display: flex;
    position: absolute;
    left: 8px;
    z-index: 1;
    flex-direction: column;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    top: 9px;
}
.map-toolbar>ul>li {
    float: left;
    position: relative;
    color: #656565;
    margin-right: 5px;
    background: #fff;
    border-radius: 20px;
    padding: 0 7px 0 0;
}
.map-toolbar {
    background: transparent;
    top: 12px;
    width: auto;
    height: 34px;
    position: absolute;
    right: 150px;
    box-shadow: unset;
    border-radius: 0;
    padding-right: 0;
    font-weight: 400;
}
.map-toobar .control-button {
    border-right: 0;
}
.map-toolbar ul li li button {
    float: left;
    position: relative;
    display: flex;
    flex-direction: column;
    border-radius: 50px;
    padding: 0 0px 0 0;
    justify-content: center;
    align-items: center;
}
.map-toolbar ul li li button .svg-icon {
    margin-left: 0;
}

.map-toobar .navbar .nav > li button {
    padding: 7px 9px;
}
.control-button span.caret {
    margin: 0;
    height: 5px;
    position: absolute;
    right: 14px;
    bottom: 2px;
    color: #a4a4a4;
}
/*.map-toolbar ul li button:hover {
    background-color: transparent;
}*/
.map-toolbar .single-tool {
    border-right: 0;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.map-toolbar>ul>li {
    float: left;
    position: relative;
    color: #ffffff;
    display: flex;
    align-content: stretch;
    flex-direction: row;
    align-items: center;
    margin-right: 10px;
    background: #007279;
    border-radius: 50px;
    height:38px;
    width:38px;
    padding: 0 0px 0 0;
    box-shadow: 0 1px 2px rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
}
.map-toolbar .active {
    background-color: #ff9800;
    border-radius: 50px;
    color: #fff;
}
.map-toolbar .active .solid-stl:before {
    color: #fff;
}
geo-location-toggle-button{
    border-radius:50px;
}
.map-toolbar .svg-icon {
    margin-left: 10px;
    color: #64646d;
}
.map-toolbar .buttonActive:not([disabled="disabled"]) {
    background-color: transparent;
    box-shadow: unset;
    outline: 0;
}
.map-settings-btn ul li button {
    background-color: #ed5e68;
    color: #fff;
    border-radius: 50px;
}
.map-toolbar .dropdown-menu {
    padding: 0;
    margin: 0;
    min-width: 160px;
    top: 48px!important;
    border-radius: 5px;
    padding-bottom: 12px;
}
.map-toolbar .dropdown-menu > li > a {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    white-space: nowrap;
}
.map-toolbar .dropdown-menu form label {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}

.map-toolbar .btn-primary {
    background-color: #235b71 !important;
    border-color: #235b71 !important;
    color: #fff;
}
.map-zoom-box {
    display: grid;
}
.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0;
}
.form-horizontal .control-label {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    color: #2a2b2c;
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 3px;
}
.level-box {
    display: inline-flex;
}
.level-box div {
    font-size: 18px;
    width: 85px!important;
    display: inline-flex;
}
.level-box .label {
    display: inline;
    padding: 8px 10px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.level-box .radio-inline {
    display: flex;
    align-items: center;
}
.level-box .radio-inline input {
    margin-bottom:5px;
}
.level-box .label-primary {
    background: transparent;
    padding-left: 0;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}
.level-box .label-success {
    background: transparent;
    padding-left: 0;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}
.search-reset {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    margin-left: 150px;
    flex-direction: row;
}
.search-reset button{
    margin-bottom:8px;
    margin-right:8px;
}
.search-reset .btn-success {
    background-color: #f44336;
    border-color: transparent;
    color: #fff;
}
.search-reset .btn-success:hover {
    background-color: #ff5549 !important;
    border-color: transparent !important;
    color: #fff;
}
.map-toolbar .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.sld-right {
    animation: fadeInRight .5s ease-in-out;
    width: 300px;
    padding: 25px 40px!important;
}
.sld-right button {
    width:100%;
    border-radius: 25px;
    border: 1px solid #e1e4e8;
    padding: 5px 18px!important;
    font-family: 'Roboto', sans-serif;
}
.sld-right btn {
    padding: 8px 18px!important;
}
.sld-right .dropdownd-button {
    border: 1px solid #ebebeb;
    box-shadow: unset;
    height: 32px!important;
    font-family: 'Roboto', sans-serif;
    padding: 6px 15px!important;
    font-size: 13px;
    background: #fff;
    border-radius: 6px!important;
}
.sld-right input {
    border: 1px solid #ebebeb;
    box-shadow: unset;
    height: 32px!important;
    font-family: 'Roboto', sans-serif;
    padding: 6px 15px!important;
    font-size: 13px;
    background: #fff;
    border-radius: 6px!important;
}
.sld-right .filter-drop {
    margin-bottom: 8px;
}
.sld-right .form-group {
    margin-bottom: 5px;
}
.filter-drop label {
    padding-right: 20px;
}
.filter-drop button{
    width:100%!important;
    height:auto!important;
}
.filter-drop button .fa {
    top: 11px!important;
    right: 5px!important;
}
.filter-date input{
    height:32px!important;
}
.sld-right {
    animation: fadeInRight .4s ease-in-out;
    width: 300px;
    padding: 25px 10px!important;
    position: fixed;
    right: 0;
    top: 38px!important;
    display: none;
}
.sld-right .dropdown-menu{
    right: 0!important;
    left: auto!important;
}
.track-user .svg-icon {
    margin-left: 0px!important;
}
.zoom-caret .dropdown-toggle:after{
    content: unset!important;
    font-family:initial;
}
.col-btn{
    position: absolute!important;
    left: -36px!important;
    width: 20px!important;
    border-radius: 0!important;
    background: #007279!important;
    color: #fff!important;
    border: 0!important;
    height: 41px!important;
    top: 0!important;
    border-top-left-radius: 5px!important;
    border-bottom-left-radius: 5px!important;
}
.solid-stl:before {
    color: #ffffff;
}
.solid-stl {
    font-size: 18px;
}
.map-toolbar .nav > li button {
    padding: 0px 0px;
}
.map-short-down {
    position: absolute;
    bottom: -4px;
    color: #ffffff;
    font-size: 17px;
}
.ui-effects-wrapper{
    height:40px!important;
}
.file-container .list-group-item {
    padding: 5px 15px;
    display: flex;
    align-items: center;
}
.classi-box li {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: flex-start; */
    padding: 4px 0;
    white-space: normal;
}
.classi-box input[type=checkbox]{
    width: 24px;
}
sub, sup {
    font-size: 13px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #007279;
}
.scal-box .control-label{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #363636;
}
.scal-check {
    display: flex!important;
    padding-top: 27px;
    align-items: flex-start;
}
.scal-check .control-label {
    padding-top: 0!important;
}
.scal-check input{
    margin-top: 2px;
    margin-right: 9px;
}
.empty-tree-message {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}
.print-title {
    background-color: transparent!important;
    padding: 16px 31px!important;
}
.set-marker {
    display: flex;
    justify-content: flex-end;
    padding-right: 15px;
}
.sortable .ui-grid-cell-contents {
    padding: 0px 5px;
}
.visualization-window select{
    height:36px!important;
}
.rzslider {
    margin: 54px 0 15px 0;
}
.rzslider .rz-bubble {
    bottom: 21px;
    padding: 1px 3px;
    color: #363636;
    cursor: default;
}
.rzslider .rz-selection {
    background: #007279!important;
}
.rzslider .rz-pointer {
    background-color: #007279!important;
}
.dropdown-menu>li>a {
    color: #363636;
}
.tree-node-title .tree-node-name {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #363636;
}
.add-layer-modal-header {
    padding: 8px 15px!important;
}
/*don't change*/
.custom-dropdown {
    top: 142px!important;
    background: #fff;
}
/*don't change*/

/*map tools*/
/*feature info*/
.map-equipment-filter {
    display: flex;
    justify-content: space-between;
}
.map-equipment-filter .input-group{
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(230 233 237);
}
.equipment-filter-btn{
    display: flex;
}
.equipment-filter-btn .form-group{
    margin-right: 5px;
}
.side-list .active a {
    background: white!important;
    color: #696969!important;
}
#sidebar-slide .nav-tabs>li>a:hover{
 color: #696969!important;
}
#sidebar-slide .nav-tabs>li>a {
    padding: 10px 11px 10px 11px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    border: 0;
    border-radius: 0;
    margin-right: 0;
}
#sidebar-slide .SI_name {
    font-family: 'Roboto', sans-serif!important;
    font-weight: 600!important;
    color: #696969;
    font-size:15px;
    padding: 16px 0 22px 0;
    border-bottom:0;
}
#sidebar-slide .SI_value {
    font-family: 'Roboto', sans-serif!important;
    font-weight: 600!important;
    color: #696969;
    font-size:15px;
    padding: 16px 0 22px 0;
    border-bottom:0;
}
#sidebar-slide .table {
    background-color: #fff;
    border: 0;
    border-top: 0;
}
#sidebar-slide td {
    border-top: 0px;
    font-family: 'Roboto', sans-serif!important;
    color: #878787;
    font-weight: 500;
    padding: 4px 0;
    padding-right: 10px;
    text-transform: capitalize;
}
#sidebar-slide input {
    padding: 6px 13px;
    border: 0;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ddd;
    color: #363636;
    font-weight: 400;
}
#sidebar-slide .nav-tabs {
    border-bottom: 0;
}
#sidebar-slide .btn-primary {
    padding: 5px 20px !important;
    color: #fff;
    background-color: #235b71;
    border: 0;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    line-height: 26px;
    height: auto!important;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.map-equipment-filter .input-group-btn .btn-primary{
    background-color: #5590f6!important;
    border: 0;
    color: #ffffff;
    padding: 7px 12px;
    font-size: 13px;
    border-top-right-radius: 6px!important;
    border-bottom-right-radius: 6px!important;
}
.feature-edt {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: nowrap;
    justify-content: left;
    flex-direction: row;
    overflow-x: auto;
}
.feature-edt .incident-pic {
    position: relative;
    margin: 10px 17px 0 0;
}
.feature-edt .btn-delete {
    position: absolute;
    padding: 0!important;
    width: 26px;
    height: 26px;
    border-radius: 50px!important;
    right: -13px;
    top: -9px;
    border: 1px solid #ccc;
}
.upload-btn-wrapper {
    position: absolute;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.feature-edt .btn-delete i{
margin-right:0;
}
.feature-edt canvas{
border-radius: 5px;
}
.upload-btn-wrapper button {
    width: 40px;
    height: 30px;
    display: flex;
    align-items: center;
    border: 0;
    flex-direction: column;
    justify-content: center;
    /*background: #007279;*/
    color: #fff;
    font-size: 28px;
}
.feature-info-footer .upload-btn-wrapper button {
    background: transparent;
    color: #007279;
}
/*.save-img-sec {*/
/*    padding: 10px 15px 0;*/
/*}*/
.featureDetailsSlider .list-group {
    background-color: #fff;
    padding: 0 15px;
    border-radius: 0;
    height: calc(100vh - 95px);
}
.feature-info-footer{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background: #ebf1f3;
    text-align: right;
}
#sidebar-slide .feature-info-table tr td.description{
    font-weight: bold;
    color: #363636;
}
/*feature info*/
/*Properties*/
/*.properties-modal.layer-properties .modal-dialog .nav-tabs {
    background-color: #2A7A92;
    padding: 10px 10px 10px 10px;
    border-bottom: none;
    margin-bottom: 20px;
}*/
.asset-list-table td{
    border-bottom: 1px solid #ebebeb!important;
    padding: 5px 10px!important;
}
.properties-modal .dropdown-menu > li > a {
    padding: 1px 20px;
}
.properties-modal.layer-properties .modal-dialog .nav-tabs {
    background-color: transparent;
    padding: 0 1px 0px 0px;
    border-bottom: none;
    margin-bottom: 0;
}
.properties-modal.layer-properties .modal-dialog {
    width: calc(100vw - 35%);
    margin: 0;
    right: 0;
    position: absolute;
    height: 100vh;
    left: 0;
    margin: 0 auto;
    margin-right: 0;
}
.properties-modal.layer-properties .modal-content {
    height: 100vh;
    border-radius: 0;
    border: none;
    padding: 0 0;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}
.modal-content{
    border-radius: 12px;
    box-shadow: unset;
}
.log-modal{
    padding: 10px 15px!important;
    background: #007279!important;
    border-top-left-radius: 12px!important;
    border-top-right-radius: 12px!important;
    color: #fff;
}

.log-modal h4{
    padding-top: 0!important;
}
.log-modal .close span {
    position: absolute!important;
    right: 6px!important;
    top: 12px!important;
    color: #000;
}
.log-modal .close{
    color: #ffffff!important;
    background: #f44336!important;
    margin-top: 5px!important;
}
#SigninModal .modal-dialog .modal-content .form-group input.form-control {
    border-radius: 6px;
    height: 37px;
    padding: 7px 18px 6px 35px;
    font-weight: 400;
    border: 0;
    box-shadow: unset;
    font-size: 13px;
}
#SigninModal .modal-body {
    padding: 30px 50px!important;
}
.common-light-font {
    font-family: 'Roboto', sans-serif;
    font-size: 13px!important;
    font-weight: 400!important;
    color: #2a2b2c!important;
}
.remember-check span {
    padding-left: 18px!important;
}
.remember-check input {
    position: absolute!important;
    top: -2px!important;
}
.common-light-link-font {
    font-family: 'Roboto', sans-serif;
    font-size: 13px!important;
    font-weight: 400!important;
    color: #4385F5!important;
}
.bttn-signin {
    color: #fff !important;
    background-color: #007279;
    border: 1px solid #007279;
    border-radius: 50px!important;
    padding: 6px 24px 6px 24px!important;
    font-size: 14px!important;
    font-family: 'Roboto';
}
#SigninModal .modal-dialog .modal-content .form-group {
    position: relative;
}
#SigninModal .modal-dialog .modal-content .form-group span.username::before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f007";
}
#SigninModal .modal-dialog .modal-content .form-group span.password::before{
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f084";
}
#SigninModal .modal-dialog .modal-content .form-group span.icon {
    position: absolute;
    left: 15px;
    top: 10px;
    z-index: 1;
    color: #007279;
    font-size: 13px!important;
}
.modal-header .close {
    opacity: 1;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    margin-top: 0px;
    position: relative;
}
.modal-header .close span {
    position: absolute;
    right: 5px;
    top: -5px;
    color: #000;
}
.update-cat-modal .modal-header {
    padding: 9px 15px 4px 15px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.update-cat-modal .modal-header .close {
    margin-top: -6px;
    color: #fff!important;
     text-shadow: unset;
    opacity: 1;
}
.properties-modal.layer-properties .tabbable .nav>li>a {
    color: #2a2b2c;
    background: #e9e9e9;
    padding: 5px 20px;
    font-weight: 500;
    font-size: 13px;
}
.properties-modal .form-group {
    margin-bottom: 8px;
}
.l-properties-box .nav-tabs>li>a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0;
}
.l-properties-main .modal-header .close {
    height: auto;
}
.l-properties-title {
    font-size: 15px;
    color: #3c4043;
    line-height: normal;
}
.l-properties-main .layer-style-editor{
	padding: 0 15px;
}
.properties-center {
    display: flex;
    justify-content: center;
}
.l-properties-main .modal-header {
    background: #f1f3f4;
    border-bottom: 1px solid #ededed;
    padding: 10px 15px;
}
.l-properties-main .modal-sub-header {
    border-bottom: 1px solid #ededed!important;
    padding: 10px 15px 10px 15px!important;
}
.l-properties-box {
    background: #fff;
}
.l-properties-box .nav-tabs > li {
    float: left;
    display: inline-block;
    border-right: 1px solid #d1d1d1;
}
.l-properties-box .tab-content>.tab-pane {
    padding: 0 10px;
    margin-top: 8px;
    margin-bottom: 10px;
}
.properties-modal.layer-properties .tabbable .nav>li.active>a {
    color: #ffffff;
    background: #4385f5;
}
.modal-content {
    background-color: #f7f7f7;
}
.map-pro-modal .modal-sub-header {
    font-family: 'Roboto', sans-serif;
    background-color: transparent;
    border-bottom: 0;
    padding: 12px 15px 0px 15px;
}
.style-box {
    display: flex;
    align-items: stretch;
    padding-bottom:13px;
}
.style-box label{
    margin-right:5px;
}
.style-box input{
    margin-right:20px;
}
.l-properties-box .layer-style-editor label {
    font-weight: 600;
    font-size: 13px;
    color: #363636;
    padding-top: 0;
    margin-bottom: 3px;
}
.l-properties-box .style-group.whiteRow {
    background-color: transparent !important;
    border-top: 0;
    border-bottom: 1px solid #efefef;
}
.l-properties-box .style-label {
    width: 200px;
    color: #696969;
    padding-top: 7px;
    margin-bottom: 15px;
}
.properties-modal.layer-properties .modal-footer {
    padding: 5px 15px 5px 15px;
    background: #f1f3f4;
    left: 0;
    border-top: 1px solid #ededed;
}
.l-properties-box .style-group.darkRow {
    background-color: transparent !important;
    border-top: 0;
    border-bottom: 0;
}
.properties-modal.layer-properties .tabbable .tab-content {
    height: calc(100vh - 190px);
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ededed;
}
.tab-content.advance-edit-tab {
    height: auto!important;
}
.ad-search .form-control {
    height: 32px;
    line-height: 32px;
}
.properties-modal.layer-properties .modal-dialog .control-label {
    font-size: 13px;
    color: #363636;
    display: flex;
    align-items: center;
}
.properties-modal.layer-properties .modal-dialog .control-label input{
    margin-right: 5px;
}
.classifier-side-nav-container {
    padding: 0;
    border-right: 0;
}
.classifier-right-content-container {
    padding: 0;
    border: 0;
    padding-left: 65px;
}
.properties-modal.layer-properties .modal-dialog .nav-tabs.tabs-left.sideways {
    background-color: transparent;
    padding: 0;
    border-bottom: none;
    margin-bottom: 20px;
    border: none;
}
.properties-modal.layer-properties .classifier-side-nav-container ul.tabs-left >li.active>a {
    color: #fff;
    background-color: #4385f5;
    text-align: center;
}
.properties-modal.layer-properties .classifier-side-nav-container ul.tabs-left >li>a {
    color: #000;
    background-color: #e9e9e9;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding: 12px 0;
}
.properties-modal.layer-properties .classifier-side-nav-container ul.tabs-left >li {
    border-right: 0;
}
.properties-modal.layer-properties .classifier-side-nav-container ul.tabs-left >li>a i {
    font-size: 20px;
}
.advance-box {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}
.advance-box .btn{
    margin-left:15px;
}
.pro-title{
    font-size: 13px!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 500!important;
    color:#363636;
}
.pro-title-regular{
    font-size: 14px!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400!important;
    color:#363636;
}
.darkRow.lableColumn {
    padding-top: 4px;
}
.choose {
    font-size: 14px!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
    padding: 5px 10px;
    margin: 0;
}
.down-arrow {
    right: 10px;
    top: 7px;
}
/*.preview-row {
    border-bottom: 1px solid #e9e9e9;
}*/
.palette-picker-container {
    border: 0;
}
.palette-choice-list {
    border: 0;
}
.palette-picker-container {
    height: auto;
}
.w-words {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #363636;
}
.style-column .style-editor {
    margin-bottom: 15px;
    display: flex;
    align-content: space-around;
    align-items: center;
    justify-content: flex-start;
    height: 20px;
}
.visualization-window .panel-default > .panel-heading {
    background-color: #4385f5;
    color: #fff;
    padding: 7px;
}
.palette-choice {
    background-color: transparent;
    padding: 2px 0px 0 0px;
    border-top: 0;
    border-bottom: 0;
    text-align: center;
}
.color-preview {
    width: 5.8px;
    height: 28px;
    display: inline-block;
    margin-top: 0;
}
.palette-picker-container {
}
.checkbox-header {
    display: flex;
    justify-content: flex-start;
}
.checkbox-header input{
    margin-right: 9px;
}
.point-type-drop img{
    vertical-align: text-bottom;
}
.visual-color-list{
    font-size: 13px;
    line-height: 24px;
    display: flex;
    align-items: flex-start;
}
.visual-color-box input{
    margin-right: 5px;
}
.visual-color-box {
   border: 1px solid #ebebeb;
   box-shadow: unset;
}
.visual-color-box .style-editor input {
    border: 1px solid #ededed;
    padding: 3px 5px;
    border-radius: 5px;
}
.rzslider .rz-pointer.rz-active:after {
    background-color: #fff!important;
}
.visual-check {
    position: absolute;
    top: 13px;
    left: 6px;
}
.layer-properties .modal-content{
    background:#fff!important;
}
.pt-icon-box {
    margin-bottom: 0!important;
    margin-right: 10px;
}
.pt-icon-box i{
    font-size: 16px;
}
.pt-icon-box .point-type-drop li {
    float: left;
}
.point-icon-search {
    float: unset!important;
    display: block;
    padding: 11px 16px 10px 10px;
    position: fixed;
    background: #e9e9e9;
    z-index: 2;
    width: 440px;
}
.point-icon-search input {
    font-family: FontAwesome;
    width: 100%;
    margin: 0;
    border: 0;
}
.point-icon-search input:focus {
 border: 1px solid #2196f3;
}
.point-icon-padding {
    float: unset!important;
    display: block;
    padding-top: 55px;
}
.pt-icon-box .point-type-drop li a {
    padding: 0;
    transition: transform .2s;
    width: 36px;
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pt-icon-box .point-type-drop li a i{
    font-size: 20px;
}
.pt-icon-box .point-type-drop li a:hover {
    background: transparent;
    color: #4385f5!important;
    transform: scale(1.5);
}
.pt-icon-box .point-type-drop {
    width: 450px;
    height: 230px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 0 12px 0;
}
.l-properties-box .dropdown-toggle {
    height: 30px;
    border: 1px solid #ccc;
    background: transparent;
}
#class-v .pt-icon-box .point-type-drop {
    width: 15vw;
    height: 230px;
    overflow-y: scroll;
}
.classifier-class-box #class-v .classi-preview svg {
    width: 42px;
    height: 34px;
}
#class-v .classification-style-editor-container .classi-preview {
    height: auto!important;
    width: auto!important;
}
#class-v .classification-style-editor-container .classi-preview svg {
    height: auto!important;
    padding-bottom: 5px;
}
#class-v .classification-style-editor-container .classi-preview .style_two {
    transform: translate(0px, 7px);
}
#class-v .classification-style-editor-container .classi-preview .style_one {
    transform: translate(-11px, 3px);
    width: 49px;
}
.classifier-class-box #class-v .classi-preview .style_one {
    width: 48px;
    height: 40px;
}
.classifier-class-box #class-v .classi-preview svg rect {
    width: 30px;
    height: 30px;
}
/*.classifier-class-box #class-v .classi-preview svg .squire-style-icon {
    transform: translate(-2px, 2px);
}*/
/*Properties*/
/*data layers*/
.layer-rt {
    padding: 0;
    background: transparent;
    border: 0;
    color: #70757a;
}
.layer-lt {
    padding: 0;
    background: transparent;
    border: 0;
    color: #70757a;
    font-size: 16px;
}
.layer-item-box{
    overflow: hidden;
}
.layer-item-box:hover {
    overflow: auto;
}
/*data layers*/
/*drag search data*/
.drag-search-modal .ui-grid-header-canvas {
    line-height: 30px!important;
}
.drag-search-modal .modal-header {
    padding: 10px 15px;
}
.drag-search-modal .sortable .ui-grid-cell-contents {
    padding: 0 5px;
    height: 30px;
    font-size: 13px;
    font-weight: 500;
}
.drag-search-modal .ui-grid-selection-row-header-buttons::before {
    margin-left: 0!important;
}
.drag-search-modal .fa.fa-times-circle.modal-close-icon
{
    float: right;
    cursor: pointer;
    color: #f44336;
    font-size: 19px;
}
/*drag search data*/
.ui-grid-cell-focus{
    background-color: transparent !important;
}
.map-toolbar ul li .btn-primary:hover{
    background-color: #377f9b !important;
}
.map-toolbar ul li .btn-primary:hover{
    background-color: #377f9b !important;
}
.messages-container ul{
    list-style: none;
    padding-left: 0;
}
.messages-container ul li ul{
    list-style: none;
    padding-left: 0;
}
.messages-container ul .incident-pic {
    padding: 4px 4px;
}
.messages-container ul .message-box {
    border-bottom: 1px solid #efeeee;
    margin-bottom: 15px;
}
.awesome-marker .icon-white {
    color: #fff;
    font-weight: 600;
    font-family: 'Font Awesome 5 Free'!important;
}
/*.incident-image-in-map {*/
/*    position: relative;*/
/*}*/
.feedback-content-container {
    position: absolute;
    bottom: 15px;
    width: 100%;
    padding-right: 40px;
}

.feedback-input-container {
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.feedback-input-container textarea {
    width: 100%;
    height: 100px;
    border: none;
    padding: 15px;
}

.feedback-input-container .added-image-container {
    width: 100%;
    height: 100px;
    background-color: #f5f7f8;
    border-top: 2px solid #c7c7c7;
}
.owner-image-container .added-image-container {
    width: 150px;
    height: 100px;
    background-color: #f5f7f8;
    border-top: 2px solid #c7c7c7;
}

.feedback-input-container .added-image-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.feedback-input-container .added-image-container ul li {
    list-style-type: none;
    display: inline-block;
    margin: 15px 5px;
    position: relative;
}

.feedback-input-container .added-image-container ul li .btn {
    position: absolute;
    right: 5px;
    top: 5px;
}

.feedback-input-container .added-image-container ul li img {
    height: 73px;
}

.messages-container {
    height: calc(100vh - 475px);
    overflow: auto;
}

.leaflet-popup-content-wrapper{
    border-radius: 0;
    background: gray;
    color: black;
    font-size: 14px;
}

.leaflet-popup-content{
    margin: 5px;
}

.leaflet-popup-tip{
    background: gray;
}

.leaflet-popup-close-button{
    display: none;
}
.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.feedback-input-container textarea {
    width: 100%;
    height: 100px;
    border: none;
    padding: 15px;
}
.feedback-input-container .added-image-container {
    width: 100%;
    height: 100px;
    background-color: #f5f7f8;
    border-top: 2px solid #c7c7c7;
}
.catalog-browser.drag-search-modal .tab-content .ui-grid-menu-button {
    right: 16px;
    top: 40px;
    background: #0075ff;
    border: 0;
    cursor: pointer;
    height: 40px;
    font-weight: normal;
    width: 40px;
    text-align: center;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.catalog-browser.drag-search-modal .tab-content .ui-grid-menu-button .ui-grid-menu {
    right: 32px;
    top: 0;
}
/*========Map page redesign===========*/
/*========login page redesign===========*/
.navbar-nav > .open > a, .navbar-nav > .open > a:focus, .navbar-nav > .open > a:hover
 {
    color: #fff;
    background-color: #2975AB!important;
}
.log-menu>.navbar-brand {
    margin-right: 0;
}
/*========login page redesign===========*/
/*========home dashboard===========*/
.card-color1 {
    background:#1ABC9C!important;
}
.card-color2 {
    background:#3498DB!important;
}
.card-color3 {
    background:#7783F4!important;
}
.card-color4 {
    background:#E74C3C!important;
}
.card-color5 {
    background:#007279!important;
}
.data-box .data-parent{
    border-radius: 81px;
    z-index:1;
}
.data-parent {
    display: flex;
    align-items: center;
    justify-content: center;
}
.data-parent1 {
    background: #ed5e68!important;
}
.data-parent3 {
    background: #BFA080!important;
}
.card-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.data-number b {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 19px;
    font-weight: 500;
}
.data-number p {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
}
.data-number-2 b {
    font-family: 'Roboto', sans-serif;
    color: #4a4a4a;
    font-size: 19px;
    font-weight: 500;
}
.data-number-2 p {
    font-family: 'Roboto', sans-serif;
    color: #4a4a4a;
    font-size: 46px;
    font-weight: 700;
    line-height: 50px;
}
.data-box .card-body {
    padding: 17px 45px;
}
.data-box{
border-radius:15px!important;
border:0!important;
}
.card.shadow.home-map-box.text-start.h-100 {
    box-shadow: unset!important;
}
.card-title-small {
    z-index: 2;
}
.data-parent i {
    font-size: 36px;
}
.data-parent i:before {
    color: #fff;
    font-size: 48px;
}
.data-number {
    text-align: right;
    padding-right: 5px;
}
.main-header {
    font-size: 30px!important;
    color: #4a4a4a!important;
    line-height: 26px!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}
.sub-header {
    font-size: 17px!important;
    color: #6c6c6c!important;
    font-weight: 500!important;
    margin-bottom: 20px;
}
.data-parent img{
width:57px;
}
.color-incident {
    color: #ed5e68!important;
}
.color-asset {
    color: #007279!important;
}
.color-ward{
 color:#BFA080!important;
}
.home-dashboard {
    padding: 0 55px;
    background:#f8f8fb;
}
.home-map-box .card-body {
    padding: 10px;
}
.home-map-box .card-title {
    padding: 0 0 6px 0;
    margin: 0;
}
.count-card {
    background: #fff;
    padding: 0 0 20px 0;
    min-height: 397px;
    border-radius: 6px;
}
.count-card h3 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    padding: 8px 15px 5px 15px;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 500;
}
.count-one h3{
  background:#3AB67A;
}
.count-two h3 {
    background: #7783f4;
}
.count-three h3{
  background:#FD5353;
}
.count-left .counter-icon {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}
.count-one .count-left .counter-icon {
    background: #eefff7;
}
.count-two .count-left .counter-icon {
    background: #f5f6fd;
}
.count-three .count-left .counter-icon {
    background: #fdf3f3;
}
.count-one .count-left .counter-icon span:before {
    color: #3ab67a;
}
.count-two .count-left .counter-icon span:before {
    color: #7783f4;
}
.count-three .count-left .counter-icon span:before {
    color: #fd5353;
}
.count-one .count-number{
  color:#3AB67A;
}
.count-two .count-number {
    color: #7783f4;
}
.count-three .count-number{
  color:#FD5353;
}
.count-single {
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    margin: 7px 15px;
    padding: 3px 0;
    border-radius: 5px;
}
.count-left .counter-icon span {
    font-size: 22px;
}
.count-number {
    font-size: 16px;
    display: block;
    text-align: right;
}
.count-left p {
    color: #54595E;
    font-size: 14px;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.count-left {
    display: flex;
    align-items: center;
}
/* select */
.checkbox-dropdown {
    width: 300px;
    position: relative;
    user-select: none;
    margin: 0 10px 0 5px;
}
.checkbox-dropdown .form-group {
    display: flex;
    align-items: center;
}
.checkbox-dropdown .form-group label {
    white-space: nowrap;
    padding-right: 10px;
    color: #2a2b2c;
    font-size: 13px;
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.zone-select {
    display: flex;
    justify-content: flex-end;
}
.count-ttl {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px !important;
    color: #2a2b2c;
    line-height: 26px !important;
    padding-top: 6px;
}
.checkbox-dropdown .form-control {
    height: 37px;
    font-size: 13px;
}
    .checkbox-dropdown .form-group {
    margin-bottom:0;
    }
    .c-menu__close .c-menu_gd_close {
    background: #f44336!important;
    border: 1px solid #e91e63!important;
    color: #fff!important;
    cursor: pointer;
    padding: 4px 8px 2px 8px!important;
    border-radius: 50px!important;
}
.home-map-box h1 {
    font-family: 'Roboto';
    font-weight: 500;
    color: #2a2b2c!important;
    font-size: 17px;
}
.home-map-box .ms-0 {
    font-family: 'Roboto';
    font-weight: 500!important;
    color: #2a2b2c!important;
    font-size: 17px!important;
}
.zone-ward-box .btn-group {
  line-height: 24px;
  display: flex;
}
.zone-ward-box button {
    width: 100%;
    display: flex;
    padding-left: 12px;
}
.zone-select .checkbox-dropdown .radius-6 {
    padding: 6px 0px!important;
}
.zone-ward-box span {
     top: 5px!important;
}
.zone-ward-box button:hover {
    color: #777!important;
}
.zone-ward-box .dropdown-menu{
    margin: 30px 0 0;
    width: 100%;
    max-height: 250px!important;
}
.zone-select .bttn-dark {
    padding: 8px 15px !important;
    border-radius: 6px!important;
    line-height: 19px!important;
}
.zone-ward-box .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #ffffff!important;
}
/*========home dashboard===========*/
/*========Incident map===========*/
.incident-list-rt {
    display: flex;
    justify-content: flex-end;
}
.dis-flex {
    display: flex;
    justify-content: flex-end;
}
.incident-list-rt .layer-search {
    margin-right: 4px;
}
.panel-content a, button, li:hover {
    line-height: unset!important;
}
.incident-map-gallery img{
   width: 100px;
   object-fit:cover;
}
.incident-pic img{
   width: 100px;
   height: 100px;
   object-fit:cover;
}
.public-inc-list {
    text-align: -webkit-right;
    float: right;
}
/*========Incident map===========*/
/*========Incident dashboard===========*/
.incident-cal {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
}
/*.incident-cal .btn:hover, .btn:focus, .btn.focus {
    color: #fff;
}*/
.filter-box.doc-list .btn:focus{
   color:#222!important;
}
/*.filter-box .btn:focus {
    color: #fff!important;
}*/
.cal-pick {
    border: 1px solid #e3e3e3;
    padding: 6px 15px;
    margin: 0px 12px 0 0;
    border-radius: 6px;
}
.cal-pick label {
    padding-right: 11px;
    color: #3849ed;
    margin-bottom: 0;
}
.align-mid{
    display: flex;
    align-items: center;
}
.inc-dash-data {
    width: 65vw;
    margin: 0 auto;
}
#file-input {
    color: #040404;
}
/*========Incident dashboard===========*/
.nav.navbar-nav.navbar-right .container {
    width: auto!important;
}
.pb-btn {
    color: #ffffff!important;
    border: none;
    padding: 9px 40px !important;
    line-height: 19px!important;
    margin-top: 0;
    border-radius: 50px!important;
    background-color: #005255;
    border-color: #005558;
}
.pb-btn:hover{
    color: #ffffff!important;
    border: none;
    background-color: #005558!important;
    border-color: #005558!important;
}
#sidebar {
    z-index: 999!important;

}
.navbar-fixed-top, .navbar-fixed-bottom {
    z-index: 1000 !important;
}
/*========Asset dashboard===========*/
.eq-box .card-body {
    padding: 17px 20px;
}
.equipment-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.asset-dashboard {
    padding: 0 55px;
    background: #f8f8fb;
}
.critical-card-box {
    margin: 30px 0 15px 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.card-min-height{
    min-height: 111px;
}
/*.asset-edt-img {
    margin-left: 15px;
}*/
.asset-crt-img {
/*    margin-left: 5px;*/
    display: block;
    overflow: visible;
}
.critical-check{
    display: flex;
    align-items: flex-start;
    margin-top: 30px;
}
.critical-check input[type="checkbox"] {
    margin: 2px 15px 0 0px;
}
.eq-category{
    width: 113px;
    padding: 6px 2px!important;
}
/*========Asset dashboard===========*/
/*========Map explore===========*/
.map-cards-box .icon-box .list-inline li:nth-child(5){
    display: none;
}
.summery.icon-box .list-inline li a:hover .fa{
    color: unset;
}
.map-card-box{
    height: 120px;
}
.limited-text {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .3px;
    color: #565656;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.limited-text:hover {
    overflow: auto;
}
.pagination > li > a, .pagination > li > span {
    padding: 8px 20px;
    border: 0;
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 19%) 0px 1px 2px 0px;
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 600;
    color: #007279;
}
.title-action-btn .top-site-search {
    margin-right: 0;
}
.icon-box {
    background: #5590f6;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-top: 0!important;
    padding: 0 25px;
}
.icon-box li a{
    color: #ffffff!important;
}
.filter-box {
    padding: 14px 0;
}

.filter-box #search_input2 {
    border: 0;
/*    border-radius: 20px;*/
    background: transparent;
}

.src-control {
    border: 0!important;
    background: transparent;
}
.filter-box #search2 {
    margin-right:0;
}
.layer-search .btn{
    background: #5590f6!important;
    border: 0;
    color: #ffffff;
    padding: 7px 12px;
    font-size: 13px;
    border-top-right-radius: 6px!important;
    border-bottom-right-radius: 6px!important;
}
.layer-search {
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 0 1px rgb(230 233 237);
    margin-right: 6px!important;
}
.fr {
    float: right;
}
.g-view-icon a {
    margin-left: 4px!important;
/*    border: 0;
    color: #5F6368;
    border-radius: 25px!important;*/
}
.btn-info {
    color: #fff!important;
    background-color: #007279;
}
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #007279;
    border-color: #1b6d85;
}
.btn-info:hover {
    background-color: #007279;
    border-color: #007279;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-color: #007279;
    border-color: #007279;
}
.btn-info:focus, .btn-info.focus {
    background-color: #007279;
    border-color: #1b6d85;
}
.table-data-search-asset {
    border: 0!important;
    border-radius: 20px;
    background: transparent;
}
.btn-default {
    border-color: transparent;
}
.filter-box .dropdown-menu {
    top: 34px!important;
}
.filter-box .dropdown-menu > li > a {
    padding: 6px 20px;
    font-size: 13px;
}
.pagination-more{
    font-weight: 600;
    color: #007279;
    margin-top: 10px;
}
.table {
    margin-bottom: 0;
}
.pagination-box{
    display: flex;
    width: 100%;
    background: #fff;
    padding-top: 7px;
}
.pagination-pad{
    padding: 6px 10px 10px 10px;
}
/*========Map explore===========*/
/*========Navbar===========*/
.nav-search-index #search_input {
    border: 0;
    box-shadow: 0 0px 1px #626262;
    background: #fff;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
#navbar {
    margin-top: 8px!important;
}
.navbar-default {
    height: 72px;
}
.dropdown-toggle::after {
    margin-left: 3px!important;
    font-size: 11px!important;
}
#search .fa-search{
    color:#fff;
}
.navbar-default {
    height: 71px!important;
}
/*========Navbar===========*/
/*========Footer===========*/
footer {
    background: #025b60;
    padding: 16px 10px 10px 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}
/*========Footer===========*/
/*========Upload layers===========*/
.nextBtn i {
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    padding-left: 4px;
}
.nextBtn {
    margin-top: 10px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}
.button-box{
    text-align:right;
}
.stepwizard {
    padding-bottom: 25px!important;
}
.stepwizard-step p {
    margin-top: 0;
    color: #2a2b2c;
    font-family: 'Roboto';
    padding-left: 10px;
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 0;
}
.stepwizard-step {
    display: flex;
    text-align: center;
    position: relative;
    align-items: center;
    justify-content: center;
}
.stepwizard-row:before {
    height: 0;
}
.stepwizard-row {
    display: flex;
    justify-content: center;
    background: #fff;
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #ebebeb;
}
.centre-box {
    background: #fff;
    padding: 0 25px 40px 25px;
    width: 100%;
    font-family: 'Roboto', sans-serif;
}
.stepwizard .btn-circle {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-weight: 600;
    font-size: 15px;
    padding: 0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-color: #ccc;
}
.layer-faq .panel-heading .panel-title {
    display: flex;
    align-items: flex-end;
}
.layer-faq .panel-heading a{
    display: block;
    width: 100%;
    font-size: 13px;
}
.select2-container-multi .select2-choices {
    background-image: unset!important;
    padding: 4px 16px!important;
    border: 1px solid #e1e4e8!important;
    box-shadow: unset!important;
    border-radius: 5px;
    height: 32px!important;
}
.layer-faq .panel{
    border:0;
    box-shadow:unset;
}
.layer-faq .panel .controls {
    padding: 0;
    box-shadow: unset;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background: #ffffff;
    padding: 7px;
}
.select2-results {
    margin: 0;
    padding: 0;
}
.select2-drop{
    border:0;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
    outline: 0;
    outline-offset: 0;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 0;
    outline-offset: 0;
}
.f-input {
    font-size: 13px!important;
    border: 0;
    background: #efefef;
    width: 100%;
    padding: 14px 15px!important;
}
.ul-box {
    background: #fff;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 60px;
}
/*========Upload layers===========*/

/*Layer modal*/
.l-modal .modal-dialog {
    margin: 117px auto 0;
    background:#fff;
    width: 800px;
}
.l-modal .modal-title {
    margin: 0;
    line-height: unset;
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: 400;
    color:#fff;
}
    .l-modal .modal-header {
    background: #386c7f;
}
.l-modal .close {
    color: #fff;
    opacity: 1;
}
/*Layer modal*/
/*========Advanced search===========*/
.form-control {
    border: 1px solid #e1e4e8;
    box-shadow: unset;
    height: 32px;
    font-family: 'Roboto', sans-serif;
    padding: 6px 10px;
    font-size: 13px;
}
.l-properties-box .form-control {
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
}
.form-control:focus {
    border-color: #2975ab!important;
    outline: 0;
    box-shadow:unset;
}
.checkbox-dropdown .form-control:focus {
    border-color: #e3e6ea!important;
    outline: 0;
    box-shadow: unset;
}
.search-dp {
    display: inline-table;
    margin-bottom: 15px;
}
.btn-gd-primary {
    background-color: #376b7f;
    border: 1px solid #376b7f;
}
.map-mega-search{

}
/*========Advanced search===========*/
/*========User Role Assign Start===========*/
.page-heading {
    background: #ffffff;
    margin-top: 1px;
    height: 80px;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 10px;
    margin: 20px 25px;
    border-radius: 5px;
}
.tools-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.page-ttl {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 600;
    margin: 0;
    color: #2a2b2c;
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb;
}
.dash-right-box {
    background: #ffffff;
    margin: 0 15px 15px 15px;
    padding: 12px 20px;
}
.table-border thead tr th {
    font-weight: 500;
    padding: 10px 10px;
    color: #656565;
}
#approved .table thead tr th{
    font-weight: 500;
    padding: 10px 10px;
    color: #656565;
}
.role-search {
    display: inline-flex;
    align-items: center;
}
.role-search i{
    background: #007279;
    color: #ffff;
    padding: 10px 20px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.grid-container.user-card-main {
    margin-bottom: 15px;
}
/*========User Role Assign End===========*/
/*========Admin workspace start===========*/
.clear-btn-border{
    padding: 7.4px 15px !important;
    border-radius: 6px!important;
    line-height: 19px!important;
    color: #ed5e68!important;
    font-weight: 500;
    background: transparent;
    text-decoration: none!important;
    border: 1px solid #ed5e68;
}
.clear-btn-border:hover{
    color: #fff!important;
    background: #ed5e68
}
.delete-btn-fill{
    background:#ed5e68;
    padding: 4px 10px!important;
    color: #fff!important;
    border-radius: 5px;
    font-weight: 500;
    text-decoration:none!important;
}
.del-btn {
    padding: 4px 10px!important;
    color: #ed5e68!important;
    border-radius: 5px;
    font-weight: 500;
    background: transparent;
    text-decoration: none!important;
    border: 1px solid #ed5e68;
}
.del-btn:hover {
    color: #fff!important;
    background: #ed5e68;
}
.cancel-btn {

    background: #42434a!important;
    border-radius: 5px;
    font-weight: 500;
    text-decoration: none!important;
    color: #fff;
}
.save-btn{
    color: #fff!important;
    border-radius: 5px;
    font-weight: 500;
    background: #009688;
    text-decoration:none!important;
}
.export-btn{
    color: #fff!important;
    border-radius: 5px;
    font-weight: 500;
    background: #3e4491;
    text-decoration:none!important;
}
.cancel-btn:hover{
    color:#ffffff;
}
.edt-btn {
    padding: 4px 15px!important;
    color: #2196f3!important;
    border-radius: 5px;
    font-weight: 500;
    background: transparent;
    text-decoration: none!important;
    border: 1px solid #2196f3;
}
.edt-btn:hover {
    color: #fff!important;
    background: #2196f3;
}
.discard-btn {
    padding: 4px 10px!important;
    color: #4f5051!important;
    border-radius: 5px;
    font-weight: 500;
    background: transparent;
    text-decoration: none!important;
    border: 1px solid #4f5051;
}
.discard-btn:hover {
    color: #fff!important;
    background: #4f5051;
}
.view-btn{
    padding: 4px 10px!important;
    color: #009688!important;
    border-radius: 5px;
    font-weight: 500;
    background: transparent;
    text-decoration: none!important;
    border: 1px solid #009688;
}
.view-btn:hover{
    background:#009688;
    color:#fff!important;
}
.user-card-main{
    border-radius:8px;
    box-shadow:rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
}
.user-card-main .bottom-content {
    background-color: #007279;
    padding: 8px;
}
.user-card-main ul.list-inline li a {
    border-right:0;
    color:#ffffff;
}
.user-card-main ul.list-inline li a:hover {
    color:#ffc107;
}
.user-card-main .top-content .details.pro-org {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: unset;
    margin-top: unset;
    min-height: unset;
    background: #007279;
}
.user-card-main .top-content .details.pro-org .sub-title-lg {
color: #fff;
}
.user-card-main .top-content .avater .txt {
    min-height: unset;
    padding: 0;
    line-height: unset;
    font-size: 16px;
    font-weight: 400;
    background: #007279;
}
.user-card-main ul.list-inline {
    margin: 0;
    border-top: 0;
    padding: 3px;
    display: block;
}
.user-card-main ul.list-inline li {
    padding-left: 0px;
    padding-right: 0px;
}
.form-box{
    background: #fff;
    width: 60%;
    margin: 0 auto;
    padding: 20px 25px 40px 25px;
}
.workspace-box .filter-option-container {
    display: flex;
    justify-content: flex-start;
}
.workspace-box .layer-search {
    margin-right: 10px!important;
}
.workplace-title{
    margin: 0 15px 0 15px!important;
}
/*========Admin workspace End===========*/
/*========List incident start===========*/
.inc-table .fa-circle {
    color: #f90505;
}
.filter-option-container .form-group {
    margin-bottom: 0;
}
.date-focus{
    font-family:Roboto, 'Font Awesome 5 Free';
}
.inc-table>tbody>tr>td{
    border-bottom: 1px solid #ebebeb!important;
}
.common-page-heading {
    background: #ffffff;
    height: 80px;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 10px;
    margin: 20px 0px;
    border-radius: 5px;
}
.top-tools {
    background: #fff;
    padding: 35px 20px;
}
.top-tools .form-group {
    margin:0;
}
.btn-default:hover {
    background-color: #376b7f;
    border-color: #376b7f;
    color: #fff;
}
#profile .form-control {
    padding: 0 15px!important;
}
.searchbox-searchbutton-container {
    top: 6px!important;
}
.searchbox {
    border: 1px solid #ebebeb!important;
}
.searchbox-searchbutton-container::after {
    top: 0px!important;
}
/*========List incident start===========*/
/*========Create incident start===========*/
.create-incident-box {
    margin: 0 0 25px 0;
    background: #ffffff;
}
.crt-inci-form .btn {
    min-width: 90px;
}
.form-box .btn {
    min-width: 90px;
}
.leaflet-top, .leaflet-bottom{
    	z-index: 999!important;
}
.top-tool-box {
    background: #dbf5f6;
    padding: 30px 40px;
    border-radius: 12px;
}
.top-tool-box .form-control{
    border-radius: 6px;
    margin-bottom: 10px;
}
.top-tool-box label {
    color: #2a2b2c;
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 3px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 0;
}
/*========Create incident start===========*/
/*========Create Asset===========*/
.centre-form{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
}
.centre-form #data_file {
    width: 100%;
    border: 2px dotted #c9c9c9;
    /* background: #efefef; */
    padding: 10px 15px;
}
.asset-filter-box .form-control {
    font-size: 12px;
}
.asset-filter-box .radius-6 {
    padding: 6px 3px!important;
}
.create-inc-file #data_file {
    width: 100%;
    border: 2px dotted #c9c9c9;
    padding: 10px 15px;
    display: inline-block;
    min-width: unset;
}
/*========Create Asset===========*/
/*========Upload document===========*/
.label-default {
    background-color: #3498db;
}
#upload_form .control-label {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
#upload_form .select2-container-multi .select2-choices .select2-search-field input {
    height: 20px;
}
.allow-doc-type .label-default {
    background-color: #7783F4;
    padding: 5px 10px;
    font-size: 13px;
    margin-bottom: 5px;
    display: inline-block;
}
.upload-doc-box .form-group {
    margin-bottom: 0px;
}
.upload-doc-box .help-block {
    margin-bottom: 0px;
}
.upload-doc-box label {
    color: #363636;
    padding-top: 6px;
}
/*========Upload document===========*/
/*========Document details===========*/
.doc-pdf-preview {
    width: 100%;
    height: 475px;
}
img.group-logo.doc-file-preview {
    width: 40%;
    margin: 0 auto;
    text-align: center;
    display: block;
    padding: 25px 0 0 0;
}
.doc-about .btn:hover, .btn:focus, .btn.focus{
color:#fff;
}
.docu-img {
    height: 450px;
    object-fit: contain;
    padding: 15px 0;
}
.doc-about {
    text-align: center;
    font-family: 'Roboto', sans-serif;
}
.doc-about .modal-content{
    text-align: left;
}
.doc-about .list-group-item {
    padding: 3px 15px;
    margin-bottom: 0px;
    background-color: #fff;
    border: 0;
}
.doc-about h4{
    font-size: 16px;
    font-weight: 500;
    color: #2a2b2c;
}
.doc-about .meta{
    font-size: 16px;
    font-weight: 500;
    color: #2a2b2c;
}
.doc-about p{
    font-size: 13px;
    font-weight: 400;
    color: #565656;
}
.fa-comment-o:before {
    content: "\f0e5";
    font-family: fontawesome;
}
/*========Document details===========*/
/*=========Activity Feed==========*/
.activity-box {
    list-style: none;
    padding-left: 20px;
}
.activity-box .activity-item .activity-box-item {
    font-size: 14px;
    padding-left:40px;
}
.activity-box .activity-item {
    min-height: auto;
}
.activity-box .activity-item .activity-timestamp {
    font-size: 13px !important;
    color: #a1a1a1;
    font-weight: 500;
    padding-top: 4px;
}
.activity-box .activity-item .activity-box-item span i {
    font-size: 28px;
    padding-right: 21px;
    position: absolute;
    left: 30px;
    color: #4385F5;
    padding-top: 4px;
}
/*=========Activity Feed==========*/
/*========Explore Organizations===========*/
.org-img {
    width: 350px!important;
    margin: 0!important;
}
.org-footer {
    background-color: #047e59!important;
    padding: 15px 10px!important;
}
/*========Explore Organizations===========*/
/*========My Organization===========*/
.qbc {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
}
#div_id_question {
    margin-top: 10px;
}
.my-org-tab .layerNav > li.active > a, .my-org-tab .layerNav > li.active > a:focus, .my-org-tab .layerNav > li.active > a:hover {
    border-width: 0px 0 3px;
    border-color: #047e59;
}
.my-org-tab .layerNav > li > a {
    background: #f2f2f2;
    width: 200px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    border-radius: 40px;
    text-align: center;
    font-weight: 600;
}
.my-org-tab .layerNav > li > a:hover {
    background: #02b4bf;
    color: #fff;
}
.my-org-tab .layerNav > li > a:hover i{
    color:#fff!important;
}
.my-org-tab .globalNav {
    padding: 0 0px 0;
}
.my-org-tab .nav-tabs {
    border-bottom: 0;
    padding: 15px;
    background: #fff;
}
.my-org-tab .layerNav > li.active > a {
    color: #ffffff;
    background: #007279;
    border: 0;
}
.my-org-tab .layerNav > li > a i {
    color:#777777;
    font-size: 15px;
}
.my-org-tab .layerNav > li.active > a i {
    color: #ffffff;
    font-size: 15px;
}
.org-right-menu {
    box-shadow: unset!important;
    font-family: 'Roboto', sans-serif;
}
.org-right-menu li{
    font-size: 15px;
    font-weight: 500;
}
.org-right-menu li a {
    color: #605f5f;
    font-size: 13px;
    font-weight: 600;
}
.org-sub-tab{
    text-align:center;
}
.org-sub-tab > li > a {
    background: #efefef;
    width: 165px;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    border-radius: 6px!important;
    text-align: center;
    color: #5a5d63;
    padding: 8px 20px;
    margin-right: 5px;
}
.org-sub-tab > li > a:hover {
    color:#fff;
}
/*.org-sub-tab .active {
    border-radius: 40px!important;
    background: #007279!important;
}*/
.org-sub-tab .active a {
    background: #4385F5!important;
}
.org-sub-tab a:hover {
    background: #2976f9!important;
}
#showallactivitemaps {
    margin-bottom: 30px;
}
.org-layers{
    background: #ffffff;
    border: 1px solid #e1e4e8;
    border-radius: 20px;
}
.org-layers .form-control {
    height: 38px;
}
.org-layers input{
    border: 0;
    border-radius: 20px;
    background: transparent;
}
.org-fav {
    border-top: 1px solid #388489;
    padding-top: 14px;
    margin-top: 5px;
}
.org-fav li{
    width:150px;
    background: #ff9800;
    border-radius: 40px;
    margin:0 auto;
}
.org-fav li button {
    background: #00a8b2;
    border-radius: 40px;
    color: #ffff;
    margin-bottom: 5px;
}
.org-fav li button:hover {
    background: #00a8b2;
    color: #ffff;
}
/*========My Organization===========*/
/*========Profile details===========*/
.admin-profile ul li i{
    padding-right: 10px;
}
.admin-profile ul li a {
    background: #4385F5;
    color: #fff;
    font-size: 13px!important;
    font-family: 'Roboto', sans-serif;
    border-radius: 6px!important;
    text-align: center;
    transition: all 0.5s ease;
    padding: 7px 30px;
    width: 225px;
    margin: 0 auto;
    font-weight: 400;
}
.user-info.row.admin-profile {
    display: inline-block;
}
.profile-info li{
    border-bottom:0!important;
}
.btn-gd-primary {
    color: #fff;
    background-color: #007279!important;
    border: 1px solid #007279!important;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    border-radius: 40px!important;
}
.chosen-container-single .chosen-single {
    height: 32px!important;
    border-radius: 6px!important;
    background: #fff!important;
    -webkit-box-shadow: unset!important;
    box-shadow: unset!important;
    line-height: 30px!important;
    border: 1px solid #e1e4e8!important;
}
.chosen-container-single .chosen-single div b {
    background: url(chosen-sprite.png) no-repeat 0 5px!important;
}
#id_subject {
    border: 1px solid #e1e4e8;
    height: 32px;
    border-radius: 6px;
    padding: 0 10px;
    width: 100%;
}
.chosen-container {
    width: 100%!important;
}
#id_content {
    border: 1px solid #e1e4e8!important;
    width: 100%;
}
.edit-profile-box{
    background: #fff;
    padding: 12px 25px;
    text-align: center;
}
.profile-bttn {
    background: #4385F5;
    color: #fff;
    font-size: 13px!important;
    font-family: 'Roboto', sans-serif;
    border-radius: 6px!important;
    text-align: center;
    transition: all 0.5s ease;
    padding: 8px 30px;
    width: 100%;
    margin: 0 auto;
    font-weight: 400;
    display: block;
}
.profile-bttn:hover, .profile-bttn:focus{
    background: #2963c9;
    color: #fff;
}
.profile-form label{
    color: #2a2b2c;
    font-size: 13px;
    font-weight: 500;
}
#c-menu--slide-right .c-menu__link {
    line-height: 24px;
    display: flex;
    align-items: center;
}
#c-menu--slide-right .c-menu__link:hover {
    background-color: #007279;
    color: #fff;
    line-height: 24px;
}
#c-menu--slide-right .c-menu__link:hover i{
    color: #fff;
}
#c-menu--slide-right .c-menu__close {
    position: absolute;
    top: 17px;
    background: transparent;
    z-index: 1;
}
/*========Profile details===========*/
/*======News list and details=======*/
#gd-latestnews-left-recentpost .accordion-section .title-small {
    font-size: 13px!important;
    font-weight: 600;
}
#gd-latestnews-left-recentpost .accordion-section:hover {
    background: #007279!important;
}
#gd-latestnews-left-recentpost .accordion-section:hover .title-small{
    color: #fff;
}
#gd-latestnews-left-recentpost .accordion-section:hover .sub-title{
    color: #fff!important;
}
#gd-latestnews-left-recentpost .accordion-section:hover #collapseOne{
    color: #fff;
}
.news-card {
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
    border-radius: 8px;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
}
.add-news-form #id_image{
    border: 0;
    background: #efefef;
    width: 100%;
}
.news-text-card {
    height: 184px;
}
.contents_news .news-title1{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.add-news-form label {
    font-family: 'Roboto', sans-serif;
    color: #2a2b2c;
    font-size: 13px;
    font-weight: 500;
    padding-bottom: 3px;
    margin-bottom: 0;
}
.add-news-form .datepicker{
    line-height: 32px;
}
.news-common{
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .3px;
    color: #565656;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.news-action span {
    position: absolute;
    top: 10px;
    right: 25px;
    background: #fff;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-action a{
    border-radius: 50px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-title1 {
    color: #2a2b2c;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    margin-bottom: 5px;
}
.news-action .fa-trash-alt {
    color: #ff5722;
}
.news-action .fa {
    padding: 8px 6px 8px 10px;
}
.news-action .fas {
    font-size: 16px;
}
.news-card img {
    height: 208px;
    width: 100%;
    object-fit: cover;
}
.accordion-section {
    box-shadow: rgb(0 0 0 / 10%) 0px 1px 3px 0px, rgb(0 0 0 / 6%) 0px 1px 2px 0px;
    border-radius: 8px;
    margin: 11px 15px;
    padding: 6px 18px;
}
.news-delete-box {
    width: 530px;
    margin: 0 auto;
    text-align: center;
    margin-top: 80px;
    background: #ffffff;
    box-shadow: 0 0px 6px 2px #dbdbdb;
}
.news-delete-box .modal-title{
    margin: 0;
    line-height: 1.42857143;
    color: #fff;
    font-family: 'Roboto';
    font-size: 15px;
}
.news-delete-box .form-horizontal {
    padding: 0px 0 25px 0;
    font-weight: 700;
}
.add-news-form .fieldWrapper {
  position: relative;
}
.add-news-form .fieldWrapper ul.errorlist li {
        margin-top: 5px;
}
/*======News list and details=======*/
/*========user msg page=========*/
.user-msg{
    display: inline-flex;
    align-items: center;
}
.form-box-sm {
    background: #fff;
    width: 40%;
    margin: 30px auto;
    padding: 0px 25px 40px 25px;
}
/*========user msg page=========*/
/*==========Responsive==============*/
@media only screen and (min-width: 320px) and (max-width: 400px)  {
    .navbar-default {
    padding: 0px;
}

    .gd-title-geodash img {
    height: 47px;
}
    .navbar-brand{
        margin-right: 15px!important;
    }

    .navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
}
@media (min-width: 1800px) {
    .icon-box {
    padding: 0 30px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1600px){
    .data-box .card-body {
    padding: 17px 17px;
}
}
@media only screen and (min-width: 1490px) and (max-width: 1600px){
    .properties-modal.layer-properties .modal-dialog {
    width: calc(100vw - 28%);
    }
}
@media (max-width: 1489px) {
    .properties-modal.layer-properties .modal-dialog {
    width: calc(100vw - 0%) !important;
    }
}
@media only screen and (max-width: 1120px) and (min-width: 1065px) {
    .top-site-search {
    margin-right: 5px!important;
}
    .navbar-nav > .profile_picture a{
        padding: 0!important;
    }
    .navbar-nav > li > a {
    padding: 8px 5px!important;
    font-size: 14px;
    }
    .navbar .nav > li button {
        margin: 0 0!important;
    }
    .navbar-nav > li > .log-pb-btn{
    padding: 9px 40px !important;
}
}
/*menu breakpoint*/
@media (max-width: 1066px) {
       .nav.navbar-nav.navbar-right.top-gb-src li {
    border-bottom: 0!important;
}
.nav.navbar-nav.navbar-right.top-gb-src li .btn-default {
    width: 193px;
    padding: 10px 0px!important;
}
  .top-site-search {
    width: 190px;
    margin-right: 0!important;
}
  .navbar-nav>li {
    float: none;
}
  #navbar1 {
    display: block!important;
    border-top: 0;
    box-shadow: unset;
}
  #navbar1 .btn-login{
      float: left!important;
  }
  .nav.navbar-nav.navbar-right.top-gb-src {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 20px;
}
    #navbar {
    background: #007279;
    column-count: 1;
}
#gd-navbar-collapse {
    max-height: 100%;
    background-color: #007279;
    padding: 1px 15px 15px 15px;
    border-top: 0;
    margin-top: 11px;
}
.navbar .nav > li button {
    margin: 0;
}
.footer-nav {
    float: left!important;
}
.footer-nav-right {
    float: right!important;
}
#navbar .navbar-nav>li {
    border-bottom: 1px solid #1a8087;
}
.navbar-default .navbar-nav > li > a {
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}
.navbar-fixed-top .container-fluid{
    padding:0;
}
.gd-title-geodash img {
    margin-left: 13px;
}
#navbar {
    margin-top: 0!important;
}
#gd-navbar-collapse #search_lay_map_doc {
    padding-bottom: 8px;
}
}
@media (max-width: 1300px) {
    .data-box .card-body {
    padding: 17px 17px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1360px)  {
    .filter-box .radius-6 {
    padding: 6px 6px!important;
}
    .asset-filter-box .radius-6 {
    padding: 6px 1px!important;
}
    .filter-box .solid-green-btn {
    padding: 8px 8px!important;
}
    .equipment-card {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.data-box .data-parent {
    margin-bottom: 7px;
}
     .data-number b {
    font-size: 15px;
}
}
 @media only screen and (min-width: 1301px) and (max-width: 1445px)  {
    .filter-box .radius-6 {
    padding: 6px 10px!important;
}
    .filter-box .solid-green-btn {
    padding: 8px 8px!important;
}
     .incident-list-rt .top-site-search {
    width: 190px;
}
     .navbar-default .navbar-nav > li > a {
        padding: 10px 7px;
    }
     .data-number b {
    font-size: 15px;
}
    .my-org-tab .layerNav > li > a {
        width: 192px;
        font-size: 16px;
    }
    .filter-option-container .form-group select {
        min-width: 110px!important;
        max-width: 110px!important;
    }
    .filter-option-container .form-group input {
    width: 122px!important;
}
    .grid-container.lmd .information {
    padding: 15px 15px;
}
    .icon-box {
    padding: 5px 15px;
    }
    .map-toolbar>ul>li {
    height: 36px;
    width: 36px;
    }
    .map-toolbar .single-tool {
    width: 36px;
    height: 36px;
    }
    .title-mid {
    font-size: 15px!important;
    }
    .zoom-separate {
    background: #007279;
    top: 63px;
    color: #ffff;
    }
 }
 @media only screen and (min-width: 1445px) and (max-width: 1545px){
     .data-number b {
    font-size: 17px;
    }
}
 @media only screen and (min-width: 1445px) and (max-width: 1845px){
     .data-box .card-body {
    padding: 17px 10px;
}
 }
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin: 1px 0 0 0;
}
/*menu breakpoint*/
/*==========Responsive==============*/
/*preloader*/
.web-page-loader > img {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 172px;
    width: 303px;
    margin-top: -100px;
    margin-left: -135px;
    object-fit: contain;
}
/*preloader*/
/*admin*/
.geo-help-link a {
    color: #2a2b2c;
    font-weight: 600;
    font-family: 'Roboto';
}
.geo-help-link h3{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #2a2b2c;
}
/*admin*/
/*create message*/
.msg-box {
    padding: 25px 25px 25px 25px;
}
/*create message*/
/*Edit profile*/
#id_avatar {
    width: 50%;
    border: 2px dotted #c9c9c9;
    padding: 33px 15px;
    margin: 0 auto;
}
/*Edit profile*/
/*save modal*/
.save-modal .bttn-success {
    padding: 4px 15px 8px 15px !important;
    line-height: normal;
}
.save-modal .form-control {
    font-weight: 400;
    padding: 6px 6px;
}
.save-modal .modal-content {
    border: 0;
}
.list-group-item {
    border: 1px solid #ebebeb;
}
.update-cat-modal .btn{
    min-width: 100px;
}
.update-cat-modal .modal-footer {
    text-align: center;
    padding: 5px 10px 20px 10px;
}
/*save modal*/
/*delete modal*/
.dlt-warn {
    background: #ffe4e1;
    display: inline-block;
    padding: 13px;
    border-radius: 50px;
    margin-bottom: 10px;
}
.dlt-warn i {
    font-size: 25px;
    color: #e85d4f;
}
.delete-modal .modal-header {
    padding: 9px 15px 4px 15px;
    border-top-right-radius: 11px;
    border-top-left-radius: 11px;
    background-color: #007279;
}
.delete-modal .close{
    margin-top: -6px;
    color: #fff!important;
    text-shadow: unset;
    opacity: 1;
}
.delete-modal .modal-body{
    text-align: center;
}
.delete-modal .modal-title {
    margin: 0;
    line-height: 1.42857143;
    color: #fff;
    font-family: 'Roboto';
    font-size: 15px;
}
.delete-modal h5{
    font-weight: bold;
}
.delete-modal .modal-footer{
    text-align: center;
    border: 0;
    padding: 0px 15px 22px 15px;
}
.delete-modal .btn {
    min-width: 100px;
    font-family: 'Roboto';
    font-weight: 500;
}
.delete-modal .form-group{
    margin-bottom: 0;
}
.modal-content {
    border: 0;
}
/*delete modal*/
/*Layer details*/
.layer-details-box .panel-body {
    padding: 10px 12px;
}
.layer-details-box .tab-content.gd-tab-content-style {
    padding: 20px 0;
    -moz-box-shadow: 0px 2px 5px 0px rgba(224,217,224,1);
    box-shadow: unset;
}
.layer-details-box .paginate-contents .comment {
    padding: 20px 0;
    box-shadow: unset;
}
.layer-details-box .paginate-contents .comment img{
    height: 37px;
}
.edit-layer-modal .edit-modal .btn {
    display: block;
    margin-bottom: 5px;
}
.edit-layer-modal .modal-footer {
    padding-bottom: 0;
    margin-top: 15px;
}
.modal-footer .btn{
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}
.edit-layer-modal .modal-footer .bttn-dark{
    padding: 7px 40px!important;
}
.edit-layer-modal .modal-footer .btn{
    line-height: 20px!important;
}
.edit-metadata-modal .metadata-footer-btn .btn{
    padding:7px 22px!important;
}
.edit-layer-modal .col-sm-4 {
    border-left: 1px solid #ebebeb;
    min-height: 160px;
}
.edit-layer-modal .modal-header {
    background: #007279;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    color: #fff;
}
.edit-layer-modal .modal-header .close {
    color: #fff;
}
.layer-map .ui-grid-menu-button {
    right: 16px;
    top: 40px;
    background: #0075ff;
    border: 0;
    cursor: pointer;
    height: 40px;
    font-weight: normal;
    width: 40px;
    text-align: center;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.layer-map .ui-grid-menu-button .ui-grid-menu {
    right: 32px;
    top: 0;
}
.sidebar-toggle-btn {
    top: 244px!important;
}
.layer-map .modal-header {
    padding: 6px 15px;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #2a2b2c;
}
.layer-map .modal-header .modal-title {
    font-size: 16px;
    font-weight: 500;
    color: #2a2b2c;
}
.layer-map .modal-header .close {
    color: #000000;
}
.edit-metadata-modal .modal-header {
    padding: 6px 15px;
    background: #ffffff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #2a2b2c;
}
.layer-map .modal-header .close span{
    color: #000000;
}
.doc-about .modal-footer .bttn-dark {
    padding-top: 7px!important;
    padding-bottom: 7px!important;
}
.metadata-footer-btn{
    text-align: right;
}
.edit-metadata-modal .modal-header .close span {
    color: #000000;
}
.edit-metadata-modal .modal-header .close {
    color: #fff;
}
/*Layer details*/
/*basemaps*/
.base-map-list .tooltip .tooltiptext {
    width: auto!important;
    padding: 5px 8px!important;
}
.surfgis .base-map-switcher {
    z-index: 10;
}
.base-map-list .tooltip {
    padding: 0;
    box-shadow: unset;
    display: block!important;
}
/*basemaps*/
/*layer save modal*/
.layer-save-modal {
    box-shadow: 3px -2px 11px 3px #606060;
    background: #f3f3f3;
    padding: 0 0 15px 0;
    margin: 149px 0 0 0px;
    border-radius: 10px;
}
.layer-save-modal .modal-header {
    background: #007279;
    color: #fff;
    padding: 7px 15px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
.layer-save-modal .modal-header .close span {
    color: #fff;
}
.layerSmodal .modal-dialog {
    width: 400px;
}
/*layer save modal*/
/*advance search*/
#gd-advanced-search:before {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    content: "";
    opacity: .5;
    z-index: -1;
}
.search-result-box {
    border: 0;
}
.search-result-box .gd-apply-filters {
    padding: 20px 20px!important;
}
/*advance search*/
/*temporary change*/
.src-page-btn{
    display: none;
}
/*temporary change*/
/*edit metadata modal*/
.edit-metadata-modal .custom-table td input{
    border: 1px solid #ebebeb;
    box-shadow: unset;
    height: 27px;
    font-family: 'Roboto', sans-serif;
    padding: 4px 12px;
    font-size: 13px;
    border-radius: 6px;
    color: #656565;
}
.edit-metadata-modal .custom-table th{
    font-size: 13px;
    font-weight: 500!important;
}
/*edit metadata modal*/
/*resize bar design*/
.custom-rs-bar .ui-resizable-e {
    width: 12px!important;
    background: url(/static/geonode/images/hsizegrip.png) center center no-repeat #f5f5f5!important;
    border-left: 1px solid #cacbcc!important;
    border-right: 1px solid #cacbcc!important;
    top: 42%;
    right: -6px;
    cursor: col-resize;
    height: 53px;
    padding: 0px 0px;
    z-index: 9;
    border-radius: 13px;
    border: 1px solid #cacbcc;
    background-size: 6px 17px!important;
}
/*.advance-edit-tab .form-control.input-sm {
    width: 28%;
}*/
.ui-grid-render-container.ui-grid-render-container-body .ui-grid-viewport:nth-child(2){
    overflow: auto!important;
}
.query-update-box .condition {
    margin-top: 4px;
    margin-bottom: 4px;
}
.query-update-box .p-6-10 {
    padding: 4px 10px!important;
}
.query-update-box .p-5-10 {
    padding: 4px 10px!important;
}
.query-update-box .delete-sm-action-btn {
    padding: 4px 10px!important;
}
/*.attribute-update-box .ui-grid-canvas {
    height: 273px!important;
}*/
.attribute-update-box #grid-bottom {
    height: auto;
}
/*resize bar design*/
/*responsive css*/
@media only screen and (max-width: 1200px) and (min-width: 992px) {
.critical-card-box .data-box {
    height: 125px;
}
    .workspace-sidebar ul li a span {
    display: contents!important;
}
    .zone-select .checkbox-dropdown {
    width: 260px;
}
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
.count-card {
    margin-bottom: 15px;
}
    .zone-select .checkbox-dropdown {
    width: 190px;
}
    .sm-center{
        text-align: center!important;
    }
    .sm-mb-6{
        margin-bottom: 6px;
    }
         .centre-form {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    width: 100%;
}
        .form-box {
    width: 100%;
    margin: 0!important;
    padding: 0 0px 10px 0px;
}
        .filter-option-container .form-group select {
    min-width: 115px!important;
    max-width: 115px!important;
}
    .g-attribute-footer {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}
        #controlbox .searchbox {
    width: 180px;
    height: 34px;
    padding: 8px 0px 0px 5px;
}
#controlbox {
    position: absolute;
    left: 46px!important;
    top: 3px!important;
}
        .crt-inci-form .control-label.title-small {
    margin-top: 8px;
}
    .crt-inci-form .bttn-success {
    margin-top: 12px;
}
.crt-inci-form .bttn-dark {
    margin-top: 12px;
}
    .u-form .form-group {
    margin-bottom: 15px;
    display: block;
}
    .count-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .card.shadow.home-map-box {
    margin-bottom: 15px;
}
    .res-center {
    text-align: center;
    margin-bottom: 7px;
}
    .filter-box .solid-red-btn {
    padding: 8px 10px!important;
}
.filter-box .solid-green-btn {
    padding: 8px 10px!important;
}
.filter-box .filter-option-container .form-group input {
    width: 110px;
}
.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}
@media only screen and (max-width: 769px) and (min-width: 534px){
    .filter-box.doc-list .layer-search {
    margin-bottom: 0!important;
}
}
@media only screen and (max-width: 768px) and (min-width: 480px) {
    .critical-check {
    margin-top: 0;
        margin-bottom: 0;
    }
    .ex-map-box .layer-search {
    margin-bottom: 0px!important;
    }
    .zone-select .checkbox-dropdown {
     width: 100%;
     margin: 9px 10px 5px 5px;
}
    .ex-layers-box .layer-search {
    margin-bottom: 0px!important;
}
    .count-card {
    margin-bottom: 15px;
}
    #gd-advanced-search .container {
    width: auto;
}
    .edit-layer-modal .col-sm-4 {
    min-height: unset;
}
.workspace-sidebar {
    position: relative!important;
   top: 0!important;
    display: block;
   padding: 15px 50px!important;
}
.workspace-sidebar ul li a span {
    display: unset!important;
}
    .incident-cal {
    display: flex;
    padding: 20px 0;
    flex-direction: column;
    align-items: center;
}
.cal-pick {
    border: 1px solid #e3e3e3;
    padding: 5px 10px;
    margin: 4px 4px;
    border-radius: 6px;
}
        .incident-cal {
    display: flex;
    padding: 20px 0;
    flex-direction: column;
    align-items: center;
}
        .sm-center{
        text-align: center!important;
    }
    .sm-mb-6{
        margin-bottom: 6px;
    }
     .centre-form {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    width: 100%;
}
        .form-box {
    width: 100%;
    margin: 0!important;
    padding: 0 0px 10px 0px;
}
    .filter-option-container .form-group select {
    min-width: 108px;
    max-width: 108px;
}
    .query-hz-align-top {
    display: flex;
}
        .g-attribute-footer {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}
            .query-action-box {
    padding-top: 17px;
    }
        .panel-bottom {
    height: 353px;
}
        .attribute-update-box .modal-footer .pull-right {
    padding: 3px 5px 0px 0px;
    text-align: center;
}
    .attribute-update-box .modal-footer .row {
    display: flex;
    align-items: center;
    padding: 0px 0px 0 5px!important;
    flex-direction: column;
}
    .attribute-update-box .pagination-sm>li>a, .pagination-sm>li>span {
    padding: 2px 7px;
}
    .attribute-update-box .modal-footer .pull-left {
    padding: 3px 0 0px 5px;
    text-align: center;
}
        .query-hz-align {
            display: -webkit-inline-box;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }
/*
    .query-update-box .form-inline{
    display: flex;
}*/
    #controlbox .searchbox {
    width: 180px;
    height: 34px;
    padding: 8px 0px 0px 5px;
}
#controlbox {
    left: 46px!important;
    top: 3px!important;
}
        .crt-inci-form .control-label.title-small {
    margin-top: 8px;
}
        .crt-inci-form .bttn-success {
    margin-top: 12px;
}
.crt-inci-form .bttn-dark {
    margin-top: 12px;
}
    .u-form .form-group {
    margin-bottom: 15px;
    display: block;
}
    .count-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zone-select {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 5px;
}
/*.dash-filter-action{
    text-align: center;
}*/
/*    .count-ttl{
    text-align: center;
}*/
    .res-center {
    text-align: center;
    margin-bottom: 7px;
}
.zoom-separate {
    top: 77vh;
    right: 16px;
    left: unset;
}
.filter-box .filter-option-container .form-group {
    float: unset!important;
    padding-right: 10px;
    display: inline-flex!important;
    margin-bottom: 6px;
}
.filter-box .filter-option-container .form-group select {
    min-width: 108px;
    max-width: 108px;
}
.filter-box .dis-flex {
    display: block;
    justify-content: center;
}
.filter-box .filter-option-container .form-group input {
    width: 110px;
}
.filter-box .filter-option-container {
    margin-bottom: 0!important;
    text-align: center;
}
.filter-box .layer-search {
    margin-bottom: 8px;
}
.ed-box .layer-search {
    margin-bottom: 0;
}
.filter-box {
    padding: 14px 0;
    text-align: center;
}
}
.read_more{display: none}
@media (max-width: 992px) {
    .read_more {
    display: table;
    background: #3498db;
    color: #fff;
    padding: 8px 11px;
    border-radius: 4px;
}
    .doc-list .col-xs-12{
        text-align:center;
        margin-bottom: 5px;
    }
    .upload-doc-box {
    margin: 20px 0!important;
}
    .ec-box form .fr {
    margin-right:5px;
}
    .ec-box form {
    display: flex;
    justify-content: center;
}
    .docu-img {
    height: auto;
}
    .ul-box {
    width: 100%;
}
}
@media (max-width: 1200px) {
    .home-dashboard {
    padding: 0 10px;
    background: #f8f8fb;
}
    .news-text-card {
    height: auto;
}
    .form-box-sm {
    width: 90%;
}
    #attributes {
width:auto!important;
}
       .workspace-sidebar {
    padding: 15px 10px;
}
        .navbar-default .navbar-nav > li > a {
    font-size: 14px!important;
    }
    .it-box .filter-option-container {
    display: unset!important;
    justify-content: center!important;
    margin-bottom: 0px!important;
    margin-top: 15px!important;
}
    .it-box .layer-search{
        margin-bottom: 0!important;
        margin-right: 0px!important;
    }
    .ec-box .filter-option-container {
    display: unset!important;
    justify-content: unset!important;
    align-items: unset!important;
    flex-direction: unset!important;
    text-align: center!important;
}
    .file-container.c-properties .list-group-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
     .modal-dialog {
         width: 460px !important;
         margin: 0 auto;
         margin-top: 20vh;
     }
    #SigninModal .modal-dialog {
    width: 500px;
    margin: 0 auto;
    margin-top: 16vh;
}
    #SigninModal .modal-body {
    padding: 30px 15px!important;
}
    #SigninModal .modal-dialog {
    width: 500px;
    margin: 0 auto;
    margin-top: 16vh;
}
    .data-box .card-body {
    padding: 14px 10px;
}
    .data-number b {
    font-size: 17px;
}
    .data-number {
    text-align: right;
}
    .data-parent i:before {
    font-size: 42px;
}
.layout-left.donot-print {
    z-index: 10;
}
    /*map tool*/
    .shape-type-icon svg rect{
      stroke-width:0!important;
    }
    .map-toolbar #legend {
    display: none;
}
    .map-toolbar #share-map {
    display: none;
}
    .map-toolbar #print {
    display: none;
}
    .map-toolbar #save{
        display: none;
    }
    .map-toolbar #search {display: none}
    .map-toolbar #measurement-tools {display: none}
    .map-toolbar #clear-route {display: none}
    .map-toolbar .track {display: none}
    .map-toolbar .move-t {display: none}
    .map-toolbar .measure-t {display: none}
    .map-toolbar .marker-t {display: none}
    .map-toolbar .near-rout-t {display: none}
    .map-toolbar .filter-t {display: none}
    .map-toolbar #icon-visualization {display: none}

    /*map tool*/
    .filter-box .filter-option-container {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}
    .ed-box .filter-option-container {
    margin-bottom: 0;
}
}
@media (max-width: 862px) {

.surfgis .base-map-switcher .base-map-list {
    display: inline-block;
}
.surfgis .base-map-switcher {
    right: 8px !important;
    z-index: 2;
    margin-left: 24px;
    padding: 9px 9px;
}
}
@media only screen and (max-width: 536px) and (min-width: 480px) {
    .ex-map-box .layer-search {
    margin-bottom: 8px!important;
}
}
@media (max-width: 500px) {
.surfgis .base-map-switcher {
width: 95%;
}
    .ex-ad-search {
    display: flex;
    flex-direction: column;
    align-items: center;
}
    .ex-ad-search .btn-group{
        margin-bottom: 7px!important;
    }
    .surfgis .base-map-switcher .base-map-list {
    width:100%;
}
    .surfgis .base-map-switcher .base-map-list li.name {
    line-height: 22px;
    margin: 0 0px 0;
    display: block;
    width: 100%;
}
    .surfgis .base-map-switcher .base-map-list li {
    margin-bottom: 3px;
}
}
@media (max-width: 480px) {
    #select-location-map {
    height: 400px!important;
}
    .ed-box .filter-option-container {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
    flex-direction: column;
    align-items: center;
}
.doc-pdf-preview {
    height: 390px;
}
    .ul-box {
    margin-bottom: 20px;
}
    #drop-zone {
    display: none;
}
/*    .dash-filter-action {
    text-align: center;
    margin-top: 10px;
}
    .count-ttl {
    text-align: center;
}*/
    .count-card {
    margin-bottom: 15px;
}
.map-equipment-filter {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
    .layer-item-box {
    overflow-y: scroll;
}
   #gd-advanced-search .container {
    width: auto;
    padding:0 3px;
}
    .edit-layer-modal .col-sm-4 {
    min-height: unset;
}
    .edit-attribute-metadata .mt-15 {
    margin-top: 0px;
}
 .workspace-sidebar {
    padding: 15px 40px!important;
}
        .workspace-sidebar {
    position: relative!important;
    top: 0!important;
    display: block;
}
.workspace-sidebar ul li a span {
    display: unset!important;
}
    .centre-box {
    padding: 0 0px 20px 0px;
}
    .stepwizard-step p {
    padding-left: 0px;
        font-size: 13px;
}
.stepwizard-step {
    display: flex;
    text-align: center;
    position: relative;
    flex-direction: column;
    align-items: center;
}
    .ec-box .fr {
    float: unset!important;
}
.ec-box form{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.ec-box .top-site-search {
    margin-right: 5px!important;
    margin-top: 5px;
}
    .pagination-more {
    margin-top: 0px;
}
    .asset-dashboard {
    padding: 0 0px;
}
.cal-pick {
    border: 1px solid #e3e3e3;
    padding: 5px 10px;
    margin: 4px 4px;
    border-radius: 6px;
}
    .inc-dash-data {
    width: auto;
    margin: 0 auto;
}
    .incident-cal {
    display: flex;
    padding: 20px 0;
    flex-direction: column;
    align-items: center;
}
    .g-attribute-footer {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}
        .sm-center{
        text-align: center!important;
    }
    .sm-mb-6{
        margin-bottom: 6px;
    }
    .xs-mt-5{
        margin-top: 5px;
    }
    .centre-form {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    width: 100%;
}
        .form-box {
    width: 100%;
    margin: 0!important;
    padding: 0 0px 10px 0px;
}
    .attribute-update-box .modal-footer .pull-right {
    padding: 3px 5px 0px 0px;
    text-align: center;
}
    .query-action-box {
    padding-top: 17px;
    }

    .attribute-update-box .modal-footer .row {
    display: flex;
    align-items: center;
    padding: 0px 0px 0 5px!important;
    flex-direction: column;
}
    .attribute-update-box .pagination-sm>li>a, .pagination-sm>li>span {
    padding: 2px 7px;
}
    .attribute-update-box .modal-footer .pull-left {
    padding: 3px 0 0px 5px;
    text-align: center;
}
    .panel-bottom {
    height: 353px;
}
    .query-hz-align-top {
    display: flex;
}
    .query-update-box .form-control {
    width: auto;
}
    #controlbox .searchbox {
    width: 180px;
    height: 34px;
    padding: 8px 0px 0px 5px;
}
    .query-hz-align {
    display: -webkit-inline-box;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#controlbox {
    position: absolute;
    left: 46px!important;
    top: 3px!important;
}
    .bottom-message-control {
    height: 76px !important;
}
    .crt-inci-form .control-label.title-small {
    margin-top: 8px;
}
        .crt-inci-form .bttn-success {
    margin-top: 12px;
}
.crt-inci-form .bttn-dark {
    margin-top: 12px;
}
    .u-form .form-group {
    margin-bottom: 15px;
    display: block;
}
    .crt-inci-form .form-group {
    margin-bottom: 0px;
}
    .create-incident-box .p-15 {
    padding: 7px 0!important;
}
.modal-dialog {
    width: auto!important;
    margin: 0 auto;
    margin-top: 8vh;
    margin-bottom: 8vh;
}
    #SigninModal .modal-body {
    padding: 30px 13px!important;
}
    #SigninModal .modal-dialog {
    width: auto;
    margin: 0 12px;
    margin-top: 20vh;
}
    .count-single {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .home-map-box .card-body {
    padding: 9px 0;
}
    #dashboard_choropleth_map {
    height: 365px!important;
}
    .zone-select {
    display: block;
    justify-content: flex-end;
}
    .zone-select .checkbox-dropdown {
    width: 100%;
    position: relative;
    user-select: none;
    margin: 9px 10px 5px 5px;
}
    .footer-nav-right {
    float: none!important;
}
    .footer-nav {
    float: none!important;
}
    .res-center {
    text-align: center;
    margin-bottom: 7px;
    padding: 0;
}
    .res-center .solid-info-btn {
    padding: 8px 6px!important;
}
    .res-center .cyan-outline-btn {
    padding: 8px 6px!important;
}
    .res-center .layer-search {
    margin-bottom: 7px;
}
    .map-card-box {
    height: auto;
}
body {
    padding-bottom: 0px !important;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #2a2b2c!important;
}
.navbar-nav .open .dropdown-menu {
    width: 100%;
}
.layout-left.donot-print {
    box-shadow: 1px 0 5px 0 #ababab;
    z-index: 10;
}
.zoom-separate {
    top: 77vh;
    right: 16px;
    left: unset;
}
.filter-box .filter-option-container .form-group {
    float: unset!important;
    padding-right: 10px;
    display: inline-flex!important;
    margin-bottom: 6px;
}
.filter-box .filter-option-container .form-group select {
    min-width: 108px;
    max-width: 108px;
}
.filter-box .dis-flex {
    display: block;
    justify-content: center;
}
.filter-box .filter-option-container .form-group input {
    width: 110px;
}
.filter-box .filter-option-container {
    margin-bottom: 0!important;
    text-align: center;
}
     .ed-box .filter-option-container {
    margin-bottom: 5px!important;
}
.filter-box .layer-search {
    margin-bottom: 8px;
}
.ed-box .layer-search {
    margin-bottom: 0;
    margin-top: 5px;
}
    .ex-layers-box .layer-search {
    margin-bottom: 0;
}
.filter-box {
    padding: 14px 0;
    text-align: center;
}
.pagination > li > a, .pagination > li > span {
    padding: 4px 9px;
}
    .filter-box .solid-green-btn {
    margin-bottom: 5px;
    margin-top: 5px;
}
     .ed-box .solid-green-btn {
    margin-bottom: 0;
    margin-top: 0;
}
    .ex-map-box .solid-green-btn {
    margin-bottom: 0;
    margin-top: 0;
}
        .ec-box .solid-green-btn {
    margin-top: 0!important;
}
    .res-p-0 {
    padding: 0;
}
    .c-footer {
    text-align: center;
}
    .footer-nav {
    float: unset!important;
}
}
@media only screen and (max-width: 648px) and (min-width: 510px) {
    #map-toobar .nav {
        display: flex;
    }
}
    @media only screen and (max-width: 566px) and (min-width: 320px) {
    .featureDetailsSlider {
    width:100vw;
}
    #sidebar-slide .nav-tabs>li>a {
    padding: 5px 5px 5px 5px;
    font-size: 13px;
}
.featureDetailsSlider button.close {
    right: -10px;
    top: -24px;
    width: 22px;
    height: 22px;
    color: #ffffff;
    background: #f44336;
    border-radius: 50%;
    font-size: 23px!important;
}
.featureDetailsSlider .btn.bttn-success.p-6-10 {
    width: 24%!important;
}
.featureDetailsSlider #tabasset .form-control {
    height: 30px;
    padding: 0 12px!important;
    width: 100%!important;
    margin-bottom: 8px;
}
}
@media only screen and (max-width: 1300px) and (min-width: 1200px) {
   .zoom-separate {
    background: #007279!important;
    top: 100px!important;
    color: #ffff!important;
}
    .map-toolbar {
    padding-left: 5px;
}
    .map-toolbar>ul>li {
    margin-bottom: 3px;
}
   .filter-box .solid-info-btn {
    padding: 8px 10px!important;
}
    .filter-box .solid-green-btn {
    padding: 8px 8px!important;
}
    .filter-box .solid-red-btn {
    padding: 8px 5px!important;
}
    .filter-box .filter-option-container .form-group input {
    width: 110px;
}
    .filter-box .filter-option-container .form-group select {
    min-width: 110px;
    max-width: 110px;
}
}
@media only screen and (max-width: 370px) and (min-width: 320px) {
    .map-layer-box .arrow-left-container {
    left: 94vw;
    z-index: 1;
    border: 0;
    box-shadow: unset;
    border-left: 0;
    border-radius: 8px 0px 0px 8px;
    background: #007279 7px center/7px 10px no-repeat;
}
    .layer-lt {
    color: #ffffff;
}
    .map-layer-box button.fas.fa-edit.pull-right {
    margin-right: 32px!important;
}
    .map-layer-box .fa-close.pull-right.ng-scope {
    margin-right: 37px!important;
}
    .doc-list .mr-7 {
    margin-right: 3px;
}
    .solid-info-btn {
    padding: 8px 5px!important;
}
 .zone-select  .solid-info-btn {
    padding: 10px 18px!important;
}
}
@media only screen and (min-width: 1300px) and (max-width: 1360px)  {
   .asset-filter-box .radius-6 {
    padding: 6px 6px!important;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1500px)  {

}

/*=====responsive css=======*/
/*list equipment*/
.eq-category{
    width: 113px;
    padding: 6px 2px!important;
}
/*list equipment*/
#map-legend .shape-type-icon svg rect {
    stroke-width: 0!important;
}
    #map-legend .shape-type-icon svg {
    width: 21px;
}
    #map-legend .shape-type-icon svg  rect{
    width: 21px;
}




    .bootstrap-datetimepicker-widget.usetwentyfour.dropdown-menu.bottom {
    display: block;
    position: absolute!important;
    bottom: 27px!important;
}