/*
//______________________________________________________________________________
//   |       |
//   | knipp |           Knipp Medien und Kommunikation GmbH
//    -------
//
//
//    TANGO REGISTRY SERVICES
//
//    Copyright (C) by Knipp Medien und Kommunikation GmbH
//
//    initial author:    Igor Lubimov
//    version:           $Revision: 15357 $
//                       $Date: 2016-10-25 16:12:47 +0200 (Tue, 25 Oct 2016) $
//                       $Author: igor.lubimov $
//
*/


/*
================================================================================
===== Main CSS file for arabic virtual keyboard ================================
===== Please use camel case names and group by views ===========================
===== Also: Do not name classes after their content! Better: functionality! ====
===== No: .centerDiv === Yes: .generalLabel ====================================
================================================================================
*/

/* include common font faces definitions */
@import url("");

@font-face {
  font-family: 'arabic';
  src: url("/javax.faces.resource/css/font/arabic.eot?95319423");
  src: url("/javax.faces.resource/css/font/arabic.eot?95319423#iefix") format('embedded-opentype'),
    url("/javax.faces.resource/css/font/arabic.woff?95319423") format('woff'),
    url("/javax.faces.resource/css/font/arabic.ttf?95319423") format('truetype'),
    url("/javax.faces.resource/css/font/arabic.svg?95319423#arabic") format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'actions';
  src: url("/javax.faces.resource/css/font/actions.eot?95319423");
  src: url("/javax.faces.resource/css/font/actions.eot?95319423#iefix") format('embedded-opentype'),
    url("/javax.faces.resource/css/font/actions.woff?95319423") format('woff'),
    url("/javax.faces.resource/css/font/actions.ttf?95319423") format('truetype'),
    url("/javax.faces.resource/css/font/actions.svg?95319423#actions") format('svg');
  font-weight: normal;
  font-style: normal;
}

/*
============ default styles ====================================================
*/

/* fix virtual keyboard positioning */
html, body {
  min-height: 100%;
}

/** allow place the block to the edge */
.pull-left.edge {
  clear: left;
}
.pull-right.edge {
  clear: right;
}

.navbar-nav > li.languageSwitcher {
  padding-top: 13px;
}

#input,
#controls {
  margin-top: 20px;
}

#input {
  white-space: nowrap;
}
#domainName,
#controls,
#input .btn,
#input button {
  min-height: 2em;
  line-height: 1.5em;
}

#input .faqContainer {
  float: left;
  width: 5.5em;
  text-align: left;
}
.btn.glyphicon-question-sign:before {
  display: inline-block;
  margin-right: .2em;
  font-family: 'Glyphicons Halflings';
}
#input .faqContainer .btn {
  font-size: inherit;
  padding: inherit;
  width: 5em;
  line-height: 2em;
  vertical-align: middle;
  max-height: 2em;
  color: #428bca;
}
#input .domainNameInputContainer {
  margin-right: 4em;
  margin-left: 5.5em;
}
#domainName {
  width: 100%;
  text-align: right;
}
#input .controls {
  float:right;
  width: 4em;
  vertical-align: middle;
}
#input .btn,
#input .controls button {
  display: inline-block;
  margin:0;
  /*margin-left: .15em;*/
}
#input .btn,
#input button {
  float: left;
  width: 2em;
  /*min-width: 1em;*/
  /*max-width: 4%;*/
}
#controls {
  line-height: 2em;
  text-align: right;
}
#controls:before {
  content: '\00a0';
}
#controls > select {
  font-size: .8em;
}

ul#messages {
  list-style: none;
}

/** avoid jumping containers when the preview image is reloaded */

.domainInfoItem.domainNameImg.named .panel-body {
  min-height: 66px;
}

body .ui-keyboard {
  /*
  the keyboard layout is described as left to right and therefore should not be
  changed
  */
  direction: ltr;
  /* prevent unsolid background */
  background-image: none;
}

/* fix for "dancing" empty buttons */
body .ui-keyboard-button span {
  vertical-align: middle;
}

.ui-widget-content button.ui-keyboard-8204:before {
  font-family: "arabic";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  font-variant: normal;
  text-transform: none;

  line-height: 1em;

  margin-left: .2em;

  content: '\e800';
}

input.domainNameInput,
body .ui-keyboard button,
span.uLabel,
table.codePoints .letter {
  font-family: 'Droid Naskh';
}

.domainNameImgContainer {
  padding-left: 2em;
  padding-right: 2em;
}

.valueContainer {
  overflow: auto;
  width: 100%;
  margin-bottom: -5px;
  padding-bottom: 5px
}

.valueContainer table.codePoints {
  margin-bottom: 0;
}

.uLabel .valueContainer,
.domainNameImg .valueContainer,
.domainInfoItem.variants .valueContainer {
  direction: rtl;
}

/* organize variants in lines (vs. floats) */
.valueContainer .well {
  display: inline-block;
  vertical-align: top;
  padding: 0.5em;
}


/* disable background for variants */
table.codePoints > tbody > tr.odd > td {
  background-color: inherit;
}

.table > tbody > tr > td {
  font-size: 14px;
  vertical-align: middle;
}

td.character.letter {
  font-size: 20px;
}


.glyphicon.clipboard {
  font-family: "actions";
}
.glyphicon-paperclip:before {
  content: '\e07f';
} /* '' */

#input button.glyphicon-info-sign {
  float: right;
}

.well {
  margin-bottom: 15px;
}

.ui-keyboard-button {
  font-size: 1em !important;
}

@media (min-width: 600px) {
  #input,
  #controls,
  .ui-keyboard-button {
    font-size: 1.4em !important;
  }
}

@media (min-width: 992px) {
  #input,
  #controls,
  .ui-keyboard-button {
    font-size: 1.8em !important;
  }
}

@media (min-width: 1200px) {
  #input,
  #controls,
  .ui-keyboard-button {
    font-size: 2em !important;
  }
}

#keyboard {
  margin-top: 20px;
}

.alert {
  width: 100%;
}

.domainInfoItem {
  width: 100%;
}

.panel-heading {
  min-height: 42px;
}

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

.table.codePoints > tbody > tr:first-child > td {
  border: none;
}

.table.codePoints.short > tbody > tr:first-child > td {
  background-color: white;
}

#domainAName,
#domainUName {
  white-space: nowrap;
  /*line-height: 2.142857143;*/
}

#domainUName {
  font-size: 1.5em;
}
#domainAName {
  line-height: 2.142857143;
}

#faq .panel-heading {
  padding: 0;
}
#faq .panel-title > a {
  display: inline-block;
  padding: 10px 15px;
  width: 100%;
}