@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

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

:focus {
  outline: 0;
}

/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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: var(--basic-color-3); }

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 {
  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"] {
  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;
  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; }

td,
th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: var(--basic-color-3) !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: ""; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret, .btn-domuly > .caret,
  .dropup > .btn > .caret,
  .dropup > .btn-domuly > .caret {
    border-top-color: var(--basic-color-3) !important; }
  .label {
    border: 1px solid var(--basic-color-3); }
  .table {
    border-collapse: collapse !important; }
  .table td,
  .table th {
    background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

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

.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: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  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: none; }
a:focus {
  outline: thin dotted;
  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.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.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 #eeeeee; }

.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,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777; }

h1, .h1,
h2, .h2,
h3, .h3 {
  margin-top: 20px;
  margin-bottom: 10px; }
h1 small,
h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
  font-size: 65%; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 10px; }
h4 small,
h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .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, .initialism {
  text-transform: uppercase; }

.text-capitalize {
  text-transform: capitalize; }

.text-muted {
  color: #777777; }

.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; }

.bg-primary {
  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 #eeeeee; }

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px; }
ul ul,
ul ol,
ol ul,
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.42857; }

dt {
  font-weight: bold; }

dd {
  margin-left: 0; }

.dl-horizontal dd:before, .dl-horizontal dd:after {
  content: " ";
  display: table; }

.dl-horizontal dd:after {
  clear: both; }

@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 #777777; }

.initialism {
  font-size: 90%; }

blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee; }
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.42857;
  color: #777777; }
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 #eeeeee;
  border-left: 0;
  text-align: right; }
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
.blockquote-reverse .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: ''; }
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
.blockquote-reverse .small:after,
blockquote.pull-right footer:after,
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014'; }

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

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px; }

kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); }
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none; }

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px; }
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
.container:before, .container:after {
  content: " ";
  display: table; }
.container:after {
  clear: both; }
@media (min-width: 768px) {
  .container {
    width: 750px; } }
@media (min-width: 992px) {
  .container {
    width: 970px; } }
@media (min-width: 1200px) {
  .container {
    width: 1170px; } }

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px; }
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table; }
.container-fluid:after {
  clear: both; }

.row {
  margin-left: -15px;
  margin-right: -15px; }
.row:before, .row:after {
  content: " ";
  display: table; }
.row:after {
  clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .domuly-panel-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .domuly-panel-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.domuly-panel-6, .domuly-grid {
  position: relative;
  min-height: 1px;
  padding-left: 7px;
  padding-right: 7px;
  padding-top: 7px;
  padding-bottom: 7px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .domuly-grid, .col-md-4, .domuly-panel-4, .col-md-5, .col-md-6, .domuly-panel-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .domuly-panel-12 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3, .domuly-grid {
    width: 25%; }
  .col-md-4, .domuly-panel-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6, .domuly-panel-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12, .domuly-panel-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }
.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857;
  vertical-align: top;
  border-top: 1px solid #ddd; }
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd; }
.table > caption + thead > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }
.table > tbody + tbody {
  border-top: 2px solid #ddd; }
.table .table {
  background-color: #fff; }

.table-condensed > thead > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd; }
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

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

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > thead > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd; }
  .table-responsive > .table {
    margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }
  .table-responsive > .table-bordered {
    border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }

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: #333333;
  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: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

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

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  color: #555555;
  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 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 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: #eeeeee;
  opacity: 1;
  color: #aaa;
}
.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-group-sm > input[type="date"].form-control,
  .input-group-sm > input[type="date"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="date"].btn,
  .input-group-sm > .input-group-btn > input[type="date"].btn-domuly,
  .input-group-sm input[type="date"],
  input[type="time"].input-sm,
  .input-group-sm > input[type="time"].form-control,
  .input-group-sm > input[type="time"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="time"].btn,
  .input-group-sm > .input-group-btn > input[type="time"].btn-domuly,
  .input-group-sm
  input[type="time"],
  input[type="datetime-local"].input-sm,
  .input-group-sm > input[type="datetime-local"].form-control,
  .input-group-sm > input[type="datetime-local"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn-domuly,
  .input-group-sm
  input[type="datetime-local"],
  input[type="month"].input-sm,
  .input-group-sm > input[type="month"].form-control,
  .input-group-sm > input[type="month"].input-group-addon,
  .input-group-sm > .input-group-btn > input[type="month"].btn,
  .input-group-sm > .input-group-btn > input[type="month"].btn-domuly,
  .input-group-sm
  input[type="month"] {
    line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,
  .input-group-lg > input[type="date"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="date"].btn,
  .input-group-lg > .input-group-btn > input[type="date"].btn-domuly,
  .input-group-lg input[type="date"],
  input[type="time"].input-lg,
  .input-group-lg > input[type="time"].form-control,
  .input-group-lg > input[type="time"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="time"].btn,
  .input-group-lg > .input-group-btn > input[type="time"].btn-domuly,
  .input-group-lg
  input[type="time"],
  input[type="datetime-local"].input-lg,
  .input-group-lg > input[type="datetime-local"].form-control,
  .input-group-lg > input[type="datetime-local"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn,
  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn-domuly,
  .input-group-lg
  input[type="datetime-local"],
  input[type="month"].input-lg,
  .input-group-lg > input[type="month"].form-control,
  .input-group-lg > input[type="month"].input-group-addon,
  .input-group-lg > .input-group-btn > input[type="month"].btn,
  .input-group-lg > .input-group-btn > input[type="month"].btn-domuly,
  .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="radio"].disabled,
fieldset[disabled] input[type="radio"],
input[type="checkbox"][disabled],
input[type="checkbox"].disabled,
fieldset[disabled]
input[type="checkbox"] {
  cursor: not-allowed; }

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

.radio.disabled label,
fieldset[disabled] .radio label,
.checkbox.disabled 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, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn,
.input-group-lg > .input-group-btn > .form-control-static.btn-domuly, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn,
.input-group-sm > .input-group-btn > .form-control-static.btn-domuly {
  padding-left: 0;
  padding-right: 0; }

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

select.input-sm, .input-group-sm > select.form-control,
.input-group-sm > select.input-group-addon,
.input-group-sm > .input-group-btn > select.btn,
.input-group-sm > .input-group-btn > select.btn-domuly {
  height: 30px;
  line-height: 30px; }

textarea.input-sm, .input-group-sm > textarea.form-control,
.input-group-sm > textarea.input-group-addon,
.input-group-sm > .input-group-btn > textarea.btn,
.input-group-sm > .input-group-btn > textarea.btn-domuly,
select[multiple].input-sm,
.input-group-sm > select[multiple].form-control,
.input-group-sm > select[multiple].input-group-addon,
.input-group-sm > .input-group-btn > select[multiple].btn,
.input-group-sm > .input-group-btn > select[multiple].btn-domuly {
  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, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn,
.input-group-lg > .input-group-btn > .btn-domuly {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

select.input-lg, .input-group-lg > select.form-control,
.input-group-lg > select.input-group-addon,
.input-group-lg > .input-group-btn > select.btn,
.input-group-lg > .input-group-btn > select.btn-domuly {
  height: 46px;
  line-height: 46px; }

textarea.input-lg, .input-group-lg > textarea.form-control,
.input-group-lg > textarea.input-group-addon,
.input-group-lg > .input-group-btn > textarea.btn,
.input-group-lg > .input-group-btn > textarea.btn-domuly,
select[multiple].input-lg,
.input-group-lg > select[multiple].form-control,
.input-group-lg > select[multiple].input-group-addon,
.input-group-lg > .input-group-btn > select[multiple].btn,
.input-group-lg > .input-group-btn > select[multiple].btn-domuly {
  height: auto; }

.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  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.33333; }

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

.form-control-feedback, .domuly-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 + .form-control-feedback,
.input-group-lg > .input-group-addon + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .form-control-feedback,
.input-group-lg > .input-group-btn > .btn-domuly + .form-control-feedback, .input-lg + .domuly-form-control-feedback, .input-group-lg > .form-control + .domuly-form-control-feedback,
.input-group-lg > .input-group-addon + .domuly-form-control-feedback,
.input-group-lg > .input-group-btn > .btn + .domuly-form-control-feedback,
.input-group-lg > .input-group-btn > .btn-domuly + .domuly-form-control-feedback,
.input-group-lg + .form-control-feedback,
.input-group-lg + .domuly-form-control-feedback,
.form-group-lg .form-control + .form-control-feedback,
.form-group-lg .form-control + .domuly-form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px; }

.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,
.input-group-sm > .input-group-addon + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .form-control-feedback,
.input-group-sm > .input-group-btn > .btn-domuly + .form-control-feedback, .input-sm + .domuly-form-control-feedback, .input-group-sm > .form-control + .domuly-form-control-feedback,
.input-group-sm > .input-group-addon + .domuly-form-control-feedback,
.input-group-sm > .input-group-btn > .btn + .domuly-form-control-feedback,
.input-group-sm > .input-group-btn > .btn-domuly + .domuly-form-control-feedback,
.input-group-sm + .form-control-feedback,
.input-group-sm + .domuly-form-control-feedback,
.form-group-sm .form-control + .form-control-feedback,
.form-group-sm .form-control + .domuly-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, .has-success .domuly-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, .has-warning .domuly-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, .has-error .domuly-form-control-feedback {
  color: #a94442; }

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

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

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373; }

@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, .form-inline .has-feedback .domuly-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; }
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
  content: " ";
  display: table; }
.form-horizontal .form-group:after {
  clear: both; }

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

.form-horizontal .has-feedback .form-control-feedback, .form-horizontal .has-feedback .domuly-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, .btn-domuly {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.btn:focus, .btn-domuly:focus, .btn.focus, .focus.btn-domuly, .btn:active:focus, .btn-domuly:active:focus, .btn:active.focus, .btn-domuly:active.focus, .btn.active:focus, .active.btn-domuly:focus, .btn.active.focus, .active.focus.btn-domuly {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }
.btn:hover, .btn-domuly:hover, .btn:focus, .btn-domuly:focus, .btn.focus, .focus.btn-domuly {
  color: #333;
  text-decoration: none; }
.btn:active, .btn-domuly:active, .btn.active, .active.btn-domuly {
  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, .disabled.btn-domuly, .btn[disabled], [disabled].btn-domuly,
fieldset[disabled] .btn,
fieldset[disabled] .btn-domuly {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

a.btn.disabled, a.disabled.btn-domuly,
fieldset[disabled] a.btn,
fieldset[disabled] a.btn-domuly {
  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 > .btn-default.dropdown-toggle {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus,
.open > .btn-default.dropdown-toggle:hover,
.open > .btn-default.dropdown-toggle:focus,
.open > .btn-default.dropdown-toggle.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c; }
.btn-default:active, .btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none; }
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default: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 > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #286090;
  border-color: #204d74; }
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40; }
.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none; }
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary: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 > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #449d44;
  border-color: #398439; }
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
.open > .btn-success.dropdown-toggle:hover,
.open > .btn-success.dropdown-toggle:focus,
.open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625; }
.btn-success:active, .btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none; }
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success: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 > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc; }
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
.open > .btn-info.dropdown-toggle:hover,
.open > .btn-info.dropdown-toggle:focus,
.open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85; }
.btn-info:active, .btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none; }
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info: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: #ec971f !important;;
  border-color: #d58512 !important;;}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d; }
.btn-warning:hover {
  color: #fff;
  background-color: #f0ad4e !important;
  border-color: #eea236 !important; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512; }
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
.open > .btn-warning.dropdown-toggle:hover,
.open > .btn-warning.dropdown-toggle:focus,
.open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d; }
.btn-warning:active, .btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none; }
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning: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 > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925; }
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
.open > .btn-danger.dropdown-toggle:hover,
.open > .btn-danger.dropdown-toggle:focus,
.open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19; }
.btn-danger:active, .btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none; }
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger: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, .btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none; }

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .btn-domuly {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

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

.btn-xs, .btn-group-xs > .btn, .btn-group-xs > .btn-domuly {
  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%; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
.fade.in {
  opacity: 1; }

.collapse {
  display: none; }
.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; }
.dropdown-menu.pull-right {
  right: 0;
  left: auto; }
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #333333;
  white-space: nowrap; }

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

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto; }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
.btn-group > .btn, .btn-group > .btn-domuly,
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-domuly {
  position: relative;
  float: left; }
.btn-group > .btn:hover, .btn-group > .btn-domuly:hover, .btn-group > .btn:focus, .btn-group > .btn-domuly:focus, .btn-group > .btn:active, .btn-group > .btn-domuly:active, .btn-group > .btn.active, .btn-group > .active.btn-domuly,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn-domuly:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn-domuly:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn-domuly:active,
.btn-group-vertical > .btn.active,
.btn-group-vertical > .active.btn-domuly {
  z-index: 2; }

.btn-group .btn + .btn, .btn-group .btn-domuly + .btn, .btn-group .btn + .btn-domuly, .btn-group .btn-domuly + .btn-domuly,
.btn-group .btn + .btn-group,
.btn-group .btn-domuly + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-domuly,
.btn-group .btn-group + .btn-group {
  margin-left: -1px; }

.btn-toolbar {
  margin-left: -5px; }
.btn-toolbar:before, .btn-toolbar:after {
  content: " ";
  display: table; }
.btn-toolbar:after {
  clear: both; }
.btn-toolbar .btn, .btn-toolbar .btn-domuly,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left; }
.btn-toolbar > .btn, .btn-toolbar > .btn-domuly,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group > .btn-domuly:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child, .btn-group > .btn-domuly:first-child {
  margin-left: 0; }
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-domuly:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .btn-group > .btn-domuly:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn-domuly {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .btn-domuly:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group > .btn-group:last-child:not(:first-child) > .btn-domuly:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle, .btn-group > .btn-domuly + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle, .btn-group-lg.btn-group > .btn-domuly + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -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-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn .caret, .btn-domuly .caret {
  margin-left: 0; }

.btn-lg .caret, .btn-group-lg > .btn .caret, .btn-group-lg > .btn-domuly .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret, .dropup .btn-group-lg > .btn-domuly .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn, .btn-group-vertical > .btn-domuly,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn,
.btn-group-vertical > .btn-group > .btn-domuly {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.btn-group-vertical > .btn-group:after {
  clear: both; }

.btn-group-vertical > .btn-group > .btn, .btn-group-vertical > .btn-group > .btn-domuly {
  float: none; }

.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn-domuly + .btn, .btn-group-vertical > .btn + .btn-domuly, .btn-group-vertical > .btn-domuly + .btn-domuly,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-domuly + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-domuly,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .btn-group-vertical > .btn-domuly:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child), .btn-group-vertical > .btn-domuly:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child), .btn-group-vertical > .btn-domuly:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn-domuly {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn-domuly:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn-domuly:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }
.btn-group-justified > .btn, .btn-group-justified > .btn-domuly,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%; }
.btn-group-justified > .btn-group .btn, .btn-group-justified > .btn-group .btn-domuly {
  width: 100%; }
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn-domuly input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-domuly input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn-domuly input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn-domuly input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0; }
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0; }
.input-group .form-control:focus {
  z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell; }
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px; }
.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn,
.input-group-sm > .input-group-btn > .input-group-addon.btn-domuly {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px; }
.input-group-addon.input-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn,
.input-group-lg > .input-group-btn > .input-group-addon.btn-domuly {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px; }
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-domuly,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .btn-group > .btn-domuly,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-domuly:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn-domuly {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-domuly,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .btn-group > .btn-domuly,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-domuly:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn-domuly {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
.input-group-btn > .btn, .input-group-btn > .btn-domuly {
  position: relative; }
.input-group-btn > .btn + .btn, .input-group-btn > .btn-domuly + .btn, .input-group-btn > .btn + .btn-domuly, .input-group-btn > .btn-domuly + .btn-domuly {
  margin-left: -1px; }
.input-group-btn > .btn:hover, .input-group-btn > .btn-domuly:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn-domuly:focus, .input-group-btn > .btn:active, .input-group-btn > .btn-domuly:active {
  z-index: 2; }
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-domuly,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px; }
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-domuly,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px; }

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none; }
.nav:before, .nav:after {
  content: " ";
  display: table; }
.nav:after {
  clear: both; }
.nav > li {
  position: relative;
  display: block; }
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px; }
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }
.nav > li.disabled > a {
  color: #777777; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7; }
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }
.nav > li > a > img {
  max-width: none; }

.nav-tabs {
  border-bottom: 1px solid #ddd; }
.nav-tabs > li {
  float: left;
  margin-bottom: -1px; }
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default; }

.nav-pills > li {
  float: left; }
.nav-pills > li > a {
  border-radius: 4px; }
.nav-pills > li + li {
  margin-left: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7; }

.nav-stacked > li {
  float: none; }
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0; }

.nav-justified, .nav-tabs.nav-justified {
  width: 100%; }
.nav-justified > li, .nav-tabs.nav-justified > li {
  float: none; }
.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px; }
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto; }
@media (min-width: 768px) {
  .nav-justified > li, .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%; }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-bottom: 0; } }

.nav-tabs-justified, .nav-tabs.nav-justified {
  border-bottom: 0; }
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px; }
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
.nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd; }
@media (min-width: 768px) {
  .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff; } }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent; }
.navbar:before, .navbar:after {
  content: " ";
  display: table; }
.navbar:after {
  clear: both; }
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px; } }

.navbar-header:before, .navbar-header:after {
  content: " ";
  display: table; }

.navbar-header:after {
  clear: both; }

@media (min-width: 768px) {
  .navbar-header {
    float: left; } }

.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch; }
.navbar-collapse:before, .navbar-collapse:after {
  content: " ";
  display: table; }
.navbar-collapse:after {
  clear: both; }
.navbar-collapse.in {
  overflow-y: auto; }
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none; }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important; }
  .navbar-collapse.in {
    overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0; } }

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px; }
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px; } }

.container > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-header,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px; }
@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0; } }

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px; }
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0; } }

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px; }

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0; }

.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px; }
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none; }
.navbar-brand > img {
  display: block; }
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px; } }

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px; }
.navbar-toggle:focus {
  outline: 0; }
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px; }
@media (min-width: 768px) {
  .navbar-toggle {
    display: none; } }

.navbar-nav {
  margin: 7.5px -15px; }
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px; }
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none; } }
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0; }
  .navbar-nav > li {
    float: left; }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px; } }

.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 8px;
  margin-bottom: 8px; }
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .navbar-form .form-control-static {
    display: inline-block; }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle; }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto; }
  .navbar-form .input-group > .form-control {
    width: 100%; }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0; }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback, .navbar-form .has-feedback .domuly-form-control-feedback {
    top: 0; } }
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px; }
  .navbar-form .form-group:last-child {
    margin-bottom: 0; } }
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none; } }

.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px; }
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn, .btn-group-sm > .navbar-btn.btn-domuly {
  margin-top: 10px;
  margin-bottom: 10px; }
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn, .btn-group-xs > .navbar-btn.btn-domuly {
  margin-top: 14px;
  margin-bottom: 14px; }

.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px; }
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px; } }

@media (min-width: 768px) {
  .navbar-left {
    float: left !important; }
  .navbar-right {
    float: right !important;
    margin-right: -15px; }
  .navbar-right ~ .navbar-right {
    margin-right: 0; } }

.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7; }
.navbar-default .navbar-brand {
  color: #777; }
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent; }
.navbar-default .navbar-text {
  color: #777; }
.navbar-default .navbar-nav > li > a {
  color: #777; }
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7; }
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent; }
.navbar-default .navbar-toggle {
  border-color: #ddd; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #ddd; }
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555; }
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent; } }
.navbar-default .navbar-link {
  color: #777; }
.navbar-default .navbar-link:hover {
  color: #333; }
.navbar-default .btn-link {
  color: #777; }
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
  color: #333; }
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc; }

.navbar-inverse {
  background-color: #222;
  border-color: #090909; }
.navbar-inverse .navbar-brand {
  color: #9d9d9d; }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent; }
.navbar-inverse .navbar-text {
  color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d; }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909; }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent; }
.navbar-inverse .navbar-toggle {
  border-color: #333; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #333; }
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff; }
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff; }
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent; } }
.navbar-inverse .navbar-link {
  color: #9d9d9d; }
.navbar-inverse .navbar-link:hover {
  color: #fff; }
.navbar-inverse .btn-link {
  color: #9d9d9d; }
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
  color: #fff; }
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444; }

.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px; }
.breadcrumb > li {
  display: inline-block; }
.breadcrumb > li + li:before {
  content: "/ ";
  padding: 0 5px;
  color: #ccc; }
.breadcrumb > .active {
  color: #777777; }

.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: 6px 12px;
  line-height: 1.42857;
  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 > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.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: #777777;
  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.33333; }

.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; }

.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center; }
.pager:before, .pager:after {
  content: " ";
  display: table; }
.pager:after {
  clear: both; }
.pager li {
  display: inline; }
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px; }
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee; }
.pager .next > a,
.pager .next > span {
  float: right; }
.pager .previous > a,
.pager .previous > span {
  float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed; }

.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em; }
.label:empty {
  display: none; }
.btn .label, .btn-domuly .label {
  position: relative;
  top: -1px; }

a.label:hover, a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-default {
  background-color: #777777; }
.label-default[href]:hover, .label-default[href]:focus {
  background-color: #5e5e5e; }

.label-primary {
  background-color: #337ab7; }
.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #286090; }

.label-success {
  background-color: #5cb85c; }
.label-success[href]:hover, .label-success[href]:focus {
  background-color: #449d44; }

.label-info {
  background-color: #5bc0de; }
.label-info[href]:hover, .label-info[href]:focus {
  background-color: #31b0d5; }

.label-warning {
  background-color: #f0ad4e; }
.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #ec971f; }

.label-danger {
  background-color: #d9534f; }
.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #c9302c; }

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px; }
.badge:empty {
  display: none; }
.btn .badge, .btn-domuly .badge {
  position: relative;
  top: -1px; }
.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn-domuly .badge,
.btn-group-xs > .btn .badge,
.btn-group-xs > .btn-domuly .badge {
  top: 0;
  padding: 1px 5px; }
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff; }
.list-group-item > .badge {
  float: right; }
.list-group-item > .badge + .badge {
  margin-right: 5px; }
.nav-pills > li > a > .badge {
  margin-left: 3px; }

a.badge:hover, a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee; }
.jumbotron h1,
.jumbotron .h1 {
  color: inherit; }
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200; }
.jumbotron > hr {
  border-top-color: #d5d5d5; }
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px; }
.jumbotron .container {
  max-width: 100%; }
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px; }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px; }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px; } }

.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out; }
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto; }
.thumbnail .caption {
  padding: 9px;
  color: #333333; }

a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7; }

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px; }
.alert h4 {
  margin-top: 0;
  color: inherit; }
.alert .alert-link {
  font-weight: bold; }
.alert > p,
.alert > ul {
  margin-bottom: 0; }
.alert > p + p {
  margin-top: 5px; }

.alert-dismissable,
.alert-dismissible {
  padding-right: 35px; }
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d; }
.alert-success hr {
  border-top-color: #c9e2b3; }
.alert-success .alert-link {
  color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f; }
.alert-info hr {
  border-top-color: #a6e1ec; }
.alert-info .alert-link {
  color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b; }
.alert-warning hr {
  border-top-color: #f7e1b5; }
.alert-warning .alert-link {
  color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442; }
.alert-danger hr {
  border-top-color: #e4b9c0; }
.alert-danger .alert-link {
  color: #843534; }

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease; }

.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite; }

.progress-bar-success {
  background-color: #5cb85c; }
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-info {
  background-color: #5bc0de; }
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-warning {
  background-color: #f0ad4e; }
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.progress-bar-danger {
  background-color: #d9534f; }
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }

.media {
  margin-top: 15px; }
.media:first-child {
  margin-top: 0; }

.media,
.media-body {
  zoom: 1;
  overflow: hidden; }

.media-body {
  width: 10000px; }

.media-object {
  display: block; }
.media-object.img-thumbnail {
  max-width: none; }

.media-right,
.media > .pull-right {
  padding-left: 10px; }

.media-left,
.media > .pull-left {
  padding-right: 10px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

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

.list-group {
  margin-bottom: 20px;
  padding-left: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

a.list-group-item,
button.list-group-item {
  color: #555; }
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333; }
a.list-group-item:hover, a.list-group-item:focus,
button.list-group-item:hover,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5; }

button.list-group-item {
  width: 100%;
  text-align: left; }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed; }
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
  color: inherit; }
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
  color: #777777; }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit; }
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
  color: #c7ddef; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit; }
a.list-group-item-success:hover, a.list-group-item-success:focus,
button.list-group-item-success:hover,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6; }
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus,
button.list-group-item-success.active,
button.list-group-item-success.active:hover,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit; }
a.list-group-item-info:hover, a.list-group-item-info:focus,
button.list-group-item-info:hover,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3; }
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus,
button.list-group-item-info.active,
button.list-group-item-info.active:hover,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit; }
a.list-group-item-warning:hover, a.list-group-item-warning:focus,
button.list-group-item-warning:hover,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc; }
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus,
button.list-group-item-warning.active,
button.list-group-item-warning.active:hover,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit; }
a.list-group-item-danger:hover, a.list-group-item-danger:focus,
button.list-group-item-danger:hover,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc; }
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
button.list-group-item-danger.active,
button.list-group-item-danger.active:hover,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-body {
  padding: 15px; }
.panel-body:before, .panel-body:after {
  content: " ";
  display: table; }
.panel-body:after {
  clear: both; }

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit; }

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit; }
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit; }

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0; }
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0; }

.list-group + .panel-footer {
  border-top-width: 0; }

.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0; }
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px; }

.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px; }
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px; }

.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px; }
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px; }

.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd; }

.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0; }

.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0; }
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0; }
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0; }
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0; }
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0; }

.panel > .table-responsive {
  border: 0;
  margin-bottom: 0; }

.panel-group {
  margin-bottom: 20px; }
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px; }
.panel-group .panel + .panel {
  margin-top: 5px; }
.panel-group .panel-heading {
  border-bottom: 0; }
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd; }
.panel-group .panel-footer {
  border-top: 0; }
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd; }

.panel-default {
  border-color: #ddd; }
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd; }
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd; }
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333; }
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd; }

.panel-primary {
  border-color: #337ab7; }
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7; }
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff; }
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7; }

.panel-success {
  border-color: #d6e9c6; }
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6; }
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d; }
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6; }

.panel-info {
  border-color: #bce8f1; }
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1; }
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f; }
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1; }

.panel-warning {
  border-color: #faebcc; }
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc; }
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b; }
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc; }

.panel-danger {
  border-color: #ebccd1; }
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1; }
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442; }
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15); }

.well-lg {
  padding: 24px;
  border-radius: 6px; }

.well-sm {
  padding: 9px;
  border-radius: 3px; }

.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: var(--basic-color-3);
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
.close:hover, .close:focus {
  color: var(--basic-color-3);
  text-decoration: none;
  cursor: pointer;
  opacity: 0.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;
  -moz-transition: -moz-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);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: var(--basic-color-3); }
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0); }
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
.modal-header:before, .modal-header:after {
  content: " ";
  display: table; }
.modal-header:after {
  clear: both; }

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

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

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

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
.modal-footer:before, .modal-footer:after {
  content: " ";
  display: table; }
.modal-footer:after {
  clear: both; }
.modal-footer .btn + .btn, .modal-footer .btn-domuly + .btn, .modal-footer .btn + .btn-domuly, .modal-footer .btn-domuly + .btn-domuly {
  margin-left: 5px;
  margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .btn-domuly + .btn, .modal-footer .btn-group .btn + .btn-domuly, .modal-footer .btn-group .btn-domuly + .btn-domuly {
  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; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857;
  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: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90); }
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0; }
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px; }
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0; }
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: var(--basic-color-3);
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: var(--basic-color-3); }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: var(--basic-color-3); }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: var(--basic-color-3); }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: var(--basic-color-3); }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: var(--basic-color-3); }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: var(--basic-color-3); }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: var(--basic-color-3); }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: var(--basic-color-3); }

.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.42857;
  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;
  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: #999999;
  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: #999999;
  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: #999999;
  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: #999999;
  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; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%; }
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1; }
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px; }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0; }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0; } }
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block; }
.carousel-inner > .active {
  left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%; }
.carousel-inner > .next {
  left: 100%; }
.carousel-inner > .prev {
  left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0; }
.carousel-inner > .active.left {
  left: -100%; }
.carousel-inner > .active.right {
  left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: transparent; }
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='var(--basic-color-3)00000', GradientType=1); }
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--basic-color-3)00000', endColorstr='#80000000', GradientType=1); }
.carousel-control:hover, .carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90); }
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block; }
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px; }
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px; }
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif; }
.carousel-control .icon-prev:before {
  content: '\2039'; }
.carousel-control .icon-next:before {
  content: '\203a'; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center; }
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: var(--basic-color-3) \9;
  background-color: transparent; }
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff; }

.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
.carousel-caption .btn, .carousel-caption .btn-domuly {
  text-shadow: none; }

@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px; }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix: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; }

@-ms-viewport {
  width: device-width; }

.visible-xs {
  display: none !important; }

.visible-sm {
  display: none !important; }

.visible-md {
  display: none !important; }

.visible-lg {
  display: none !important; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important; }

@media (max-width: 767px) {
  .visible-xs {
    display: block !important; }
  table.visible-xs {
    display: table !important; }
  tr.visible-xs {
    display: table-row !important; }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important; } }

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important; } }

@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important; } }

@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important; }
  table.visible-sm {
    display: table !important; }
  tr.visible-sm {
    display: table-row !important; }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important; }
  table.visible-md {
    display: table !important; }
  tr.visible-md {
    display: table-row !important; }
  th.visible-md,
  td.visible-md {
    display: table-cell !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important; } }

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important; }
  table.visible-lg {
    display: table !important; }
  tr.visible-lg {
    display: table-row !important; }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important; } }

@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important; } }

@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important; } }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important; } }

@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important; } }

.visible-print {
  display: none !important; }

@media print {
  .visible-print {
    display: block !important; }
  table.visible-print {
    display: table !important; }
  tr.visible-print {
    display: table-row !important; }
  th.visible-print,
  td.visible-print {
    display: table-cell !important; } }

.visible-print-block {
  display: none !important; }
@media print {
  .visible-print-block {
    display: block !important; } }

.visible-print-inline {
  display: none !important; }
@media print {
  .visible-print-inline {
    display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
@media print {
  .visible-print-inline-block {
    display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }




/* BEGIN Light */
@font-face {
  font-family: 'OpenSansLight';
  src: url("/fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("/fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("/fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("/fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("/fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }

/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/LightItalic/OpenSans-LightItalic.eot?v=1.1.0");
  src: url("/fonts/LightItalic/OpenSans-LightItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("/fonts/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff"), url("/fonts/LightItalic/OpenSans-LightItalic.ttf?v=1.1.0") format("truetype"), url("/fonts/LightItalic/OpenSans-LightItalic.svg?v=1.1.0#LightItalic") format("svg");
  font-weight: 300;
  font-style: italic; }

/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("/fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("/fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("/fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("/fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }

/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("/fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("/fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("/fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("/fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic; }

/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("/fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("/fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("/fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("/fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }

/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?v=1.1.0");
  src: url("/fonts/SemiboldItalic/OpenSans-SemiboldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("/fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff"), url("/fonts/SemiboldItalic/OpenSans-SemiboldItalic.ttf?v=1.1.0") format("truetype"), url("/fonts/SemiboldItalic/OpenSans-SemiboldItalic.svg?v=1.1.0#SemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic; }

/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("/fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("/fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("/fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("/fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }

/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/BoldItalic/OpenSans-BoldItalic.eot?v=1.1.0");
  src: url("/fonts/BoldItalic/OpenSans-BoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("/fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff"), url("/fonts/BoldItalic/OpenSans-BoldItalic.ttf?v=1.1.0") format("truetype"), url("/fonts/BoldItalic/OpenSans-BoldItalic.svg?v=1.1.0#BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic; }

/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/ExtraBold/OpenSans-ExtraBold.eot?v=1.1.0");
  src: url("/fonts/ExtraBold/OpenSans-ExtraBold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("/fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff"), url("/fonts/ExtraBold/OpenSans-ExtraBold.ttf?v=1.1.0") format("truetype"), url("/fonts/ExtraBold/OpenSans-ExtraBold.svg?v=1.1.0#ExtraBold") format("svg");
  font-weight: 800;
  font-style: normal; }

/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?v=1.1.0");
  src: url("/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff"), url("/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.ttf?v=1.1.0") format("truetype"), url("/fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.svg?v=1.1.0#ExtraBoldItalic") format("svg");
  font-weight: 800;
  font-style: italic; }

/* END Extrabold Italic */
.dev-block {
  padding-right: 30px; }

html {
  position: relative;
  min-height: 100%;
  overflow: hidden; }

body {
  margin-bottom: 66px;
  font-family: 'Open Sans'; font-weight: 300; }

.footer {
  position: absolute;
  bottom: 0;
  height: 66px;
  width: 50%;
  margin-left: 50%; }
@media screen and (max-width: 1400px) {
  .footer {
    margin-left: 40%;
    width: 60%; } }
@media screen and (max-width: 1130px) {
  .footer {
    margin-left: 30%;
    width: 70%; } }
.footer .logo {
  background-image: url("/img/footer/logogray.png");
  width: 23px;
  height: 25px;
  margin: auto; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .footer .logo {
    background-image: url("/img/footer/logogray@2x.png");
    background-size: 23px 25px; } }

.footer-content {
  text-align: center; }

.footer-content img {
  display: block;
  height: 25px;
  width: 23px;
  margin: 0 auto 0 auto; }

.footer-content span {
  color: rgba(31, 58, 83, 0.5);
  font-size: 14px;
  font-weight: 300;
  line-height: 35px;
  text-align: center;
  display: block;
  padding-bottom: 15px; }

#loading-bar .bar {
  background: var(--basic-color-1) !important; }

body {
  font-family: 'Open Sans'; font-weight: 300;
  background-color: #f2f5f9;
  height: 100%;
  overflow: hidden; }

input {
  outline: none; }

.domuly-grid {
  color: #FFFFFF;
  position: relative;
  /* padding: 15px 7px 0 8px; */}
.domuly-grid .grid-subelement, .domuly-grid .grid-blue, .domuly-grid .grid-red {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
.domuly-grid .grid-frame {
  position: relative; }
.domuly-grid .grid-footer, .domuly-grid .grid-blue .grid-footer, .domuly-grid .grid-red .grid-footer {
  width: 100%;
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
  text-align: center;
  font-size: 13px;
  font-weight: 100;
  font-family: "Open Sans";
  color: #FFFFFF;
  line-height: 1.92;
  clear: both;
  padding-top: 4px;
  padding-bottom: 7px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
.domuly-grid .grid-blue {
  background-color: #3081d2;
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2); }
.domuly-grid .grid-blue .grid-footer {
  background-color: #2f6daa; }
.domuly-grid .grid-red {
  background-color: #e15119;
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2); }
.domuly-grid .grid-red .grid-footer {
  background-color: #b03913; }
.domuly-grid .grid-content .grid-image {
  font-size: 70px;
  margin: auto;
  position: absolute;
  top: 0;
  left: 19px;
  bottom: 0;
  right: 0; }
.domuly-grid .grid-content .grid-description {
  padding: 13px 18px 16px 19px;
  text-align: right; }
.domuly-grid .grid-content .grid-description .text {
  font-size: 15px;
  font-family: "Open Sans";
  letter-spacing: -0.5px;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  line-height: 1.664;
  padding-right: 3px; }
.domuly-grid .grid-content .grid-description .value {
  font-size: 50px;
  font-family: "Open Sans";
  color: white;
  line-height: 0.499;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 8px; }

/*! sass-mixins - v0.11.0 - 2014-10-20 */
/**
 * @description
 * Generates keyframe animations
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-animation
 * @link spec http://www.w3.org/TR/css3-animations/
 *
 * @param values
 * @returns
 *   -webkit-animation: <values>;
 *           animation: <values>;
 *
 * @example
 *   .selector {
 *     @include x-animation(jump 1s ease-out);
 *   }
 */
/*
 * @example
 *    @include x-keyframes(jump) {
 *      from { top: 0; }
 *      to { top: -10px; }
 *   }
 */
/**
 * @description
 * Generates `appearance` for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
 * @link css-tricks http://css-tricks.com/almanac/properties/a/appearance/
 * @link spec http://www.w3.org/TR/2004/CR-css3-ui-20040511/#appearance
 *
 * @param value
 * @returns
 *   -webkit-appearance: <value>;
 *      -moz-appearance: <value>;
 *           appearance: <value>;
 *
 * @example
 *   .selector {
 *     @include x-appearance(button);
 *   }
 */
/**
 * @description
 * Generates `background-size` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/background-img-opts
 * @link spec http://www.w3.org/TR/css3-background/
 *
 * @param value
 * @returns
 *   -webkit-background-size: $args;
 *           background-size: $args;
 *
 * @example
 *   .selector {
 *     @include x-background-size(100% auto);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `border-radius` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/border-radius
 * @link spec http://www.w3.org/TR/css3-background/#corners
 *
 * @param values
 * @returns
 *   -webkit-border-radius: <values>;
 *           border-radius: <values>;
 *
 * @example
 *   .selector {
 *     @include x-border-radius(20px 10px);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-shadow` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-boxshadow
 * @link spec http://www.w3.org/TR/css3-background/#the-box-shadow
 *
 * @param values
 * @returns
 *   -webkit-box-shadow: <values>;
 *           box-shadow: <values>;
 *
 * @example
 *   .selector {
 *     @include x-box-shadow(5px 5px 10px 5px var(--basic-color-2));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-sizing` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @param type
 * @returns
 *   -webkit-box-sizing: <type>;
 *      -moz-box-sizing: <type>;
 *           box-sizing: <type>;
 *
 * @example
 *   .selector {
 *     @include x-box-sizing;
 *   }
 */
/**
 * @description
 * These mixins generates Media Queries
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-mediaqueries
 * @link spec http://www.w3.org/TR/css3-mediaqueries/
 *
 * Note: Please use the CSS unit `em` for device-width in order to stay
 * responsive.
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (min-width: <device-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-at-least(40em) { width: 60%; }
 *   }
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (max-width: <device-width - 0.01>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-until(40em) { width: 100%; }
 *   }
 */
/**
 * @author romamatusevich
 *
 * @param point{string}, bp-mobile-width{number}, bp-tablet-width{number}
 * @content
 * @returns
 *   @media (max-width: <bp-mobile-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-breakpoints(mobile,  320px) { width: 100%; }
 *   }
 */
/**
 * @description
 * Generates `calc` function which allows mathematical expressions for a given property
 *
 * @author romamatusevich
 *
 * @link spec http://www.w3.org/TR/css3-values/#calc
 * @link caniuse http://caniuse.com/calc
 *
 * @param property
 * @param expression
 *
 * @returns
 *    <property>: -webkit-calc(<expression>);
 *    <property>: calc(<expression>);
 *
 * @example
 *   .selector {
 *     @include x-calc(width, "600px - 2em");
 *   }
 */
/**
 * @description
 * Generates flexbox properties for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes
 * @link css-tricks http://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * @link spec http://www.w3.org/TR/css3-flexbox/
 */
/**
 * @returns
 *   display: -webkit-box;
 *   display: -moz-box;
 *   display: -ms-flexbox;
 *   display: -webkit-flex;
 *   display: flex;
 *
 * @example
 *   .selector {
 *     @include x-display-flex;
 *   }
 */
/**
 * @param values
 * @returns
 *   -webkit-box-flex: <values>;
 *      -moz-box-flex: <values>;
 *       -webkit-flex: <values>;
 *           -ms-flex: <values>;
 *               flex: <values>;
 *
 * @example
 *   .selector {
 *     @include x-flex(1 1 auto);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-box-ordinal-group: <value>;
 *      -moz-box-ordinal-group: <value>;
 *              -ms-flex-order: <value>;
 *               -webkit-order: <value>;
 *                       order: <value>;
 *
 * @example
 *   .selector {
 *     @include x-order(1);
 *   }
 */
/**
 * @param value
 * @returns
 *    -webkit-flex-wrap: <value>;
 *        -ms-flex-wrap: <value>;
 *            flex-wrap: <value>;
 *
 * @example
 *   .selector {
 *     @include x-flex-wrap(wrap);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-align-content: <value>;
 *      -moz-align-content: <value>;
 *      -ms-flex-line-pack: <value>;
 *           align-content: <value>;
 * @example
 *   .selector {
 *     @include x-align-content(center);
 *   }
 */
/**
 * @param value
 * @returns
 *	  -webkit-box-direction: <value>;
 *		 -moz-box-direction: <value>;
 *       -webkit-box-orient: <value>;
 *		    -moz-box-orient: <value>;
 *   -webkit-flex-direction: <value>;
 *      -moz-flex-direction: <value>;
 *       -ms-flex-direction: <value>;
 *           flex-direction: <value>;
 * @example
 *   .selector {
 *     @include x-flex-direction(row-reverse);
 *   }
 */
/* ToDo: add flex-grow, flex-shrink, flex-basis, flex-flow, align-items, align-self, justify-content mixins */
/**
 * @description
 * Generates a linear gradient for a given element with a fallback color.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @dependency helper-gradient-angle
 * @param direction {'to bottom'|'to right'|'to top'|'to left'|<degree>}
 * @param fallback {color}
 * @param from {color}
 * @param to {color}
 * @default 'to bottom', #ccc, #ccc, var(--basic-color-2)
 *
 * @returns
 *   background-color: <fallback>;
 *   background-image: -webkit-gradient(linear, <direction - old converted>, from(<from>), to(<to>));
 *   background-image: -webkit-linear-gradient(<direction - converted>, <from>, <to>);
 *   background-image:         linear-gradient(<direction>, <from>, <to>);
 *
 * @example
 *   .selector {
 *     @include x-linear-gradient("to bottom", #ccc, #ddd, #bbb);
 *   }
 *
 * Note: By default this linear-gradient-mixin encourages people to use the
 * latest CSS-syntax for gradients.
 */
/**
 * @description
 * This mixin generates multiple backgrounds
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 */
/*
 * A function for prefixing gradients
 *
 * @param mode {'webkit-old'|'webkit'|''}
 * @param gradient
 * @returns
 *   -<mode>-linear-gradient(<gradient>);
 */
/*
 * Generates multiple backgrounds
 *
 * @param backgrounds {list}
 *
 * @example
 *   .selector {
 *     @include x-multiple-backgrounds(
 *       rgba(0, 0, 0, 0.3),
 *       url('../img/html5_logo.png') top right no-repeat,
 *       (linear-gradient, to bottom, var(--basic-color-2), #ddd)
 *     );
 *   }
 */
/**
 * @description
 * This mixin creates (endless) multiple color stops in gradients just with one
 * call for the mixin.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 *
 * @param stops {list}
 * @returns
 *   background-image: -webkit-linear-gradient(top, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *   background-image:         linear-gradient(to bottom, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *
 * @example
 *   .selector {
 *     @include x-multiple-colored-gradient((
 *         "top",
 *         #f22 0%,
 *         #f2f 15%,
 *         #22f 30%,
 *         #2ff 45%,
 *         #2f2 60%,
 *         #2f2 75%,
 *         #ff2 90%,
 *         #f22 100%
 *     ));
 *   }
 *
 * Note: This mixis does not define a fallback-color for your background as it
 * is likely you want to add an image or something. Please specify one by
 * yourself.
 */
/**
 * @description
 * Generates `opacity` output for a given element and adds a filter for old IE.
 *
 * @author bartveneman
 *
 * @link caniuse http://caniuse.com/css-opacity
 * @link spec http://www.w3.org/TR/css3-color/#transparency
 *
 * @param value
 * @returns
 *   opacity: <value>;
 *    filter: alpha(opacity=<value * 100>);
 *
 * @example
 *   .selector {
 *     @include x-opacity(0.3);
 *   }
 */
/**
 * @description
 * Generates `placeholder` content for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder
 * @link css-tricks http://css-tricks.com/snippets/css/style-placeholder-text/
 *
 * @returns
 *    &::-webkit-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &::-moz-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &:-ms-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *
 * @example
 *   .selector {
 *     @include x-placeholder {
 *         color: #bada55;
 *         font-weight: bold;
 *     }
 *   }
 */
/**
 * @description
 * This mixin enables you to use the CSS3 value `rem`, which lets you define
 * property sizes based on the root element's font-size.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/rem
 * @link spec http://www.w3.org/TR/css3-values/#relative0
 *
 * Note: Depending on the font-size of the root-element `rem` calculates a
 * property of a current element. The fallback solution accepts a
 * `default-font-size`-argument which is 16px by default.
 */
/*
  * Returns a number without unit. E.g. 30px -> 30
  * Borrowed from https://github.com/zurb/foundation/blob/master/scss/foundation/_functions.scss
  *
  * @param value {String}
  * @returns
  *   <Number>
  */
/*
  * Outputs properties that use rem with a px fallback.
  * It also takes px values and converts them to rem.
  *
  * @param property
  * @param values
  * @param default-font-size int optional
  * @returns
  *   <property>: <parsed value>px;
  *   <property>: <parsed value>rem;
  *
  * @example
  *   .selector {
  *     @include x-rem(font-size, 1.3);
  *     @include x-rem(padding, 20px);
  *   }
  */
/**
 * @description
 * Sass-mixin for CSS property `tab-size`, generates cross-browser-compatible
 * `tab-size` output.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css3-tabsize
 * @link spec http://dev.w3.org/csswg/css-text/#tab-size1
 *
 * @param value int optional
 * @default 4
 * @returns
 *   -moz-tab-size: <value>;
 *        tab-size: <value>;
 *
 * @example
 *   .selector {
 *     @include x-tab-size(4);
 *    }
 */
/**
 * @description
 * Generates cross-browser-compatible `transform` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/transforms2d http://caniuse.com/transforms3d
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transform: <values>;
 *       -ms-transform: <values>;
 *           transform: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transform(rotate(1deg));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `transition` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-transitions
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transition: <values>;
 *           transition: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transition(background 0.3s ease-in);
 *   }
 */
/**
 * @description
 * Disables selection of content of a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/user-select-none
 *
 * @param value none|auto optional
 * @default none
 * @returns
 *   -webkit-user-select: <value>;
 *      -moz-user-select: <value>;
 *       -ms-user-select: <value>;
 *           user-select: <value>;
 *
 * @example
 *   .selector {
 *     @include x-user-select;
 *   }
 */

canvas{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.domuly-panel-4 {
  padding-right: 15px;
  padding-left: 15px; }
/*
.domuly-panel-6 {
  padding-right: 0px;
  padding-left: 0px; }*/
.dashboard-frame {
  margin-left: -7px;
  margin-right: -7px;
  margin-top: -7px;
}
.domuly-panel-12 {
  padding-right: 15px;
  padding-left: 15px; }

.domuly-panel-tabs-frame {
  background: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px;
  width: 100%;

  margin-top: 30px;
}
.domuly-panel-tabs {
  display: table;
  padding: 5px;
  background: var(--basic-color-7);

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.domuly-panel-tabs div {
  display: table-cell;
  vertical-align: bottom;
  cursor: pointer;
  height: 45px;
  text-decoration: none; }
.domuly-panel-tabs div a {
  color: #738393;}
.domuly-panel-tabs div a:link, .domuly-panel-tabs div a:hover, .domuly-panel-tabs div a:visited, .domuly-panel-tabs div a:focus, .domuly-panel-tabs div a:active {
  text-decoration: none; }

.domuly-panel-tabs div.disabled .tab {
  cursor: default !important;
  vertical-align: middle;
  margin-right: 10px !important;
  padding-left: 15px;
  padding-right: 35px;
  border-top: 0;
  color: var(--basic-color-5);
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 600;
  line-height: 16px;
  opacity: 0.5;
  margin: 5px;
}

.domuly-panel-tabs div.active .tab {
  background-color: #fff !important;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 45px;
  color: var(--basic-color-1); }
.domuly-panel-tabs div.tab {
  vertical-align: middle;
  margin-right: 10px !important;
  padding-left: 35px;
  padding-right: 35px;

  border-top: 0;
  color: #b3bcc6;
  font-size: 16px;
  font-family: "Open Sans";
  font-weight: 600;
  line-height: 16px;  }
.domuly-panel-tabs div.tab.icon-1 {
  background-image: url("/img/backend/tabs-icon.png") !important;
  background-repeat: no-repeat !important;
  background-position: left 11px center !important;
  padding-left: 43px !important; }
.domuly-panel-tabs div.tab.icon-2 {
  background-image: url("/img/backend/tabs-icon-2.png") !important;
  background-repeat: no-repeat !important;
  background-position: left 11px center !important;
  padding-left: 43px !important; }
.domuly-panel-tabs div.tab.icon-3 {
  background-image: url("/img/backend/tabs-icon-3.png") !important;
  background-repeat: no-repeat !important;
  background-position: left 11px center !important;
  padding-left: 43px !important; }
.domuly-panel-tabs div.tab.icon-4 {
  background-image: url("/img/backend/tabs-icon-4.png") !important;
  background-repeat: no-repeat !important;
  background-position: left 11px center !important;
  padding-left: 43px !important; }
.domuly-panel-tabs div.tab.icon-more {
  background-image: url("/img/backend/tabs-icon-more.png") !important;
  background-repeat: no-repeat !important;
  background-position: right 11px center !important;
  padding-right: 43px !important; }

.tabsList {
  position: relative;
}
.tabsList:hover > .list {
  display: table;
  background: #3583cf;
}
.tabsList > .list {
  display: none;
  background: #2f6daa;
  padding: 0;
  position: absolute;
  top: auto;
  right: 10px;
  z-index: 99;
  border-spacing: 0 0;
}
.tabsList > .list > div > a {
  width: 100%;
  display: table;
}
.tabsList .icon-more {
  background: #2f6daa !important;
  color: #fff !important;
}
.tabsList > .list > div > a > .tab {
  background-color: #2f6daa !important;
  color: #fff !important;
}
.tabsList:hover .icon-more,
.tabsList > .list > div > a > .tab {
  background-color: #3583cf !important;
}
.tabsList > .list > div {
  display: table !important;
  width: 100%;
  margin-bottom: 1px;
}
.tabsList > .list > div:hover > a > .tab {
  background-color: #2f6daa !important;
}

.domuly-panel-body {
  width: 100%;
  border-radius: 5px;
  padding-left: 40px;
  padding-right: 30px;
  background-color: transparent;
  /* padding: 16px 20px 11px 18px;*/
  position: relative; }
.domuly-panel-body.tabs {
  -webkit-border-top-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  border-top-left-radius: 0 !important; }
.domuly-panel-body .domuly-panel-header .domuly-panel-title {
  color: #3B3B3B;
  font-size: 19.3px;
  font-family: "Open Sans";
  line-height: 1.248;
  font-weight: 300;
  letter-spacing: -0.2px;
  float: left; }
.domuly-panel-body .domuly-panel-header .domuly-panel-buttons {
  float: right; }
.domuly-panel-body .domuly-panel-header .domuly-panel-buttons button {
  padding: 0 14px 0 14px;
  letter-spacing: 0;
  background-color: #E4E7ED;
  border: 1px solid #E4E7ED;
  border-radius: 15px;
  font-size: 11px;
  font-family: "Open Sans";
  color: #3b3b3b;
  line-height: 2.269;
  font-weight: 600; }
.domuly-panel-body .domuly-panel-content {
  background: #fff;
  padding-top: 13px;
  clear: both; }

/* Lista ofert */
.domuly-offers-navbar {
  background: transparent;
  border-radius: 5px;
  padding: 18px 21px 18px 21px; }
.domuly-offers-navbar .domuly-table .td, .domuly-offers-navbar .offer .photos .list[class~='show-list'] .box-table .favorites-table .td, .offer .photos .list[class~='show-list'] .box-table .domuly-offers-navbar .favorites-table .td, .domuly-offers-navbar .offer .photos .list[class~='show-box'] .box-table .favorites-table .td, .offer .photos .list[class~='show-box'] .box-table .domuly-offers-navbar .favorites-table .td {
  color: #808182;
  font-size: 11px;
  /*font-weight: bold;*/ }
.domuly-offers-navbar .domuly-table .td.nav-col-data, .domuly-offers-navbar .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.nav-col-data, .offer .photos .list[class~='show-list'] .box-table .domuly-offers-navbar .favorites-table .td.nav-col-data, .domuly-offers-navbar .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.nav-col-data, .offer .photos .list[class~='show-box'] .box-table .domuly-offers-navbar .favorites-table .td.nav-col-data {
  padding-right: 16px; }
.domuly-offers-navbar .domuly-table .td.nav-col-type, .domuly-offers-navbar .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.nav-col-type, .offer .photos .list[class~='show-list'] .box-table .domuly-offers-navbar .favorites-table .td.nav-col-type, .domuly-offers-navbar .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.nav-col-type, .offer .photos .list[class~='show-box'] .box-table .domuly-offers-navbar .favorites-table .td.nav-col-type {
  padding-left: 60px;
  padding-right: 16px; }
.domuly-offers-navbar .domuly-table .td.nav-col-type-select, .domuly-offers-navbar .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.nav-col-type-select, .offer .photos .list[class~='show-list'] .box-table .domuly-offers-navbar .favorites-table .td.nav-col-type-select, .domuly-offers-navbar .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.nav-col-type-select, .offer .photos .list[class~='show-box'] .box-table .domuly-offers-navbar .favorites-table .td.nav-col-type-select {
  width: 136px;
  padding-right: 30px; }
.domuly-offers-navbar .domuly-table .td.nav-col-photo, .domuly-offers-navbar .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.nav-col-photo, .offer .photos .list[class~='show-list'] .box-table .domuly-offers-navbar .favorites-table .td.nav-col-photo, .domuly-offers-navbar .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.nav-col-photo, .offer .photos .list[class~='show-box'] .box-table .domuly-offers-navbar .favorites-table .td.nav-col-photo {
  padding-right: 35px; }
.domuly-offers-navbar .page-sizes {
  display: table;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.domuly-offers-navbar .page-sizes div:first-child {
  border-left: 1px solid #c6cbd4;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }
.domuly-offers-navbar .page-sizes div:last-child {
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }
.domuly-offers-navbar .page-sizes div {
  display: table-cell;
  cursor: pointer;
  height: 40px;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 15px;
  border-top: 1px solid #c6cbd4;
  border-bottom: 1px solid #c6cbd4;
  border-right: 1px solid #c6cbd4;
  background-color: #fff;
  box-shadow: none;
  color: #223a53;
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: normal;
  -webkit-transition: border-color ease-in-out 0.1s;
  -o-transition: border-color ease-in-out 0.1s;
  transition: border-color ease-in-out 0.1s; }
.domuly-offers-navbar .page-sizes div.active {
  background: #e3e4e6; }

/*! sass-mixins - v0.11.0 - 2014-10-20 */
/**
 * @description
 * Generates keyframe animations
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-animation
 * @link spec http://www.w3.org/TR/css3-animations/
 *
 * @param values
 * @returns
 *   -webkit-animation: <values>;
 *           animation: <values>;
 *
 * @example
 *   .selector {
 *     @include x-animation(jump 1s ease-out);
 *   }
 */
/*
 * @example
 *    @include x-keyframes(jump) {
 *      from { top: 0; }
 *      to { top: -10px; }
 *   }
 */
/**
 * @description
 * Generates `appearance` for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
 * @link css-tricks http://css-tricks.com/almanac/properties/a/appearance/
 * @link spec http://www.w3.org/TR/2004/CR-css3-ui-20040511/#appearance
 *
 * @param value
 * @returns
 *   -webkit-appearance: <value>;
 *      -moz-appearance: <value>;
 *           appearance: <value>;
 *
 * @example
 *   .selector {
 *     @include x-appearance(button);
 *   }
 */
/**
 * @description
 * Generates `background-size` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/background-img-opts
 * @link spec http://www.w3.org/TR/css3-background/
 *
 * @param value
 * @returns
 *   -webkit-background-size: $args;
 *           background-size: $args;
 *
 * @example
 *   .selector {
 *     @include x-background-size(100% auto);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `border-radius` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/border-radius
 * @link spec http://www.w3.org/TR/css3-background/#corners
 *
 * @param values
 * @returns
 *   -webkit-border-radius: <values>;
 *           border-radius: <values>;
 *
 * @example
 *   .selector {
 *     @include x-border-radius(20px 10px);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-shadow` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-boxshadow
 * @link spec http://www.w3.org/TR/css3-background/#the-box-shadow
 *
 * @param values
 * @returns
 *   -webkit-box-shadow: <values>;
 *           box-shadow: <values>;
 *
 * @example
 *   .selector {
 *     @include x-box-shadow(5px 5px 10px 5px var(--basic-color-2));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-sizing` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @param type
 * @returns
 *   -webkit-box-sizing: <type>;
 *      -moz-box-sizing: <type>;
 *           box-sizing: <type>;
 *
 * @example
 *   .selector {
 *     @include x-box-sizing;
 *   }
 */
/**
 * @description
 * These mixins generates Media Queries
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-mediaqueries
 * @link spec http://www.w3.org/TR/css3-mediaqueries/
 *
 * Note: Please use the CSS unit `em` for device-width in order to stay
 * responsive.
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (min-width: <device-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-at-least(40em) { width: 60%; }
 *   }
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (max-width: <device-width - 0.01>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-until(40em) { width: 100%; }
 *   }
 */
/**
 * @author romamatusevich
 *
 * @param point{string}, bp-mobile-width{number}, bp-tablet-width{number}
 * @content
 * @returns
 *   @media (max-width: <bp-mobile-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-breakpoints(mobile,  320px) { width: 100%; }
 *   }
 */
/**
 * @description
 * Generates `calc` function which allows mathematical expressions for a given property
 *
 * @author romamatusevich
 *
 * @link spec http://www.w3.org/TR/css3-values/#calc
 * @link caniuse http://caniuse.com/calc
 *
 * @param property
 * @param expression
 *
 * @returns
 *    <property>: -webkit-calc(<expression>);
 *    <property>: calc(<expression>);
 *
 * @example
 *   .selector {
 *     @include x-calc(width, "600px - 2em");
 *   }
 */
/**
 * @description
 * Generates flexbox properties for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes
 * @link css-tricks http://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * @link spec http://www.w3.org/TR/css3-flexbox/
 */
/**
 * @returns
 *   display: -webkit-box;
 *   display: -moz-box;
 *   display: -ms-flexbox;
 *   display: -webkit-flex;
 *   display: flex;
 *
 * @example
 *   .selector {
 *     @include x-display-flex;
 *   }
 */
/**
 * @param values
 * @returns
 *   -webkit-box-flex: <values>;
 *      -moz-box-flex: <values>;
 *       -webkit-flex: <values>;
 *           -ms-flex: <values>;
 *               flex: <values>;
 *
 * @example
 *   .selector {
 *     @include x-flex(1 1 auto);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-box-ordinal-group: <value>;
 *      -moz-box-ordinal-group: <value>;
 *              -ms-flex-order: <value>;
 *               -webkit-order: <value>;
 *                       order: <value>;
 *
 * @example
 *   .selector {
 *     @include x-order(1);
 *   }
 */
/**
 * @param value
 * @returns
 *    -webkit-flex-wrap: <value>;
 *        -ms-flex-wrap: <value>;
 *            flex-wrap: <value>;
 *
 * @example
 *   .selector {
 *     @include x-flex-wrap(wrap);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-align-content: <value>;
 *      -moz-align-content: <value>;
 *      -ms-flex-line-pack: <value>;
 *           align-content: <value>;
 * @example
 *   .selector {
 *     @include x-align-content(center);
 *   }
 */
/**
 * @param value
 * @returns
 *	  -webkit-box-direction: <value>;
 *		 -moz-box-direction: <value>;
 *       -webkit-box-orient: <value>;
 *		    -moz-box-orient: <value>;
 *   -webkit-flex-direction: <value>;
 *      -moz-flex-direction: <value>;
 *       -ms-flex-direction: <value>;
 *           flex-direction: <value>;
 * @example
 *   .selector {
 *     @include x-flex-direction(row-reverse);
 *   }
 */
/* ToDo: add flex-grow, flex-shrink, flex-basis, flex-flow, align-items, align-self, justify-content mixins */
/**
 * @description
 * Generates a linear gradient for a given element with a fallback color.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @dependency helper-gradient-angle
 * @param direction {'to bottom'|'to right'|'to top'|'to left'|<degree>}
 * @param fallback {color}
 * @param from {color}
 * @param to {color}
 * @default 'to bottom', #ccc, #ccc, var(--basic-color-2)
 *
 * @returns
 *   background-color: <fallback>;
 *   background-image: -webkit-gradient(linear, <direction - old converted>, from(<from>), to(<to>));
 *   background-image: -webkit-linear-gradient(<direction - converted>, <from>, <to>);
 *   background-image:         linear-gradient(<direction>, <from>, <to>);
 *
 * @example
 *   .selector {
 *     @include x-linear-gradient("to bottom", #ccc, #ddd, #bbb);
 *   }
 *
 * Note: By default this linear-gradient-mixin encourages people to use the
 * latest CSS-syntax for gradients.
 */
/**
 * @description
 * This mixin generates multiple backgrounds
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 */
/*
 * A function for prefixing gradients
 *
 * @param mode {'webkit-old'|'webkit'|''}
 * @param gradient
 * @returns
 *   -<mode>-linear-gradient(<gradient>);
 */
/*
 * Generates multiple backgrounds
 *
 * @param backgrounds {list}
 *
 * @example
 *   .selector {
 *     @include x-multiple-backgrounds(
 *       rgba(0, 0, 0, 0.3),
 *       url('../img/html5_logo.png') top right no-repeat,
 *       (linear-gradient, to bottom, var(--basic-color-2), #ddd)
 *     );
 *   }
 */
/**
 * @description
 * This mixin creates (endless) multiple color stops in gradients just with one
 * call for the mixin.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 *
 * @param stops {list}
 * @returns
 *   background-image: -webkit-linear-gradient(top, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *   background-image:         linear-gradient(to bottom, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *
 * @example
 *   .selector {
 *     @include x-multiple-colored-gradient((
 *         "top",
 *         #f22 0%,
 *         #f2f 15%,
 *         #22f 30%,
 *         #2ff 45%,
 *         #2f2 60%,
 *         #2f2 75%,
 *         #ff2 90%,
 *         #f22 100%
 *     ));
 *   }
 *
 * Note: This mixis does not define a fallback-color for your background as it
 * is likely you want to add an image or something. Please specify one by
 * yourself.
 */
/**
 * @description
 * Generates `opacity` output for a given element and adds a filter for old IE.
 *
 * @author bartveneman
 *
 * @link caniuse http://caniuse.com/css-opacity
 * @link spec http://www.w3.org/TR/css3-color/#transparency
 *
 * @param value
 * @returns
 *   opacity: <value>;
 *    filter: alpha(opacity=<value * 100>);
 *
 * @example
 *   .selector {
 *     @include x-opacity(0.3);
 *   }
 */
/**
 * @description
 * Generates `placeholder` content for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder
 * @link css-tricks http://css-tricks.com/snippets/css/style-placeholder-text/
 *
 * @returns
 *    &::-webkit-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &::-moz-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &:-ms-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *
 * @example
 *   .selector {
 *     @include x-placeholder {
 *         color: #bada55;
 *         font-weight: bold;
 *     }
 *   }
 */
/**
 * @description
 * This mixin enables you to use the CSS3 value `rem`, which lets you define
 * property sizes based on the root element's font-size.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/rem
 * @link spec http://www.w3.org/TR/css3-values/#relative0
 *
 * Note: Depending on the font-size of the root-element `rem` calculates a
 * property of a current element. The fallback solution accepts a
 * `default-font-size`-argument which is 16px by default.
 */
/*
  * Returns a number without unit. E.g. 30px -> 30
  * Borrowed from https://github.com/zurb/foundation/blob/master/scss/foundation/_functions.scss
  *
  * @param value {String}
  * @returns
  *   <Number>
  */
/*
  * Outputs properties that use rem with a px fallback.
  * It also takes px values and converts them to rem.
  *
  * @param property
  * @param values
  * @param default-font-size int optional
  * @returns
  *   <property>: <parsed value>px;
  *   <property>: <parsed value>rem;
  *
  * @example
  *   .selector {
  *     @include x-rem(font-size, 1.3);
  *     @include x-rem(padding, 20px);
  *   }
  */
/**
 * @description
 * Sass-mixin for CSS property `tab-size`, generates cross-browser-compatible
 * `tab-size` output.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css3-tabsize
 * @link spec http://dev.w3.org/csswg/css-text/#tab-size1
 *
 * @param value int optional
 * @default 4
 * @returns
 *   -moz-tab-size: <value>;
 *        tab-size: <value>;
 *
 * @example
 *   .selector {
 *     @include x-tab-size(4);
 *    }
 */
/**
 * @description
 * Generates cross-browser-compatible `transform` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/transforms2d http://caniuse.com/transforms3d
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transform: <values>;
 *       -ms-transform: <values>;
 *           transform: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transform(rotate(1deg));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `transition` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-transitions
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transition: <values>;
 *           transition: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transition(background 0.3s ease-in);
 *   }
 */
/**
 * @description
 * Disables selection of content of a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/user-select-none
 *
 * @param value none|auto optional
 * @default none
 * @returns
 *   -webkit-user-select: <value>;
 *      -moz-user-select: <value>;
 *       -ms-user-select: <value>;
 *           user-select: <value>;
 *
 * @example
 *   .selector {
 *     @include x-user-select;
 *   }
 */


.domuly-event-item {
  font-family: 'Open Sans', serif;
  position: relative;
  clear: both;
  background-color: #edeff3;
  border-radius: 5px;
  margin-top: 0px;
  margin-bottom: 9px;
  padding: 15px 14px 18px 10px; }
.domuly-event-item:first-child {
  margin-top: 0 !important; }
.domuly-event-item .image {
  float: left;
  width: 65px;
  height: 45px; }
.domuly-event-item .image img {
  position: absolute;
  width: 50px;
  height: 50px;
  /* -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;*/
  -webkit-box-shadow: 0 0 0 2px #e5e8ee, 0 0 0 2px #e5e8ee;
  -moz-box-shadow: 0 0 0 2px #e5e8ee, 0 0 0 2px #e5e8ee;
  box-shadow: 0 0 0 2px #e5e8ee, 0 0 0 2px #e5e8ee; }
.domuly-event-item .title {
  font-size: 14px;
  font-family: "Open Sans";
  color: #3b3b3b;
  line-height: 18px;
  font-weight: 600;
  letter-spacing: -0.7px; }
.domuly-event-item .title .t-table {
  height: 18px;
  text-align: left;
  margin-bottom: 7px; }
.domuly-event-item .title .t-table .td:not(:first-child) {
  padding-left: 6px; }
.domuly-event-item .time {
  position: absolute;
  right: 13px;
  top: 5px;
  font-size: 12px;
  font-family: "Open Sans";
  color: rgba(59, 59, 59, 0.502);
  line-height: 2.08; }
.domuly-event-item .text {
  line-height: 5px;
  font-size: 12px;
  font-family: "Open Sans";
  color: #3b3b3b;
  line-height: 10px;
  letter-spacing: -0.6px; }
.domuly-event-item .text a {
  color: #e9642e;
  font-weight: 300; }
.domuly-event-item .hover {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #E9642E;
  border-radius: 50%;
  margin: auto;
  top: 0;
  left: -3px;
  bottom: 0; }

.domuly-event-item-more {
  text-align: center;
  background-color: #edeff3;
  border-radius: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 7px;
  font-size: 12px;
  font-family: "Open Sans";
  color: #5e5f5f;
  line-height: 2.08; }
.domuly-event-item-more a {
  color: #3B3B3B; }
.domuly-event-item-more a:hover {
  text-decoration: none; }

.user-badge, .user-badge-blue {
  font-size: 10.2px;
  font-family: "Open Sans";
  color: white;
  font-weight: 500;
  border-radius: 4px;
  padding: 1px 8px 0px 8px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  line-height: 17px;
  letter-spacing: -0.2px;
  display: inline-block; }
.user-badge-blue.inline {
  position: relative !important;
}
.user-badge-blue {
  background-color: #3583CF; }

/*! sass-mixins - v0.11.0 - 2014-10-20 */
/**
 * @description
 * Generates keyframe animations
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-animation
 * @link spec http://www.w3.org/TR/css3-animations/
 *
 * @param values
 * @returns
 *   -webkit-animation: <values>;
 *           animation: <values>;
 *
 * @example
 *   .selector {
 *     @include x-animation(jump 1s ease-out);
 *   }
 */
/*
 * @example
 *    @include x-keyframes(jump) {
 *      from { top: 0; }
 *      to { top: -10px; }
 *   }
 */
/**
 * @description
 * Generates `appearance` for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
 * @link css-tricks http://css-tricks.com/almanac/properties/a/appearance/
 * @link spec http://www.w3.org/TR/2004/CR-css3-ui-20040511/#appearance
 *
 * @param value
 * @returns
 *   -webkit-appearance: <value>;
 *      -moz-appearance: <value>;
 *           appearance: <value>;
 *
 * @example
 *   .selector {
 *     @include x-appearance(button);
 *   }
 */
/**
 * @description
 * Generates `background-size` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/background-img-opts
 * @link spec http://www.w3.org/TR/css3-background/
 *
 * @param value
 * @returns
 *   -webkit-background-size: $args;
 *           background-size: $args;
 *
 * @example
 *   .selector {
 *     @include x-background-size(100% auto);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `border-radius` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/border-radius
 * @link spec http://www.w3.org/TR/css3-background/#corners
 *
 * @param values
 * @returns
 *   -webkit-border-radius: <values>;
 *           border-radius: <values>;
 *
 * @example
 *   .selector {
 *     @include x-border-radius(20px 10px);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-shadow` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-boxshadow
 * @link spec http://www.w3.org/TR/css3-background/#the-box-shadow
 *
 * @param values
 * @returns
 *   -webkit-box-shadow: <values>;
 *           box-shadow: <values>;
 *
 * @example
 *   .selector {
 *     @include x-box-shadow(5px 5px 10px 5px var(--basic-color-2));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-sizing` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @param type
 * @returns
 *   -webkit-box-sizing: <type>;
 *      -moz-box-sizing: <type>;
 *           box-sizing: <type>;
 *
 * @example
 *   .selector {
 *     @include x-box-sizing;
 *   }
 */
/**
 * @description
 * These mixins generates Media Queries
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-mediaqueries
 * @link spec http://www.w3.org/TR/css3-mediaqueries/
 *
 * Note: Please use the CSS unit `em` for device-width in order to stay
 * responsive.
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (min-width: <device-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-at-least(40em) { width: 60%; }
 *   }
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (max-width: <device-width - 0.01>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-until(40em) { width: 100%; }
 *   }
 */
/**
 * @author romamatusevich
 *
 * @param point{string}, bp-mobile-width{number}, bp-tablet-width{number}
 * @content
 * @returns
 *   @media (max-width: <bp-mobile-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-breakpoints(mobile,  320px) { width: 100%; }
 *   }
 */
/**
 * @description
 * Generates `calc` function which allows mathematical expressions for a given property
 *
 * @author romamatusevich
 *
 * @link spec http://www.w3.org/TR/css3-values/#calc
 * @link caniuse http://caniuse.com/calc
 *
 * @param property
 * @param expression
 *
 * @returns
 *    <property>: -webkit-calc(<expression>);
 *    <property>: calc(<expression>);
 *
 * @example
 *   .selector {
 *     @include x-calc(width, "600px - 2em");
 *   }
 */
/**
 * @description
 * Generates flexbox properties for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes
 * @link css-tricks http://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * @link spec http://www.w3.org/TR/css3-flexbox/
 */
/**
 * @returns
 *   display: -webkit-box;
 *   display: -moz-box;
 *   display: -ms-flexbox;
 *   display: -webkit-flex;
 *   display: flex;
 *
 * @example
 *   .selector {
 *     @include x-display-flex;
 *   }
 */
/**
 * @param values
 * @returns
 *   -webkit-box-flex: <values>;
 *      -moz-box-flex: <values>;
 *       -webkit-flex: <values>;
 *           -ms-flex: <values>;
 *               flex: <values>;
 *
 * @example
 *   .selector {
 *     @include x-flex(1 1 auto);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-box-ordinal-group: <value>;
 *      -moz-box-ordinal-group: <value>;
 *              -ms-flex-order: <value>;
 *               -webkit-order: <value>;
 *                       order: <value>;
 *
 * @example
 *   .selector {
 *     @include x-order(1);
 *   }
 */
/**
 * @param value
 * @returns
 *    -webkit-flex-wrap: <value>;
 *        -ms-flex-wrap: <value>;
 *            flex-wrap: <value>;
 *
 * @example
 *   .selector {
 *     @include x-flex-wrap(wrap);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-align-content: <value>;
 *      -moz-align-content: <value>;
 *      -ms-flex-line-pack: <value>;
 *           align-content: <value>;
 * @example
 *   .selector {
 *     @include x-align-content(center);
 *   }
 */
/**
 * @param value
 * @returns
 *	  -webkit-box-direction: <value>;
 *		 -moz-box-direction: <value>;
 *       -webkit-box-orient: <value>;
 *		    -moz-box-orient: <value>;
 *   -webkit-flex-direction: <value>;
 *      -moz-flex-direction: <value>;
 *       -ms-flex-direction: <value>;
 *           flex-direction: <value>;
 * @example
 *   .selector {
 *     @include x-flex-direction(row-reverse);
 *   }
 */
/* ToDo: add flex-grow, flex-shrink, flex-basis, flex-flow, align-items, align-self, justify-content mixins */
/**
 * @description
 * Generates a linear gradient for a given element with a fallback color.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @dependency helper-gradient-angle
 * @param direction {'to bottom'|'to right'|'to top'|'to left'|<degree>}
 * @param fallback {color}
 * @param from {color}
 * @param to {color}
 * @default 'to bottom', #ccc, #ccc, var(--basic-color-2)
 *
 * @returns
 *   background-color: <fallback>;
 *   background-image: -webkit-gradient(linear, <direction - old converted>, from(<from>), to(<to>));
 *   background-image: -webkit-linear-gradient(<direction - converted>, <from>, <to>);
 *   background-image:         linear-gradient(<direction>, <from>, <to>);
 *
 * @example
 *   .selector {
 *     @include x-linear-gradient("to bottom", #ccc, #ddd, #bbb);
 *   }
 *
 * Note: By default this linear-gradient-mixin encourages people to use the
 * latest CSS-syntax for gradients.
 */
/**
 * @description
 * This mixin generates multiple backgrounds
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 */
/*
 * A function for prefixing gradients
 *
 * @param mode {'webkit-old'|'webkit'|''}
 * @param gradient
 * @returns
 *   -<mode>-linear-gradient(<gradient>);
 */
/*
 * Generates multiple backgrounds
 *
 * @param backgrounds {list}
 *
 * @example
 *   .selector {
 *     @include x-multiple-backgrounds(
 *       rgba(0, 0, 0, 0.3),
 *       url('../img/html5_logo.png') top right no-repeat,
 *       (linear-gradient, to bottom, var(--basic-color-2), #ddd)
 *     );
 *   }
 */
/**
 * @description
 * This mixin creates (endless) multiple color stops in gradients just with one
 * call for the mixin.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 *
 * @param stops {list}
 * @returns
 *   background-image: -webkit-linear-gradient(top, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *   background-image:         linear-gradient(to bottom, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *
 * @example
 *   .selector {
 *     @include x-multiple-colored-gradient((
 *         "top",
 *         #f22 0%,
 *         #f2f 15%,
 *         #22f 30%,
 *         #2ff 45%,
 *         #2f2 60%,
 *         #2f2 75%,
 *         #ff2 90%,
 *         #f22 100%
 *     ));
 *   }
 *
 * Note: This mixis does not define a fallback-color for your background as it
 * is likely you want to add an image or something. Please specify one by
 * yourself.
 */
/**
 * @description
 * Generates `opacity` output for a given element and adds a filter for old IE.
 *
 * @author bartveneman
 *
 * @link caniuse http://caniuse.com/css-opacity
 * @link spec http://www.w3.org/TR/css3-color/#transparency
 *
 * @param value
 * @returns
 *   opacity: <value>;
 *    filter: alpha(opacity=<value * 100>);
 *
 * @example
 *   .selector {
 *     @include x-opacity(0.3);
 *   }
 */
/**
 * @description
 * Generates `placeholder` content for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder
 * @link css-tricks http://css-tricks.com/snippets/css/style-placeholder-text/
 *
 * @returns
 *    &::-webkit-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &::-moz-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &:-ms-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *
 * @example
 *   .selector {
 *     @include x-placeholder {
 *         color: #bada55;
 *         font-weight: bold;
 *     }
 *   }
 */
/**
 * @description
 * This mixin enables you to use the CSS3 value `rem`, which lets you define
 * property sizes based on the root element's font-size.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/rem
 * @link spec http://www.w3.org/TR/css3-values/#relative0
 *
 * Note: Depending on the font-size of the root-element `rem` calculates a
 * property of a current element. The fallback solution accepts a
 * `default-font-size`-argument which is 16px by default.
 */
/*
  * Returns a number without unit. E.g. 30px -> 30
  * Borrowed from https://github.com/zurb/foundation/blob/master/scss/foundation/_functions.scss
  *
  * @param value {String}
  * @returns
  *   <Number>
  */
/*
  * Outputs properties that use rem with a px fallback.
  * It also takes px values and converts them to rem.
  *
  * @param property
  * @param values
  * @param default-font-size int optional
  * @returns
  *   <property>: <parsed value>px;
  *   <property>: <parsed value>rem;
  *
  * @example
  *   .selector {
  *     @include x-rem(font-size, 1.3);
  *     @include x-rem(padding, 20px);
  *   }
  */
/**
 * @description
 * Sass-mixin for CSS property `tab-size`, generates cross-browser-compatible
 * `tab-size` output.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css3-tabsize
 * @link spec http://dev.w3.org/csswg/css-text/#tab-size1
 *
 * @param value int optional
 * @default 4
 * @returns
 *   -moz-tab-size: <value>;
 *        tab-size: <value>;
 *
 * @example
 *   .selector {
 *     @include x-tab-size(4);
 *    }
 */
/**
 * @description
 * Generates cross-browser-compatible `transform` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/transforms2d http://caniuse.com/transforms3d
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transform: <values>;
 *       -ms-transform: <values>;
 *           transform: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transform(rotate(1deg));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `transition` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-transitions
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transition: <values>;
 *           transition: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transition(background 0.3s ease-in);
 *   }
 */
/**
 * @description
 * Disables selection of content of a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/user-select-none
 *
 * @param value none|auto optional
 * @default none
 * @returns
 *   -webkit-user-select: <value>;
 *      -moz-user-select: <value>;
 *       -ms-user-select: <value>;
 *           user-select: <value>;
 *
 * @example
 *   .selector {
 *     @include x-user-select;
 *   }
 */


/* domuly icon help */
.domuly-icon-help {
  width: 12px;
  height: 12px;
  background: url("/img/backend/icon-help.png") center center no-repeat;
  cursor: pointer;
  display: inline-block; }

.domuly-container {
  margin: 0;
  position: relative;
  zoom: 1;
  vertical-align: middle;
  cursor: pointer;
  min-width: 25% !important; }

.domuly-container,
.domuly-drop,
.domuly-search,
.domuly-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.domuly-container .domuly-chosen-frame {
  background: #fff;
  padding: 2px;
  color: #223a53;
  font-size: 14px;
  font-family: 'Open Sans'; font-weight: 300;
  font-weight: normal;
  /* 600 */
  height: 38px; }

.ui-select-container[theme=domuly-medium] .domuly-chosen-frame {
  height: 33px; }

.ui-select-container[theme=domuly-small] .domuly-chosen-frame {
  height: 28px; }

.domuly-container .domuly-choice {
  display: block;
  width: 100%;
  overflow: hidden;
  border: 1px solid #c6cbd4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative; }

/*.domuly-container .domuly-choice-overflow {
   background: red;
   width: 50px;
   height: 100%;
   top: 0;
   right: 0;
   position: absolute;
}*/
.domuly-container.domuly-drop-above .domuly-choice {
  border-bottom-color: #c6cbd4; }

.domuly-container.domuly-allowclear .domuly-choice .domuly-chosen {
  margin-right: 42px; }

.domuly-chosen {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 9px 28px 8px 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.domuly-chosen:hover {
  padding: 9px 11px 8px 11px; }

.ui-select-container[theme=domuly-medium] .domuly-chosen {
  padding: 5px 11px 5px 11px; }

.ui-select-container[theme=domuly-small] .domuly-chosen {
  padding: 3px 11px 2px 11px; }

.domuly-container .domuly-choice > .domuly-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.domuly-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  filter: alpha(opacity=0); }

.domuly-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  border: 1px solid #c6cbd4;
  border-top: 0;
  color: #223a53;
  font-size: 14px;
  font-family: 'Open Sans'; font-weight: 300;
  font-weight: normal;
  /*600*/
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2); }

.domuly-drop .ui-select-choices-row-inner {
  padding: 9px 11px 8px 11px; }

.domuly-drop .ui-select-choices-row-inner:hover {
  background: var(--basic-color-1);
  color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.ui-select-container[theme=domuly-medium] .domuly-drop .ui-select-choices-row-inner {
  padding: 5px 11px 5px 11px; }

.ui-select-container[theme=domuly-small] .domuly-drop .ui-select-choices-row-inner {
  padding: 3px 11px 2px 11px; }

.domuly-drop-auto-width {
  border-top: 1px solid #c6cbd4;
  width: auto; }

.domuly-drop-auto-width .domuly-search {
  padding-top: 4px; }

.domuly-drop.domuly-drop-above {
  margin-top: 1px;
  border-top: 1px solid var(--basic-color-2);
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: 0 -2px 3px 0 rgba(34, 58, 83, 0.2);
  -webkit-box-shadow: 0 -2px 3px 0 rgba(34, 58, 83, 0.2); }

.domuly-drop-active {
  border: 1px solid #c6cbd4;
  border-top: none; }

.domuly-drop.domuly-drop-above.domuly-drop-active {
  border-top: 1px solid #c6cbd4; }

.domuly-container .domuly-choice .domuly-arrow {
  display: inline-block;
  width: 40px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-clip: padding-box; }

.domuly-container .domuly-choice .domuly-arrow b {
  display: block;
  width: 40px;
  height: 100%;
  background: url("/img/backend/arrow_down.png") center center no-repeat; }

.domuly-search {
  display: inline-block;
  width: 100%;
  padding: 0 2px 0 2px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.ui-select-container[theme=domuly] .domuly-search {
  padding: 2px 2px 0 2px; }

.domuly-search input {
  width: 100%;
  height: auto !important;
  padding: 9px 11px 8px 11px;
  color: #a6a7a9;
  font-size: 14px;
  font-family: 'Open Sans'; font-weight: 300;
  font-weight: 100;
  margin: 0 0 2px 0;
  outline: 0;
  border: 1px solid #edeff3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none; }

.ui-select-container[theme=domuly-medium] .domuly-search input {
  padding: 5px 11px 5px 11px; }

.ui-select-container[theme=domuly-small] .domuly-search input {
  padding: 3px 11px 2px 11px; }

.domuly-drop.domuly-drop-above .domuly-search input {
  margin-top: 4px; }

.domuly-container-active .domuly-choice,
.domuly-container-active .domuly-choices {
  border: 1px solid #c6cbd4;
  outline: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.domuly-dropdown-open .domuly-choice {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.domuly-dropdown-open.domuly-drop-above .domuly-choice,
.domuly-dropdown-open.domuly-drop-above .domuly-choices {
  border: 1px solid #c6cbd4;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-top-color: transparent; }

.domuly-dropdown-open .domuly-choice .domuly-chosen {
  background: #edeff3 !important;
  border-left: none;
  filter: none; }

.domuly-dropdown-open .domuly-choice .domuly-arrow b {
  background: url("/img/backend/arrow_up.png") center center no-repeat; }

/* results */
.domuly-results {
  max-height: 200px;
  padding: 2px 2px 2px 2px;
  margin: 0px 0px 0px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent; }

.domuly-results ul.domuly-result-sub {
  margin: 0;
  padding-left: 0; }

.domuly-results ul.domuly-result-sub > li .domuly-result-label {
  padding-left: 20px; }

.domuly-results ul.domuly-result-sub ul.domuly-result-sub > li .domuly-result-label {
  padding-left: 40px; }

.domuly-results ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub > li .domuly-result-label {
  padding-left: 60px; }

.domuly-results ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub > li .domuly-result-label {
  padding-left: 80px; }

.domuly-results ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub > li .domuly-result-label {
  padding-left: 100px; }

.domuly-results ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub > li .domuly-result-label {
  padding-left: 110px; }

.domuly-results ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub ul.domuly-result-sub > li .domuly-result-label {
  padding-left: 120px; }

.domuly-results li {
  list-style: none;
  display: list-item;
  background-image: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.domuly-results li.domuly-result-with-children > .domuly-result-label {
  font-weight: bold; }

.domuly-results .domuly-result-label {
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.domuly-results .domuly-highlighted {
  background: #edeff3;
  color: #223a53; }

.domuly-results li em {
  background: #feffde;
  font-style: normal; }

.domuly-results .domuly-highlighted em {
  background: transparent; }

.domuly-results .domuly-highlighted ul {
  background: #fff;
  color: var(--basic-color-3); }

.domuly-results .domuly-no-results,
.domuly-results .domuly-searching,
.domuly-results .domuly-selection-limit {
  background: #f4f4f4;
  display: list-item; }

.domuly-results .domuly-disabled.domuly-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.domuly-results .domuly-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.domuly-results .domuly-selected {
  display: none; }

.domuly-more-results {
  background: #f4f4f4;
  display: list-item; }

.domuly-container.domuly-container-disabled .domuly-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.domuly-container.domuly-container-disabled .domuly-choice .domuly-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.domuly-container.domuly-container-disabled .domuly-choice abbr {
  display: none; }

.domuly-default {
  color: #999 !important; }

.domuly-result-selectable .domuly-match,
.domuly-result-unselectable .domuly-match {
  text-decoration: underline; }

.domuly-offscreen, .domuly-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0 !important;
  top: 0 !important; }

.domuly-display-none {
  display: none; }

.domuly-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

/* Retina */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .domuly-container .domuly-choice .domuly-arrow b {
    background-image: url("/img/backend/arrow_down@2x.png") !important;
    background-size: 17px 10px !important; }
  .domuly-dropdown-open .domuly-choice .domuly-arrow b {
    background-image: url("/img/backend/arrow_up@2x.png") !important;
    background-size: 17px 10px !important; } }

.domuly-table, .offer .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .favorites-table {
  display: table; } /* tutaj bylo !important, kolidowalo z preloaderem */
.domuly-table .tr, .offer .photos .list[class~='show-list'] .box-table .favorites-table .tr, .offer .photos .list[class~='show-box'] .box-table .favorites-table .tr {
  display: table-row !important; }
.domuly-table .td, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td {
  display: table-cell !important;
  /* Vertical */
  /* Horizontal */ }
.domuly-table .td.v-align-top, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.v-align-top, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.v-align-top {
  vertical-align: top; }
.domuly-table .td.v-align-middle, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.v-align-middle, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.v-align-middle {
  vertical-align: middle; }
.domuly-table .td.v-align-bottom, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.v-align-bottom, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.v-align-bottom {
  vertical-align: bottom; }
.domuly-table .td.h-align-left, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.h-align-left, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.h-align-left {
  text-align: left; }
.domuly-table .td.h-align-middle, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.h-align-middle, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.h-align-middle {
  text-align: center; }
.domuly-table .td.h-align-right, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.h-align-right, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.h-align-right {
  text-align: right; }
.domuly-table.maxwidth { width: 100% }
.domuly-table-collapse {
  border-collapse: collapse; }

/*! sass-mixins - v0.11.0 - 2014-10-20 */
/**
 * @description
 * Generates keyframe animations
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-animation
 * @link spec http://www.w3.org/TR/css3-animations/
 *
 * @param values
 * @returns
 *   -webkit-animation: <values>;
 *           animation: <values>;
 *
 * @example
 *   .selector {
 *     @include x-animation(jump 1s ease-out);
 *   }
 */
/*
 * @example
 *    @include x-keyframes(jump) {
 *      from { top: 0; }
 *      to { top: -10px; }
 *   }
 */
/**
 * @description
 * Generates `appearance` for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
 * @link css-tricks http://css-tricks.com/almanac/properties/a/appearance/
 * @link spec http://www.w3.org/TR/2004/CR-css3-ui-20040511/#appearance
 *
 * @param value
 * @returns
 *   -webkit-appearance: <value>;
 *      -moz-appearance: <value>;
 *           appearance: <value>;
 *
 * @example
 *   .selector {
 *     @include x-appearance(button);
 *   }
 */
/**
 * @description
 * Generates `background-size` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/background-img-opts
 * @link spec http://www.w3.org/TR/css3-background/
 *
 * @param value
 * @returns
 *   -webkit-background-size: $args;
 *           background-size: $args;
 *
 * @example
 *   .selector {
 *     @include x-background-size(100% auto);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `border-radius` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/border-radius
 * @link spec http://www.w3.org/TR/css3-background/#corners
 *
 * @param values
 * @returns
 *   -webkit-border-radius: <values>;
 *           border-radius: <values>;
 *
 * @example
 *   .selector {
 *     @include x-border-radius(20px 10px);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-shadow` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-boxshadow
 * @link spec http://www.w3.org/TR/css3-background/#the-box-shadow
 *
 * @param values
 * @returns
 *   -webkit-box-shadow: <values>;
 *           box-shadow: <values>;
 *
 * @example
 *   .selector {
 *     @include x-box-shadow(5px 5px 10px 5px var(--basic-color-2));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-sizing` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @param type
 * @returns
 *   -webkit-box-sizing: <type>;
 *      -moz-box-sizing: <type>;
 *           box-sizing: <type>;
 *
 * @example
 *   .selector {
 *     @include x-box-sizing;
 *   }
 */
/**
 * @description
 * These mixins generates Media Queries
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-mediaqueries
 * @link spec http://www.w3.org/TR/css3-mediaqueries/
 *
 * Note: Please use the CSS unit `em` for device-width in order to stay
 * responsive.
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (min-width: <device-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-at-least(40em) { width: 60%; }
 *   }
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (max-width: <device-width - 0.01>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-until(40em) { width: 100%; }
 *   }
 */
/**
 * @author romamatusevich
 *
 * @param point{string}, bp-mobile-width{number}, bp-tablet-width{number}
 * @content
 * @returns
 *   @media (max-width: <bp-mobile-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-breakpoints(mobile,  320px) { width: 100%; }
 *   }
 */
/**
 * @description
 * Generates `calc` function which allows mathematical expressions for a given property
 *
 * @author romamatusevich
 *
 * @link spec http://www.w3.org/TR/css3-values/#calc
 * @link caniuse http://caniuse.com/calc
 *
 * @param property
 * @param expression
 *
 * @returns
 *    <property>: -webkit-calc(<expression>);
 *    <property>: calc(<expression>);
 *
 * @example
 *   .selector {
 *     @include x-calc(width, "600px - 2em");
 *   }
 */
/**
 * @description
 * Generates flexbox properties for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes
 * @link css-tricks http://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * @link spec http://www.w3.org/TR/css3-flexbox/
 */
/**
 * @returns
 *   display: -webkit-box;
 *   display: -moz-box;
 *   display: -ms-flexbox;
 *   display: -webkit-flex;
 *   display: flex;
 *
 * @example
 *   .selector {
 *     @include x-display-flex;
 *   }
 */
/**
 * @param values
 * @returns
 *   -webkit-box-flex: <values>;
 *      -moz-box-flex: <values>;
 *       -webkit-flex: <values>;
 *           -ms-flex: <values>;
 *               flex: <values>;
 *
 * @example
 *   .selector {
 *     @include x-flex(1 1 auto);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-box-ordinal-group: <value>;
 *      -moz-box-ordinal-group: <value>;
 *              -ms-flex-order: <value>;
 *               -webkit-order: <value>;
 *                       order: <value>;
 *
 * @example
 *   .selector {
 *     @include x-order(1);
 *   }
 */
/**
 * @param value
 * @returns
 *    -webkit-flex-wrap: <value>;
 *        -ms-flex-wrap: <value>;
 *            flex-wrap: <value>;
 *
 * @example
 *   .selector {
 *     @include x-flex-wrap(wrap);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-align-content: <value>;
 *      -moz-align-content: <value>;
 *      -ms-flex-line-pack: <value>;
 *           align-content: <value>;
 * @example
 *   .selector {
 *     @include x-align-content(center);
 *   }
 */
/**
 * @param value
 * @returns
 *	  -webkit-box-direction: <value>;
 *		 -moz-box-direction: <value>;
 *       -webkit-box-orient: <value>;
 *		    -moz-box-orient: <value>;
 *   -webkit-flex-direction: <value>;
 *      -moz-flex-direction: <value>;
 *       -ms-flex-direction: <value>;
 *           flex-direction: <value>;
 * @example
 *   .selector {
 *     @include x-flex-direction(row-reverse);
 *   }
 */
/* ToDo: add flex-grow, flex-shrink, flex-basis, flex-flow, align-items, align-self, justify-content mixins */
/**
 * @description
 * Generates a linear gradient for a given element with a fallback color.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @dependency helper-gradient-angle
 * @param direction {'to bottom'|'to right'|'to top'|'to left'|<degree>}
 * @param fallback {color}
 * @param from {color}
 * @param to {color}
 * @default 'to bottom', #ccc, #ccc, var(--basic-color-2)
 *
 * @returns
 *   background-color: <fallback>;
 *   background-image: -webkit-gradient(linear, <direction - old converted>, from(<from>), to(<to>));
 *   background-image: -webkit-linear-gradient(<direction - converted>, <from>, <to>);
 *   background-image:         linear-gradient(<direction>, <from>, <to>);
 *
 * @example
 *   .selector {
 *     @include x-linear-gradient("to bottom", #ccc, #ddd, #bbb);
 *   }
 *
 * Note: By default this linear-gradient-mixin encourages people to use the
 * latest CSS-syntax for gradients.
 */
/**
 * @description
 * This mixin generates multiple backgrounds
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 */
/*
 * A function for prefixing gradients
 *
 * @param mode {'webkit-old'|'webkit'|''}
 * @param gradient
 * @returns
 *   -<mode>-linear-gradient(<gradient>);
 */
/*
 * Generates multiple backgrounds
 *
 * @param backgrounds {list}
 *
 * @example
 *   .selector {
 *     @include x-multiple-backgrounds(
 *       rgba(0, 0, 0, 0.3),
 *       url('../img/html5_logo.png') top right no-repeat,
 *       (linear-gradient, to bottom, var(--basic-color-2), #ddd)
 *     );
 *   }
 */
/**
 * @description
 * This mixin creates (endless) multiple color stops in gradients just with one
 * call for the mixin.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 *
 * @param stops {list}
 * @returns
 *   background-image: -webkit-linear-gradient(top, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *   background-image:         linear-gradient(to bottom, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *
 * @example
 *   .selector {
 *     @include x-multiple-colored-gradient((
 *         "top",
 *         #f22 0%,
 *         #f2f 15%,
 *         #22f 30%,
 *         #2ff 45%,
 *         #2f2 60%,
 *         #2f2 75%,
 *         #ff2 90%,
 *         #f22 100%
 *     ));
 *   }
 *
 * Note: This mixis does not define a fallback-color for your background as it
 * is likely you want to add an image or something. Please specify one by
 * yourself.
 */
/**
 * @description
 * Generates `opacity` output for a given element and adds a filter for old IE.
 *
 * @author bartveneman
 *
 * @link caniuse http://caniuse.com/css-opacity
 * @link spec http://www.w3.org/TR/css3-color/#transparency
 *
 * @param value
 * @returns
 *   opacity: <value>;
 *    filter: alpha(opacity=<value * 100>);
 *
 * @example
 *   .selector {
 *     @include x-opacity(0.3);
 *   }
 */
/**
 * @description
 * Generates `placeholder` content for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder
 * @link css-tricks http://css-tricks.com/snippets/css/style-placeholder-text/
 *
 * @returns
 *    &::-webkit-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &::-moz-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &:-ms-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *
 * @example
 *   .selector {
 *     @include x-placeholder {
 *         color: #bada55;
 *         font-weight: bold;
 *     }
 *   }
 */
/**
 * @description
 * This mixin enables you to use the CSS3 value `rem`, which lets you define
 * property sizes based on the root element's font-size.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/rem
 * @link spec http://www.w3.org/TR/css3-values/#relative0
 *
 * Note: Depending on the font-size of the root-element `rem` calculates a
 * property of a current element. The fallback solution accepts a
 * `default-font-size`-argument which is 16px by default.
 */
/*
  * Returns a number without unit. E.g. 30px -> 30
  * Borrowed from https://github.com/zurb/foundation/blob/master/scss/foundation/_functions.scss
  *
  * @param value {String}
  * @returns
  *   <Number>
  */
/*
  * Outputs properties that use rem with a px fallback.
  * It also takes px values and converts them to rem.
  *
  * @param property
  * @param values
  * @param default-font-size int optional
  * @returns
  *   <property>: <parsed value>px;
  *   <property>: <parsed value>rem;
  *
  * @example
  *   .selector {
  *     @include x-rem(font-size, 1.3);
  *     @include x-rem(padding, 20px);
  *   }
  */
/**
 * @description
 * Sass-mixin for CSS property `tab-size`, generates cross-browser-compatible
 * `tab-size` output.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css3-tabsize
 * @link spec http://dev.w3.org/csswg/css-text/#tab-size1
 *
 * @param value int optional
 * @default 4
 * @returns
 *   -moz-tab-size: <value>;
 *        tab-size: <value>;
 *
 * @example
 *   .selector {
 *     @include x-tab-size(4);
 *    }
 */
/**
 * @description
 * Generates cross-browser-compatible `transform` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/transforms2d http://caniuse.com/transforms3d
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transform: <values>;
 *       -ms-transform: <values>;
 *           transform: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transform(rotate(1deg));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `transition` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-transitions
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transition: <values>;
 *           transition: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transition(background 0.3s ease-in);
 *   }
 */
/**
 * @description
 * Disables selection of content of a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/user-select-none
 *
 * @param value none|auto optional
 * @default none
 * @returns
 *   -webkit-user-select: <value>;
 *      -moz-user-select: <value>;
 *       -ms-user-select: <value>;
 *           user-select: <value>;
 *
 * @example
 *   .selector {
 *     @include x-user-select;
 *   }
 */
/* Styl główej ramki */
.ui-grid {
  margin-top: 9px;
  border: 2px solid #e4e7ed !important;
  border-radius: 5px !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add, .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
  display: none !important; }

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active, .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add, .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add, .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transition: all .05s linear;
  -moz-transition: all .05s linear;
  -o-transition: all .05s linear;
  transition: all .05s linear;
  display: block !important; }

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active, .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add, .ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -o-transform: none !important;
  -ms-transform: none !important;
  transform: none !important; }

.ui-grid-viewport {
  overflow-x: hidden !important; }

/* Nagłówek */
.ui-grid-top-panel {
  background: #f6f8fa !important; }

.ui-grid-header {
  border-bottom: 2px solid #e4e7ed !important; }

.ui-grid-header-cell {
  border-right: 0 !important;
  text-align: center !important;
  color: #98999a !important;
  font-size: 11px !important;
  text-transform: uppercase;
  padding-bottom: 0 !important;
  vertical-align: middle; }

.ui-grid-filter-container {
  padding: 0 !important; }

.ui-grid-header-canvas {
  background: #e4e7ed;
  height: 50px !important;
  /*25 jesli nie ma filtra */ }

/* Zmiana grafiki w ikonce checkbox */
.ui-grid-icon-ok:before {
  content: '' !important;
  background-image: url("/img/backend/checkbox_e_small.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  height: 15px;
  line-height: 18px;
  display: inline-block;
  margin-left: -15px;
  padding-left: 25px;
  font-weight: normal !important;
  cursor: pointer; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .ui-grid-icon-ok:before {
    background-image: url("/img/backend/checkbox_e_small@2x.png");
    background-size: 15px 15px; } }

.ui-grid-selection-row-header-buttons {
  cursor: pointer;
  opacity: 1 !important; }

.ui-grid-selection-row-header-buttons.ui-grid-row-selected {
  opacity: 1; }
.ui-grid-selection-row-header-buttons.ui-grid-row-selected.ui-grid-icon-ok:before {
  background-image: url("/img/backend/checkbox_f_small.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .ui-grid-selection-row-header-buttons.ui-grid-row-selected.ui-grid-icon-ok:before {
    background-image: url("/img/backend/checkbox_f_small@2x.png");
    background-size: 15px 15px; } }

.ui-grid-selection-row-header-buttons.ui-grid-all-selected {
  opacity: 1; }
.ui-grid-selection-row-header-buttons.ui-grid-all-selected.ui-grid-icon-ok:before {
  background-image: url("/img/backend/checkbox_f_small.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .ui-grid-selection-row-header-buttons.ui-grid-all-selected.ui-grid-icon-ok:before {
    background-image: url("/img/backend/checkbox_f_small@2x.png");
    background-size: 15px 15px; } }

/* Kolumna */
.ui-grid-cell {
  border-right: 0 !important;
  color: #3b3b3b !important;
  font-size: 12px !important;
  font-weight: 600 !important; }
.ui-grid-cell .ui-img-offer-photo {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }
.ui-grid-cell .ui-img-agent-photo {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

/* Pierwszy wiersz z checkboxami */
.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  border-bottom: 0 !important; }

/* Kolumna: photo, agent */
.ui-grid-cell:first-child, .ui-grid-cell:last-child {
  text-align: center !important; }

.ui-grid-cell:first-child img, .ui-grid-cell:last-child img {
  text-align: center !important;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

/* Kolumna: wszystkie */
.ui-grid-cell:first-child div {
  text-align: center;
  height: 100%;
  vertical-align: middle !important;
  display: flex !important;
  flex-direction: column;
  justify-content: center; }

.ui-grid-cell:not(:first-child) div {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }

/* Podświetlenie aktywnego wiersza */
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background-color: #f4d4c1 !important; }

/* Tło wierszy */
.ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #f4f6f9 !important;
  border-bottom: 1px solid #e4e7ed; }

.ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #f1f3f6 !important;
  border-bottom: 1px solid #e4e7ed; }

/* Przycisk menu z filtrami */
.ui-grid-menu-button {
  border: 0 !important;
  height: 25px !important;
  background: transparent !important; }

.ui-grid-menu-button .ui-grid-icon-container {
  margin-top: 0 !important;
  padding-top: 4px;
  padding-left: 5px;
  height: 25px;
  background: transparent !important; }

.ui-grid-menu {
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 0 4px 4px;
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
  color: #223a53;
  font-size: 14px;
  font-family: 'Open Sans'; font-weight: 300;
  font-weight: normal; }

.ui-grid-menu .ui-grid-menu-inner ul li button:hover,
.ui-grid-menu .ui-grid-menu-inner ul li button:focus {
  background: var(--basic-color-1);
  color: #fff !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: none !important;
  -webkit-box-shadow: none !important; }

.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
  background: #edeff3;
  box-shadow: none !important;
  -webkit-box-shadow: none !important; }

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
  overflow: hidden !important;
  border: 0 !important; }

.ui-grid-menu .ui-grid-menu-inner {
  background: #fff !important;
  border: 1px solid #c6cbd4 !important;
  position: relative;
  white-space: nowrap;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  padding: 2px; }

.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child) > button {
  border-bottom: 0 !important; }

.ui-grid-cell-contents {
  position: relative; }


.data-table-frame .more-link,
.offer-list-table .more-link {
  font-size: 13px;
  font-weight: normal !important;
}
.data-table-frame .more-link:hover,
.offer-list-table .more-link:hover {
  text-decoration: none;
}

.offer-list-table .offer-photo,
.employees-list-table .offer-photo {
  width: 80px !important;
  height: 80px !important;
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #eee;	}
.offer-list-table .offer-photo img,
.employees-list-table .offer-photo img {
  position: absolute;
  top: 0 !important;
  left: 0;
  transform: translateY(0) !important;
  height: 80px !important; }
.offer-list-table .offer-photo .count-img,
.employees-list-table .offer-photo .count-img {
  position: absolute;
  bottom: 0;
  right: 22px;
  width: 30px;
  text-align: right;
  font-size: 12px;
  color: #fff; }
.offer-list-table .offer-photo .count-img-icon,
.employees-list-table .offer-photo .count-img-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 13px;
  height: 10px;
  background: url("/img/backend/offer_photo_img.png") no-repeat; }



.offer-status-icon {
  position: absolute;
  right: 0 !important;
  width: 17px !important;
  height: 17px !important;
  top: 0;
  bottom: 0;
  margin: auto; }
.offer-status-icon.ok {
  background-image: url("/img/backend/validation_ok.png");
  background-position: center right;
  background-repeat: no-repeat; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .offer-status-icon.ok {
    background-image: url("/img/backend/validation_ok@2x.png");
    background-size: 17px 17px; } }
.offer-status-icon.error {
  background-image: url("/img/backend/validation_bad.png");
  background-position: center right;
  background-repeat: no-repeat; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .offer-status-icon.error {
    background-image: url("/img/backend/validation_bad@2x.png");
    background-size: 17px 17px; } }
.offer-comments {
  width: 20px;
  height: 21px;
  background: url("/img/backend/offer-comments.png") no-repeat;
  margin-left: 16px;
  margin-right: 10px; }
.offer-notes {
  width: 15px;
  height: 21px;
  background: url("/img/backend/offer-notes.png") no-repeat;
  margin-right: 10px; }

.sk-fading-circle {
  width: 20px;
  height: 20px;
  position: relative; }

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #949494;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

.ui-notification {
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.3) !important;
  box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.3) !important; }

.ui-notification > .message {
  margin: 15px !important; }

.domuly-switch {
  background: #e9ebef;
  display: table;
  padding: 3px;
  -webkit-box-shadow: inset 1px 1px 2px 0 #dadbde;
  box-shadow: inset 1px 1px 2px 0 #dadbde;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
.domuly-switch label {
  margin-bottom: 0; }
.domuly-switch input {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }
.domuly-switch input + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  width: 46px;
  height: 25px;
  background-color: transparent;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px; }
.domuly-switch input + label:before, .domuly-switch input + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: ""; }
.domuly-switch input + label:before {
  right: 0;
  background-color: #e9ebef;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }
.domuly-switch input + label:after {
  width: 25px;
  background-image: url("/img/backend/switch_e_big.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: ease 0.2s;
  -moz-transition: ease 0.2s;
  -o-transition: ease 0.2s;
  transition: ease 0.2s; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .domuly-switch input + label:after {
    background-image: url("/img/backend/switch_e_big@2x.png");
    background-size: 25px 25px; } }
.domuly-switch input:checked + label:before {
  background-color: #e9ebef; }
.domuly-switch input:checked + label:after {
  margin-left: 21px;
  background-image: url("/img/backend/switch_f_big.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .domuly-switch input:checked + label:after {
    background-image: url("/img/backend/switch_f_big@2x.png");
    background-size: 25px 25px; } }

.domuly-switch-medium {
  background: #e9ebef;
  display: table;
  padding: 3px;
  -webkit-box-shadow: inset 1px 1px 2px 0 #dadbde;
  box-shadow: inset 1px 1px 2px 0 #dadbde;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }
.domuly-switch-medium label {
  margin-bottom: 0; }
.domuly-switch-medium input {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }
.domuly-switch-medium input + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  width: 41px;
  height: 20px;
  background-color: transparent;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }
.domuly-switch-medium input + label:before, .domuly-switch-medium input + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: ""; }
.domuly-switch-medium input + label:before {
  right: 0;
  background-color: #e9ebef;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }
.domuly-switch-medium input + label:after {
  width: 20px;
  background-image: url("/img/backend/switch_e_medium.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: ease 0.2s;
  -moz-transition: ease 0.2s;
  -o-transition: ease 0.2s;
  transition: ease 0.2s; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .domuly-switch-medium input + label:after {
    background-image: url("/img/backend/switch_e_medium@2x.png");
    background-size: 20px 20px; } }
.domuly-switch-medium input:checked + label:before {
  background-color: #e9ebef; }
.domuly-switch-medium input:checked + label:after {
  margin-left: 21px;
  background-image: url("/img/backend/switch_f_medium.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .domuly-switch-medium input:checked + label:after {
    background-image: url("/img/backend/switch_f_medium@2x.png");
    background-size: 20px 20px; } }

.domuly-switch-small {
  background: #e9ebef;
  display: table;
  padding: 3px;
  -webkit-box-shadow: inset 1px 1px 2px 0 #dadbde;
  box-shadow: inset 1px 1px 2px 0 #dadbde;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }
.domuly-switch-small label {
  margin-bottom: 0; }
.domuly-switch-small input {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden; }
.domuly-switch-small input + label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0;
  width: 36px;
  height: 15px;
  background-color: transparent;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px; }
.domuly-switch-small input + label:before, .domuly-switch-small input + label:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: ""; }
.domuly-switch-small input + label:before {
  right: 0;
  background-color: #e9ebef;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px; }
.domuly-switch-small input + label:after {
  width: 15px;
  background-image: url("/img/backend/switch_e_small.png");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: ease 0.2s;
  -moz-transition: ease 0.2s;
  -o-transition: ease 0.2s;
  transition: ease 0.2s; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .domuly-switch-small input + label:after {
    background-image: url("/img/backend/switch_e_small@2x.png");
    background-size: 15px 15px; } }
.domuly-switch-small input:checked + label:before {
  background-color: #e9ebef; }
.domuly-switch-small input:checked + label:after {
  margin-left: 21px;
  background-image: url("/img/backend/switch_f_small.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .domuly-switch-small input:checked + label:after {
    background-image: url("/img/backend/switch_f_small@2x.png");
    background-size: 15px 15px; } }

.domuly-switch-table .td > .domuly-switch-medium {
  margin-right: 15px;
}
.domuly-switch-table .td:last-child > label {
  font-weight: normal;
  cursor: pointer;
}


@keyframes tipUp {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    transform: translateY(-6px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
    opacity: 1;
  }
}
@keyframes tipBottom {
  0% {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    transform: translateY(-6px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
  }
}
._animation-tipUp {
  animation: tipUp 0.3s ease 0s 1 normal forwards;
}
._animation-tipBottom {
  animation: tipBottom 0.3s ease 0s 1 normal forwards;
}
._container_domuly-tooltip {
  position: absolute;
  background: var(--basic-color-1);
  color: #fff;
  font-size: 12px;
  font-family: 'Open Sans'; font-weight: 300;
  border: 1px solid var(--basic-color-1);
  max-width: 200px;
  padding: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: justify;
  font-weight: 300;
}
._container_domuly-tooltip:after, ._container_domuly-tooltip:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

._container_domuly-tooltip:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: var(--basic-color-1);
  border-width: 7px;
  margin-left: -7px;
}
._container_domuly-tooltip:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: var(--basic-color-1);
  border-width: 8px;
  margin-left: -8px;
}







/* Top */
[data-tooltip]:before,
[data-tooltip]:after,
.domuly-tooltip:before,
.domuly-tooltip:after,
.domuly-tooltip-top:before,
.domuly-tooltip-top:after {
  bottom: 100%;
  left: 50%; }





[data-tooltip],
.domuly-tooltip {
  position: relative;
  cursor: pointer; }

[data-tooltip]:before,
[data-tooltip]:after,
.domuly-tooltip:before,
.domuly-tooltip:after {
  position: absolute;
  visibility: hidden;
  z-index: 9999;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none; }

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.domuly-tooltip:hover:before,
.domuly-tooltip:hover:after,
.domuly-tooltip:focus:before,
.domuly-tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1; }

.domuly-tooltip:before,
[data-tooltip]:before {
  z-index: 10001;
  border: 6px solid transparent;
  background: transparent;
  content: ""; }

.domuly-domuly-tooltip:after,
[data-tooltip]:after {
  z-index: 10000;
  padding: 8px;
  width: 160px;
  background-color: var(--basic-color-3);
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2; }

/* Top */
[data-tooltip]:before,
[data-tooltip]:after,
.domuly-tooltip:before,
.domuly-tooltip:after,
.domuly-tooltip-top:before,
.domuly-tooltip-top:after {
  bottom: 100%;
  left: 50%; }

[data-tooltip]:before,
.domuly-tooltip:before,
.domuly-tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: var(--basic-color-3);
  border-top-color: rgba(51, 51, 51, 0.9); }

[data-tooltip]:after,
.domuly-tooltip:after,
.domuly-tooltip-top:after {
  margin-left: -80px; }

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.domuly-tooltip:hover:before,
.domuly-tooltip:hover:after,
.domuly-tooltip:focus:before,
.domuly-tooltip:focus:after,
.domuly-tooltip-top:hover:before,
.domuly-tooltip-top:hover:after,
.domuly-tooltip-top:focus:before,
.domuly-tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px); }

/* Left */
.domuly-tooltip-left:before,
.domuly-tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto; }

.domuly-tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: var(--basic-color-3);
  border-left-color: rgba(51, 51, 51, 0.9); }

.domuly-tooltip-left:hover:before,
.domuly-tooltip-left:hover:after,
.domuly-tooltip-left:focus:before,
.domuly-tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  transform: translateX(-12px); }

/* Bottom */
.domuly-tooltip-bottom:before,
.domuly-tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%; }

.domuly-tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: var(--basic-color-3);
  border-bottom-color: rgba(51, 51, 51, 0.9); }

.domuly-tooltip-bottom:hover:before,
.domuly-tooltip-bottom:hover:after,
.domuly-tooltip-bottom:focus:before,
.domuly-tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px); }

/* Right */
.domuly-tooltip-right:before,
.domuly-tooltip-right:after {
  bottom: 50%;
  left: 100%; }

.domuly-tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: var(--basic-color-3);
  border-right-color: rgba(51, 51, 51, 0.9); }

.domuly-tooltip-right:hover:before,
.domuly-tooltip-right:hover:after,
.domuly-tooltip-right:focus:before,
.domuly-tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px); }

.domuly-tooltip-left:before,
.domuly-tooltip-right:before {
  top: 3px; }

.domuly-tooltip-left:after,
.domuly-tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px; }

#panel .fixed-top {
  height: 65px;
  position: fixed;
  top: 0;
  left: 197px;
  right: 0;
  background-color: transparent;
  z-index: 9999; }
.header-logo {
  background-image: url("/img/panel/fixed-top/logo.svg");
  display: block;
  width: 219px;
  height: 63px;
  background-size: 219px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 17px;
  margin-left: 15px;
  margin-bottom: 40px; }
 
#panel .fixed-top .drop-down-prez {
  float: right;
  height: 46px;
  /*background-color: #f4f6f9;*/
  border-radius: 5px;
  margin-right: 15px;
  margin-top: 9px;
  position: relative;
  cursor: pointer;
}
#panel .fixed-top .drop-down-prez .domuly-table {
  height: 46px;
}
#panel .fixed-top .drop-down-prez .domuly-table .tr .td:last-child{
  padding-left: 10px;
}
#panel .fixed-top .drop-down-switch {
  float: right;
  width: 250px;
  height: 46px;
  border-radius: 5px;
  margin-right: 15px;
  margin-top: 9px;
  position: relative;
  cursor: pointer;	}
/*#panel .fixed-top .drop-down-switch:hover {
		background: #d8dadd;
	}*/
#panel .fixed-top .drop-down-switch[class~='feedback'] {
  cursor: pointer;
  width: 120px; }
#panel .fixed-top .drop-down-switch[class~='feedback']:hover {
  background: #d8dadd;
}
#panel .fixed-top .drop-down-switch .logo {
  margin: 6px 9px 0 4px;
  width: 35px;
  height: 35px;
  border: 2px solid #e4e7ed;
  float: left;
  background-size: 35px 35px;
  border-radius: 35px;
  background-position: center center; }
#panel .fixed-top .drop-down-switch .user-avatar {
  transition: background ease-in-out 0.5s;
  background-image: url("/img/backend/avatar_default.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  #panel .fixed-top .drop-down-switch .user-avatar {
    background-image: url("/img/backend/avatar_default@2x.png");
    background-size: 35px 35px; } }
#panel .fixed-top .drop-down-switch .module-avatar {
  background-image: url("/img/backend/module_estate.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  #panel .fixed-top .drop-down-switch .module-avatar {
    background-image: url("/img/backend/module_estate@2x.png");
    background-size: 35px 35px; } }
#panel .fixed-top .drop-down-switch .feedback {
  margin: 10px 9px 0 10px;
  width: 25px;
  height: 25px;
  float: left;
  background-image: url("/img/panel/fixed-top/feedback.png");
  background-size: 25px 25px;
  background-position: center center;
  background-repeat: no-repeat; }
#panel .fixed-top .drop-down-switch .triangle {
  cursor: pointer;
  width: 17px;
  margin-right: 12px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  float: right; }
#panel .fixed-top .drop-down-switch .triangle-up {
  background-image: url("/img/backend/arrow_up.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  #panel .fixed-top .drop-down-switch .triangle-up {
    background-image: url("/img/backend/arrow_up@2x.png");
    background-size: 17px 10px; } }
#panel .fixed-top .drop-down-switch .triangle-down {
  background-image: url("/img/backend/arrow_down.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  #panel .fixed-top .drop-down-switch .triangle-down {
    background-image: url("/img/backend/arrow_down@2x.png");
    background-size: 17px 10px; } }
#panel .fixed-top .drop-down-switch .triangle-right {
  cursor: pointer;
  width: 10px;
  margin-right: 12px;
  height: 100%;
  background: url("/img/panel/fixed-top/triangle-right.png") center center no-repeat;
  opacity: .5;
  float: right; }
#panel .fixed-top .drop-down-switch .text {
  font-family: 'Open Sans', serif;
  margin-top: 6px; }
#panel .fixed-top .drop-down-switch .bold-text {
  font-family: 'Open Sans', serif;
  color: #3B3B3B;
  font-size: 14px;
  font-weight: 600; }
#panel .fixed-top .drop-down-switch .regular-text {
  color: #3B3F44;
  font-size: 12px;
  font-weight: 300; }
#panel .fixed-top .drop-down-switch .feedback-text {
  font-family: 'Open Sans', serif;
  font-size: 14px;
  color: #e15119;
  font-weight: bold;
  margin-top: 13px; }
#panel .fixed-top .drop-down-menu {
  position: absolute;
  top: 55px;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top: 1px solid #E4E7ED;
  background-color: #f4f6f9;
  z-index: 9999;
  margin-top: 10px; }
#panel .fixed-top .drop-down-menu .switch-marker {
  position: absolute;
  right: 1px;
  top: -14px;
  width: 250px;
  height: 13px;
  background-color: #f4f6f9; }
#panel .fixed-top .drop-down-menu .drop-down-info {
  width: 194px;
  float: left; }
#panel .fixed-top .drop-down-menu .drop-down-info .logo {
  margin: auto;
  margin-top: 18px;
  width: 88px;
  height: 88px;
  border: 2px solid #e4e7ed;
  background-size: 88px 88px;
  border-radius: 88px;
  background-position: center center; }
#panel .fixed-top .drop-down-menu .drop-down-info .user-avatar {
  transition: background ease-in-out 0.5s;
  background-image: url("/img/backend/avatar_default.png");
  height: 88px; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  #panel .fixed-top .drop-down-menu .drop-down-info .user-avatar {
    background-image: url("/img/backend/avatar_default@2x.png");
    background-size: 88px 88px; } }
#panel .fixed-top .drop-down-menu .drop-down-info .user-name {
  margin-top: 13px;
  font-size: 14px;
  font-weight: 600;
  color: #3b3b3b;
  text-align: center; }
#panel .fixed-top .drop-down-menu .drop-down-info .user-company {
  margin-top: 0;
  font-size: 12px;
  font-weight: 300;
  color: #3b3b3b;
  text-align: center; }
#panel .fixed-top .drop-down-menu .drop-down-info .user-licence-progres {
  width: 135px;
  height: 5px;
  border-radius: 3px;
  background: #e9642e;
  margin: auto;
  margin-top: 10px; }
#panel .fixed-top .drop-down-menu .drop-down-info .user-licence-progres div {
  height: 5px;
  border-radius: 3px;
  background: #cdced1; }
#panel .fixed-top .drop-down-menu .drop-down-info .user-licence-expired {
  margin-top: 7px;
  font-size: 12px;
  font-weight: 300;
  color: #3b3b3b;
  text-align: center; }
#panel .fixed-top .drop-down-menu .drop-down-info .user-licence-expired span {
  font-weight: 600; }
#panel .fixed-top .drop-down-menu .drop-down-info .user-licence-button {
  text-align: center; }
#panel .fixed-top .drop-down-menu .drop-down-info .user-licence-button .btn-domuly {
  width: 130px;
  text-align: center;
  margin: auto;
  margin-top: 13px; }
#panel .fixed-top .drop-down-menu .drop-down-list {
  width: 168px;
  float: right; }
#panel .fixed-top .drop-down-menu .drop-down-list .option {
  height: 63px;
  font-family: 'Open Sans', serif;
  color: #3B3B3B;
  font-size: 14px;
  line-height: 60px;
  font-weight: 400;
  padding-right: 18px;
  padding-left: 18px;
  border-bottom: 1px solid #E4E7ED;
  border-right: 1px solid #E4E7ED;
  border-left: 1px solid #E4E7ED; }
#panel .fixed-top .drop-down-menu .drop-down-list .option:first-child {
  border-top: 0; }
#panel .fixed-top .drop-down-menu .drop-down-list .option:last-child {
  border-bottom: 0; }
#panel .fixed-top .drop-down-menu .drop-down-list .option span {
  margin-right: 3px; }
#panel .fixed-top .drop-down-menu .drop-down-list .option a, #panel .fixed-top .drop-down-menu .drop-down-list .option a:link, #panel .fixed-top .drop-down-menu .drop-down-list .option a:focus, #panel .fixed-top .drop-down-menu .drop-down-list .option a:hover, #panel .fixed-top .drop-down-menu .drop-down-list .option a:active {
  text-decoration: none;
  color: #3b3b3b; }
#panel .fixed-top .drop-down-menu .drop-down-list .option .icon-panel {
  width: 20px;
  height: 20px;
  margin-right: 10px; }
#panel .fixed-top .drop-down-menu .drop-down-list .option .icon-panel.profile {
  background: url("/img/backend/icon-panel-profile.png") center center no-repeat; }
#panel .fixed-top .drop-down-menu .drop-down-list .option .icon-panel.payments {
  background: url("/img/backend/icon-panel-payments.png") center center no-repeat; }
#panel .fixed-top .drop-down-menu .drop-down-list .option .icon-panel.settings {
  background: url("/img/backend/icon-panel-settings.png") center center no-repeat; }
#panel .fixed-top .drop-down-menu .drop-down-list .option .icon-panel.company-settings {
  background: url("/img/backend/icon-panel-company-settings.png") center center no-repeat; }
#panel .fixed-top .drop-down-menu .drop-down-list .option .icon-panel.help {
  background: url("/img/backend/icon-panel-help.png") center center no-repeat; }
#panel .fixed-top .drop-down-menu .drop-down-list .option .icon-panel.logout {
  background: url("/img/backend/icon-panel-logout.png") center center no-repeat; }
#panel .fixed-top .drop-down-menu.ng-hide-add, #panel .fixed-top .drop-down-menu.ng-hide-remove {
  transition: all linear 0.15s; }
#panel .fixed-top .drop-down-menu.ng-hide {
  transition: all linear 0.15s;
  opacity: 0.0; }
#panel .fixed-top .drop-down-menu-user {
  right: 14px; }

.headback {
  display: none;
}
.menu-list {
  margin: 0;
}

.menu-title {
  display: none;
  margin-left: -7px;
  margin-right: -7px;
  margin-top: -7px;
  border-bottom: 1px solid #132639;
}
.menu-title > div {
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  padding-left: 20px;
  background: #485f78 url(/img/backend/arrow_title.png) 7px center no-repeat;
  padding-top: 10px;
  padding-bottom: 11px;
}

.menu-list > ul > li .icon-offers {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-offers.png') no-repeat;
}
.menu-list > ul > li .icon-www {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-www.png') no-repeat;
}
.menu-list > ul > li .icon-settings {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-settings.png') no-repeat;
}
.menu-list > ul > li .icon-back {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-back.png') no-repeat;
}
.menu-list > ul > li .icon-mail {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-mail.png') no-repeat;
}
.menu-list > ul > li .icon-messages {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-messages.png') no-repeat;
}
.menu-list > ul > li .icon-exports {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-exports.png') no-repeat;
}
.menu-list > ul > li .icon-search {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-search.png') no-repeat;
}
.menu-list > ul > li .icon-administrators {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-administrators.png') no-repeat;
}
.menu-list > ul > li .icon-clients {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-clients.png') no-repeat;
}
.menu-list > ul > li .icon-employees {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-employees.png') no-repeat;
}
.menu-list > ul > li .icon-reports {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-reports.png') no-repeat;
}
.menu-list > ul > li .icon-calendar {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-calendar.png') no-repeat;
}
.menu-list > ul > li .icon-statistics {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-statistics.png') no-repeat;
}
.menu-list > ul > li .icon-tasks {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-tasks.png') no-repeat;
}
.menu-list > ul > li .icon-assistant {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-assistant.png') no-repeat;
}
.menu-list > ul > li .icon-docs-workflow {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-docs-workflow.png') no-repeat;
}
.menu-list > ul > li .icon-buildings {
  width: 27px;
  height: 23px;
  background: url('/img/backend/menu-list-icon-buildings.png') no-repeat;
}


.menu-list > ul > li > ul {
  -webkit-border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.menu-list > ul > li > ul > li:last-child div,
.menu-list > ul > li > ul > li:last-child a {
  border-bottom: 0 !important;
}
.menu-list > ul > li > ul > li div.disabled {
  cursor: default;
  background: #3d4d5e !important;
  color: #888;
  padding: 8px 10px 8px 10px;
  border-left: 5px solid transparent;
  border-bottom: 1px solid #395979;
  display: block;
  font-size: 11px;
  text-decoration: none;
}
.menu-list > ul > li > ul > li a {
  padding: 8px 10px 8px 10px;
  border-left: 5px solid transparent;
  display: block;
  color: var(--basic-color-3);
  font-size: 16px;
  text-decoration: none;
}
.menu-list > ul > li > ul > li a:hover,
.menu-list > ul > li > ul > li a.active {
  padding: 8px 10px 8px 10px;
  border-left: 5px solid #4198f7;
  display: block;
  color: var(--basic-color-3);
  text-decoration: none;
}
.menu-list > ul > li > ul > li:last-child a {
  border-bottom: 1px solid transparent;
}
.menu-list > ul > li > ul > li:last-child {
}


#panel .menu-frame .fastsearch {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
}
#panel .menu-frame .fastsearch input {
  width: 100%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 30px;
  padding-right: 10px;
  font-size: 13px;
  color: #e4e7ed;
  line-height: 13px;
  background: #394e65 url('/img/backend/search_icon.png') 10px center no-repeat;
  border: 0;
}

.ui-autocomplete-category {
  padding: 5px;
  font-weight: bold;
}

.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
  height: 200px;
}

#panel .menu-frame .fastsearch input::placeholder,
#panel .menu-frame .fastsearch input::-webkit-input-placeholder,
#panel .menu-frame .fastsearch input::-moz-placeholder,
#panel .menu-frame .fastsearch input:-ms-input-placeholder,
#panel .menu-frame .fastsearch input:-moz-placeholder {
  color: #e4e7ed;
}

#panel .menu-frame {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 250px; }

#panel .menu {
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 7px 0px 10px -12px rgba(0,0,0,0.44);
  box-shadow: 7px 0px 10px -12px rgba(0,0,0,0.44);
}

#panel .active .menu-item-hover {
  background-color: #E9642E; }

#panel .menu-item {
  clear: both;
  height: 65px;
  color: #E4E7ED;
  font-size: 11px;
  line-height: 65px;
  border-bottom: 1px solid rgba(228, 231, 237, 0.1); }

#panel .menu-item .menu-item-image {
  width: 24px;
  height: 24px;
  margin-left: 21px;
  margin-right: 6px;
  display: inline-block;
  font-size: 24px;}
#panel .menu-item .menu-item-hover {
  display: inline-block;
  width: 5px;
  height: 100%;
  float: left; }
#panel .menu-item:hover .menu-item-hover {
  background-color: #E9642E; }

.menu-item[class~='icon-dashboard'] { background: url('/img/backend/menu-dashboard-icon.png') 25px center no-repeat; }
.menu-item[class~='icon-offers'] { background: url('/img/backend/menu-offers-icon.png') 25px center no-repeat; }
.menu-item[class~='icon-clients'] { background: url('/img/backend/menu-clients-icon.png') 25px center no-repeat; }
.menu-item[class~='icon-users'] { background: url('/img/backend/menu-users-icon.png') 25px center no-repeat; }
.menu-item[class~='icon-administrators'] { background: url('/img/backend/menu-administrators-icon.png') 25px center no-repeat; }
.menu-item[class~='icon-mailings'] { background: url('/img/backend/menu-mailings-icon.png') 25px center no-repeat; }
.menu-item[class~='icon-searchoffers'] { background: url('/img/backend/menu-searchoffers-icon.png') 25px center no-repeat; }
.menu-item[class~='icon-settingscompany'] { background: url('/img/backend/menu-settingscompany-icon.png') 25px center no-repeat; }
.menu-item[class~='icon-exports'] { background: url('/img/backend/menu-exports-icon.png') 25px center no-repeat; }
.menu-item[class~='icon-settings'] { background: url('/img/backend/menu-settings-icon.png') 25px center no-repeat; }

#panel .menu-sub-item {
  clear: both;
  height: 35px;
  color: #E4E7ED;
  font-size: 12px;
  font-weight: 700;
  line-height: 35px; }
#panel .menu-sub-item .menu-item-image {
  width: 24px;
  height: 24px;
  margin-left: 31px;
  margin-right: 6px;
  display: inline-block;
  font-size: 24px;
  line-height: 35px; }
#panel .menu-sub-item .menu-item-hover {
  display: inline-block;
  width: 5px;
  height: 100%;
  float: left; }
#panel .menu-sub-item:hover .menu-item-hover {
  background-color: #E9642E; }

#panel .menu-item-a, #panel .menu-item-a:hover, #panel .menu-item-a:active {
  text-decoration: none; }
/*
#panel .submenu {
  background: #394e65; }
*/
#panel {
  /*#content-segment.ng-enter {
        -webkit-animation:b .456s 1 ease;
        -moz-animation:b .456s 1 ease;
        -o-animation:b .456s 1 ease
    }
    @-webkit-keyframes b
    {
        0%
        {
            -webkit-transform:rotate(0deg) scale(.955) skew(0deg) translate(0)
        }
        to
        {
            -webkit-transform:rotate(0deg) scale(1) skew(0deg) translate(0)
        }

    }*/ }

.loginpage-panel {
  width: 430px;
  background: #f8f8f8;
}

.loginpage-panel form {
  padding-left: 34px;
  padding-right: 34px;
  padding-bottom: 29px;

}
.loginpage-panel form .text-info {
  display: block;
  clear: both;
  padding-top: 41px;
  font-family: "Open Sans", serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
  color: rgba(34, 58, 83, 0.6);
  text-align: left; }
.loginpage-panel form .text-info.register {
  text-align: center; }

.loginpage-panel .success {
  font-family: "Open Sans", serif;
  color: rgba(34, 58, 83, 0.6);
  text-align: center; }
.loginpage-panel .success .info {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px; }
.loginpage-panel .success img {
  width: 105px;
  height: 105px;
  margin: auto;
  display: block; }
.loginpage-panel .success p {
  margin-top: 10px;
  font-size: 20px;
  color: #F38130;
  text-align: center; }
.loginpage-panel .success .missingmail {
  font-size: 14px;
  font-family: "Open Sans", serif;
  color: rgba(34, 58, 83, 0.6);
  text-align: center; }
.loginpage-panel .success .missingmail button {
  font-family: "Open Sans", serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  border-radius: 0;
  background-color: #F38130;
  border: 0;
  width: 100%;
  color: #FFFFFF; }




#loginpage {
  background: #fff url('/img/backend/background.jpg') left bottom no-repeat;
  background-size: auto;
  height: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  #loginpage {
  } }

#loginpage-main {
  position: relative;
  margin-left: 50%;
  height: 100%;
  min-height: 100%; }
@media screen and (max-width: 1400px) {
  #loginpage-main {
    margin-left: 40%; } }
@media screen and (max-width: 1130px) {
  #loginpage-main {
    margin-left: 30%; } }

.loginpage-panel {
  position: absolute;
  top: 195px;
  left: 0;
  right: 0;
  margin: auto;
  height: auto;
  display: block; }

.loginpage-panel .text-info {
  padding-bottom: 32px;
}

.loginpage-panel .col-sm-6 {
  padding: 0 !important; }
.loginpage-panel .logo {
  position: absolute;
  top: -156px;
  left: 0;
  right: 0;
  margin: auto;
  background-image: url("/img/panel/fixed-top/logo.svg");
  width: 219px;
  height: 63px;
  background-size: 219px;
  background-repeat: no-repeat; }
.loginpage-panel .field-email {
  /*margin-top: 49px; */}
.loginpage-panel .field-password {
  margin-top: 37px !important;}

.loginpage-panel .field-password[class~='error'] {
  margin-top: 33px !important;}

.loginpage-panel .field-password-reply {
  margin-top: 33px; }
.loginpage-panel .field-button {
  margin-top: 23px;
  width: 100%; }
.loginpage-panel .field-remember-password {
  margin-top: 19px; }
.loginpage-panel .field-forgot-password {
  float: right;
  margin-top: 24px;
  font-size: 14px;
  font-family: 'Open Sans'; font-weight: 300;
  color: #A3AAB3; }
.loginpage-panel .field-forgot-password a,
.loginpage-panel .field-forgot-password a:focus,
.loginpage-panel .field-forgot-password a:visited {
  color: #A3AAB3; }
.loginpage-panel .field-forgot-password a:active {
  color: #D05C14;
  text-decoration: none; }
.loginpage-panel .field-forgot-password a:hover {
  color: var(--basic-color-1);
  text-decoration: none; }
.loginpage-panel .navigation-tab {
  height: 51px;
  padding-left: 34px !important;
  display: inline-block;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 56px;
  font-family: "Open Sans", serif;
  color: #223a53; }
.loginpage-panel .navigation-tab-inactive {
  background-color: rgba(150, 159, 175, 0.5);
  color: #627386; }

.wizard {
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  width: 100%;
  position: fixed;
  background-color: #E2E5EB; }



.wizard .domuly-panel-body {
  background-color: #f2f3f6; }
.wizard .content {
  min-height: 100%;
  height: 100%;
  width: 66%;
  float: left;
  position: relative; }
.wizard .info {
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 34%;
  float: right;
  position: relative;
  overflow: hidden;
  /* Slider */ }
.wizard .info .slide-title {
  position: absolute;
  bottom: 80px;
  left: 30px;
  z-index: 1000; }
.wizard .info .slide-title ul li pre {
  display: block;
  padding: 0;
  margin: 0;
  line-height: 1.42857;
  word-break: break-all;
  word-wrap: break-word;
  font-size: 33px;
  font-family: 'Open Sans';
  color: #fff;
  font-weight: 100;
  background-color: transparent;
  border: 0;
  border-radius: 0; }
.wizard .info .nav {
  text-align: left;
  display: block;
  position: absolute;
  z-index: 1002;
  left: 20px;
  bottom: 50px;
  right: 0;
  height: 7px; }
.wizard .info .nav ul {
  margin: 0;
  width: 100%; }
.wizard .info .nav .dot, .wizard .info .nav .dot a {
  display: inline-block;
  zoom: 1; }
.wizard .info .dots .dot {
  position: relative;
  margin: 0 8px;
  width: 13px; }
.wizard .info .dots .dot a {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 7px;
  height: 7px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #c6cbd4;
  border: 1px solid #c6cbd4;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: background-color 0.25s, border-color 0.25s;
  -moz-transition: background-color 0.25s, border-color 0.25s;
  transition: background-color 0.25s, border-color 0.25s; }
.wizard .info .dots .dot a.active {
  border-color: var(--basic-color-1);
  background-color: var(--basic-color-1); }
.wizard .info.info-img-0 {
  background-image: url("/img/wizard/guide/img_0.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard .info.info-img-0 {
    background-image: url("/img/wizard/guide/img_0@2x.jpg");
    background-size: cover cover; } }
.wizard .info.info-img-1 {
  background-image: url("/img/wizard/guide/img_1.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard .info.info-img-1 {
    background-image: url("/img/wizard/guide/img_1@2x.jpg");
    background-size: cover cover; } }

/* Slider */
/* Step 0 */
.wizard-step-0-1 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step0_1.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-0-1 {
    background-image: url("/img/wizard/guide/step0_1@2x.jpg");
    background-size: cover cover; } }

.wizard-step-0-2 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step0_2.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-0-2 {
    background-image: url("/img/wizard/guide/step0_2@2x.jpg");
    background-size: cover cover; } }

.wizard-step-0-3 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step0_3.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-0-3 {
    background-image: url("/img/wizard/guide/step0_3@2x.jpg");
    background-size: cover cover; } }

.wizard-step-0-4 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step0_4.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-0-4 {
    background-image: url("/img/wizard/guide/step0_4@2x.jpg");
    background-size: cover cover; } }

.wizard-step-0-5 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step0_5.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-0-5 {
    background-image: url("/img/wizard/guide/step0_5@2x.jpg");
    background-size: cover cover; } }

/* Step 1 */
.wizard-step-1-1 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step1_1.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-1-1 {
    background-image: url("/img/wizard/guide/step1_1@2x.jpg");
    background-size: cover cover; } }

.wizard-step-1-2 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step1_2.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-1-2 {
    background-image: url("/img/wizard/guide/step1_2@2x.jpg");
    background-size: cover cover; } }

.wizard-step-1-3 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step1_3.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-1-3 {
    background-image: url("/img/wizard/guide/step1_3@2x.jpg");
    background-size: cover cover; } }

/* Step 2 */
.wizard-step-2-1 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step2_1.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-2-1 {
    background-image: url("/img/wizard/guide/step2_1@2x.jpg");
    background-size: cover cover; } }

.wizard-step-2-2 {
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
  height: 100%;
  width: 100%;
  background-image: url("/img/wizard/guide/step2_2.jpg"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-step-2-2 {
    background-image: url("/img/wizard/guide/step2_2@2x.jpg");
    background-size: cover cover; } }

.wizard .domuly-button-round-skip-small {
  margin-left: 20px; }

.wizard .step-box {
  background: rgba(255, 255, 255, 0.5);
  height: 72px;
  width: 100%;
  display: table; }
.wizard .step-box .row {
  display: table-cell;
  vertical-align: middle; }
.wizard .step-box .left-box {
  padding-left: 28px; }
.wizard .step-box .right-box {
  text-align: right;
  padding-right: 31px; }
.wizard .step-box .title {
  color: rgba(59, 59, 59, 0.5);
  font-size: 20px;
  font-weight: 300;
  font-family: 'Open Sans'; font-weight: 300; }
.wizard .step-box .text {
  color: rgba(34, 58, 83, 0.5);
  font-size: 14px;
  font-weight: 300;
  font-family: 'Open Sans'; font-weight: 300; }
.wizard .step-box .dot {
  width: 7px;
  height: 7px;
  background-color: #C6CBD4;
  display: inline-block;
  margin-left: 22px;
  border-radius: 50%; }
.wizard .step-box .dot-active {
  background-color: var(--basic-color-1) !important; }

.wizard .licenses-list > div.ng-enter, .wizard div.ng-leave-active {
  transition: all 1s;
  opacity: 0; }

.wizard .licenses-list > div.ng-enter-active, .wizard div.ng-leave {
  opacity: 1; }

.wizard .licenses-select {
  padding: 12px;
  padding-bottom: 0;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px; }
.wizard .licenses-select .domuly-form-field {
  width: 271px; }

.wizard .licenses-list {
  /*div:not(:first-child) .domuly-form-field {
            margin-top: 33px !important;
        }*/ }

.wizard .licenses-list .domuly-button-option-delete {
  margin-top: 17px;
}


.wizard .licenses-list .row {
  background: #f9f9fb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px; }
.wizard .licenses-list .domuly-table, .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table, .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table {
  width: 100%; }
.wizard .licenses-list .domuly-table .td[class~="delete"], .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .td[class~="delete"], .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table .td[class~="delete"], .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .td[class~="delete"], .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table .td[class~="delete"] {
  width: 40px;
  padding-left: 5px; }
.wizard .licenses-list .domuly-table .domuly-table:first-child .td, .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table .domuly-table:first-child .td, .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table .domuly-table:first-child .td, .wizard .licenses-list .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .domuly-table .favorites-table:first-child .td, .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table .favorites-table:first-child .td, .wizard .licenses-list .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .domuly-table .favorites-table:first-child .td, .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table .favorites-table:first-child .td {
  width: 50%; }
.wizard .licenses-list .domuly-table .domuly-table:first-child .td:first-child, .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table .domuly-table:first-child .td:first-child, .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table .domuly-table:first-child .td:first-child, .wizard .licenses-list .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .domuly-table .favorites-table:first-child .td:first-child, .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table .favorites-table:first-child .td:first-child, .wizard .licenses-list .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .domuly-table .favorites-table:first-child .td:first-child, .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table .favorites-table:first-child .td:first-child {
  padding-right: 0; }
.wizard .licenses-list .domuly-table .domuly-table:first-child .td:last-child, .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table .domuly-table:first-child .td:last-child, .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table .domuly-table:first-child .td:last-child, .wizard .licenses-list .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .domuly-table .favorites-table:first-child .td:last-child, .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table .favorites-table:first-child .td:last-child, .wizard .licenses-list .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .domuly-table .favorites-table:first-child .td:last-child, .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table .favorites-table:first-child .td:last-child {
  padding-left: 34px; }
.wizard .licenses-list .domuly-table .domuly-table:first-child .td:last-child .domuly-form-field, .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:last-child .domuly-form-field, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table .domuly-table:first-child .td:last-child .domuly-form-field, .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:last-child .domuly-form-field, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table .domuly-table:first-child .td:last-child .domuly-form-field, .wizard .licenses-list .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:last-child .domuly-form-field, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .domuly-table .favorites-table:first-child .td:last-child .domuly-form-field, .wizard .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:last-child .domuly-form-field, .offer .photos .list[class~='show-list'] .box-table .wizard .licenses-list .favorites-table .favorites-table:first-child .td:last-child .domuly-form-field, .wizard .licenses-list .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:last-child .domuly-form-field, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .domuly-table .favorites-table:first-child .td:last-child .domuly-form-field, .wizard .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:last-child .domuly-form-field, .offer .photos .list[class~='show-box'] .box-table .wizard .licenses-list .favorites-table .favorites-table:first-child .td:last-child .domuly-form-field {
  width: 236px !important; }

.wizard .wizard-frame-licenses {
  width: 666px;
  margin: auto !important;
  margin-top: 41px !important; }
.wizard .wizard-frame-licenses .domuly-panel-content {
  padding: 12px 38px 28px 38px !important; }
.wizard .wizard-frame-licenses .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }
.wizard .wizard-frame-licenses .space-line {
  margin-bottom: 10px;
  height: 5px; }
.wizard .wizard-frame-licenses .domuly-button-add-element {
  margin-left: 14px;
  margin-top: 8px; }

/*! sass-mixins - v0.11.0 - 2014-10-20 */
/**
 * @description
 * Generates keyframe animations
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-animation
 * @link spec http://www.w3.org/TR/css3-animations/
 *
 * @param values
 * @returns
 *   -webkit-animation: <values>;
 *           animation: <values>;
 *
 * @example
 *   .selector {
 *     @include x-animation(jump 1s ease-out);
 *   }
 */
/*
 * @example
 *    @include x-keyframes(jump) {
 *      from { top: 0; }
 *      to { top: -10px; }
 *   }
 */
/**
 * @description
 * Generates `appearance` for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance
 * @link css-tricks http://css-tricks.com/almanac/properties/a/appearance/
 * @link spec http://www.w3.org/TR/2004/CR-css3-ui-20040511/#appearance
 *
 * @param value
 * @returns
 *   -webkit-appearance: <value>;
 *      -moz-appearance: <value>;
 *           appearance: <value>;
 *
 * @example
 *   .selector {
 *     @include x-appearance(button);
 *   }
 */
/**
 * @description
 * Generates `background-size` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/background-img-opts
 * @link spec http://www.w3.org/TR/css3-background/
 *
 * @param value
 * @returns
 *   -webkit-background-size: $args;
 *           background-size: $args;
 *
 * @example
 *   .selector {
 *     @include x-background-size(100% auto);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `border-radius` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/border-radius
 * @link spec http://www.w3.org/TR/css3-background/#corners
 *
 * @param values
 * @returns
 *   -webkit-border-radius: <values>;
 *           border-radius: <values>;
 *
 * @example
 *   .selector {
 *     @include x-border-radius(20px 10px);
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-shadow` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-boxshadow
 * @link spec http://www.w3.org/TR/css3-background/#the-box-shadow
 *
 * @param values
 * @returns
 *   -webkit-box-shadow: <values>;
 *           box-shadow: <values>;
 *
 * @example
 *   .selector {
 *     @include x-box-shadow(5px 5px 10px 5px var(--basic-color-2));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `box-sizing` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @param type
 * @returns
 *   -webkit-box-sizing: <type>;
 *      -moz-box-sizing: <type>;
 *           box-sizing: <type>;
 *
 * @example
 *   .selector {
 *     @include x-box-sizing;
 *   }
 */
/**
 * @description
 * These mixins generates Media Queries
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/#feat=css-mediaqueries
 * @link spec http://www.w3.org/TR/css3-mediaqueries/
 *
 * Note: Please use the CSS unit `em` for device-width in order to stay
 * responsive.
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (min-width: <device-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-at-least(40em) { width: 60%; }
 *   }
 */
/**
 * @param device-width {number}
 * @content
 * @returns
 *   @media screen and (max-width: <device-width - 0.01>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-until(40em) { width: 100%; }
 *   }
 */
/**
 * @author romamatusevich
 *
 * @param point{string}, bp-mobile-width{number}, bp-tablet-width{number}
 * @content
 * @returns
 *   @media (max-width: <bp-mobile-width>) {
 *      <content>
 *   }
 *
 * @example
 *   .selector {
 *     x-breakpoints(mobile,  320px) { width: 100%; }
 *   }
 */
/**
 * @description
 * Generates `calc` function which allows mathematical expressions for a given property
 *
 * @author romamatusevich
 *
 * @link spec http://www.w3.org/TR/css3-values/#calc
 * @link caniuse http://caniuse.com/calc
 *
 * @param property
 * @param expression
 *
 * @returns
 *    <property>: -webkit-calc(<expression>);
 *    <property>: calc(<expression>);
 *
 * @example
 *   .selector {
 *     @include x-calc(width, "600px - 2em");
 *   }
 */
/**
 * @description
 * Generates flexbox properties for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes
 * @link css-tricks http://css-tricks.com/snippets/css/a-guide-to-flexbox/
 * @link spec http://www.w3.org/TR/css3-flexbox/
 */
/**
 * @returns
 *   display: -webkit-box;
 *   display: -moz-box;
 *   display: -ms-flexbox;
 *   display: -webkit-flex;
 *   display: flex;
 *
 * @example
 *   .selector {
 *     @include x-display-flex;
 *   }
 */
/**
 * @param values
 * @returns
 *   -webkit-box-flex: <values>;
 *      -moz-box-flex: <values>;
 *       -webkit-flex: <values>;
 *           -ms-flex: <values>;
 *               flex: <values>;
 *
 * @example
 *   .selector {
 *     @include x-flex(1 1 auto);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-box-ordinal-group: <value>;
 *      -moz-box-ordinal-group: <value>;
 *              -ms-flex-order: <value>;
 *               -webkit-order: <value>;
 *                       order: <value>;
 *
 * @example
 *   .selector {
 *     @include x-order(1);
 *   }
 */
/**
 * @param value
 * @returns
 *    -webkit-flex-wrap: <value>;
 *        -ms-flex-wrap: <value>;
 *            flex-wrap: <value>;
 *
 * @example
 *   .selector {
 *     @include x-flex-wrap(wrap);
 *   }
 */
/**
 * @param value
 * @returns
 *   -webkit-align-content: <value>;
 *      -moz-align-content: <value>;
 *      -ms-flex-line-pack: <value>;
 *           align-content: <value>;
 * @example
 *   .selector {
 *     @include x-align-content(center);
 *   }
 */
/**
 * @param value
 * @returns
 *	  -webkit-box-direction: <value>;
 *		 -moz-box-direction: <value>;
 *       -webkit-box-orient: <value>;
 *		    -moz-box-orient: <value>;
 *   -webkit-flex-direction: <value>;
 *      -moz-flex-direction: <value>;
 *       -ms-flex-direction: <value>;
 *           flex-direction: <value>;
 * @example
 *   .selector {
 *     @include x-flex-direction(row-reverse);
 *   }
 */
/* ToDo: add flex-grow, flex-shrink, flex-basis, flex-flow, align-items, align-self, justify-content mixins */
/**
 * @description
 * Generates a linear gradient for a given element with a fallback color.
 *
 * @author drublic
 *
 * @link caniuse
 * @link spec
 *
 * @dependency helper-gradient-angle
 * @param direction {'to bottom'|'to right'|'to top'|'to left'|<degree>}
 * @param fallback {color}
 * @param from {color}
 * @param to {color}
 * @default 'to bottom', #ccc, #ccc, var(--basic-color-2)
 *
 * @returns
 *   background-color: <fallback>;
 *   background-image: -webkit-gradient(linear, <direction - old converted>, from(<from>), to(<to>));
 *   background-image: -webkit-linear-gradient(<direction - converted>, <from>, <to>);
 *   background-image:         linear-gradient(<direction>, <from>, <to>);
 *
 * @example
 *   .selector {
 *     @include x-linear-gradient("to bottom", #ccc, #ddd, #bbb);
 *   }
 *
 * Note: By default this linear-gradient-mixin encourages people to use the
 * latest CSS-syntax for gradients.
 */
/**
 * @description
 * This mixin generates multiple backgrounds
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 */
/*
 * A function for prefixing gradients
 *
 * @param mode {'webkit-old'|'webkit'|''}
 * @param gradient
 * @returns
 *   -<mode>-linear-gradient(<gradient>);
 */
/*
 * Generates multiple backgrounds
 *
 * @param backgrounds {list}
 *
 * @example
 *   .selector {
 *     @include x-multiple-backgrounds(
 *       rgba(0, 0, 0, 0.3),
 *       url('../img/html5_logo.png') top right no-repeat,
 *       (linear-gradient, to bottom, var(--basic-color-2), #ddd)
 *     );
 *   }
 */
/**
 * @description
 * This mixin creates (endless) multiple color stops in gradients just with one
 * call for the mixin.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-gradients
 * @link spec http://www.w3.org/TR/2011/WD-css3-images-20110217/#linear-gradients
 *
 * @param stops {list}
 * @returns
 *   background-image: -webkit-linear-gradient(top, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *   background-image:         linear-gradient(to bottom, <stops[1]>, <stops[2]>, ..., <stops[n]>);
 *
 * @example
 *   .selector {
 *     @include x-multiple-colored-gradient((
 *         "top",
 *         #f22 0%,
 *         #f2f 15%,
 *         #22f 30%,
 *         #2ff 45%,
 *         #2f2 60%,
 *         #2f2 75%,
 *         #ff2 90%,
 *         #f22 100%
 *     ));
 *   }
 *
 * Note: This mixis does not define a fallback-color for your background as it
 * is likely you want to add an image or something. Please specify one by
 * yourself.
 */
/**
 * @description
 * Generates `opacity` output for a given element and adds a filter for old IE.
 *
 * @author bartveneman
 *
 * @link caniuse http://caniuse.com/css-opacity
 * @link spec http://www.w3.org/TR/css3-color/#transparency
 *
 * @param value
 * @returns
 *   opacity: <value>;
 *    filter: alpha(opacity=<value * 100>);
 *
 * @example
 *   .selector {
 *     @include x-opacity(0.3);
 *   }
 */
/**
 * @description
 * Generates `placeholder` content for a given element
 *
 * @author romamatusevich
 *
 * @link MDN https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-placeholder
 * @link css-tricks http://css-tricks.com/snippets/css/style-placeholder-text/
 *
 * @returns
 *    &::-webkit-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &::-moz-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *    &:-ms-input-placeholder {
 *        <content property 1>: <content value 1>;
 *        ...
 *        <content property n>: <content value n>;
 *    }
 *
 * @example
 *   .selector {
 *     @include x-placeholder {
 *         color: #bada55;
 *         font-weight: bold;
 *     }
 *   }
 */
/**
 * @description
 * This mixin enables you to use the CSS3 value `rem`, which lets you define
 * property sizes based on the root element's font-size.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/rem
 * @link spec http://www.w3.org/TR/css3-values/#relative0
 *
 * Note: Depending on the font-size of the root-element `rem` calculates a
 * property of a current element. The fallback solution accepts a
 * `default-font-size`-argument which is 16px by default.
 */
/*
  * Returns a number without unit. E.g. 30px -> 30
  * Borrowed from https://github.com/zurb/foundation/blob/master/scss/foundation/_functions.scss
  *
  * @param value {String}
  * @returns
  *   <Number>
  */
/*
  * Outputs properties that use rem with a px fallback.
  * It also takes px values and converts them to rem.
  *
  * @param property
  * @param values
  * @param default-font-size int optional
  * @returns
  *   <property>: <parsed value>px;
  *   <property>: <parsed value>rem;
  *
  * @example
  *   .selector {
  *     @include x-rem(font-size, 1.3);
  *     @include x-rem(padding, 20px);
  *   }
  */
/**
 * @description
 * Sass-mixin for CSS property `tab-size`, generates cross-browser-compatible
 * `tab-size` output.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css3-tabsize
 * @link spec http://dev.w3.org/csswg/css-text/#tab-size1
 *
 * @param value int optional
 * @default 4
 * @returns
 *   -moz-tab-size: <value>;
 *        tab-size: <value>;
 *
 * @example
 *   .selector {
 *     @include x-tab-size(4);
 *    }
 */
/**
 * @description
 * Generates cross-browser-compatible `transform` for a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/transforms2d http://caniuse.com/transforms3d
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transform: <values>;
 *       -ms-transform: <values>;
 *           transform: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transform(rotate(1deg));
 *   }
 */
/**
 * @description
 * Generates cross-browser-compatible `transition` output for a given element.
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/css-transitions
 * @link spec
 *
 * @param values
 * @returns
 *   -webkit-transition: <values>;
 *           transition: <values>;
 *
 * @example
 *   .selector {
 *     @include x-transition(background 0.3s ease-in);
 *   }
 */
/**
 * @description
 * Disables selection of content of a given element
 *
 * @author drublic
 *
 * @link caniuse http://caniuse.com/user-select-none
 *
 * @param value none|auto optional
 * @default none
 * @returns
 *   -webkit-user-select: <value>;
 *      -moz-user-select: <value>;
 *       -ms-user-select: <value>;
 *           user-select: <value>;
 *
 * @example
 *   .selector {
 *     @include x-user-select;
 *   }
 */
.wizard .wizard-frame-www {
  width: 666px;
  margin: auto !important;
  margin-top: 41px !important; }
.wizard .wizard-frame-www .domuly-panel-content {
  padding: 34px 38px 28px 38px !important; }
.wizard .wizard-frame-www .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }
.wizard .wizard-frame-www .btn-domuly {
  /*margin-top: 40px;*/ }
.wizard .wizard-frame-www .domuly-button-add-element {
  margin-left: 14px;
  margin-top: 8px; }
.wizard .wizard-frame-www .subdomain {
  position: relative;
  width: 382px; }
.wizard .wizard-frame-www .domuly-form-field.subdomain input:not(.info) {
  padding-right: 110px !important; }
.wizard .wizard-frame-www .domuly-form-field.subdomain .info {
  position: absolute;
  background: #e2e5e9;
  right: 1px;
  border: 0 !important;
  top: 1px;
  bottom: 1px !important;
  min-height: 0;
  height: auto;
  width: 100px !important;
  text-align: center;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.wizard .wizard-frame-www .subdomain[class~='error'] .info {
  height: 38px !important;
  right: 5px;
  border: 2px solid blue;
  margin-top: 4px;
}

.wizard-form .www-browser-image {
  background-image: url("/img/wizard/browser_bcg.png");
  height: 258px;
  width: 590px;
  margin: auto;
  margin-bottom: 92px;
  font-size: 12px; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard-form .www-browser-image {
    background-image: url("/img/wizard/browser_bcg@2x.png");
    background-size: 590px 258px; } }
.wizard-form .www-browser-image .title-text {
  position: relative;
  top: 13px;
  left: 22px;
  height: 19px;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 255px; }
.wizard-form .www-browser-image .domain-text {
  position: relative;
  top: 25px;
  left: 108px;
  text-transform: lowercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* text-overflow: "... .domuly.com"; Działa tylko pod firefox */
  width: 417px; }

.domuly-wizard-outro-logo {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 89px;
  width: 105px;
  height: 105px;
  background-image: url("/img/main/success-icon.png"); }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .domuly-wizard-outro-logo {
    background-image: url("/img/main/success-icon@2x.png");
    background-size: 105px 105px; } }

.domuly-wizard-outro-title {
  color: var(--basic-color-1);
  font-size: 42px;
  font-family: 'Open Sans'; font-weight: 300;
  font-weight: 100;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 280px;
  width: 400px;
  text-align: center; }
.domuly-wizard-outro-title span {
  font-weight: bold; }

.domuly-wizard-outro-desc {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 345px;
  font-family: 'Open Sans'; font-weight: 300;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  color: rgba(34, 58, 83, 0.6);
  text-align: center; }

.domuly-wizard-outro-button-title {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 600px;
  margin-top: 460px;
  font-family: 'Open Sans'; font-weight: 300;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  color: rgba(34, 58, 83, 0.6);
  text-align: center; }

.domuly-wizard-outro-button {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 502px;
  width: 228px; }

@-webkit-keyframes arrow-right-slide {
  from {
    right: 15px;
    opacity: 1; }
  to {
    right: 5px;
    opacity: 0; } }
.domuly-wizard-outro-button .ion-arrow-right-a {
  position: absolute;
  font-size: 20px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: arrow-right-slide 1s ease infinite;
  -moz-animation: arrow-right-slide 1s ease infinite;
  -o-animation: arrow-right-slide 1s ease infinite;
  -ms-animation: arrow-right-slide 1s ease infinite; }

/*
.wizard-outro {
    $intro-image-height: 105px;
    $intro-title-top: 36px;
    $intro-description-top: 14px;
    $intro-little-description-top: 101px;

    .image {
        @include at2x("/img/main/success-icon", "png", $intro-image-height, $intro-image-height);
        height: $intro-image-height;
        width: $intro-image-height;
        margin: auto;
        top: 126px;
        position: relative;
    }

    .title {
        top: $intro-image-height + $intro-title-top;
        position: relative;
        text-align: center;
        font-family: $default-font-1;
        color: $main-colored-text;
        font-weight: 300;
        font-size: 42px;
    }

    .description {
        position: relative;
        top: $intro-image-height + $intro-title-top + $intro-description-top;
        text-align: center;
        font-family: $default-font-1;
        color: rgba(34, 58, 83, 0.5);
        font-size: 18px;
        font-weight: 300;
    }

    .little-description {
        position: relative;
        top: $intro-image-height + $intro-title-top + $intro-little-description-top + $intro-little-description-top;
        font-family: $default-font-1;
        color: rgba(34, 58, 83, 0.5);
        font-size: 18px;
        font-weight: 300;
        text-align: center;
    }

    .button-block {
        position: relative;
        top: $intro-image-height + $intro-title-top + $intro-little-description-top + $intro-little-description-top + 23px;
        margin: auto;
        width: 228px;
        height: 40px;

        > a {
            width: 228px;
        }
    }
}*/
.domuly-wizard-intro-logo {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 89px;
  width: 263px;
  height: 77px;
  background: url("/img/wizard/logo.png") no-repeat; }

.domuly-wizard-intro-title {
  color: var(--basic-color-1);
  font-size: 42px;
  font-family: 'Open Sans'; font-weight: 300;
  font-weight: 100;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 210px;
  width: 400px;
  text-align: center; }
.domuly-wizard-intro-title span {
  font-weight: bold; }

.domuly-wizard-intro-desc {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 600px;
  margin-top: 345px;
  font-family: 'Open Sans'; font-weight: 300;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  color: rgba(34, 58, 83, 0.6);
  text-align: center; }

.domuly-wizard-intro-button-title {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 600px;
  margin-top: 460px;
  font-family: 'Open Sans'; font-weight: 300;
  font-size: 18px;
  font-weight: 300;
  line-height: 22px;
  color: rgba(34, 58, 83, 0.6);
  text-align: center; }

.domuly-wizard-intro-button {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  margin-top: 502px;
  width: 228px; }

@-webkit-keyframes arrow-right-slide {
  from {
    right: 15px;
    opacity: 1; }
  to {
    right: 5px;
    opacity: 0; } }
.domuly-wizard-intro-button .ion-arrow-right-a {
  position: absolute;
  font-size: 20px;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: arrow-right-slide 1s ease infinite;
  -moz-animation: arrow-right-slide 1s ease infinite;
  -o-animation: arrow-right-slide 1s ease infinite;
  -ms-animation: arrow-right-slide 1s ease infinite; }

.wizard .domuly-panel-buttons {
  padding: 20px 25px 20px 25px !important;
  background: #fff;
  display: table;
  width: 100%;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
.wizard .domuly-panel-buttons .domuly-button-primary {
  width: 99px; }
.wizard .domuly-panel-buttons .domuly-button-default {
  width: 90px; }
.wizard .domuly-panel-buttons .domuly-button-cancel {
  width: 70px; }
.wizard .domuly-panel-buttons .btn-nav {
  float: right; }
.wizard .domuly-panel-buttons .domuly-table:first-child, .wizard .domuly-panel-buttons .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .domuly-panel-buttons .favorites-table:first-child, .wizard .domuly-panel-buttons .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .domuly-panel-buttons .favorites-table:first-child {
  float: left; }


.wizard .wizard-frame-company .company-table-numbers .domuly-list-group-space {
  line-height: 40px;
}

.wizard .wizard-frame-company .company-table-numbers .td:first-child {
  width: 127px;
}
.wizard .wizard-frame-company  .company-table-numbers .td:last-child {
  width: 128px;
}

.wizard .domuly-panel-body {
  padding: 0 !important; }

.wizard .domuly-panel-content {
  padding: 34px 38px 28px 38px !important; }

.wizard .wizard-frame-company {
  width: 666px;
  margin: auto !important;
  margin-top: 41px !important; }
.wizard .wizard-frame-company .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }
.wizard .wizard-frame-company .space-line {
  margin-bottom: 30px;
  height: 15px; }
.wizard .wizard-frame-company .btn-domuly {
  /*margin-top: 30px;*/ }
.wizard .wizard-frame-company .domuly-list-group-space {
  width: 25px; }



.wizard .avatar {
  margin: auto;
  margin-top: 6px;
  border: 2px solid #e5e8ed;
  width: 120px;
  height: 120px;
  background-color: #ee842c;
  background-image: url("/img/wizard/avatar_default_120.png");
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .wizard .avatar {
    background-image: url("/img/wizard/avatar_default_120@2x.png");
    background-size: auto auto; } }

.wizard .avatar[class~=replace] {
  background-color: transparent !important;
  background-image: none !important;
}

.wizard .avatar-upload-button-block {
  margin-bottom: 55px !important; }

.wizard .wizard-frame-userdata {
  width: 666px;
  margin: auto !important;
  margin-top: 41px !important; }
.wizard .wizard-frame-userdata .domuly-panel-content {
  padding: 34px 38px 28px 38px !important; }
.wizard .wizard-frame-userdata .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }
.wizard .wizard-frame-userdata .btn-domuly {
  /*margin-top: 40px;*/ }


.wizard .wizard-form-communication .domuly-button-option-delete {
  margin-top: 17px;
}

.wizard .wizard-frame-comunication {
  width: 666px;
  margin: auto !important;
  margin-top: 41px !important; }
.wizard .wizard-frame-comunication .domuly-panel-content {
  padding: 24px 38px 28px 38px !important; }
.wizard .wizard-frame-comunication .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }
.wizard .wizard-frame-comunication .space-line {
  margin-bottom: 10px;
  height: 5px; }
.wizard .wizard-frame-comunication .domuly-button-add-element {
  margin-left: 14px;
  margin-top: 8px; }
.wizard .wizard-frame-comunication .wizard-comunication-select {
  padding-bottom: 0;
  margin-top: 10px;
  margin-left: 2px;
  margin-right: 2px; }
.wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table {
  width: 100%; }
.wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .domuly-table:first-child .td, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .domuly-table:first-child .td, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .domuly-table:first-child .td, .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .favorites-table:first-child .td, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .favorites-table:first-child .td, .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .favorites-table:first-child .td, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .favorites-table:first-child .td {
  width: 50%; }
.wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .domuly-table:first-child .td:first-child, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .domuly-table:first-child .td:first-child, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .domuly-table:first-child .td:first-child, .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .favorites-table:first-child .td:first-child, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .favorites-table:first-child .td:first-child, .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .favorites-table:first-child .td:first-child, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .favorites-table:first-child .td:first-child {
  padding-right: 22px; }
.wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .domuly-table:first-child .td:last-child, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .domuly-table:first-child .td:last-child, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .domuly-table:first-child .td:last-child, .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .favorites-table:first-child .td:last-child, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .favorites-table:first-child .td:last-child, .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .domuly-table .favorites-table:first-child .td:last-child, .wizard .wizard-frame-comunication .wizard-comunication-select .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .wizard-comunication-select .favorites-table .favorites-table:first-child .td:last-child {
  padding-left: 12px; }
.wizard .wizard-frame-comunication .comunicators .row {
  background: #f9f9fb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px; }
.wizard .wizard-frame-comunication .comunicators .domuly-table, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table {
  width: 100%; }
.wizard .wizard-frame-comunication .comunicators .domuly-table .td[class~="delete"], .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .td[class~="delete"], .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .td[class~="delete"], .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .td[class~="delete"], .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .td[class~="delete"] {
  width: 40px;
  padding-left: 5px; }
.wizard .wizard-frame-comunication .comunicators .domuly-table .domuly-table:first-child .td, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .domuly-table:first-child .td, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .domuly-table:first-child .td, .wizard .wizard-frame-comunication .comunicators .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .domuly-table .favorites-table:first-child .td, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .favorites-table:first-child .td, .wizard .wizard-frame-comunication .comunicators .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .domuly-table .favorites-table:first-child .td, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .favorites-table:first-child .td {
  width: 50%; }
.wizard .wizard-frame-comunication .comunicators .domuly-table .domuly-table:first-child .td:first-child, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .domuly-table:first-child .td:first-child, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .domuly-table:first-child .td:first-child, .wizard .wizard-frame-comunication .comunicators .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .domuly-table .favorites-table:first-child .td:first-child, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .favorites-table:first-child .td:first-child, .wizard .wizard-frame-comunication .comunicators .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .domuly-table .favorites-table:first-child .td:first-child, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .favorites-table:first-child .td:first-child {
  padding-right: 0; }
.wizard .wizard-frame-comunication .comunicators .domuly-table .domuly-table:first-child .td:last-child, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .domuly-table:first-child .td:last-child, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .domuly-table:first-child .td:last-child, .wizard .wizard-frame-comunication .comunicators .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .domuly-table .favorites-table:first-child .td:last-child, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .favorites-table:first-child .td:last-child, .wizard .wizard-frame-comunication .comunicators .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .domuly-table .favorites-table:first-child .td:last-child, .wizard .wizard-frame-comunication .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .wizard .wizard-frame-comunication .comunicators .favorites-table .favorites-table:first-child .td:last-child {
  padding-left: 34px; }

.offer .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.offer .col-xs-8, .offer .col-xs-4, .offer .col-sm-6, .offer .col-sm-12, .offer .col-xs-6 {
  padding: 0 !important; }

.offer.settingFilters .col-sm-4 {
  padding: 0 !important; }
.offer.settingFilters .col-sm-4:not(:last-child) {
  padding-right: 20px !important;
}

.offer .col-sm-6:not(:last-child) {
  padding-right: 25px !important; }

.offer .domuly-panel-body {
  padding: 0 !important;
  overflow-y: auto;

}

.domuly-panel-12[class~='offer'],
.domuly-panel-12[class~='mailing-clients'],
.domuly-panel-12[class~='client'],
.domuly-panel-12[class~='agent'] {
  padding-left: 40px !important;
  padding-right: 30px !important;
}
.offer .domuly-panel-content {
  padding: 25px 25px 25px 25px !important;
  display: table;
  width: 100%; }
.offer .domuly-panel-content .row:not(:first-child) {
  margin-top: 20px; }

.offer .domuly-panel-buttons,
.agent .domuly-panel-buttons {
  /* padding: 20px 0px 20px 25px !important;*/
  margin-top: 3px;
  /* background: #fff;*/
  display: table;
  float: right;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
.offer .domuly-panel-buttons .domuly-button-primary {
  width: 120px; }
.offer .domuly-panel-buttons .domuly-button-default {
  width: 90px; }
.offer .domuly-panel-buttons .domuly-button-cancel {
  width: 90px; }
.offer .domuly-panel-buttons .btn-nav {
  float: right; }
.offer .domuly-panel-buttons .domuly-table:first-child, .offer .domuly-panel-buttons .photos .list[class~='show-list'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-list'] .box-table .domuly-panel-buttons .favorites-table:first-child, .offer .domuly-panel-buttons .photos .list[class~='show-box'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-box'] .box-table .domuly-panel-buttons .favorites-table:first-child {
  float: left; }


.offer .preloader {
  display: none;
  /*ON / OFF*/
  padding-left: 15px; }
.offer .preloader .td:last-child {
  color: #bfbfbf;
  font-size: 12px;
  font-weight: 400;
  padding-left: 7px; }

.offer .data .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.offer .data .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }



.offer .data .col-xs-8:not(:last-child),
.hard-right-padding {
  padding-right: 20px !important;
  margin-top: 20px; }

.offer .data .col-xs-8 .domuly-form-control-textarea {
  height: 300px !important; }

.offer .data .col-xs-4 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important; }

.offer .details .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.offer .details .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }

.offer .details .col-xs-8:not(:last-child) {
  padding-right: 37px !important;
  margin-top: 20px; }

.offer .details .col-xs-4 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important; }

.offer .details.searchoffer .col-xs-12 {
  margin-top: 20px;
}
.offer .details .col-xs-12 {
  padding: 0px !important;
}
.offer .details .col-xs-12 .col-sm-4:first-child {
  padding-left: 0px !important;
}
.offer .details .col-xs-12 .col-sm-4:last-child {
  padding-right: 0px !important;
}

.offer .details .col-xs-4 .domuly-table, .offer .details .col-xs-4 .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .details .col-xs-4 .favorites-table, .offer .details .col-xs-4 .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .details .col-xs-4 .favorites-table {
  margin-top: 8px;
  float: right; }
.offer .details .col-xs-4 .domuly-table .td:first-child, .offer .details .col-xs-4 .photos .list[class~='show-list'] .box-table .favorites-table .td:first-child, .offer .photos .list[class~='show-list'] .box-table .details .col-xs-4 .favorites-table .td:first-child, .offer .details .col-xs-4 .photos .list[class~='show-box'] .box-table .favorites-table .td:first-child, .offer .photos .list[class~='show-box'] .box-table .details .col-xs-4 .favorites-table .td:first-child {
  padding-right: 33px; }

.offer .details .col-xs-8 .domuly-form-control-textarea {
  height: 90px; }

.offer .details .col-sm-6 .date-picker {
  width: 100%; }

.offer .details .col-sm-6 .domuly-form-control-textarea {
  height: 208px; }

.offer .estatedetails {
  padding-top: 0px; }
.offer .estatedetails .col-xs-4:first-child, .offer .estatedetails .col-xs-6:first-child {
  padding-right: 25px !important; }
.offer .estatedetails .col-xs-6 .domuly-table, .offer .estatedetails .col-xs-6 .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .estatedetails .col-xs-6 .favorites-table, .offer .estatedetails .col-xs-6 .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .estatedetails .col-xs-6 .favorites-table {
  width: 100%; }
.offer .estatedetails .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }
.offer .estatedetails .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }
.offer .estatedetails .col-xs-8:not(:last-child) {
  padding-right: 37px !important;
  margin-top: 20px; }
.offer .estatedetails .col-xs-8 .domuly-form-control-textarea, .offer .estatedetails .col-xs-4 .domuly-form-control-textarea {
  height: 250px !important; }

.offer .photos .upload-area {
  border: 2px dashed #dde0e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  text-align: left; }
.offer .photos .upload-area .btn-domuly {
  width: 155px !important;
  margin-top: 0;
  margin-left: 70px;
}

.offer .photos .upload-area-drag {
  background-color: #ffcd79; }

.offer .photos .upload-icon {
  width: 46px;
  height: 40px;
  background: url("/img/backend/upload_image.png") no-repeat;
  background-size: 46px 40px;
  margin: auto;
  position: absolute;
}

.offer .photos .upload-message {
  font-family: 'Open Sans'; font-weight: 300;
  color: #3b3b3b;
  font-size: 18px;
  text-align: center;
  margin-top: 12px; }

.offer .photos .nav {
  background: #e4e7ed;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 17px;
  margin-top: 18px;
  width: 100%; }

.offer .photos .type-list,
.offer .photos .type-box {
  cursor: pointer; }

.offer .photos .type-list {
  width: 31px;
  height: 24px;
  background: url("/img/backend/list_type_list.png") no-repeat; }
.offer .photos .type-list.active {
  background: url("/img/backend/list_type_list_active.png") no-repeat !important; }

.offer .photos .type-box {
  width: 24px;
  height: 24px;
  background: url("/img/backend/list_type_box.png") no-repeat; }
.offer .photos .type-box.active {
  background: url("/img/backend/list_type_box_active.png") no-repeat !important; }

.offer .photos .buttons {
  float: right; }
.offer .photos .buttons .td:not(:last-child) {
  padding-right: 15px; }

.offer .photos .item-shadow {
  -webkit-box-shadow: 0 5px 20px 2px rgba(100, 100, 100, 0.5);
  box-shadow: 0 5px 20px 2px rgba(100, 100, 100, 0.5); }

.offer .photos .placeholder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 100px; }

.offer .photos .placeholder360 {
  opacity: 0.4; }

.offer .photos .list {
  margin-top: 25px;
  /* Wyłącza drag&drop na oznaczonej powierzchni */ }
.offer .photos .list ul, .offer .photos .list ul > li {
  position: relative; }
.offer .photos .list ul,
.offer .photos .list ul > li {
  position: relative; }
.offer .photos .list ul {
  min-height: 42px;
  padding-left: 0; }
.offer .photos .list ul .dndDraggingSource {
  display: none; }
.offer .photos .list ul .placeholder {
  display: block;
  background-color: #ddd;
  height: 100px; }
.offer .photos .list ul li dnd-nodrag {
  display: block; }
.offer .photos .list[class~='show-list'] .image-frame {
  width: 100%; }
.offer .photos .list[class~='show-list'] .image-frame .col-opt {
  vertical-align: middle;
  width: 422px;
  background: #f2f3f6; }
.offer .photos .list[class~='show-list'] #sortable {
  padding: 0; }
.offer .photos .list[class~='show-list'] .domuly-table,
.offer .photos .list[class~='show-list'] .box-table .favorites-table,
.offer .photos .list[class~='show-box'] .box-table .list[class~='show-list'] .favorites-table {
  width: 100%;
  height: 80px; }

.offer .photos .list[class~='show-list'] .domuly-table .td.drag, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.drag, .offer .photos .list[class~='show-box'] .box-table .list[class~='show-list'] .favorites-table .td.drag {
  display: table-cell !important;
  width: 30px;
  background-image: url("/img/backend/drag.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #e9eaec;
  cursor: move; }
.offer .photos .list[class~='show-list'] .domuly-table .td.photo, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.photo, .offer .photos .list[class~='show-box'] .box-table .list[class~='show-list'] .favorites-table .td.photo {
  background: #f2f3f6;
  padding-left: 0;
  padding-right: 27px;
  width: 124px; }
.offer .photos .list[class~='show-list'] .domuly-table .td.photo img, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.photo img, .offer .photos .list[class~='show-box'] .box-table .list[class~='show-list'] .favorites-table .td.photo img {
  width: 124px;
  height: 80px;
  cursor: zoom-in; }
.offer .photos .list[class~='show-list'] .domuly-table .td.title, .offer .photos .list[class~='show-list'] .box-table .favorites-table .td.title, .offer .photos .list[class~='show-box'] .box-table .list[class~='show-list'] .favorites-table .td.title {
  background: #f2f3f6;
  padding-right: 20px; }
.offer .photos .list[class~='show-list'] .domuly-table .remove-second, .offer .photos .list[class~='show-list'] .box-table .favorites-table .remove-second, .offer .photos .list[class~='show-box'] .box-table .list[class~='show-list'] .favorites-table .remove-second {
  display: none; }
.offer .photos .list[class~='show-list'] .box-table {
  display: table !important;
  height: 100%; }
.offer .photos .list[class~='show-list'] .box-table .select {
  padding-right: 57px;
  background: #f2f3f6; }
.offer .photos .list[class~='show-list'] .box-table .options {
  background: #e9eaec;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px; }
.offer .photos .list[class~='show-list'] .box-table .options .domuly-button-option-delete {
  margin: auto; }
.offer .photos .list[class~='show-list'] .box-table .favorites-table {
  width: auto;
  height: 40px;
  margin-top: 16px; }
.offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child, .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child {
  height: auto !important; }
.offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child {
  margin-right: 10px; }
.offer .photos .list[class~='show-list'] .box-table .favorites-table .td:first-child {
  padding-left: 7px;
  color: #a5abb3;
  font-size: 11px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px; }
.offer .photos .list[class~='show-list'] .box-table .favorites-table .td:last-child {
  padding-right: 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0; }
.offer .photos .list[class~='show-list'] .box-table .favorites-table .td {
  background: #f9f9fb;
  vertical-align: middle; }
.offer .photos .list[class~='show-list'] .box-table .favorites-table .td .domuly-tooltip-top {
  margin-left: 6px;
  margin-right: 16px;
  margin-top: 2px; }
.offer .photos .list[class~='show-list'] ul li:not(:first-child) {
  margin-top: 10px; }
.offer .photos .list[class~='show-list'] .photo-drag {
  display: none; }
.offer .photos .list[class~='show-box'] .photo-name .tr {
  display: table-row !important; }
.offer .photos .list[class~='show-box'] .photo-name .td {
  display: table-cell !important; }
.offer .photos .list[class~='show-box'] .photo-name .remove-second {
  display: none; }
.offer .photos .list[class~='show-box'] .photo-name .remove-second .domuly-button-option-delete {
  margin-top: 27px !important;
  margin-left: 10px !important; }
.offer .photos .list[class~='show-box'] .photo:hover .photo-drag {
  display: block; }
.offer .photos .list[class~='show-box'] .photo-drag {
  display: none;
  position: absolute;
  width: 100px;
  height: 20px !important;
  background-image: url("/img/backend/drag-box.png");
  background-color: #c4c9d2;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: move;
  left: 0;
  right: 0;
  top: -10px;
  margin: auto; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .offer .photos .list[class~='show-box'] .photo-drag {
    background-image: url("/img/backend/drag-box@2x.png");
    background-size: 40px 11px; } }
.offer .photos .list[class~='show-box'] .image-frame {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 10px; }
.offer .photos .list[class~='show-box'] .domuly-table, .offer .photos .list[class~='show-list'] .box-table .list[class~='show-box'] .favorites-table, .offer .photos .list[class~='show-box'] .box-table .favorites-table {
  background: #f2f3f6;
  width: 100%; }
.offer .photos .list[class~='show-list'] .box-table .list[class~='show-box'] .favorites-table .td, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td {
  width: 100% !important;
  display: block !important; }
.offer .photos .list[class~='show-box'] .domuly-table .td {
  width: 100% !important;
  display: block !important;
}
.offer .photos .list[class~='show-box'] .domuly-table .td.drag, .offer .photos .list[class~='show-list'] .box-table .list[class~='show-box'] .favorites-table .td.drag, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.drag {
  display: none !important; }
.offer .photos .list[class~='show-box'] .domuly-table .td.title, .offer .photos .list[class~='show-list'] .box-table .list[class~='show-box'] .favorites-table .td.title, .offer .photos .list[class~='show-box'] .box-table .favorites-table .td.title {
  padding-top: 10px !important; }



.offer .photos .list[class~='show-box'] .domuly-table.options .td {
  width: 50%;
  display: table-cell;
}
.offer .photos .list[class~='show-box'] .photo {
  position: relative;
}
.offer .photos .list[class~='show-box'] .photo .domuly-button-option-delete-small {
  position: absolute;;
  top: 10px;
  right: 10px;
}

.offer .photos .list[class~='show-box'] .box-table {
  display: table !important; }
.offer .photos .list[class~='show-box'] .box-table .options {
  display: none; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table {
  width: 100%;
  margin-top: 16px; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child, .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child {
  background: #f9f9fb !important; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:first-child {
  margin-left: 0; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child {
  margin-right: 10px; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table .tr {
  display: block !important; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table .td {
  width: 100%;
  display: table-cell !important;
  padding-top: 7px;
  padding-bottom: 7px; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table .td:first-child {
  padding-left: 7px;
  color: #a5abb3;
  font-size: 11px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table .td:last-child {
  padding-right: 10px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table .td {
  background: #f9f9fb;
  vertical-align: middle; }
.offer .photos .list[class~='show-box'] .box-table .favorites-table .td .domuly-tooltip-top {
  margin-left: 6px;
  margin-right: 16px;
  margin-top: 2px; }
.offer .photos .list[class~='show-box'] img {
  width: 100%;
  height: 270px; }
.offer .photos .list[class~='show-box'] #sortable {
  width: 100%;
  padding: 0 0 0 0 !important;
  text-align: justify;
  font-size: 0; }
.offer .photos .list[class~='show-box'] #sortable:after {
  content: '';
  display: inline-block;
  width: 100%; }
.offer .photos .list[class~='show-box'] #sortable ul {
  display: inline-block; }
.offer .photos .list[class~='show-box'] #sortable li {
  display: inline-block;
  width: 49%;
  position: relative;
  padding-left: 12px;
  padding-right: 12px; }
.offer .photos .list[class~='show-box'] #sortable li {
  text-align: left;
  margin-bottom: 30px; }
.offer .photos .list[class~='show-box'] #sortable li:before {
  content: '';
  display: inline-block;
  padding-top: 0; }
@media all and (min-width: 420px) {
  .offer .photos .list[class~='show-box'] #sortable li {
    width: 32%; } }
@media all and (min-width: 640px) {
  .offer .photos .list[class~='show-box'] #sortable li {
    width: 33.3333%; float: left }
  .offer .photos .list[class~='show-box'] li:nth-child(3n+1) {
    padding-left: 0 !important;
    padding-right: 24px !important; }
  .offer .photos .list[class~='show-box'] li:nth-of-type(3n) {
    padding-left: 24px !important;
    padding-right: 0 !important; } }

.offer .documents .upload-area {
  border: 2px dashed #dde0e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 25px;
  text-align: center; }
.offer .documents .upload-area .btn-domuly {
  width: 155px !important;
  margin-top: 16px; }

.offer .documents .upload-icon {
  width: 71px;
  height: 82px;
  background: url("/img/backend/upload_document.png") no-repeat;
  margin: auto; }

.offer .documents .upload-message {
  font-family: 'Open Sans'; font-weight: 300;
  color: #3b3b3b;
  font-size: 18px;
  text-align: center;
  margin-top: 12px; }

.offer .documents .type-list,
.offer .documents .type-box {
  cursor: pointer; }

.offer .documents .type-list {
  width: 31px;
  height: 24px;
  background: url("/img/backend/list_type_list.png") no-repeat; }
.offer .documents .type-list.active {
  background: url("/img/backend/list_type_list_active.png") no-repeat !important; }

.offer .documents .type-box {
  width: 24px;
  height: 24px;
  background: url("/img/backend/list_type_box.png") no-repeat; }
.offer .documents .type-box.active {
  background: url("/img/backend/list_type_box_active.png") no-repeat !important; }

.offer .documents .buttons {
  float: right; }
.offer .documents .buttons .td:not(:last-child) {
  padding-right: 15px; }

.offer .documents .item-shadow {
  -webkit-box-shadow: 0 5px 20px 2px rgba(100, 100, 100, 0.5);
  box-shadow: 0 5px 20px 2px rgba(100, 100, 100, 0.5); }

.offer .documents .placeholder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 100px; }

.offer .documents .list {
  margin-top: 25px;
  /* Wyłącza drag&drop na oznaczonej powierzchni */ }
.offer .documents .list ul, .offer .documents .list ul > li {
  position: relative; }
.offer .documents .list ul,
.offer .documents .list ul > li {
  position: relative; }
.offer .documents .list ul {
  min-height: 42px;
  padding-left: 0; }
.offer .documents .list ul .dndDraggingSource {
  display: none; }
.offer .documents .list ul .placeholder {
  display: block;
  background-color: #ddd;
  height: 100px; }
.offer .documents .list ul li dnd-nodrag {
  display: block; }
.offer .documents .list[class~='show-list'] #sortable {
  padding: 0; }
.offer .documents .list[class~='show-list'] .domuly-table, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table {
  width: 100%;
  height: 100px; }
.offer .documents .list[class~='show-list'] .domuly-table .td.icon, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.icon, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.icon, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.icon, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.icon {
  width: 85px;
  height: 100%;
  background: #f2f3f6 url("/img/backend/document-icon.png") center center no-repeat; }
.offer .documents .list[class~='show-list'] .domuly-table .td.info, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.info, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.info, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.info, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.info {
  background: #f2f3f6;
  padding-right: 20px; }
.offer .documents .list[class~='show-list'] .domuly-table .td.info .domuly-table, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.info .domuly-table, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.info .domuly-table, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.info .domuly-table, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.info .domuly-table, .offer .documents .photos .list[class~='show-list'] .domuly-table .td.info .box-table .favorites-table, .offer .photos .documents .list[class~='show-list'] .domuly-table .td.info .box-table .favorites-table, .offer .documents .photos .list[class~='show-list'] .box-table .domuly-table .td.info .favorites-table, .offer .photos .documents .list[class~='show-list'] .box-table .domuly-table .td.info .favorites-table, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.info .favorites-table, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.info .favorites-table, .offer .documents .list[class~='show-list'] .domuly-table .td.info .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .domuly-table .td.info .favorites-table, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.info .favorites-table, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.info .favorites-table {
  height: auto; }
.offer .documents .list[class~='show-list'] .domuly-table .td.info .domuly-table .tr .td, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.info .domuly-table .tr .td, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.info .domuly-table .tr .td, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.info .domuly-table .tr .td, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.info .domuly-table .tr .td, .offer .documents .photos .list[class~='show-list'] .domuly-table .td.info .box-table .favorites-table .tr .td, .offer .photos .documents .list[class~='show-list'] .domuly-table .td.info .box-table .favorites-table .tr .td, .offer .documents .photos .list[class~='show-list'] .box-table .domuly-table .td.info .favorites-table .tr .td, .offer .photos .documents .list[class~='show-list'] .box-table .domuly-table .td.info .favorites-table .tr .td, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.info .favorites-table .tr .td, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.info .favorites-table .tr .td, .offer .documents .list[class~='show-list'] .domuly-table .td.info .photos .list[class~='show-box'] .box-table .favorites-table .tr .td, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .domuly-table .td.info .favorites-table .tr .td, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.info .favorites-table .tr .td, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.info .favorites-table .tr .td {
  font-size: 14px;
  color: #a0a7b0; }
.offer .documents .list[class~='show-list'] .domuly-table .td.info .domuly-table .tr:first-child .td:first-child, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.info .domuly-table .tr:first-child .td:first-child, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.info .domuly-table .tr:first-child .td:first-child, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.info .domuly-table .tr:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.info .domuly-table .tr:first-child .td:first-child, .offer .documents .photos .list[class~='show-list'] .domuly-table .td.info .box-table .favorites-table .tr:first-child .td:first-child, .offer .photos .documents .list[class~='show-list'] .domuly-table .td.info .box-table .favorites-table .tr:first-child .td:first-child, .offer .documents .photos .list[class~='show-list'] .box-table .domuly-table .td.info .favorites-table .tr:first-child .td:first-child, .offer .photos .documents .list[class~='show-list'] .box-table .domuly-table .td.info .favorites-table .tr:first-child .td:first-child, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.info .favorites-table .tr:first-child .td:first-child, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.info .favorites-table .tr:first-child .td:first-child, .offer .documents .list[class~='show-list'] .domuly-table .td.info .photos .list[class~='show-box'] .box-table .favorites-table .tr:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .domuly-table .td.info .favorites-table .tr:first-child .td:first-child, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.info .favorites-table .tr:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.info .favorites-table .tr:first-child .td:first-child {
  color: #223a53; }
.offer .documents .list[class~='show-list'] .domuly-table .td.drag, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.drag, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.drag, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.drag, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.drag {
  display: table-cell !important;
  width: 30px;
  background-image: url("/img/backend/drag.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #e9eaec;
  cursor: move; }
.offer .documents .list[class~='show-list'] .domuly-table .td.types, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.types, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.types, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.types, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.types {
  width: 315px;
  padding-right: 20px;
  background: #f2f3f6; }
.offer .documents .list[class~='show-list'] .domuly-table .td.active, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.active, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.active, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.active, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.active {
  width: 267px;
  padding-right: 57px;
  background: #f2f3f6; }
.offer .documents .list[class~='show-list'] .domuly-table .td.options, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.options, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.options, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.options, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.options {
  width: 50px;
  background: #e9eaec;
  text-align: center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #e9eaec; }
.offer .documents .list[class~='show-list'] .domuly-table .td.options .domuly-button-option-delete, .offer .documents .photos .list[class~='show-list'] .box-table .favorites-table .td.options .domuly-button-option-delete, .offer .photos .documents .list[class~='show-list'] .box-table .favorites-table .td.options .domuly-button-option-delete, .offer .documents .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.options .domuly-button-option-delete, .offer .photos .list[class~='show-box'] .box-table .documents .list[class~='show-list'] .favorites-table .td.options .domuly-button-option-delete {
  margin: auto; }
.offer .documents .list[class~='show-list'] ul li:not(:first-child) {
  margin-top: 10px; }

.offer .publication .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.offer .publication .col-xs-8 {
  padding-right: 37px !important;
  margin-top: 0; }

.offer .publication .col-sm-10 {
  padding-right: 25px !important;
  padding: 0;
}
.offer .publication .col-sm-2 {
  padding: 0;
}
.offer .publication .col-sm-2 button {
  width: 100%;
  margin-top: 17px;
}


.offer .publication .col-xs-8 .row:last-child {
  margin-top: 0 !important; }

.offer .publication .col-xs-4 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important; }

.offer .location .col-sm-12 .domuly-table, .offer .location .col-sm-12 .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .location .col-sm-12 .favorites-table, .offer .location .col-sm-12 .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .location .col-sm-12 .favorites-table {
  width: 100%; }

.offer .location .col-sm-12 .domuly-table .td {
  width: 46% !important;
}
.offer .location .col-sm-12 .domuly-table .td.domuly-list-group-space {
  width: 8% !important;
}
.offer .location .col-xs-4:first-child, .offer .location .col-xs-6:first-child {
  padding-right: 25px !important; }
.offer .location .col-xs-6 .domuly-table, .offer .location .col-xs-6 .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .location .col-xs-6 .favorites-table, .offer .location .col-xs-6 .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .estatedetails .col-xs-6 .favorites-table {
  width: 100%; }

.offer .location .col-sm-12 .btn-domuly {
  width: 100%; }

.offer .location .col-xs-4:not(:last-child) {
  padding-right: 25px !important; }

.offer .location .map-frame {
  position: relative;
}
.offer .location .disabled {
  display: none;
  position: absolute;
  z-index: 2;
  background: var(--basic-color-2);
  opacity: .8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.disabledfields {
  display: block;
  position: absolute;
  z-index: 2;
  background: #ddd;
  opacity: .8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.offer .location .google-map {
  width: 100%;
  height: 515px;
  margin-top: 90px;
}

.offer .location .map-change-position-panel {
  display: none;
  opacity: 0;
  background: #3583cf;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  padding: 17px; }
.offer .location .map-change-position-panel.show {
  display: block;
  opacity: 1; }
.offer .location .map-change-position-panel .domuly-table, .offer .location .map-change-position-panel .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .location .map-change-position-panel .favorites-table, .offer .location .map-change-position-panel .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .location .map-change-position-panel .favorites-table {
  width: 100%; }
.offer .location .map-change-position-panel .icon {
  width: 30px; }
.offer .location .map-change-position-panel .icon div {
  background-image: url("/img/backend/map_info_icon.png");
  width: 30px;
  height: 30px;
  margin-right: 13px; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .offer .location .map-change-position-panel .icon div {
    background-image: url("/img/backend/map_info_icon@2x.png");
    background-size: 30px 30px; } }
.offer .location .map-change-position-panel .info {
  color: #fff;
  font-size: 16px; }
.offer .location .map-change-position-panel .info div {
  font-size: 11px;
  font-weight: 500; }
.offer .location .map-change-position-panel .td .btn-nav {
  float: right; }
.offer .location .map-change-position-panel .td .domuly-button-default {
  width: 90px; }
.offer .location .map-change-position-panel .td .domuly-button-cancel {
  width: 70px;
  color: #fff; }

.offer .rooms .floors-area {
  overflow-y: auto;
  height: 300px;
  margin-bottom: 20px;
  /* Wyłącza drag&drop na oznaczonej powierzchni */ }
.offer .rooms .floors-area ul,
.offer .rooms .floors-area ul > li {
  position: relative; }
.offer .rooms .floors-area ul > li {
  position: relative; }
.offer .rooms .floors-area ul {
  min-height: 42px;
  padding-left: 0; }
.offer .rooms .floors-area ul .domuly-floor-placeholder {
  display: block;
  background-color: #ddd;
  height: 100px; }
.offer .rooms .floors-area ul li {
  display: block; }
.offer .rooms .floors-area .floor {
  margin-bottom: 15px;
}
.offer .rooms .floors-area .floor .title {
  background: #c4c9d2;
  padding: 10px 15px 10px 15px;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid #c4c9d2;
  border-right: 1px solid #c4c9d2; }
.offer .rooms .floors-area .floor .title .drag {
  width: 18px;
  height: 17px;
  background: url("/img/backend/drag-floor.png") no-repeat;
  cursor: move; }
.offer .rooms .floors-area .floor .title .domuly-table, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table {
  width: 100%; }
.offer .rooms .floors-area .floor .title .domuly-table .td, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td {
  color: #fff;
  font-size: 12px; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-drag, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-drag, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-drag, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-drag, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-drag {
  width: 18px;
  padding-right: 17px; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-name, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-name, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-name, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-name, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-name {
  font-size: 18px;
  text-align: left; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options {
  width: 50%; }
.offer .photos .show-list,
.offer .documents .list.show-list {
  overflow-y: auto;
  margin-bottom: -30px;
}
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table {
  width: auto;
  float: right;
  /* Modyfikacja inputa */
  /* Modyfikacja buttona */ }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table .floor-remove, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table .floor-remove, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-remove, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table .floor-remove, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-remove, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table .floor-remove, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-remove, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table .floor-remove, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-remove, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table .floor-remove, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-remove, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table .floor-remove, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-remove {
  width: 30px;
  padding-left: 17px; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table .domuly-form-field, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table .domuly-form-field, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .domuly-form-field, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table .domuly-form-field, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .domuly-form-field, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table .domuly-form-field, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .domuly-form-field, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table .domuly-form-field, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .domuly-form-field, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table .domuly-form-field, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .domuly-form-field, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table .domuly-form-field, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .domuly-form-field {
  margin-top: 0 !important; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table .floor-height, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table .floor-height, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-height, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table .floor-height, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-height, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table .floor-height, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-height, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table .floor-height, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-height, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table .floor-height, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-height, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table .floor-height, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-height {
  padding-left: 17px; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table .floor-height .form-control, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table .floor-height .form-control, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-height .form-control, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table .floor-height .form-control, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-height .form-control, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table .floor-height .form-control, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-height .form-control, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table .floor-height .form-control, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-height .form-control, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table .floor-height .form-control, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-height .form-control, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table .floor-height .form-control, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-height .form-control {
  height: 32px;
  width: 125px;
}
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table .floor-height .form-control.group:not(.group-right), .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table .floor-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-height .form-control.group:not(.group-right), .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table .floor-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-height .form-control.group:not(.group-right), .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table .floor-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-height .form-control.group:not(.group-right), .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table .floor-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-height .form-control.group:not(.group-right), .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table .floor-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-height .form-control.group:not(.group-right), .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table .floor-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-height .form-control.group:not(.group-right) {
  padding-left: 44px; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table .floor-height .form-control.group.group-right, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table .floor-height .form-control.group.group-right, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-height .form-control.group.group-right, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table .floor-height .form-control.group.group-right, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-height .form-control.group.group-right, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table .floor-height .form-control.group.group-right, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-height .form-control.group.group-right, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table .floor-height .form-control.group.group-right, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-height .form-control.group.group-right, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table .floor-height .form-control.group.group-right, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-height .form-control.group.group-right, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table .floor-height .form-control.group.group-right, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-height .form-control.group.group-right {
  padding-right: 44px; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table .domuly-input-group, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table .domuly-input-group, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .domuly-input-group, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table .domuly-input-group, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .domuly-input-group, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table .domuly-input-group, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .domuly-input-group, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table .domuly-input-group, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .domuly-input-group, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table .domuly-input-group, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .domuly-input-group, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table .domuly-input-group, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .domuly-input-group {
  height: 30px;
  width: 30px;
  line-height: 30px; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table .btn-domuly, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table .btn-domuly, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .btn-domuly, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table .btn-domuly, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .btn-domuly, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table .btn-domuly, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .btn-domuly, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table .btn-domuly, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .btn-domuly, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table .btn-domuly, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .btn-domuly, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table .btn-domuly, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .btn-domuly {
  width: auto;
  padding: 3px 7px 3px 7px; }
.offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .domuly-table .floor-button, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .domuly-table .floor-button, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-button, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .domuly-table .floor-button, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .domuly-table .floor-button, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-list'] .box-table .favorites-table .floor-button, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-button, .offer .rooms .floors-area .floor .title .photos .list[class~='show-list'] .box-table .favorites-table .td.floor-options .favorites-table .floor-button, .offer .photos .list[class~='show-list'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-button, .offer .rooms .floors-area .floor .title .domuly-table .td.floor-options .photos .list[class~='show-box'] .box-table .favorites-table .floor-button, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .domuly-table .td.floor-options .favorites-table .floor-button, .offer .rooms .floors-area .floor .title .photos .list[class~='show-box'] .box-table .favorites-table .td.floor-options .favorites-table .floor-button, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .title .favorites-table .td.floor-options .favorites-table .floor-button {
  padding-right: 17px; }
.offer .rooms .floors-area .floor .content {
  background: #fff;
  padding: 10px 15px 10px 15px;
  -webkit-border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #c4c9d2;
  border-right: 1px solid #c4c9d2;
  border-bottom: 1px solid #c4c9d2; }
.offer .rooms .floors-area .floor .content .list {
  /* Wyłącza drag&drop na oznaczonej powierzchni */ }
.offer .rooms .floors-area .floor .content .list ul, .offer .rooms .floors-area .floor .content .list ul > li {
  position: relative; }
.offer .rooms .floors-area .floor .content .list ul,
.offer .rooms .floors-area .floor .content .list ul > li {
  position: relative; }
.offer .rooms .floors-area .floor .content .list ul {
  min-height: 42px;
  padding-left: 0; }
.offer .rooms .floors-area .floor .content .list ul .domuly-room-placeholder {
  display: block;
  background-color: #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 100px; }

/*.offer .rooms .floors-area .floor .content .list ul .domuly-room-placeholder:not(:first-child) {
          margin-top: 0px !important; }*/


.offer .rooms .floors-area .floor .content .list ul li {
  display: block; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] #sortable-rooms {
  padding: 0; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .favorites-table, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .favorites-table {
  width: 100%;
  height: 100px; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.icon, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .favorites-table .td.icon, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .favorites-table .td.icon, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.icon, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .favorites-table .td.icon {
  background: #f2f3f6;
  width: 20px;
  height: 100%; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.drag, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .favorites-table .td.drag, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .favorites-table .td.drag, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.drag, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .favorites-table .td.drag {
  display: table-cell !important;
  width: 30px;
  background-image: url("/img/backend/drag.png");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #e9eaec;
  cursor: move; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.fields, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .favorites-table .td.fields, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .favorites-table .td.fields, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.fields, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .favorites-table .td.fields {
  background: #f2f3f6; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.fields .domuly-table, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .favorites-table .td.fields .domuly-table, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .favorites-table .td.fields .domuly-table, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.fields .domuly-table, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .favorites-table .td.fields .domuly-table, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .domuly-table .td.fields .box-table .favorites-table, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.fields .box-table .favorites-table, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .domuly-table .td.fields .favorites-table, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .domuly-table .td.fields .favorites-table, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .favorites-table .td.fields .favorites-table, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .favorites-table .td.fields .favorites-table, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.fields .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.fields .favorites-table, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.fields .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .favorites-table .td.fields .favorites-table {
  width: 100%; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.fields .field-size, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .favorites-table .td.fields .field-size, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .favorites-table .td.fields .field-size, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.fields .field-size, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .favorites-table .td.fields .field-size {
  width: 25%;
  padding-right: 20px; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.options, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .favorites-table .td.options, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .favorites-table .td.options, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.options, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .favorites-table .td.options {
  width: 50px;
  background: #e9eaec;
  text-align: center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #e9eaec; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] .domuly-table .td.options .domuly-button-option-delete, .offer .rooms .floors-area .floor .content .photos .list[class~='show-list'] .box-table .favorites-table .td.options .domuly-button-option-delete, .offer .photos .rooms .floors-area .floor .content .list[class~='show-list'] .box-table .favorites-table .td.options .domuly-button-option-delete, .offer .rooms .floors-area .floor .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.options .domuly-button-option-delete, .offer .photos .list[class~='show-box'] .box-table .rooms .floors-area .floor .content .list[class~='show-list'] .favorites-table .td.options .domuly-button-option-delete {
  margin: auto; }
.offer .rooms .floors-area .floor .content .list[class~='show-list'] ul li:not(:first-child) {
  margin-top: 10px; }

.offer .rooms .add-area {
  border: 2px dashed #dde0e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  text-align: center; }
.offer .rooms .add-area .btn-domuly {
  width: 155px !important;
  margin-top: 16px;
  border: 1px solid red; }

.mailings-none {
  width: 500px;
  height: 270px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute; }
.mailings-none .icon {
  width: 139px;
  height: 99px;
  background: url("/img/backend/mailing-none-icon.png") no-repeat;
  margin: auto; }
.mailings-none .frame {
  margin-top: -60px; }
.mailings-none .frame div:nth-of-type(2) {
  font-family: 'Open Sans';
  font-size: 30px;
  color: #3b3b3b;
  margin-top: 12px;
  text-align: center; }
.mailings-none .frame div:nth-of-type(3) {
  font-family: 'Open Sans';
  font-size: 16px;
  color: #9ea0a3;
  margin-bottom: 55px;
  text-align: center; }
.mailings-none .frame div:nth-of-type(4) {
  text-align: center; }

.offer .publication-content {
  position: relative;
}

.offer .offers-none {
  width: 500px;
  height: 270px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute; }


.offers-none {
  width: 500px;
  height: 270px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute; }
.offers-none .icon {
  width: 99px;
  height: 99px;
  background: url("/img/backend/offer-none-icon.png") no-repeat;
  margin: auto; }
.offers-none .icon.empty {
  width: 99px;
  height: 99px;
  background: url("/img/backend/offer-empty-icon.png") no-repeat;
  margin: auto; }
.offers-none .frame {
  margin-top: -60px; }
.offers-none .frame div:nth-of-type(2) {
  font-family: 'Open Sans';
  font-size: 30px;
  color: #3b3b3b;
  margin-top: 12px;
  text-align: center; }
.offers-none .frame div:nth-of-type(3) {
  font-family: 'Open Sans';
  font-size: 16px;
  color: #9ea0a3;
  margin-bottom: 55px;
  text-align: center; }
.offers-none .frame div:nth-of-type(4) {
  text-align: center; }



.page-none {
  width: 500px;
  height: 270px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute; }
.page-none .icon {
  width: 81px;
  height: 98px;
  background: url("/img/backend/page-none-icon.png") no-repeat;
  margin: auto; }
.page-none .frame {
  margin-top: -60px; }
.page-none .frame div:nth-of-type(2) {
  font-family: 'Open Sans';
  font-size: 30px;
  color: #3b3b3b;
  margin-top: 12px;
  text-align: center; }
.page-none .frame div:nth-of-type(3) {
  font-family: 'Open Sans';
  font-size: 16px;
  color: #9ea0a3;
  margin-bottom: 55px;
  text-align: center; }
.page-none .frame div:nth-of-type(4) {
  text-align: center; }


.category-none {
  width: 500px;
  height: 270px;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute; }
.category-none .icon {
  width: 99px;
  height: 103px;
  background: url("/img/backend/offer-category-none-icon.png") no-repeat;
  margin: auto; }
.category-none .frame {
  margin-top: -60px; }
.category-none .frame div:nth-of-type(2) {
  font-family: 'Open Sans';
  font-size: 30px;
  color: #3b3b3b;
  margin-top: 12px;
  text-align: center; }
.category-none .frame div:nth-of-type(3) {
  font-family: 'Open Sans';
  font-size: 16px;
  color: #9ea0a3;
  margin-bottom: 55px;
  text-align: center; }
.category-none .frame div:nth-of-type(4) {
  text-align: center; }


.client .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.client .col-xs-8, .client .col-xs-4, .client .col-sm-6, .client .col-sm-12, .client .col-xs-6, .client .col-sm-4 {
  padding: 0 !important; }

.client .col-sm-6:not(:last-child), .client .col-sm-4:not(:last-child) {
  padding-right: 25px !important; }

.client .domuly-panel-body {
  padding: 0 !important; }

.client .domuly-panel-content {
  padding: 25px 25px 40px 25px !important;
  display: table;
  width: 100%; }
.client .domuly-panel-content .row:not(:first-child) {
  margin-top: 27px; }

.client .domuly-panel-buttons {
  margin-top: 3px;
  background: #fff;
  display: table;
  float: right;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
.client .domuly-panel-buttons .domuly-button-primary {
  width: 99px; }
.client .domuly-panel-buttons .domuly-button-default {
  width: 90px; }
.client .domuly-panel-buttons .domuly-button-cancel {
  width: 70px; }
.client .domuly-panel-buttons .btn-nav {
  float: right; }
.client .domuly-panel-buttons .domuly-table:first-child, .client .domuly-panel-buttons .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-list'] .box-table .client .domuly-panel-buttons .favorites-table:first-child, .client .domuly-panel-buttons .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-box'] .box-table .client .domuly-panel-buttons .favorites-table:first-child {
  float: left; }

.client .preloader {
  display: none;
  /*ON / OFF*/
  padding-left: 15px; }
.client .preloader .td:last-child {
  color: #bfbfbf;
  font-size: 12px;
  font-weight: 400;
  padding-left: 7px; }

.client .data .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.client .data .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }

.client .data .col-xs-8:not(:last-child) {
  padding-right: 20px !important;
  margin-top: 20px;
}

.client .company-type-2 {
  display: none;
}

.client .data .col-xs-8 .domuly-form-control-textarea {
  height: 250px !important; }

.client .data .col-xs-4 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important; }

.client .data .col-sm-3 {
  margin-left: -15px; }

.client .data .space-line {
  margin-bottom: -10px; }

.client .data .col-sm-12 .calendar {
  width: 100%; }

.agent .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.agent .col-xs-8, .agent .col-xs-4, .agent .col-sm-6, .agent .col-sm-8, .agent .col-sm-12, .agent .col-xs-6, .agent .col-sm-4, .agent .col-md-4, .agent .domuly-panel-4 {
  padding: 0 !important; }
.agent .col-sm-2 {
  padding-left: 0;
  padding-right: 0;
}
.agent .col-sm-2:last-child {
  padding-left: 15px;
}
.agent .col-sm-2.sm-2-lite {
  padding-left: 0;
  padding-right: 15px;
}
.agent .col-sm-4.sm-4-lite {
  padding-left: 0;
  padding-right: 15px !important;
}
.agent .col-sm-8.sm-8-lite {
  padding-left: 0;
  padding-right: 15px !important;
}
.agent .col-sm-6.sm-6-lite {
  padding-left: 0;
  padding-right: 15px !important;
}
.agent .col-sm-6:not(:last-child), .agent .col-sm-4:not(:last-child), .agent .col-md-4:not(:last-child), .agent .domuly-panel-4:not(:last-child) {
  padding-right: 15px !important; }

.agent .domuly-panel-body {
  padding: 0 !important; }

.agent .domuly-panel-content {
  padding: 25px 25px 40px 25px !important;
  display: table;
  width: 100%; }
.agent .domuly-panel-content .row:not(:first-child) {
  margin-top: 19px; }


.agent.permissions .domuly-panel-content {
  padding: 25px 20px 11px 18px !important;
  display: table;
  width: 100%; }


.agent .domuly-panel-buttons .domuly-button-primary {
  width: 99px; }
.agent .domuly-panel-buttons .domuly-button-default {
  width: 90px; }
.agent .domuly-panel-buttons .domuly-button-cancel {
  width: 70px; }
.agent .domuly-panel-buttons .btn-nav {
  float: right; }
.agent .domuly-panel-buttons .domuly-table:first-child, .agent .domuly-panel-buttons .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-list'] .box-table .agent .domuly-panel-buttons .favorites-table:first-child, .agent .domuly-panel-buttons .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-box'] .box-table .agent .domuly-panel-buttons .favorites-table:first-child {
  float: left; }

.agent .preloader {
  display: none;
  /*ON / OFF*/
  padding-left: 15px; }
.agent .preloader .td:last-child {
  color: #bfbfbf;
  font-size: 12px;
  font-weight: 400;
  padding-left: 7px; }

.agent .data .avatar {
  margin: auto;
  margin-top: 6px;
  border: 2px solid #e5e8ed;
  width: 120px;
  height: 120px;
  background-color: #ee842c;
  background-image: url("/img/wizard/avatar_default_120.png");
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .agent .data .avatar {
    background-image: url("/img/wizard/avatar_default_120@2x.png");
    background-size: auto auto; } }

.agent .data .avatar-upload-button-block {
  margin-bottom: 55px !important; }

.agent .data .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.agent .data .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }

.agent .data .col-xs-8:not(:last-child) {
  padding-right: 20px !important;
  margin-top: 20px;
}



.agent .data .col-xs-8 .domuly-form-control-textarea {
  height: 250px !important; }

.agent .data .col-xs-4 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important; }

.agent .data .col-md-6, .agent .data .domuly-panel-6 {
  margin-left: -15px; }


.agent .data.calendar-google .col-xs-12 {
  padding: 0 }

.agent .data .space-line {
  margin-bottom: -10px; }

.agent .data .col-sm-12 .calendar {
  width: 100%; }

.agent .licences .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.agent .licences .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }

.agent .licences .col-xs-8:not(:last-child) {
  padding-right: 37px !important;
  margin-top: 20px; }

.agent .licences .col-xs-8 .domuly-form-control-textarea {
  height: 250px !important; }

.agent .licences .col-xs-4 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important; }

.agent .licences .col-sm-3 {
  margin-left: -15px; }

.agent .licences .space-line {
  margin-bottom: -10px; }

.agent .licences .col-sm-12 .calendar {
  width: 100%; }

.agent .licences .licenses-list > div.ng-enter, .agent .licences div.ng-leave-active {
  transition: all 1s;
  opacity: 0; }

.agent .licences .licenses-list > div.ng-enter-active, .agent .licences div.ng-leave {
  opacity: 1; }

.agent .licences .licenses-list .row {
  background: #f9f9fb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px; }

.agent .licences .licenses-list .domuly-table, .agent .licences .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .favorites-table, .agent .licences .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .favorites-table {
  width: 100%; }
.agent .licences .licenses-list .domuly-table .td[class~="delete"], .agent .licences .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .td[class~="delete"], .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .favorites-table .td[class~="delete"], .agent .licences .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .td[class~="delete"], .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .favorites-table .td[class~="delete"] {
  width: 40px;
  padding-left: 5px; }
.agent .licences .licenses-list .domuly-table .domuly-table:first-child .td, .agent .licences .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .favorites-table .domuly-table:first-child .td, .agent .licences .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .favorites-table .domuly-table:first-child .td, .agent .licences .licenses-list .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .domuly-table .favorites-table:first-child .td, .agent .licences .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .favorites-table .favorites-table:first-child .td, .agent .licences .licenses-list .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .domuly-table .favorites-table:first-child .td, .agent .licences .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .favorites-table .favorites-table:first-child .td {
  width: 50%; }
.agent .licences .licenses-list .domuly-table .domuly-table:first-child .td:first-child, .agent .licences .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .favorites-table .domuly-table:first-child .td:first-child, .agent .licences .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .favorites-table .domuly-table:first-child .td:first-child, .agent .licences .licenses-list .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .domuly-table .favorites-table:first-child .td:first-child, .agent .licences .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .favorites-table .favorites-table:first-child .td:first-child, .agent .licences .licenses-list .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .domuly-table .favorites-table:first-child .td:first-child, .agent .licences .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .favorites-table .favorites-table:first-child .td:first-child {
  padding-right: 17px; }
.agent .licences .licenses-list .domuly-table .domuly-table:first-child .td:last-child, .agent .licences .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .favorites-table .domuly-table:first-child .td:last-child, .agent .licences .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .favorites-table .domuly-table:first-child .td:last-child, .agent .licences .licenses-list .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .domuly-table .favorites-table:first-child .td:last-child, .agent .licences .licenses-list .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .agent .licences .licenses-list .favorites-table .favorites-table:first-child .td:last-child, .agent .licences .licenses-list .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .domuly-table .favorites-table:first-child .td:last-child, .agent .licences .licenses-list .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .agent .licences .licenses-list .favorites-table .favorites-table:first-child .td:last-child {
  padding-left: 17px; }

.agent .communications .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.agent .communications .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }

.agent .communications .col-xs-8:not(:last-child) {
  padding-right: 37px !important;
  margin-top: 20px; }

.agent .communications .col-xs-8 .domuly-form-control-textarea {
  height: 250px !important; }

.agent .communications .col-xs-4 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important; }

.agent .communications .col-sm-3 {
  margin-left: -15px; }

.agent .communications .space-line {
  margin-bottom: -10px; }

.agent .communications .col-sm-12 .calendar {
  width: 100%; }

.agent .communications .comunicators .row {
  background: #f9f9fb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  margin-top: 10px;
  margin-left: 5px;
  margin-right: 5px; }


.agent .communications .comunicators .domuly-table, .agent .communications .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .favorites-table, .agent .communications .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .favorites-table {
  width: 100%; }
.agent .communications .comunicators .domuly-table .td[class~="delete"], .agent .communications .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .td[class~="delete"], .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .favorites-table .td[class~="delete"], .agent .communications .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .td[class~="delete"], .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .favorites-table .td[class~="delete"] {
  width: 40px;
  padding-left: 5px; }
.agent .communications .comunicators .domuly-table .domuly-table:first-child .td, .agent .communications .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .favorites-table .domuly-table:first-child .td, .agent .communications .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .favorites-table .domuly-table:first-child .td, .agent .communications .comunicators .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .domuly-table .favorites-table:first-child .td, .agent .communications .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .favorites-table .favorites-table:first-child .td, .agent .communications .comunicators .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .domuly-table .favorites-table:first-child .td, .agent .communications .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .favorites-table .favorites-table:first-child .td {
  width: 50%; }
.agent .communications .comunicators .domuly-table .domuly-table:first-child .td:first-child, .agent .communications .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .favorites-table .domuly-table:first-child .td:first-child, .agent .communications .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .favorites-table .domuly-table:first-child .td:first-child, .agent .communications .comunicators .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .domuly-table .favorites-table:first-child .td:first-child, .agent .communications .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .favorites-table .favorites-table:first-child .td:first-child, .agent .communications .comunicators .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .domuly-table .favorites-table:first-child .td:first-child, .agent .communications .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:first-child, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .favorites-table .favorites-table:first-child .td:first-child {
  padding-right: 17px; }
.agent .communications .comunicators .domuly-table .domuly-table:first-child .td:last-child, .agent .communications .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .favorites-table .domuly-table:first-child .td:last-child, .agent .communications .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .domuly-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .favorites-table .domuly-table:first-child .td:last-child, .agent .communications .comunicators .domuly-table .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .domuly-table .favorites-table:first-child .td:last-child, .agent .communications .comunicators .offer .photos .list[class~='show-list'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-list'] .box-table .agent .communications .comunicators .favorites-table .favorites-table:first-child .td:last-child, .agent .communications .comunicators .domuly-table .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .domuly-table .favorites-table:first-child .td:last-child, .agent .communications .comunicators .offer .photos .list[class~='show-box'] .box-table .favorites-table .favorites-table:first-child .td:last-child, .offer .photos .list[class~='show-box'] .box-table .agent .communications .comunicators .favorites-table .favorites-table:first-child .td:last-child {
  padding-left: 17px; }

.settings .content-title {
  color: #3B3B3B;
  font-size: 19.3px;
  font-family: "Open Sans";
  line-height: 1.248;
  font-weight: 300;
  letter-spacing: -0.2px;
  float: left; }

.settings .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.settings .col-xs-8, .settings .col-xs-4, .settings .col-sm-6, .settings .col-sm-12, .settings .col-xs-6, .settings .col-sm-4, .settings .col-md-4, .settings .domuly-panel-4 {
  padding: 0 !important; }

.settings .col-sm-6:not(:last-child), .settings .col-sm-4:not(:last-child), .settings .col-md-4:not(:last-child), .settings .domuly-panel-4:not(:last-child) {
  padding-right: 25px !important; }

.settings .domuly-panel-body {
  padding: 0 !important; }

.settings .domuly-panel-content {
  padding: 25px 25px 40px 25px !important;
  display: table;
  width: 100%; }
.settings .domuly-panel-content .row:not(:first-child) {
  margin-top: 27px; }

.settings .domuly-panel-buttons {
  padding: 20px 25px 20px 25px !important;
  background: #fff;
  display: table;
  width: 100%;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
.settings .domuly-panel-buttons .domuly-button-primary {
  width: 99px; }
.settings .domuly-panel-buttons .domuly-button-default {
  width: 90px; }
.settings .domuly-panel-buttons .domuly-button-cancel {
  width: 70px; }
.settings .domuly-panel-buttons .btn-nav {
  float: right; }
.settings .domuly-panel-buttons .domuly-table:first-child, .settings .domuly-panel-buttons .offer .photos .list[class~='show-list'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-list'] .box-table .settings .domuly-panel-buttons .favorites-table:first-child, .settings .domuly-panel-buttons .offer .photos .list[class~='show-box'] .box-table .favorites-table:first-child, .offer .photos .list[class~='show-box'] .box-table .settings .domuly-panel-buttons .favorites-table:first-child {
  float: left; }

.settings .preloader {
  display: none;
  /*ON / OFF*/
  padding-left: 15px; }
.settings .preloader .td:last-child {
  color: #bfbfbf;
  font-size: 12px;
  font-weight: 400;
  padding-left: 7px; }

.settings .user .avatar {
  margin: auto;
  margin-top: 6px;
  border: 2px solid #e5e8ed;
  width: 120px;
  height: 120px;
  background-color: #ee842c;
  background-image: url("/img/wizard/avatar_default_120.png");
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .settings .user .avatar {
    background-image: url("/img/wizard/avatar_default_120@2x.png");
    background-size: auto auto; } }

.settings .user .avatar-upload-button-block {
  margin-bottom: 55px !important; }

.settings .user .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.settings .user .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }

.settings .user .col-xs-8:not(:last-child) {
  padding-right: 37px !important;
  margin-top: 20px; }

.settings .user .col-xs-8 .domuly-form-control-textarea {
  height: 250px !important; }

.settings .user .col-sm-8 {
  padding: 0 !important; }
.settings .user .col-sm-8 .row .col-md-6:first-child, .settings .user .col-sm-8 .row .domuly-panel-6:first-child {
  padding-left: 0 !important; }
.settings .user .col-sm-8 .row .col-md-6:last-child, .settings .user .col-sm-8 .row .domuly-panel-6:last-child {
  padding-right: 0 !important; }

.settings .user .space-line {
  margin-bottom: -10px; }

.settings .company .avatar {
  margin: auto;
  margin-top: 6px;
  border: 2px solid #e5e8ed;
  width: 120px;
  height: 120px;
  background-color: #ee842c;
  background-image: url("/img/wizard/avatar_default_120.png");
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }
@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
  .settings .company .avatar {
    background-image: url("/img/wizard/avatar_default_120@2x.png");
    background-size: auto auto; } }

.settings .company .avatar-upload-button-block {
  margin-bottom: 55px !important; }

.settings .company .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.settings .company .domuly-panel-content .row:not(:first-child) {
  margin-top: 16px; }

.settings .company .col-xs-8:not(:last-child) {
  padding-right: 37px !important;
  margin-top: 20px; }

.settings .company .col-xs-8 .domuly-form-control-textarea {
  height: 250px !important; }

.settings .company .col-sm-8 {
  padding: 0 !important; }
.settings .company .col-sm-8 .row .col-md-6:first-child, .settings .company .col-sm-8 .row .domuly-panel-6:first-child,
.settings .company .col-sm-8 .row .col-md-12:first-child,
.settings .company .col-sm-8 .row .domuly-panel-12:first-child {
  padding-left: 0 !important; }
.settings .company .col-sm-8 .row .col-md-6:last-child, .settings .company .col-sm-8 .row .domuly-panel-6:last-child,
.settings .company .col-sm-8 .row .col-md-12:last-child,
.settings .company .col-sm-8 .row .domuly-panel-12:last-child {
  padding-right: 0 !important; }

.settings .company .col-md-6 .domuly-table, .settings .company .domuly-panel-6 .domuly-table, .settings .company .col-md-6 .offer .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .settings .company .col-md-6 .favorites-table, .settings .company .domuly-panel-6 .offer .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .settings .company .domuly-panel-6 .favorites-table, .settings .company .col-md-6 .offer .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .settings .company .col-md-6 .favorites-table, .settings .company .domuly-panel-6 .offer .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .settings .company .domuly-panel-6 .favorites-table {
  width: 100%; }

.settings .company .space-line {
  margin-bottom: -10px; }

.settings .company .add-area {
  border: 2px dashed #dde0e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  text-align: center;
  margin-top: 20px; }
.settings .company .add-area .btn-domuly {
  width: 155px !important;
  margin-top: 16px;
  border: 1px solid red; }


.feedback[class~='anim'] {
  animation: feedback-anim 6.6s linear infinite;
  transform-origin: 50% 50%;
  animation-delay: 5s;
}

@keyframes feedback-anim {
  0% { transform: scale(1) }
  3.0303% { transform:scale(.9) rotate(-8deg) }
  6.06061% { transform:scale(.9) rotate(-8deg) }
  9.09091% { transform:scale(1.3) rotate(8deg) }
  12.12121% { transform:scale(1.3) rotate(-8deg) }
  15.15152% { transform:scale(1.3) rotate(8deg) }
  18.18182% { transform:scale(1.3) rotate(-8deg) }
  21.21212% { transform:scale(1.3) rotate(8deg) }
  24.24242% { transform:scale(1) rotate(0) }
  100% { transform:scale(1) rotate(0) }
}

.scroll-frame {
  overflow-y: auto !important;
  padding-right: 10px;
}

.data-table-frame {
  margin-top: 10px !important;
  /*border: 2px solid #e4e7ed;*/
}

.dataTables_wrapper.no-footer .dataTables_scrollBody{
  border-bottom: 1px solid #e4e7ed !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
  color: #223a53 !important;
  font-size: 14px !important;
  /*font-weight: 700 !important;*/
  /*border-right: 1px solid #f0f0f0;*/

  font-family: 'Open Sans'; font-weight: 400;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td:last-child {
  border-right: 0;
}

table th {
  /*border-right: 1px solid #d8dadf;*/
  vertical-align: middle;
}
table th:last-child {
  border-right: 0;
}

table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
  background-position: right center !important;
  /*padding-left: 30px !important;*/
}

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected,
table.dataTable.stripe tbody tr.even.selected, table.dataTable.display tbody tr.even.selected {
  background:#fff !important;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
  background: #fff !important;
}
table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even {
  background: #fff !important;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr.highlight,
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
  background: #eee !important;
}
/*
table.dataTable.display tbody tr td {
  position: relative;
}
table.dataTable.display tbody tr td:first-child:after {
 content: '';
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: -5px;
  bottom: 0;
  background: #f00;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}*/

table.dataTable.stripe tbody tr.error, table.dataTable.display tbody tr.error {
  background: #fbecec !important;
}
table.dataTable.stripe tbody tr.error:hover, table.dataTable.display tbody tr.error.highlight,
table.dataTable.stripe tbody tr.error:hover, table.dataTable.display tbody tr.error:hover {
  background: #f7e3e3 !important;
}
table.dataTable.stripe tbody tr.error td,
table.dataTable.display tbody tr.error td,
table.dataTable.display tbody tr.error td .more-link {
  color: #ec1b2a !important;
}

table.dataTable.display tbody td {
  border-top: 4px solid #f2f5f9 !important;
  border-bottom: 4px solid #f2f5f9 !important;
}
table.dataTable.display tbody tr td:not(:last-child) {
  cursor: pointer;
}


/*
table.dataTable.stripe tbody tr.ok, table.dataTable.display tbody tr.ok {
  background: #81f779 !important;
}
table.dataTable.stripe tbody tr.ok:hover, table.dataTable.display tbody tr.ok.highlight,
table.dataTable.stripe tbody tr.ok:hover, table.dataTable.display tbody tr.ok:hover {
  background: #81f779 !important;
}*/

/*
table.dataTable.stripe tbody tr.error, table.dataTable.display tbody tr.error td {
  border-top: 1px solid #ec1b2a !important;
  border-bottom: 1px solid #ec1b2a !important;
}
*/
/*table.dataTable.stripe tbody tr td, table.dataTable.display tbody tr td {
  border-right: 1px solid #eee;
}*/

/*
table.dataTable,
table.dataTable thead th {
	background: blue !important;
	padding: 8px 10px !important;
	margin: 0 !important;
}*/
/*
table.dataTable,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;


 border-spacing: 0 !important;
    border-collapse: separate;

  margin: 0 !important;
  padding: 0 !important;
}*/

/*
table.dataTable,
table.dataTable thead th {
	background: blue !important;
	padding: 0 !important;
	margin: 0 !important;
}

table.dataTable,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;


 border-spacing: 0 !important;
    border-collapse: separate;

  margin: 0 !important;
  padding: 0 !important;
}

.dataTables_scrollHeadInner {
	border: 1px solid blue;
}
.table {
	border: 1px solid green;
}
*/

.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody>table { margin: 0 }




.dataTables_scrollBody .data-table-frame {
  margin-top: 0 !important;
}

.dataTables_scrollBody .data-table-frame tfoot {
  display: none;
}

.dataTables_scrollBody .data-table-frame tr:last-child td{
  border-bottom: 1px solid #e4e7ed;
}

.dataTables_scrollBody {
  border: 0;

  -webkit-border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  margin-top: -32px !important;
}
.dataTables_wrapper.no-footer div.dataTables_scrollBody table thead {
  visibility:  hidden !important;
}

/*.dataTables_scrollBody thead {
	display: none !important;
}*/
.dataTables_empty {
  border-bottom: 0 !important;
  padding: 50px !important;
}
.dataTables_scrollHeadInner {
  background: transparent !important;
  -webkit-border-radius: 5px;
  -webkit-border-bottom-right-radius: 1px;
  -webkit-border-bottom-left-radius: 1px;
  -moz-border-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.dataTables_scrollFoot {
  -webkit-border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}



table.dataTable thead th, table.dataTable thead td {
  padding: 16px 10px !important; /* TO JEST OK */
  color: #98999a !important;
  border-bottom: 0 !important;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 600 !important;
}


.dataTables_wrapper .dataTables_info {
  display: none !important;
}

.dataTables_wrapper .dataTables_paginate {
  padding-top: 10px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #e3e4e6 !important;
  border-color: c6cbd4 !important;
  color: #223a53 !important;
}


.dataTables_wrapper .dataTables_paginate .paginate_button[class~='next'],
.dataTables_wrapper .dataTables_paginate .paginate_button[class~='previous'] {
  display: none !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #fff !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.dataTables_scrollFoot {
  margin-top: -10px !important;
}

.data-table-frame.no-top {
  margin-top: 0 !important;
}

.data-table-frame thead  {
  border: 0 !important;
}

.data-table-frame thead th {

}

.data-table-frame thead th:first-child {
  -webkit-border-radius: 0;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-radius-topleft: 5px;
  border-radius: 0;
  border-top-left-radius: 5px;
}

.data-table-frame thead th:last-child {
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-radius-topright: 5px;
  border-radius: 0;
  border-top-right-radius: 5px;
}

.data-table-frame tbody td:first-child {
  /* border-left: 2px solid #e4e7ed;*/
}
.data-table-frame tbody td:last-child {
  /* border-right: 2px solid #e4e7ed;*/
}

.dataTables_filter {
  display: none !important;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1,
table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
  background: transparent !important;
}

.data-table-frame tfoot th {
  background: #e4e7ed;
}

.data-table-frame tfoot th:first-child {
  -webkit-border-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-radius-bottomleft: 5px;
  border-radius: 0;
  border-bottom-left-radius: 5px;
}

.data-table-frame tfoot th:last-child {
  -webkit-border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-radius-bottomright: 5px;
  border-radius: 0;
  border-bottom-right-radius: 5px;
}

table.dataTable tfoot th, table.dataTable tfoot td {
  border: 0 !important;
  padding: 10px 5px 10px 5px !important;
}

.offer .rooms .floor-name {
  font-size: 18px;
  text-align: left;
  position: relative !important;
}

.offer .rooms .simpleEdit-input {
  position: absolute;
  font-size: 18px;
  color: #D44A4B !important;
  top: 12px;
  border: 0;
  background: transparent;
  border-bottom: 1px dashed #D44A4B;
  color: var(--basic-color-3);
}

.feedback-area {
  height: 200px !important;
}

.btn-feedback-cancel {
  color: #fff;
  background-color: var(--basic-color-2)2a2;
  border-color: #707070;
}

.btn-feedback-send {
  color: #fff;
  background-color: #1294f8;
  border-color: #0d7ed5;
}
.btn-google-calendar-event-delete {
  color: #fff;
  border-color: #C7262F !important;
  background-color: #C7262F !important;
  position: absolute;
  left: 13px;
}
.btn-google-calendar-event-finish {
  color: #fff;
  background-color: #12d417 !important;
  border-color: #12d017 !important;;
  position: absolute;
  left: 150px;
}

.feedback-options li.active,
.feedback-options li:hover {
  color: #fff;
  background-color: #3cb3f1;
}
.feedback-options li.active:after,
.feedback-options li:hover:after {
  border-top: solid 10px #3cb3f1;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}

.feedback-options li {
  cursor: pointer;
  color: var(--basic-color-2);

  position:relative;
  background-color: #eee;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  font-family: tahoma;
  font-size: 17px;
  float: left;
  margin-right: 20px;
  padding: 10px;
}

.feedback-options li:after {
  content:'';
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
  width: 0;
  height: 0;
  margin: auto;
  border-top: solid 10px #eee;
  border-left: solid 10px transparent;
  border-right: solid 10px transparent;
}

.clear {
  clear: both;
}

.page-buttons-options {
  padding-bottom: 11px;
  margin-top: -5px;
}

.page-buttons-options .title {
  margin-left: 20px;
  font-size: 25px;
  font-family: "OpenSansLight";
  font-weight: 100;
  margin-bottom: 5px;
  color: #3b3b3b;
  line-height: 35px;
}

.page-buttons-options a {
  float: right;
  margin-right: 20px;
}

.breadcrumbs {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.breadcrumbs li {
  float: left;
  display: block;
  height: 20px;
  line-height: 22px;
  color: #3b3b3b;
  font-size: 12px;
  font-family: "OpenSansLight";
}

.breadcrumbs li[class~='start'] {
  width: 12px;
  background: url('/img/backend/breadcrumbs-start.png') left center no-repeat;
}

.breadcrumbs li[class~='arrow'] {
  width: 35px;
  background: url('/img/backend/breadcrumbs-arrow.png') center center no-repeat;
}


.table-menu:hover {
  background: #fff !important;
  -webkit-box-shadow: 0 3px 4px 0 rgba(100,100,100,0.5);
  box-shadow: 0 3px 4px 0 rgba(100,100,100,0.5);
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-radius: 10px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.table-menu:hover .list {
  display: block;
}

.table-menu {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #8c8e90;
  font-size: 30px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  width: 40px;
  height: 40px;
  /*line-height: 25px;*/
  font-weight: 700;
  display: table;
  position: relative;
  cursor: pointer;
}
.table-menu.shadow {
  background: #fff !important;
  -webkit-box-shadow: 0 3px 4px 0 rgba(100,100,100,0.5);
  box-shadow: 0 3px 4px 0 rgba(100,100,100,0.5);
}
/*
.table-menu .mdi {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 15px;
  font-size: 26px;
  height: 13px;
  margin: auto;
}*/

.table-menu.mirror {
  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(100,100,100,0.5);
  box-shadow: 0 2px 4px 0 rgba(100,100,100,0.5);
  z-index: 10;
}
.table-menu.mirror-reverse {
  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(100,100,100,0.5);
  box-shadow: 0 2px 4px 0 rgba(100,100,100,0.5);
  z-index: 10;
}

.grid-menu-container {
  position: absolute;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size: 30px;
  text-align: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
  line-height: 25px;
  font-weight: 700;
  display: table;
  background: #fff;
  z-index: 10;
}
.grid-menu-container > .mdi {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 15px;
  font-size: 26px;
  height: 13px;
  margin: auto;
  color: var(--basic-color-2);
}
.grid-menu-container .mask {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 10px;
  background: #e4e7ed;
  z-index: 999;
}
.grid-menu-container.mirror {
  /* -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-topleft: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0 2px 4px 0 rgba(100,100,100,0.5);
  box-shadow: 0 2px 4px 0 rgba(100,100,100,0.5);*/
  z-index: 10;
}

.grid-menu-container:hover .list {
  display: block;
}

/*.offer-list-table {
  overflow: auto !important;
  border: 2px solid red !important;
  height: 400px !important;
}*/

.table-menu .list,
.grid-menu-container .list {
  display: none;
  position: absolute;
  right: 0;
  margin-top: 0px;
  font-size: 12px;
  background: #fff;
  -webkit-border-radius: 10px;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-topright: 0;
  border-radius: 10px;
  border-top-right-radius: 0;
  color: #8c8e90;
  padding: 10px 10px 10px 10px;
  -webkit-box-shadow: 0 4px 3px 0 rgba(100,100,100,0.5);
  box-shadow: 0 4px 3px 0 rgba(100,100,100,0.5);
  z-index: 9;
}
.grid-menu-container .list.mirror {

  -webkit-border-radius: 10px;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 10px;
  -moz-border-radius-bottomright: 0;
  border-radius: 10px;
  border-bottom-right-radius: 0;
  color: #8c8e90;
  padding: 10px 10px 10px 10px;
  z-index: 99;
  -webkit-box-shadow: 0 2px 4px 0 rgba(100,100,100,0.5);
  box-shadow: 0 2px 4px 0 rgba(100,100,100,0.5);
}

.table-menu .list a,
.grid-menu-container .list a {
  text-align: left;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 25px;
  font-size: 16px;
  font-weight: 400;
  color: var(--basic-color-3);
}

.table-menu .list div,
.grid-menu-container .list div {
  /*font-size: 12px;
	color: #3b3b3b;
	padding-left: 22px;
	text-align: left;
	display: block;
	height: 30px;
	line-height: 32px;
	opacity: 0.5;
	cursor: default !important;*/
}
.table-menu .list .t-table .mdi,
.grid-menu-container .list .t-table .mdi {
  font-size: 21px;
  margin-right: 5px;
  color: var(--basic-color-2);
}

.table-menu .list .icon-edit,
.grid-menu-container .list .icon-edit {
  background: url('/img/backend/action-icon-edit.png') left center no-repeat;
}
.table-menu .list .icon-copy,
.grid-menu-container .list .icon-copy {
  background: url('/img/backend/action-icon-duplicate.png') left center no-repeat;
}
.table-menu .list .icon-share,
.grid-menu-container .list .icon-share {
  background: url('/img/backend/action-icon-share.png') left center no-repeat;
}
.table-menu .list .icon-delete,
.grid-menu-container .list .icon-delete {
  background: url('/img/backend/action-icon-delete.png') left center no-repeat;
}
.table-menu .list .icon-logs,
.grid-menu-container .list .icon-logs {
  background: url('/img/backend/action-icon-logs.png') left center no-repeat;
}

.offer-row-menu {
  display: table;
}
.offer-row-menu > div.off {
  opacity: 0.5;
}
.offer-row-menu > div {
  opacity: 1;
}
.offer-row-menu > .icon-edit {
  display: table-cell;
  width: 35px;
  height: 35px;
  background: url('/img/backend/action-icon-edit.png') left center no-repeat;
}
.offer-row-menu > .icon-copy {
  display: table-cell;
  width: 35px;
  height: 35px;
  background: url('/img/backend/action-icon-duplicate.png') left center no-repeat;
}
.offer-row-menu > .icon-pdf {
  display: table-cell;
  width: 35px;
  height: 35px;
  background: url('/img/backend/action-icon-pdf.png') left center no-repeat;
}
.offer-row-menu > .icon-share {
  display: table-cell;
  width: 35px;
  height: 35px;
  background: url('/img/backend/action-icon-share.png') left center no-repeat;
}
.offer-row-menu > .icon-delete {
  display: table-cell;
  width: 35px;
  height: 35px;
  background: url('/img/backend/action-icon-delete.png') left center no-repeat;
}
.offer-row-menu > .icon-logs {
  display: table-cell;
  width: 35px;
  height: 35px;
  background: url('/img/backend/action-icon-logs.png') left center no-repeat;
}
.offer-row-menu > .icon-return {
  display: table-cell;
  width: 35px;
  height: 35px;
  background: url('/img/backend/action-icon-return.png') left center no-repeat;
}

.offer .notes-bg {
  background: #f2f3f6;
}

.offer .notes {

}

.offer .notes .row {
  padding-right: 25px;
}

.offer .notes .row[class~='active'] {
  padding-right:0;
}

.offer .notes .row[class~='active'] .domuly-table {
  padding-right: 25px;
}


.offer .notes .row[class~='active'] .button {
  border-color: var(--basic-color-1);
  -webkit-border-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.offer .notes .row .button {
  cursor: pointer;
  background: #fff;
  padding: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-left: 5px solid transparent;
}

.offer .notes .icon {
  width: 28px;
  height: 29px;
  background: url('/img/backend/notes-icon.png') no-repeat;
  margin-right: 15px;
}

.offer .notes .icon-note {
  width: 21px;
  height: 29px;
  background: url('/img/backend/notes-icon-note.png') no-repeat;
  margin-right: 15px;
}

.offer .notes .person {
  font-size: 18px;
  color: #223a53;
}

.offer .notes .datetime {
  font-size: 12px;
  color: #c4c9d2;
}

.offer .notes .domuly-table { width: 100% }
.offer .notes .domuly-table .t-icon { width: 45px }
.offer .notes .domuly-table .t-icon-note { width: 38px }
.offer .notes .domuly-table .t-person {}
.offer .notes .domuly-table .t-photo { width: 39px }

.offer .domuly-panel-content[class~='content'] {
  padding: 25px 25px 25px 25px !important;
}

.offer .notes .note-content {
  background: #fff;
  padding: 15px 25px 15px 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.offer .notes .note-content .domuly-table {
  padding-bottom: 15px;
  border-bottom: 1px solid #d7e6f5;
  padding-right: 10px;
  margin-bottom: 25px;
}

.offer .notes .note-content .icons-list {
  display: table;
  float: right;
}
.offer .notes .note-content .icons-list .tr {
  display: table-row;
}
.offer .notes .note-content .icons-list .td {
  display: table-cell;
  color: #223a53;
  font-size: 14px;
  line-height: 20px;
  padding-left: 10px;
}

.offer .notes .note-content .icons-list .t-icon {
  width: 25px;
}

.offer .notes .col-xs-8 .row {
  padding-right: 0 !important;
}

.offer .notes .row .col-sm-8,
.offer .notes .row .col-sm-2:last-child {
  padding: 0 !important;
}

.offer .notes .row .col-sm-4 {
  padding-right: 0 !important;
}

.offer .notes .note-content textarea {
  height: 300px;
}

.offer .notes .note-content .domuly-panel-buttons {
  padding: 20px 0 0 0 !important;
}



.offer .notes .note-content .domuly-table[class~='bottom'] .t-person {
  line-height: 15px;
}
.offer .notes .note-content .domuly-table[class~='bottom'] .person {
  font-size: 14px;
  color: #3b3b3b;
  margin-top: 3px;
}

.offer .notes .note-content .domuly-table[class~='bottom'] {
  padding-top: 15px;
  border-top: 1px solid #d7e6f5;
  padding-right: 10px;
  margin-top: 25px;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
}

.offer .notes .icon-date {
  width: 19px;
  height: 20px;
  background: url('/img/backend/notes-icon-date.png') left center no-repeat;
}

.offer .notes .icon-time {
  width: 20px;
  height: 20px;
  background: url('/img/backend/notes-icon-time.png') left center no-repeat;
}

.offer .notes .icon-phone {
  width: 15px;
  height: 20px;
  background: url('/img/backend/notes-icon-phone.png') left center no-repeat;
}

.offer .domuly-panel-content[class~='title'] .domuly-table {
  width: 100%;
  padding-right: 20px;
}

.offer .domuly-panel-content[class~='title'] .domuly-table .td[class~='icon'] {
  width: 42px;
}

.offer .domuly-panel-content[class~='title'] .domuly-table .title {
  font-size: 18px;
  color: #223a53;
}

.offer .domuly-panel-content[class~='title'] .domuly-table .number {
  font-size: 12px;
  color: var(--basic-color-1);
}

.offer .domuly-panel-content[class~='title'] {
  background: #f6f8fa;
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
  padding: 16px 20px 11px 18px;
  -webkit-border-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 5px !important;
}

.offer .domuly-panel-content[class~='title'] .button-back {
  width: 42px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 55px;
  background: #e4e7ed url('/img/backend/button-back.png') center center no-repeat;
  margin-right: 15px;
  display: block;
}

.btn-nav .cancel-disabled {
  display: none;
}
.btn-nav .btn-action.disabled,
.btn-nav .update-button.disabled {
  display: none;
}
.btn-nav button { margin-left: 5px }


.connection-frame {
  display: none;
  position: absolute;
  z-index: 99999;
  background: url('/img/backend/overall.png');

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.connection-frame .frame {
  position: absolute;
  margin: auto;
  left: 46%;
  right: 50%;
  top: 50%;
  bottom: 50%;
}

.ghost {
  width: 1px;
  height: 1px;
  transform: scale(12);
  animation: ghost .75s step-start infinite;
  box-shadow: 6px 0px 0 #ff1a00, 7px 0px 0 #ff1a00, 8px 0px 0 #ff1a00, 9px 0px 0 #ff1a00, 4px 1px 0 #ff1a00, 5px 1px 0 #ff1a00, 6px 1px 0 #ff1a00, 7px 1px 0 #ff1a00, 8px 1px 0 #ff1a00, 9px 1px 0 #ff1a00, 10px 1px 0 #ff1a00, 11px 1px 0 #ff1a00, 3px 2px 0 #ff1a00, 4px 2px 0 #ff1a00, 5px 2px 0 #ff1a00, 6px 2px 0 #ff1a00, 7px 2px 0 #ff1a00, 8px 2px 0 #ff1a00, 9px 2px 0 #ff1a00, 10px 2px 0 #ff1a00, 11px 2px 0 #ff1a00, 12px 2px 0 #ff1a00, 2px 3px 0 #ff1a00, 3px 3px 0 #ff1a00, 4px 3px 0 #ff1a00, 5px 3px 0 white, 6px 3px 0 white, 7px 3px 0 #ff1a00, 8px 3px 0 #ff1a00, 9px 3px 0 #ff1a00, 10px 3px 0 #ff1a00, 11px 3px 0 white, 12px 3px 0 white, 13px 3px 0 #ff1a00, 2px 4px 0 #ff1a00, 3px 4px 0 #ff1a00, 4px 4px 0 white, 5px 4px 0 white, 6px 4px 0 white, 7px 4px 0 white, 8px 4px 0 #ff1a00, 9px 4px 0 #ff1a00, 10px 4px 0 white, 11px 4px 0 white, 12px 4px 0 white, 13px 4px 0 white, 1px 5px 0 #ff1a00, 2px 5px 0 #ff1a00, 3px 5px 0 #ff1a00, 4px 5px 0 white, 5px 5px 0 white, 6px 5px 0 #0a50fe, 7px 5px 0 #0a50fe, 8px 5px 0 #ff1a00, 9px 5px 0 #ff1a00, 10px 5px 0 white, 11px 5px 0 white, 12px 5px 0 #0a50fe, 13px 5px 0 #0a50fe, 14px 5px 0 #ff1a00, 1px 6px 0 #ff1a00, 2px 6px 0 #ff1a00, 3px 6px 0 #ff1a00, 4px 6px 0 white, 5px 6px 0 white, 6px 6px 0 #0a50fe, 7px 6px 0 #0a50fe, 8px 6px 0 #ff1a00, 9px 6px 0 #ff1a00, 10px 6px 0 white, 11px 6px 0 white, 12px 6px 0 #0a50fe, 13px 6px 0 #0a50fe, 14px 6px 0 #ff1a00, 1px 7px 0 #ff1a00, 2px 7px 0 #ff1a00, 3px 7px 0 #ff1a00, 4px 7px 0 #ff1a00, 5px 7px 0 white, 6px 7px 0 white, 7px 7px 0 #ff1a00, 8px 7px 0 #ff1a00, 9px 7px 0 #ff1a00, 10px 7px 0 #ff1a00, 11px 7px 0 white, 12px 7px 0 white, 13px 7px 0 #ff1a00, 14px 7px 0 #ff1a00, 1px 8px 0 #ff1a00, 2px 8px 0 #ff1a00, 3px 8px 0 #ff1a00, 4px 8px 0 #ff1a00, 5px 8px 0 #ff1a00, 6px 8px 0 #ff1a00, 7px 8px 0 #ff1a00, 8px 8px 0 #ff1a00, 9px 8px 0 #ff1a00, 10px 8px 0 #ff1a00, 11px 8px 0 #ff1a00, 12px 8px 0 #ff1a00, 13px 8px 0 #ff1a00, 14px 8px 0 #ff1a00, 1px 9px 0 #ff1a00, 2px 9px 0 #ff1a00, 3px 9px 0 #ff1a00, 4px 9px 0 #ff1a00, 5px 9px 0 #ff1a00, 6px 9px 0 #ff1a00, 7px 9px 0 #ff1a00, 8px 9px 0 #ff1a00, 9px 9px 0 #ff1a00, 10px 9px 0 #ff1a00, 11px 9px 0 #ff1a00, 12px 9px 0 #ff1a00, 13px 9px 0 #ff1a00, 14px 9px 0 #ff1a00, 1px 10px 0 #ff1a00, 2px 10px 0 #ff1a00, 3px 10px 0 #ff1a00, 4px 10px 0 #ff1a00, 5px 10px 0 #ff1a00, 6px 10px 0 #ff1a00, 7px 10px 0 #ff1a00, 8px 10px 0 #ff1a00, 9px 10px 0 #ff1a00, 10px 10px 0 #ff1a00, 11px 10px 0 #ff1a00, 12px 10px 0 #ff1a00, 13px 10px 0 #ff1a00, 14px 10px 0 #ff1a00, 1px 11px 0 #ff1a00, 2px 11px 0 #ff1a00, 3px 11px 0 #ff1a00, 4px 11px 0 #ff1a00, 5px 11px 0 #ff1a00, 6px 11px 0 #ff1a00, 7px 11px 0 #ff1a00, 8px 11px 0 #ff1a00, 9px 11px 0 #ff1a00, 10px 11px 0 #ff1a00, 11px 11px 0 #ff1a00, 12px 11px 0 #ff1a00, 13px 11px 0 #ff1a00, 14px 11px 0 #ff1a00, 1px 12px 0 #ff1a00, 2px 12px 0 #ff1a00, 5px 12px 0 #ff1a00, 6px 12px 0 #ff1a00, 8px 12px 0 #ff1a00, 9px 12px 0 #ff1a00, 10px 12px 0 #ff1a00, 13px 12px 0 #ff1a00, 14px 12px 0 #ff1a00, 2px 13px 0 #ff1a00, 5px 13px 0 #ff1a00, 9px 13px 0 #ff1a00, 10px 13px 0 #ff1a00, 13px 13px 0 #ff1a00;
}

@keyframes ghost {
  50% {
    box-shadow: 6px 0px 0 #ff1a00, 7px 0px 0 #ff1a00, 8px 0px 0 #ff1a00, 9px 0px 0 #ff1a00, 4px 1px 0 #ff1a00, 5px 1px 0 #ff1a00, 6px 1px 0 #ff1a00, 7px 1px 0 #ff1a00, 8px 1px 0 #ff1a00, 9px 1px 0 #ff1a00, 10px 1px 0 #ff1a00, 11px 1px 0 #ff1a00, 3px 2px 0 #ff1a00, 4px 2px 0 #ff1a00, 5px 2px 0 #ff1a00, 6px 2px 0 #ff1a00, 7px 2px 0 #ff1a00, 8px 2px 0 #ff1a00, 9px 2px 0 #ff1a00, 10px 2px 0 #ff1a00, 11px 2px 0 #ff1a00, 12px 2px 0 #ff1a00, 2px 3px 0 #ff1a00, 3px 3px 0 #ff1a00, 4px 3px 0 #ff1a00, 5px 3px 0 white, 6px 3px 0 white, 7px 3px 0 #ff1a00, 8px 3px 0 #ff1a00, 9px 3px 0 #ff1a00, 10px 3px 0 #ff1a00, 11px 3px 0 white, 12px 3px 0 white, 13px 3px 0 #ff1a00, 2px 4px 0 #ff1a00, 3px 4px 0 #ff1a00, 4px 4px 0 white, 5px 4px 0 white, 6px 4px 0 white, 7px 4px 0 white, 8px 4px 0 #ff1a00, 9px 4px 0 #ff1a00, 10px 4px 0 white, 11px 4px 0 white, 12px 4px 0 white, 13px 4px 0 white, 1px 5px 0 #ff1a00, 2px 5px 0 #ff1a00, 3px 5px 0 #ff1a00, 4px 5px 0 white, 5px 5px 0 white, 6px 5px 0 #0a50fe, 7px 5px 0 #0a50fe, 8px 5px 0 #ff1a00, 9px 5px 0 #ff1a00, 10px 5px 0 white, 11px 5px 0 white, 12px 5px 0 #0a50fe, 13px 5px 0 #0a50fe, 14px 5px 0 #ff1a00, 1px 6px 0 #ff1a00, 2px 6px 0 #ff1a00, 3px 6px 0 #ff1a00, 4px 6px 0 white, 5px 6px 0 white, 6px 6px 0 #0a50fe, 7px 6px 0 #0a50fe, 8px 6px 0 #ff1a00, 9px 6px 0 #ff1a00, 10px 6px 0 white, 11px 6px 0 white, 12px 6px 0 #0a50fe, 13px 6px 0 #0a50fe, 14px 6px 0 #ff1a00, 1px 7px 0 #ff1a00, 2px 7px 0 #ff1a00, 3px 7px 0 #ff1a00, 4px 7px 0 #ff1a00, 5px 7px 0 white, 6px 7px 0 white, 7px 7px 0 #ff1a00, 8px 7px 0 #ff1a00, 9px 7px 0 #ff1a00, 10px 7px 0 #ff1a00, 11px 7px 0 white, 12px 7px 0 white, 13px 7px 0 #ff1a00, 14px 7px 0 #ff1a00, 1px 8px 0 #ff1a00, 2px 8px 0 #ff1a00, 3px 8px 0 #ff1a00, 4px 8px 0 #ff1a00, 5px 8px 0 #ff1a00, 6px 8px 0 #ff1a00, 7px 8px 0 #ff1a00, 8px 8px 0 #ff1a00, 9px 8px 0 #ff1a00, 10px 8px 0 #ff1a00, 11px 8px 0 #ff1a00, 12px 8px 0 #ff1a00, 13px 8px 0 #ff1a00, 14px 8px 0 #ff1a00, 1px 9px 0 #ff1a00, 2px 9px 0 #ff1a00, 3px 9px 0 #ff1a00, 4px 9px 0 #ff1a00, 5px 9px 0 #ff1a00, 6px 9px 0 #ff1a00, 7px 9px 0 #ff1a00, 8px 9px 0 #ff1a00, 9px 9px 0 #ff1a00, 10px 9px 0 #ff1a00, 11px 9px 0 #ff1a00, 12px 9px 0 #ff1a00, 13px 9px 0 #ff1a00, 14px 9px 0 #ff1a00, 1px 10px 0 #ff1a00, 2px 10px 0 #ff1a00, 3px 10px 0 #ff1a00, 4px 10px 0 #ff1a00, 5px 10px 0 #ff1a00, 6px 10px 0 #ff1a00, 7px 10px 0 #ff1a00, 8px 10px 0 #ff1a00, 9px 10px 0 #ff1a00, 10px 10px 0 #ff1a00, 11px 10px 0 #ff1a00, 12px 10px 0 #ff1a00, 13px 10px 0 #ff1a00, 14px 10px 0 #ff1a00, 1px 11px 0 #ff1a00, 2px 11px 0 #ff1a00, 3px 11px 0 #ff1a00, 4px 11px 0 #ff1a00, 5px 11px 0 #ff1a00, 6px 11px 0 #ff1a00, 7px 11px 0 #ff1a00, 8px 11px 0 #ff1a00, 9px 11px 0 #ff1a00, 10px 11px 0 #ff1a00, 11px 11px 0 #ff1a00, 12px 11px 0 #ff1a00, 13px 11px 0 #ff1a00, 14px 11px 0 #ff1a00, 1px 12px 0 #ff1a00, 2px 12px 0 #ff1a00, 4px 12px 0 #ff1a00, 5px 12px 0 #ff1a00, 6px 12px 0 #ff1a00, 9px 12px 0 #ff1a00, 10px 12px 0 #ff1a00, 11px 12px 0 #ff1a00, 13px 12px 0 #ff1a00, 14px 12px 0 #ff1a00, 1px 13px 0 #ff1a00, 5px 13px 0 #ff1a00, 6px 13px 0 #ff1a00, 9px 13px 0 #ff1a00, 10px 13px 0 #ff1a00, 14px 13px 0 #ff1a00;
  }
}



.mailing .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mailing .col-xs-8, .mailing .col-xs-4, .mailing .col-sm-6, .mailing .col-sm-12, .mailing .col-xs-6, .mailing .col-sm-4 {
  padding: 0 !important; }

.mailing .col-sm-6:not(:last-child), .mailing .col-sm-4:not(:last-child) {
  padding-right: 25px !important; }

.mailing .domuly-panel-body {
  padding: 0 !important; }

.mailing .domuly-panel-content {
  padding: 25px 25px 40px 25px !important;
  display: table;
  width: 100%; }
.mailing .domuly-panel-content .row:not(:first-child) {
  margin-top: 27px; }

.mailing .domuly-panel-buttons {
  padding: 20px 25px 20px 25px !important;
  background: #fff;
  display: table;
  width: 100%;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
.mailing .domuly-panel-buttons .domuly-button-primary {
  width: 99px; }
.mailing .domuly-panel-buttons .domuly-button-default {
  width: 90px; }
.mailing .domuly-panel-buttons .domuly-button-cancel {
  width: 70px; }
.mailing .domuly-panel-buttons .btn-nav {
  float: right; }


.mailing .preloader {
  display: none;
  /*ON / OFF*/
  padding-left: 15px; }
.mailing .preloader .td:last-child {
  color: #bfbfbf;
  font-size: 12px;
  font-weight: 400;
  padding-left: 7px; }

.mailing .new .domuly-panel-content .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mailing .new .chosen-box .box-info {
  margin-top: 10px;
  font-size: 11px;
  height: 18px;
  display: block;
}
.mailing .new .chosen-box {
  border-radius: 5px;
  background-color: #f6f8fa;
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
  padding: 16px 20px 11px 18px;
  position: relative;
  margin: 8px;
  padding: 35px 15px 30px 15px;
  text-align: center;
}
.mailing .new .chosen-box .icon-client {
  width: 68px;
  height: 61px;
  background: url('/img/backend/mailing-icon-clients.png') no-repeat;
  margin: auto;
  margin-bottom: 36px;
}
.mailing .new .chosen-box .icon-offer {
  width: 68px;
  height: 61px;
  background: url('/img/backend/mailing-icon-offer.png') no-repeat;
  margin: auto;
  margin-bottom: 36px;
}
.mailing .new .chosen-box .icon-employee {
  width: 68px;
  height: 61px;
  background: url('/img/backend/mailing-icon-employee.png') no-repeat;
  margin: auto;
  margin-bottom: 36px;
}
.mailing .new .chosen-box .title {
  color: #223a53;
  font-family: 'Open Sans';
  font-size: 21px;
  text-align: center;
}
.mailing .new .chosen-box .desc {
  color: #3b3b3b;
  font-family: 'Open Sans';
  font-size: 14px;
  text-align: center;
}
.mailing .new .chosen-box .domuly-button-default {
  margin-top: 20px !important;
  width: 85px;
}

.mailing .new .title-head {
  margin-top: 60px;
  text-align: center;
  font-size: 30px;
  color: #3b3b3b;
  font-family: 'OpenSansLight';
  letter-spacing: -1px;
}

.mailing .new .title-desc {
  margin-top: 5px;
  margin-bottom: 55px;
  text-align: center;
  font-size: 18px;
  color: #acaeb2;
  font-family: 'Open Sans';
  font-weight: 600;
  letter-spacing: -0.7px;
}

.mailing .domuly-panel-buttons {
  padding: 20px 25px 20px 25px !important;
  background: #fff;
  display: table;
  width: 100%;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
.mailing .domuly-panel-buttons .domuly-button-primary {
  width: 99px; }
.mailing .domuly-panel-buttons .domuly-button-default {
  width: 90px; }
.mailing .domuly-panel-buttons .domuly-button-cancel {
  width: 70px; }
.mailing .domuly-panel-buttons .btn-nav {
  float: right; }
.mailing .domuly-panel-buttons .domuly-table:first-child, .mailing .domuly-panel-buttons .photos .list[class~='show-list'] .box-table .favorites-table:first-child, .mailing .photos .list[class~='show-list'] .box-table .domuly-panel-buttons .favorites-table:first-child, .mailing .domuly-panel-buttons .photos .list[class~='show-box'] .box-table .favorites-table:first-child, .mailing .photos .list[class~='show-box'] .box-table .domuly-panel-buttons .favorites-table:first-child {
  float: left; }

.mailing.clients .domuly-panel-body {
  -webkit-border-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 16px 20px 11px 18px !important;
}



.mailing .preloader {
  display: none;
  /*ON / OFF*/
  padding-left: 15px; }
.mailing .preloader .td:last-child {
  color: #bfbfbf;
  font-size: 12px;
  font-weight: 400;
  padding-left: 7px; }

.mailing .mailing-clients .domuly-panel-body {
  padding: 0 !important;
}

.mailing .mailing-clients .domuly-panel-buttons {
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
}

.mailing .new .domuly-panel-content .row {
}

.mailing.clients .info {
  float: right;
}
.mailing.clients .info .counter {
  font-size: 18px;
  padding-right: 15px;
}
.mailing.clients .info .counter span {
  color: var(--basic-color-1);
  font-weight: bold;
}

.mailing.clients .steps {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #f6f8fa;
  padding: 11px 15px 11px 10px;
  color: #3b3b3b;
  font-size: 12px;
  font-weight: bold;
}

.mailing.clients .steps .disabled {
  opacity: 0.5;
}

.mailing.clients .steps .icon-0,
.mailing.clients .steps .icon-1,
.mailing.clients .steps .icon-2 {
  margin-left: 5px;
  margin-right: 5px;
}

.mailing.clients .steps .icon-0 {
  width: 16px;
  height: 16px;
  background: url('/img/backend/mailing-step-0.png') no-repeat;
}
.mailing.clients .steps .icon-1 {
  width: 16px;
  height: 16px;
  background: url('/img/backend/mailing-step-1.png') no-repeat;
}
.mailing.clients .steps .icon-2 {
  width: 16px;
  height: 16px;
  background: url('/img/backend/mailing-step-2.png') no-repeat;
}
.mailing.clients .steps .line {
  width: 26px;
  height: 16px;
  background: url('/img/backend/mailing-step-line.png') no-repeat;
  margin-left: 5px;
  margin-right: -10px;
}

.mailing.clients .templates .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mailing.clients .templates .row:not(:first-child) {
  margin-top: 16px; }

.mailing.clients .templates .col-xs-8:not(:last-child) {
  padding-right: 20px !important;
  margin-top: 20px; }

.mailing.clients .templates .col-xs-8 .domuly-form-control-textarea {
  height: 250px !important; }

.mailing.clients .templates .col-xs-4 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important; }

.mailing.clients .templates {
  padding: 0 5px 0 7px !important;
}

.mailing.clients .templates .checkbox-list {
  margin-top: 50px;
  margin-left: 20px;
}

.mailing.clients .summary .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.mailing.clients .summary .row:not(:first-child) {
  margin-top: 16px; }

.mailing.clients .summary .col-xs-4:not(:last-child) {
  padding-right: 20px !important;
  margin-top: 9px;
}

.mailing.clients .summary .col-xs-8 .domuly-form-control-textarea {
  height: 250px !important; }

.mailing.clients .summary .col-xs-8 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important;
  margin-top: 9px;
}

.mailing.clients .summary {
  padding: 0 5px 0 7px !important;
}

.mailing.clients .checkbox-list {
  margin-top: 50px;
  margin-left: 20px;
}

.mailing.clients .summary .col-xs-4 .domuly-table {
  width: 100%;
  background: #edeff3;
  padding: 20px;
}

.mailing.clients .summary .col-xs-4 .domuly-table .td:first-child div:first-child {
  color: #223a53;
  opacity: 0.5;
  font-size: 12px;
}

.mailing.clients .summary .col-xs-4 .domuly-table .td:first-child div:last-child {
  color: #3583cf;
  font-size: 16px;
  font-weight: 600;
}

.mailing.clients .summary .col-xs-4 .domuly-table .td:last-child,
.mailing.clients .summary .col-xs-4 .domuly-table .td:last-child .btn-domuly {
  width: 85px;
}

.mailing.clients .summary .data-table-frame {
  margin-top: 0px !important;
}

.mailing.clients .summary .mail-preview-frame {
  width: 100%;
}
.mailing.clients .summary .mail-preview-frame .table-content-frame {
  border-top: 1px solid #3b3b3b;
  padding-top: 20px;
}

.mailing.clients .summary .mail-preview-frame .table-content-frame .frame {
  background: #fff;
  padding: 20px;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

.mailing.clients .summary .mail-preview-info {
  width: 100%;
  padding-bottom: 20px;
}

.mailing.clients .summary .mail-preview-info .tr .td:first-child {
  font-weight: bold;
  width: 50px;
}

.mailing.clients .summary .mail-preview-info .tr .td:last-child {
  padding-left: 10px;
}

.mailing.clients .summary .mail-preview-info .mail-attachment-icon {
  width: 16px;
  height: 16px;
  background: url('/img/backend/summary-attachment.png') no-repeat;
  float: right;
}

.mailing.clients .summary .mail-preview-info .recipient {
  background: var(--basic-color-2);
  padding: 3px 6px 3px 6px;
  text-align: center;
  font-size: 11px;
  color: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-right: 5px;
}

.mailing.clients .summary .domuly-button-primary-light.disabled {
  cursor: pointer !important;
  background-color: #8a8a8a !important;
  border-color: #8a8a8a !important;
  color: #FFFFFF !important; }

.mailing.clients .summary .summary-content {
  height: 100%;
}



.mailing .gotosummary {
  width: auto !important;
  padding: 7px 10px 6px 10px;
}

.icon-mailings-client {
  width: 30px;
  height: 30px;
  background: url('/img/backend/mailing-icon-clients.png') center center no-repeat;
  background-size:contain;
}
.icon-mailings-offer {
  width: 30px;
  height: 30px;
  background: url('/img/backend/mailing-icon-offer.png') center center no-repeat;
  background-size:contain;
}
.icon-mailings-employee {
  width: 30px;
  height: 30px;
  background: url('/img/backend/mailing-icon-employee.png') center center no-repeat;
  background-size:contain;
}
.mailing-status-0 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/mailing-status-0.png') center center no-repeat;
}
.mailing-status-1 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/mailing-status-1.png') center center no-repeat;
}
.mailing-status-2 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/mailing-status-2.png') center center no-repeat;
}
.mailing-status-3 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/mailing-status-3.png') center center no-repeat;
}
.mailing-status-4 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/mailing-status-4.png') center center no-repeat;
}


.offer-lock {
  width: 17px;
  height: 16px;
  background: url('/img/backend/offer-lock.png') center center no-repeat;
  display: inline-block;
  margin-left: 5px;
}
.offer-seo {
  width: 17px;
  height: 16px;
  background: url('/img/backend/offer-seo.png') center center no-repeat;
  display: inline-block;
  margin-left: 5px;
}
.offer-related-to {
  width: 17px;
  height: 16px;
  background: url('/img/backend/offer-related-to.png') center center no-repeat;
  display: inline-block;
  margin-left: 5px;
}
.offer-related-with {
  width: 17px;
  height: 16px;
  background: url('/img/backend/offer-related-with.png') center center no-repeat;
  display: inline-block;
  margin-left: 5px;
}

.offer-error-1,
.export-connection-status-0 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/export-connection-status-0.png') center center no-repeat;
}
.offer-error-0,
.export-connection-status-1 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/export-connection-status-1.png') center center no-repeat;
}
.offer-error-2 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/export-connection-status-2.png') center center no-repeat;
}


.global-status-0 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/status-draft.png') center center no-repeat;
}
.global-status-1 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/status-ok.png') center center no-repeat;
}
.global-status-2 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/status-disable.png') center center no-repeat;
}

.col-clicable {
  cursor: pointer;
}
.row-status-1 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/status-ok.png') center center no-repeat;
}
.row-status-0 {
  width: 17px;
  height: 16px;
  background: url('/img/backend/status-disable.png') center center no-repeat;
}

.groups .group-area {
  /* Wyłącza drag&drop na oznaczonej powierzchni */ }
.groups .group-area ul,
.groups .group-area ul > li {
  position: relative; }
.groups .group-area ul > li {
  position: relative; }
.groups .group-area ul {
  min-height: 42px;
  padding-left: 0; }
.groups .group-area ul .domuly-permission-placeholder {
  display: block;
  background-color: #ddd;
  height: 100px; }
.groups .group-area ul li {
  display: block; }
.groups .group-area .permission {
  position: relative;
  margin-bottom: 15px; }
.groups .group-area .permission .title {
  background: #c4c9d2;
  padding: 10px 15px 10px 15px;
  -webkit-border-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid #c4c9d2;
  border-right: 1px solid #c4c9d2; }


.groups .group-area .permission .title.radius-bottom {
  -webkit-border-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.groups .group-area .permission .title .icon {
  width: 18px;
  height: 32px;
  background: url("/img/backend/icon-permission.png") center center no-repeat; }
.groups .group-area .permission .title .domuly-table, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table {
  width: 100%; }
.groups .group-area .permission .title .domuly-table .td, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td {
  color: #fff;
  font-size: 12px; }
.groups .group-area .permission .title .domuly-table .td.permission-icon, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-icon, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-icon, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-icon, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-icon {
  width: 18px;
  padding-right: 17px; }
.groups .group-area .permission .title .domuly-table .td.permission-name, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-name, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-name, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-name, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-name {
  font-size: 18px;
  text-align: left; }
.groups .group-area .permission .title .domuly-table .td.permission-options, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options {
  width: 50%; }
.offer .photos .show-list,
.offer .documents .list.show-list {
  overflow-y: auto;
  margin-bottom: -30px;
}
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table {
  width: auto;
  float: right;
  /* Modyfikacja inputa */
  /* Modyfikacja buttona */ }
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table .permission-remove, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table .permission-remove, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-remove, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table .permission-remove, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-remove, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table .permission-remove, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-remove, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table .permission-remove, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-remove, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table .permission-remove, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-remove, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table .permission-remove, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-remove {
  width: 30px;
  padding-left: 17px; }
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table .domuly-form-field, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table .domuly-form-field, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .domuly-form-field, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table .domuly-form-field, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .domuly-form-field, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table .domuly-form-field, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .domuly-form-field, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table .domuly-form-field, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .domuly-form-field, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table .domuly-form-field, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .domuly-form-field, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table .domuly-form-field, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .domuly-form-field {
  margin-top: 0 !important; }
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table .permission-height, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table .permission-height, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-height, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table .permission-height, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-height, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table .permission-height, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-height, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table .permission-height, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-height, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table .permission-height, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-height, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table .permission-height, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-height {
  padding-left: 17px; }
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table .permission-height .form-control, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table .permission-height .form-control, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-height .form-control, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table .permission-height .form-control, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-height .form-control, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table .permission-height .form-control, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-height .form-control, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table .permission-height .form-control, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-height .form-control, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table .permission-height .form-control, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-height .form-control, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table .permission-height .form-control, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-height .form-control {
  height: 32px;
  width: 105px;
  border-color: #969fae; }
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table .permission-height .form-control.group:not(.group-right), .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table .permission-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-height .form-control.group:not(.group-right), .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table .permission-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-height .form-control.group:not(.group-right), .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table .permission-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-height .form-control.group:not(.group-right), .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table .permission-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-height .form-control.group:not(.group-right), .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table .permission-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-height .form-control.group:not(.group-right), .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table .permission-height .form-control.group:not(.group-right), .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-height .form-control.group:not(.group-right) {
  padding-left: 44px; }
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table .permission-height .form-control.group.group-right, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table .permission-height .form-control.group.group-right, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-height .form-control.group.group-right, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table .permission-height .form-control.group.group-right, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-height .form-control.group.group-right, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table .permission-height .form-control.group.group-right, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-height .form-control.group.group-right, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table .permission-height .form-control.group.group-right, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-height .form-control.group.group-right, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table .permission-height .form-control.group.group-right, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-height .form-control.group.group-right, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table .permission-height .form-control.group.group-right, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-height .form-control.group.group-right {
  padding-right: 44px; }
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table .domuly-input-group, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table .domuly-input-group, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .domuly-input-group, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table .domuly-input-group, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .domuly-input-group, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table .domuly-input-group, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .domuly-input-group, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table .domuly-input-group, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .domuly-input-group, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table .domuly-input-group, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .domuly-input-group, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table .domuly-input-group, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .domuly-input-group {
  height: 30px;
  width: 30px;
  line-height: 30px; }
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table .btn-domuly, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table .btn-domuly, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .btn-domuly, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table .btn-domuly, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .btn-domuly, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table .btn-domuly, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .btn-domuly, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table .btn-domuly, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .btn-domuly, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table .btn-domuly, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .btn-domuly, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table .btn-domuly, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .btn-domuly {
  width: auto;
  padding: 3px 7px 3px 7px; }
.groups .group-area .permission .title .domuly-table .td.permission-options .domuly-table .permission-button, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .domuly-table .permission-button, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-button, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .domuly-table .permission-button, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .domuly-table .permission-button, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-list'] .box-table .favorites-table .permission-button, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-button, .groups .group-area .permission .title .photos .list[class~='show-list'] .box-table .favorites-table .td.permission-options .favorites-table .permission-button, .offer .photos .list[class~='show-list'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-button, .groups .group-area .permission .title .domuly-table .td.permission-options .photos .list[class~='show-box'] .box-table .favorites-table .permission-button, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .domuly-table .td.permission-options .favorites-table .permission-button, .groups .group-area .permission .title .photos .list[class~='show-box'] .box-table .favorites-table .td.permission-options .favorites-table .permission-button, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .title .favorites-table .td.permission-options .favorites-table .permission-button {
  padding-right: 17px; }

.groups .group-area .permission .content .options-frame {
  position: relative;
}
.groups .group-area .permission .content .option-hide {
  position: absolute;
  background: url("/img/backend/permissions-hide.png");
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.groups .group-area .permission .content .group-hide {
  position: absolute;
  background: #fff;
  opacity: .65;
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
  z-index: 10;
}

.groups .group-area .permission .content {
  position: relative;
  background: #fff;
  padding: 10px 15px 10px 15px;
  -webkit-border-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 0;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-radius: 0;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-left: 1px solid #c4c9d2;
  border-right: 1px solid #c4c9d2;
  border-bottom: 1px solid #c4c9d2; }
.groups .group-area .permission .content .list {
  /* Wyłącza drag&drop na oznaczonej powierzchni */ }
.groups .group-area .permission .content .list ul, .groups .group-area .permission .content .list ul > li {
  position: relative; }
.groups .group-area .permission .content .list ul,
.groups .group-area .permission .content .list ul > li {
  position: relative; }
.groups .group-area .permission .content .list ul {
  min-height: 42px;
  padding-left: 0; }
.groups .group-area .permission .content .list ul .domuly-room-placeholder {
  display: block;
  background-color: #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 100px; }

/*.groups .group-area .permission .content .list ul .domuly-room-placeholder:not(:first-child) {
          margin-top: 0px !important; }*/


.groups .group-area .permission .content .list ul li {
  display: block; }
.groups .group-area .permission .content .list[class~='show-list'] #sortable-rooms {
  padding: 0; }
.groups .group-area .permission .content .list[class~='show-list'] .domuly-table, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .favorites-table, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .favorites-table, .groups .group-area .permission .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .favorites-table {
  width: 100%;
  height: 80px }
.groups .group-area .permission .content .list[class~='show-list'] .domuly-table .td.icon, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .favorites-table .td.icon, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .favorites-table .td.icon, .groups .group-area .permission .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.icon, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .favorites-table .td.icon {
  background: #f2f3f6;
  width: 20px;
  height: 100%; }
.groups .group-area .permission .content .list[class~='show-list'] .domuly-table .td.drag, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .favorites-table .td.drag, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .favorites-table .td.drag, .groups .group-area .permission .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.drag, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .favorites-table .td.drag {
  display: table-cell !important;
  width: 15px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #f2f3f6;}
.groups .group-area .permission .content .list[class~='show-list'] .domuly-table .td.fields, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .favorites-table .td.fields, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .favorites-table .td.fields, .groups .group-area .permission .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.fields, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .favorites-table .td.fields {
  background: #f2f3f6; color: #738393; font-size: 16px; }
.groups .group-area .permission .content .list[class~='show-list'] .domuly-table .td.fields .domuly-table, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .favorites-table .td.fields .domuly-table, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .favorites-table .td.fields .domuly-table, .groups .group-area .permission .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.fields .domuly-table, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .favorites-table .td.fields .domuly-table, .groups .group-area .permission .content .photos .list[class~='show-list'] .domuly-table .td.fields .box-table .favorites-table, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .domuly-table .td.fields .box-table .favorites-table, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .domuly-table .td.fields .favorites-table, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .domuly-table .td.fields .favorites-table, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .favorites-table .td.fields .favorites-table, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .favorites-table .td.fields .favorites-table, .groups .group-area .permission .content .list[class~='show-list'] .domuly-table .td.fields .photos .list[class~='show-box'] .box-table .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .domuly-table .td.fields .favorites-table, .groups .group-area .permission .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.fields .favorites-table, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .favorites-table .td.fields .favorites-table {
  width: 100%; }
.groups .group-area .permission .content .list[class~='show-list'] .domuly-table .td.fields .field-size, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .favorites-table .td.fields .field-size, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .favorites-table .td.fields .field-size, .groups .group-area .permission .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.fields .field-size, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .favorites-table .td.fields .field-size {
  width: 25%;
  padding-right: 20px; }
.groups .group-area .permission .content .list[class~='show-list'] .domuly-table .td.options, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .favorites-table .td.options, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .favorites-table .td.options, .groups .group-area .permission .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.options, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .favorites-table .td.options {
  width: 90px;
  background: #f2f3f6;
  text-align: center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right; }
.groups .group-area .permission .content .list[class~='show-list'] .domuly-table .td.options .domuly-button-option-delete, .groups .group-area .permission .content .photos .list[class~='show-list'] .box-table .favorites-table .td.options .domuly-button-option-delete, .offer .photos .rooms .group-area .permission .content .list[class~='show-list'] .box-table .favorites-table .td.options .domuly-button-option-delete, .groups .group-area .permission .content .list[class~='show-list'] .photos .list[class~='show-box'] .box-table .favorites-table .td.options .domuly-button-option-delete, .offer .photos .list[class~='show-box'] .box-table .rooms .group-area .permission .content .list[class~='show-list'] .favorites-table .td.options .domuly-button-option-delete {
  margin: auto; }
.groups .group-area .permission .content .list[class~='show-list'] ul li:not(:first-child) {
  margin-top: 10px; }

.groups .add-area {
  border: 2px dashed #dde0e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  text-align: center; }
.groups .add-area .btn-domuly {
  width: 155px !important;
  margin-top: 16px;
  border: 1px solid red; }

.agent.permissions .domuly-panel-content {
  padding: 18px 10px 20px 25px !important;
  /*padding: 25px 25px 40px 25px !important;*/
}

.agent.permissions .domuly-panel-content .col-xs-12:first-child {
  margin-top: 20px;
}
.agent.permissions .domuly-panel-content .col-xs-12 {
  padding: 0;
}
.agent.permissions .domuly-panel-content .options .domuly-switch-medium {
  float: right;
  margin-right: 15px;
}
.agent.permissions .domuly-panel-content .domuly-checked-frame .area {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.btn-nav-disabled {
  float: right;
}

.btn-preloader {
  display:inline-block;
  font-size:0px;
  padding:0px;
}
.btn-preloader span {
  vertical-align:middle;
  border-radius:100%;
  background:var(--basic-color-3);
  display:inline-block;
  width:10px;
  height:10px;
  margin:3px 2px;
  -webkit-animation:btn-preloader 0.8s linear infinite alternate;
  animation:btn-preloader 0.8s linear infinite alternate;
}
.btn-preloader span:nth-child(1) {
  -webkit-animation-delay:-0.8;
  animation-delay:-0.8s;
}
.btn-preloader span:nth-child(2) {
  -webkit-animation-delay:-0.53333s;
  animation-delay:-0.53333s;
}
.btn-preloader span:nth-child(3) {
  -webkit-animation-delay:-0.26666s;
  animation-delay:-0.26666s;
}
@keyframes btn-preloader {
  from {transform: scale(0, 0);}
  to {transform: scale(1, 1);}
}
@-webkit-keyframes btn-preloader {
  from {-webkit-transform: scale(0, 0);}
  to {-webkit-transform: scale(1, 1);}
}


.step-pipeline ul {
  width: 100%;

}
.step-pipeline ul {
  width: 100%; list-style-type: none; display: flex; padding: 0;

}

.step-pipeline ul li {
  width: 100%; padding: 20px; box-sizing: border-box; background: #bababa; color: #fff; flex-wrap: nowrap;
  position: relative;
}
.step-pipeline ul li:not(:last-child):after {
  content: " ";
  position: absolute;
  z-index: 2;
  right: -15px;
  top: 0;
  border-top: 20px solid transparent;
  border-right: none;
  border-left: 15px solid #bababa;
  border-bottom: 20px solid transparent;
}
.step-pipeline ul li:not(:last-child):before {
  content: " ";
  position: absolute;
  z-index: 2;
  right: -16px;
  top: 0;
  border-top: 20px solid transparent;
  border-right: none;
  border-left: 15px solid #fff;
  border-bottom: 20px solid transparent;
}
.step-pipeline ul li.active:after,
.step-pipeline ul li.done:after {
  content: " ";
  position: absolute;
  z-index: 2;
  right: -15px;
  top: 0;
  border-top: 20px solid transparent;
  border-right: none;
  border-left: 15px solid #3583CF;
  border-bottom: 20px solid transparent;
}


.step-pipeline ul li .step {
  display: none;
}
.step-pipeline ul li .title {
  position: absolute;
  width: 100%;
  left: 30px;
  top: 3px;
  font-weight: 600;
  color: #eee;
  -webkit-transition: color 0.6s ease;
  -o-transition: color 0.6s ease;
  transition: color 0.6s ease;
}
.step-pipeline ul li .status {
  position: absolute;
  width: 100%;
  left: 30px;
  top: 23px;
  font-size: 11px;
  color: #eee;
  -webkit-transition: color 0.6s ease;
  -o-transition: color 0.6s ease;
  transition: color 0.6s ease;
}

.step-pipeline ul li.active {
  background: #3583CF;
}

.step-pipeline ul li.active .title {
  color: #fff;
}

.step-pipeline ul li.done {
  background-color: #3583CF;
  border-color: #3583CF;
}

.step-pipeline ul li>a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.step-pipeline {
  margin: -25px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.step-pipeline ul li>a:hover .step {
  border-color: #3583CF;
}

.step-pipeline ul li>a:hover .title {
  color: black;
}


.frame-content {}

.frame-content .preloader-frame {
  position: absolute;
  z-index: 9998;
  background: url('/img/panel/fixed-top/logo.svg') center center no-repeat;
  background-size: 300px;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.frame-content .img {
  width: 108px;
  height: 108px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.filter-data input::-webkit-outer-spin-button,
.filter-data input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#table_paginate {
  height: 45px;
}

.calendarDaySelect {
  background: #f00 !important;
}

.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
  font-weight: 400 !important;
  font-family: "Open Sans" !important;
}
/*
.jconfirm .jconfirm-box .jconfirm-buttons button.btn:hover {
  background-color: #bdc3c7;
  color: #fff !important;
}*/


.jconfirm .jconfirm-box .jconfirm-buttons button.btn {
  border-radius: 2px;
  border-color: #3583CF;
  background-color: #3583CF;
  color: #FFFFFF;
  /*font-weight: 600;*/
  padding: 7px 15px 6px 15px;
  font-size: 12px;
  text-align: center;
  font-family: 'Open Sans'; font-weight: 300;
  line-height: 2;
  outline: none !important;
  box-shadow: none !important; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn:link {
  border-color: #3583CF;
  background-color: #3583CF;
  color: #FFFFFF; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn:visited {
  border-color: #3583CF;
  background-color: #3583CF;
  color: #FFFFFF; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn:focus {
  border-color: #3583CF;
  background-color: #3583CF;
  color: #FFFFFF; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn:hover {
  border-color: #4397E9;
  background-color: #4397E9;
  color: #FFFFFF; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn:active {
  border-color: #2D6DAC;
  background-color: #2D6DAC;
  color: #FFFFFF; }


.jconfirm .jconfirm-box .jconfirm-buttons button.btn-feedback-cancel {
  border-radius: 2px;
  border-color: #C7262F;
  background-color: #C7262F;
  color: #FFFFFF;
  /*font-weight: 600;*/
  padding: 7px 15px 6px 15px;
  font-size: 12px;
  text-align: center;
  font-family: 'Open Sans'; font-weight: 300;
  line-height: 2;
  outline: none !important;
  box-shadow: none !important; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-feedback-cancel:link {
  border-color: #C7262F;
  background-color: #C7262F;
  color: #FFFFFF; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-feedback-cancel:visited {
  border-color: #C7262F;
  background-color: #C7262F;
  color: #FFFFFF; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-feedback-cancel:focus {
  border-color: #C7262F;
  background-color: #C7262F;
  color: #FFFFFF; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-feedback-cancel:hover {
  border-color: #E83842;
  background-color: #E83842;
  color: #FFFFFF; }
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-feedback-cancel:active {
  border-color: #931E25;
  background-color: #931E25;
  color: #FFFFFF; }

.calendarEvent {
  padding-bottom: 20px;
}
.calendarEvent .row {
  margin-top: 20px;
}

.btn-calendar-hide {
  display: none !important;
}

.fc-event-container {
  cursor: pointer;
}

.google-event {
  width: 32px;
  height: 32px;
  background: url('/img/backend/calendar_icon_google.png') no-repeat;
  display: block;
  background: red;
  /* calendar_icon_google */
}

.domuly-panel-body.help {
  padding: 0;
}
.domuly-panel-content.help {
  padding: 0;
}

.domuly-panel-content.help .frame {
  padding: 0 15px 0 15px !important;
}

.domuly-panel-content.help .frame .col-md-2 {
  height: 100%;
  padding: 37px 15px 15px 23px;
}
.domuly-panel-content.help .frame .col-md-10 {
  background: #fff;
  border-left: 1px solid #ddd;
  height: 100%;
  -webkit-border-radius: 5px;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 15px 15px 15px 35px;
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll span {
  background: #ffe5b0;
  color: #ed6b2a;
  padding: 4px 6px 4px 6px;
  font-size: 13px;
  font-family: sans-serif;
  border-radius: 5px;
  border: 1px solid #efcd88;
  border: 0;
  border-right: 1px solid #efcd88;
  border-bottom: 1px solid #efcd88;
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll u {
  text-decoration: none;
  background: #fef9ee;
  color: #ed6b2a;
  padding: 4px 6px 4px 6px;
  font-family: sans-serif;
  border-radius: 5px;
  border: 1px dashed #efcd88;
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll {
  font-family: 'Open Sans';
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll a {
  color: var(--basic-color-1);
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll a:hover {
  text-decoration: underline;
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll h1 {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 36px;
  font-family: 'Open Sans';
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll h2 {
  font-family: 'Open Sans'; font-weight: 600;
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll p {
  font-size: 17px;
  line-height: 26px;
  margin-bottom: 25px;
  text-align: justify;
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll p img {
  margin: auto;
  display: block;
  max-width: 80%;
  min-height: 90%;
}
.domuly-panel-content.help .frame .col-md-10 .content-scroll {
  height: 100%;
  overflow-y: auto;
  padding: 22px 15px 15px 0;
}

.domuly-panel-content.help .frame .col-md-2 > ul > li > div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  line-height: 11px;
  font-size: 18px;

  color: rgba(0,0,0,.65);
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none !important;
  cursor: pointer;
}
.domuly-panel-content.help .frame .col-md-2 > ul > li > div:hover {
  color: rgba(0,0,0,.85);
}
.domuly-panel-content.help .frame .col-md-2 > ul > li > div.active {
  color: rgba(0,0,0,.85);
  font-weight: bold;
  text-decoration: none !important;
}
.domuly-panel-content.help .frame .col-md-2 > ul:not(:first-child) > li > div.active {
  padding-top: 30px;
}

.domuly-panel-content.help .frame .col-md-2 > ul > li > ul {
  display: none;
  padding-top: 5px;
  padding-bottom: 20px;
}

.domuly-panel-content.help .frame .col-md-2 > ul > li > ul > li > div {
  padding: 5px 5px 5px 0;
  font-size: 14px;

  color: rgba(0,0,0,.65);
  cursor: pointer;
}
.domuly-panel-content.help .frame .col-md-2 > ul > li > ul > li > div:hover {
  color: rgba(0,0,0,.85);
  font-family: 'Open Sans'; font-weight: 600;
}
.domuly-panel-content.help .frame .col-md-2 > ul > li > ul > li > div.active {
  color: rgba(0,0,0,.85);
  font-family: 'Open Sans'; font-weight: 600;
}


.domuly-panel-content.help .frame .col-md-10 .chapters {
  float: right;
  width: 300px;
  padding: 22px 15px 15px 23px;
  display: none;
}

.domuly-panel-content.help .frame .col-md-10 .chapters #toc {
  height: 100%;
}

.domuly-panel-content.help .frame .col-md-10 .chapters #toc ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.domuly-panel-content.help .frame .col-md-10 .chapters #toc li {
  padding-bottom: 5px;
}

.domuly-panel-content.help .frame .col-md-10 .chapters #toc div {
  color: var(--basic-color-2);
  font-size: 14px;
  font-family: 'Open Sans';
  display: block;
  cursor: pointer;
}

.domuly-panel-content.help .frame .col-md-10 .chapters #toc .active {
  color: #ec6420;
}

.domuly-panel-body.payment .payment-info {
  float: left;
}
.domuly-panel-body.payment .payment-info .td {
  font-family: 'Open Sans';
  font-weight: normal;
}

.domuly-panel-body.payment .payment-info .tr:first-child .td:first-child {
  font-size: 17px;
  font-family: 'Open Sans'; font-weight: 600;
}
.domuly-panel-body.payment .payment-info .tr:first-child .td:last-child span:first-child {
  font-size: 17px;
  font-family: 'Open Sans'; font-weight: 600;
  color: #ec1c2a;
}
.domuly-panel-body.payment .payment-info .tr:first-child .td:last-child span:last-child {
  font-size: 13px;
  font-family: 'Open Sans';
  padding-left: 5px;
}
.domuly-panel-body.payment .topay {
  color: #ec1c2a;
}


.offer .buildings .buildings-area {
  overflow-y: auto;
  height: 500px;
  margin-bottom: 20px;
}

.offer .buildings .buildings-area > div {
  border: 1px solid #c4c9d2;
  background-color: #f2f3f6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 100px;
  margin-bottom: 10px;
}

.offer .buildings .buildings-area .favorites-table .td.fields {
  padding: 10px 15px 10px 15px;
}
.offer .buildings .buildings-area .favorites-table .td.icon {
  width: 30px;
  height: 100%;
  background: #e9eaec url("/img/backend/building-icon.png") center center no-repeat;
}
.offer .buildings .buildings-area .favorites-table .td.options {
  width: 50px;
  background: #e9eaec;
  text-align: center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #e9eaec;}

.offer .buildings .buildings-area > div > .domuly-table {
  width: 100%;
  height: 100%;
}

.offer .buildings .buildings-area .favorites-table .td.fields .td:not(:last-child) {
  width: 25%;
  padding-right: 20px;
}


.offer .buildings .add-area {
  border: 2px dashed #dde0e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  text-align: center;
}

.offer .floors .row {
  margin-left: 0 !important;
  margin-right: 0 !important; }

.offer .floors .row:not(:first-child) {
  margin-top: 16px; }

.offer .floors .row.p2 {
  background: #fff;
  border: 2px dashed #dde0e6;
  padding: 20px;
}

.offer .floors .col-xs-4:not(:last-child) {
  padding-right: 20px !important;
  margin-top: 0px;
}

.offer .floors .col-xs-8 .domuly-form-control-textarea {
  height: 250px !important; }

.offer .floors .col-xs-8 {
  background: #f2f3f6;
  border-radius: 5px;
  padding: 20px !important;
  margin-top: 0px;
}

.offer .floors {
  padding: 0 !important;
}

.offer .floors .col-xs-4 .domuly-table {
  width: 100%;
  background: #edeff3;
  padding: 20px;
}


.offer .floors .col-xs-4 .domuly-table .td:last-child,
.offer .floors .col-xs-4 .domuly-table .td:last-child .btn-domuly {
  width: 85px;
}

.offer .floors .data-table-frame {
  margin-top: 0px !important;
}

.offer .floors .mail-preview-frame {
  width: 100%;
}
.offer .floors .mail-preview-frame .table-content-frame {
  border-top: 1px solid #3b3b3b;
  padding-top: 20px;
}

.offer .floors .mail-preview-frame .table-content-frame .frame {
  background: #fff;
  padding: 20px;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}

.offer .floors .mail-preview-info {
  width: 100%;
  padding-bottom: 20px;
}

.offer .floors .mail-preview-info .tr .td:first-child {
  font-weight: bold;
  width: 50px;
}

.offer .floors .mail-preview-info .tr .td:last-child {
  padding-left: 10px;
}

.offer .floors .mail-preview-info .mail-attachment-icon {
  width: 16px;
  height: 16px;
  background: url('/img/backend/summary-attachment.png') no-repeat;
  float: right;
}

.offer .floors .mail-preview-info .recipient {
  background: var(--basic-color-2);
  padding: 3px 6px 3px 6px;
  text-align: center;
  font-size: 11px;
  color: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-right: 5px;
}

.offer .floors .domuly-button-primary-light.disabled {
  cursor: pointer !important;
  background-color: #8a8a8a !important;
  border-color: #8a8a8a !important;
  color: #FFFFFF !important; }

.offer .floors .summary-content {
  height: 100%;
}

.offer .floors .add-area {
  border: 2px dashed #dde0e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 12px;
  text-align: center;
}



.offer .floors .floors-area {
  overflow-y: auto;
  height: 300px;
  margin-bottom: 20px;
}

.offer .floors .floors-area .obj.active {
  border: 1px solid var(--basic-color-1);
}

.offer .floors .floors-area .obj.active .favorites-table .td.options {
  background: #FF9A5C;
}
.offer .floors .floors-area .obj .domuly-table {
  background: #f2f3f6;
}

.offer .floors .floors-area > div {
  border: 1px solid #c4c9d2;
  background-color: #f2f3f6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 100px;
  margin-bottom: 10px;
}

.offer .floors .floors-area .favorites-table,
.offer .floors .floors-area .favorites-table .domuly-table {
  padding: 0px;
}
.offer .floors .floors-area .favorites-table .td.fields {
  padding: 10px 15px 10px 15px;
}
.offer .floors .floors-area .favorites-table .td.options {
  width: 50px;
  background: #e9eaec;
  text-align: center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.offer .floors .floors-area > div > .domuly-table {
  width: 100%;
  height: 100%;
}

.offer .floors .floors-area .favorites-table .td.fields .td:first-child {
  width: auto;
  padding-right: 20px;
}
.offer .floors .floors-area .favorites-table .td.fields .td:last-child {
  padding-right: 0;
}
.offer .floors .floors-area .favorites-table .td.fields .td:last-child .btn-domuly {
  width: 120px;
}

.offer .floors .flats-options  {
  background: #edeff3;
  padding: 20px;
}
.offer .floors .flats-options  .td:first-child {
  width: 300px;
  padding-right: 20px;
}



.offer .floors .premises-area {
  overflow-y: auto;
  height: 300px;
  margin-top: 20px;
}

.offer .floors .premises-area .obj.active {
  border: 1px solid var(--basic-color-1);
}

.offer .floors .premises-area .obj.active .favorites-table .td.options {
  background: #FF9A5C;
}
.offer .floors .premises-area .obj .domuly-table {
  background: #f2f3f6;
}

.offer .floors .premises-area > div {
  border: 1px solid #c4c9d2;
  background-color: #f2f3f6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  height: 100px;
  margin-bottom: 10px;
}

.offer .floors .premises-area .favorites-table,
.offer .floors .premises-area .favorites-table .domuly-table {
  padding: 0;
}
.offer .floors .premises-area .favorites-table .td.fields {
  padding: 10px 15px 10px 15px;
  width: 100%;
}
.offer .floors .premises-area .favorites-table .td.options {
  background: #e9eaec;
  text-align: center;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.offer .floors .premises-area .opttbl {
  background: transparent !important;
  margin-left: 20px;
  margin-right: 20px;
}
.offer .floors .premises-area .opttbl .btn-domuly {
  width: 70px;
  margin-right: 20px;
}

.offer .floors .premises-area > div > .domuly-table {
  width: 100%;
  height: 100%;
}

.offer .floors .premises-area .favorites-table .td.fields .domuly-table {
  width: 100%;
}
.offer .floors .premises-area .favorites-table .td.fields .td:not(:last-child) {
  width: 33.3%;
  padding-right: 20px;
}
.offer .floors .premises-area .favorites-table .td.fields .td:last-child {
  padding-right: 0;
}
.offer .floors .premises-area .favorites-table .td.fields .td:last-child .btn-domuly {
  width: 120px;
}

.domuly-panel-body > .inbox-table {
  width: 100%;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(1) {
  width: 600px;
  vertical-align: top;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) {
  background: #fff;
  border-top: 1px solid #e4e7ed !important;
  border-right: 1px solid #e4e7ed !important;
  border-bottom: 1px solid #e4e7ed !important;
  vertical-align: top;
  padding: 20px;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-none {
  display: none;
  position: relative;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-none > div {
  position: relative;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame {
  display: none;
  width: 100%;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .table-content-frame {
  border-top: 1px solid #3b3b3b;
  padding-top: 20px;
}

.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .mail-preview-info {
  width: 100%;
  padding-bottom: 20px;
}

.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .mail-preview-info .tr .td:first-child {
  font-weight: bold;
  width: 50px;
}

.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .mail-preview-info .tr .td:last-child {
  padding-left: 10px;
}

.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .mail-preview-info .mail-attachment-icon {
  width: 16px;
  height: 16px;
  background: url('/img/backend/summary-attachment.png') no-repeat;
  float: right;
}

.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .mail-preview-info .recipient {
  background: var(--basic-color-2);
  padding: 3px 6px 3px 6px;
  text-align: center;
  font-size: 11px;
  color: #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-right: 5px;
}

.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .table-content-frame .frame {
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -o-user-select: text !important;
  user-select: text !important;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .table-content-frame .data-message table {
  margin-bottom: 25px;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .table-content-frame .data-message table tr td:first-child {
  padding-right: 15px;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(2) > .mail-preview-frame .table-content-frame .data-message table tr td:last-child {
  font-family: 'Open Sans'; font-weight: 600;
}

.domuly-panel-body > .inbox-table > .tr > .td:nth-child(1) > .domuly-table {
  width: 100%;
  border-top: 1px solid #e4e7ed !important;
  border-left: 1px solid #e4e7ed !important;
  border-right: 1px solid #e4e7ed !important;
  border-bottom: 1px solid #e4e7ed !important;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(1) > .domuly-table > .tr > .td {
  padding: 10px;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(1) > .domuly-table > .tr > .td:nth-child(2) {
  width: 200px;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(1) > .domuly-table > .tr > .td:nth-child(1) input {
  height: 35px;
}
.inbox-table .data-table-frame {
  margin-top: 0 !important;
}
.inbox-table .dataTables_paginate {
  display: none;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(1) > .domuly-table > .tr > .td:nth-child(2) > .domuly-table {
  float: right;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(1) > .domuly-table > .tr > .td:nth-child(2) > .domuly-table > .tr > .td:nth-child(1) {
  font-size: 11px;
  vertical-align: middle;
  padding-right: 10px;
}
.domuly-panel-body > .inbox-table > .tr > .td:nth-child(1) > .domuly-table > .tr > .td:nth-child(2) > .domuly-table > .tr > .td {
  vertical-align: top;
}
.inbox-table .btn-inbox-prev {
  cursor: pointer;
  border: 1px solid #e4e7ed;
  border-right: 0;
  height: 35px;
  width: 35px;
  line-height: 35px;
  font-size: 20px;
  text-align: center;
  font-family: 'Open Sans'; font-weight: 600;
  color: var(--basic-color-2);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  background: #f4f4f4;
}
.inbox-table .btn-inbox-prev:after {
  content: '<'
}
.inbox-table .btn-inbox-next {
  cursor: pointer;
  border: 1px solid #e4e7ed;
  height: 35px;
  width: 35px;
  line-height: 35px;
  font-size: 20px;
  text-align: center;
  font-family: 'Open Sans'; font-weight: 600;
  color: var(--basic-color-2);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #f4f4f4;
}
.inbox-table .btn-inbox-next:after {
  content: '>'
}
.inbox-table .btn-inbox-prev:hover,
.inbox-table .btn-inbox-next:hover,
.inbox-table .btn-inbox-cfg:hover {
  background: #e4e7ed;
  color: #3b3b3b;
}
.inbox-table .btn-inbox-prev.off,
.inbox-table .btn-inbox-next.off {
  opacity: 0.4;
}
.inbox-table .btn-inbox-cfg {
  cursor: pointer;
  margin-left: 10px;
  border: 1px solid #e4e7ed;
  height: 35px;
  width: 35px;
  line-height: 22px;
  font-size: 26px;
  text-align: center;
  font-family: 'Open Sans'; font-weight: 600;
  color: var(--basic-color-2);
  border-radius: 3px;
  background: #f4f4f4;
}
.inbox-table .btn-inbox-cfg:after {
  content: '...';
}
.inbox-table .btn-inbox-cfg:hover .list {
  display: block;
}
.inbox-table .btn-inbox-cfg .list {
  display: none;
  position: absolute;
  z-index: 99;
  border: 1px solid #e4e7ed;
  width: 200px;
  border-radius: 3px;
  border-top-right-radius: 0;
  background: #e4e7ed;
  margin-left: -166px;
  margin-top: 32px;
  -webkit-box-shadow: 0 3px 5px 0px rgba(100,100,100,0.5);
  box-shadow: 0 3px 5px 0px rgba(100,100,100,0.5);
}
.inbox-table .btn-inbox-cfg .list .line {
  width: 33px;
  height: 1px;
  position: absolute;
  background: #e4e7ed;
  right: 0;
  top: -1px;
}
.inbox-table .btn-inbox-cfg .list .link {
  color: #3b3b3b;
  font-size: 12px;
  font-weight: normal;
  padding: 5px;
  text-align: center;

}
.inbox-table .btn-inbox-cfg .list .link:hover {
  background: #fff;
}
.domuly-panel-body > .inbox-table .message-info > .message-sender-name {
  font-size: 12px;
  font-family: 'Open Sans'; font-weight: 600;
}
.domuly-panel-body > .inbox-table .message-info > .message-sender-title,
.domuly-panel-body > .inbox-table .message-info > .message-sender-message {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 250px;
}
.domuly-panel-body > .inbox-table .message-info > .message-sender-title {
  font-family: 'Open Sans'; font-weight: 600;
  font-size: 14px;
  color: #333;
}
.domuly-panel-body > .inbox-table .message-info > .message-sender-message {
  margin-top: 10px;
  color: #333;
}


.domuly-panel-body > .inbox-table .message-info.read > .message-sender-name {
  font-size: 12px;

  color: #606060;
}
.domuly-panel-body > .inbox-table .message-info.read > .message-sender-title {

  font-size: 14px;
  color: #606060;
}
.domuly-panel-body > .inbox-table .message-info.read > .message-sender-message {
  color: #606060;
}

body {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dashboard-btn {
  float: right;
  width: 70px !important;
  margin-top: 25px;
}

.smart-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: #fff;
  margin-top: 45px;
  max-height: 243px;
  overflow-y: auto;
  border: 1px solid var(--basic-color-1);
  border-top: 0;
  padding: 1px;
}
.smart-autocomplete > div {
  display: table;
  width: 100%;
  border-radius: 4px;
  padding: 5px 11px 5px 11px;

  font-size: 14px;
  font-family: "ProximaNova";

  cursor: pointer;
}
.smart-autocomplete > div:hover {
  background: var(--basic-color-1);
  color: #fff;
}
.smart-autocomplete > div:hover i,
.smart-autocomplete > div:hover u,
.smart-autocomplete > div:hover b,
.smart-autocomplete > div:hover span {
  color: #fff;
}
.smart-autocomplete > div u {
  text-decoration: none;
  font-size: 12px;
}
.smart-autocomplete > div span {
  font-size: 11px;
  font-style: italic;
}
.smart-autocomplete > div i {
  font-size: 11px;
}
.smart-autocomplete-input-active {
  background: #edeff3 !important;
  background-clip: content-box !important;
}

.settings-user-footer textarea {
  height: 300px;
}
.labelClear {
  display: block;
  max-width: auto;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.labelLeft {
  padding-left: 15px;
}

.footerArea.hide {
  display: none !important;
}
.footerArea .col-sm-12 {
  border: 1px dashed var(--basic-color-2);
  padding: 10px !important;
  background: #fff;
  font-size: 12px;
}
#content-breadcrumbs { height: 40px; }




.dd {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  /* max-width: 600px;*/
  list-style: none;
  font-size: 13px;
  line-height: 20px;
  width: 100%;

  margin-top: 0;
}

.dd-edit-box input {
  border: none;
  background: transparent;
  outline: none;
  font-size: 15px;
  line-height: 28px;
  font-weight: 700;
  border: 0;
  color: #3583cf;
  width: 45%;
}

.dd-edit-box { position: relative; }

.dd-edit-box i {
  right: 0;
  overflow: hidden;
  cursor: pointer;
  position: absolute;
}

.dd-item-blueprint { display: none; }

.dd-list {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dd-list .dd-item:first-child .item-up {
  /*   border: 1px solid red;*/
  /*   display: none;*/
}
ol li:last-child .item-down {
  /*  border: 1px solid blue;*/
  /*  display: none;*/
}

/* .dd-item:last-child .item-down {
     border: 2px solid orange;

 }*/


.dd-list .dd-list { padding-left: 30px; }

.dd-collapsed .dd-list { display: none; }

.dd-item,  .dd-empty,  .dd-placeholder {
  text-shadow: 0 1px 0 #fff;
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 20px;
  font-size: 13px;
  line-height: 20px;
}

.dd-handle {
  /*   cursor: move;
     display: block;
     height: 30px;
     margin: 5px 0;
     padding: 5px 10px;
     color: #333;
     text-decoration: none;
     font-weight: bold;
     border: 1px solid var(--basic-color-2);
     background: #E74C3C;
     background: -webkit-linear-gradient(top, #E74C3C 0%, #C0392B 100%);
     background: -moz-linear-gradient(top, #E74C3C 0%, #C0392B 100%);
     background: linear-gradient(top, #E74C3C 0%, #C0392B 100%);
     -webkit-border-radius: 3px;
     border-radius: 3px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
*/


}

.dd-handle:hover {
  color: #2ea8e5;
  background: #fff;
}

.dd-item > button {
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 99;
  cursor: pointer;
  float: left;
  margin-left: 35px;
  margin-right: 15px;
  margin-top: 5px;
  white-space: nowrap;
  border: 0;

  line-height: 1;
  text-align: center;
  font-weight: bold;
  color: black;
}

.dd-item button {
  border: 0;
}

.dd-item .domuly-table .td {
  padding-left: 5px;
}

/*  .dd-item .item-remove {
      position: absolute;
      right: 7px;
      padding: 0 5px;
      top: 6px;
      border: 0;
  }*/
.dd-item .level-icons {
  position: absolute;
  right: 7px;
  padding: 0 5px;
  top: 5px;
  border: 0;
  z-index: 1;
}

.level-icons .td {
  vertical-align: middle;
}
.domuly-switch-medium {
  margin-top: -3px;
}
/* .dd-item .item-up {
     position: absolute;
     right: 77px;
     height: 19px;
     padding: 0 5px;
     top: 6px;
     overflow: auto;
 }

.dd-item .item-down {
    position: absolute;
    right: 27px;
    height: 19px;
    padding: 0 5px;
    top: 6px;
    overflow: auto;
}*/

.dd3-item > button:first-child { margin-left: 30px; }

.dd-item > button:before {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  text-indent: 0;
}

.dd-placeholder,  .dd-empty {
  margin: 5px 0;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
  background-color: #e5e5e5;
  background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),  -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),  -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),  linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
  background-size: 60px 60px;
  background-position: 0 0, 30px 30px;
}

.dd-dragel {
  height: 60px;
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle { margin-top: 0; }



.dd-dragel .dd3-content {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
  box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
     * Nestable Draggable Handles
     */

.dd3-content {
  display: block;
  height: 40px;
  margin: 5px 0;
  padding: 5px 10px 5px 40px;
  color: #333;
  text-decoration: none;
  font-weight: bold;
  /*  border: 1px solid #ccc;
    border: 1px solid #898989;*/
  background: #f2f3f6;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd3-content.off {
  background: #f7e0e0;
}
.dd3-content.edit {
  position: relative;
}
.dd3-content.edit:after {
  content: '';
  position: absolute;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  left: -2px;
  right: -2px;
  top: -2px;
  bottom: -2px;
  /* border: 2px solid #00AAFF !important;*/

  background: linear-gradient(90deg, #00AAFF 50%, transparent 50%), linear-gradient(90deg, #00AAFF 50%, transparent 50%), linear-gradient(0deg, #00AAFF 50%, transparent 50%), linear-gradient(0deg, #00AAFF 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px;
  background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
  animation: border-dance 25s infinite linear;
}
.templates > div > div.edit {
  position: relative;
}
.templates > div > div.edit:after {
  content: '';
  position: absolute;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  z-index: -1;
  /* border: 2px solid #00AAFF !important;*/

  background: linear-gradient(90deg, #00AAFF 50%, transparent 50%), linear-gradient(90deg, #00AAFF 50%, transparent 50%), linear-gradient(0deg, #00AAFF 50%, transparent 50%), linear-gradient(0deg, #00AAFF 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px;
  background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
  animation: border-dance 25s infinite linear;
}
@keyframes border-dance {
  0% {
    background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
  }
  100% {
    background-position: 100% 0px, 0px 100%, 0px 0px, 100% 100%;
  }
}


/*  li:nth-child(0):hover {
      background: #E1F6FE;
  }
  li:nth-child(1):hover {
      background: #C2EDFC;
  }
  li:nth-child(2):hover {
      background: #AFE8FC;
  }
  li:nth-child(3):hover {
      background: #A5E5FC;
  }
  li:nth-child(4):hover {
      background: #A5E5FC;
  }
  .dd3-content:hover {
      background: #a6e1ec;
  }*/

.dd3-content a {
  font-size: 15px;
  line-height: 31px;
  font-weight: 300;
  z-index: 99;
  position: relative;
}
.dd3-content span {
  cursor: pointer;
  color: var(--basic-color-1);
  font-size: 15px;
  line-height: 31px;
  font-weight: 300;
  z-index: 99;
  position: relative;
}

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-handle {
  /*   position: absolute;
     margin: 0;
     left: 0;
     top: 0;
     cursor: move;
     width: 30px;
     text-indent: 100%;
     white-space: nowrap;
     overflow: hidden;
     border: 1px solid #807B7B;
     text-shadow: 0 1px 0 #807B7B;
     background: #E74C3C;
     background: -webkit-linear-gradient(top, #E74C3C 0%, #C0392B 100%);
     background: -moz-linear-gradient(top, #E74C3C 0%, #C0392B 100%);
     background: linear-gradient(top, #E74C3C 0%, #C0392B 100%);
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
*/

  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  display: block;
  width: 30px;
  height: 40px;
  background-image: url('/img/backend/drag.png');
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  cursor: move;
  z-index: 1;
}

.dd3-handle:hover {
  background-image: url('/img/backend/drag.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #e9eaec;
  opacity: 0.8;
}

.cms .data .col-xs-8:not(:last-child) {
  padding-right: 10px !important;
  margin-top: 35px;
}
.col-xs-8.structure .row {
  margin-top: 0;
  background: #fff;
  padding: 10px !important;
  overflow-y: auto;
  border-radius: 5px;
}
.buttons-area button {
  float: right;
  margin-left: 10px;
  width: 99px;
}
.buttons-area.add {
  display: block;
}
.buttons-area.edit {
  display: none;
}

.cms .flags {
  position: absolute;
  display: table;
  height: 35px;
  margin-left: -8px;
}
.cms .flags > div {
  display: table;
  float: left;
  margin-left: 5px;
  cursor: pointer;
  border: 2px solid transparent;
  opacity: 0.5;
}
.cms .flags > div.active {
  border: 2px solid #3583cf;
  opacity: 1;
}
.cms .flags > div > img {
  width: 25px;
  border: 3px solid transparent;
}

.cms.flag-panel {
  height: 50px;
}

.offer .data .col-xs-8.cms {
  margin-top: 0;
}

.structure-preview {
  position: relative;;
}
.structure-preview > div {
  padding: 20px;
  border: 1px solid #eee;
  background: #fff;
  overflow-y: auto;
}
.structure-preview > div:not(:nth-child(1)) {
  display: none;
}
.structure-preview .inside-preloader:after {
  content: "";
  position: absolute;
  z-index: 99999;
  background: url('/img/backend/preloader-bg.png');

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.structure-preview .inside-preloader {
  background: url('/img/backend/preloader.gif') center center no-repeat;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.google-preview-title {
  color: #a3aab3;
  font-family: 'Open Sans'; font-weight: 300;
  font-size: 11px;
  font-weight: 400;
  padding-left: 14px;
  padding-bottom: 7px;
  margin: 0;
}
.google-search-preview > .title {
  color: #1a0dab;
  font-family: arial,sans-serif;
  font-size: 18px;
  line-height: 1.33;

  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.google-search-preview > .url {
  color: #006621;
  font-family: arial,sans-serif;
  font-size: 14px;
  padding-top: 1px;
  line-height: 1.43;

  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.google-search-preview > .description {
  color: #545454;
  font-family: arial,sans-serif;
  font-size: 14px;
  padding-top: 8px;
  line-height: 1.54;
  word-wrap: break-word;

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.google-search-preview {
  padding: 20px;
  background: #fff;
}

.templates {
  margin-left: -8px;
  margin-right: -8px;
  margin-top: -8px;
}
.templates > div {
  width: 350px;
  float: left;
}
.templates > div > div > .cover {
  height: 380px;
  overflow: hidden;
  position: relative;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.templates > div > div > .cover > .status {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 3px 5px 3px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 9;
}
.templates > div > div > .cover > .status.active {
  background: #3583cf;
}
.templates > div > div > .cover > .status.disabled {
  background: #8c8c8c;
}
.templates > div > div > .cover > img {

  /* width: 129%;
  position: absolute;
  left: -50%;
  right: -50%;
  top: -50%;
  bottom: -50%;
  margin: auto;*/
}
.templates > div > div {
  border-radius: 5px;
  background-color: #f6f8fa;
  box-shadow: 0 2px 3px 0 rgba(34, 58, 83, 0.2);
  position: relative;
  margin: 8px;
  text-align: center;
}
.templates > div > div > .details {
  background: #f6f8fa;
  padding: 10px 20px 10px 20px;
  position: relative;
}
.templates > div > div > .details > .status {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 20px;
  padding: 3px 5px 3px 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.templates > div > div > .details > .status.installed {
  background: #3583cf;
}
.templates > div > div > .details > .status.free {
  background: #6cb04b;
}
.templates > div > div > .details > .status.premium {
  background: #f9a939;
}
.templates > div > div > .details > .name {
  color: #223a53;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 10px;
}
.templates > div > div > .details > .name.bottomfree {
  margin-bottom: 0;
}
.templates > div > div > .details > .colors > div {
  float: left;
  margin-right: 10px;
  -webkit-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.6);
  box-shadow: 0px 0px 6px -2px rgba(0,0,0,0.6);
}
.templates > div > div > .details > .colors > div > div {
  float: left;
}
.templates > div > div > .details > .colors > div > div:first-child {
  -webkit-border-radius: 3px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 20px;
  height: 18px;
}
.templates > div > div > .details > .colors > div > div:last-child {
  border: 0;
  -webkit-border-radius: 0;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-radius: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  width: 20px;
  height: 18px;
}
.templates > div > div > .button {
  background: #fff;
  padding: 20px;text-align: right;
}
.templates > div > div > .button > .price {
  float: left;
  color: #223a53;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.templates > div > div > .button > a {
  float: right;
  color: #223a53;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 10px;
}
.templates > div > div > .button > .btn-template {
  padding: 7px 10px 6px 10px;
}
.templates > div > div > .button > a.btn-preview {
  color: #fff;
  font-size: 12px;
  padding: 7px 10px 6px 10px;
}
.templates > div > div > .button > a.btn-personalize {
  color: #fff;
  font-size: 12px;
  padding: 7px 10px 6px 10px;
}
.templates > div > div > .button > .btn-domuly {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  float: right;
  margin-left: 10px;
}
.template_options {
  padding: 0;
}
.template_options .section_name {
  color: #3B3B3B;
  font-size: 19.3px;
  font-family: "Open Sans";
  line-height: 1.248;
  font-weight: 300;
  letter-spacing: -0.2px;
  margin-bottom: 10px;
}
.template_options .section_frame {
  padding: 20px 10px 20px 10px;
  border: 1px solid #c4c9d2;
  background: #f2f3f6;
}
.template_options .section_frame > .col-sm-4 {
  padding: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.template_options .config_frame > .option_frame {
  padding: 10px 10px 10px 10px;
  border: 1px solid #c4c9d2;
  background: #f2f3f6;
  margin-bottom: 10px;
}
.template_options .config_frame > .option_frame > .row:not(:first-child) {
  margin-top: 5px;
}
.template_options .config_frame > .option_frame > .row {
  padding: 5px;
}
.template_options .config_frame > .option_frame > .row:hover {
  background: #eee;
}
.template_options .config_frame > .option_frame > .row .form-group:first-child {
  height: 40px;
  line-height: 40px;
}
.template_options .config_frame > .option_frame > .row .col-sm-6 > .domuly-checkbox {
  margin-top: 7px !important;
}
.template_options .config_frame > .option_frame > .row .col-sm-6:first-child label.title {
  font-size: 14px;
  font-family: "Open Sans";
  font-weight: 300;
}
.popup-client .col-sm-2 {
  width: 50%;
}
.client.popup .space-line {
  margin-bottom: 20px;
}
.iframeFullscreen {
  background: #333;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
}
.iframeFullscreen > button {
  position: absolute;
  right: 20px;
  top: 20px;
}
.iframeFullscreen .iframeArea {
  top: 80px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  position: absolute;
}
.iframeFullscreen iframe {
  width: 100%;
  height: 100%;
  margin: auto !important;
  left: 0;
  right: 0;
  position: absolute;
}
.template-preview-laptop {
  position: absolute;
  width: 60px;
  height: 40px;
  background: url('/img/backend/template_preview_laptop.png') center center no-repeat;
  background-size: 60px 60px;
  left: 20px;
  top: 20px;
}
.template-preview-laptop.active {
  background: url('/img/backend/template_preview_laptop_active.png') center center no-repeat;
  background-size: 60px 60px;
}
.template-preview-tablet {
  position: absolute;
  width: 40px;
  height: 40px;
  background: url('/img/backend/template_preview_tablet.png') center center no-repeat;
  background-size: 40px 40px;
  left: 100px;
  top: 20px;
}
.template-preview-tablet.active {
  background: url('/img/backend/template_preview_tablet_active.png') center center no-repeat;
  background-size: 40px 40px;
}
.template-preview-phone {
  position: absolute;
  width: 40px;
  height: 40px;
  background: url('/img/backend/template_preview_phone.png') center center no-repeat;
  background-size: 40px 40px;
  left: 150px;
  top: 20px;
}
.template-preview-phone.active {
  background: url('/img/backend/template_preview_phone_active.png') center center no-repeat;
  background-size: 40px 40px;
}
.template-frame-prev-size-laptop {
  width: 100% !important;
  height: 100% !important;
}
.template-frame-prev-size-tablet {
  width: 1024px !important;
  height: 748px !important;
}
/* iphone 6 */
.template-frame-prev-size-phone {
  width: 360px !important;
  height: 640px !important;
}
.template-icons {
  cursor: pointer;
}
.fullscreenButton {
  padding-right: 40px;
  display: table;
  font-size: 14px;
  line-height: 32px;
  cursor: pointer;
  float: right;
  height: 32px;
  background: url('/img/backend/fullscreen_expand.png') right center no-repeat;
  background-size: 24px 24px;
  margin-top: 10px;
}
.optionsArea.expand {
  position: fixed;
  z-index: 999999;
  right: 60px;
  bottom: 40px;
  width: 300px;
  -webkit-box-shadow: 0px 4px 19px -5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 4px 19px -5px rgba(0,0,0,0.75);
  box-shadow: 0px 4px 19px -5px rgba(0,0,0,0.75);
}
.template_options .domuly-table {
  width: 100%;
}
.template_options .domuly-table > .tr > .td:first-child {
  padding-right: 20px;
  border-right: 1px solid #ddd;
}
.template_options .domuly-table > .tr > .td:last-child {
  width: 175px;
  position: relative;
}
.template_options .domuly-table > .tr > .td {
  padding-bottom: 20px;
}
.template_options .domuly-table:not(last-child) > .tr > .td {
  border-bottom: 1px dashed #ddd;
}
.template_options .domuly-table:not(last-child) {
  margin-bottom: 30px;
}

.template_options .form-group .section_frame {
  /*padding: 20px 20px 20px 20px;*/
}
.template_options .form-group .domuly-checkbox-small {
  margin-top: 5px;
}
.template_options .form-group {
  position: relative;
  float: left;
}
.template_options .form-group .upload-area {
  position: absolute;
  right: 0;
  bottom: 20px;
}

.template_options .form-group img {
  margin-bottom: 20px;
  max-width: 100%;
}

.miniexpand {
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  left: -40px;
  background: #f2f3f6 url('/img/backend/arrow_left.png') center center no-repeat;
  -webkit-border-radius: 5px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;

  -webkit-box-shadow: -6px 2px 16px -11px rgba(0,0,0,0.75);
  -moz-box-shadow: -6px 2px 16px -11px rgba(0,0,0,0.75);
  box-shadow: -6px 2px 16px -11px rgba(0,0,0,0.75);
}

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

.languages .domuly-button-option-edit-small {
  display: block;
}

.offer .languages .list[class~='show-list'] .image-frame .col-opt {
  width: 100px;
}

.offer .languages .list[class~='show-list'] .domuly-table .td.photo img {
  cursor: default;
}

.offer .languages .list[class~='show-list'] .domuly-table {
  height: 40px;
}
.offer .languages .list[class~='show-list'] .domuly-table .td.photo img {
  width: 55px;
  height: 40px;
}
.offer .languages .list[class~='show-list'] .domuly-table .td.photo {
  width: 60px;
}


.modulesWatermark__imageframe.image1 {
  width: 100%;
  background: url('/img/backend/modules/watermark/image1.jpg') no-repeat;
  background-size: cover;
  position: relative;
}
.modulesWatermark__imageframe.image2 {
  width: 100%;
  background: url('/img/backend/modules/watermark/image2.jpg') no-repeat;
  background-size: cover;
  position: relative;
}
.modulesWatermark__imageframe.image3 {
  width: 100%;
  background: url('/img/backend/modules/watermark/image3.jpg') no-repeat;
  background-size: cover;
  position: relative;
}
.modulesWatermark__imageframe > .logoPreview {
  position: absolute;
}

.modulesWatermark__positionmockup {
  width: 100%;
  height: 100%;
  position: absolute;
}
.modulesWatermark__positionmockup div {
  width: 33.33333%;
  height: 33.33333%;
  position: absolute;
}
.modulesWatermark__imageframe > .symbolPosition {
  padding: 10px 15px 10px 15px;
  position: absolute;
}
.modulesWatermark__imageframe > .symbolPosition[data-position="1"] {
  top: 30px;
  left: 0;
}
.modulesWatermark__imageframe > .symbolPosition[data-position="2"] {
  top: 30px;
  right: 0;
}
.modulesWatermark__imageframe > .symbolPosition[data-position="3"] {
  bottom: 30px;
  right: 0;
}
.modulesWatermark__imageframe > .symbolPosition[data-position="4"] {
  bottom: 30px;
  left: 0;
}

.modulesWatermark__imageframe > .logoPosition .arrowUp {
  width: 40px;
  height: 40px;
  background: url('/img/backend/modules/watermark/arrowtop.png') no-repeat;
  position: absolute;
  top: -45px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  cursor: pointer;
}
.modulesWatermark__imageframe > .logoPosition .arrowDown {
  width: 40px;
  height: 40px;
  background: url('/img/backend/modules/watermark/arrowbottom.png') no-repeat;
  position: absolute;
  bottom: -45px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  cursor: pointer;
}
.modulesWatermark__imageframe > .logoPosition .arrowLeft {
  width: 40px;
  height: 40px;
  background: url('/img/backend/modules/watermark/arrowleft.png') no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45px;
  margin: auto;
  z-index: 99;
  cursor: pointer;
}
.modulesWatermark__imageframe > .logoPosition .arrowRight {
  width: 40px;
  height: 40px;
  background: url('/img/backend/modules/watermark/arrowright.png') no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -45px;
  margin: auto;
  z-index: 99;
  cursor: pointer;
}

.modulesWatermark__imageframe > .logoPosition .arrowUp,
.modulesWatermark__imageframe > .logoPosition .arrowDown,
.modulesWatermark__imageframe > .logoPosition .arrowLeft,
.modulesWatermark__imageframe > .logoPosition .arrowRight {
  display: none;
}
.modulesWatermark__imageframe:hover > .logoPosition .arrowUp,
.modulesWatermark__imageframe:hover > .logoPosition .arrowDown,
.modulesWatermark__imageframe:hover > .logoPosition .arrowLeft,
.modulesWatermark__imageframe:hover > .logoPosition .arrowRight {
  display: block;
}

.modulesWatermark__imageframe > .logoPosition[data-position="1"] .arrowUp,
.modulesWatermark__imageframe > .logoPosition[data-position="1"] .arrowLeft {
  display: none;
}
.modulesWatermark__imageframe > .logoPosition[data-position="2"] .arrowUp {
  display: none;
}
.modulesWatermark__imageframe > .logoPosition[data-position="3"] .arrowUp,
.modulesWatermark__imageframe > .logoPosition[data-position="3"] .arrowRight {
  display: none;
}
.modulesWatermark__imageframe > .logoPosition[data-position="4"] .arrowLeft {
  display: none;
}
.modulesWatermark__imageframe > .logoPosition[data-position="5"] .arrowRight {
  display: none;
}
.modulesWatermark__imageframe > .logoPosition[data-position="6"] .arrowLeft,
.modulesWatermark__imageframe > .logoPosition[data-position="6"] .arrowDown {
  display: none;
}
.modulesWatermark__imageframe > .logoPosition[data-position="7"] .arrowDown {
  display: none;
}
.modulesWatermark__imageframe > .logoPosition[data-position="8"] .arrowDown,
.modulesWatermark__imageframe > .logoPosition[data-position="8"] .arrowRight {
  display: none;
}


.modulesWatermark__imageframe > .logoPosition[data-position="0"],
.modulesWatermark__positionmockup div.pos0 {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.modulesWatermark__imageframe > .logoPosition[data-position="1"],
.modulesWatermark__positionmockup div.pos1 {
  left: 0;
  top: 0;
  margin: auto;
}
.modulesWatermark__imageframe > .logoPosition[data-position="2"],
.modulesWatermark__positionmockup div.pos2 {
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
}
.modulesWatermark__imageframe > .logoPosition[data-position="3"],
.modulesWatermark__positionmockup div.pos3 {
  right: 0;
  top: 0;
  margin: auto;
}
.modulesWatermark__imageframe > .logoPosition[data-position="4"],
.modulesWatermark__positionmockup div.pos4 {
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.modulesWatermark__imageframe > .logoPosition[data-position="5"],
.modulesWatermark__positionmockup div.pos5 {
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.modulesWatermark__imageframe > .logoPosition[data-position="6"],
.modulesWatermark__positionmockup div.pos6 {
  left: 0;
  bottom: 0;
  margin: auto;
}
.modulesWatermark__imageframe > .logoPosition[data-position="7"],
.modulesWatermark__positionmockup div.pos7 {
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.modulesWatermark__imageframe > .logoPosition[data-position="8"],
.modulesWatermark__positionmockup div.pos8 {
  right: 0;
  bottom: 0;
  margin: auto;
}

.modulesWatermark__positionmockup div:hover {
  background: #eee;
  opacity: 0.5;
  cursor: pointer;
}
.modulesWatermark__positionmockup div:hover:after {
  content: '';
  position: absolute;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;


  background: linear-gradient(90deg, #00AAFF 50%, transparent 50%), linear-gradient(90deg, #00AAFF 50%, transparent 50%), linear-gradient(0deg, #00AAFF 50%, transparent 50%), linear-gradient(0deg, #00AAFF 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px;
  background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
  animation: border-dance 25s infinite linear;
}
.modulesWatermark__title.top {
  margin-top: 30px;
}
.modulesWatermark__title {
  font-size: 15px;
}

.modulesWatermark__thumbs {
  position: relative;
}
.modulesWatermark__thumbs .thumb1 {
  width: 100px;
  height: 60px;
  background: url('/img/backend/modules/watermark/image1.jpg') no-repeat;
  background-size: cover;
  float: left;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
}

.modulesWatermark__thumbs .thumb2 {
  width: 100px;
  height: 60px;
  background: url('/img/backend/modules/watermark/image2.jpg') no-repeat;
  background-size: cover;
  float: left;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
}
.modulesWatermark__thumbs .thumb3 {
  width: 100px;
  height: 60px;
  background: url('/img/backend/modules/watermark/image3.jpg') no-repeat;
  background-size: cover;
  float: left;
  margin-right: 15px;
  position: relative;
  cursor: pointer;
}
.modulesWatermark__thumbs .thumb1.active:after,
.modulesWatermark__thumbs .thumb2.active:after,
.modulesWatermark__thumbs .thumb3.active:after {
  content: '';
  position: absolute;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  z-index: 2;
  /* border: 2px solid #00AAFF !important;*/

  background: linear-gradient(90deg, #00AAFF 50%, transparent 50%), linear-gradient(90deg, #00AAFF 50%, transparent 50%), linear-gradient(0deg, #00AAFF 50%, transparent 50%), linear-gradient(0deg, #00AAFF 50%, transparent 50%);
  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
  background-size: 15px 4px, 15px 4px, 4px 15px, 4px 15px;
  background-position: 0px 0px, 100% 100%, 0px 100%, 100% 0px;
  animation: border-dance 25s infinite linear;
}


@-webkit-keyframes uploading-arrow {
  0% {
    margin-bottom: -40%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    margin-bottom: 10%;
  }
}

@keyframes uploading-arrow {
  0% {
    margin-bottom: -40%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    margin-bottom: 10%;
  }
}
.upload-btn-container {
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 100px;
  display: inline-block;
}
.upload-btn-container svg {
  position: absolute;
}
.upload-btn-container svg.upload-box {
  bottom: 0;
}
.upload-btn-container svg.upload-arrow {
  left: 25px;
  position: absolute;
  opacity: 0;
  bottom: 20%;
  -webkit-animation: uploading-arrow 1.5s ease-out infinite;
  animation: uploading-arrow 1.5s ease-out infinite;
}
.upload-btn-container.upload-complete .upload-arrow {
  -webkit-animation: uploading-arrow-complete 1.5s ease-out 1;
  animation: uploading-arrow-complete 1.5s ease-out 1;
  transition: fill 1.5s ease-out;
}
.upload-btn-container.upload-complete svg {
  opacity: 1;
}
.upload-btn-container.upload-complete path {
  fill: #46BB39;
}
.templateUpload__all {
  display: none;
  position: absolute;
  z-index: 99999;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.templateUpload__overall {
  display: none;
  position: absolute;
  z-index: 99999;
  background: #444;
  opacity: 0.7;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.pano-360-table {
  width: 100%
}
.pano-360-table > .tr > .td {
  vertical-align: top;
}
.pano-360-table > .tr > .td:last-child {
  width: 480px;
}

.pano-360-table > .tr > .td:last-child > .pano-table {
  float: right;
}
.pano-360-table > .tr > .td:last-child > .pano-table > .tr > .td {
  padding-left: 20px;
}

.statistics-menu {

}
.statistics-range {
  margin-bottom: 20px
}
.statistics-menu > .statistics-title {
  font-family: 'Open Sans'; font-weight: 600;
  font-size: 15px;
}
.statistics-menu > .statistics-list {
  padding-left: 10px;
  margin-top: 10px;
}
.statistics-menu > .statistics-list > a {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
  color: #333;
  font-family: 'Open Sans'; font-weight: 300;
}
.statistics-menu > .statistics-list > a.active {
  color: #337ab7;
  font-family: 'Open Sans'; font-weight: 600;
}
.statistics-tabs {
  display: table;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 10px;
}
.statistics-tabs > a {
  display: table;
  float: left;
  margin-left: 25px;
  font-size: 15px;
  position: relative;
  color: #9a9a9a;
}
.statistics-tabs > a.active {
  color: #337ab7;
}
.statistics-tabs > a.active::before {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  bottom: -12px;
  height: 4px;
  background: #e9642e;
}
.statistics-name {
  font-family: 'Open Sans'; font-weight: 600;
  font-size: 22px;
  color: #333;
  margin-bottom: 10px;
  padding: 25px 25px 15px 25px;
}
.statistics-content {
  padding: 25px;
}
.statistics-map-table {
  width: 100%;
  border-collapse: separate;
  padding-left: 20px;
}
.statistics-map-table > tbody {
  overflow-y: auto;
  height: 500px
}

.statistics-map-table > tbody {
  display:block;
  height:500px;
  overflow:auto;
}
.statistics-map-table > thead, .statistics-map-table > tbody tr {
  display:table;
  width:100%;
  table-layout:fixed;
}
.statistics-map-table > thead { padding-bottom: 10px; position: relative; }
.statistics-map-table > thead:after { content: ""; position: absolute; bottom: 0; left: -20px; right: -25px; border-bottom: 1px solid #d9d9d9; }
.statistics-map-table > tbody tr:first-child { padding-top: 10px; }
.statistics-map-table > tbody tr { cursor: pointer; padding-top: 5px; padding-bottom: 5px; }
.statistics-map-table > thead tr td { font-weight: bold; }
.statistics-map-table > tbody tr td { vertical-align: middle; font-size: 12px; line-heigh: 12px }
.statistics-map-table > thead tr td:nth-child(1), .statistics-map-table > tbody tr td:nth-child(1) { width: 25px; }
.statistics-map-table > thead tr td:nth-child(2), .statistics-map-table > tbody tr td:nth-child(2) { width: auto; padding-left: 10px; padding-right: 10px; }
.statistics-map-table > thead tr td:nth-child(3), .statistics-map-table > tbody tr td:nth-child(3) { width: 100px; text-align: right; }
.statistics-map-table > thead {

}
.statistics-map-table {
  width: 100%;
}





.data.backlog .milestones .domuly-form-field {
  margin-top: 0;
}
.data.backlog .sprints {
  min-height: 400px;
  overflow-y: auto;
}

.data.backlog .sprints .obj {
  border: 1px solid #c4c9d2;
  background-color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 20px;
}

.data.backlog .sprints .obj > .name {
  font-size: 15px;
  font-weight: 600;
}
.data.backlog .sprints .obj > .domuly-table {
  margin-top: 5px;
  width: 100%;
}
.data.backlog .sprints .obj > .domuly-table > .tr > .td:first-child {
  text-align: left;
}
.data.backlog .sprints .obj > .domuly-table > .tr > .td:last-child {
  text-align: right;
}
.data.backlog .sprints .obj > .progress {
  width: 100%;
  height: 15px;
  background: #ccc;
}
.data.backlog .sprints .obj > .progress > div {
  background: #00AA00;
  height: 15px;
}
.data.backlog .sprints .obj > .list {
}
.data.backlog .sprints .obj > .list > div {
  padding: 5px;
}
.data.backlog .sprints .obj > .list > div:nth-child(odd) {
  background: #f2f3f6;
}

.active-edit .domuly-form-field {
  margin-top: 0;
}
.active-edit .btns {
  margin-top: 15px;
  float: right;
}

.data.milestone .col-xs-8,
.data.task .col-xs-8 {
  margin-top: 0 !important;
}
.data.milestone .content,
.data.task .content {
  /* height: 500px;
   overflow-y: auto;*/
  margin-top: 0;
}
.data.milestone .milestone-name,
.data.task .task-name {
  font-size: 25px;
  font-weight: 300;
  font-family: 'Open Sans'; font-weight: 300;
}

.data.milestone .table-opt,
.data.task .table-opt {
  margin-top: 20px;
  margin-bottom: 15px;
}
.data.milestone .table-opt .domuly-button-default-small,
.data.task .table-opt .domuly-button-default-small {
  width: auto;
  padding: 3px 0 0px 0;
  padding-left: 10px;
  padding-right: 10px;
  display: table;
}

.active-edit button {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.data.milestone .tasks > .obj,
.data.task .tasks > .obj {
  padding: 5px;
  background: #fff;
}
.data.milestone .tasks > .obj:nth-child(odd),
.data.task .tasks > .obj:nth-child(odd) {
  background: #f2f3f6;
}

.data.milestone .attachments > .obj,
.data.task .attachments > .obj {
  padding: 5px;
  background: #fff;
}
.data.milestone .attachments > .obj:nth-child(odd),
.data.task .attachments > .obj:nth-child(odd) {
  background: #f2f3f6;
}

.data.milestone .comments .obj,
.data.task .comments .obj {
  background: #fff;
  margin-bottom: 15px;
}
.data.milestone .comments .obj:nth-child(odd),
.data.task .comments .obj:nth-child(odd) {
  background: #f2f3f6;
}
.data.milestone .comments .obj .td,
.data.task .comments .obj .td {
  vertical-align: top;
}
.data.milestone .comments .obj .td:first-child,
.data.task .comments .obj .td:first-child {
  width: 70px
}
.data.milestone .comments .obj .td:first-child img,
.data.task .comments .obj .td:first-child img {
  width: 60px
}
.data.milestone .comments .obj .td:last-child div:first-child,
.data.task .comments .obj .td:last-child div:first-child {
  font-size: 12px;
  font-weight: 300;
  font-family: 'Open Sans'; font-weight: 300;
}
.data.milestone .comments .obj .td:last-child div:first-child span,
.data.task .comments .obj .td:last-child div:first-child span {
  font-size: 14px;
  font-weight: 300;
  font-family: "montserratmedium", serif;
}

.data.milestone .infouser .offer-photo img,
.data.task .infouser .offer-photo img {
  width: 30px !important;
}


.data.milestone .watchers > .obj,
.data.task .watchers > .obj {
  padding: 5px;
  background: #fff;
}
.data.milestone .watchers > .obj:nth-child(odd),
.data.task .watchers > .obj:nth-child(odd) {
  background: #f2f3f6;
}

.domuly-panel-12.milestone .domuly-panel-content,
.domuly-panel-12.task .domuly-panel-content,
.domuly-panel-12.kanban .domuly-panel-content {
  padding: 0 !important;
}

.domuly-panel-12.milestone,
.domuly-panel-12.task {
  margin-right: -15px;
  height: 500px;
  overflow-y: auto;
}
/*
.data.kanban .col-md-3 {
  width: 20%;
}*/

.data.schedule .col-md-2 {
  padding: 5px !important;
}
.data.schedule .title .col-md-2 .header .domuly-button-option-add-small {
  position: absolute;
  right: 10px;
  top: 0;
}
.data.schedule .title .col-md-2 .header {
  position: relative;
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: 5px solid #f5f5f5;
}
.data.schedule .tasks .col-md-2 .content {
  background: #f5f5f5;
  padding: 20px 10px;
  /*min-height: 600px;
  height: 600px;
  max-height: 600px;*/
  overflow-y: auto;
}

.taskCard.ui-draggable-dragging {
  z-index: 9999 !important;
}
.draggable-helper {
  opacity: 0.5;
}
.taskCard {
  font-family: "Lato", helvetica, Arial, Sans-serif;
  border: 1px solid #E0E1E2;
  border-radius: 5px;
  padding: 15px 15px 10px 15px;
  background: white;
  position: relative;
  margin-bottom: 5px;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.06);
}
.taskCard:hover {
  /*cursor: pointer;*/
}
.ui-helper {
  width: 100% !important;
  z-index: 9999 !important;
}
.taskCard:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: red;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.taskCard .taskCard__title {
  margin: 0;
  color: #333;
  font-weight: 500;
  letter-spacing: 0.5px;
}
.taskCard .taskCard__title a,
.taskCard .taskCard__title a:link,
.taskCard .taskCard__title a:hover,
.taskCard .taskCard__title a:active,
.taskCard .taskCard__title a:focus {
  color: #333 !important;
}
.taskCard .taskCard__epicLink-title {
  background: #9b59b6;
  padding: 3px 10px;
  font-size: 13px;
  border-radius: 5px;
  color: white;
}
.taskCard .taskCard__footer {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
  align-items: center;
}
.taskCard .taskCard__type {
  font-size: 12px;
  font-weight: bold;
}
.taskCard .taskCard__id {
  font-size: 12px;
  font-weight: 300;
  color: #CDCED0;
  margin-right: 10px;
  font-variant: small-caps;
  font-weight: 500;
}
.taskCard .taskCard__avatar {
  width: 30px;
  height: 30px;
  border-radius: 500px;
}
.taskCard .taskCard__id, .taskCard .taskCard__avatar {
  vertical-align: middle;
}

.taskCard.taskCard--HIGHEST:after {
  background: #e74c3c;
}
.taskCard.taskCard--HIGHEST .taskCard__type {
  color: #e74c3c;
}

.taskCard.taskCard--HIGH:after {
  background: #e67e22;
}
.taskCard.taskCard--HIGH .taskCard__type {
  color: #e67e22;
}

.taskCard.taskCard--MEDIUM:after {
  background: #f1c40f;
}
.taskCard.taskCard--MEDIUM .taskCard__type {
  color: #f1c40f;
}

.taskCard.taskCard--LOW:after {
  background: #27ae60;
}
.taskCard.taskCard--LOW .taskCard__type {
  color: #27ae60;
}

.taskCard .progress {
  margin-bottom: 5px;
  height: 5px;
}
.taskCard .progress div {
  height: 5px;
  background: #8dc143;
}

.offer.schedule .domuly-panel-content .row:not(:first-child) {
  margin-top: 0;
}

.box-null {
  border: 1px solid #ccc;
  background: #efefef;
  padding: 20px;
  color: var(--basic-color-2);
  text-align: center;
}

.data.team .col-xs-12 {
  padding: 0 !important;
  margin: 0 !important;
}

.hours-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.btn-date-arrow.date-left {
  margin-right: 10px;
}
.btn-date-arrow.date-right {
  margin-left: 10px;
}
.btn-date-arrow {
  display: inline-block !important;
}
.btn-date {
  border-color: #fff;
  background: #fff;
  height: 44px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  color: #7f8d9e;
  font-weight: 400;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  text-align: center;
  font-family: "Open Sans";
  line-height: 42px;
  outline: none !important;
  box-shadow: none !important;
}
.btn-date.solid {
  display: table;
}
.btn-date-today {
  display: inline-block !important;
  margin-right: 10px;
}


.arrow {
  border: solid #74808c;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
/*
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
*/



.bgImage {
  margin: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.bgImage {
  position: absolute;
  background-image: url('/img/backend/bg.jpg');
  background-size: cover;
  background-position: top;
  /* Safari 6.0 - 9.0 */
  z-index: -1;
}

.blobCont {
  position: absolute;
  width: 100vw;
  height: 100vh;
}

.blob:nth-child(1) {
  animation: move1 20s infinite linear;
}

@keyframes move1 {
  from {
    transform: rotate(90deg) translate(200px, 0.1px) rotate(-90deg);
  }
  to {
    transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
}
.blob:nth-child(2) {
  animation: move2 20s infinite linear;
}

@keyframes move2 {
  from {
    transform: rotate(180deg) translate(200px, 0.1px) rotate(-180deg);
  }
  to {
    transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
}
.blob:nth-child(3) {
  animation: move3 20s infinite linear;
}

@keyframes move3 {
  from {
    transform: rotate(270deg) translate(200px, 0.1px) rotate(-270deg);
  }
  to {
    transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
}
.blob:nth-child(4) {
  animation: move4 20s infinite linear;
}

@keyframes move4 {
  from {
    transform: rotate(360deg) translate(200px, 0.1px) rotate(-360deg);
  }
  to {
    transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
}
.blob:nth-child(5) {
  animation: move5 20s infinite linear;
}

@keyframes move5 {
  from {
    transform: rotate(450deg) translate(200px, 0.1px) rotate(-450deg);
  }
  to {
    transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
}
.blob:nth-child(6) {
  animation: move6 20s infinite linear;
}

@keyframes move6 {
  from {
    transform: rotate(540deg) translate(200px, 0.1px) rotate(-540deg);
  }
  to {
    transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
}
.blob:nth-child(7) {
  animation: move7 20s infinite linear;
}

@keyframes move7 {
  from {
    transform: rotate(630deg) translate(200px, 0.1px) rotate(-630deg);
  }
  to {
    transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
}
.blob:nth-child(8) {
  animation: move8 20s infinite linear;
}

@keyframes move8 {
  from {
    transform: rotate(720deg) translate(200px, 0.1px) rotate(-720deg);
  }
  to {
    transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
}
.blob:nth-child(9) {
  animation: move9 20s infinite linear;
}

@keyframes move9 {
  from {
    transform: rotate(810deg) translate(200px, 0.1px) rotate(-810deg);
  }
  to {
    transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
}
.blob:nth-child(10) {
  animation: move10 20s infinite linear;
}

@keyframes move10 {
  from {
    transform: rotate(900deg) translate(200px, 0.1px) rotate(-900deg);
  }
  to {
    transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
}
.blob:nth-child(11) {
  animation: move11 20s infinite linear;
}

@keyframes move11 {
  from {
    transform: rotate(990deg) translate(200px, 0.1px) rotate(-990deg);
  }
  to {
    transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
}
.blob:nth-child(12) {
  animation: move12 20s infinite linear;
}

@keyframes move12 {
  from {
    transform: rotate(1080deg) translate(200px, 0.1px) rotate(-1080deg);
  }
  to {
    transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
}
.blob:nth-child(13) {
  animation: move13 20s infinite linear;
}

@keyframes move13 {
  from {
    transform: rotate(1170deg) translate(200px, 0.1px) rotate(-1170deg);
  }
  to {
    transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
}
.blob:nth-child(14) {
  animation: move14 20s infinite linear;
}

@keyframes move14 {
  from {
    transform: rotate(1260deg) translate(200px, 0.1px) rotate(-1260deg);
  }
  to {
    transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
}
.blob:nth-child(15) {
  animation: move15 20s infinite linear;
}

@keyframes move15 {
  from {
    transform: rotate(1350deg) translate(200px, 0.1px) rotate(-1350deg);
  }
  to {
    transform: rotate(1710deg) translate(200px, 0.1px) rotate(-1710deg);
  }
}
.blob:nth-child(16) {
  animation: move16 20s infinite linear;
}

@keyframes move16 {
  from {
    transform: rotate(1440deg) translate(200px, 0.1px) rotate(-1440deg);
  }
  to {
    transform: rotate(1800deg) translate(200px, 0.1px) rotate(-1800deg);
  }
}
.blob:nth-child(17) {
  animation: move17 20s infinite linear;
}

@keyframes move17 {
  from {
    transform: rotate(1530deg) translate(200px, 0.1px) rotate(-1530deg);
  }
  to {
    transform: rotate(1890deg) translate(200px, 0.1px) rotate(-1890deg);
  }
}
.blob:nth-child(18) {
  animation: move18 20s infinite linear;
}

@keyframes move18 {
  from {
    transform: rotate(1620deg) translate(200px, 0.1px) rotate(-1620deg);
  }
  to {
    transform: rotate(1980deg) translate(200px, 0.1px) rotate(-1980deg);
  }
}
.child-row {
  transform: scale(0.96);
  opacity: 0.85;
}
tr.related-head {
}
tr.related-child {
  background: #fff !important;
}




.group-wrapper {
  border: 2px solid #3498db;
  border-radius: 10px;
  margin: 10px 0;
  box-shadow: 0 0 5px rgba(0,0,0,0.1);
  overflow: hidden;
}

.group-wrapper tr.related-head {
  background-color: #f0f8ff;
  font-weight: bold;
}

.group-wrapper tr.child-row {
  background-color: #f9fcff;
}

.group-separator,
.group-separator:hover,
.group-separator td,
.group-separator td:hover {
  cursor: default;
  background: transparent !important;
}

table.dataTable.display tbody tr.group-separator:hover {
  cursor: default;
  background: transparent !important;
}


/* ══════════════  BADGE – baza wspólna  ══════════════ */
.badge{
  display:inline-block;
  padding:.45rem .95rem;
  border-radius:1rem;
  font-size:13px;        /* ≈ 12 px */
  font-weight:600;
  line-height:1.2;
  text-align:center;
  white-space:nowrap;
  user-select:none;
}

/* ══════════════  WARIANTY KOLORYSTYCZNE  ══════════════ */
/* 1. nowy / pusty */
.badge--new{
  background:#e2e3e5;      /* szary-200 */
  color:#41464b;           /* szary-700 */
}

.badge--newblink{
  background:#e2e3e5;      /* szary-200 */
  color:#41464b;           /* szary-700 */
  animation:badge-blink 1s linear infinite;
}

/* 2. do weryfikacji (lekko niebieski) */
.badge--verify{
  background:#cfe2ff;      /* niebieski-200 */
  color:#084298;           /* niebieski-800 */
}

/* 3. odrzucony (czerwony) */
.badge--reject{
  background:#f8d7da;      /* czerwony-200 */
  color:#842029;           /* czerwony-900 */
}

/* 4. oświadczenie (mocny niebieski) */
.badge--statement{
  background:#4b7bec;      /* niebieski „indygo” */
  color:#fff;
}

/* 5. decyzja (pomarańcz) */
.badge--decision{
  background:#f7b731;      /* orange-400 */
  color:#5d2c00;           /* ciemny brąz dla kontrastu */
}

/* 6. w toku (pomarańcz – ten sam odcień co decyzja) */
.badge--inprogress{
  background:#f7b731;
  color:#5d2c00;
}

/* 7. zaakceptowany (zielony) */
.badge--accept{
  background:#d1e7dd;      /* zielony-200 */
  color:#0f5132;           /* zielony-800 */
}

/* 8. w toku z miganiem (ten sam kolor + animacja) */
.badge--inprogressblink{
  background:#f7b731;
  color:#5d2c00;
  animation:badge-blink 1s linear infinite;
}

/* ══════════════  ANIMACJA  ══════════════ */
@keyframes badge-blink{
  0%,100% {opacity:1;}
  50%     {opacity:.35;}
}

/* ══════════════  DARK MODE (opcjonalnie)  ══════════════ */
@media (prefers-color-scheme:dark){
  .badge--new        {background:#495057;color:#f8f9fa;}
  .badge--verify     {background:#084298;color:#cfe2ff;}
  .badge--reject     {background:#842029;color:#f8d7da;}
  .badge--statement  {background:#375a9e;}
  .badge--decision,
  .badge--inprogress,
  .badge--inprogressblink{background:#b07d15;color:#fff;}
  .badge--accept     {background:#0f5132;color:#d1e7dd;}
}