* {
     box-sizing: border-box;
}

body {
	margin: 0;
	padding: 0;
}


/*
table, td, th {
	border: 1px solid black ;
}

table {
	border-collapse: collapse;
}

*/

.disabled_account {
	background-color: Tomato;
}

.failed_account {
	background-color: Orange;
}


.jsbtn {
    padding: 0px;
}

.jstd {
    padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 25px;
}

table.fixed {
	table-layout: fixed !important;
	width: 100% ;
}

.hr1 {
	height: 1px;
	background-color: #b1b1b1;
}

tr.mytr2 th:first-child {
	max-width: 30%;
}

tr.mytr2 th:nth-child(2) {
	width: 10%;
}
tr.mytr2 th:nth-child(3) {
	width: 10%;
}
tr.mytr2 th:nth-child(4) {
	width: 5%;
}
tr.mytr2 th:nth-child(5) {
	width: 10%;
}
tr.mytr2 th:nth-child(6) {
	width: 10%;
}
tr.mytr2 th:nth-child(7) {
	width: 5%;
}
tr.mytr2 th:nth-child(8) {
	width: 10%;
}
tr.mytr2 th:nth-child(9) {
	width: 5%;
}
tr.mytr2 th:nth-child(10) {
	width: 5%;
}

tr.mytr td:first-child {
	max-width: 30%;
}
tr.mytr td:nth-child(2) {
	width: 10%;
}
tr.mytr td:nth-child(3) {
	width: 10%;
}
tr.mytr td:nth-child(4) {
	width: 5%;
}
tr.mytr td:nth-child(5) {
	width: 10%;
}
tr.mytr td:nth-child(6) {
	width: 10%;
}
tr.mytr td:nth-child(7) {
	width: 5%;
}
tr.mytr td:nth-child(8) {
	width: 10%;
}
tr.mytr td:nth-child(9) {
	width: 5%;
}
tr.mytr td:nth-child(10) {
	width: 5%;
}

.group-contacts {
 	margin-top: 10px;
}
.group-contacts td {
 	width: 33%;
    padding: 2px 20px 4px 4px;
}
.group-contacts tr:nth-child(odd) {
    background: #eff9f9;
}
.group-contacts tr:nth-child(even) {
    background: #e0ebeb;
}

.transaction-items {
 	margin-top: 10px;
}
.transaction-items td {
    padding: 2px 20px 4px 4px;
}
.transaction-items tr:nth-child(odd) {
    background: #eff9f9;
}
.transaction-items tr:nth-child(even) {
    background: #e0ebeb;
}

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

.flex-container > div {
  background-color: #f1f1f1; 
  margin: 10px;
  padding: 20px;
}

.dashboard-title {
  background-color: #fbfbfb; 
/*	background-color: #e6eeff; */
}

.stanga {
	width: 25%;
	float: left;
}

.dreapta {
	width: 75%;
}

#myProgress {
	width: 100%;
	background-color: grey;
}

#myBar {
	width: 1%;
	height: 30px;
	background-color: green;
}

#hidden_iframe {
  display: none;
}

thead th {
	text-align: center;
}

caption { 
  display: table-caption;
  text-align: center;
  font-size: 110%;
  font-weight: bold;
  font-color: black;
}

.glyphicon-menu-hamburger {
	font-size: 15px;
}

.glyphicon-xlarge {
	font-size: 150% !important;
}

.glyphicon-large {
	font-size: 130% !important;
}

/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
.row.content {
	height: 3000px
}
	    
.sidenav {
	background-color: #f1f1f1;
	padding: 15px; 
	height: 100%;
}

.glyphicon-remove {
	color: red;
}

.tooltip > .tooltip-inner {
    background-color: #ea744a;
	padding: 5px;
	font-size: 14px;
}

.tooltip.right > .tooltip-arrow {
	border-right: 5px solid  #ea744a;
}

.tooltip.top > .tooltip-arrow {
	border-top: 5px solid  #ea744a;
}

.error { 
	color: #FF0000; 
}

.page {
	font-size: 110%;
}

.success {
	color: #009900; 
}

.label {
	font-size: 80%;
}

.hrule {
	border-top: 9px dashed #00FF00;	
}

/*
ul {
  list-style-type: none;
}
*/
/*
.alert-danger {
	color: #FF0000; 
	background-color: #FFCCCC;
}

.alert-success {
	color: #009900; 
	background-color: #CCFFCC;
}
*/

.classError { 
	margin-bottom: 10px;
	padding: 20px;
	color: #FF0000; 
	background-color: #FFCCCC;
	border-radius: 5px;
}

.classSuccess { 
	margin-bottom: 10px;
	padding: 10px;
	color: #009900; 
	background-color: #CCFFCC;
	border-radius: 5px;
}

.classWarning { 
	margin-bottom: 10px;
	padding: 10px;
	color: #999900; 
	background-color: #CCFFCC;
	border-radius: 5px;
}

#passwordSuccess {
}

#passwordErr {
}

.superadmin {
	color: #FF3300;
}

.attention {
	color: #FF3300;
}

.support {color: #FFFF00;}

.btn-link {
	text-decoration: none !important;
}

#hamburger { 
	float: right;
	padding-right: 20px;
}

#plus {
	float: right;
}

#logout-new {	
	padding-left: 20px;
}

#logout-new2 {	
	padding-left: 20px;
}

#hamburger2 { 
	padding-left: 20px;
}

#undotted {
	list-style-type:none;
}

#newaccountid {
	max-width: 200px;
}

#superadmin {
	padding-left: 15px;
}

#accountid {
	padding-left: 30px;
}

#clientname {
	padding-left: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {

	.row.content {height: auto;} 
	.sidenav { height: auto; }	
	.logo {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#undotted { list-style-type:none; }

	.hideonmobile  { display: none; }
}

@media screen and (min-width: 768px) {
	#hamburger { display: none; }
	#hamburger2 { display: none; }

	.showmenu { display: block; }
	.t_numbers { max-width: 95%; }
	.t_voicemail { max-width: 90%; }
	.t_fax { max-width: 90%; }
	.t_forward { max-width: 90%; }
	.t_speeddial { max-width: 90%; }
	.t_account { max-width: 95%; }
	.t_sip { max-width: 90%; }
	.t_confrooms { max-width: 90%; }
	.t_accountgroup { max-width: 90%; }
	.t_switch { max-width: 75%; }
	.t_secondary { max-width: 60%; }
	.t_calls { max-width: 60%; }
	.t_10 { max-width: 10%; }
	.t_40 { max-width: 40%; }
	.t_45 { max-width: 45%; }
	.t_50 { max-width: 50%; }
	.t_60 { max-width: 60%; }
	.t_65 { max-width: 65%; }
	.t_70 { max-width: 70%; }
	.t_75 { max-width: 75%; }
	.t_80 { max-width: 80%; }
	.t_85 { max-width: 85%; }
	.t_90 { max-width: 90%; }
	.t_95 { max-width: 95%; }
	.t_100 { max-width: 100%; }
}


@media screen and (max-height: 450px) {
	.overlay {padding-top: 15px;}
	.overlay a {font-size: 18px;}
}	

.password {
	visibility: hidden;
}

.loginform {
	max-width: 350px;
	margin: auto;
}

.logo {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.inl {
	display: inline-block;
}

.inlr {
	float: right;
}

.inl2 {
	width: 50%;
	display: inline-block;
}

.spaced {
	margin: 10px;
}

.clear {
	clear: both;
}

.editaccount {
	display: inline-block;
	margin-right: 30px;
}

/*
.login:hover {
    background-color: #fe5921;
    border-color: #fe5921;
}

.help:hover {
    background-color: #ea744a;
    border-color: #ea744a;
}
*/

.login:hover {
    background-color: #ea744a;
    border-color: #ea744a;
}

.td_centered {
	text-align: center;
}

.td-cntr {
	text-align: center;
}

.td-c {
	text-align: center;
}

.mandatory {
	color: red;
}

.legend {
	font-size: 80%;
	font-family: sans-serif;
}

.help {
	font-size: 95%;
}

.lug {
	font-size: 75%;
}

.card {
	background-color: #f1f1f1;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); 
}

.shadow {
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); 
}

.rounded {
	border-radius: 5px;
}

.ecard {
	background-color: #f1f1f1;
	//background-color: #fdf1f1;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); 
}

.fcard {
	background-color: #f1f1f1;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); 
}


.acard {
	background-color: #f1f1f1;
	//background-color: #f9f9f1;
	border-radius: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 10px;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2); 
}

.search_result {
	width: 100%;
	border: 9px solid black;
}

.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 18px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .1s;
  transition: .1s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .1s;
  transition: .1s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
   transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 30px;
}

.slider.round:before {
  border-radius: 50%;
}

.bold {
  font-weight: bold;
}

.billtable {
	overflow-y: auto;
	height: 300px;
}

.billtable thead th {
	position: sticky;
	top: 0;
	background: #eee;
}

.containter-v {
	display: flex;
	height: 300px;
	justify-content: space-between;
	align-items: flex-end;
}

.container-h {
	display: flex;
	height: 250px;
//	justify-content: space-between;
	flex-direction: column;
}

.container-1 {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}

.item-1 {
	flex-grow: 1;
	width: 40px;
	max-width: 40px;
	text-align: center;
}

.item-1 + .item-1 {
	margin-left: 40px;
	padding: 3px;
}

.item {
	height: 10%;
}

.item-h { 
  	border-radius: 3px;
	border: 1px solid black;
	margin: 3px;

}

.item-v { 
	width: 15%; 
  	border-radius: 3px;
	border: 1px solid black;
}

.item-c {
	margin: 3px;
}

.break {
	flex-basis: 100%;
	height: 0;
	//border: 1px solid black;
}

.item6c {
	width: 15%;
}

.mytitle {
	background-color: #e6eeff;
	//background-color: #e6f2ff;
}

/* Icon when the collapsible content is shown */
.tn:after {
	font-family: "Glyphicons Halflings";
	content: "\e114";
	float: right;
	margin-left: 15px;
}

/* Icon when the collapsible content is hidden */
.tn.collapsed:after {
	content: "\e080";
}

.dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

.dropdown-container {
  display: none;
  background-color: #262626;
  padding-left: 12px;
}

.hidecolumn {
  display: none;
  -webkit-transition: 5s;
  transition: 5s;
}

.disabled {
  pointer-events: none;
  cursor: default;
}