/* --- Dwaikat --- */
html {
  height: 100%;
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  height: 100%;
  margin: 0
}

.main-container {
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  margin: 0;
  padding-bottom: 5rem;
  /*min-height:100vh;*/
  min-height: 100%;
}

.top-bar-1 {
  background-color: #efefef
}

table.outerTable {
  width: 100%;
  margin-bottom: 2em; /* 5%; */
  border: 0px solid;
  border-color: #41719C;
}

table.myTable {
  width: 100%;
  background-color: #e9e9e9;
  border: 1px solid;
  border-collapse: separate;
  border-spacing: 5px;
  border-color: #41719C;
}

table.myTable td {
  border: 0 none;
}

.footer {
  display: flex;
  /*ha */
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  /*ha */
  margin-top: auto; /* 5%; */
  margin-bottom: 0;
  /*border-top: 1px solid #d1d1d1;*/
  direction: ltr;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  padding-top: 2px;
  width: 100%;
}

.tools-footer {
  justify-content: center;
}

/* --- End Dwaikat --- */

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden], template {
  display: none
}

a {
  background-color: transparent
}

a:active, a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b, strong {
  font-weight: bold
}

dfn {
  font-style: italic
}

h1 {
  font-size: 2em;
  margin: 0.67em 0
}

mark {
  background: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0
}

button {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], html input[disabled] {
  cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

#tools-list {
  margin-left: auto;
  margin-right: auto;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/vendor/fonts/glyphicons-halflings-regular.eot');
  src: url('/vendor/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/vendor/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/vendor/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/vendor/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/vendor/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  font-display: swap;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
  content: "\002a"
}

.glyphicon-plus:before {
  content: "\002b"
}

.glyphicon-euro:before, .glyphicon-eur:before {
  content: "\20ac"
}

.glyphicon-minus:before {
  content: "\2212"
}

.glyphicon-cloud:before {
  content: "\2601"
}

.glyphicon-envelope:before {
  content: "\2709"
}

.glyphicon-pencil:before {
  content: "\270f"
}

.glyphicon-glass:before {
  content: "\e001"
}

.glyphicon-music:before {
  content: "\e002"
}

.glyphicon-search:before {
  content: "\e003"
}

.glyphicon-heart:before {
  content: "\e005"
}

.glyphicon-star:before {
  content: "\e006"
}

.glyphicon-star-empty:before {
  content: "\e007"
}

.glyphicon-user:before {
  content: "\e008"
}

.glyphicon-film:before {
  content: "\e009"
}

.glyphicon-th-large:before {
  content: "\e010"
}

.glyphicon-th:before {
  content: "\e011"
}

.glyphicon-th-list:before {
  content: "\e012"
}

.glyphicon-ok:before {
  content: "\e013"
}

.glyphicon-remove:before {
  content: "\e014"
}

.glyphicon-zoom-in:before {
  content: "\e015"
}

.glyphicon-zoom-out:before {
  content: "\e016"
}

.glyphicon-off:before {
  content: "\e017"
}

.glyphicon-signal:before {
  content: "\e018"
}

.glyphicon-cog:before {
  content: "\e019"
}

.glyphicon-trash:before {
  content: "\e020"
}

.glyphicon-home:before {
  content: "\e021"
}

.glyphicon-file:before {
  content: "\e022"
}

.glyphicon-time:before {
  content: "\e023"
}

.glyphicon-road:before {
  content: "\e024"
}

.glyphicon-download-alt:before {
  content: "\e025"
}

.glyphicon-download:before {
  content: "\e026"
}

.glyphicon-upload:before {
  content: "\e027"
}

.glyphicon-inbox:before {
  content: "\e028"
}

.glyphicon-play-circle:before {
  content: "\e029"
}

.glyphicon-repeat:before {
  content: "\e030"
}

.glyphicon-refresh:before {
  content: "\e031"
}

.glyphicon-list-alt:before {
  content: "\e032"
}

.glyphicon-lock:before {
  content: "\e033"
}

.glyphicon-flag:before {
  content: "\e034"
}

.glyphicon-headphones:before {
  content: "\e035"
}

.glyphicon-volume-off:before {
  content: "\e036"
}

.glyphicon-volume-down:before {
  content: "\e037"
}

.glyphicon-volume-up:before {
  content: "\e038"
}

.glyphicon-qrcode:before {
  content: "\e039"
}

.glyphicon-barcode:before {
  content: "\e040"
}

.glyphicon-tag:before {
  content: "\e041"
}

.glyphicon-tags:before {
  content: "\e042"
}

.glyphicon-book:before {
  content: "\e043"
}

.glyphicon-bookmark:before {
  content: "\e044"
}

.glyphicon-print:before {
  content: "\e045"
}

.glyphicon-camera:before {
  content: "\e046"
}

.glyphicon-font:before {
  content: "\e047"
}

.glyphicon-bold:before {
  content: "\e048"
}

.glyphicon-italic:before {
  content: "\e049"
}

.glyphicon-text-height:before {
  content: "\e050"
}

.glyphicon-text-width:before {
  content: "\e051"
}

.glyphicon-align-left:before {
  content: "\e052"
}

.glyphicon-align-center:before {
  content: "\e053"
}

.glyphicon-align-right:before {
  content: "\e054"
}

.glyphicon-align-justify:before {
  content: "\e055"
}

.glyphicon-list:before {
  content: "\e056"
}

.glyphicon-indent-left:before {
  content: "\e057"
}

.glyphicon-indent-right:before {
  content: "\e058"
}

.glyphicon-facetime-video:before {
  content: "\e059"
}

.glyphicon-picture:before {
  content: "\e060"
}

.glyphicon-map-marker:before {
  content: "\e062"
}

.glyphicon-adjust:before {
  content: "\e063"
}

.glyphicon-tint:before {
  content: "\e064"
}

.glyphicon-edit:before {
  content: "\e065"
}

.glyphicon-share:before {
  content: "\e066"
}

.glyphicon-check:before {
  content: "\e067"
}

.glyphicon-move:before {
  content: "\e068"
}

.glyphicon-step-backward:before {
  content: "\e069"
}

.glyphicon-fast-backward:before {
  content: "\e070"
}

.glyphicon-backward:before {
  content: "\e071"
}

.glyphicon-play:before {
  content: "\e072"
}

.glyphicon-pause:before {
  content: "\e073"
}

.glyphicon-stop:before {
  content: "\e074"
}

.glyphicon-forward:before {
  content: "\e075"
}

.glyphicon-fast-forward:before {
  content: "\e076"
}

.glyphicon-step-forward:before {
  content: "\e077"
}

.glyphicon-eject:before {
  content: "\e078"
}

.glyphicon-chevron-left:before {
  content: "\e079"
}

.glyphicon-chevron-right:before {
  content: "\e080"
}

.glyphicon-plus-sign:before {
  content: "\e081"
}

.glyphicon-minus-sign:before {
  content: "\e082"
}

.glyphicon-remove-sign:before {
  content: "\e083"
}

.glyphicon-ok-sign:before {
  content: "\e084"
}

.glyphicon-question-sign:before {
  content: "\e085"
}

.glyphicon-info-sign:before {
  content: "\e086"
}

.glyphicon-screenshot:before {
  content: "\e087"
}

.glyphicon-remove-circle:before {
  content: "\e088"
}

.glyphicon-ok-circle:before {
  content: "\e089"
}

.glyphicon-ban-circle:before {
  content: "\e090"
}

.glyphicon-arrow-left:before {
  content: "\e091"
}

.glyphicon-arrow-right:before {
  content: "\e092"
}

.glyphicon-arrow-up:before {
  content: "\e093"
}

.glyphicon-arrow-down:before {
  content: "\e094"
}

.glyphicon-share-alt:before {
  content: "\e095"
}

.glyphicon-resize-full:before {
  content: "\e096"
}

.glyphicon-resize-small:before {
  content: "\e097"
}

.glyphicon-exclamation-sign:before {
  content: "\e101"
}

.glyphicon-gift:before {
  content: "\e102"
}

.glyphicon-leaf:before {
  content: "\e103"
}

.glyphicon-fire:before {
  content: "\e104"
}

.glyphicon-eye-open:before {
  content: "\e105"
}

.glyphicon-eye-close:before {
  content: "\e106"
}

.glyphicon-warning-sign:before {
  content: "\e107"
}

.glyphicon-plane:before {
  content: "\e108"
}

.glyphicon-calendar:before {
  content: "\e109"
}

.glyphicon-random:before {
  content: "\e110"
}

.glyphicon-comment:before {
  content: "\e111"
}

.glyphicon-magnet:before {
  content: "\e112"
}

.glyphicon-chevron-up:before {
  content: "\e113"
}

.glyphicon-chevron-down:before {
  content: "\e114"
}

.glyphicon-retweet:before {
  content: "\e115"
}

.glyphicon-shopping-cart:before {
  content: "\e116"
}

.glyphicon-folder-close:before {
  content: "\e117"
}

.glyphicon-folder-open:before {
  content: "\e118"
}

.glyphicon-resize-vertical:before {
  content: "\e119"
}

.glyphicon-resize-horizontal:before {
  content: "\e120"
}

.glyphicon-hdd:before {
  content: "\e121"
}

.glyphicon-bullhorn:before {
  content: "\e122"
}

.glyphicon-bell:before {
  content: "\e123"
}

.glyphicon-certificate:before {
  content: "\e124"
}

.glyphicon-thumbs-up:before {
  content: "\e125"
}

.glyphicon-thumbs-down:before {
  content: "\e126"
}

.glyphicon-hand-right:before {
  content: "\e127"
}

.glyphicon-hand-left:before {
  content: "\e128"
}

.glyphicon-hand-up:before {
  content: "\e129"
}

.glyphicon-hand-down:before {
  content: "\e130"
}

.glyphicon-circle-arrow-right:before {
  content: "\e131"
}

.glyphicon-circle-arrow-left:before {
  content: "\e132"
}

.glyphicon-circle-arrow-up:before {
  content: "\e133"
}

.glyphicon-circle-arrow-down:before {
  content: "\e134"
}

.glyphicon-globe:before {
  content: "\e135"
}

.glyphicon-wrench:before {
  content: "\e136"
}

.glyphicon-tasks:before {
  content: "\e137"
}

.glyphicon-filter:before {
  content: "\e138"
}

.glyphicon-briefcase:before {
  content: "\e139"
}

.glyphicon-fullscreen:before {
  content: "\e140"
}

.glyphicon-dashboard:before {
  content: "\e141"
}

.glyphicon-paperclip:before {
  content: "\e142"
}

.glyphicon-heart-empty:before {
  content: "\e143"
}

.glyphicon-link:before {
  content: "\e144"
}

.glyphicon-phone:before {
  content: "\e145"
}

.glyphicon-pushpin:before {
  content: "\e146"
}

.glyphicon-usd:before {
  content: "\e148"
}

.glyphicon-gbp:before {
  content: "\e149"
}

.glyphicon-sort:before {
  content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
  content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"
}

.glyphicon-sort-by-order:before {
  content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
  content: "\e154"
}

.glyphicon-sort-by-attributes:before {
  content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"
}

.glyphicon-unchecked:before {
  content: "\e157"
}

.glyphicon-expand:before {
  content: "\e158"
}

.glyphicon-collapse-down:before {
  content: "\e159"
}

.glyphicon-collapse-up:before {
  content: "\e160"
}

.glyphicon-log-in:before {
  content: "\e161"
}

.glyphicon-flash:before {
  content: "\e162"
}

.glyphicon-log-out:before {
  content: "\e163"
}

.glyphicon-new-window:before {
  content: "\e164"
}

.glyphicon-record:before {
  content: "\e165"
}

.glyphicon-save:before {
  content: "\e166"
}

.glyphicon-open:before {
  content: "\e167"
}

.glyphicon-saved:before {
  content: "\e168"
}

.glyphicon-import:before {
  content: "\e169"
}

.glyphicon-export:before {
  content: "\e170"
}

.glyphicon-send:before {
  content: "\e171"
}

.glyphicon-floppy-disk:before {
  content: "\e172"
}

.glyphicon-floppy-saved:before {
  content: "\e173"
}

.glyphicon-floppy-remove:before {
  content: "\e174"
}

.glyphicon-floppy-save:before {
  content: "\e175"
}

.glyphicon-floppy-open:before {
  content: "\e176"
}

.glyphicon-credit-card:before {
  content: "\e177"
}

.glyphicon-transfer:before {
  content: "\e178"
}

.glyphicon-cutlery:before {
  content: "\e179"
}

.glyphicon-header:before {
  content: "\e180"
}

.glyphicon-compressed:before {
  content: "\e181"
}

.glyphicon-earphone:before {
  content: "\e182"
}

.glyphicon-phone-alt:before {
  content: "\e183"
}

.glyphicon-tower:before {
  content: "\e184"
}

.glyphicon-stats:before {
  content: "\e185"
}

.glyphicon-sd-video:before {
  content: "\e186"
}

.glyphicon-hd-video:before {
  content: "\e187"
}

.glyphicon-subtitles:before {
  content: "\e188"
}

.glyphicon-sound-stereo:before {
  content: "\e189"
}

.glyphicon-sound-dolby:before {
  content: "\e190"
}

.glyphicon-sound-5-1:before {
  content: "\e191"
}

.glyphicon-sound-6-1:before {
  content: "\e192"
}

.glyphicon-sound-7-1:before {
  content: "\e193"
}

.glyphicon-copyright-mark:before {
  content: "\e194"
}

.glyphicon-registration-mark:before {
  content: "\e195"
}

.glyphicon-cloud-download:before {
  content: "\e197"
}

.glyphicon-cloud-upload:before {
  content: "\e198"
}

.glyphicon-tree-conifer:before {
  content: "\e199"
}

.glyphicon-tree-deciduous:before {
  content: "\e200"
}

.glyphicon-cd:before {
  content: "\e201"
}

.glyphicon-save-file:before {
  content: "\e202"
}

.glyphicon-open-file:before {
  content: "\e203"
}

.glyphicon-level-up:before {
  content: "\e204"
}

.glyphicon-copy:before {
  content: "\e205"
}

.glyphicon-paste:before {
  content: "\e206"
}

.glyphicon-alert:before {
  content: "\e209"
}

.glyphicon-equalizer:before {
  content: "\e210"
}

.glyphicon-king:before {
  content: "\e211"
}

.glyphicon-queen:before {
  content: "\e212"
}

.glyphicon-pawn:before {
  content: "\e213"
}

.glyphicon-bishop:before {
  content: "\e214"
}

.glyphicon-knight:before {
  content: "\e215"
}

.glyphicon-baby-formula:before {
  content: "\e216"
}

.glyphicon-tent:before {
  content: "\26fa"
}

.glyphicon-blackboard:before {
  content: "\e218"
}

.glyphicon-bed:before {
  content: "\e219"
}

.glyphicon-apple:before {
  content: "\f8ff"
}

.glyphicon-erase:before {
  content: "\e221"
}

.glyphicon-hourglass:before {
  content: "\231b"
}

.glyphicon-lamp:before {
  content: "\e223"
}

.glyphicon-duplicate:before {
  content: "\e224"
}

.glyphicon-piggy-bank:before {
  content: "\e225"
}

.glyphicon-scissors:before {
  content: "\e226"
}

.glyphicon-bitcoin:before {
  content: "\e227"
}

.glyphicon-btc:before {
  content: "\e227"
}

.glyphicon-xbt:before {
  content: "\e227"
}

.glyphicon-yen:before {
  content: "\00a5"
}

.glyphicon-jpy:before {
  content: "\00a5"
}

.glyphicon-ruble:before {
  content: "\20bd"
}

.glyphicon-rub:before {
  content: "\20bd"
}

.glyphicon-scale:before {
  content: "\e230"
}

.glyphicon-ice-lolly:before {
  content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"
}

.glyphicon-education:before {
  content: "\e233"
}

.glyphicon-option-horizontal:before {
  content: "\e234"
}

.glyphicon-option-vertical:before {
  content: "\e235"
}

.glyphicon-menu-hamburger:before {
  content: "\e236"
}

.glyphicon-modal-window:before {
  content: "\e237"
}

.glyphicon-oil:before {
  content: "\e238"
}

.glyphicon-grain:before {
  content: "\e239"
}

.glyphicon-sunglasses:before {
  content: "\e240"
}

.glyphicon-text-size:before {
  content: "\e241"
}

.glyphicon-text-color:before {
  content: "\e242"
}

.glyphicon-text-background:before {
  content: "\e243"
}

.glyphicon-object-align-top:before {
  content: "\e244"
}

.glyphicon-object-align-bottom:before {
  content: "\e245"
}

.glyphicon-object-align-horizontal:before {
  content: "\e246"
}

.glyphicon-object-align-left:before {
  content: "\e247"
}

.glyphicon-object-align-vertical:before {
  content: "\e248"
}

.glyphicon-object-align-right:before {
  content: "\e249"
}

.glyphicon-triangle-right:before {
  content: "\e250"
}

.glyphicon-triangle-left:before {
  content: "\e251"
}

.glyphicon-triangle-bottom:before {
  content: "\e252"
}

.glyphicon-triangle-top:before {
  content: "\e253"
}

.glyphicon-console:before {
  content: "\e254"
}

.glyphicon-superscript:before {
  content: "\e255"
}

.glyphicon-subscript:before {
  content: "\e256"
}

.glyphicon-menu-left:before {
  content: "\e257"
}

.glyphicon-menu-right:before {
  content: "\e258"
}

.glyphicon-menu-down:before {
  content: "\e259"
}

.glyphicon-menu-up:before {
  content: "\e260"
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

*:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff
}

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

a {
  color: #337ab7;
  text-decoration: none
}

a:hover, a:focus {
  color: #23527c;
  text-decoration: underline
}

a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

figure {
  margin: 0
}

img {
  vertical-align: middle
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.img-rounded {
  border-radius: 6px
}

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto
}

.img-circle {
  border-radius: 50%
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto
}

[role="button"] {
  cursor: pointer
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px
}

h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
  font-size: 65%
}

h4, .h4, h5, .h5, h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px
}

h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small {
  font-size: 75%
}

h1, .h1 {
  font-size: 36px
}

h2, .h2 {
  font-size: 30px
}

h3, .h3 {
  font-size: 24px
}

h4, .h4 {
  font-size: 18px
}

h5, .h5 {
  font-size: 14px
}

h6, .h6 {
  font-size: 12px
}

p {
  margin: 0 0 10px
}

.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4
}

@media (min-width: 768px) {
  .lead {
    font-size: 21px
  }
}

small, .small {
  font-size: 85%
}

mark, .mark {
  background-color: #fcf8e3;
  padding: .2em
}

.text-left {
  text-align: left
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-justify {
  text-align: justify
}

.text-nowrap {
  white-space: nowrap
}

.text-lowercase {
  text-transform: lowercase
}

.text-uppercase {
  text-transform: uppercase
}

.text-capitalize {
  text-transform: capitalize
}

.text-muted {
  color: #777
}

.text-primary {
  color: #337ab7
}

a.text-primary:hover, a.text-primary:focus {
  color: #286090
}

.text-success {
  color: #3c763d
}

a.text-success:hover, a.text-success:focus {
  color: #2b542c
}

.text-info {
  color: #31708f
}

a.text-info:hover, a.text-info:focus {
  color: #245269
}

.text-warning {
  color: #8a6d3b
}

a.text-warning:hover, a.text-warning:focus {
  color: #66512c
}

.text-danger {
  color: #a94442
}

a.text-danger:hover, a.text-danger:focus {
  color: #843534
}

.bg-primary {
  color: #fff;
  background-color: #337ab7
}

a.bg-primary:hover, a.bg-primary:focus {
  background-color: #286090
}

.bg-success {
  background-color: #dff0d8
}

a.bg-success:hover, a.bg-success:focus {
  background-color: #c1e2b3
}

.bg-info {
  background-color: #d9edf7
}

a.bg-info:hover, a.bg-info:focus {
  background-color: #afd9ee
}

.bg-warning {
  background-color: #fcf8e3
}

a.bg-warning:hover, a.bg-warning:focus {
  background-color: #f7ecb5
}

.bg-danger {
  background-color: #f2dede
}

a.bg-danger:hover, a.bg-danger:focus {
  background-color: #e4b9b9
}

.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px
}

ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px
}

dl {
  margin-top: 0;
  margin-bottom: 20px
}

dt, dd {
  line-height: 1.42857143
}

dt {
  font-weight: bold
}

dd {
  margin-left: 0
}

@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .dl-horizontal dd {
    margin-left: 180px
  }
}

abbr[title], abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777
}

.initialism {
  font-size: 90%;
  text-transform: uppercase
}

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee
}

blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
  margin-bottom: 0
}

blockquote footer, blockquote small, blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777
}

blockquote footer:before, blockquote small:before, blockquote .small:before {
  content: '\2014 \00A0'
}

.blockquote-reverse, blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right
}

.blockquote-reverse footer:before, blockquote.pull-right footer:before, .blockquote-reverse small:before, blockquote.pull-right small:before, .blockquote-reverse .small:before, blockquote.pull-right .small:before {
  content: ''
}

.blockquote-reverse footer:after, blockquote.pull-right footer:after, .blockquote-reverse small:after, blockquote.pull-right small:after, .blockquote-reverse .small:after, blockquote.pull-right .small:after {
  content: '\00A0 \2014'
}

address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143
}

fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold
}

input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

input[type="radio"], input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal
}

input[type="file"] {
  display: block
}

input[type="range"] {
  display: block;
  width: 100%
}

select[multiple], select[size] {
  height: auto
}

input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #999
}

.form-control::-webkit-input-placeholder {
  color: #999
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1
}

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed
}

textarea.form-control {
  height: auto
}

input[type="search"] {
  -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
    line-height: 34px
  }

  input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm, .input-group-sm input[type="date"], .input-group-sm input[type="time"], .input-group-sm input[type="datetime-local"], .input-group-sm input[type="month"] {
    line-height: 30px
  }

  input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg, .input-group-lg input[type="date"], .input-group-lg input[type="time"], .input-group-lg input[type="datetime-local"], .input-group-lg input[type="month"] {
    line-height: 46px
  }
}

.form-group {
  margin-bottom: 15px
}

.radio, .checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px
}

.radio label, .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9
}

.radio + .radio, .checkbox + .checkbox {
  margin-top: -5px
}

.radio-inline, .checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px
}

input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed
}

.radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline {
  cursor: not-allowed
}

.radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label {
  cursor: not-allowed
}

.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px
}

.form-control-static.input-lg, .form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

select.input-sm {
  height: 30px;
  line-height: 30px
}

textarea.input-sm, select[multiple].input-sm {
  height: auto
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px
}

.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
  height: auto
}

.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

select.input-lg {
  height: 46px;
  line-height: 46px
}

textarea.input-lg, select[multiple].input-lg {
  height: auto
}

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px
}

.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
  height: auto
}

.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333
}

.has-feedback {
  position: relative
}

.has-feedback .form-control {
  padding-right: 42.5px
}

.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none
}

.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px
}

.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #3c763d
}

.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168
}

.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8
}

.has-success .form-control-feedback {
  color: #3c763d
}

.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #8a6d3b
}

.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b
}

.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3
}

.has-warning .form-control-feedback {
  color: #8a6d3b
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #a94442
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}

.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483
}

.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede
}

.has-error .form-control-feedback {
  color: #a94442
}

.has-feedback label ~ .form-control-feedback {
  top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0
}

.help-block {
  display: block;
  /*margin-top: 5px;*/
  /*margin-bottom: 10px;*/
  color: #737373;
  /* ha */
  font-size: 12px;
  margin: 0;
  /* ha */
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
  }

  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle
  }

  .form-inline .form-control-static {
    display: inline-block
  }

  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle
  }

  .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
    width: auto
  }

  .form-inline .input-group > .form-control {
    width: 100%
  }

  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle
  }

  .form-inline .radio, .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle
  }

  .form-inline .radio label, .form-inline .checkbox label {
    padding-left: 0
  }

  .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0
  }

  .form-inline .has-feedback .form-control-feedback {
    top: 0
  }
}

.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px
}

.form-horizontal .radio, .form-horizontal .checkbox {
  min-height: 27px
}

.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px
}

@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px
  }
}

.form-horizontal .has-feedback .form-control-feedback {
  right: 15px
}

@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px
  }
}

@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px
  }
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px
}

.btn:hover, .btn:focus, .btn.focus {
  color: #333;
  text-decoration: none
}

.btn:active, .btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none
}

a.btn.disabled, fieldset[disabled] a.btn {
  pointer-events: none
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}

.btn-default:focus, .btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c
}

.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad
}

.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c
}

.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
  background-image: none
}

.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc
}

.btn-default .badge {
  color: #fff;
  background-color: #333
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40
}

.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40
}

.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background-image: none
}

.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625
}

.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625
}

.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
  background-image: none
}

.btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85
}

.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
  background-image: none
}

.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d
}

.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
  background-image: none
}

.btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19
}

.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925
}

.btn-danger:active:hover, .btn-danger.active:hover, .open > .dropdown-toggle.btn-danger:hover, .btn-danger:active:focus, .btn-danger.active:focus, .open > .dropdown-toggle.btn-danger:focus, .btn-danger:active.focus, .btn-danger.active.focus, .open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19
}

.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
  background-image: none
}

.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0
}

.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent
}

.btn-link:hover, .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent
}

.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}

.btn-block {
  display: block;
  width: 100%
}

.btn-block + .btn-block {
  margin-top: 5px
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px
}

.pagination > li {
  display: inline
}

.pagination > li > a, .pagination > li > span {
  position: relative;
  float: left;
  padding: 0 6px; /*6px 12px;*/
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  /*z-index: 3;*/
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default
}

.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
  color: #777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed
}

.pagination-lg > li > a, .pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px
}

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20)
}

.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50)
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none
}

.modal-open {
  overflow: hidden
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0)
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px
}

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0)
}

.modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50)
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
  margin-top: -2px
}

.modal-title {
  margin: 0;
  line-height: 1.42857143
}

.modal-body {
  position: relative;
  padding: 15px
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
  }

  .modal-sm {
    width: 300px
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px
  }
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.popover.top {
  margin-top: -10px
}

.popover.right {
  margin-left: 10px
}

.popover.bottom {
  margin-top: 10px
}

.popover.left {
  margin-left: -10px
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0
}

.popover-content {
  padding: 9px 14px
}

.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover > .arrow {
  border-width: 11px
}

.popover > .arrow:after {
  border-width: 10px;
  content: ""
}

.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px
}

.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff
}

.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25)
}

.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff
}

.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px
}

.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff
}

.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25)
}

.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px
}

.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after {
  content: " ";
  display: table
}

.clearfix:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-header:after, .modal-footer:after {
  clear: both
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.pull-right {
  float: right !important
}

.pull-left {
  float: left !important
}

.hide {
  display: none !important
}

.show {
  display: block !important
}

.invisible {
  visibility: hidden
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0
}

.hidden {
  display: none !important
}

.affix {
  position: fixed
}

@charset "UTF-8";
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide:not(.ng-hide-animate) {
  display: none !important;
}

ng\:form {
  display: block;
}

.ng-animate-shim {
  visibility: hidden;
}

.ng-anchor {
  position: absolute;
}

.ng-animate.item:not(.left):not(.right) {
  -webkit-transition: 0s ease-in-out left;
  transition: 0s ease-in-out left
}

.pure-form input[type=text], .pure-form input[type=number], .pure-form input[type=search], .pure-form input[type=tel], .pure-form input[type=color], .pure-form input[type=password], .pure-form input[type=email], .pure-form input[type=url], .pure-form input[type=date], .pure-form input[type=month], .pure-form input[type=time], .pure-form input[type=datetime], .pure-form input[type=datetime-local], .pure-form input[type=week], .pure-form select, .pure-form textarea {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.pure-form input:not([type]) {
  padding: .5em .6em;
  display: inline-block;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 3px #ddd;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.pure-form input[type=color] {
  padding: .2em .5em
}

.pure-form input:not([type]):focus, .pure-form input[type=text]:focus, .pure-form input[type=number]:focus, .pure-form input[type=search]:focus, .pure-form input[type=tel]:focus, .pure-form input[type=color]:focus, .pure-form input[type=password]:focus, .pure-form input[type=email]:focus, .pure-form input[type=url]:focus, .pure-form input[type=date]:focus, .pure-form input[type=month]:focus, .pure-form input[type=time]:focus, .pure-form input[type=datetime]:focus, .pure-form input[type=datetime-local]:focus, .pure-form input[type=week]:focus, .pure-form select:focus, .pure-form textarea:focus {
  outline: 0;
  border-color: #129FEA
}

.pure-form input[type=file]:focus, .pure-form input[type=radio]:focus, .pure-form input[type=checkbox]:focus {
  outline: #129FEA auto 1px
}

.pure-form .pure-checkbox, .pure-form .pure-radio {
  margin: .5em 0;
  display: block
}

.pure-form input:not([type])[disabled], .pure-form input[type=text][disabled], .pure-form input[type=number][disabled], .pure-form input[type=search][disabled], .pure-form input[type=tel][disabled], .pure-form input[type=color][disabled], .pure-form input[type=password][disabled], .pure-form input[type=email][disabled], .pure-form input[type=url][disabled], .pure-form input[type=date][disabled], .pure-form input[type=month][disabled], .pure-form input[type=time][disabled], .pure-form input[type=datetime][disabled], .pure-form input[type=datetime-local][disabled], .pure-form input[type=week][disabled], .pure-form select[disabled], .pure-form textarea[disabled] {
  cursor: not-allowed;
  background-color: #eaeded;
  color: #cad2d3
}

.pure-form input[readonly], .pure-form select[readonly], .pure-form textarea[readonly] {
  background-color: #eee;
  color: #777;
  border-color: #ccc
}

.pure-form input:focus:invalid, .pure-form select:focus:invalid, .pure-form textarea:focus:invalid {
  color: #b94a48;
  border-color: #e9322d
}

.pure-form input[type=file]:focus:invalid:focus, .pure-form input[type=radio]:focus:invalid:focus, .pure-form input[type=checkbox]:focus:invalid:focus {
  outline-color: #e9322d
}

.pure-form select {
  height: 2.25em;
  border: 1px solid #ccc;
  background-color: #fff
}

.pure-form select[multiple] {
  height: auto
}

.pure-form label {
  margin: .5em 0 .2em
}

.pure-form fieldset {
  margin: 0;
  padding: .35em 0 .75em;
  border: 0
}

.pure-form legend {
  display: block;
  width: 100%;
  padding: .3em 0;
  margin-bottom: .3em;
  color: #333;
  border-bottom: 1px solid #e5e5e5
}

.pure-form-stacked input:not([type]), .pure-form-stacked input[type=text], .pure-form-stacked input[type=number], .pure-form-stacked input[type=search], .pure-form-stacked input[type=tel], .pure-form-stacked input[type=color], .pure-form-stacked input[type=file], .pure-form-stacked input[type=password], .pure-form-stacked input[type=email], .pure-form-stacked input[type=url], .pure-form-stacked input[type=date], .pure-form-stacked input[type=month], .pure-form-stacked input[type=time], .pure-form-stacked input[type=datetime], .pure-form-stacked input[type=datetime-local], .pure-form-stacked input[type=week], .pure-form-stacked label, .pure-form-stacked select, .pure-form-stacked textarea {
  display: block;
  margin: .25em 0
}

.pure-form-aligned .pure-help-inline, .pure-form-aligned input, .pure-form-aligned select, .pure-form-aligned textarea, .pure-form-message-inline {
  display: inline-block;
  vertical-align: middle
}

.pure-form-aligned textarea {
  vertical-align: top
}

.pure-form-aligned .pure-control-group {
  margin-bottom: .5em
}

.pure-form-aligned .pure-control-group label {
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  width: 10em;
  margin: 0 1em 0 0
}

.pure-form-aligned .pure-controls {
  margin: 1.5em 0 0 11em
}

.pure-form .pure-input-rounded, .pure-form input.pure-input-rounded {
  border-radius: 2em;
  padding: .5em 1em
}

.pure-form .pure-group fieldset {
  margin-bottom: 10px
}

.pure-form .pure-group input, .pure-form .pure-group textarea {
  display: block;
  padding: 10px;
  margin: 0 0 -1px;
  border-radius: 0;
  position: relative;
  top: -1px
}

.pure-form .pure-group input:focus, .pure-form .pure-group textarea:focus {
  z-index: 3
}

.pure-form .pure-group input:first-child, .pure-form .pure-group textarea:first-child {
  top: 1px;
  border-radius: 4px 4px 0 0;
  margin: 0
}

.pure-form .pure-group input:first-child:last-child, .pure-form .pure-group textarea:first-child:last-child {
  top: 1px;
  border-radius: 4px;
  margin: 0
}

.pure-form .pure-group input:last-child, .pure-form .pure-group textarea:last-child {
  top: -2px;
  border-radius: 0 0 4px 4px;
  margin: 0
}

.pure-form .pure-group button {
  margin: .35em 0
}

.pure-form .pure-input-1 {
  width: 100%
}

.pure-form .pure-input-3-4 {
  width: 75%
}

.pure-form .pure-input-2-3 {
  width: 66%
}

.pure-form .pure-input-1-2 {
  width: 50%
}

.pure-form .pure-input-1-3 {
  width: 33%
}

.pure-form .pure-input-1-4 {
  width: 25%
}

.pure-form .pure-help-inline, .pure-form-message-inline {
  display: inline-block;
  padding-left: .3em;
  color: #666;
  vertical-align: middle;
  font-size: .875em
}

.pure-form-message {
  display: block;
  color: #666;
  font-size: .875em
}

wysiwyg-edit .tinyeditor {
  border: 1px solid #bbb;
  padding: 0 1px 1px;
  font: 12px Verdana, Arial
}

wysiwyg-edit .tinyeditor iframe {
  border: none;
  background: #fff;
  overflow-x: hidden
}

wysiwyg-edit .tinyeditor .sizer {
  position: relative
}

wysiwyg-edit .tinyeditor .resizer {
  background: url(/vendor/images/resize.gif) 15px 15px no-repeat;
  float: right;
  height: 32px;
  width: 32px;
  cursor: ns-resize
}

wysiwyg-edit .tinyeditor .tinyeditor-header {
  height: auto;
  border-bottom: 1px solid #bbb;
  background: url(/vendor/images/resize.gif);
  padding-top: 1px
}

wysiwyg-edit .tinyeditor .tinyeditor-header select {
  float: left
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-size {
  margin: 0 3px
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-style {
  margin-right: 12px
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-divider {
  float: left;
  width: 1px;
  height: 30px;
  background: #ccc
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control {
  float: left;
  width: 34px;
  height: 30px;
  cursor: pointer;
  background-image: url(/vendor/images/icons.png);
  background-position-x: 0
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control:hover {
  background-color: #fff;
  background-position-x: 34px
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control.pressed {
  background-color: #D0CFCF
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group {
  float: left;
  height: 31px
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group:after {
  clear: left
}

wysiwyg-edit .tinyeditor .tinyeditor-footer {
  height: 32px;
  border-top: 1px solid #bbb;
  background: #f5f5f5;
  margin-top: 10px
}

wysiwyg-edit .tinyeditor .tinyeditor-footer .toggle {
  float: left;
  background: url(/vendor/images/icons.png) -34px 2px no-repeat;
  padding: 9px 13px 0 31px;
  height: 23px;
  border-right: 1px solid #ccc;
  cursor: pointer;
  color: #666
}

wysiwyg-edit .tinyeditor .tinyeditor-footer .toggle:hover {
  background-color: #fff
}

wysiwyg-edit .tinyeditor .resize {
  float: right;
  height: 32px;
  width: 32px;
  background: url(/vendor/images/resize.gif) 15px 15px no-repeat;
  cursor: s-resize
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .colors-grid {
  position: absolute;
  left: 0;
  top: 30px;
  background-color: #fff;
  width: 192px;
  border: 2px solid #000;
  padding: 0;
  margin: 0;
  z-index: 100
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .colors-grid > li {
  list-style: none;
  border: 2px solid #fff;
  float: left;
  width: 20px;
  height: 20px
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .colors-grid > li:hover {
  opacity: .7
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .symbols-grid {
  position: absolute;
  left: 0;
  top: 30px;
  background-color: #fff;
  width: 384px;
  border: 2px solid #000;
  padding: 0;
  margin: 0;
  z-index: 100
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .symbols-grid > li {
  list-style: none;
  border: 1px solid #e7e7e7;
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 1.3em
}

wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-control .symbols-grid > li:hover {
  opacity: .7;
  font-size: 1.7em
}

@media only screen and (max-width: 500px) {
  wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-font, wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-size, wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-style {
    width: 80px
  }
}

@media only screen and (max-width: 768px) {
  wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-font, wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-size, wysiwyg-edit .tinyeditor .tinyeditor-header .tinyeditor-buttons-group .tinyeditor-style {
    width: 80px
  }
}

#ngProgress {
  margin: 0;
  padding: 0;
  z-index: 99998;
  background-color: green;
  color: green;
  box-shadow: 0 0 10px 0;
  height: 2px;
  opacity: 0;
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

#ngProgress-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999
}

li.autocomplete-suggestion:active {
  background-color: #e9e9e9;
  cursor: default;
}

ul.autocomplete-container {
  display: block;
  position: absolute;
  width: 98%;
  margin-left: 7px;
  margin-right: 3px;
  z-index: 9;
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777
}

li.autocomplete-suggestion {
  display: block;
  background-color: #fff;
  padding: 5px 0 5px 8px;
  border-right: 1px solid gray;
  border-left: 1px solid gray
}

li.autocomplete-suggestion:last-child {
  border-bottom: 1px solid gray
}

li.autocomplete-suggestion:hover {
  background-color: #e9e9e9;
  cursor: pointer;
}

li.autocomplete-suggestion:focus {
  background-color: #e9e9e9; /*#e9e9e9;*/
  cursor: default;
}

.main-container, .nav-right {
  -webkit-box-direction: normal
}

.clickable, .link {
  cursor: pointer
}

.button, .remember-label, new-tree {
  -moz-user-select: none
}

body {
  font-size: 14px;
  font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 20px;
  color: #333;
  overflow-x: hidden
}

.beta {
  color: red;
  font-size: medium;
  font-weight: 600;
  margin-top: 13px; /*ha*/
}

.underline {
  text-decoration: underline
}

.search-bar.header-bar .beta {
  position: absolute;
  bottom: -10px; /*ha was 0px before*/
  right: -80px
}

.space-no-wrap {
  white-space: nowrap
}

.app-modal-window .modal-dialog {
  width: 1000px
}

.hide {
  display: none
}

.rtl {
  direction: rtl
}

.ltr {
  direction: ltr
}

.link {
  color: #23a99e; /*ha was #39B54A */
}

.link-disabled {
  color: grey;
}

.concept-use, div.onto-analysis {
  margin-top: 3px
}

.word-net-area {
  margin-top: 5px;
  padding-bottom: 3px
}
.concept-edit-word-net-area {
  margin-top: 5px;
  padding-bottom: 3px
}
.word-net-area-extend {
  margin-left: 50px
}
.concept-edit-word-net-area-extend {
  margin-left: 50px
}


.word-net-area > div {
  margin-left: 20px
}
.concept-edit-word-net-area > div {
  margin-left: 20px
}
/* REG-FORM commented out
.login-box {
    padding: 10px 30px 25px 25px;
    background: #f1f1f1;
    border: 1px solid #e5e5e5;
    width: 300px;
    margin: auto;
    box-shadow: 0 4px 10px 4px rgba(119, 119, 119, .28);
    -moz-box-shadow: 0 4px 10px 4px rgba(119, 119, 119, .28);
    -webkit-box-shadow: 0 4px 10px 4px rgba(119, 119, 119, .28)
}

.login-box div {
    margin: 0 0 1.5em
}

.login-box h2 {
    font-size: 18px;
    line-height: 17px;
    font-weight: 700
}

.login-box label {
    display: block
}

.login-box .email-label, .login-box .passwd-label {
    font-weight: 700;
    margin: 0 0 .5em;
    display: block;
    -moz-user-select: none
}

.login-box label.remember {
    display: inline-block;
    vertical-align: top;
    margin: 9px 0 0
}
*/

strong {
  color: #222
}

.signin-div {
  margin-top: 30px
}

.signin-div .warn {
  color: red
}

.login-box input[type=email], .login-box input[type=password], .login-box input[type=text] {
  width: 100%;
  height: 32px;
  font-size: 15px;
  direction: ltr
}

.login-box input[type=password], .login-box input[type=text], input[type=email], input[type=password] {
  display: inline-block;
  height: 29px;
  margin: 0;
  /* ha */
  margin-top: auto;
  margin-bottom: auto;
  /* ha */
  padding: 0 8px;
  background: #fff;
  border-right: 1px solid #d9d9d9;
  border-width: 1px;
  border-style: solid;
  border-color: silver #d9d9d9 #d9d9d9;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -o-border-image: none;
  -webkit-border-image: none;
  border-image: none;
  -moz-box-sizing: border-box;
  border-radius: 1px
}

ol, ul {
  list-style: none;
  line-height: 17px;
  margin-left: 0;
  padding-left: 0
}

a {
  color: #39B54A;
  text-decoration: none
}

.button, .button-submit {
  color: #fff;
  background-color: #478BF9
}

a#forgot_password {
  display: block
}

/* ha
.login-box input[type=submit] {
    margin: 0 1.5em 1.2em 0;
    height: 32px;
    font-size: 13px
}
*/

.button, input.button[type=submit] {
  height: 29px;
  line-height: 29px;
  vertical-align: bottom;
  margin: 0
}

.button-submit {
  border: 1px solid #3079ed;
  text-shadow: 0 1px rgba(0, 0, 0, .1)
}

.button {
  display: inline-block;
  min-width: 46px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  height: 27px;
  padding: 0 8px;
  line-height: 27px;
  border-radius: 2px;
  -webkit-transition: all 218ms ease 0s;
  transition: all 218ms ease 0s;
  border: 1px solid #dcdcdc;
  cursor: default
}

.remember-label {
  font-weight: 400;
  color: #666;
  line-height: 0;
  padding: 0 0 0 .4em
}

.ao-form-secton, .form-label, .form-label-long, .form-label-sm, .span-clicked {
  font-weight: 700
}

.login-box h2 strong {
  display: inline-block;
  float: right;
  height: 19px;
  width: 52px
}

.nav-right, top-bar {
  display: -webkit-box;
  display: -ms-flexbox
}

.login-box input[type=text]:focus, input[type=email]:focus, input[type=password]:focus {
  outline: 0;
  border: 1px solid #4d90fe;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .3) inset
}

.register-msg {
  font-size: larger
}

.login-box.register {
  width: 600px
}

/* REG-FORM commented out
.register-form-label {
    font-weight: 700;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 80px;
    -webkit-flex-basis: 80px;
    flex-basis: 80px;
    padding-right: 5px;
    margin-top: auto;
    margin-bottom: auto
}
*/

.ao-hang-icon {
  position: absolute;
  right: 5px;
  top: 100px;
  max-height: 50px
}

.pagination * {
  color: #39B54A
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  color: #fff;
  background-color: #f3A069;
  border-color: #e9e9e9
}

top-bar, top-bar ul ul li {
  background-color: #e9e9e9
}

top-bar {
  -ms-flex: 1;
  flex: 1;
  -ms-flex-preferred-size: 60px;
  /*flex-basis: 80px;*/
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: flex;
  min-width: 100vw;
  flex-basis: 90px; /*ha*/
  -webkit-box-align: center;
  -ms-flex-align: center;
  /*align-items:center;*/ /*ha*/
  padding-top: 3px;
  position: relative;
  padding-left: 0px; /*ha was 10 */
}

top-bar.search {
  -ms-flex-preferred-size: 65px;
  flex-basis: 160px; /*ha*/
  padding-top: 10px;
}

.nav-right {
  margin-left: auto;
  margin-bottom: auto;
  -ms-flex-item-align: end;
  align-self: flex-end;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.nav-right .nav-items {
  margin-top: 10px;
  margin-right: 20px
}

.nav-right .nav-items > * {
  margin-right: 16px
}

.lang-panel {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: auto;
  margin-right: 34px;
  margin-top: 4px
}

top-bar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  margin-top: 4px;
}

top-bar ul li {
  display: inline-block;
  /*margin-left: 3px;*/
  /*margin-right: 3px*/
  font-size: 17px;
}

top-bar ul li * {
  color: gray
}

top-bar ul li:hover > ul {
  display: inherit
}

.flex-container, top-bar ul ul li {
  display: -webkit-box;
  display: -ms-flexbox
}

top-bar ul ul {
  display: none;
  position: absolute;
  top: 15px
}

top-bar ul ul li {
  width: 170px;
  float: none;
  position: relative;
  border-bottom: 1px solid #000;
  height: 30px;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

top-bar ul ul li:hover {
  background-color: #00A99D
}

top-bar ul ul li:hover > top-bar ul ul li * {
  color: #00008b
}

.menu-icon, .toggle-menu {
  display: none
}

.user-settings:after {
  border: .4em solid transparent;
  border-bottom: none;
  border-top-color: #00A99D;
  content: '';
  vertical-align: middle;
  display: inline-block;
  position: relative;
  right: -.2em
}

.span-clickable {
  cursor: pointer;
  color: #00f
}

.circle {
  margin-left: 10px;
  max-width: 30px
}

.app-icon {
  background-image: url(http://sina.birzeit.edu/ArabicOntology/resources/images/app-icon.png);
  background-attachment: fixed;
  background-position: 100% 100%;
  background-repeat: no-repeat
}

.flex-container {
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column;
  will-change: auto;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  min-height: 100%;
  min-width: 100%
}

.flex-elm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex
}

.flex-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex
}

.flex-column, .main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

.flex-column {
  display: flex;
  -ms-flex-flow: column;
  -webkit-flex-flow: column;
  flex-flow: column
}

.center-v {
  margin-top: auto;
  margin-bottom: auto
}

.center-h {
  margin-right: auto;
  margin-left: auto;
  width: auto;
}

.flex-center {
  margin: auto
}

.flex-align-right {
  margin-right: auto;
  direction: rtl;
  text-align: right
}

.onto-box, ng-view, ng-view.ar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

ng-view, ng-view.ar {
  -webkit-box-flex: 12;
  -ms-flex: 12;
  -webkit-flex: 12;
  flex: 12;
  display: flex
}

.details-view, .onto-box {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

.ao-lex-panel {
  float: left;
  width: 50%;
  margin-top: 24px;
  direction: rtl;
  position: relative
}

.ao-lex-panel .results-counter {
  margin-right: 25px; /*ha was 40 */
  color: grey;
  font-size: small
}

.ao-lex-results {
  /*min-height:555px;*/
  /*margin-top: 35px*/
  margin-top: 20px
  padding-rigth: 10px;
}

.results-counter {
  direction: ltr;
  font-size: small
}

.ao-onto-panel {
  float: right;
  width: 50%;
  margin-top: 24px
}

.ao-onto-panel .onto-tree-link {
  margin-left: 40%
}

.onto-box {
  height: 600px;
  border: 1px solid grey;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  width: 90%
}

.onto-box-body, .onto-tree-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox
}

.onto-tree-link {
  display: flex;
  margin-top: 30px
}

.onto-tree-link.phone {
  display: none
}

.onto-tree-lin a {
  color: #39B54A;
  margin-left: 35%
}

.onto-box.compact {
  height: 250px; /*ha was 100px */
}

.onto-box > * {
  min-width: 100%
}

.onto-box-header {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-preferred-size: 100px;
  -webkit-flex-basis: 100px;
  flex-basis: 100px;
}

.concept-ontology-title {
  margin-bottom: -30px;
  display: inline
}

.concept-lexicons-title {
  direction: rtl;
  display: inline;
  margin-left: auto
}

.onto-box-header > * {
  border-bottom: 1px solid grey;
  padding-bottom: 8px;
  padding-left: 14px;
  color: #00A99D
}

/*ha*/

.onto-box-header > .concept-msg {
  border-bottom: none;
}

.onto-box-header > .my-fb-widget {
  border-bottom: none;
}

/*ha*/

.onto-box-header h4 {
  color: grey
}

.onto-box-body {
  -webkit-box-flex: 9;
  -ms-flex-positive: 9;
  -webkit-flex-grow: 9;
  flex-grow: 9;
  overflow-y: auto;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.details-view, .onto-box-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

.onto-box-footer {
  margin-top: auto;
  -ms-flex-preferred-size: 40px;
  -webkit-flex-basis: 40px;
  flex-basis: 40px;
  background-color: #e9e9e9;
  display: flex;
  cursor: pointer
}

.onto-box-footer > * {
  margin: auto;
}

.details-view {
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border-left: 2px solid #d1d1d1;
  will-change: overflow
}

.v-form, .v-form .details-view-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

.fixed-group {
  bottom: 0
}

.v-form {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.concept-edit-v-form {
     display: -webkit-box;
     display: -ms-flexbox;
     display: -webkit-flex
     /**/
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   -webkit-flex-direction: column;
   flex-direction: column
   /**/


}

.reg-form div {
  margin: 5px
}

.reg-form div.form-item  {
  margin: 0;
  margin-left: 1em;
}

.register-msg {
  margin-top: 10px;
  font-size: 20px;
  color: grey;
}

.reg-form input.reg-submit {
  /*margin: 10px 5px 5px;*/
  font-size: 17px;
  color: white;
  background-color: rgba(0, 0, 0, 0.35);
  width: auto;
  margin: 10px auto 0;
}

.v-form .details-view-header {
  border-bottom: 1px solid #d1d1d1;
  display: flex;
  margin-bottom: auto
}

.form-item, .text-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex
}
.concept-edit-form-item{
 display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
 }

.form-item {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: flex
}
.concept-edit-form-item{
 display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: flex
}
.form-label {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 85px;
  -webkit-flex-basis: 85px;
  flex-basis: 85px;
  color: #00A99D;
  padding-right: 5px;
  text-align: left
}
.concept-edit-form-label{
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 85px;
  -webkit-flex-basis: 85px;
  flex-basis: 85px;
  color: #00A99D;
  padding-right: 5px;
  text-align: right;
  }
 .concept-edit-input-strict{
  max-width: 100px;
  margin-right: 10px;
  }
  }
.form-item-sm {
  max-width: 35px
}
.concept-edit-form-item-sm {
  max-width: 35px
}

.form-label.prec {
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px;
  border: 1px solid #fff
}

.form-item.conf, .form-item.prec {
  -ms-flex-preferred-size: 20px;
  flex-basis: 20px;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.form-label.by {
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px
}

.concept-log, .modal-close-button {
  margin-left: 20px
}

.text-area {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: flex
}

.data-source-ar > .h-form-group > .form-item, .h-form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

.data-source-ar > .h-form-group > .form-item {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: inherit;
  -webkit-flex-direction: inherit;
  flex-direction: inherit
}

.data-source-ar > .h-form-group > .form-label {
  text-align: right
}

.data-source > .h-form-group > .form-label {
  text-align: left
}

.h-form-group {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-top: 3px;
  margin-bottom: 3px
}

.concept-edit-h-form-group {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin-top: 3px;
  margin-bottom: 3px;

}
.data-source-ar > .h-form-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.h-form-item {
  -webkit-box-flex: 20;
  -ms-flex-positive: 20;
  -webkit-flex-grow: 20;
  flex-grow: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-negative: 3;
  -webkit-flex-shrink: 3;
  flex-shrink: 3
}
.concept-edit-h-form-item {
  -webkit-box-flex: 20;
  -ms-flex-positive: 20;
  -webkit-flex-grow: 20;
  flex-grow: 20;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-negative: 3;
  -webkit-flex-shrink: 3;
  flex-shrink: 3
}
.h-form-helper {
  -ms-flex-preferred-size: 40px;
  -webkit-flex-basis: 40px;
  flex-basis: 40px;
  -ms-flex-negative: 10;
  -webkit-flex-shrink: 10;
  flex-shrink: 10;
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  -webkit-flex-grow: 3;
  flex-grow: 3
}

.concept-edit-h-form-helper {
  -ms-flex-preferred-size: 40px;
  -webkit-flex-basis: 40px;
  flex-basis: 40px;
  -ms-flex-negative: 10;
  -webkit-flex-shrink: 10;
  flex-shrink: 10;
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  -webkit-flex-grow: 3;
  flex-grow: 3
}

.form-label-sm {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  -webkit-flex-grow: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 40px;
  -webkit-flex-basis: 40px;
  flex-basis: 40px;
  padding-right: 5px;
  margin-top: auto;
  margin-bottom: auto
}

.data-source > .form-label {
  -webkit-box-flex: 3;
  -ms-flex-positive: 3;
  -webkit-flex-grow: 3;
  flex-grow: 3;
  -ms-flex-negative: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 95px;
  -webkit-flex-basis: 95px;
  flex-basis: 95px;
  color: #002b80;
  padding-right: 5px;
  text-align: right
}

.form-label.ar {
  -ms-flex-preferred-size: 70px;
  -webkit-flex-basis: 70px;
  flex-basis: 70px;
  padding-left: 5px;
  text-align: left
}

.form-label-long {
  margin-left: 1px;
  -webkit-box-flex: 10;
  -ms-flex: 10;
  -webkit-flex: 10;
  flex: 10;
  color: #002b80
}

.ar {
  text-align: right
}
.concept-edit-ar {
  text-align: right
}

.datasource-form *, .footer {
  text-align: center
}

.stretch-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 100%;
  -webkit-flex: 1 100%;
  flex: 1 100%
}
.concept-edit-stretch-body {
  -webkit-box-flex: 1;
   -ms-flex: 1 100%;
   -webkit-flex: 1 100%;
   flex: 1 100%
   /*
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     -webkit-flex-direction: column;
     flex-direction: column */
}
@media all and (max-width: 768px) {
  .sina-header {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    -webkit-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row
  }

  .ao-hang-icon, .birzeit-logo, .bzu-logo, .lg-spacer {
    display: none
  }

  .sina-apps-icon {
    margin-bottom: 10px
  }

  .bzu-logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1
  }
}

.datasource-form { /*, .home-container { */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal
}

@media all and (max-width: 640px) {
  /*.home-logo img {*/
  /*width: 60vw;*/
  /*margin-left: 15vw*/
  /*}*/
}

@media all and (max-width: 450px) {
  .home-apps-popover {
    /*display:none*/ /*ha*/
  }

  /*.home-logo img {*/
  /*width: 60vw;*/
  /*margin-left: 15vw*/
  /*}*/
}

/*.home-container,*/
.sina-apps-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

.sina-apps-footer {
  display: flex;
  margin-top: auto;
  border-top: 1px solid #d1d1d1
}

.image-fit {
  max-width: 100%;
  max-height: 100%
}

.concept-container .concept-msg { /*, .home-search .search-options {*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

.concept-container {
  /*min-height:100%;*/
  min-width: 100%;
  padding-left: 40px;
  padding-right: 40px
}

.concept-container > * {
  min-width: 100%
}

/*.concept-container .my-fb-widget {*/
/*margin-left: auto;*/
/*padding: 0 6px*/
/*}*/

/*.concept-container .concept-msg {*/
/*display: flex;*/
/*}*/

.ao-apps-collection, .datasource-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex
}

.concept-container .onto-box-body {
  margin-top: 10px
}

.datasource-popover {
  min-width: 350px;
  max-width: 500px
}

.datasource-form {
  display: flex;
  color: #000;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.datasource-form p:not(.datasource-header) {
  font-size: 12px
}

.datasource-more-info a {
  margin-left: 10px;
  font-size: smaller;
  color: #39B54A;
}

.popover {
  min-width: 280px;
}

.apps-popover {
  min-width: 380px
}

.ao-apps-collection {
  display: flex
}

.ao-apps-collection-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
  min-height: 300px;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.ao-apps-collection-row a {
  max-width: 200px
}

.relations-popover {
  min-width: 150px;
  max-width: 450px
}

.relations-popover .option-item {
  color: #1779ca
}

ao-form .glyphicon {
  color: gray;
  font-size: xx-small
}

.ao-form-secton {
  text-decoration: underline;
  color: #00A99D
}

.about-ar > * > a, .about > * > a, .copyrights > * > a {
  text-decoration: none
}

@media all and (max-width: 1200px) {
  .search-bar.header-bar input[type=text] {
    min-width: 50vw
  }
}

@media all and (max-width: 875px) {
  .search-bar.header-bar input[type=text] {
    min-width: 40vw
  }
}

@media all and (max-width: 750px) {
  /* TEMP */
  /*.search-bar:not(.header-bar) input[type=text] {*/
  /*max-width: 60vw;*/
  /*min-width: 80vw;*/
  /*margin-left: 50px;*/
  /*transform: initial*/
  /*}*/
  .my-fb-widget {
    display: inline-block;
    /*padding-right: 30px*/ /*ha */
  }

  .search-bar.header-bar input[type=text] {
    max-width: 200px;
    /*margin-left: 65px*/ /*ha*/
  }

  .search-bar.header-bar .beta {
    right: -70px;
    bottom: -17px
  }

  .apps-popover {
    min-width: 380px; /*ha was 300px */
  }

  .nav-right .lang-panel, .nav-right .nav-items {
    display: none
  }

  .nav-right .lang-panel {
    margin-right: 40px
  }

  .menu-icon {
    display: block;
    margin-right: 10px;
    font-size: 25px;
    margin-top: 3px; /*ha originally 30px*/
    color: #13aa9e
  }

  .toggle-menu.toggled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #e9e9e9
  }

  .toggle-menu .nav-items {
    margin-left: auto;
    margin-right: auto
  }

  .toggle-menu .nav-items span * {
    margin-left: 5px;
    margin-right: 5px;
    color: gray
  }

  .onto-box-header {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 110px;
    -webkit-flex-basis: 110px;
    flex-basis: 110px;
    /*ha
    height:110px;
    min-height:110px;
    */
    max-height: 110px
  }
}

@media all and (max-width: 550px) {
  .ao-onto-panel {
    display: none
  }

  .ao-lex-panel {
    float: none;
    width: initial
  }

  .onto-tree-link.phone {
    display: inline;
    position: absolute;
    left: 30px;
    margin: 0;
    top: 25px;
    color: #00A99D
  }

  .my-fb-widget {
    /*width: 0vw;*/ /*ha originally was 100vw*/
    /*ha */
    display: inline;
  }

  .concept-section {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    -ms-grid-row-align: baseline;
    align-items: baseline
  }
}

.concept-section, .tree-content {
  display: -webkit-box;
  display: -ms-flexbox
}

@media all and (max-width: 350px) {
  /*.home-logo img {*/
  /*width: 90vw;*/
  /*margin-left: 0*/
  /*}*/
  /* TEMP */
  /*.search-bar:not(.header-bar) input[type=text] {*/
  /*min-width: 85vw;*/
  /*margin-left: 0;*/
  /*transform: initial*/
  /*}*/
}

new-tree {
  margin-top: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default
}

new-tree li.child {
  border-left: 2px solid #ADAAAA;
  margin-left: 35px;
  padding-left: 8px;
  padding-top: 15px
}

new-tree li.child2 {
  border-left: 2px solid orange;
  margin-left: 35px;
  padding-left: 8px;
  padding-top: 15px;
}

.data_source_ontology_tree {
  display: inline-block;
  color: #39B54A;
  font-size: 12px;
}

.data_source_ontology_tree::before {
  content: "";
  padding-left: 2em;
}

new-tree ul, new-tree.concept:not(.only-child) ul {
  margin-left: 1.5em
}

new-tree li {
  margin-bottom: 25px;
  line-height: 20px
}

new-tree.concept li {
  margin-top: .5em
}

.glyphicon.glyphicon-zoom-in {
  font-size: 10px
}

.glyphicon.arabic {
  -webkit-font-smoothing: antialiased;
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.tree-node {
  padding-left: 0
}

.tree-content {
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  max-width: 600px
}

.node-relations * {
  margin-left: 15px
}

.concept-section {
  color: #0071BC;
  display: flex
}

.concept-details-section { /*ha (, .footer) was removed*/
  display: -webkit-box;
  display: -ms-flexbox
}

.concept-details-section {
  margin-left: 17px;
  display: flex;
  -ms-flex-flow: column;
  flex-flow: column;
  padding-right: 15px
}

.concept-details-section-example {
  color: grey
}

.concept-details-section.lex {
  padding-right: 0
}

.concept-options-section {
  margin-left: 17px;
  color: #39B54A;
  font-size: 12px
}

.concept-options-section.rtl:not(.dectionary) {
  margin-right: 17px
}

.concept-options-section a {
  color: #39B54A
}

.concept-profile-icon {
  margin-left: 15px;
  margin-right: 15px;
}

.concept-options-section-typeof {
  margin-left: 20px
}

.concept-options-section-typeof.arabic {
  margin-right: 20px
}

.close-arrow, .open-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  line-height: 0;
  margin-right: 6px;
  margin-top: 2px
}

.concept-options-section a.data-source {
  font-size: 12px
}

.close-arrow {
  border-width: 0 0 10px 10px;
  border-color: transparent transparent #999
}

.close-arrow:hover {
  border-color: transparent transparent #14a99e
}

.open-arrow {
  border-width: 5px 0 5px 10px;
  border-color: transparent transparent transparent #999
}

.open-arrow:hover {
  border-color: transparent transparent transparent #14a99e
}

.footer-content, .footer-content > div {
  display: -webkit-box;
  display: -ms-flexbox
}

.about, .about-ar {
  overflow: auto;
  padding-left: 10px;
  padding-right: 10px
}

.footer-content {
  /*min-width: 100%;*/ /*ha */
  height: 50px;
  display: flex
}

.footer-content > div {
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /*margin: auto*/ /*ha */
}

.news, .news-interviews-container {
  display: -webkit-box;
  display: -ms-flexbox
}

.footer-copyrights {
  margin-top: 2px
}

.footer-copyrights a {
  margin-bottom: 20px
}

.footer-copyrights a img {
  max-width: 90px
}

.footer-content > div > * {
  margin-left: auto;
  margin-right: auto;
  font-size: 12px
}

.about {
  text-align: justify;
  text-justify: inter-word;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 40px
}

.about > * > a {
  color: burgandy
}

.about > .image {
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.about > h4 {
  color: #006080
}

.about > p {
  font-size: 14px
}

.copyrights {
  text-align: justify;
  text-justify: inter-word;
  font-size: large;
  overflow: auto;
  margin-left: 10px;
  margin-right: 10px
}

.copyrights > * > a {
  color: burgandy
}

.copyrights > .image {
  text-align: center;
  margin-left: auto;
  margin-right: auto
}

.copyrights > h4 {
  color: #006080
}

.copyrights > * > li {
  font-size: 14px
}

.news {
  width: 100vw;
  overflow-y: auto;
  display: flex;
  will-change: auto;
  margin: 5px -5px
}

.about-ar > .image, .news-container > * {
  margin-left: auto;
  margin-right: auto
}

.news-interviews-container {
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.news-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin-top: 10px
}

.news-container > * {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 35px;
  border-bottom: 2px dotted #d1d1d1;
  padding-bottom: 30px
}

.news-side-panel {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.news-spacer {
  -ms-flex-preferred-size: 40px;
  flex-basis: 40px
}

.about-ar {
  direction: rtl;
  text-align: justify;
  text-justify: inter-word;
  font-size: large;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 40px
}

.about-ar > * > a {
  color: burgandy
}

.about-ar > .image {
  text-align: center
}

.about-ar > h3 {
  color: #006080
}

.about-ar > p {
  font-size: 14px
}

/*ha */
@media all and (max-width: 450px) {
  .apps-popover {
    min-width: 335px;
  }
}

/* not found message styles */

.not-found-msg {
  width: 50%;
}

.not-found-msg-box-ar {
  width: 100%;
  padding-right: 20px;
}

@media all and (max-width: 550px) {
  .not-found-msg {
    width: 90%;
  }
}

.not-found-msg-eng, .not-found-msg-eng > * {
  display: flex;
  /*right: 0px;*/
  /*left: 0px;*/
  /*top: 100px;*/
  font-size: 15px;
  margin: auto;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 10px;
  line-height: 1.5;
}

.not-found-msg-ar, .not-found-msg-ar > * {
  display: flex;
  /*right: 0px;*/
  /*left: 0px;*/
  /*top: 100px;*/
  font-size: 15px;
  margin: auto;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 10px;
  text-align: right;
  line-height: 1.5;
}

.limit-exceeded-page
{
  margin-left: auto;
  margin-right: auto;
}

.limit-exceeded-msg-eng, .limit-exceeded-msg-ar
{
  margin: 2em;
  font-weight: 100;
}

.limit-exceeded-msg-ar
{
  text-align: right;
}

.not-found-msg-eng > b, .not-found-msg-ar > b, .not-found-msg-eng > a, .not-found-msg-ar > a {
  display: contents;
}

::placeholder {
  color: #ababab;
  padding-left: 15px;
  font-size: 15px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ababab;
  padding-left: 15px;
  font-size: 15px;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ababab;
  padding-left: 15px;
  font-size: 15px;
}

/*ha */

/* FILTER-POPUP*/
.filter-popover-position {
  position: absolute;
  top: 75px;
  left: 540px;
  z-index: 2;
}

.filter-popover {
  min-width: 250px;
}

.filter-popoup {
}

.filter-popup-items {
  display: flex;
  flex-flow: column;
  flex-direction: column;
  font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  color: #878080;
  margin: 10px 5px 20px 20px;
}

.filter-popup-items-ar {
  direction: rtl;
  margin: 10px 20px 20px 5px;
}

.filter-popup-item {
  margin-top: 10px;
}

.filter-popup-item > input {
  /*margin-left: 10px;*/
}

.filter-popup-items-ar > .filter-popup-item > input {
  margin-left: 0;
  margin-right: 10px;
}

.filter-popup-item > label {
  /*font-weight: 400;*/
  margin-left: 5px;
}

.filter-popup-items-ar > .filter-popup-item > label {
  margin-right: 5px;
}

.filter-popup-item > span {
  display: block;
  margin-left: 23px;
  font-size: 14px;
}

.filter-popup-items-ar > .filter-popup-item > span {
  margin-left: 0;
  margin-right: 23px;
}

/* - FILTER-POPUP*/

/*  FLOATING MESSAGE BEFORE LAUNCHING */
#floating-message-before-launching {
  display: flex;
  flex-flow: column;
  justify-content: center;
  background-color: #fffffff0;
  width: 86%;
  height: 75%;
  position: fixed;
  left: 7%;
  top: 150px;
  border-radius: 10px;
  border: 5px solid gray;
  /*display: none;*/
}

#floating-message-before-launching img {
  max-height: 80%;
  max-width: 100%;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
}

#floating-message-before-launching p {
  font-size: 20px;
  line-height: 1;
  text-align: center;
  padding: 10px 10px;
  /*background-color: #fffffff0;*/
}

#floating-message-before-launching span:not(:first-child) {
  font-size: 48px;
  line-height: 1.5;
  text-align: center;
  padding: 10px 10px;
  /*background-color: #fffffff0;*/
}

#countdown-timer {
  font-size: 2em;
  line-height: 1;
  text-align: center;
  padding: 20px 20px;
  color: #f59200;
  background-color: transparent;
}

@media all and (max-width: 800px) {
  #countdown-timer {
    /*font-size: 4em;*/
  }

  #floating-message-before-launching p {
    /*font-size: 22px;*/
  }

  #floating-message-before-launching span:not(:first-child) {
    /*font-size: 36px;*/
  }
}

@media all and (max-width: 700px) {
  #countdown-timer {
    /*font-size: 3em;*/
  }
}

@media all and (max-width: 500px) {
  #countdown-timer {
    /*font-size: 2em;*/
  }

  #floating-message-before-launching p {
    /*font-size: 20px;*/
  }

  #floating-message-before-launching span:not(:first-child) {
    /*font-size: 28px;*/
  }
}

/*  - FLOATING MESSAGE BEFORE LAUNCHING */

/*  EDIT PROFILE FORM RESPONSIVE */
@media all and (max-width: 650px) {
  .login-box.register {
    width: 95%;
  }

  .h-form-group {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
  }
.concept-edit-h-form-group {
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
  }
  .register-form-label {
    flex-basis: auto;
    -webkit-flex-basis: auto;
    min-width: auto;
    width: auto;
    margin-left: 5px;
  }

  .required:after, .non-required:after {
    display: none;
  }

  .required .register-form-label:after {
    content: " *";
    color: red;
    white-space: pre;
  }
}

/*  - EDIT PROFILE FORM RESPONSIVE */

/* RESULTS PAGE WORDS */

.clickable-word:hover {
  cursor: pointer;
  text-decoration: underline;
}

.word-array-flex {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

/* - RESULTS PAGE WORDS */

.rdfs-icon {
  height: 11px;
  padding-right: 15px;
}

.rdfs-icon:hover {
  cursor: pointer;
}
/* Begin: classes for Edit Concept Form */
.concept-edit-modal-header{
  padding: 15px;
  border-bottom: 1px solid #e5e5e5
}
.concept-edit-modal-header:after, .concept-edit-modal-header:before {
content: " ";
  display: table;

  }
.concept-edit-modal-header:after{
  clear:both;
}
.concept-edit-modal-header .close {
  margin-top: -2px
}


.concept-edit-modal-title {
  margin: 0;
  line-height: 1.42857143
}




.concept-edit-modal-body {
  position: relative;
  padding: 15px
}
.concept-edit-modal-footer{
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5


.concept-edit-modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0
}

.concept-edit-modal-footer .btn-group .btn + .btn {
  margin-left: -1px
}

.concept-edit-modal-footer .btn-block + .btn-block {
  margin-left: 0
}

/* End: classes for Edit Concept Form */