input[readonly].reaonly-white {
   background-color: #fff;
}
 .tb-font-red {color: red}
 .tb-font-green {color: green}
 .tb-font-orange {color: orange}
 .row-request {background: rgba(50, 44, 237, 0.3)}
 .row-completed {background: rgba(76, 175, 80, 0.3)}
 .row-failed {background: rgba(237, 44, 44, 0.3)}
 .acurixpanel { display: flex; justify-content: center;}
 .acurixpanel_height { height: 122px;}
 .acurix_tile_img_ntu {max-width: 75%;max-height: 130px;}
 .acurix_tile_img {max-width: 100%;max-height: 100%;}
 .icon-color-good{color:#40ac2b}
 .icon-color-bad{color:#ed1c24}
 .degree-sign:after,.percent-sign:after{content:" %";line-height:normal}.degree-sign:after{content:"°C"}
 .txt-color-blue{color:#57889c!important}.txt-color-blueLight{color:#92a2a8!important}.txt-color-blueDark{color:#4c4f53!important}.txt-color-green{color:#356e35!important}.txt-color-greenLight{color:#71843f!important}.txt-color-greenDark{color:#496949!important}.txt-color-red{color:#a90329!important}.txt-color-yellow{color:#b09b5b!important}.txt-color-orange{color:#b19a6b!important}.txt-color-orangeDark{color:#a57225!important}.txt-color-pink{color:#ac5287!important}.txt-color-pinkDark{color:#a8829f!important}.txt-color-purple{color:#6e587a!important}.txt-color-darken{color:#404040!important}.txt-color-lighten{color:#d5e7ec!important}.txt-color-white{color:#fff!important}.txt-color-grayDark{color:#525252!important}.txt-color-magenta{color:#6e3671!important}.txt-color-teal{color:#568a89!important}.txt-color-redLight{color:#a65858!important}
 .popover {position:relative;z-index:9999;display:block;color: black; width: 120px}
 .popover.lg {left:-100%;}
 .ntuSize{max-width:50%;max-height:100px;}
 .configimg img{margin-right: -4px;}
 .items {list-style-type: none;min-height: 20px;}
 .notices-div {width: 550px;max-width:550px;margin: auto; padding-top: 6%;}
 .imagemap-image {display: block; border: none; width: auto; height: auto; max-width: 100%; }
 .imagemap-div {display: table; margin-right: auto; margin-left: auto; width: 75%}
 .vertical-align-content { display:flex; align-items:center; justify-content:center;padding-left: 15%;padding-right: 15%}
 .nav-align-content {padding-right: 1%; padding-left:1%}
 .table-fixed {table-layout:fixed;}
 .td-wrap {word-wrap:break-word;}
 .text-success-nf {color: #5cb85c}
 .text-danger-nf {color: #d9534f}
 .text-info-nf {color: #5bc0de}
 .arc path {stroke: #fff; stroke-width: 3px;}
 .hpanel .entitypanel {height: 300px; max-height: 300px;}
 .graph-text {display:flex;padding:5px 5px;font-size:42px;vertical-align:middle;justify-content:center;}
 .nav-tabs>li>a {
  margin-right: 0px!important;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
}
 .nav-tabs>li { border-top:1px solid #e4e5e7;border-right:1px solid #e4e5e7;border-left:1px solid #e4e5e7;border-bottom:0;border-bottom-color:transparent}
 .nav-tabs>li.active { border-top:0;border-right:0;border-left:0;border-bottom:0;}
 .searchpanel { height: 40px;}
 .graphpanel {padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;padding:10px }
 .graphdiv {display: inline-block;}
 .ntuimage { height: 400px; min-height:120px}
 .field-icon { float: right; margin-left: -25px; margin-top: -25px; position: relative; z-index: 2;}
 .container { padding-top:50px; margin: auto;}
 .expanding-col {width: 500px;}
 .buttonSpacer{margin-left:3px;}
 .acp-page {box-shadow: 0 0 20px #888;}
 .chosen-container {border-color: #e4e5e7!important;border-radius: 0;border:0!important}
 .chosen-single {border-color: #e4e5e7!important;border-radius: 1px solid!important;border-radius: 0!important;	background: white!important}
 .chosen-choices { background-image: none!important; box-shadow: none!important;overflow: hidden!important;border-color: #e4e5e7 !important;border-radius: 0;}
 .template-edit {overflow-y:scroll;padding-top:6px;padding-bottom:6px;padding-left:12px;padding-right:1px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;height:32em; width:62em;border-color: #e4e5e7 !important;border-radius: 0;}
 .template-view {overflow-y:scroll;padding-top:6px;padding-bottom:6px;padding-left:12px;padding-right:1px;font-size:13px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;height:32em; width:32em;border-color: #e4e5e7 !important;border-radius: 0;}
 .panel-tools-horizontal {display:inline-block;float:left;margin-top:0;padding:0;position:relative}
 .graphpanel_height { height: 230px;}
 .success-panel-body{background:#fff;border:2px solid #5cb85c;border-radius:2px;padding:10px;position:relative}
 .fail-panel-body{background:#fff;border:2px solid #d9534f;border-radius:2px;padding:10px;position:relative}
 .warning-panel-body{background:#fff;border:2px solid orange;border-radius:2px;padding:10px;position:relative}
 .panel-pad{text-align: center;padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;}
 .panel-pad-lg{text-align: center;padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:20px;}
 .small-font {font-size: 10px;}
 .tenant-label {font-weight:400;position:relative;top:-8px;margin-left:25px;}
 .disable-smoothing {-webkit-font-smoothing: auto;}
 .vertical-align-header {vertical-align:middle; padding: 4%; padding-left: 4%;padding-right: 0%}
 .bg-trans-gradient {background: linear-gradient(250deg, #ec741c, #746c6c);}
 .info-card-text {font-size: 0.875rem;display: inline-block; vertical-align: middle;font-weight: 500;line-height: 1.35;}
 .account-header {display: block;padding: 3px 20px;font-size: 12px;line-height: 1.42857143;color: #fff;white-space: nowrap;}
 .overview-panel-height {height:640px}
 .bonder-status-label {font-weight: bolder;}
 .table .table-noborder {border-radius: 0; box-shadow: none; background-color: transparent;border: 0;}
 
 .ntu-dropdown {
	position: absolute;
	display: none;
	z-index: $ajax-dropdown-zindex;
	background: white;
	top: 25px;
	width: 344px;
	max-height: 435px;
	border-radius:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
	-moz-box-shadow: 0 2px 4px rgba(30,30,100,0.25);
	box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
	padding:10px;
	background: $white;
	border: 1px solid #e4e5e7;
	overflow-y:scroll;
}


.tab-container {
	border-style: solid;
	border-color: #e4e5e7;
	border-width: 0px 1px 1px 1px;
	background-color: #ffffff;
	padding: 15px;
}

 @media (min-width:768px) and (max-width:991px) {
  .hidden-xxs{display:none!important}
 }
 @media (min-width:320px) and (max-width: 653px) {
 .tileheader { padding: 40px 43px 0px 43px;}
 }
 @media (min-width:654px) and (max-width: 727px) {
  .tileheader { padding: 40px 26px 0px 26px;}
  }
 @media (min-width: 728px) {
  .tileheader { padding: 40px 44px 0px 44px;}
 }
 @media (min-width: 884px) {
  .tileheader { padding: 40px 26px 0px 26px;}
 }
 @media (max-width:767px) {
  .tile-content{padding:20px 40px 60px 40px;min-width:320px;}
 }
 @media (min-width:320px) {
  .tile-content{padding:0px 26px 60px 26px;min-width:320px;}
 }
 .strengthBar {display: inline;list-style: none;margin: 0 0 0 15px;padding: 0;vertical-align: 2px;}
 .strengthBar .point {background: #DDD;border-radius: 2px;display: inline-block;height: 5px;margin-right: 1px;width: 20px;}
 .strengthBar .point:last-child {margin: 0;}

 .snapshot-object-count { margin-bottom: 5px; }
 .snapshot-panel-height {height:180px}

/**
 * gridster.js - v0.2.1 - 2013-10-28 * http://gridster.net
 * Copyright (c) 2013 ducksboard; Licensed MIT
 */
 .gridster {
  position: relative;
  margin: auto;
  height: 0;
}
.gridster > ul {
  margin: 0;
  list-style: none;
  padding: 0;
}
.gridster-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  z-index: 2;
  position: absolute;
  display: none;
}
.gridster-loaded {
  -webkit-transition: height .3s;
  -moz-transition: height .3s;
  -o-transition: height .3s;
  transition: height .3s;
}
.gridster-loaded .gridster-item {
  display: block;
  position: absolute;
  -webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
  -webkit-transition-delay: 50ms;
  -moz-transition-delay: 50ms;
  -o-transition-delay: 50ms;
  transition-delay: 50ms;
}
.gridster-loaded .gridster-preview-holder {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: #ddd;
  border-color: #fff;
  opacity: 0.2;
}
.gridster-loaded .gridster-item.gridster-item-moving,
.gridster-loaded .gridster-preview-holder {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.gridster-mobile {
  height: auto !important;
}
.gridster-mobile .gridster-item {
  height: auto;
  position: static;
  float: none;
}
.gridster-item.ng-leave.ng-leave-active {
  opacity: 0;
}
.gridster-item.ng-enter {
  opacity: 1;
}
.gridster-item-moving {
  z-index: 3;
}
/* RESIZE */
.gridster-item-resizable-handler {
  position: absolute;
  font-size: 1px;
  display: block;
  z-index: 5;
}
.handle-se {
  cursor: se-resize;
  width: 0;
  height: 0;
  right: 1px;
  bottom: 1px;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent;
}
.handle-ne {
  cursor: ne-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  top: 1px;
}
.handle-nw {
  cursor: nw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  top: 1px;
}
.handle-sw {
  cursor: sw-resize;
  width: 12px;
  height: 12px;
  left: 1px;
  bottom: 1px;
}
.handle-e {
  cursor: e-resize;
  width: 12px;
  bottom: 0;
  right: 1px;
  top: 0;
}
.handle-s {
  cursor: s-resize;
  height: 12px;
  right: 0;
  bottom: 1px;
  left: 0;
}
.handle-n {
  cursor: n-resize;
  height: 12px;
  right: 0;
  top: 1px;
  left: 0;
}
.handle-w {
  cursor: w-resize;
  width: 12px;
  left: 1px;
  top: 0;
  bottom: 0;
}
.gridster .gridster-item:hover .gridster-box {
  border: 1.5px solid #B3B2B3;
}
.gridster .gridster-item:hover .handle-se {
  border-color: transparent transparent #ccc;
}
.gridster .gridster-item {
  -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.3);
  color: #004756;
  background: #ffffff;
}


.snapshot-object-count div.well {
  float: left;
  margin-right: 21px;
  margin-bottom: 0;
  height: 110px;
  padding: 11px 19px; }

/* line 13, usr/lib/bondingadmin/bacore/static/scss/_snapshot-object-counts.scss */
.snapshot-object-count .object-type {
  font-weight: bold;
  margin-right: 5px; }

/* line 17, usr/lib/bondingadmin/bacore/static/scss/_snapshot-object-counts.scss */
.snapshot-object-count .count {
  margin: 5px 5px 0 0;
  font-size: 45px;
  font-weight: normal;
  line-height: 30px;
  clear: left; }

/* line 24, usr/lib/bondingadmin/bacore/static/scss/_snapshot-object-counts.scss */
.snapshot-object-count .change {
  line-height: 18px; }

/* line 27, usr/lib/bondingadmin/bacore/static/scss/_snapshot-object-counts.scss */
.snapshot-object-count .change .up {
  color: #329632; }

/* line 30, usr/lib/bondingadmin/bacore/static/scss/_snapshot-object-counts.scss */
.snapshot-object-count .change .down {
  color: #D4202A; }

/* line 33, usr/lib/bondingadmin/bacore/static/scss/_snapshot-object-counts.scss */
.snapshot-object-count .line {
  font-size: 12px;
  display: block;
  clear: both;
  line-height: 16px;
  margin-top: 4px; }

/* line 40, usr/lib/bondingadmin/bacore/static/scss/_snapshot-object-counts.scss */
.snapshot-object-count .time {
  font-weight: bold;
  float: left;
  width: 77px;
  margin-right: 7px; }

/* line 46, usr/lib/bondingadmin/bacore/static/scss/_snapshot-object-counts.scss */
.snapshot-object-count .value {
  float: left;
  font-size: 13px; }

 .info-card {
        position: relative;
        width: 16.875rem;
        height: 9.53rem;
        color: #fff;
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1);
        transition: all 700ms cubic-bezier(0.34, 1.25, 0.3, 1);
 }
 
 .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.75rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
 }
 
 button, html, input, select, textarea {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
 }
 
 .swagger-ui .info .title small pre {color: #000 !important;}
 .swagger-ui .servers>label {margin: 0px 0px 0 0 !important;}
 
 .bg-color-blueDark {border-color: rgba(29, 61, 104, 0.43) !important;background: rgba(29, 61, 104, 0.43) !important;color: #ffffff;}
 .bg-color-greenLight {background: #43A047!important;}
 .bg-color-blue {background-color: #57889c !important;}
 .bg-color-blueLight {border-color: rgba(140, 210, 236, 0.43) !important;background: rgba(184, 227, 243, 0.43) !important;color: #ffffff;}
 .bg-color-darken {border-color: rgba(0, 0, 0, 0.23) !important;background: rgba(0, 0, 0, 0.23) !important;color: #ffffff;}
 .bg-color-red {border-color: rgba(255, 7, 7, 0.43) !important;background: rgba(255, 7, 7, 0.43) !important;color: #ffffff;}
 .bg-color-redLight {background-color: #a65858 !important;}
 
 .bg-success {background-color: #dff0d8;}
 .bg-info {background-color: #d9edf7;}
 .bg-warning {background-color: #fcf8e3;}
 .bg-danger {background-color: #f2dede;}

 .progress {position: relative;margin-bottom: 20px;overflow: hidden;height: 22px;background: #eeeeee;box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;-webkit-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;-moz-box-shadow: 0 1px 0 transparent, 0 0 0 1px #e3e3e3 inset;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px;}
 .progress .progress-bar {position: absolute;overflow: hidden;line-height: 20px;}
 .show-stats .progress {height: 7px;border-radius: 0;margin-top: 3px;margin-bottom: 15px;}
 .show-stats {padding-top: 6px !important;}
 .show-stat-microcharts {margin-left: -10px;margin-right: -10px;}
 .show-stat-microcharts > div {border-right: 1px solid #DADADA !important;border-top: 1px solid #DADADA !important;margin-top: 10px !important;height: 65px;overflow: hidden;padding: 7px 9px}
 .progress-bar {float: left;width: 0;height: 100%;font-size: 11px;color: #ffffff;text-align: center;background-color: #57889c;-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);font-weight: bold;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);background-image: url('../img/pattern/overlay-pattern.png');}
 .easy-pie-title {display: inline-block;margin: 10px 6px 0;font-size: 12px;font-weight: 400;text-transform: uppercase;width: 100px;height: 19px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
 .easy-pie-chart {display: inline-block;position: relative;vertical-align: middle;}
 .easy-pie-chart .percent {
  color: #444;
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 100%;
  text-align: center;
}
.easy-pie-chart .percent .fa {
  display: none;
}
.smaller-stat {
  margin: 0;
  padding: 0;
  list-style: none;
}
.smaller-stat li {
  margin-top: 3px;
  margin-right: 0px;
}
.smaller-stat li:first-child {
  margin-top: 8px;
}
.smaller-stat span.label {
  width: 40px;
  display: block;
  text-align: left;
  opacity: .5;
  cursor: default;
}
.smaller-stat span.label:hover {
  opacity: 1;
}

 .label-nav{background-color:#62cb31}
 .svgLabels{color: #FF9300}
 .register-image {
 	background-attachment: fixed; 
 	background-image: url("../img/skyline-la.png");
 	background-position: center;
 	background-repeat:no-repeat;
 	background-size: cover;
 }
 
 .global-edge-register-image {
  background-attachment: fixed; 
  background-image: url("../img/GlobalEdgeBackground_new.png");
  background-position: center;
  background-repeat:no-repeat;
  background-size: cover;
}

.local-loop-register-image {
  background-attachment: fixed; 
  background-image: url("../img/GlobalEdgebackgroundNew.png");
  background-position: center;
  background-repeat:no-repeat;
  background-size: cover;
}




.local-loop-btn{
  color:#000;
  font-weight: bold;
  background-color: #3ab77d;
  text-transform: uppercase;
}

.local-loop-btn:hover{
  color:#fff;
  font-weight: bold;
  border-color:#3ab77d;
}


 .register-backdrop {
    border-radius:10px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    background-color: white;
}

 .reg-container:before {
    background: inherit;
    box-shadow: inset 0 0 2000px rgba(255, 255, 255, .5);
    filter: blur(15px);
    position: absolute;
    content: "";
}

.reg-container {
    border-radius:10px;
    position: absolute;
    width: 550px;
    overflow: hidden;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    background-color:rgba(20, 20, 20, 0.6);
}



.local-loop-register-image  .reg-container:before {
  background: inherit;
  filter: blur(15px);
  position: absolute;
  content: "";
}

.local-loop-register-image  .reg-container {
  border-radius:10px;
  position: absolute;
  width: 500px;
  overflow: hidden;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  background-color: initial;
  box-shadow: none;
  left: 50%;
  transform: translateX(-50%);
}

.local-loop-register-image .modal-backdrop{
  background-color: initial;
}

 .pac-container {
    z-index: 1051 !important;
 }
#map {
    height:600px;
    width:100%;
}
#sdwan-map {
    width:100%;
}

.infoWindowContent {
    font-size:  14px !important;
    border-top: 1px solid #ccc;
    padding-top: 10px;
} 

 text-angular .popover {
   display: none;
}
/* ==========================================================================
Developement Ribbon
========================================================================== */
.ribbon {
    background-color: #a00;
    box-shadow: 0 0 10px #888;
    left: -3.5em;
    moz-box-shadow: 0 0 10px #888;
    moz-transform: rotate(-45deg);
    ms-transform: rotate(-45deg);
    o-transform: rotate(-45deg);
    overflow: hidden;
    position: absolute;
    top: 40px;
    transform: rotate(-45deg);
    webkit-box-shadow: 0 0 10px #888;
    webkit-transform: rotate(-45deg);
    white-space: nowrap;
    width: 15em;
    z-index: 9999;
    pointer-events: none;
}

.ribbon a {
    border: 1px solid #faa;
    color: #fff;
    display: block;
    font: bold 81.25% 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 1px 0;
    padding: 10px 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 5px #444;
    pointer-events: none;
}

.icon-nav-tabs>li>a {
  margin-right: 0px !important;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
}

/*
 * AJAX DROPDOWN
 */

.ajax-dropdown >:first-child {
	margin:0 0 3px 0;
	padding:0 0 9px 0;
}

.ajax-dropdown {
	position: absolute;
	display: none;
	z-index: $ajax-dropdown-zindex;
	background: white;
	top: 48px;
	left: 16px;
	width: 344px;
	height: 435px;
	border-radius:0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
	-moz-box-shadow: 0 2px 4px rgba(30,30,100,0.25);
	box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
	padding:10px;
	background: $white;
	border: 1px solid #b3b3b3;
	overflow-y:scroll;
}

.ajax-dropdown:after, .ajax-dropdown:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ajax-dropdown:after {
	border-color: rgba(red($white), green($white), blue($white), 0);
	border-bottom-color: $ajaxdrop-arrow-top-color;
	border-width: $ajaxdropdown-arrow-size;
	left: 50%;
	margin-left: -$ajaxdropdown-arrow-size;
}

.ajax-dropdown:before {
	border-color: rgba(131, 131, 131, 0);
	border-bottom-color: $ajaxdrop-arrow-bottom-color;
	border-width: $ajaxdropdown-arrow-bottom;
	left: 50%;
	margin-left: -$ajaxdropdown-arrow-bottom;
}

.ajax-dropdown .btn-group .btn {
	font-weight:bold;
	text-transform:capitalize;
}

/* better for 3 childs*/

.ajax-dropdown .btn-group >:nth-child(2) {
	border-right-width:0px;
	border-left-width:0px;
}	

.ajax-dropdown .btn-group >:last-child {
	border-right-width:1px !important;
}	

/* better for 4+ childs 
.ajax-dropdown .btn-group >:first-child {
	border-right-width:1px;
}

.ajax-dropdown .btn-group >:nth-child(n+2) {
	border-left-width:0px;
}

.ajax-dropdown .btn-group >:last-child {
	border-right-width:1px !important;
}	*/

.ajax-dropdown .btn-group .btn:active {
	top:0px;
	left:0px;
}

.ajax-notifications {
	height: $ajaxdropdown-height;
	display:block;
	overflow: auto;
	margin-right: -10px;
	margin-left: -10px;
	border-bottom: 1px solid #CECECE;
	border-top: 1px solid #CECECE;
	background: #E9E9E9;
}

.ajax-notifications  .alert.alert-transparent {
	background-color: transparent;
	border-color: transparent;
	color: #757575;
	margin:13px 10px;
}

.ajax-notifications .alert>:first-child {
	margin-bottom:10px;
	font-weight:400;
}

.ajax-dropdown >:last-child {
	font-size:13px;
	display: block;
	padding: 5px 0;
	line-height: 22px;
	font-weight: 400;
}

.ajax-dropdown .fa-4x.fa-border {
	border-width:3px;
	border-radius:50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	display:block;
	margin:0 auto;
	width:46px;
	text-align:center;
	color: #D1D1D1;
	border-color:#D1D1D1;
}

.tree {
  min-height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.tree li {
  list-style-type: none;
  margin: 0;
  padding: 3px;
  position: relative;
}
.tree ul ul li:hover {
/* 
    font-weight:bold;
 */
/* 
  background: rgba(0, 0, 0, 0.015);
 */
}
.tree li:before,
.tree li:after {
  content: '';
  left: -20px;
  position: absolute;
  right: auto;
}
.tree li:before {
  border-left: 1px solid #999999;
  bottom: 50px;
  height: 100%;
  top: -11px;
  width: 1px;
  -webkit-transition: "border-color 0.1s ease 0.1s";
  -moz-transition: "border-color 0.1s ease 0.1s";
  -o-transition: "border-color 0.1s ease 0.1s";
  transition: "border-color 0.1s ease 0.1s";
}
.tree li:after {
  border-top: 1px solid #999999;
  height: 20px;
  top: 18px;
  width: 25px;
}
.tree li span {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
/* 
  border: 1px dotted #999999;
 */
  font-weight:400;
  border-radius: 5px;
  display: inline-block;
  padding: 2px 3px;
  text-decoration: none;
  -webkit-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  -moz-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  -o-transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
  transition: color 0.2s ease 0.1s, background-color 0.2s ease 0.1s, border-color 0.3s ease 0.2s;
}

.tree li span:hover {
  font-weight:bold;
}

.tree li.parent_li > span {
  font-weight:400;
  cursor: pointer;
  padding: 7px;
}

.tree > ul > li:before,
.tree > ul > li::after {
  border: 0;
}
.tree li:last-child::before {
  height: 30px;
}
.tree li.parent_li > span:hover,
.tree li.parent_li > span:hover + ul li span {
/* 
    font-weight:bold;
 */

/* 
  background: #eee;
  border: 1px solid #94a0b4;
  color: #000000;
 */
}
.tree > ul {
  padding-left: 0px;
}
.tree ul ul {
  padding-left: 34px;
  padding-top: 10px;
}
.tree li.parent_li > span:hover + i {
  font-weight:bold;
/* 
  background-color: #DF8505;
  border: 1px solid #C67605;
 */

}

.tree li.parent_li > span:hover + ul li::before {
/* 
  border-left-color: #F89406;
 */
  font-weight:400;

}
.tree li.parent_li > span:hover + ul li::after {
/* 
  border-top-color: #F89406;
 */
  font-weight:400;

}
.tree li.parent_li > span:hover + ul li span {
/* 
    font-weight:bold;
 */
/* 

  background: #FDDFB3 !important;
  border: 1px solid #FAA937;
  color: #000;
 */

}
/* icons */
.tree .fa.icon-minus-sign:before {
  content: "\f056" !important;
}
.tree .fa.icon-plus-sign:before {
  content: "\f055" !important;
}

.clip-header-reset i{display:inline-block;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.clip-header-reset {position:absolute;top:0;right:0;font-size:8px;background:#f7f9fa;padding:4px 5px;border-left:1px solid #e4e5e7;border-bottom:1px solid #e4e5e7}

.clip-header {
    opacity: 0
}

.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
/* 
.btn-info {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-info:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
 */
 
 /* insert table css */
 .freeTextTable td{
    border: solid 1px #333;
}

.tableModalForm{
    margin: 10px 10px 10px 10px;
    width: 20%;
}
.remRowFreeTextTable{
    margin-left: 50px;
}

.deleteFreeTextTable{
    margin-left: 50px;
}

.onclick-menu {
    position: relative;
    display: inline-block;
    width:100%;
}

.onclick-menu:focus .onclick-menu-content {
    /*  opacity is 1 in opened state (see below) */
    opacity: 1;
    visibility: visible;

    /* don't let pointer-events affect descendant elements */
    pointer-events: auto;
}

.onclick-menu-content:focus{
     /*  opacity is 1 in opened state (see below) */
    opacity: 1;
    visibility: visible;

    /* don't let pointer-events affect descendant elements */
    pointer-events: auto;
}


.onclick-menu-content {
    position: absolute;
    z-index: 1;

    /* use opacity to fake immediate toggle */
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.5s;
    width: auto;
    margin-left: 0;
    padding-left: 0px;

}

.onclick-menu-content li{
    color: #333;
    list-style-type:none;
    white-space: nowrap;
}

.ta-resizer-handle-background{
    background-color: rgba(0,0,0,0) !important;
    border: none!important;
}

.dropup {
  position: relative;
  display: inline-block;
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #fffffff;
  min-width: 160px;
  bottom: 50px;
  z-index: 1;
}

.dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropup-content a:hover {background-color: #ffffff}

tr.selected td {
  background: #ccc!important;
}
.tooltip-multiline {
  height: auto;
}
/* fix action dropdown with responsive table */
@media (max-width: 1213px) {
.table-responsive .btn-group {
margin-left: 1px;
}
}

@media (min-width: 1214px) {
.table-responsive {
overflow: visible;
}
}

.clockpicker-popover {
  position: absolute;
  width: auto;
}

.text-break {
  word-wrap: break-word;
}


input.ng-invalid.ng-touched {
  border: 1px solid rgb(255, 129, 129) !important;
}

input:required + span.message::after {
  font-size: 0.9rem;
  content: "This field is required";
  color: rgb(255, 0, 0);
  padding: 5px 5px;
  float: right;
}

input:required.ng-valid + span.message::after {
  font-size: 0.9rem;
  content: "This field is required";
  color: rgba(20, 20, 20, 0.372);
  padding: 5px 5px;
  float: right;
} 

select.ng-invalid.ng-touched {
  border: 1px solid rgb(255, 129, 129) !important;
}

select:required + span.message::after {
  font-size: 0.9rem;
  content: "This field is required";
  color: rgb(255, 0, 0);
  padding: 5px 5px;
  float: right;
}

select:required.ng-valid + span.message::after {
  font-size: 0.9rem;
  content: "This field is required";
  color: rgba(20, 20, 20, 0.372);
  padding: 5px 5px;
  float: right;
} 

textarea.ng-invalid.ng-touched {
  border: 1px solid rgb(255, 129, 129) !important;
}

textarea:required + span.message::after {
  font-size: 0.9rem;
  content: "This field is required";
  color: rgb(255, 0, 0);
  padding: 5px 5px;
  float: right;
}

textarea:required.ng-valid + span.message::after {
  font-size: 0.9rem;
  content: "This field is required";
  color: rgba(20, 20, 20, 0.372);
  padding: 5px 5px;
  float: right;
} 

.msg-invalid::after {
  font-size: 0.9rem;
  content: "This field is required";
  color: rgb(255, 0, 0);
  padding: 5px 5px;
  float: right;
}

.msg-valid::after {
  font-size: 0.9rem;
  content: "This field is required";
  color: rgba(20, 20, 20, 0.372);
  padding: 5px 5px;
  float: right;
}

.disable-span{
  color: #E6E6E6;
  cursor: not-allowed !important;
}

.has-success .form-control {
  border-color: #e4e5e7 !important;
}

.has-success .control-label {
  color: #6A6C89 !important; 
}

.has-success .form-control-feedback {
  color: #ffffff00 !important;
}

.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline,.has-success.radio label,.has-success.checkbox label,.has-success.radio-inline label,.has-success.checkbox-inline label {
  color: #6A6C89 !important; 
}

/* 
.dropup:hover .dropup-content {
  display: block;
}
 */

 .text-black {
  color: #000;
 }

#side-menu li .nav-second-level div li a {
  padding: 10px 10px 10px 30px;
  color: #6a6c6f;
  text-transform: none;
  font-weight: 600
}

#side-menu li .nav-second-level div li.active a {
  color: #34495e;
  background-color: #f7f9fa
}


/* Compute CSS */

.compute-txt-break{
  word-break: break-all;
  width:105px;
}

.location-col-90 {
  width: 90%;
}

.location-col-10 {
  width: 10%;
  padding:22px 0 0 12px;
}

/* To ensure proper alignment and spacing */
.location-row {
  display: flex;
  flex-wrap: nowrap;
}

.row-flex{
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 12px;
}

.flex-50{
  width:50%;
}
.flex-33{
  width:33.33%;
}
.custom-padding-left {
  padding-left: 20px; 
}

.qualify-text{
  padding:5px;
  color:#fff;
}

.green {
  background-color: green;
}
.orange {
  background-color: orange;
}
.red {
  background-color: red;
  color: #fff;
}

.table-header-grey th {
  background-color: #d3d3d3; /* Grey color for table header */
}
.slider-container{
  position:relative;
}
.slider {
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  appearance: none;
  height: 5px;
  background-color: #ddd;
  border-radius: 5px;
}

.slider-line {
  position: absolute;
  width: 100%;
  height: 5px;
  /*background-color: #45a049;*/
  margin-bottom: 20px;
  top:0px
}

.range-labels {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.range-labels span {
  position: absolute;
  font-size: 10px;
  color: #999;
  top: 15px;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #4CAF50; /* Green color */
  cursor: pointer;
  transition: background-color 0.3s;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #4CAF50; /* Green color */
  cursor: pointer;
  transition: background-color 0.3s;
}

/* Change color of thumb when hovering */
.slider::-webkit-slider-thumb:hover,
.slider::-moz-range-thumb:hover {
  background-color: #45a049; /* Darker green when hovered */
}

.service-dialog h4 {
  font-weight: bold;
  background-color: #f7f9fa;
  padding: 14px;
}

.service-dialog .text-left{
  text-align: left !important;
}

.form-group-division{
  border-bottom : 1px solid #000;
}

.service-dialog label{
  text-wrap : wrap;
}
.right-align{
  text-align: right;
}
.pdr15{
  padding-right: 15px;
}
/*
.force-height {
  height: 300px !important;
}

li.gridster-item.force-height {
  height: 300px !important;
  min-height: 300px !important; 
}*/