html,
body {
	height: 100%;
}

html {
	scroll-padding-top: 70px;
}

body {
	counter-reset: item;
}

body.no-js {
	overflow-y: scroll;
}

textarea {
	resize: vertical;
}

.w-5 {
	width: 5%;
}

.w-10 {
	width: 10%;
}

.w-15 {
	width: 10%;
}

.w-20 {
	width: 20%;
}

.w-25 {
	width: 25%;
}

.w-30 {
	width: 30%;
}

.w-35 {
	width: 35%;
}

.w-45 {
	width: 45%;
}

.w-50 {
	width: 50%;
}

.w-55 {
	width: 50%;
}

.w-75 {
	width: 75%;
}

.w-80 {
	width: 80%;
}

.w-85 {
	width: 85%;
}

.w-100 {
	width: 100%;
}

.h-100 {
	height: 100%;
}

.d-inline-block {
	display: inline-block;
	vertical-align: top;
}

.thr-1 {
	border-top: 1px solid #ddd;
	margin-left: -5px;
	margin-right: -5px;
}

.thr-2 {
	border-top: 1px solid #f5f5f5;
}

.main {
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}

.external-client {
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}

/* 
.wrap>.container {
	padding: 70px 15px 20px;
} */

.navbar-reserved {
	height: 70px;
}

.navbar-fixed-top {
	z-index: 1050;
}

.footer {
	height: 60px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	padding-top: 20px;
	position: absolute;
	width: 100%;
}

.jumbotron {
	text-align: center;
	background-color: transparent;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.not-set {
	color: #c55;
	font-style: italic;
}

.is-set {
	color: #449D44;
	font-style: italic;
}

/* add sorting icons to gridview sort links */

a.asc:after,
a.desc:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}

a.asc:after {
	content:
		/*"\e113"*/
		"\e151";
}

a.desc:after {
	content:
		/*"\e114"*/
		"\e152";
}

.sort-numerical a.asc:after {
	content: "\e153";
}

.sort-numerical a.desc:after {
	content: "\e154";
}

.sort-ordinal a.asc:after {
	content: "\e155";
}

.sort-ordinal a.desc:after {
	content: "\e156";
}

.grid-view th {
	white-space: nowrap;
}

p.white-space {
	white-space: pre-wrap;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.error-summary {
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}


/* align the logout "link" (button in form) of the navbar */

.nav li>form>button.logout {
	padding: 15px;
	border: none;
}

@media(max-width:767px) {
	.nav li>form>button.logout {
		display: block;
		text-align: left;
		width: 100%;
		padding: 10px 15px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1370px !important;
	}
}

.nav>li>form>button.logout:focus,
.nav>li>form>button.logout:hover {
	text-decoration: none;
}

.nav>li>form>button.logout:focus {
	outline: none;
}

.col-align {
	float: none;
	display: inline-block;
}

.col-align--top {
	vertical-align: top !important;
}

.col-align--center {
	vertical-align: middle !important;
}

.col-align--bottom {
	vertical-align: bottom !important;
}

.site-dashboard-create .form-group {
	margin-bottom: 0;
}

.solution .form-group {
	margin-bottom: 5px;
}

.help-block {
	margin: 0;
}

.caret-right {
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

label {
	font-weight: normal;
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.modal-dialog-center {
	margin-top: 15%;
}

.modal {
	text-align: center;
}

.modal-header {
	padding: 10px;
}

.modal-footer {
	padding: 10px;
}

.va-middle {
	vertical-align: middle !important;
}

@media screen and (min-width: 768px) {
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

@media (min-width: 1200px) {
	.modal-xl {
		width: 1140px;
	}
}

.modal-full {
	width: 90%;
}

/* .modal-full .modal-content .modal-body {
	max-height: calc(100vh - 212px);
	overflow-y: auto;
} */

ul.nav-tabs>li>a {
	outline: 0;
}

.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
	border-bottom-width: 1px;
}

.panel-default {
	border-color: #BEE7F7 !important;
}

.panel-default>.panel-heading {
	padding: 2px 2px 0px 2px;
	background-color: #E8F7FF;
	border-color: #BEE7F7 !important;
}

.panel-success {
	border-color: #bef7c1 !important;
}

.panel-success>.panel-heading {
	padding: 2px 2px 0px 2px;
	background-color: #e8ffe9;
	border-color: #bef7c6 !important;
}

.panel-default>.panel-heading>.nav-tabs {
	border-bottom: 0;
}

table.table-contacts input {
	margin: 1px;
}

a.upload-files-delete {
	cursor: pointer;
}

.navbar-inverse {
	background: rgba(0, 0, 0, 0.77);
	box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
	border: none;
}

.navbar-inverse .navbar-brand {
	color: #fff;
	padding: 0;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
	background: rgba(0, 0, 0, 0.1);
}

.navbar-inverse a {
	outline: none;
}

/* CSS used here will be applied after bootstrap.css */

.modal-header-success {
	color: #fff;
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #5cb85c;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-header-warning {
	color: #fff;
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #f0ad4e;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-header-danger {
	color: #fff;
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #d9534f;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-header-info {
	color: #fff;
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #5bc0de;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modal-header-primary {
	color: #fff;
	padding: 9px 15px;
	border-bottom: 1px solid #eee;
	background-color: #428bca;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.pagination {
	margin: unset;
}

.pagination>li>a {
	background-color: #F2FBFF !important;
}

ul.pagination>li>a:hover {
	background-color: #E8F7FF !important;
}

ul.pagination>li.active>a {
	background-color: #337ab7 !important;
}

ul.pagination>li.active>a:hover {
	color: #fff;
	background-color: #337ab7 !important;
	border-color: #337ab7 !important;
}

.pagination>.disabled>span {
	border-color: #BEE7F7 !important;
}

.padding_0 {
	padding: 0;
}

div.tab-content h3 {
	margin-top: 10px;
}

div.count::before {
	counter-increment: item;
	content: counter(item) ". ";
}

div.count_sub::before {
	content: counter(item);
}

.font-weight-bold {
	font-weight: bold !important;
}

.font-weight-normal {
	font-weight: normal !important;
}

.font-weight-bold label {
	font-weight: bold !important;
}

.font-style-italic {
	font-style: italic !important;
}

div.divider-bottom {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #eeeeee;
}

div.divider-top-teo {
	border-top: 1px solid #BEE7F7;
	padding-top: 10px;
	padding-bottom: 10px;
}

.mt--15 {
	margin-top: -15px;
}

.mr--15 {
	margin-left: -15px;
	margin-right: -15px;
}

.pt-10 {
	padding-top: 10px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pull-center {
	text-align: center;
}

.pull-center-margin {
	margin: 0 auto;
	float: none;
}

input[type="checkbox"]:hover {
	cursor: pointer;
}

.dropdown-menu>li button {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333333 !important;
	white-space: nowrap;
	width: 100%;
	text-align: left;
}

.dropdown-menu>li button:hover,
.dropdown-menu>li button:focus {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}

a.dropdown-caret {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>li button {
		color: #9d9d9d;
		padding: 5px 15px 5px 25px;
	}

	.dropdown-menu>li button {
		color: #9d9d9d !important;
		;
	}
}

.bg-success {
	background-color: #dff0d8 !important;
}

.bg-warning {
	background-color: #fcf8e3 !important;
}

.bg-danger {
	background-color: #f2dede !important;
}

.bg-secondary {
	background-color: #e4e4e4ea !important;
}

.p-0 {
	padding: 0;
}

.p-2 {
	padding: 0.5rem !important;
}

.p-3 {
	padding: 1rem !important;
}

.p-4 {
	padding: 1.5rem !important;
}

.pt-2 {
	padding-top: 0.5rem !important;
}

.pt-3 {
	padding-top: 1rem !important;
}

.pt-4 {
	padding-top: 1.5rem !important;
}

.pt-5 {
	padding-top: 2rem !important;
}

.pb-1 {
	padding-bottom: 0.1rem !important;
}

.pb-2 {
	padding-bottom: 0.5rem !important;
}

.pb-3 {
	padding-bottom: 1rem !important;
}

.pb-4 {
	padding-bottom: 1.5rem !important;
}

.pb-5 {
	padding-bottom: 2rem !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mb-21 {
	margin-bottom: 0.1rem !important;
}

.mb-2 {
	margin-bottom: 0.5rem !important;
}

.mb-3 {
	margin-bottom: 1rem !important;
}

.mb-4 {
	margin-bottom: 1.5rem !important;
}

.mb-5 {
	margin-bottom: 2rem !important;
}

.mb-6 {
	margin-bottom: 2.5rem !important;
}

.mt-0 {
	margin-top: 0px !important;
}

.mt-1 {
	margin-top: 0.25rem !important;
}

.mt-2 {
	margin-top: 0.5rem !important;
}

.mt-3 {
	margin-top: 1rem !important;
}

.mt-4 {
	margin-top: 1.5rem !important;
}

.mt-5 {
	margin-top: 2rem !important;
}

.mt-6 {
	margin-top: 2.5rem !important;
}


.mr-0 {
	margin-right: 0px !important;
}

button.mr-0 span::before {
	margin-right: 0px !important;
}

.mr-21 {
	margin-right: 0.1rem !important;
}

.mr-2 {
	margin-right: 0.5rem !important;
}

.mr-3 {
	margin-right: 1rem !important;
}

.mr-4 {
	margin-right: 1.5rem !important;
}

.mr-5 {
	margin-right: 2rem !important;
}

.mr-6 {
	margin-right: 2.5rem !important;
}


.ml-0 {
	margin-left: 0px !important;
}

.ml-21 {
	margin-left: 0.1rem !important;
}

.ml-2 {
	margin-left: 0.5rem !important;
}

.ml-3 {
	margin-left: 1rem !important;
}

.ml-4 {
	margin-left: 1.5rem !important;
}

.ml-5 {
	margin-left: 2rem !important;
}

.ml-6 {
	margin-left: 2.5rem !important;
}



.border-right-0 {
	border-right: 0 !important;
}

.border-left-0 {
	border-left: 0 !important;
}

.border-top-0 {
	border-top: 0 !important;
}

.border-bottom-0 {
	border-bottom: 0 !important;
}

.border-top-left-radius-0 {
	border-top-left-radius: 0;
}

.border-top-left-radius-3 {
	border-top-left-radius: 3px !important;
}

.border-top-right-radius-0 {
	border-top-right-radius: 0;
}

.border-top-right-radius-3 {
	border-top-right-radius: 3px !important;
}

.border-bottom-left-radius-0 {
	border-bottom-left-radius: 0;
}

.border-bottom-left-radius-3 {
	border-bottom-left-radius: 3px !important;
}

.border-bottom-right-radius-0 {
	border-bottom-right-radius: 0;
}

.border-bottom-right-radius-3 {
	border-bottom-right-radius: 3px !important;
}

.btn-sm,
.btn-group-sm>.btn {
	line-height: 1;
}

.input-group-btn>.btn {
	line-height: 1.5;
}

.table-bordered>thead>tr>th {
	border-bottom: 0;
	vertical-align: middle;
}

.text-orange {
	color: #FF8C00;
}

.text-red {
	color: #DC143C;
}

.nowrap {
	white-space: nowrap;
}

.wrap-normal {
	white-space: normal;
}

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

.alert {
	font-size: 18px !important;
	text-align: center;
}

.breadcrumb {
	background-color: unset;
	border-radius: unset;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	padding-left: unset;
	padding-right: unset;
}

.breadcrumb>li>a {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	color: #333;
	background-color: #F2FBFF;

	display: inline-block;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid #ccc;
	text-decoration: none;
}

.breadcrumb>li:first-child>a {
	background-color: #F2FBFF;
}

.breadcrumb>li>a:hover {
	color: #333;
	background-color: #E8F7FF !important;
}

.breadcrumb>li.active {
	font-weight: bold;
}

.btn-default {
	background-color: #a3e1f38f !important;
	border-color: #BEE7F7 !important;
	outline: none !important;
}

.btn-default:hover {
	background-color: #BEDFE3 !important;
	border-color: #BDE5F5 ! important;
	border: 1px solid #BDE5F5 !important;
}

.btn-default:focus {
	background-color: #BEE7F7 !important;
	border: 1px solid #BDE5F5 !important;
	border-color: #BDE5F5 !important;
}

.btn-default:active {
	background-color: #BEE7F7 !important;
	border: 1px solid #BDE5F5 !important;
	border-color: #BDE5F5 !important;
	outline: none !important;
}

.btn-default.active {
	background-color: #BEE7F7 !important;
	border-color: #BEE7F7 !important;
}

.btn-primary.active {
	outline: none !important;
}

.btn-select {
	color: #333;
	background-color: #fff;
	border-color: #BDE5F5;
	border: 1px solid #BDE5F5 !important;
	height: 30px;

}

.btn {
	outline: none !important;
}

.btn:focus {
	outline: none !important;
}

.form-control {
	border-color: #BEE7F7;
}

li.last>a,
li.first>a {
	background-color: #F2FBFF;
	/* border-color: #F2FBFF; */
	/* color: #fff; */
	/* font-weight: bold; */
}

li.last:hover>a,
li.first>a:hover {
	background-color: #E8F7FF !important;
}

li.last:active>a,
li.first>a:active {
	background-color: #3C91D0 !important;
}

#show_hidden_file {
	font-size: 16px;
}

span.maroon {
	color: maroon;
}

span.green {
	color: green;
}

span.orange {
	color: orange;
}

span.gray {
	color: gray;
}

.text-secondary {
	color: gray;
}

.equipment-expenses {
	font-weight: bold;
	font-size: 14px;
	background-color: #E8F7FF;
}

.equipment-count,
.equipment-price {
	font-size: 14px;
}

.name_title,
.name_chars {
	font-size: 14px;
}

.font-italic {
	font-style: italic;
}

.border {
	border: 1px solid #ddd;
}

.border-none {
	border: none;
}

.input-group-addon>label {
	margin-bottom: 0px;
}

.table-striped-nt {
	border: 1px solid #BEE7F7;
}

.table-striped-nt>thead>tr {
	background-color: #F2FBFF;
}

.table-striped-nt>tbody>tr:nth-of-type(2n) {
	background-color: #F2FBFF;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
	background-color: #F2FBFF;
}

.table-hover>tbody>tr {
	transition: all .3s linear;
}

.table-hover>tbody>tr:hover {
	background-color: #E8F7FF;
}

.cke_top,
.cke_bottom {
	background-color: #E8F7FF !important;
}

.cke_top {
	border-bottom: 1px solid #BEE7F7 !important;
}

.cke_bottom {
	border-top: 1px solid #BEE7F7 !important;
}

.cke_chrome {
	border: 1px solid #BEE7F7 !important;
}

.input-group-addon {
	background-color: #E8F7FF;
	border-color: #BEE7F7 !important;
}

.table-bordered>tbody>tr>td,
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th {
	border: 1px solid #BEE7F7;
	border-top: 1px solid #BEE7F7 !important;
}

ul.nav-tabs>li>a:hover {
	background-color: #bee7f7;
}

ul.nav-tabs>li.active>a {
	font-weight: bold;
	border: 1px solid #BEE7F7;
	border-bottom-color: transparent;
}

ul.nav-tabs>li>a {
	color: #333333;
}

.typeahead__field input {
	border-color: #BEE7F7;
	border: 1px solid #BEE7F7;
	border-radius: 4px;
}

.ckeditor-margin {
	margin: -5px;
}

.ckeditor-margin>div>.cke_chrome,
.ckeditor-margin>.cke_chrome {
	border-left: 0 !important;
	border-right: 0 !important;
	/* border-top: 0 !important; */
	border-bottom: 0 !important;
}

.ckeditor-bb-1>div>.cke_chrome,
.ckeditor-bb-1>.cke_chrome {
	border-bottom: 1px solid #BEE7F7 !important;
}

.ckeditor-br-1>div>.cke_chrome,
.ckeditor-br-1>.cke_chrome {
	border-right: 1px solid #BEE7F7 !important;
}

.nds-percent {
	font-size: 14px;
}

blockquote.email_message {
	padding: 10px 10px;
	margin: 0px 0 10px;
	border-left: 0;
}

blockquote.email_message>pre {
	background-color: unset;
	border: unset;
	padding: unset;
}

input[type="checkbox"],
input[type="radio"] {
	accent-color: #5cb85c;
}

input[type="checkbox"]::selection,
input[type="radio"]::selection {
	accent-color: #fff;
}

/* .ag-index .badge, */
.imp-index .badge {
	display: unset;
	font-size: 12px;
	padding: 3px 7px;
	top: -2px;
	left: 2px;
}

#server_types .label,
div.site-dashboard-create span.active {
	font-size: 100%;
}

.ag-view h3 .label.active {
	font-size: 60%;
	vertical-align: middle;
}

div.site-dashboard-create span.active {
	margin-bottom: 3px;
	display: inline-block;
	font-weight: 400;
}

div.site-dashboard-create div.panel div.panel-body,
div.company-edit div.panel div.panel-body {
	margin-left: -1px;
	margin-right: -1px;
	margin-bottom: -1px;
	padding: 0px;
}

div.site-dashboard-create div.panel div.panel-body h3 {
	padding-left: 5px;
}

div.site-dashboard-create .input-group .form-group+.input-group-btn {
	vertical-align: top;
}

tr.eq_empty {
	height: 20px;
}

.ml-5px {
	margin-left: 5px;
}

.mb-5px {
	margin-bottom: 5px;
}

.mt-5px {
	margin-top: 5px;
}

.br-left-0 {
	border-left: none !important;
}

.br-right-0 {
	border-right: none !important;
}

div.site-dashboard span.active {
	display: inline-block;
	font-weight: 400;
}

div.ag-view span.active,
div.site-dashboard-create span.active,
div.site-dashboard span.active {
	border-color: #337ab7;
	color: #fff;
	background-color: #337ab7 !important;
}

.text-white {
	color: #fff;
}

span.required {
	color: red;
	font-size: 20px;
	vertical-align: middle;
	line-height: 1px;
}

.display_none {
	display: none;
}

.ag-view .row {
	flex-wrap: wrap;
	display: flex;
}

.ag-view .row .col-xs-6 {
	flex: 0 0 50%;
}

#field-project {
	font-weight: bold;
	font-size: 16px;
}

#server_types>span {
	margin-bottom: 3px;
	display: inline-block;
	font-weight: 400;
}

div.ag-view #w2 {
	margin-bottom: 10px;
}

.row5 {
	margin-right: -5px;
	margin-left: -5px;
}

.pl-0 {
	padding-left: 0;
}

.pl-5px {
	padding-left: 5px;
}

.pr-5px {
	padding-right: 5px;
}

.pl-1px {
	padding-left: 1px;
}

.pl-05em {
	padding-left: 0.5em;
}

.pr-1px {
	padding-right: 1px;
}

.pr-0 {
	padding-right: 0px !important;
}

.pr-21 {
	padding-right: 0.1rem !important;
}

.pr-2 {
	padding-right: 0.5rem !important;
}

.pr-3 {
	padding-right: 1rem !important;
}

.pr-4 {
	padding-right: 1.5rem !important;
}

.pr-5 {
	padding-right: 2rem !important;
}

.pr-6 {
	padding-right: 2.5rem !important;
}


.lh-142 {
	line-height: 1.42857143;
}

a.ag-id-copy {
	font-size: 16px;
	color: #000;
}

a.ag-id-copy:hover {
	color: #7F7F7F !important;
}

a.ag-id-copy-click:focus {
	color: #C3C3C3 !important;
}

.ag-view-id {
	font-size: 16px;
}

#ag-field input:not(:placeholder-shown) {
	background-color: #F4F8FD;
}

.notempty {
	background-color: #F4F8FD !important;
}

.navbar-inverse .navbar-nav>.open>a {
	background: rgba(0, 0, 0, 0.1) !important;
}

.iframe-container {
	overflow: hidden;
	padding-top: 57.4%;
	position: relative;
}

.stat-iframe {
	border: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.breadcrumb {
	margin-bottom: 0;
}

.mw-50px {
	min-width: 50px;
}

.mw-75px {
	min-width: 75px;
}

.mw-100px {
	min-width: 100px;
}

.mw-200px {
	min-width: 200px;
}

.mw-210px {
	min-width: 210px;
}

.mw-300px {
	min-width: 300px;
}


.multiselect-container>li>a>label {
	padding: 3px 20px 3px 10px !important;
}

.multiselect-container>li>a {
	color: #333333 !important;
	background-color: unset !important;
}

.multiselect-container>li>a:hover {
	background-color: #BEE7F7 !important;
}

.hovered {
	/* outline: 1px solid #BEE7F7; */
	background-color: #a3e1f38f !important;
}

.notification_menu .dropdown-menu {
	padding: 0 !important;
	width: 550px !important;
	height: auto !important;
	max-height: 350px;
	overflow: auto;
}

@media (max-width: 768px) {
	.notification_menu .dropdown-menu {
		max-width: 550px !important;
		width: unset !important;
	}
}

.unread {
	font-weight: 800;
}

.badge_tag {
	color: white;
	font-size: 75%;
	padding: 2px 4px;
	border-radius: 4px;
	margin: 2px;
	display: inline-block;
}

.notification-item {
	text-wrap: wrap;
}

.badge_red {
	background-color: #ff0000;
}

.badge_orange {
	background-color: #ff9100;
}

.badge_blue {
	background-color: #347dd1;
}

.badge_green {
	background-color: #449d44;
}

.badge_grey {
	background-color: #828282;
}

.badge_cyan {
	background-color: #2bb1c3;
}

.badge_purple {
	background-color: #6f0c72;
	color: white;
}

.badge_yellow {
	background-color: #ec971f;
}

.dropdown-menu>div>li {
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 2;
	color: #333333;
	white-space: nowrap;
}

.delete-notification {
	display: contents;
	float: right;
	cursor: pointer;
	color: #999;
}

.delete-notification i {
	margin-left: 10px;
}

.delete-notification:hover {
	color: #333;
}

.badge-danger {
	background-color: #C9302C;
}

.unread .list-group-item {
	width: 100%;
}

.mark_all {
	float: right;
	cursor: pointer;
	padding: 10px;

}

.mark_all a {
	color: black;
}

.notification_success:hover {
	color: #449d44;
}

.notification_danger:hover {
	color: #ff0000;
}

.notification_warning:hover>* {
	color: #15a3d7;
}

.navbar-nav.navbar-right.nav>li {
	background-color: #3B3B3B;
}

.modal-open .navbar-nav.navbar-right.nav>li {
	background-color: inherit;
}

.dropdown.open>ul {
	animation: a_slide 0.3s cubic-bezier(0, 1, 1, 1);
	z-index: -1000;
}

.application_active {
	margin-left: 5px;
}

.notification {
	background-color: red;
	color: white;
	padding: 16px;
	position: absolute;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
}

.flex-item {
	padding: 1px;
	flex: 1 1 50%;
}

.device-name {
	cursor: pointer;
}

@keyframes a_slide {
	from {
		transform: translateY(-100%);
	}

	to {
		transform: translateY(0px);
	}
}

@keyframes a_slide_up {
	from {
		transform: translateY(0px);
	}

	to {
		transform: translateY(-100%);
	}
}

::-webkit-scrollbar {
	width: 15px;
}

::-webkit-scrollbar-thumb {
	background-color: #555d63;
	border-radius: 20px;
	border: 4px solid transparent;
	background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
	background-color: #67727b;
}

.datepickers-container {
	z-index: 1060;
}

div.hr {
	border-top: 1px solid #eee
}

label.btn-file {
	padding-top: 8px;
	padding-bottom: 8px;
}

label.btn-file>div.form-group {
	margin-bottom: 0;
}

.maxw-10 {
	max-width: 10%;
}

.maxw-20 {
	max-width: 20%;
}

.maxw-30 {
	max-width: 30%;
}

.maxw-40 {
	max-width: 40%;
}

.table-striped>tbody>tr.hover:hover>td.hover {
	background-color: #E7F7FF !important;
}

.cpointer:hover, .cpointer:hover {
	cursor: pointer;
}
.cpointer:hover {
	cursor: pointer;
}

.fs-12 {
	font-size: 12px;
}

.btn:has(span.glyphicon) span.glyphicon::before,
a:has(span.glyphicon) span.glyphicon::before {
	margin-right: 4px;
}

.nav>li>a {
	padding-left: 10px;
	padding-right: 10px;
}

.fs-16 {
	font-size: 16px;
}

.lh-30 {
	line-height: 30px;
}

.cursor-pointer {
	cursor: pointer;
}

div.panel div.hover:hover {
	background-color: #E7F7FF !important;
	/* border: 1px solid #BEE7F7; */
}

.fs-14px {
	font-size: 14px;
}

.fs-16px {
	font-size: 16px;
}

.fs-20px {
	font-size: 20px;
}

.list-group-subitem-1 {
	padding-left: 30px;
}

.list-group-subitem-2 {
	padding-left: 45px;
}

.list-group-subitem-3 {
	padding-left: 60px;
}

.list-group-subitem-4 {
	padding-left: 75px;
}

.container-wide {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: 100px;
	margin-left: 100px;
}

@keyframes donut-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.spin {
	display: inline-block;
	border: 4px solid rgba(189, 189, 189, 0.1);
	border-left-color: #b4b9f5;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	animation: donut-spin 1.2s linear infinite;
}

.tooltip {
	font-size: 16px;
	text-wrap: wrap;
	overflow-wrap: break-word;
}

.tooltip-inner {
	max-width: 600px;
}

.pe-none {
	pointer-events: none;
}

.index .bi {
	font-size: 48px;
}

.d-none {
	display: none !important;
}

.breadcrumbs-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 4;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	max-width: 300px;
}
.custom-tooltip {
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    z-index: 1080;
    pointer-events: none;
    white-space: nowrap;
}

.panel-info > .panel-heading {
	background-color: #F2FBFF;
}


@media (max-width: 767px) {
	.btn-vertical-block + .btn-vertical-block {
		margin-top: 0.5rem !important;   
	}
}


.teo-highlight-row {
	background-color: #e7f5ff;
	border: 1px solid rgb(211, 15, 15) !important;
	transition: all 0.3s ease;

	transform: scale(1.02);
  	box-shadow: 0 0 20px rgba(211, 15, 15, 0.5);
}

.ag-view .panel-info {
	/* transition: all .2s linear; */
}

.ag-view .panel-info > .panel-heading {
	/* transition: all .2s linear; */
}

.ag-view .panel-info > .panel-heading:hover {
	background-color: #b6e4ff;
}

.ag-view .panel-info-nt > .panel-heading {
	background-color: #dcf3ff;
	/* transition: all .2s linear; */
}

.ag-view .panel-info-nt > .panel-heading:hover {
	background-color: #b6e4ff;
}

.ag-view .text-default {
	color: #333333 !important;
}

.panel-info a:hover, .panel-info a:focus {
	text-decoration: none !important;
}

.btn {
	transition: all .2s linear;
}