@font-face {
  font-family: 'Montserrat Light';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Light'), local('Montserrat-Light'),
      url(fonts/montserrat-light_d508f4bcd80b35f5ab68ae7d0e466277.woff) format('woff'),
      url(fonts/montserrat-light_d508f4bcd80b35f5ab68ae7d0e466277.ttf) format('truetype');
}

@font-face {
  font-family: 'Montserrat-Regular';
  font-style: normal;
  font-weight: Regular;
  src: url(fonts/Montserrat-Regular.otf) format('opentype');
}

@font-face {
  font-family: 'Montserrat-Bold';
  font-style: normal;
  font-weight: bold;
  src: url(fonts/Montserrat-Bold.otf) format('opentype');
}

/** Generated by FG **/
@font-face {
  font-family: 'Material Icons';
  src: url('fonts/MaterialIcons-Regular.eot');
  src: local('☺'), url('fonts/MaterialIcons-Regular.woff') format('woff'), url('fonts/MaterialIcons-Regular.ttf') format('truetype'), url('fonts/MaterialIcons-Regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  -webkit-font-feature-settings: 'liga';
  font-feature-settings: 'liga';
}

@font-face {
  font-family: 'digital';
  src: url('fonts/digital.eot');
  src: local('☺'), url('fonts/digital.woff') format('woff'), url('fonts/digital.ttf') format('truetype'), url('fonts/digital.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



body {
  margin: 0;
  font-family: "Montserrat-Regular", "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.5;
  background-color: #f5f7ff;
}

/* main panel starts*/
.mainpanel {
  margin-left: 0;
  margin-top: 60px;
  transition: all 0.5s ease-in-out;
}

@media (min-width: 992px) {
  .mainpanel {
      margin-left: 250px;
      transition: all .5s ease-in-out;
  }
}

/* main panel  ends*/

/*Ripple Button*/
.ripple {
  position: relative;
  overflow: hidden;
}

.ripple:hover {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18), 0 2px 5px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18), 0 2px 5px 0 rgba(0, 0, 0, .15);
  outline: 0;
}

.ripple:before {
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.6);
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
}

.ripple:focus {
  outline: none;
}

.ripple:focus:before {
  transition: all 0.5s ease-out;
  opacity: 0;
  width: 160px;
  height: 160px;
  margin-top: -80px;
  margin-left: -80px;
}

.yellowLineBtn {
  color: #000;
  font-size: 12px;
  background: #fdaa40;
  border: 1px solid #d28c32;
  border-radius: 4px;
}
.yellowLineBtn:hover {
  color: #000;
  background: #fdaa40;
}
.yellowLineBtn .material-icons {
  vertical-align: middle;
  margin-right: 5px;
  font-size: 24px;
  margin-top: -1px;
}
.settingModal {
  float: left;
    width: 180px;
    background: #fdaa40;
    position: absolute;
    right: 36px;
    top: -50px;
    box-shadow: 0 0 10px 1px rgba(0,0,0,.04);
}
.settingModal .settingList {
  float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.settingModal .settingList li {
     float: left;
    width: 100%;
    list-style: none;
    padding: 15px 5px 15px 20px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
}
.settingModal .settingList li:last-child {
  border:none;
}
.settingModal .settingList li label {
  margin: 0;
  float: left;
  font-weight: bold;
  font-size: 12px;
  cursor: pointer;
  font-family: 'Montserrat Light', "Helvetica Neue", Arial, sans-serif;
  color: rgba(33,33,33,1);
} 

#showhisgeofancebtn,#showhisgeofance {
  background:#50798d;
  border-radius: 50%;
  margin-top: -38px;
}
#showhisgeofancebtn .material-icons,#showhisgeofance .material-icons {
  color: #fff;
  vertical-align: middle;
  margin-top: -13px;
  font-size: 20px;
}
#showhisgeofancebtn.bluegeoBtn,#showhisgeofance.bluegeoBtn {
  background:#fdaa40 !important;
}
#showhisgeofancebtn.bluegeoBtn .material-icons,#showhisgeofance.bluegeoBtn .material-icons {
  color: #fff;
  vertical-align: middle;
  margin-top: -13px;
  font-size: 20px;
}

.selectboxSec {
  float: left;
  width: 100%;
  margin: 0 0 10px 0;
  position: relative;
  z-index: 100;
}

.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}


.selectboxSec .ng-select .ng-select-container {
  border-color:#EBEDEF;
  font-size: 12px;
  color: rgba(33,33,33,0.8);
  border-radius: 2px;
  height: auto;
  min-height: 35px;
}
.selectboxSec .ng-dropdown-panel {
  border-color:#EBEDEF;
  font-size: 12px;
  color: rgba(33,33,33,0.8);
  
}
.selectboxSec .ng-dropdown-panel .ng-dropdown-panel-items {
  max-height:150px;
}
.multiSelectBox .ng-dropdown-panel .ng-dropdown-panel-items {
  max-height:150px;
}
.selectboxSec .ng-select .ng-option {
  font-size: 12px;
  color: rgba(33,33,33,0.8);
}
.selectboxSec .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #EBEDEF;
    color:rgba(33,33,33,0.8);
    font-size: 12px;
}
.selectboxSec .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 12px;
  color: rgba(33,33,33,0.8);
  top: 8px; 
  padding-bottom: 0;
}
.selectboxSec  .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding:5px 0.75rem;
}
.selectboxSec .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  background-color: #babbc2;
  border: none;  
  line-height: 24px;
  font-size: 11px;
}
.selectboxSec .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid #babbc2;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 20px;
    float: right;
    border-radius: 0 4px 4px 0;
}
.selectboxSec .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  border-left: 1px solid #babbc2;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 20px;
}
.selectboxSec .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  float: left;
  width: 100%;
  flex: auto;
}