* {
	outline:none;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

body {
    margin: 0;
    font-size: .875rem;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
    font-weight: 400;
    line-height: 1 !important;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

h1 {
    text-align: left !important;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

.cursor-pointer {
	cursor: pointer !important;
}

/*
 * Sidebar
 */

.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  padding: 48px 0 0;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
  min-width: 160px;
    max-width: 160px;
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto;
  min-width: 150px;
}

.logo {
	height: 23px;
	width: auto;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .sidebar-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
}

.sidebar .nav-link {
  font-weight: 700;
  color: #333;
  padding: 0.3rem 1rem !important;
}

.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #999;
}

.sidebar .nav-link.active {
  color: #0f0;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}

/*
 * Content
 */

[role="main"] {
  padding-top: 40px; /* Space for fixed navbar */
}

@media (min-width: 768px) {
  [role="main"] {
    padding-top: 52px; /* Space for fixed navbar */
      /*padding-left: 170px !important; /* space for side narbar
      width: 100% !important;*/
      margin-left: 150px !important;
  }
    #contractapp {
        margin-left: auto !important;
    }
}

/*
 * Navbar
 */

.navbar-brand {
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, .25);
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, .25);
  min-width:150px;
  text-align: center;
}	

@media (max-width: 480px) {
	.sidebar-sticky, .sidebar { display: block !important; max-width: 38px !important; min-width: 38px !important; }
	.sidebar-sticky svg, .sidebar svg { padding-right: 2px; margin-left: -2px; }
	.sidebar-sticky  { margin-top: 0px; }
	.navbar .form-control { display: none; }
	.nav-item { white-space: nowrap; overflow: hidden; }
	#app { padding-left: 35px !important; padding-right: 0px !important; }
	.navbar-nav { display: none !important; }
	.d-table { padding-left: 30px !important; margin-right: 27px !important; }
}

.navbar .form-control {
  padding: .75rem 1rem;
  border-width: 0;
  border-radius: 0;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}

.bg-dark-fade {
	background: linear-gradient(180deg, rgba(0,255,0,1) 0%, rgba(0,0,0,1) 100%) !important;
}

.bd-app-modal-lg .modal-dialog {
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
}

.bd-app-modal-lg .modal-dialog .modal-content {
	background-color: transparent;
	border: none;
}

@media (min-width: 768px) {
	#app {
		/*padding-top: 64px !important;*/
		/*max-width: calc(100vw - 180px);*/
	}
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 10000000;
	background-color: rgba(255, 255, 255, .7);
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0f401b;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #00ad00;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0f0;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#alert_container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000000;
}
.page_alert {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
.custDelBtn, .custEditBtn, .ordViewBtn, .tblBtn, .npnTblRowDel {
	cursor: pointer;
}
.btn-primary {
	background-color: #0f0 !important;
	border-color: #00ad00 !important;
}
.ordViewBtn {
	color: #00ad00 !important;
}

* > #tik_toolsdlg, * > #tik_toolsdlg > *, * > #tik_container, * > #tik_container > *, #rad_table > *, .table > * {
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
}

.ui-dialog-titlebar-close { display: none !important; }

.h2 { font-weight: 700; }

.page-item.active .page-link {
	border-color: #0f0;
	background-color: #00ad00;
}

.page-link {
	color: #00ad00;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  _width: 160px;
  padding: 4px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;

  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;

    &.ui-state-hover, &.ui-state-active {
      color: #ffffff;
      text-decoration: none;
      background-color: #00ad00;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      background-image: none;
    }
  }
}

#voiceTbl tr:hover { cursor: pointer; }
#orderTbl tr:hover { cursor: pointer; }
.sqtabcontainertab, .qtabcontainertab, .st-tabcontainer { padding: 20px; }

#nbnMap, #fwMap {
    overflow:hidden;
    padding-bottom:40%;
    position:relative;
    height:0;
}
#nbnMap iframe, #fwMap iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#ipndEntryMap {
	width: 100%;
	height: 400px;
	margin-top: 8px;
}

.pac-container {
    z-index: 1051 !important;
}

#nbnSqLocDetails { background: #303030; color: #FFFFFF; border: solid 1px #E2E2E2; padding: 10px; margin-top: 10px; }
.renderjson a              { text-decoration: none; }
.renderjson .disclosure    { color: BlueViolet;
                             font-size: 150%; }
.renderjson .syntax        { color: grey; }
.renderjson .string        { color: Seashell; }
.renderjson .number        { color: DeepSkyBlue; }
.renderjson .boolean       { color: DeepPink; }
.renderjson .key           { color: lightblue; }
.renderjson .keyword       { color: lightgoldenrodyellow; }
.renderjson .object.syntax { color: lightseagreen; }
.renderjson .array.syntax  { color: lightsalmon; }

.nbnSqAddrFormFields label, .nbnSqAddrFormFields button { margin-top: 10px; }

.userPwBtn, .userDelBtn { cursor: pointer; font-weight: bold; }
.view3CX, .open3CX, .delete3CX, .view3CXSBC { cursor: pointer; font-weight: bold; }

#nbn-quote-form {
	/*border-radius: 15px;
	-webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);
	box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);*/
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	display: inline-block;
	margin-left: 20px;
}

#nbn-quote-form label {
	display: block;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}
#nbn-quote-form select {
	width: 100%;
}
#nbn-quote-form td {
	vertical-align: top;
}
#nbn-quote-form td:first-child {
	padding-right: 20px;
	border-right: solid 2px #000000;
}

#nbn-quote-form td:last-child {
	padding-left: 20px;
	border-left: solid 2px #000000;
}

#nbn-quote-form .nqf_total {
	color: #00ad00;
	font-weight: bold;
}
#nbn-quote-form .nqf_total::before {
	content: "$";
}

.w-20 { width:20%!important; }
.w-60 { width:60%!important; }

#nl-frm label { font-weight: bold; padding-top: 5px; margin-top: 5px; }
#nl-frm textarea { height: 200px; }
#nl-frmbtn { margin-top: 5px; }

.editNumInv, .deleteNumInv, .delTrunkBtn, .editTrunkBtn, .viewTrunkBtn, .didDivBtn, .didDelBtn, .viewTrunkCdr, .rtCheckNumInv, .nbnSlcBtn { cursor: pointer; }
.checkNumInv { margin-left: auto !important; }
.stInfoTable { width: 100%; border: 0; }
.stInfoTable tr { border: 0; }
.stInfoTable td { padding: 3px; border: 0; }
.stInfoTable td:first-child { padding-right: 10px; }
#assignAvailNumBtn { margin-top: 28px; }
#stAvailNumTbl { width: 100% !important; }
#numInvAddBtn { margin-right: 10px; }

#tik_container {
	display: table;
	width: 100%;
}

.tik_row {
	display: table-row;
}

#tik_left {
	padding-top: 10px;
	width: 220px;
	display: table-cell;
	padding-right: 5px;
	vertical-align: top;
}

#tik_right {
	padding-top: 10px;
	width: auto;
	display: table-cell;
	padding-left: 10px;
	vertical-align: top;
}

#tik_toolbar {
	display: table;
	list-style-type: none;
	color: #FFFFFF;
	width: 100%;
	padding-left: 5px;
	margin-bottom: 0;
}

#tik_toolbar li {
	display: inline-block;
	text-align: center;
	padding: 3px;
	cursor: pointer;
	font-weight: bold;
}

.tikspeed_tbl {
	border: 0;
	width: 100%;
}

.tikspeed_tbl td {
	padding: 5px;
}

#tik_circuittbl {
	width: 100% !important;
}

#tik_torchtbl {
	width: 100% !important;
}

#tik_torchstopbtn { display: none; }

#tik_toolbar li:hover {
	background: #FFFFFF;
	color: #000000;
}

.tik_toolbar_sep {
	width: 16px !important;
	border: 0 !important;
	cursor: auto !important;
}

.tik_toolbar_sep:hover {
	background: #00ad00 !important;
	color: #FFFFFF !important;
}

.tik_table_menu:hover {
    background-color: #00ad00 !important;
	color: #FFFFFF !important;
	cursor: pointer !important;
}

.tik_table_menu:hover .sorting_1 {
	background-color: #0f0 !important;
	color: #FFFFFF !important;
	cursor: pointer !important;
}

.context-menu-active {
    background-color: #0f0 !important;
	color: #FFFFFF !important;
	cursor: pointer !important;
}

.context-menu-active .sorting_1 {
	background-color: #0f0 !important;
	color: #FFFFFF !important;
	cursor: pointer !important;
}	

#tik_toolsdlg > *, .ui-dialog-buttonset, .ui-dialog-title {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
	font-size: 14px !important;
}

#tik_infotbl { padding: 5px; }
#tik_infotbl td { padding: 5px; vertical-align: top; }

#tik_infotbl tr td:first-child {
	font-weight: bold;
}

#devInfo-tab-content {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
}

#speedTestGauge {
	width: 380px;
	height: 150px;
	position: relative;
}

#stg_text {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	font-weight: bold;
}

#stg_result { text-align: center; }

#stg_container {
	display: inline-block;
}

.nbntable_row { cursor: pointer; }

.modal-dialog {
	-webkit-box-shadow: 0 0 20px 5px rgba(0,0,0,0.9);
	box-shadow: 0 0 20px 5px rgba(0,0,0,0.9);
}

.devRadioStyle {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif !important;
	font-size: .875rem !important;
}

.devRadioTbl > td, .devRadioTbl th {
	padding: 5px;
}

#pbx-tabcontainer, #nbn-tabcontainer, #nms-tabcontainer, #mdu-tabcontainer {
	padding-top: 20px;
	padding: 20px;
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

td.dt-nowrap { white-space: nowrap }

#niSingleDIDs { height: 130px; }

#newPortTbl input[type="text"] { margin-top: 3px; margin-bottom: 3px; }

.contract-input-qty {
	text-align: center;
	width: 50px;
}
.contract-input-price {
	width: 75px;
}

#contractMRCTbl tbody tr td, #contractNRCTbl tbody tr td {
	vertical-align: bottom!important;
}

#createContractModal {
	overflow: scroll!important;
}

.form-control-sm {
    display: block;
    padding: .375rem .75rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.nrcDeleteBtn, .mrcDeleteBtn { cursor: pointer; }

.checkbox-menu li label {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    margin:0;
    transition: background-color .4s ease;
}
.checkbox-menu li input {
    margin: 0px 5px;
    top: 2px;
    position: relative;
}

.checkbox-menu li.active label {
    background-color: #cbcbff;
    font-weight:bold;
}

.checkbox-menu li label:hover,
.checkbox-menu li label:focus {
    background-color: #f5f5f5;
}

.checkbox-menu li.active label:hover,
.checkbox-menu li.active label:focus {
    background-color: #b8b8ff;
}

.custSvcTblBtn, .custNotesBtn { cursor: pointer; }
#custViewNotesText { width: 100%; height: 400px; }

.sysInfoTbl th {
    padding-right: 10px;
    font-size: inherit;
    color: inherit;
    word-break: normal;
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
.sysInfoTbl tr {
    margin-bottom: 5px;
}
.sysInfoTbl td {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}

#nbn_previoustests .btn-link:hover { text-decoration: none !important; }
#nbn_previoustests .btn-link:active { text-decoration: none !important; }

.nbndiag_outputTbl th { white-space: nowrap; padding-right: 10px; }
.atlasnav-toggler {
    cursor: pointer;
    padding: 0.3rem 1rem !important;
    font-weight: 700;
}

.row-danger {
    background-color: #e32929;
    color: #FFFFFF;
}

.row-warning {
    background-color: #df8505;
    color: #FFFFFF;
}

.row-success {
    background-color: #01a31c;
    color: #FFFFFF;
}

#domainTbl th, #domainTbl td { white-space: nowrap; }

#nbnd-div {
    padding-top: 20px;
    padding: 20px;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}