@import 'fonts/fonts.css';
  

body {
	background-color: #fff;
	color: #000000;
	font-size: 11px;
	line-height:1.3em;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	letter-spacing: 0.4px;
}

#helpContainer a {
   	z-index: 201;
  	color: #757575;
}

#helpContainer a:hover {
   text-decoration: underline;
}

a:link {
color: #757575;
	text-decoration: none;
}
a:visited {
color: #757575;
	text-decoration: none;
}
a:hover {
color: #757575;
	text-decoration: underline;	
}
a:active {
color: #757575;
	text-decoration: none;
}

.loginerror {
   color: #FF0000;
}

input, select {
  font-size: 11px;
}

input.error {
  border-color: #FF0000;
}


#wrapper {
	background-color: #FFF;
	margin: 20px auto;
}

#sidhuvud {
	background-color: #FFF;
	height: 78px;
}

#image-holder-logo {
	background-image: url(images/logo-banner.png);
	height: 48px;
	float: left;
	width: 972px;
}

#globalNav {
	font-size: 10px;
	color: #ffffff;
}

#globalNav ul {
	background-color: #00727A;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	border-left: 1px solid #DDD;
	background-image: url(images/menu_background.png);
}

#globalNav ul li a {
	border-right: 1px solid #ddd;
}

/* link colors */
#globalNav a:link, 
#globalNav a:visited, 
#globalNav a:hover, 
#globalNav a:active {
	color: #ffffff;
	text-decoration: none;
}

#home #main_tab a:link, 
#home #main_tab a:visited, 
#home #main_tab a:hover, 
#home #main_tab a:active {
	color: #ffffff;
}


/* link colors for active tab selection */
#home #main_tab {
	font-weight:bold;
	background: #00727A url(images/menu_background_selected.png) repeat-x top left;
	color: #ffffff;		
}

#globalNav a:hover,
#globalNav li.expanded a {
	background: #00727A url(images/menu_background_selected.png) repeat-x top left;
	color: #ffffff;
}

#lokalNav .modul .menulist a:link,
#lokalNav .modul .menulist a:visited,
#lokalNav .modul .menulist a:hover,
#lokalNav .modul .menulist a:active {
	color: #2e2a2a;
}

#lokalNav .modul .menulist a:hover {
	background-color: #e2e2e2;
}

#lokalNav .modul .menulist a.selectedNewsItem {
	background-color: #fff;
	color: #757575;
}


.modul {
	background-color: #fff;
}

.modul h2, #content h3 {
	background-color: transparent;
	color: #404040;
	border-bottom: 2px solid #ccc;
	font-weight: bold;
	font-size: 11px;
}

.modul ul li {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
}

#lokalNav .modul {
	border-bottom: 1px solid #fff;
}

#contentInner {
	background-position: top right;
	background-repeat:no-repeat;
}

#contentInner.firstInstallContentInner {
	background-image: none;	
}

#sidfot {
	background-color: #FFF;
	color: #000;
}


.innerSubHeader {
	background-image:url("images/rubrikbakgrund_right.gif");
	background-position: top right;
	background-repeat:no-repeat;
	background-color: #FFF;
}

h2.innerSubHeaderH2 {
	background-image:url("images/rubrikbakgrund_left.gif");
	background-repeat: no-repeat;
	background-position: top left;
	color: #FFF;
	font-weight:normal;
	font-size: 11px;
}

.view-switcher span, .view-switcher a {
  border: 1px solid #CCC;
  border-bottom: 0px solid #EBEBEB;
}

.view-switcher span {
  background-color: #EBEBEB;
}

.view-switcher a {
  color: #000;
  background-color: #FDFDFD;
}
.view-switcher a:hover {
  background-color: #EBEBEB;
  border-color: #CCC;
}
.serviceSummary {
	color: #444;
}

.disabledMenu {
	color: #888;
}


a.forms-validation-message:hover{
  background-color: #DEDF6F;
  text-decoration: none;
}

p.forms-validation-container {
  margin-bottom: 10px;
}
.forms-field-required span.forms-field-required, .dummy span.forms-field-required span {
	display: none;
}

span.forms-field-required {
	padding-right: 7px;
	background: url(images/asterisk.gif) no-repeat top right;
}

table.result {
	border-bottom: 1px solid #CCC;
}

table.result tr th {
  border-bottom: 1px solid #ccc;
  color: #999;
}

tr.action td {
  background-color: #eee;
}

tr.hover td {
  background-color: #CFCFCF;
  color: #757575;
}

td.selected {
  background-color: #CFCFCF;
  font-weight: bold;
}

/* A cell in a row with class active will get this color when clicked on */
tr.active td {
  background-color: #DFEFFF;
}




/* Replace delete and up-down buttons with 12px x 12px images */  
.forms-delete-link, .forms-up-link, .forms-down-link {
  width: 12px;
  height: 12px;
}
.forms-delete-link span, .forms-edit-link span, .forms-up-link span, .forms-down-link span {
  display:none;
}

.forms-delete-link {
  border: 1px solid #CCC;
  background-image: url(images/delete.gif);
}

a:hover.forms-delete-link {
  border: 1px solid red;
}
a.forms-delete-link, a:hover.disabled.forms-delete-link {
  border: 1px solid #CCC;
  cursor: default;
}

.forms-up-link {
  background-image: url(images/up.gif);
  margin-left: 5px;
}

.forms-down-link {
  background-image: url(images/down.gif);
}

.forms-up-link, .forms-down-link {
   float: left;
}

.forms-up-link, .forms-down-link {
  margin-top: 2px;
  background-color: #888;
}
a.forms-up-link.disabled:hover, a.forms-down-link.disabled:hover {
  background-color: #888;
  cursor: default;
}
a.forms-up-link:hover, a.forms-down-link:hover {
  background-color: #3F85FF;
}

table.forms-search {
    background-color: inherit;
}

tr.forms-search-row td {
    padding: 0px;
}

/* Replace search button with 12px x 12px images */  
.forms-search-link {
  border: 1px solid transparent;
  cursor: default;
}
a:hover.forms-search-link {
  border: 1px solid red;
}

#searchuser_searchresults h4 {
  color: #000;
}


div.forms-poll-container {
  border: 5px solid #CCC;
  background-color: #F0F0F0;
}


.menu_item_details {
  border: 1px solid #CCC;
  background-color: #DFF0FF;
}


div.progressbar {
  border: 1px solid #666;
}

div.progressbar div {
  background-color: #7CBDFF;
}

div.popup {
 border: 1px solid #7CBDFF;
    background-color: #FFFFFF;
    position: relative;
    bottom: 0px;
    margin: 10px 100px 0px 0px;
    width: auto;
}


h5.divider, h5.servicedivider {
  font-size:100%;
  background-color: #eee;
  border-bottom: 1px solid #CCC;
  color: #333;
}


/* Hide text within image-holder elements */
.image-holder span {
	display: none;
}

.image-holder {
	display: block;
}

.image-holder-datepicker {
	background-image: url(images/dateIcon.gif);
	width: 19px;
	height: 19px;
	float: left;
}

.image-holder-expand-dropdown {
	background-image: url(images/dropdown_arrow.gif);
	width: 18px;
	height: 15px;
}

a:hover .image-holder-expand-dropdown {
	background-image: url(images/dropdown_arrow_hover.gif);
}

.image-holder-true {
	background-image: url(images/yes.gif);
	width: 12px;
	height: 15px;
}

.image-holder-false {
	background-image: url(images/no.gif);
	width: 12px;
	height: 15px;
}

.image-holder-close {
	background-image: url(images/close.gif);
	width: 30px;
	height: 15px;
}


.image-holder-callog-missed {
	background-image: url(images/missed_call.gif);
	width: 25px;
	height: 15px;
}
.image-holder-callog-incoming {
	background-image: url(images/inbound_call.gif);
	width: 25px;
	height: 15px;
}
.image-holder-callog-outgoing {
	background-image: url(images/outbound_call.gif);
	width: 25px;
	height: 15px;
}

.image-holder-userrules-0, .image-holder-userrules-1 {
	width: 30px;
	height: 15px;
	float: left;
}

.image-holder-userrules-0 {
	background-image: url(images/inbound_call.gif);
}
.image-holder-userrules-1 {
	background-image: url(images/outbound_call.gif);
}


.image-holder-statusled-off, .image-holder-statusled-red, .image-holder-statusled-green {
	width: 30px;
	height: 15px;
}
.image-holder-statusled-off {
	background-image: url(images/statusled_black.gif);
}
.image-holder-statusled-red {
	background-image: url(images/statusled_red.gif);
}
.image-holder-statusled-green {
	background-image: url(images/statusled_green.gif);
}

/*.image-holder-group {
	background-image: url(images/group.gif);
	width: 20px;
	height: 12px;
}*/
.image-holder-move-up, .image-holder-move-down {
	width: 12px;
	height: 12px;
	float: left;
}
.image-holder-move-up {
	background-image: url(images/up.gif);
}
.image-holder-move-down {
	background-image: url(images/down.gif);
}

.image-holder-delete {
	background-image: url(images/delete.gif);
	width: 12px;
	height: 12px;
	float: right;
	border: 1px solid #CCC;
}
a:hover .image-holder-delete {
	border: 1px solid red;
	cursor: default;
}

.image-holder-alert {
	width: 22px;
	height: 15px;
	float: left;
	background-image: url(images/warning.gif);	
}


/* Sortable table headers */
th.forms-ascending-true a, th.forms-ascending-false a {
	background-position: center right;
	background-repeat: no-repeat;		
	padding-right: 15px;
}
th.forms-ascending-true a {
	background-image: url(images/down.gif);
}

th.forms-ascending-false a {
	background-image: url(images/up.gif);
}

th.forms-sortedby-true {
	
}
/* A sortable header which is not currently in focus */
th.forms-sortedby-false a {
	background-image: none;
}

/* Showing icon next to validation-error */
.forms-validation-message, .forms-messages div, p.forms-validation-container {
	background-image: url(images/warning.gif);
	background-position: 5px center;	
	padding-left: 30px;
	background-repeat: no-repeat;
}


	
#globalNav ul.hovermenu li a {
	background-color: #00727A;
	padding-left:10px;
	padding-top: 7px;
}

#globalNav ul.hovermenu li a:hover {
	background-color: #00727A;	
	text-decoration: underline;	
}

#home #main_tab ul.hovermenu li a {
	color: #ffffff;
}



.image-holder-about {
  width: 100%;
  height: 200px;
  background-position: 0px 40px;
  margin-bottom: 5px;
  background-image: url(images/server_about.gif);	
}

a {
	color: #757575;
}

div#expandObject  {
	color: #000;
}

div#expandObject a {
	color: #757575;
}

.telepo-LinkButton, .telepo-LinkButtonWithImage {
	color: #757575 !important;
}

.keypad-button {
	background-color: #00727A;
	color: #ffffff;
}

:focus,:active {
	outline-color: #757575;
}


select, input.text, input.short_text, input.medium_text, input.tiny, .gwt-TextBox, .gwt-PasswordTextBox, .gwt-SuggestBox {
	border: 1px solid #757575;
}



/* link, node and button colors for Oria Auto Attendant */


.link.active {
  stroke: #757575;
}
.node.active text {
  fill: #757575;
}
.node.active rect {
  stroke: #757575;
}

.select2-results .select2-highlighted {
background: #757575;
color: #fff;
}


button.btn-primary {
  -webkit-box-shadow: 0px 2px 0px 0px #757575;
  -moz-box-shadow:    0px 2px 0px 0px #757575;
  box-shadow:         0px 2px 0px 0px #757575;
  background-color: #757575;
  color: #fff;
  outline:none;
}


button.btn-primary:hover {
  -webkit-box-shadow: 0px 2px 0px 0px #757575;
  -moz-box-shadow:    0px 2px 0px 0px #757575;
  box-shadow:         0px 2px 0px 0px #757575;
  background-color: #757575;
  opacity: 0.9;
  color: #fff;
  outline:none;
}


button.btn-primary:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  background-color: #757575;
  opacity: 1;
  color: #fff;
  outline:none;
}


.select2-container .select2-choice .select2-arrow b {
    background-color: #757575;
    color: #fff;
    box-shadow: inset 0 -2px  #757575;
}


/* Web meet landing page */

#productLogo {
    background-image: url("images/meet-header-logo.png") !important; /*change logo.png in images folder; (128px x 30px) */
}

#landingPage {
    background-image: url("images/meet-background.jpg") !important;
}

#leftPanel {
    background-color: rgba(0,114,122,0.9) !important; 
    border-right: 2px solid #00727A !important; 
    color: #FFFFFF !important;
}

#enterNameInfo input {
    color: #FFFFFF !important;
    border: 1px solid rgba (255,255,255,0.5) !important;
    background: rgba(255,255,255,0.1) !important;
}

#enterNameInfo input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFFFFF !important;
}

#enterNameInfo input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFFFFF !important;
}

#enterNameInfo input::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFFFFF !important;
}

#changeName a {
    color: #FFFFFF !important;
}

.privacy-legal {
    color: #FFFFFF !important;
}

.navbar, .footer {
  background: #00727A !important;
}

.join-audio {
  color: #FFFFFF !important;
}

.privacy-legal.show .caret {
	border-color: #FFFFFF !important;
}

.caret {
	border-color: #FFFFFF !important;
}

.branding-product-name::after {
content: "Telepo" !important;
}