@charset "UTF-8";
/*region #RESET CSS*/
/* 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, .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; }

/*endregion*/
/*region #FONT FACE*/
@font-face {
  font-family: 'Weblysleek UI Light';
  src: url("../fonts/weblysleekuil-webfont.eot");
  src: url("../fonts/weblysleekuil-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/weblysleekuil-webfont.woff") format("woff"), url("../fonts/weblysleekuil-webfont.ttf") format("truetype"), url("../fonts/weblysleekuil-webfont.svg#weblysleek_uilight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Weblysleek UI Semi Bold';
  src: url("../fonts/weblysleekuisb-webfont.eot");
  src: url("../fonts/weblysleekuisb-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/weblysleekuisb-webfont.woff") format("woff"), url("../fonts/weblysleekuisb-webfont.ttf") format("truetype"), url("../fonts/weblysleekuisb-webfont.svg#weblysleek_uisemibold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Weblysleek UI Semi Light';
  src: url("../fonts/weblysleekuisl-webfont.eot");
  src: url("../fonts/weblysleekuisl-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/weblysleekuisl-webfont.woff") format("woff"), url("../fonts/weblysleekuisl-webfont.ttf") format("truetype"), url("../fonts/weblysleekuisl-webfont.svg#weblysleek_uisemilight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Weblysleek UI Semi Light Italic';
  src: url("../fonts/weblysleekuisli-webfont.eot");
  src: url("../fonts/weblysleekuisli-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/weblysleekuisli-webfont.woff") format("woff"), url("../fonts/weblysleekuisli-webfont.ttf") format("truetype"), url("../fonts/weblysleekuisli-webfont.svg#weblysleek_uisemilight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Weblysleek UI Light Italic';
  src: url("../fonts/weblysleekuili-webfont.eot");
  src: url("../fonts/weblysleekuili-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/weblysleekuili-webfont.woff") format("woff"), url("../fonts/weblysleekuili-webfont.ttf") format("truetype"), url("../fonts/weblysleekuili-webfont.svg#weblysleek_uilight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

/*endregion*/
/* PDf generator fonts */
@font-face {
  font-family: 'airstreamregular';
  src: url("../fonts/AirstreamRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'andale mono';
  src: url("../fonts/AndaleMono.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'arial';
  src: url("../fonts/Arial.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'arial black';
  src: url("../fonts/arial-black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'bell gothic';
  src: url("../fonts/Bell-Gothic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'benton sans book';
  src: url("../fonts/BentonSans/benton-sans-regular/benton-sans-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'book antiqua';
  src: url("../fonts/TR Book Antiqua.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'calibri';
  src: url("../fonts/Calibri.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'comic sans ms';
  src: url("../fonts/ComicSansMs.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'courier new';
  src: url("../fonts/CourierNew.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'georgia';
  src: url("../fonts/Georgia.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'helvetica';
  src: url("../fonts/Helvetica.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'impact';
  src: url("../fonts/Impact.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'open_sansregular';
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Oregano';
  src: url("../fonts/Oregano-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Black';
  src: url("../fonts/Roboto-Black.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Roboto Regular';
  src: url("../fonts/Roboto-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'symbol';
  src: url("../fonts/symbol.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'tahoma';
  src: url("../fonts/Tahoma.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'terminal';
  src: url("../fonts/terminal.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'trebuchet ms';
  src: url("../fonts/TrebuchetMS.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'verdana';
  src: url("../fonts/Verdana.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'webdings';
  src: url("../fonts/webdings.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'wingdings';
  src: url("../fonts/wingdings.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

/* End PDf generator fonts */
.file-icon {
  background: url("../img/gimg/docs.png") no-repeat;
  background-position: center 16px;
  /*background-color: rgba(0,0,0,0.2);*/ }
  .file-icon.list-mode {
    background-position: center 5px; }
  .file-icon.file-pdf-icon {
    background-position: center -64px; }
  .file-icon.file-doc-icon, .file-icon.file-docx-icon {
    background-position: center -144px; }
  .file-icon.file-xls-icon, .file-icon.file-xlsx-icon {
    background-position: center -224px; }
  .file-icon.file-ppt-icon, .file-icon.file-pptx-icon {
    background-position: center -304px; }
  .file-icon.file-exe-icon {
    /*background-image: url('../img/gimg/file-icons/exe.png');*/ }
  .file-icon.file-psd-icon {
    background-position: center -384px; }
  .file-icon.file-zip-icon {
    background-position: center -464px; }
  .file-icon.file-rar-icon {
    background-position: center -544px; }
  .file-icon.file-txt-icon {
    background-position: center -624px; }
  .file-icon.icon-archive {
    background: url("../img/gimg/archive-icon.png") 0 4px no-repeat !important; }

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-fw {
  width: 1.28571em;
  text-align: center; }

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.85714em; }

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.fa.pull-left {
  margin-right: .3em; }

.fa.pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle; }

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: ""; }

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

.fa-envelope-o:before {
  content: ""; }

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

.fa-star-o:before {
  content: ""; }

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

.fa-th-large:before {
  content: ""; }

.fa-th:before {
  content: ""; }

.fa-th-list:before {
  content: ""; }

.fa-check:before {
  content: ""; }

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: ""; }

.fa-search-plus:before {
  content: ""; }

.fa-search-minus:before {
  content: ""; }

.fa-power-off:before {
  content: ""; }

.fa-signal:before {
  content: ""; }

.fa-gear:before,
.fa-cog:before {
  content: ""; }

.fa-trash-o:before {
  content: ""; }

.fa-home:before {
  content: ""; }

.fa-file-o:before {
  content: ""; }

.fa-clock-o:before {
  content: ""; }

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

.fa-arrow-circle-o-down:before {
  content: ""; }

.fa-arrow-circle-o-up:before {
  content: ""; }

.fa-inbox:before {
  content: ""; }

.fa-play-circle-o:before {
  content: ""; }

.fa-rotate-right:before,
.fa-repeat:before {
  content: ""; }

.fa-refresh:before {
  content: ""; }

.fa-list-alt:before {
  content: ""; }

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

.fa-volume-off:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

.fa-text-height:before {
  content: ""; }

.fa-text-width:before {
  content: ""; }

.fa-align-left:before {
  content: ""; }

.fa-align-center:before {
  content: ""; }

.fa-align-right:before {
  content: ""; }

.fa-align-justify:before {
  content: ""; }

.fa-list:before {
  content: ""; }

.fa-dedent:before,
.fa-outdent:before {
  content: ""; }

.fa-indent:before {
  content: ""; }

.fa-video-camera:before {
  content: ""; }

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: ""; }

.fa-pencil:before {
  content: ""; }

.fa-map-marker:before {
  content: ""; }

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

.fa-edit:before,
.fa-pencil-square-o:before {
  content: ""; }

.fa-share-square-o:before {
  content: ""; }

.fa-check-square-o:before {
  content: ""; }

.fa-arrows:before {
  content: ""; }

.fa-step-backward:before {
  content: ""; }

.fa-fast-backward:before {
  content: ""; }

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

.fa-fast-forward:before {
  content: ""; }

.fa-step-forward:before {
  content: ""; }

.fa-eject:before {
  content: ""; }

.fa-chevron-left:before {
  content: ""; }

.fa-chevron-right:before {
  content: ""; }

.fa-plus-circle:before {
  content: ""; }

.fa-minus-circle:before {
  content: ""; }

.fa-times-circle:before {
  content: ""; }

.fa-check-circle:before {
  content: ""; }

.fa-question-circle:before {
  content: ""; }

.fa-info-circle:before {
  content: ""; }

.fa-crosshairs:before {
  content: ""; }

.fa-times-circle-o:before {
  content: ""; }

.fa-check-circle-o:before {
  content: ""; }

.fa-ban:before {
  content: ""; }

.fa-arrow-left:before {
  content: ""; }

.fa-arrow-right:before {
  content: ""; }

.fa-arrow-up:before {
  content: ""; }

.fa-arrow-down:before {
  content: ""; }

.fa-mail-forward:before,
.fa-share:before {
  content: ""; }

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

.fa-exclamation-circle:before {
  content: ""; }

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

.fa-eye-slash:before {
  content: ""; }

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: ""; }

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

.fa-chevron-up:before {
  content: ""; }

.fa-chevron-down:before {
  content: ""; }

.fa-retweet:before {
  content: ""; }

.fa-shopping-cart:before {
  content: ""; }

.fa-folder:before {
  content: ""; }

.fa-folder-open:before {
  content: ""; }

.fa-arrows-v:before {
  content: ""; }

.fa-arrows-h:before {
  content: ""; }

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: ""; }

.fa-twitter-square:before {
  content: ""; }

.fa-facebook-square:before {
  content: ""; }

.fa-camera-retro:before {
  content: ""; }

.fa-key:before {
  content: ""; }

.fa-gears:before,
.fa-cogs:before {
  content: ""; }

.fa-comments:before {
  content: ""; }

.fa-thumbs-o-up:before {
  content: ""; }

.fa-thumbs-o-down:before {
  content: ""; }

.fa-star-half:before {
  content: ""; }

.fa-heart-o:before {
  content: ""; }

.fa-sign-out:before {
  content: ""; }

.fa-linkedin-square:before {
  content: ""; }

.fa-thumb-tack:before {
  content: ""; }

.fa-external-link:before {
  content: ""; }

.fa-sign-in:before {
  content: ""; }

.fa-trophy:before {
  content: ""; }

.fa-github-square:before {
  content: ""; }

.fa-upload:before {
  content: ""; }

.fa-lemon-o:before {
  content: ""; }

.fa-phone:before {
  content: ""; }

.fa-square-o:before {
  content: ""; }

.fa-bookmark-o:before {
  content: ""; }

.fa-phone-square:before {
  content: ""; }

.fa-twitter:before {
  content: ""; }

.fa-facebook:before {
  content: ""; }

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

.fa-credit-card:before {
  content: ""; }

.fa-rss:before {
  content: ""; }

.fa-hdd-o:before {
  content: ""; }

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

.fa-hand-o-right:before {
  content: ""; }

.fa-hand-o-left:before {
  content: ""; }

.fa-hand-o-up:before {
  content: ""; }

.fa-hand-o-down:before {
  content: ""; }

.fa-arrow-circle-left:before {
  content: ""; }

.fa-arrow-circle-right:before {
  content: ""; }

.fa-arrow-circle-up:before {
  content: ""; }

.fa-arrow-circle-down:before {
  content: ""; }

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

.fa-arrows-alt:before {
  content: ""; }

.fa-group:before,
.fa-users:before {
  content: ""; }

.fa-chain:before,
.fa-link:before {
  content: ""; }

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

.fa-cut:before,
.fa-scissors:before {
  content: ""; }

.fa-copy:before,
.fa-files-o:before {
  content: ""; }

.fa-paperclip:before {
  content: ""; }

.fa-save:before,
.fa-floppy-o:before {
  content: ""; }

.fa-square:before {
  content: ""; }

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: ""; }

.fa-list-ul:before {
  content: ""; }

.fa-list-ol:before {
  content: ""; }

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

.fa-pinterest-square:before {
  content: ""; }

.fa-google-plus-square:before {
  content: ""; }

.fa-google-plus:before {
  content: ""; }

.fa-money:before {
  content: ""; }

.fa-caret-down:before {
  content: ""; }

.fa-caret-up:before {
  content: ""; }

.fa-caret-left:before {
  content: ""; }

.fa-caret-right:before {
  content: ""; }

.fa-columns:before {
  content: ""; }

.fa-unsorted:before,
.fa-sort:before {
  content: ""; }

.fa-sort-down:before,
.fa-sort-desc:before {
  content: ""; }

.fa-sort-up:before,
.fa-sort-asc:before {
  content: ""; }

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

.fa-rotate-left:before,
.fa-undo:before {
  content: ""; }

.fa-legal:before,
.fa-gavel:before {
  content: ""; }

.fa-dashboard:before,
.fa-tachometer:before {
  content: ""; }

.fa-comment-o:before {
  content: ""; }

.fa-comments-o:before {
  content: ""; }

.fa-flash:before,
.fa-bolt:before {
  content: ""; }

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

.fa-paste:before,
.fa-clipboard:before {
  content: ""; }

.fa-lightbulb-o:before {
  content: ""; }

.fa-exchange:before {
  content: ""; }

.fa-cloud-download:before {
  content: ""; }

.fa-cloud-upload:before {
  content: ""; }

.fa-user-md:before {
  content: ""; }

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

.fa-bell-o:before {
  content: ""; }

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

.fa-file-text-o:before {
  content: ""; }

.fa-building-o:before {
  content: ""; }

.fa-hospital-o:before {
  content: ""; }

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

.fa-fighter-jet:before {
  content: ""; }

.fa-beer:before {
  content: ""; }

.fa-h-square:before {
  content: ""; }

.fa-plus-square:before {
  content: ""; }

.fa-angle-double-left:before {
  content: ""; }

.fa-angle-double-right:before {
  content: ""; }

.fa-angle-double-up:before {
  content: ""; }

.fa-angle-double-down:before {
  content: ""; }

.fa-angle-left:before {
  content: ""; }

.fa-angle-right:before {
  content: ""; }

.fa-angle-up:before {
  content: ""; }

.fa-angle-down:before {
  content: ""; }

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

.fa-mobile-phone:before,
.fa-mobile:before {
  content: ""; }

.fa-circle-o:before {
  content: ""; }

.fa-quote-left:before {
  content: ""; }

.fa-quote-right:before {
  content: ""; }

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

.fa-mail-reply:before,
.fa-reply:before {
  content: ""; }

.fa-github-alt:before {
  content: ""; }

.fa-folder-o:before {
  content: ""; }

.fa-folder-open-o:before {
  content: ""; }

.fa-smile-o:before {
  content: ""; }

.fa-frown-o:before {
  content: ""; }

.fa-meh-o:before {
  content: ""; }

.fa-gamepad:before {
  content: ""; }

.fa-keyboard-o:before {
  content: ""; }

.fa-flag-o:before {
  content: ""; }

.fa-flag-checkered:before {
  content: ""; }

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: ""; }

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: ""; }

.fa-location-arrow:before {
  content: ""; }

.fa-crop:before {
  content: ""; }

.fa-code-fork:before {
  content: ""; }

.fa-unlink:before,
.fa-chain-broken:before {
  content: ""; }

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

.fa-puzzle-piece:before {
  content: ""; }

.fa-microphone:before {
  content: ""; }

.fa-microphone-slash:before {
  content: ""; }

.fa-shield:before {
  content: ""; }

.fa-calendar-o:before {
  content: ""; }

.fa-fire-extinguisher:before {
  content: ""; }

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

.fa-chevron-circle-left:before {
  content: ""; }

.fa-chevron-circle-right:before {
  content: ""; }

.fa-chevron-circle-up:before {
  content: ""; }

.fa-chevron-circle-down:before {
  content: ""; }

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

.fa-unlock-alt:before {
  content: ""; }

.fa-bullseye:before {
  content: ""; }

.fa-ellipsis-h:before {
  content: ""; }

.fa-ellipsis-v:before {
  content: ""; }

.fa-rss-square:before {
  content: ""; }

.fa-play-circle:before {
  content: ""; }

.fa-ticket:before {
  content: ""; }

.fa-minus-square:before {
  content: ""; }

.fa-minus-square-o:before {
  content: ""; }

.fa-level-up:before {
  content: ""; }

.fa-level-down:before {
  content: ""; }

.fa-check-square:before {
  content: ""; }

.fa-pencil-square:before {
  content: ""; }

.fa-external-link-square:before {
  content: ""; }

.fa-share-square:before {
  content: ""; }

.fa-compass:before {
  content: ""; }

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: ""; }

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: ""; }

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: ""; }

.fa-euro:before,
.fa-eur:before {
  content: ""; }

.fa-gbp:before {
  content: ""; }

.fa-dollar:before,
.fa-usd:before {
  content: ""; }

.fa-rupee:before,
.fa-inr:before {
  content: ""; }

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: ""; }

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: ""; }

.fa-won:before,
.fa-krw:before {
  content: ""; }

.fa-bitcoin:before,
.fa-btc:before {
  content: ""; }

.fa-file:before {
  content: ""; }

.fa-file-text:before {
  content: ""; }

.fa-sort-alpha-asc:before {
  content: ""; }

.fa-sort-alpha-desc:before {
  content: ""; }

.fa-sort-amount-asc:before {
  content: ""; }

.fa-sort-amount-desc:before {
  content: ""; }

.fa-sort-numeric-asc:before {
  content: ""; }

.fa-sort-numeric-desc:before {
  content: ""; }

.fa-thumbs-up:before {
  content: ""; }

.fa-thumbs-down:before {
  content: ""; }

.fa-youtube-square:before {
  content: ""; }

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

.fa-xing-square:before {
  content: ""; }

.fa-youtube-play:before {
  content: ""; }

.fa-dropbox:before {
  content: ""; }

.fa-stack-overflow:before {
  content: ""; }

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

.fa-bitbucket-square:before {
  content: ""; }

.fa-tumblr:before {
  content: ""; }

.fa-tumblr-square:before {
  content: ""; }

.fa-long-arrow-down:before {
  content: ""; }

.fa-long-arrow-up:before {
  content: ""; }

.fa-long-arrow-left:before {
  content: ""; }

.fa-long-arrow-right:before {
  content: ""; }

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

.fa-gittip:before {
  content: ""; }

.fa-sun-o:before {
  content: ""; }

.fa-moon-o:before {
  content: ""; }

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

.fa-stack-exchange:before {
  content: ""; }

.fa-arrow-circle-o-right:before {
  content: ""; }

.fa-arrow-circle-o-left:before {
  content: ""; }

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: ""; }

.fa-dot-circle-o:before {
  content: ""; }

.fa-wheelchair:before {
  content: ""; }

.fa-vimeo-square:before {
  content: ""; }

.fa-turkish-lira:before,
.fa-try:before {
  content: ""; }

.fa-plus-square-o:before {
  content: ""; }

.fa-space-shuttle:before {
  content: ""; }

.fa-slack:before {
  content: ""; }

.fa-envelope-square:before {
  content: ""; }

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: ""; }

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: ""; }

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

.fa-reddit-square:before {
  content: ""; }

.fa-stumbleupon-circle:before {
  content: ""; }

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

.fa-pied-piper:before {
  content: ""; }

.fa-pied-piper-alt:before {
  content: ""; }

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

.fa-behance-square:before {
  content: ""; }

.fa-steam:before {
  content: ""; }

.fa-steam-square:before {
  content: ""; }

.fa-recycle:before {
  content: ""; }

.fa-automobile:before,
.fa-car:before {
  content: ""; }

.fa-cab:before,
.fa-taxi:before {
  content: ""; }

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

.fa-file-pdf-o:before {
  content: ""; }

.fa-file-word-o:before {
  content: ""; }

.fa-file-excel-o:before {
  content: ""; }

.fa-file-powerpoint-o:before {
  content: ""; }

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: ""; }

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: ""; }

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: ""; }

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: ""; }

.fa-file-code-o:before {
  content: ""; }

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: ""; }

.fa-circle-o-notch:before {
  content: ""; }

.fa-ra:before,
.fa-rebel:before {
  content: ""; }

.fa-ge:before,
.fa-empire:before {
  content: ""; }

.fa-git-square:before {
  content: ""; }

.fa-git:before {
  content: ""; }

.fa-hacker-news:before {
  content: ""; }

.fa-tencent-weibo:before {
  content: ""; }

.fa-qq:before {
  content: ""; }

.fa-wechat:before,
.fa-weixin:before {
  content: ""; }

.fa-send:before,
.fa-paper-plane:before {
  content: ""; }

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: ""; }

.fa-history:before {
  content: ""; }

.fa-circle-thin:before {
  content: ""; }

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

.fa-share-alt:before {
  content: ""; }

.fa-share-alt-square:before {
  content: ""; }

.fa-bomb:before {
  content: ""; }

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: ""; }

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

.fa-newspaper-o:before {
  content: ""; }

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

.fa-google-wallet:before {
  content: ""; }

.fa-cc-visa:before {
  content: ""; }

.fa-cc-mastercard:before {
  content: ""; }

.fa-cc-discover:before {
  content: ""; }

.fa-cc-amex:before {
  content: ""; }

.fa-cc-paypal:before {
  content: ""; }

.fa-cc-stripe:before {
  content: ""; }

.fa-bell-slash:before {
  content: ""; }

.fa-bell-slash-o:before {
  content: ""; }

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

.fa-paint-brush:before {
  content: ""; }

.fa-birthday-cake:before {
  content: ""; }

.fa-area-chart:before {
  content: ""; }

.fa-pie-chart:before {
  content: ""; }

.fa-line-chart:before {
  content: ""; }

.fa-lastfm:before {
  content: ""; }

.fa-lastfm-square:before {
  content: ""; }

.fa-toggle-off:before {
  content: ""; }

.fa-toggle-on:before {
  content: ""; }

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: ""; }

.fa-meanpath:before {
  content: ""; }

/*region #VARIABLES*/
/*endregion*/
/*region #GRID*/
/*endregion*/
/*region #MIXINS*/
/*endregion*/
/*region #FUNCTIONS*/
/*endregion*/
/*region #HELPER CLASSES*/
.fl-l {
  float: left !important; }

.fl-r {
  float: right !important; }

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

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

.container {
  margin: 0 6.25%; }
  .container:after {
    content: "";
    display: table;
    clear: both; }

.no-user-select {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.dashed, .edit-mode .bottom-container .description, .modal .double-column > .fl-r .collection-docs-list, .modal .double-column .items_tag, .collection-list.empty {
  border: 1px dashed; }

.cursor-pointer, input[type="checkbox"] + label, input[type="radio"] + label, input[type="file"], .btn, .edit,
.remove,
.attached, .btn-open-list, .main-menu li a, .album-carousel .arrows .arrow, .bk-tools .holder .btn,
.bk-tools .holder .select-list, .collections-list .collections-list-item, .collections-list .collections-list-item span, .collection-list .collection-list-item .play-icon:hover, .collection-list .quiz-attachment-list-item .play-icon:hover, .collection-docs-list li, .datepicker-box .form-item .datepicker-btn, .upload-list .upload-list-item .btn-remove, .form-body .select-area .selected-item, .contacts-list li, .modal .close, .select-list, .slideshow-content .time-inner > span span, .slideshow-inner .slider-nav .slides-container ul li.video:before, .arrows .arrow, .panel-btn {
  cursor: pointer; }

.cursor-move, .collection-docs-list li.dragged, .collection-docs-list .collection-doc-list-item.ui-draggable-dragging, .collection-docs-list .collection-doc-list-item.selected.ui-draggable-dragging {
  cursor: move; }

.cursor-no-drop {
  cursor: no-drop; }

.top-42 {
  top: 42px; }

.top-46 {
  top: 46px; }

.top-87 {
  top: 87px; }

.top-124 {
  top: 124px; }

.top-163 {
  top: 163px; }

.top-174 {
  top: 174px; }

.top-242 {
  top: 242px; }

.top-329 {
  top: 329px; }

.display-block {
  display: block; }

.position-static {
  position: static !important; }

.pos-rel {
  position: relative; }

.position-absolute {
  position: absolute; }

.nested-list {
  padding-left: 20px; }

.link-base-color {
  color: #2f2f2f; }

.strong {
  font-weight: bold; }

.info-text, .placeholder {
  color: #999; }

/*endregion*/
/*region #GLOBAL SETTINGS*/
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  color: #ffc000; }
  a:hover {
    text-decoration: none; }
  a.max_w_ellipsis {
    display: inline-block;
    vertical-align: bottom; }

img {
  max-width: 100%;
  vertical-align: middle; }

strong, .strong {
  font-weight: bold; }

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal; }

/*endregion*/
/*region #CONTROLS*/
input::-webkit-input-placeholder {
  color: #999;
  opacity: 1; }

input:-moz-placeholder {
  color: #999;
  opacity: 1; }

input::-moz-placeholder {
  color: #999;
  opacity: 1; }

input:-ms-input-placeholder {
  color: #999;
  opacity: 1; }

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff; }

textarea:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px #fff; }

form:after {
  content: "";
  display: table;
  clear: both; }

a:focus,
input:focus,
button:focus,
select:focus,
textarea:focus {
  outline: none; }

input,
button,
select,
textarea {
  box-shadow: none; }

input {
  margin: 0; }

textarea {
  border: 1px solid #999;
  font-family: "Weblysleek UI Semi Light", Arial;
  padding: 3px 0 3px 8px;
  resize: none;
  font-size: 16px; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"] {
  border: 1px solid #999;
  color: #2f2f2f;
  font-family: "Weblysleek UI Semi Light", Arial;
  font-size: 16px;
  margin: 0;
  padding: 10px 16px;
  width: 100%; }

input[type="checkbox"] {
  left: -9999px;
  position: absolute; }
  input[type="checkbox"] + label {
    display: inline-block;
    font-family: "Weblysleek UI Semi Light", Arial !important;
    font-weight: normal !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding-left: 31px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    input[type="checkbox"] + label span {
      color: #ccc;
      display: block;
      font-size: 14px;
      margin: 10px 0; }
    input[type="checkbox"] + label[for="priv"] span {
      color: #ccc;
      display: inline;
      font-size: 16px; }
  input[type="checkbox"] + label:before {
    background: url("../img/gimg/checkboxes.png") no-repeat 0 0;
    content: '';
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0; }
  input[type="checkbox"]:checked + label:before {
    background-position: 0 -32px; }
  input[type="checkbox"].partially + label:before {
    background-position: 0 -64px; }

.cbx-active {
  position: relative; }
  .cbx-active .cbx-icon {
    background: url("../img/gimg/checkboxes.png") no-repeat 0 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    .cbx-active .cbx-icon [class^="cbx-icon-"] {
      display: inline-block;
      width: 16px;
      height: 16px; }
    .cbx-active .cbx-icon .cbx-icon-ok {
      background: url("../img/gimg/checkboxes.png") no-repeat 0 -32px; }
    .cbx-active .cbx-icon .cbx-icon-null {
      background: url("../img/gimg/checkboxes.png") no-repeat 0 -64px; }

input[type="radio"] {
  left: -9999px;
  position: absolute; }
  input[type="radio"] + label {
    background: url("../img/gimg/che-radio.png") no-repeat 0 0;
    display: inline-block;
    font-family: "Weblysleek UI Semi Light", Arial !important;
    font-weight: normal !important;
    line-height: 16px !important;
    margin: 0 !important;
    padding-left: 31px; }
    input[type="radio"] + label span {
      color: #ccc;
      display: block;
      font-size: 14px;
      margin: 10px 0; }
  input[type="radio"]:checked + label {
    background-position: 0 -184px; }

.message-box {
  font-family: "Weblysleek UI Light", Arial;
  font-size: 16px; }
  .message-box.error {
    color: #f32828;
    font-family: "Weblysleek UI Light", Arial;
    font-size: 13px; }
    .community-book-page .message-box.error ul {
      list-style: none; }
    .message-box.error li {
      list-style: disc inside; }
  .message-box.success {
    color: #accc37;
    margin: -20px 0 20px; }

.btn {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: inline-block;
  border: 1px solid;
  color: #fff;
  font-family: "Weblysleek UI Semi Bold", Arial;
  font-size: 14px;
  height: 32px;
  line-height: 28px;
  min-width: 120px;
  padding: 0 16px;
  margin: 0;
  text-decoration: none;
  text-align: center;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.28);
  width: auto; }
  .btn span {
    display: block; }
  .btn.btn-orange {
    background: #ffc000;
    border-color: #e9af03; }
  .btn.btn-green {
    background: #accc37;
    border-color: #88b224; }
  .btn.btn-blue {
    background: #89b0dd;
    border-color: #7094be; }
  .btn.btn-gray {
    background: #f2f2f2;
    border-color: #e7e7e7;
    color: #5d5d5d; }
  .btn.btn-red {
    background: #e38686;
    border-color: #c87b7b; }
  .btn.btn-blue {
    background: #89b0dd;
    border-color: #89b0dd; }
  .btn.btn-trash, .btn.btn-lock {
    min-width: 38px;
    padding: 0;
    text-align: center;
    width: 38px; }
    .btn.btn-trash span, .btn.btn-lock span {
      background: url("../img/gimg/sprite_icon_trash.png") 0 -80px no-repeat;
      display: inline-block;
      height: 17px;
      margin-top: -2px;
      text-indent: -9999px;
      vertical-align: middle;
      width: 14px; }
  .btn.btn-lock span {
    background: url("../img/gimg/lock.svg") 0 0 no-repeat;
    background-size: 18px;
    height: 18px;
    width: 18px; }
  .btn.btn-copy {
    background: #f2f2f2;
    border-color: #e7e7e7;
    color: #5d5d5d;
    vertical-align: top; }
    .btn.btn-copy span {
      background: url("../img/gimg/clipboard_copy.svg") no-repeat;
      display: inline-block;
      height: 17px;
      margin-top: -2px;
      text-indent: -9999px;
      vertical-align: middle;
      width: 14px; }
  .btn.btn-disable {
    color: #999;
    border-color: #e7e7e7;
    opacity: .5;
    cursor: default; }
  .btn.btn-black, .live-chat-fullscreen .slideshow-content .panel.open .description, .slideshow-content .time-sec, .panel-btn {
    background-color: #121212;
    background-image: -webkit-linear-gradient(bottom, #121212, #3f3f3f);
    background-image: linear-gradient(to top, #121212, #3f3f3f);
    border-color: #5d5d5d; }
  .btn.btn-add {
    display: inline-block;
    font-family: "Weblysleek UI Semi Light", Arial;
    font-size: 60px;
    height: 54px;
    line-height: 42px;
    min-width: 54px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 54px;
    z-index: 100;
    background-image: url("../img/gimg/icon-plus.png");
    background-repeat: no-repeat;
    background-position: center; }
  .btn.btn-add-book span {
    padding-right: 10px;
    position: relative;
    text-align: left !important; }
    .btn.btn-add-book span::after {
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      margin-left: 2px;
      vertical-align: middle;
      border-top: 6px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      position: absolute;
      right: -8px;
      top: 13px; }

.btn-group {
  position: relative; }

.btn-add-footer {
  margin-left: 12px;
  position: relative;
  top: -4px; }

.btn-sort {
  background: url("../img/gimg/btn-sort.png") no-repeat;
  border: 0;
  cursor: pointer;
  height: 7px;
  width: 12px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  text-indent: -9999px; }
  .open .btn-sort {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg); }

.toggle-btn {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background: #ccc;
  display: block;
  height: 32px;
  text-indent: -9999px;
  width: 16px; }

.edit,
.remove,
.attached {
  color: #5d5d5d;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  position: relative;
  text-decoration: none; }
  .edit i,
  .remove i,
  .attached i {
    display: none; }
  .edit:hover,
  .remove:hover,
  .attached:hover {
    color: #ffc000; }

.edit {
  background: url("../img/gimg/sprite_icon_edit.png") no-repeat; }
  .edit:hover {
    background: url("../img/gimg/sprite_icon_edit.png") no-repeat;
    background-position: 0 -48px; }

.attached {
  background: url("../img/gimg/sprite_icon_attached.png") no-repeat; }
  .attached:hover {
    background-position: 0 -48px; }

.remove {
  background: url("../img/gimg/sprite_icon_trash.png") 0 0 no-repeat;
  margin: 0 0 0 4px; }
  .remove:hover {
    background-position: 0 -48px; }

.dropdown,
.dropdown-menu {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #fff;
  border: 1px solid #e7e7e7;
  left: 0;
  margin-top: 1px;
  padding: 0 !important;
  position: absolute;
  z-index: 11;
  top: 100%;
  max-width: 120px;
  min-width: inherit !important;
  width: 100%;
  -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3); }
  .dropdown li,
  .dropdown-menu li {
    border-radius: 0 !important;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    cursor: pointer;
    float: none !important;
    line-height: 28px;
    margin: 0 !important;
    padding: 0 8px; }
    .dropdown li a,
    .dropdown-menu li a {
      background: inherit !important;
      display: block;
      color: #2f2f2f;
      font-size: 14px;
      line-height: inherit !important;
      padding: 0 !important; }
    .dropdown li:hover,
    .dropdown-menu li:hover {
      background: #bbb; }
      .dropdown li:hover a,
      .dropdown-menu li:hover a {
        color: #fff; }
    .dropdown li:first-child,
    .dropdown-menu li:first-child {
      border-top-left-radius: 3px;
      border-top-right-radius: 3px; }
    .dropdown li:last-child,
    .dropdown-menu li:last-child {
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }
  .dropdown.datepicker,
  .dropdown-menu.datepicker {
    max-width: 232px; }
    .dropdown.datepicker .datepicker-days,
    .dropdown-menu.datepicker .datepicker-days {
      pading: 10px; }

.btn-open-list {
  background: none;
  border: 0;
  height: 31px;
  line-height: 20px;
  position: relative;
  text-align: center;
  width: 20px; }
  .btn-open-list .caret {
    position: static;
    vertical-align: middle; }

.caret {
  border-top: 6px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  color: inherit;
  display: inline-block;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  text-indent: -9999px;
  vertical-align: middle;
  width: 0; }

.browse {
  background: #e7e7e7;
  border: 1px solid #999;
  display: inline-block;
  color: #999;
  font-family: "Weblysleek UI Semi Bold", Arial;
  font-size: 14px;
  line-height: 26px;
  padding: 1px 20px 3px;
  text-decoration: none; }

.custom_input {
  display: inline-block;
  width: 78% !important;
  margin-right: 8px !important;
  margin-bottom: 8px !important;
  vertical-align: top; }

.scroll-to-top {
  background: url("../img/gimg/arrow-up.svg") no-repeat center center;
  background-size: 100%;
  border: 0;
  bottom: 5%;
  cursor: pointer;
  height: 33px;
  margin: 0;
  opacity: .3;
  padding: 0;
  position: fixed;
  right: 10%;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  text-indent: -9999px;
  width: 32px;
  z-index: 1000; }
  .scroll-to-top:hover {
    opacity: 1; }

.disabled {
  color: #999;
  border-color: #e7e7e7;
  opacity: .5;
  cursor: default; }

.selectize-control {
  position: relative; }
  .selectize-control .selectize-input {
    background: #fff;
    border: 1px solid #999;
    font-size: 16px;
    height: 32px;
    min-height: 32px;
    padding: 3px 24px 3px 8px;
    position: relative; }
    .selectize-control .selectize-input:before {
      content: ' ';
      display: inline-block;
      width: 0;
      height: 0;
      vertical-align: middle;
      border-top: 6px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      position: absolute;
      right: 8px;
      top: 50%;
      margin-top: -3px;
      z-index: 10; }
    .selectize-control .selectize-input > input[type="text"],
    .selectize-control .selectize-input > div {
      display: inline-block;
      border: 0;
      padding: 0;
      height: 24px;
      line-height: 24px;
      width: auto !important; }
    .selectize-control .selectize-input > div {
      left: 0;
      position: relative; }
  .selectize-control .selectize-dropdown {
    background: white;
    border: 1px solid #999;
    margin: -1px 0 0 !important;
    max-height: 160px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    z-index: 100;
    width: 100% !important; }
    .selectize-control .selectize-dropdown .option {
      cursor: pointer;
      font-size: 14px;
      padding: 4px 8px;
      min-height: 20px; }
      .selectize-control .selectize-dropdown .option.active, .selectize-control .selectize-dropdown .option.selected {
        background: #bbb !important;
        color: #fff !important; }

/*endregion*/
/*region #MAIN WRAPPER*/
html,
body {
  height: 100%;
  min-height: 100% !important; }

body {
  color: black;
  font-family: "Weblysleek UI Semi Light", Arial;
  font-size: 16px;
  line-height: 18px;
  padding-top: 87px;
  /*overflow-x: hidden !important;*/ }
  @media screen and (max-width: 767px) {
    body {
      padding-top: 0; } }

body.airitage {
  padding-top: 41px; }
  body.airitage header.header {
    display: none; }
  body.airitage .page-title {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 112; }

.closedEvent {
  color: #ccc; }

.wrapper {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: auto;
  max-width: 1280px;
  height: 100%;
  /* for FF login-page */
  min-height: 100% !important; }

.top-container {
  min-height: 79px; }
  .top-container h1 {
    margin: 0 0 5px; }
  .top-container time {
    display: block;
    margin: 0 0 20px;
    font-size: 12px; }
  .top-container .container {
    overflow: visible !important;
    margin: 0 6.25% !important; }
    .top-container .container:after {
      content: "";
      display: table;
      clear: both; }
  .top-container.top-174 {
    top: 174px; }
  .top-container.top-container-collection .container {
    padding-top: 10px; }
  .top-container.top-container-collection .actions {
    border-top: 1px solid #dedede;
    padding: 23px 0 0; }
  .top-container.top-container-contact {
    margin: 0; }
  .top-container.share-content .ng-hide {
    display: block !important;
    visibility: hidden !important; }
  .top-container .container-pass {
    text-align: center; }
    .top-container .container-pass p {
      margin: 0 0 20px; }
    @media screen and (min-width: 768px) {
      .top-container .container-pass .clearfix {
        max-width: 400px;
        margin: auto; } }

.header {
  background: #2f2f2f;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 112; }
  .header:after {
    content: "";
    display: table;
    clear: both; }
  .header .logo {
    float: left;
    margin: 11px 0 11px -21px;
    max-width: 105px; }
  @media screen and (max-width: 767px) {
    .header {
      display: none; } }
  .header .share-icon-avatar {
    display: inline-block;
    float: left;
    margin: 7px;
    width: 28px; }
    .header .share-icon-avatar img {
      border-radius: 50%;
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      width: 28px; }

.page-title {
  background: #ffc000;
  border-bottom: 1px solid #dedede; }
  .page-title h2 {
    color: #fff;
    font-family: "Weblysleek UI Semi Bold", Arial;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase; }
  .page-title.black {
    background: #2f2f2f; }
  .page-title.gray {
    background: #bbb; }
  .page-title.green {
    background-color: #accc37; }
  .page-title.blue {
    background-color: #89b0dd; }
  .page-title img {
    border: 1px solid #999; }

.right-logo {
  background: url("../img/gimg/logo_color.png") no-repeat;
  height: 163px;
  position: absolute;
  right: 0;
  top: 0;
  width: 178px;
  z-index: -1; }

.content {
  min-height: 100%; }
  .wrapper .content {
    display: table-cell;
    vertical-align: middle; }
  .content .container {
    padding-top: 24px;
    position: relative; }
    .content .container:after {
      content: "";
      display: table;
      clear: both; }
    .content .container.event-container, .content .container.container-top-0 {
      padding-top: 0; }
    .content .container .container {
      margin: 0; }
    .content .container.event-page-container {
      overflow: visible !important; }
  .content .align-center figure {
    margin: 20px 0; }
  .content.double-header .container {
    padding-left: 23px;
    padding-right: 23px; }
  .content.notifications .container {
    margin-top: 20px; }

.footer {
  border-top: 1px solid #dedede;
  font-size: 15px;
  /*line-height: 32px;*/
  height: 76px;
  margin: -76px auto 0;
  max-width: 1120px;
  padding: 24px 80px 0;
  position: relative; }
  @media screen and (max-width: 1074px) {
    .footer {
      font-size: 14px;
      margin-right: 6.25%;
      margin-left: 6.25%;
      padding-right: 0;
      padding-left: 0; } }
  .footer .footer-vav {
    font-family: "Weblysleek UI Light", Arial; }
    .footer .footer-vav > ul {
      float: left;
      width: 70%; }
      .footer .footer-vav > ul li {
        float: left;
        margin-right: 16px;
        margin-bottom: 8px; }
        .footer .footer-vav > ul li a {
          color: #2f2f2f;
          text-decoration: none; }
          .footer .footer-vav > ul li a:hover {
            text-decoration: underline; }
        .footer .footer-vav > ul li label {
          float: left;
          margin-right: 15px; }
        @media screen and (max-width: 1024px) {
          .footer .footer-vav > ul li {
            /*margin-right: $offset / 2;*/ } }
        .footer .footer-vav > ul li:last-child {
          margin-right: 0; }
    .footer .footer-vav .social-media {
      float: left;
      position: relative;
      top: -3px; }
      .footer .footer-vav .social-media li {
        margin-right: 15px; }
        .footer .footer-vav .social-media li a {
          color: #dedede; }
          .footer .footer-vav .social-media li a i {
            font-size: 24px; }
          .footer .footer-vav .social-media li a:hover {
            color: #ffc000; }
    .footer .footer-vav .copyright {
      float: right;
      text-align: right;
      width: 30%; }
  .footer .datepicker {
    z-index: 9999; }

/*endregion*/
.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;
  transition: 0.6s ease-in-out left; }

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1; }

.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: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }

.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(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='#00000000', GradientType=1); }

.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(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='#00000000', endColorstr='#80000000', GradientType=1); }

.carousel-control:hover,
.carousel-control:focus {
  outline: none;
  color: #fff;
  text-decoration: none;
  opacity: .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%;
  z-index: 5;
  display: inline-block;
  cursor: pointer; }

.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%; }

.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%; }

.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  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: #000 \9;
  background-color: rgba(0, 0, 0, 0); }

.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 {
  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: -15px;
    margin-left: -15px;
    font-size: 30px; }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.flexslider {
  height: 110px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  margin: 0; }
  .flexslider li.inSelected:before {
    background: rgba(255, 255, 255, 0.5);
    content: '';
    cursor: not-allowed;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.flexslider ul li.selected:after {
  background: url("../img/gimg/albums/checked.png") no-repeat;
  content: '';
  height: 26px;
  position: absolute;
  right: 7px;
  top: 7px;
  width: 26px;
  z-index: 100; }

.flexslider .slides img {
  height: 110px;
  width: auto;
  margin: 0 auto; }

.flex-direction-nav a {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none; }

.flexslider .flex-next,
.flexslider .flex-prev {
  opacity: 1; }

.flexslider .flex-prev {
  left: 10px;
  right: 0;
  margin-left: -30px; }

.flexslider .flex-next {
  right: 10px;
  left: 97.6%; }

.flexslider ul li {
  height: 110px;
  float: left;
  overflow: hidden;
  margin-right: 10px;
  cursor: pointer; }

.ui-draggable-dragging {
  cursor: move; }
  .ui-draggable-dragging.inSelected {
    cursor: not-allowed; }
    .ui-draggable-dragging.inSelected img {
      display: none; }

.flex-direction-nav a.flex-prev:before {
  content: "\f104"; }

.flex-direction-nav a.flex-next:before {
  content: "\f105"; }

.flex-direction-nav a {
  color: #ccc;
  line-height: 42px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.flex-direction-nav a:before {
  font-family: FontAwesome; }

.helper-clone {
  height: 110px;
  width: 2000%; }

.helper-clone li {
  height: 110px;
  margin: 0;
  margin-right: 10px; }

.helper-clone img {
  height: 110px;
  width: auto;
  margin: 0 auto; }

/*region #ADMIN*/
.header .container.administration-container {
  width: 100%;
  padding: 0 50px; }
  .header .container.administration-container .main-menu ul > li {
    min-width: 100px; }
    .header .container.administration-container .main-menu ul > li > a {
      padding-left: 30px; }
      .header .container.administration-container .main-menu ul > li > a:hover {
        background-color: transparent; }

.page-title {
  height: 43px;
  min-height: 43px; }
  .page-title .container.administration-container {
    width: 50%;
    padding: 0 25px;
    float: left; }
    .page-title .container.administration-container h2.administration-title {
      text-transform: none;
      font-size: 18px; }
  .page-title .admin-navigation {
    width: 50%;
    float: right; }
    .page-title .admin-navigation admin-nav-directive ul.list-inline {
      margin: 5px 5px 5px 10px; }
      .page-title .admin-navigation admin-nav-directive ul.list-inline li a {
        background-color: silver;
        border-color: silver;
        color: black; }
  .page-title:after {
    content: '';
    display: block;
    clear: both; }

#adminLayout .third-header-users {
  height: 50px; }
  #adminLayout .third-header-users .search-container {
    height: 100%; }
    #adminLayout .third-header-users .search-container form input.search-query-input {
      height: 30px;
      width: 230px;
      position: relative;
      top: 10px; }
    #adminLayout .third-header-users .search-container .search-users-btn {
      position: relative;
      top: 7px;
      height: 30px;
      width: 30px;
      border-radius: 5px; }

#adminLayout .admin-user-table {
  max-height: 700px;
  height: 700px;
  overflow-y: auto; }
  #adminLayout .admin-user-table table thead tr th.actions-column {
    text-align: center; }
  #adminLayout .admin-user-table table tbody tr td.actions-column {
    text-align: center; }
    #adminLayout .admin-user-table table tbody tr td.actions-column a:hover {
      cursor: pointer; }
  #adminLayout .admin-user-table table tbody tr td.ellipsis-column {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

/*region #LOGIN*/
.form-item-group:after {
  content: "";
  display: table;
  clear: both; }

.form-item-group .form-item.fl-l, .form-item-group .form-item.fl-r {
  width: 49%; }
  .form-item-group .form-item.fl-l:after, .form-item-group .form-item.fl-r:after {
    content: "";
    display: table;
    clear: both; }
  .form-item-group .form-item.fl-l .btn, .form-item-group .form-item.fl-r .btn {
    float: right; }

.form-item {
  margin: 0 0 8px;
  position: relative; }
  .form-item div .show-pass {
    position: absolute !important;
    line-height: 100%; }

.auth .form-item div, .login .form-item div, .sign-up .form-item div, .sign-in .form-item div {
  position: relative; }

.show-pass {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  background: #f2f2f2;
  border: 1px solid #999;
  bottom: 0;
  line-height: 45px;
  padding: 13px 8px 5px;
  position: absolute;
  right: 0;
  top: 0;
  width: 89px; }
  .show-pass.show-pass-small {
    border: 0;
    border-left: 1px solid #999;
    bottom: 9px;
    height: 30px;
    line-height: 16px;
    padding: 7px;
    margin: 0;
    right: 1px;
    top: 1px; }

.auth {
  width: 37.5%;
  margin: 0 auto;
  padding: 20px 0 96px; }
  @media screen and (max-width: 1199px) {
    .auth {
      width: 50%; } }
  .auth .logo {
    display: block;
    margin: 0 0 68px; }
  .auth input[type="password"] {
    padding-right: 105px; }
  .auth .forgot-pass {
    display: block;
    font-family: "Weblysleek UI Light", Arial;
    position: absolute;
    left: 103%;
    top: 13px;
    width: auto;
    white-space: nowrap; }
  .auth .form-item {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  .auth .form-item-group {
    margin: 24px 0 0; }
    .auth .form-item-group label {
      margin: 8px 0 10px; }
      .auth .form-item-group label a {
        color: #dedede; }
    .auth .form-item-group .form-control {
      width: 100%; }

.join {
  font-family: "Weblysleek UI Light", Arial;
  margin: 52px 0 0;
  text-align: center; }
  @media screen and (max-width: 1366px) {
    .join {
      margin: 32px 0 0; } }

@media screen and (max-width: 500px) {
  .auth {
    width: 90% !important; }
    .auth .show-pass {
      bottom: auto;
      line-height: 43px; }
    .auth .forgot-pass {
      position: relative;
      top: auto;
      left: auto; } }

/*endregion*/
/*region #FORGOT PASSWORD*/
h1 {
  color: #89b0dd;
  font-family: "Weblysleek UI Semi Light", Arial;
  font-size: 32px;
  margin: 0 0 25px; }
  .align-center h1 {
    color: #2f2f2f;
    font-family: "Weblysleek UI Semi Light", Arial;
    font-size: 40px;
    margin: 0 0 55px; }

h2 {
  font-family: "Weblysleek UI Light", Arial;
  font-size: 16px;
  margin: 0 0 15px; }
  .align-center h2 {
    color: #2f2f2f;
    font-family: "Weblysleek UI Semi Light", Arial;
    font-size: 24px;
    margin: 0 0 30px; }

.forgot-password ol {
  font-family: "Weblysleek UI Light", Arial;
  font-size: 16px; }

.forgot-password ol {
  line-height: 24px;
  list-style: decimal inside;
  margin: 0 0 35px; }
  .forgot-password ol li {
    white-space: nowrap; }

/*endregion*/
/*region #MAIN MENU*/
.main-menu li.clicked .sub-menu {
  display: block; }
  .main-menu li.clicked .sub-menu .upgrade {
    font-size: 12px;
    height: auto !important;
    padding: 0 10px 10px 35px; }
    .main-menu li.clicked .sub-menu .upgrade a {
      color: #ffc000;
      display: inline-block;
      padding: 0 0 0 7px; }
    .main-menu li.clicked .sub-menu .upgrade .progress-bar {
      background: #fff;
      border-radius: 4px;
      width: 100%;
      height: 4px; }
      .main-menu li.clicked .sub-menu .upgrade .progress-bar span {
        background: #ffc000;
        border-radius: 4px;
        display: block;
        height: 4px; }

.main-menu {
  color: #ffffff;
  float: right; }
  .main-menu li {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    color: inherit;
    float: left;
    height: 46px;
    line-height: 46px;
    padding: 0 16px;
    position: relative; }
    @media screen and (max-width: 1199px) {
      .main-menu li {
        padding: 0 10px 0 15px;
        width: 50px; } }
    .main-menu li:hover, .main-menu li.open, .main-menu li.active {
      background-color: black; }
    .main-menu li.help a {
      padding-left: 27px !important; }
    .main-menu li a {
      color: inherit;
      display: block;
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 12px;
      padding-left: 35px;
      position: relative;
      text-decoration: none; }
      @media screen and (max-width: 1199px) {
        .main-menu li a {
          padding: 0;
          text-indent: -9999px; } }
    .main-menu li .badge {
      border-top-left-radius: 100%;
      border-top-right-radius: 100%;
      border-bottom-left-radius: 100%;
      border-bottom-right-radius: 100%;
      background-color: #850505;
      background-image: -webkit-linear-gradient(bottom, #850505, #f32828);
      background-image: linear-gradient(to top, #850505, #f32828);
      color: #fff;
      display: block;
      border: 1px solid #f32828;
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 10px;
      height: 16px;
      left: 10px;
      line-height: 12px;
      position: absolute;
      top: 6px;
      text-indent: 0 !important;
      text-align: center;
      min-width: 16px;
      padding: 0 1px; }
    .main-menu li.collections a {
      background: url("../img/gimg/collections.svg") no-repeat center left; }
    .main-menu li.collections-black a {
      background: url("../img/gimg/header-icons/collections_black.png") no-repeat center left; }
    .main-menu li.collections-blue a {
      background: url("../img/gimg/header-icons/collections_blue.png") no-repeat center left; }
    .main-menu li.collections-green a {
      background: url("../img/gimg/header-icons/collections_green.png") no-repeat center left; }
    .main-menu li.collections-navy a {
      background: url("../img/gimg/header-icons/collections_navy.png") no-repeat center left; }
    .main-menu li.collections-orange a {
      background: url("../img/gimg/header-icons/collections_orange.png") no-repeat center left; }
    .main-menu li.collections-red a {
      background: url("../img/gimg/header-icons/collections_red.png") no-repeat center left; }
    .main-menu li.collections-violet a {
      background: url("../img/gimg/header-icons/collections_violet.png") no-repeat center left; }
    .main-menu li.collections-yellow a {
      background: url("../img/gimg/header-icons/collections_yellow.png") no-repeat center left; }
    .main-menu li.books a {
      background: url("../img/gimg/interactive_books.svg") no-repeat center left; }
    .main-menu li.books-black a {
      background: url("../img/gimg/header-icons/interactive_books_black.png") no-repeat center left; }
    .main-menu li.books-blue a {
      background: url("../img/gimg/header-icons/interactive_books_blue.png") no-repeat center left; }
    .main-menu li.books-green a {
      background: url("../img/gimg/header-icons/interactive_books_green.png") no-repeat center left; }
    .main-menu li.books-navy a {
      background: url("../img/gimg/header-icons/interactive_books_navy.png") no-repeat center left; }
    .main-menu li.books-orange a {
      background: url("../img/gimg/header-icons/interactive_books_orange.png") no-repeat center left; }
    .main-menu li.books-red a {
      background: url("../img/gimg/header-icons/interactive_books_red.png") no-repeat center left; }
    .main-menu li.books-violet a {
      background: url("../img/gimg/header-icons/interactive_books_violet.png") no-repeat center left; }
    .main-menu li.books-yellow a {
      background: url("../img/gimg/header-icons/interactive_books_yellow.png") no-repeat center left; }
    .main-menu li.events a {
      background: url("../img/gimg/events.svg") no-repeat center left; }
    .main-menu li.events-black a {
      background: url("../img/gimg/header-icons/events_black.png") no-repeat center left; }
    .main-menu li.events-blue a {
      background: url("../img/gimg/header-icons/events_blue.png") no-repeat center left; }
    .main-menu li.events-green a {
      background: url("../img/gimg/header-icons/events_green.png") no-repeat center left; }
    .main-menu li.events-navy a {
      background: url("../img/gimg/header-icons/events_navy.png") no-repeat center left; }
    .main-menu li.events-orange a {
      background: url("../img/gimg/header-icons/events_orange.png") no-repeat center left; }
    .main-menu li.events-red a {
      background: url("../img/gimg/header-icons/events_red.png") no-repeat center left; }
    .main-menu li.events-violet a {
      background: url("../img/gimg/header-icons/events_violet.png") no-repeat center left; }
    .main-menu li.events-yellow a {
      background: url("../img/gimg/header-icons/events_yellow.png") no-repeat center left; }
    .main-menu li.events-black a {
      background: url("../img/gimg/header-icons/events_black.png") no-repeat center left; }
    .main-menu li.events-blue a {
      background: url("../img/gimg/header-icons/events_blue.png") no-repeat center left; }
    .main-menu li.events-green a {
      background: url("../img/gimg/header-icons/events_green.png") no-repeat center left; }
    .main-menu li.events-navy a {
      background: url("../img/gimg/header-icons/events_navy.png") no-repeat center left; }
    .main-menu li.events-orange a {
      background: url("../img/gimg/header-icons/events_orange.png") no-repeat center left; }
    .main-menu li.events-red a {
      background: url("../img/gimg/header-icons/events_red.png") no-repeat center left; }
    .main-menu li.events-violet a {
      background: url("../img/gimg/header-icons/events_violet.png") no-repeat center left; }
    .main-menu li.events-yellow a {
      background: url("../img/gimg/header-icons/events_yellow.png") no-repeat center left; }
    @media screen and (max-width: 1199px) {
      .main-menu li.communities {
        padding-left: 13px; } }
    .main-menu li.communities a {
      background: url("../img/gimg/communities.svg") no-repeat center left; }
    .main-menu li.communities-black a {
      background: url("../img/gimg/header-icons/communities_black.png") no-repeat center left; }
    .main-menu li.communities-blue a {
      background: url("../img/gimg/header-icons/communities_blue.png") no-repeat center left; }
    .main-menu li.communities-green a {
      background: url("../img/gimg/header-icons/communities_green.png") no-repeat center left; }
    .main-menu li.communities-navy a {
      background: url("../img/gimg/header-icons/communities_navy.png") no-repeat center left; }
    .main-menu li.communities-orange a {
      background: url("../img/gimg/header-icons/communities_orange.png") no-repeat center left; }
    .main-menu li.communities-red a {
      background: url("../img/gimg/header-icons/communities_red.png") no-repeat center left; }
    .main-menu li.communities-violet a {
      background: url("../img/gimg/header-icons/communities_violet.png") no-repeat center left; }
    .main-menu li.communities-yellow a {
      background: url("../img/gimg/header-icons/communities_yellow.png") no-repeat center left; }
    .main-menu li.help a {
      background: url("../img/gimg/help.png") no-repeat center left; }
    .main-menu li.help-black a {
      background: url("../img/gimg/header-icons/help_black.png") no-repeat center left; }
    .main-menu li.help-blue a {
      background: url("../img/gimg/header-icons/help_blue.png") no-repeat center left; }
    .main-menu li.help-green a {
      background: url("../img/gimg/header-icons/help_green.png") no-repeat center left; }
    .main-menu li.help-navy a {
      background: url("../img/gimg/header-icons/help_navy.png") no-repeat center left; }
    .main-menu li.help-orange a {
      background: url("../img/gimg/header-icons/help_orange.png") no-repeat center left; }
    .main-menu li.help-red a {
      background: url("../img/gimg/header-icons/help_red.png") no-repeat center left; }
    .main-menu li.help-violet a {
      background: url("../img/gimg/header-icons/help_violet.png") no-repeat center left; }
    .main-menu li.help-yellow a {
      background: url("../img/gimg/header-icons/help_yellow.png") no-repeat center left; }
    .main-menu li.user {
      max-width: 120px; }
      .main-menu li.user > a {
        background: url("../img/gimg/user_menu.svg") no-repeat center left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        @media screen and (max-width: 1199px) {
          .main-menu li.user > a {
            padding-left: 35px;
            text-indent: 0; } }
      .main-menu li.user[class*="communities-"] .sub-menu li a {
        background-image: none; }
      @media screen and (max-width: 1199px) {
        .main-menu li.user {
          width: auto; } }
    .main-menu li.user-black > a {
      background: url("../img/gimg/header-icons/user_black.png") no-repeat center left; }
    .main-menu li.user-blue > a {
      background: url("../img/gimg/header-icons/user_blue.png") no-repeat center left; }
    .main-menu li.user-green > a {
      background: url("../img/gimg/header-icons/user_green.png") no-repeat center left; }
    .main-menu li.user-navy > a {
      background: url("../img/gimg/header-icons/user_navy.png") no-repeat center left; }
    .main-menu li.user-orange > a {
      background: url("../img/gimg/header-icons/user_orange.png") no-repeat center left; }
    .main-menu li.user-red > a {
      background: url("../img/gimg/header-icons/user_red.png") no-repeat center left; }
    .main-menu li.user-violet > a {
      background: url("../img/gimg/header-icons/user_violet.png") no-repeat center left; }
    .main-menu li.user-yellow > a {
      background: url("../img/gimg/header-icons/user_yellow.png") no-repeat center left; }
    .main-menu li.my-space {
      max-width: 120px; }
      .main-menu li.my-space > a {
        background: url("../img/gimg/space_exit.svg") no-repeat center left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
        @media screen and (max-width: 1199px) {
          .main-menu li.my-space > a {
            padding-left: 35px;
            text-indent: 0; } }
      @media screen and (max-width: 1199px) {
        .main-menu li.my-space {
          width: auto; } }
    .main-menu li.discover > a {
      background: url("../img/gimg/logo_white.svg") no-repeat center left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media screen and (max-width: 1199px) {
        .main-menu li.discover > a {
          padding-left: 35px;
          text-indent: 0; } }
    @media screen and (max-width: 1199px) {
      .main-menu li.discover {
        width: auto; } }
    .main-menu li.signin > a {
      background: url("../img/gimg/sign_in.svg") no-repeat center left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      @media screen and (max-width: 1199px) {
        .main-menu li.signin > a {
          padding-left: 35px;
          text-indent: 0; } }
    @media screen and (max-width: 1199px) {
      .main-menu li.signin {
        width: auto; } }
    .main-menu li .sub-menu {
      background: black;
      display: none;
      position: absolute;
      min-width: 236px;
      right: 0;
      top: 100%;
      z-index: 1000; }
      .main-menu li .sub-menu li {
        border-bottom: 1px solid #2f2f2f;
        float: none;
        height: 39px;
        line-height: 39px;
        margin: 0;
        padding: 0;
        width: auto !important; }
        .main-menu li .sub-menu li a {
          padding: 0 37px;
          text-indent: 0 !important; }
          .main-menu li .sub-menu li a .badge {
            left: 85px; }
            .main-menu li .sub-menu li a .badge.notifications {
              left: 107px; }
        .main-menu li .sub-menu li:hover {
          opacity: .8; }

/*endregion*/
/*region #INERACTIVE BOOK*/
.interactive-books-page {
  margin: auto;
  max-width: 1280px; }

.actions {
  clear: both;
  margin: 0 0 23px; }
  .actions:after {
    content: "";
    display: table;
    clear: both; }
  .actions ul li {
    float: left;
    margin-right: 6px;
    position: relative; }
    .actions ul li .dropdown {
      display: none;
      position: absolute; }

.title {
  color: #2f2f2f;
  font-family: "Weblysleek UI Semi Light", Arial;
  font-size: 24px;
  text-align: left; }

.shelves-list {
  margin: 0 0 20px; }

.album-carousel {
  margin: 0 auto 47px;
  max-width: 1280px;
  position: relative; }
  @media screen and (max-width: 1462px) {
    .album-carousel {
      width: 1072px; }
      .album-carousel .carousel {
        margin: 0 36px !important; } }
  @media screen and (max-width: 1221px) {
    .album-carousel {
      width: 920px; }
      .album-carousel .carousel {
        margin: 0 36px !important; } }
  .album-carousel.ui-sortable-helper {
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0; }
  .album-carousel .carousel {
    background: url("../img/gimg/albums/shelf.png") no-repeat left bottom;
    background-size: 100% 70px;
    position: relative;
    margin: 0 49px;
    padding-bottom: 30px; }
    .album-carousel .carousel .handle {
      position: absolute;
      height: 70px;
      width: 100%;
      bottom: 0; }
  .album-carousel .arrows .arrow {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    display: block;
    color: #999;
    font-size: 72px;
    height: 45px;
    margin-top: -45px;
    position: absolute;
    top: 50%;
    text-decoration: none;
    width: 24px;
    z-index: 8; }
    .album-carousel .arrows .arrow i {
      display: block;
      line-height: 42px; }
    .album-carousel .arrows .arrow.arrow-left {
      left: 0; }
    .album-carousel .arrows .arrow.arrow-right {
      right: 0; }
    .album-carousel .arrows .arrow:hover {
      color: #ffc000; }
    .album-carousel .arrows .arrow.disabled {
      opacity: 0.4;
      cursor: default; }
    .album-carousel .arrows .arrow.disabled:hover {
      color: #999 !important; }
  .album-carousel .title {
    margin: 0 34px 20px; }

.carousel-container {
  margin: 0 49px;
  overflow: hidden; }

.albums-list {
  height: 185px;
  padding: 0 !important;
  white-space: nowrap;
  margin-left: -1.5%; }
  .albums-list:after {
    content: "";
    display: table;
    clear: both; }
  .albums-list .angular-ui-tree-placeholder {
    display: inline-block;
    margin: 0 39px 0 0;
    width: 148px;
    height: 175px; }
  .albums-list .albums-list-item {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    display: inline-block;
    height: 170px;
    margin-right: 19px;
    margin-left: 19px;
    width: 148px;
    position: relative; }
    .albums-list .albums-list-item .album-list-inner {
      height: 100%;
      position: relative; }
      .albums-list .albums-list-item .album-list-inner > img {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        height: 100%; }
    .albums-list .albums-list-item span:before {
      background: rgba(0, 0, 0, 0.3);
      content: '';
      height: 100%;
      left: 0;
      position: absolute;
      top: 0;
      width: 4px;
      z-index: 1; }
    .albums-list .albums-list-item span .shadow {
      transform: rotateX(180deg);
      -webkit-transform: rotateX(180deg);
      -moz-transform: rotateX(180deg);
      -ms-transform: rotateX(180deg);
      -o-transform: rotateX(180deg);
      bottom: -16px;
      height: 15px;
      left: 0;
      position: absolute;
      opacity: 0.4;
      overflow: hidden;
      width: 100%; }
      .albums-list .albums-list-item span .shadow img {
        border-bottom-right-radius: 4px 0;
        border-top-right-radius: 4px 0;
        bottom: 0;
        position: absolute; }
    .albums-list .albums-list-item span,
    .albums-list .albums-list-item img {
      display: block; }
    .albums-list .albums-list-item .album-title {
      background: rgba(255, 255, 255, 0.95);
      border-top: 1px solid #e7e7e7;
      border-bottom: 1px solid #e7e7e7;
      bottom: 8px;
      color: #5d5d5d;
      font-family: "Weblysleek UI Semi Light", Arial;
      font-size: 16px;
      height: 46px;
      line-height: 36px;
      padding: 0 8px;
      position: absolute;
      right: 0;
      overflow: hidden;
      text-align: center;
      width: 144px;
      z-index: 1; }
      .albums-list .albums-list-item .album-title > span {
        display: inline-block;
        line-height: normal;
        vertical-align: middle;
        width: 100%; }
        .albums-list .albums-list-item .album-title > span:before {
          background: none; }
      .albums-list .albums-list-item .album-title i {
        display: inline-block;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
        width: 100%; }
      .albums-list .albums-list-item .album-title time {
        display: block;
        font-family: "Weblysleek UI Light", Arial;
        font-size: 12px; }
    .albums-list .albums-list-item.selected:after {
      background: url("../img/gimg/albums/checked.png") no-repeat;
      content: '';
      height: 26px;
      position: absolute;
      right: 7px;
      top: 7px;
      width: 26px;
      z-index: 9; }
    .albums-list .albums-list-item .share-icon {
      bottom: autopx;
      left: 8px;
      top: 8px; }

.select {
  /*margin: 7px 0 7px 105px;*/
  margin: 7px 0 7px 21px; }
  .select:after {
    content: "";
    display: table;
    clear: both; }
  .select .current-option {
    background: none;
    border: 0;
    color: #2f2f2f;
    box-shadow: none;
    font-weight: normal;
    min-width: 72px;
    position: relative;
    top: 2px; }
    .select .current-option span:after {
      right: -15px;
      top: 6px; }
  .select .dropdown {
    left: auto;
    margin: 5px 0 0;
    right: -10px;
    width: 90px; }
  .select > a,
  .select > span {
    display: block;
    color: #2f2f2f;
    float: left;
    height: auto;
    line-height: 18px;
    padding: 0 6px;
    text-decoration: none; }
  .select > a {
    border-right: 1px solid;
    padding-bottom: 2px; }

.angular-ui-tree-placeholder {
  background: #e7e7e7;
  border: 2px solid #fff;
  outline: 1px dashed #ccc;
  float: none;
  margin: 16px auto 0;
  opacity: .5;
  margin: 0 auto;
  cursor: move; }

.angular-ui-tree-nodes .share-icon {
  top: 0;
  right: 4px;
  left: auto; }

.caret-area {
  position: absolute;
  width: 29px;
  height: 29px;
  right: 0; }

.img_width {
  width: 100%; }

.height_ib .container.top-87 {
  top: auto !important;
  padding-top: 164px !important; }

.height_ib .container .angular-ui-tree {
  height: 100%; }
  .height_ib .container .angular-ui-tree .shelves-list {
    height: 100%;
    overflow-y: auto; }

/*endregion*/
/*region #EVENT INERACTIVE BOOK*/
.event-books .align-center .btn-orange {
  background-color: #accc37 !important;
  border-color: #88b224 !important; }

.event-books .align-center .btn-orange + figure {
  background: url("../img/gimg/shelf-add-event.png") center no-repeat; }
  .event-books .align-center .btn-orange + figure img {
    opacity: 0; }

#shelves-books-filter {
  position: relative;
  z-index: 11; }

/*endregion*/
/*region #INTERACTIVE BOOK*/
.sheet-sections .section {
  border-bottom: 1px solid #dedede; }
  .sheet-sections .section.selected {
    background: #ccc; }

.sheet-sections .section:last-child {
  border-bottom: none; }

#interactive-books-page {
  overflow: hidden; }

.interactive-book-add-new-page .align-center figure {
  position: relative;
  top: -45px; }

.chapter-first h1 {
  font-size: 32px;
  margin: 0 0 10px; }

.chapter-first .align-center {
  display: table;
  table-layout: fixed;
  height: 100%;
  padding: 30px;
  width: 100%; }
  .chapter-first .align-center > div {
    display: table-cell;
    vertical-align: middle; }

.chapter-first .short-description {
  line-height: 24px;
  margin: 15% 0 0; }

.interactive-book-page.main-content,
.newsletters-book-page.main-content {
  padding-top: 87px; }

.interactive-book-page.event .event-page-container,
.newsletters-book-page.event .event-page-container {
  top: auto !important; }

.interactive-book-page.event .container,
.newsletters-book-page.event .container {
  padding: 0;
  margin: 0; }
  .interactive-book-page.event .container.open .left-panel,
  .newsletters-book-page.event .container.open .left-panel {
    left: 0; }
  .interactive-book-page.event .container.open .right-panel,
  .newsletters-book-page.event .container.open .right-panel {
    margin-left: 325px;
    padding-left: 25px; }

.interactive-book-page.event .right-panel,
.newsletters-book-page.event .right-panel {
  padding-top: 111px; }
  .interactive-book-page.event .right-panel input[type="text"],
  .newsletters-book-page.event .right-panel input[type="text"] {
    padding: 3px 8px 4px; }

.interactive-book-page.event .swipe-area .toggle-btn,
.newsletters-book-page.event .swipe-area .toggle-btn {
  top: 201px !important; }

.interactive-book-page .container-inner-book,
.newsletters-book-page .container-inner-book {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 84px; }
  @media screen and (max-width: 767px) {
    .interactive-book-page .container-inner-book,
    .newsletters-book-page .container-inner-book {
      top: 0; } }
  .interactive-book-page .container-inner-book .container,
  .newsletters-book-page .container-inner-book .container {
    transition: left 0.4s ease-in-out;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    -webkit-transition: width 0.4s ease-in-out;
    -moz-transition: width 0.4s ease-in-out;
    -ms-transition: width 0.4s ease-in-out;
    -o-transition: width 0.4s ease-in-out;
    left: 0;
    margin: 0;
    padding: 0 !important;
    position: relative;
    overflow: visible !important;
    width: 100%;
    height: 100%; }
    .interactive-book-page .container-inner-book .container.open .left-panel,
    .newsletters-book-page .container-inner-book .container.open .left-panel {
      left: 0; }
    .interactive-book-page .container-inner-book .container.open .right-panel,
    .newsletters-book-page .container-inner-book .container.open .right-panel {
      margin-left: 325px;
      padding-left: 25px; }
    .interactive-book-page .container-inner-book .container .form-item input[type="text"],
    .newsletters-book-page .container-inner-book .container .form-item input[type="text"] {
      padding: 3px 8px 4px; }

.interactive-book-page .collection-docs-list,
.newsletters-book-page .collection-docs-list {
  margin: 50px 0 0;
  overflow: hidden; }
  .interactive-book-page .collection-docs-list.source-files,
  .newsletters-book-page .collection-docs-list.source-files {
    margin: 20px 0 0; }
  .interactive-book-page .collection-docs-list ul,
  .newsletters-book-page .collection-docs-list ul {
    margin-left: -15px; }
  .interactive-book-page .collection-docs-list h3,
  .newsletters-book-page .collection-docs-list h3 {
    font-family: "Weblysleek UI Semi Bold", Arial; }
  .interactive-book-page .collection-docs-list .collection-doc-list-item,
  .newsletters-book-page .collection-docs-list .collection-doc-list-item {
    background: none;
    float: left;
    margin-left: 15px; }
  .interactive-book-page .collection-docs-list .source-file,
  .newsletters-book-page .collection-docs-list .source-file {
    float: none; }

.interactive-book-page .oldschool .right-panel,
.newsletters-book-page .oldschool .right-panel {
  background: #7e5757; }

.interactive-book-page .woodenlines .right-panel,
.newsletters-book-page .woodenlines .right-panel {
  background: url("../img/gimg/book_themes/bd_page_woodenlines.png") 0 0 repeat; }

.interactive-book-page .freshgarden .right-panel,
.newsletters-book-page .freshgarden .right-panel {
  background-image: url("../img/gimg/book_themes/bd_page_freshgarden.png"), url("../img/gimg/book_themes/bd_page_freshgarden_bottom.png");
  background-position: 0 0, 100% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 20%, 20%; }

.panel {
  position: relative; }
  .panel time {
    font-size: 12px; }
  .panel .source-file time {
    font-size: 16px; }
  .panel .top-container-book .fl-l {
    max-width: 50%; }
  .panel .top-container-book > div:first-child {
    border-bottom: 1px solid #dedede;
    margin: 0 8px 24px 0;
    padding-bottom: 20px; }
    .chapter-empty .panel .top-container-book > div:first-child {
      border: 0;
      margin: 0; }
    .chapter-first .panel .top-container-book > div:first-child {
      border-bottom: 1px solid #dedede;
      margin: 0 0 20px; }
  .panel .top-container-book p {
    font-size: 12px;
    margin: 5px 0; }
    .panel .top-container-book p strong, .panel .top-container-book p .strong {
      font-family: "Weblysleek UI Semi Bold", Arial;
      padding-right: 5px; }
    .panel .top-container-book p.newsletters-too-match-content {
      text-align: center;
      font-size: 16px; }
  .panel .top-container-book .book-details strong, .panel .top-container-book .book-details .strong {
    font-family: 'Weblysleek UI Semi Bold'; }
  .panel .top-container-book .book-details .fl-r {
    font-size: 12px;
    line-height: 30px;
    padding-top: 7px; }
    .panel .top-container-book .book-details .fl-r p {
      line-height: 10px;
      margin: 0 0 4px;
      padding-top: 10px; }
  .panel .title {
    margin-bottom: 0; }
  .panel .list {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    clear: both;
    margin: 25px -30px;
    position: relative;
    z-index: 4;
    opacity: 0; }
    .open .panel .list {
      opacity: 1; }
    .panel .list li,
    .panel .list .pad_l {
      line-height: 31px;
      position: relative; }
      .panel .list li .summary-item-label:hover + .btn-open-list .caret,
      .panel .list .pad_l .summary-item-label:hover + .btn-open-list .caret {
        color: #fff; }
      .panel .list li .caret,
      .panel .list .pad_l .caret {
        transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg); }
      .panel .list li .btn-open-list,
      .panel .list .pad_l .btn-open-list {
        position: absolute;
        left: 6px;
        top: 0; }
      .panel .list li ul.nested,
      .panel .list .pad_l ul.nested {
        display: none; }
      .panel .list li.active .caret,
      .panel .list .pad_l.active .caret {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg); }
      .panel .list li.active ul.nested,
      .panel .list .pad_l.active ul.nested {
        display: block; }
    .panel .list a {
      display: block;
      color: #2f2f2f;
      padding: 0 35px 0 30px;
      text-decoration: none;
      line-height: 2em;
      word-wrap: break-word; }
      .panel .list a.selected {
        background: #ccc;
        color: #fff; }
  .panel .pad_l {
    padding: 0 30px; }
  .panel.panel-static {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none; }
    .panel.panel-static * {
      transition: none;
      -webkit-transition: none;
      -moz-transition: none;
      -ms-transition: none;
      -o-transition: none; }

.swipe-area {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background: #e7e7e7;
  border-right: 4px solid #ccc;
  right: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 30px; }
  .swipe-area .toggle-btn {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    color: #fff;
    right: -19px;
    position: absolute;
    top: 124px;
    transition: none;
    z-index: 1; }
    .swipe-area .toggle-btn:after {
      transform: rotate(-90deg);
      -webkit-transform: rotate(-90deg);
      -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      -o-transform: rotate(-90deg);
      display: inline-block;
      content: '';
      width: 0;
      height: 0;
      margin: -3px 0 0 -3px;
      vertical-align: middle;
      border-top: 6px solid;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      position: absolute;
      left: 50%;
      top: 50%; }
    .open .swipe-area .toggle-btn {
      transform: rotate(-180deg);
      -webkit-transform: rotate(-180deg);
      -moz-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      -o-transform: rotate(-180deg);
      right: 0; }

.left-panel {
  background: #e7e7e7;
  left: -295px;
  height: 100%;
  position: fixed;
  top: 0;
  width: 325px;
  transition: left 0.5s;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -ms-transition: left 0.5s;
  -o-transition: left 0.5s;
  z-index: 2; }
  .left-panel.edit-mode-panel-sub {
    display: none !important; }
  .left-panel .inner {
    height: 100%;
    padding: 122px 30px 30px;
    width: 100%; }
    .interactive-book-page.event .left-panel .inner {
      padding-top: 200px; }
    .modal-share .left-panel .inner {
      padding: 30px; }
  .left-panel .actions {
    min-height: 32px;
    margin: 0 0 0 -8px; }
    .left-panel .actions:after {
      content: "";
      display: table;
      clear: both; }
    .left-panel .actions li {
      margin: 0 0 0 8px; }
      .left-panel .actions li.fl-r {
        margin-left: 0;
        margin-right: 17px; }
  .left-panel .angular-ui-tree-handle {
    cursor: move; }
  .left-panel .sub_height {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 155px; }
    @media screen and (max-width: 767px) {
      .left-panel .sub_height {
        top: 0; } }
    .interactive-book-page.event .left-panel .sub_height {
      top: 233px; }
    .left-panel .sub_height .list {
      margin: 0;
      max-height: 100%;
      overflow-y: auto;
      padding: 25px 0 0;
      position: relative; }
    .left-panel .sub_height .angular-ui-tree-handle {
      font-weight: normal !important; }

.right-panel {
  min-height: 100%;
  margin-left: 30px;
  position: relative;
  padding: 30px 25px 25px 25px;
  transition: margin-left 0.5s;
  -webkit-transition: margin-left 0.5s;
  -moz-transition: margin-left 0.5s;
  -ms-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  z-index: 1; }
  .right-panel .back-to-page {
    background: url("../img/gimg/back-icon.png") 0 center no-repeat;
    font-family: "Weblysleek UI Semi Light", Arial;
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
    padding-left: 20px; }
  .right-panel .collection-docs-list {
    padding: 0; }
    .community-book-page .right-panel .collection-docs-list .collection-doc-list-item time {
      font-size: inherit; }
  .right-panel .file-placeholder .placeholder-loading {
    position: relative;
    left: 0;
    margin: 10% auto; }
  .right-panel.edit-mode-panel {
    margin-left: 0 !important; }
    .right-panel.edit-mode-panel input {
      border-radius: 0; }
  .right-panel .inner {
    position: relative;
    width: 100%; }
  .right-panel figure {
    margin: -114.5px 0 0 -217.5px; }
    .chapter-empty .right-panel figure {
      height: 100%;
      left: 0;
      margin: 0 auto;
      position: relative;
      overflow: hidden;
      top: 0;
      text-align: center; }
      .chapter-empty .right-panel figure img {
        display: inline-block; }
    .chapter-first .right-panel figure {
      opacity: .1;
      z-index: 0; }
  .right-panel .bottom-container .sheet-container {
    height: 100%; }
    .right-panel .bottom-container .sheet-container .e-page-sheet {
      height: 100%; }

.inner-container {
  position: relative; }

.chapter-empty .bottom-container {
  overflow: hidden;
  padding-bottom: 25px; }

.bottom-container .description {
  display: table;
  line-height: 24px;
  width: 100%; }
  .bottom-container .description p {
    margin: 10px 0; }
  .bottom-container .description img {
    display: block;
    margin-bottom: 1px;
    margin-top: 1px;
    max-width: 100%; }
    .bottom-container .description img[style*="float: left;"] {
      margin-right: 8px; }
    .bottom-container .description img[style*="float: right;"] {
      margin-left: 8px; }
  .edit-mode .bottom-container .description {
    padding: 15px; }
  .bottom-container .description ul {
    padding-left: 18px; }
    .bottom-container .description ul li {
      list-style: disc; }
  .bottom-container .description ol {
    padding-left: 18px; }
    .bottom-container .description ol li {
      list-style: decimal; }

.bottom-container > .description {
  margin-bottom: 10px; }

.bottom-container .title {
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.page-carousel {
  height: 40px;
  line-height: 40px;
  padding: 0 50px;
  position: relative;
  overflow: hidden;
  width: auto; }
  @media screen and (max-width: 695px) {
    .page-carousel {
      padding: 0 20px; } }
  @media screen and (max-width: 1280px) {
    .page-carousel .ellipsis {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; } }
  .page-carousel .arrows .arrow {
    font-size: 36px;
    height: 21px;
    width: 13px;
    margin: -11.5px 0 0; }
    .page-carousel .arrows .arrow i {
      line-height: 21px; }
    .page-carousel .arrows .arrow.arrow-left {
      left: 0; }
    .page-carousel .arrows .arrow.arrow-right {
      left: auto;
      right: 0; }
    .page-carousel .arrows .arrow.disabled {
      opacity: 0.4;
      cursor: default; }
    .page-carousel .arrows .arrow.disabled:hover {
      color: #999 !important; }

.photo-carousel {
  background: #e7e7e7;
  height: 289px;
  margin: 25px auto;
  max-height: 289px;
  width: 480px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .photo-carousel {
      height: 175px; } }
  .photo-carousel .photo-carousel-inner {
    height: 100%;
    overflow: hidden;
    position: relative;
    margin-left: -8px;
    margin-right: -8px;
    z-index: 1; }
    .photo-carousel .photo-carousel-inner ul {
      height: 289px; }
      .photo-carousel .photo-carousel-inner ul:after {
        content: "";
        display: table;
        clear: both; }
      @media screen and (max-width: 767px) {
        .photo-carousel .photo-carousel-inner ul {
          height: 175px; } }
      .photo-carousel .photo-carousel-inner ul li {
        float: left;
        height: 289px;
        text-align: center;
        width: 100%;
        padding: 0 32px; }
        @media screen and (max-width: 767px) {
          .photo-carousel .photo-carousel-inner ul li {
            height: 175px; } }
        .photo-carousel .photo-carousel-inner ul li img {
          height: 289px; }
          @media screen and (max-width: 767px) {
            .photo-carousel .photo-carousel-inner ul li img {
              height: 175px; } }
        .photo-carousel .photo-carousel-inner ul li .rn-carousel-control-next, .photo-carousel .photo-carousel-inner ul li .rn-carousel-control-prev {
          display: inline-block;
          color: #fff;
          font: normal normal normal 14px/28px FontAwesome;
          width: 32px;
          height: 32px;
          opacity: 1;
          position: absolute;
          top: 50%;
          margin-top: -17px; }
          .photo-carousel .photo-carousel-inner ul li .rn-carousel-control-next.disabled, .photo-carousel .photo-carousel-inner ul li .rn-carousel-control-prev.disabled {
            background: #dedede;
            border: 1px solid #bbb;
            cursor: default; }
        .photo-carousel .photo-carousel-inner ul li .rn-carousel-control-next {
          border-radius: 0 4px 4px 0;
          right: 0; }
        .photo-carousel .photo-carousel-inner ul li .rn-carousel-control-next:before {
          content: "\f105";
          font-size: 36px; }
        .photo-carousel .photo-carousel-inner ul li .rn-carousel-control-prev {
          border-radius: 4px 0 0 4px;
          left: 0; }
        .photo-carousel .photo-carousel-inner ul li .rn-carousel-control-prev:before {
          content: "\f104";
          font-size: 36px; }
  .photo-carousel .rn-carousel-controls .rn-carousel-control {
    color: #fff !important;
    font-size: 36px;
    line-height: 29px !important;
    height: 32px;
    margin: -17px 0 0;
    min-width: 32px;
    padding: 0;
    text-align: center;
    width: 32px;
    z-index: 0;
    opacity: 1;
    background: #ffc000;
    border: 1px solid #e9af03;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.28);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.28);
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 50%; }
    .photo-carousel .rn-carousel-controls .rn-carousel-control.rn-carousel-control-prev {
      border-radius: 4px 0 0 4px;
      left: 0; }
    .photo-carousel .rn-carousel-controls .rn-carousel-control.rn-carousel-control-prev:before {
      content: "\f104";
      font-size: 36px; }
    .photo-carousel .rn-carousel-controls .rn-carousel-control.rn-carousel-control-next {
      border-radius: 0 4px 4px 0;
      right: 0; }
    .photo-carousel .rn-carousel-controls .rn-carousel-control.rn-carousel-control-next:before {
      content: "\f105";
      font-size: 36px; }

.figure {
  height: 350px;
  text-align: center;
  display: table;
  table-layout: fixed;
  width: 100%; }
  @media screen and (max-height: 735px) {
    .figure {
      height: 280px; } }
  @media screen and (max-height: 650px) {
    .figure {
      height: 260px; } }
  .figure > figure {
    display: table-cell;
    vertical-align: middle; }
    .figure > figure figcaption {
      color: #999;
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 16px; }
    .figure > figure > div {
      display: inline-block; }

.list-edit {
  clear: both;
  height: 47px;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 7px; }
  .list-edit:after {
    content: "";
    display: table;
    clear: both; }
  .list-edit ul {
    margin-left: -55px; }
  .list-edit li {
    float: left;
    line-height: 33px;
    margin-left: 55px; }
    .list-edit li button {
      color: #5d5d5d;
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 14px;
      text-decoration: none;
      background: none !important;
      border: none !important;
      box-shadow: none !important;
      -moz-box-shadow: none !important;
      -webkit-box-shadow: none !important;
      padding-left: 0 !important;
      padding-right: 0 !important; }
      .list-edit li button.btn-add-gallery span:before {
        background-image: url("../img/gimg/btn-add-gallery.png"); }
      .list-edit li button.btn-add-video span:before {
        background-image: url("../img/gimg/btn-add-video.png"); }
      .list-edit li button.btn-add-text span:before {
        background-image: url("../img/gimg/btn-add-text.png"); }
      .list-edit li button.btn-add-doc span:before {
        background-image: url("../img/gimg/btn-add-doc.png"); }
  .oldschool .list-edit .btn {
    color: white; }

.disabled-block {
  background: rgba(255, 255, 255, 0.5);
  display: none;
  position: fixed;
  z-index: 110 !important; }
  .disabled-block.disabled-right-panel {
    bottom: 0;
    left: 0;
    right: 0;
    top: 87px; }
  .disabled-block.disabled-top-menu {
    height: 175px;
    left: 0;
    right: 0;
    top: 0; }
  .disabled-block.enable {
    display: block; }

.angular-ui-tree-empty {
  display: none; }

iframe .ytp-thumbnail {
  position: relative;
  z-index: 1 !important; }

.sheet-animate.ng-enter, .sheet-animate.ng-leave {
  transition: 0.5s ease all;
  -moz-transition: 0.5s ease all;
  -webkit-transition: 0.5s ease all;
  -ms-transition: 0.5s ease all; }

.sheet-animate.ng-enter {
  transform: translate3d(100%, 0, 0);
  -moz-transition: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transition: translate3d(100%, 0, 0); }

.sheet-animate.ng-leave.ng-leave-active {
  transform: translate3d(100%, 0, 0);
  -moz-transition: translate3d(100%, 0, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0); }

.slide.sheet-animate.ng-enter {
  transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0); }

.slide.sheet-animate.ng-leave.ng-leave-active {
  transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0); }

.sheet-animate.ng-leave,
.sheet-animate.ng-enter.ng-enter-active {
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/*endregion*/
/*region #SHARE INTERACTIVE BOOK*/
.main-content {
  height: 100%; }
  .main-content .container {
    height: 100%;
    margin: 0 !important; }
    .main-content .container .left-panel {
      left: -288px; }
    .main-content .container.open .left-panel {
      left: 0; }
    .main-content .container.open .right-panel {
      margin-left: 325px;
      padding: 30px 25px 0 25px; }
      .main-content .container.open .right-panel .swipe-area {
        display: none; }
    .main-content .container .right-panel {
      margin-left: 0;
      padding: 30px 25px 0 75px; }
      .main-content .container .right-panel .swipe-area {
        display: block;
        z-index: 50; }

.interactive-book-page.event .arrows .arrow:hover {
  color: #accc37; }

.interactive-book-page.event .photo-carousel .rn-carousel-controls .rn-carousel-control {
  background: #accc37;
  border-color: #88b224; }

.interactive-book-page.event .edit:hover {
  background-position: 0 -32px !important; }

.interactive-book-page.event .attached:hover {
  background-position: 0 -32px; }

.event-books-shelves .arrows .arrow:hover {
  color: #accc37; }

.event-books-shelves .edit:hover, .event-books-shelves span.remove:hover {
  background-position: 0 -32px; }

@media screen and (max-width: 695px) {
  h1.title .for_min_width {
    display: inline-block;
    vertical-align: bottom;
    max-width: 104px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .panel .top-container-book .book-details .fl-l {
    width: 45.87156%; }
  .panel .top-container-book .sheet-details .fl-l {
    max-width: 100%; }
  .panel .top-container-book .ct-actions li {
    margin-bottom: 4px; }
  .panel .top-container-book .max_w_ellipsis {
    max-width: 111px; } }

@media screen and (max-width: 767px) {
  .right-panel {
    margin-left: 30px;
    overflow-x: hidden; }
  .open .right-panel {
    margin-left: 30px !important; } }

@media screen and (max-width: 400px) {
  .left-panel {
    width: 285px;
    left: -255px; }
  .modal-slideshow .video-player {
    min-width: 300px !important; } }

.video-player {
  width: 100%; }
  .video-player .video-processing {
    width: 100%; }
    .video-player .video-processing img {
      width: 100%; }

@media screen and (max-width: 1022px) {
  .page-sheet-container .section .align-center {
    padding: 10px 0 !important; }
    .page-sheet-container .section .align-center .video-player {
      width: 100%;
      max-width: 100%; }
      .page-sheet-container .section .align-center .video-player .video-processing {
        width: 100%; }
        .page-sheet-container .section .align-center .video-player .video-processing img {
          width: 100%; }
  .page-sheet-container .section iframe, .page-sheet-container .section .photo-carousel {
    height: auto;
    max-width: 100%;
    width: 100%; }
  .page-sheet-container .section .photo-carousel {
    margin: 10px 0; }
  .slider-main .slides img, .slider-main .slides iframe {
    max-width: 100%; } }

/*endregion*/
/*region #SHARE*/
@media screen and (max-width: 480px) {
  .share .toggle-btn {
    background: #5d5d5d;
    top: 18px;
    right: -3px;
    z-index: 5; }
  .share .left-panel {
    width: 285px;
    left: -268px; }
  .share .right-panel {
    margin-left: 0;
    padding: 15px; }
    .share .right-panel .book-details {
      display: none; }
    .share .right-panel .sheet-details h2 {
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 18px;
      line-height: 40px; }
    .share .right-panel .align-center {
      margin: 0 -14px; }
    .share .right-panel .description img {
      width: 100% !important;
      margin-bottom: 5px; }
      .share .right-panel .description img[style*="float: left;"] {
        margin-right: 0; }
      .share .right-panel .description img[style*="float: right;"] {
        margin-left: 0; }
    .share .right-panel .page-sheet-container .section iframe {
      height: 360px; }
  .share .left-panel + .right-panel {
    margin-left: 17px; } }

/*endregion*/
/*region #INERACTIVE BOOK (add book/shelf)*/
.create-book {
  margin: 0; }
  .create-book .width50 {
    width: 49%; }
    .create-book .width50 .add-page-form {
      width: 100%; }
      .create-book .width50 .add-page-form label {
        padding-right: 14px;
        width: 29%; }
      .create-book .width50 .add-page-form .wrap-r {
        width: 71%; }
      .create-book .width50 .add-page-form.fl-r {
        width: auto; }
        .create-book .width50 .add-page-form.fl-r label, .create-book .width50 .add-page-form.fl-r .wrap-r {
          width: auto !important; }
  .create-book .errors {
    margin-bottom: 8px;
    width: 100%;
    clear: both;
    padding: 0; }
  .create-book label {
    margin-top: 0 !important; }
  .create-book .form-item {
    margin: 0 !important; }
    .create-book .form-item input,
    .create-book .form-item .select-list {
      width: 100%; }
    .create-book .form-item .select-list .current-option {
      max-width: 205px;
      min-width: 190px;
      display: inline-block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .create-book .form-item .select-list ul li:first-child:hover {
      background: transparent; }
    .create-book .form-item .select-list ul li:first-child input[type="text"] {
      position: relative; }

.bk-tools {
  clear: both;
  overflow: hidden; }
  .bk-tools label {
    display: block;
    margin: 0 0 15px; }
  .bk-tools > div {
    width: 49%; }
  .bk-tools .holder {
    border: 1px solid #dedede;
    height: 430px;
    position: relative;
    width: 100%;
    overflow: hidden; }
    .bk-tools .holder .btn,
    .bk-tools .holder .select-list {
      position: absolute;
      top: 6px;
      right: 6px; }
    .bk-tools .holder figure {
      background: #f2f2f2;
      height: 100%;
      width: 100%; }

.validation-error {
  color: #f32828;
  font-size: 13px;
  margin: 0 0 16px;
  padding: 0 0.499%; }

/*endregion*/
/*region #COLLECTIONS*/
.share-icon {
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  background: rgba(0, 0, 0, 0.5) url("../img/gimg/shared_file.png") no-repeat center center;
  display: block;
  height: 32px;
  left: 16px;
  line-height: 32px;
  position: absolute;
  top: 102px;
  width: 32px;
  z-index: 10; }

.collections-list {
  margin: 4px 0 0 -14px; }
  .collections-list:after {
    content: "";
    display: table;
    clear: both; }
  .collections-list .collections-list-item {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 25px 13px;
    padding: 8px;
    position: relative;
    width: 149px; }
    @media screen and (max-width: 1024px) {
      .collections-list .collections-list-item {
        /*width: 136px;*/ } }
    .collections-list .collections-list-item.selected {
      background: #dedede; }
    .collections-list .collections-list-item span {
      color: #2f2f2f;
      display: block;
      text-align: center;
      text-decoration: none; }
    .collections-list .collections-list-item .collection-title {
      font-size: 16px; }
      .collections-list .collections-list-item .collection-title span {
        display: block;
        display: -webkit-box;
        display: -moz-box;
        height: 36px;
        line-height: 1.125;
        vertical-align: middle;
        width: 100%;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word; }
      .collections-list .collections-list-item .collection-title time {
        display: block;
        font-family: "Weblysleek UI Light", Arial;
        font-size: 12px;
        min-height: 18px;
        width: 100%; }
    .collections-list .collections-list-item figure {
      height: 134px;
      line-height: 134px;
      margin: 0 0 10px;
      position: relative;
      width: 134px; }
      .collections-list .collections-list-item figure img {
        border: 1px solid #fff;
        display: block;
        height: 126px;
        margin: 8px 0 0;
        max-width: none;
        position: absolute;
        width: 126px; }
        .collections-list .collections-list-item figure img.front {
          bottom: 0;
          left: 0;
          z-index: 3; }
        .collections-list .collections-list-item figure img.middle {
          top: -4px;
          right: 4px;
          z-index: 2; }
        .collections-list .collections-list-item figure img.back {
          top: -8px;
          right: 0;
          z-index: 1; }
      .collections-list .collections-list-item figure .doc {
        display: inline-block;
        height: auto;
        margin: 0 auto;
        position: static; }
    .collections-list .collections-list-item.default figure img {
      border-color: #dedede; }

.edit-properties .message-box.error {
  font-size: 13px;
  text-align: left; }

.edit-properties label {
  display: block;
  margin: 0 0 15px; }

.edit-properties .datepicker-box {
  float: none;
  overflow: hidden;
  padding-bottom: 15px; }
  .edit-properties .datepicker-box .form-item {
    width: 266px; }

.edit-properties form {
  margin: 0 0 -20px; }
  .edit-properties form > .form-item {
    margin: 0 0 20px; }

.edit-collection {
  margin: 0; }
  .edit-collection > .form-item {
    margin: 0 0 8px; }
  .edit-collection .datepicker-box {
    overflow: inherit;
    padding-bottom: 0; }
    .edit-collection .datepicker-box .form-item {
      width: 189px;
      margin-bottom: 0; }
    .edit-collection .datepicker-box .datepicker-btn {
      top: 15px; }
    .edit-collection .datepicker-box .message-box.error {
      position: relative;
      top: auto;
      white-space: normal;
      word-break: break-all;
      margin-bottom: 0; }

.mg-8.edit-collection label span {
  margin: 0;
  padding-left: 0; }

/*endregion*/
/*region #EMPTY COLLECTIONS*/
.empty-collection {
  margin-top: 80px; }
  .empty-collection.empty-community figure {
    margin-top: 74px; }

/*endregion #EMPTY COLLECTIONS*/
/*region #SHARE COLLECTIONS*/
.main-content .top-container {
  margin: 0 6.25%; }

.main-content .top-container + .container.top-163 {
  padding-top: 163px !important;
  top: auto !important; }

.main-content .top-container + .container .collections {
  margin: 0 6.25%; }

.additional-level {
  padding-left: 6.25% !important; }

/*endregion*/
/*region #MODAL SELECT SOURCE*/
.source-container {
  height: 340px;
  overflow-y: auto; }

/*endregion #MODAL SELECT SOURCE*/
.modal .modal-content .properties-wrapper .property-detail {
  display: inline-block; }

.modal .modal-content .properties-wrapper h3.property-label {
  display: inline-block;
  margin: 10px 0 0 10px;
  width: 90px; }

.modal .modal-content .properties-wrapper ul li .list-icon {
  width: 10px;
  height: 10px;
  border: 1px solid black;
  border-radius: 50%;
  background-color: black;
  display: inline-block;
  margin-left: 8px; }

/*region #COLLECTION*/
.menu {
  float: right;
  margin: 10px 0; }
  @media screen and (max-width: 767px) {
    .menu {
      clear: both;
      float: none;
      overflow: hidden; } }
  .menu li {
    border-left: 1px solid;
    float: left;
    padding: 0 7px; }
    @media screen and (max-width: 767px) {
      .menu li {
        padding: 0 5px; } }
    .menu li span {
      color: #2f2f2f;
      font-family: "Weblysleek UI Semi Light", Arial;
      font-size: 16px;
      text-decoration: none; }
    .menu li.active span {
      font-family: "Weblysleek UI Semi Bold", Arial; }
      .menu li.active span:hover {
        color: #2f2f2f; }
    .menu li:first-child {
      border: 0; }

.collection-list:after {
  content: "";
  display: table;
  clear: both; }

.collection-list .collection-list-item, .collection-list .quiz-attachment-list-item {
  position: relative; }
  .collection-list .collection-list-item.selected:after, .collection-list .selected.quiz-attachment-list-item:after {
    background: url("../img/gimg/albums/checked.png") no-repeat;
    content: '';
    height: 26px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 26px;
    z-index: 100; }
  .collection-list .collection-list-item .share-icon, .collection-list .quiz-attachment-list-item .share-icon {
    bottom: 10px;
    left: 10px;
    top: auto; }
  .collection-list .collection-list-item .play-icon, .collection-list .quiz-attachment-list-item .play-icon {
    background: url("../img/gimg/page/play-icon.png") no-repeat;
    background-size: 97%;
    display: inline-block;
    width: 36px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -18px; }

.collage-plus {
  margin-left: -4px;
  padding: 4px; }

.collection-docs-list li.inSelected:before {
  background: rgba(255, 255, 255, 0.5);
  content: '';
  cursor: not-allowed;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.collection-docs-list .collection-doc-list-item {
  display: block !important;
  height: 68px;
  line-height: 50px;
  margin: 0 0 10px;
  overflow: hidden;
  padding: 10px;
  position: relative; }
  .collection-docs-list .collection-doc-list-item .share-icon {
    background: rgba(0, 0, 0, 0.5) url("../img/gimg/shared_file.png") center no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 0;
    top: 36px;
    left: 0; }
  .collection-docs-list .collection-doc-list-item.ui-draggable-dragging.inSelected {
    cursor: not-allowed !important; }
    .collection-docs-list .collection-doc-list-item.ui-draggable-dragging.inSelected:before {
      display: none; }
    .collection-docs-list .collection-doc-list-item.ui-draggable-dragging.inSelected span {
      display: none;
      cursor: not-allowed; }
  .collection-docs-list .collection-doc-list-item span {
    background: url("../img/gimg/docs.png") no-repeat;
    color: #2f2f2f;
    display: block;
    font-size: 16px;
    padding-left: 68px;
    text-decoration: none; }
    .collection-docs-list .collection-doc-list-item span:after {
      content: "";
      display: table;
      clear: both; }
    .collection-docs-list .collection-doc-list-item span.unknown-doc {
      background-position: 0 0; }
    .collection-docs-list .collection-doc-list-item span.pdf-doc {
      background-position: 0 -80px; }
    .collection-docs-list .collection-doc-list-item span.doc-doc, .collection-docs-list .collection-doc-list-item span.docx-doc {
      background-position: 0 -160px; }
    .collection-docs-list .collection-doc-list-item span.xls-doc, .collection-docs-list .collection-doc-list-item span.xlsx-doc {
      background-position: 0 -240px; }
    .collection-docs-list .collection-doc-list-item span.ppt-doc, .collection-docs-list .collection-doc-list-item span.pptx-doc {
      background-position: 0 -320px; }
    .collection-docs-list .collection-doc-list-item span.psd-doc {
      background-position: 0 -400px; }
    .collection-docs-list .collection-doc-list-item span.zip-doc {
      background-position: 0 -480px; }
    .collection-docs-list .collection-doc-list-item span.rar-doc {
      background-position: 0 -560px; }
    .collection-docs-list .collection-doc-list-item span.txt-doc {
      background-position: 0 -640px; }
    .collection-docs-list .collection-doc-list-item span.image {
      background: url("../img/gimg/image.svg") no-repeat; }
    .collection-docs-list .collection-doc-list-item span.video {
      background: url("../img/gimg/video.svg") no-repeat; }
    .collection-docs-list .collection-doc-list-item span .icon-archive {
      /*background: url('../img/gimg/archive-icon.png') 0 0 no-repeat !important;*/
      background: #f32828; }
  .collection-docs-list .collection-doc-list-item i {
    float: left;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .double-column .collection-docs-list .collection-doc-list-item i {
      max-width: calc(100% - 80px); }
  .collection-docs-list .collection-doc-list-item time {
    float: right;
    width: 80px; }
    .community-book-page .collection-docs-list .collection-doc-list-item time {
      text-align: right; }
  .collection-docs-list .collection-doc-list-item.selected {
    background: #f2f2f2; }
  .search_wrap .collection-docs-list .collection-doc-list-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.file-placeholder {
  width: 100%; }
  .one-column .file-placeholder.placeholder-empty {
    height: 370px;
    line-height: 370px;
    position: relative; }

.empty-doc-list {
  float: left;
  width: 45.75%;
  height: 387px;
  left: 51.5%;
  position: absolute;
  top: 0;
  margin-top: 95px; }

.sortable-placeholder {
  background: #f2f2f2;
  border: 1px dashed #ccc; }

.carousel li.book-sortable-placeholder {
  width: 148px;
  display: inline-block;
  margin-left: 19px;
  margin-right: 19px;
  height: 170px;
  background: #f2f2f2;
  border: 1px dashed #ccc; }

/*endregion*/
/*region #SHARE COLLECTION*/
.main-content {
  height: 100%;
  padding-top: 0; }
  .main-content .top-container-collection {
    margin: 0 6.25%; }
  .main-content .top-container-collection + .container {
    height: 100%; }
    .main-content .top-container-collection + .container.top-242 {
      padding-top: 242px !important;
      top: auto !important; }
    .main-content .top-container-collection + .container .collection {
      margin: 0 6.25%;
      height: 100%;
      overflow-y: auto; }

.with_notes .file-icon {
  line-height: 32px; }
  .with_notes .file-icon time {
    line-height: 50px; }
  .with_notes .file-icon .note {
    float: none;
    display: table; }

.modal .modal-content .properties-wrapper h3 {
  color: #000;
  margin: 20px 0 10px 0; }

.lazy-loading-collection {
  overflow-y: scroll;
  height: 65vh; }

/*endregion*/
/*region #CREATE COLLECTION*/
.create-collection {
  margin: 0 0 1px; }
  .create-collection:after {
    content: "";
    display: table;
    clear: both; }
  .create-collection ul.message-box.error {
    clear: both;
    font-size: 13px;
    line-height: 14px;
    white-space: nowrap;
    padding-left: 95px; }
  .create-collection ul.message-box.padding-sub {
    padding-left: 125px; }
  .create-collection input[type="text"],
  .create-collection input[type="email"],
  .create-collection input[type="password"] {
    font-size: 16px;
    padding: 3px 8px 4px; }
  .create-collection .form-item {
    margin-bottom: 0; }
    .create-collection .form-item:after {
      content: "";
      display: table;
      clear: both; }
    .create-collection .form-item.form-item-mobile-up {
      clear: both;
      margin: 0 0 20px; }
    .create-collection .form-item label {
      font-family: "Weblysleek UI Semi Light", Arial;
      font-size: 16px;
      line-height: 31px;
      margin-right: 15px;
      margin-top: 0 !important; }
    .create-collection .form-item .wrap-r .message-box {
      clear: both; }
  .create-collection .fl-r label {
    width: 23%; }
  .create-collection .fl-r .wrap-r {
    width: 77%; }
    .create-collection .fl-r .wrap-r .datepicker-box {
      min-width: 300px; }
    .create-collection .fl-r .wrap-r .message-box {
      clear: both; }
  .create-collection .add-page-form {
    width: 49%; }
    .create-collection .add-page-form.fl-l {
      text-align: left; }
      .create-collection .add-page-form.fl-l input {
        width: 242px; }
    .create-collection .add-page-form.fl-r {
      text-align: right; }
      .create-collection .add-page-form.fl-r label, .create-collection .add-page-form.fl-r .wrap-r {
        text-align: left; }
    .create-collection .add-page-form .mg-8 {
      display: inline-block; }
      .create-collection .add-page-form .mg-8 label, .create-collection .add-page-form .mg-8 .wrap-r {
        width: auto; }
      .create-collection .add-page-form .mg-8 label {
        padding-right: 14px; }

.datepicker-box {
  float: left; }
  .datepicker-box .message-box.error {
    position: absolute;
    margin: 5px 0;
    top: 100%;
    width: 100%;
    font-size: 13px;
    line-height: 14px;
    white-space: nowrap; }
  .datepicker-box > * {
    float: left; }
  .datepicker-box .form-item {
    margin-left: 0;
    position: relative;
    width: 128px; }
    .datepicker-box .form-item input {
      width: 100%; }
    .datepicker-box .form-item .datepicker-btn {
      background: url("../img/gimg/calendar.png") no-repeat;
      border: 0;
      height: 21px;
      right: 8px;
      margin: -10.5px 0 0;
      position: absolute;
      top: 50%;
      width: 21px; }
      .tile .datepicker-box .form-item .datepicker-btn {
        margin: 0;
        top: 6px; }
  .datepicker-box .separator {
    line-height: 33px;
    margin: 0 16px; }

.datepicker.datepicker-dropdown {
  z-index: 2001 !important; }

/*endregion*/
/*region #UPLOADER*/
.upload-wrapper {
  border: 1px dashed #dedede;
  padding: 15px; }
  .upload-wrapper:after {
    content: "";
    display: table;
    clear: both; }

/*endregion*/
/*region #UPLOAD LIST*/
.uploading-actions {
  margin: 0 0 25px -8px; }
  .uploading-actions:after {
    content: "";
    display: table;
    clear: both; }
  .uploading-actions li {
    float: left;
    margin-left: 8px; }

.upload-wrapper {
  padding: 0; }

.uploading-list {
  padding: 15px; }
  .uploading-list:after {
    content: "";
    display: table;
    clear: both; }
  .uploading-list.drag-over {
    background: #f2f2f2; }

.upload-file-list {
  min-height: 304px;
  line-height: 304px;
  text-align: center; }
  .upload-file-list .file-progress {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #e7e7e7;
    height: 4px;
    line-height: 4px;
    margin: 8px 0 0;
    overflow: hidden;
    width: 100%; }
    .upload-file-list .file-progress .file-progress-status {
      background: #c0d4eb;
      height: 100%;
      width: 100%; }
  .upload-file-list .file-thumbnail {
    height: 128px; }
    .upload-file-list .file-thumbnail .play-icon {
      background: url("../img/gimg/page/play_button.svg") no-repeat center;
      background-size: 30px 21px;
      cursor: pointer;
      content: '';
      position: absolute;
      height: 21px;
      left: 50%;
      top: 50%;
      margin: -11px 0 0 -15px;
      width: 30px;
      z-index: 10; }

.upload-list {
  margin-left: -29px; }
  .upload-list:after {
    content: "";
    display: table;
    clear: both; }
  .upload-list .upload-list-item {
    float: left;
    height: 128px;
    line-height: 128px;
    margin: 10px 22px 10px 0;
    position: relative;
    width: 128px; }
    .upload-list .upload-list-item.waiting .file-thumbnail, .upload-list .upload-list-item.uploading .file-thumbnail {
      background: url("../img/gimg/preloader.gif") no-repeat center center;
      background-size: 64px; }
      .upload-list .upload-list-item.waiting .file-thumbnail img, .upload-list .upload-list-item.uploading .file-thumbnail img {
        display: none; }
    .upload-list .upload-list-item .btn-remove {
      background: url("../img/gimg/remove-icon.png") no-repeat;
      border: 0;
      height: 18px;
      width: 18px;
      position: absolute;
      right: -9px;
      text-indent: -9999px;
      top: -9px; }
    .upload-list .upload-list-item.saving .file-icon {
      /*background-position: center;*/
      /*background-size: $size;*/
      display: block;
      height: 80px;
      padding: 0; }
    .upload-list .upload-list-item.saving .file-name,
    .upload-list .upload-list-item.saving time {
      display: block;
      line-height: normal;
      height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .upload-list .upload-list-item.saving time {
      font-size: 12px; }

.file-placeholder.placeholder-empty {
  display: inline-block;
  color: #bbb;
  font-family: "Weblysleek UI Light", Arial;
  font-size: 24px;
  line-height: normal;
  vertical-align: middle;
  text-align: center; }
  .file-placeholder.placeholder-empty a {
    color: #bbb; }

.file-placeholder.placeholder-loading {
  background: url("../img/gimg/preloader.gif") no-repeat;
  background-size: 128px;
  height: 128px;
  left: 50%;
  margin: -64px 0 0 -64px;
  position: absolute;
  top: 50%;
  width: 128px; }

.file-placeholder.placeholder-loading64 {
  background: url("../img/gimg/preloader.gif") no-repeat;
  background-size: 64px;
  height: 64px;
  left: 50%;
  margin: -32px 0 0 -32px;
  position: absolute;
  top: 50%;
  width: 64px; }

.file-placeholder.placeholder-loading32 {
  background: url("../img/gimg/preloader.gif") no-repeat;
  background-size: 32px;
  height: 32px;
  left: 50%;
  margin: -16px 0 0 -16px;
  position: absolute;
  top: 50%;
  width: 32px; }

.uploader.minimized {
  background: #2f2f2f;
  bottom: 0;
  padding: 14px 16px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 100; }
  .uploader.minimized h3,
  .uploader.minimized .status {
    color: #fff;
    margin: 10px 0; }
  .uploader.minimized .status {
    font-size: 14px; }
  .uploader.minimized .btn {
    margin: 20px 8px 0;
    display: inline-block; }

/*endregion*/
/*region #CHART*/
.capacity-chart h4 {
  float: left; }
  .capacity-chart h4 span {
    font-family: "Weblysleek UI Semi Light", Arial;
    margin-right: 30px; }

.capacity-chart a {
  color: #2f2f2f;
  text-decoration: underline; }
  .capacity-chart a:hover {
    text-decoration: none; }

.capacity-progress {
  background: #fff;
  height: 8px;
  margin: 20px 0;
  width: 100%; }
  .capacity-progress ul:after {
    content: "";
    display: table;
    clear: both; }
  .capacity-progress li {
    float: left;
    height: 100%;
    position: relative; }
    .capacity-progress li:first-child {
      border-bottom-left-radius: 10px;
      border-top-left-radius: 10px; }
    .capacity-progress li:last-child {
      border-bottom-right-radius: 10px;
      border-top-right-radius: 10px; }
  .capacity-progress .graph {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #e7e7e7;
    height: 8px;
    margin-bottom: 18px; }
    .capacity-progress .graph li:after {
      background: #fff;
      content: '';
      height: 100%;
      position: absolute;
      right: 0;
      top: 0;
      width: 1px; }
    .capacity-progress .graph .section-photo {
      background: #c0d4eb; }
    .capacity-progress .graph .section-video {
      background: #FFDF77; }
    .capacity-progress .graph .section-docs {
      background: #C5DE83; }
    .capacity-progress .graph .section-free {
      display: none; }
  .capacity-progress .legend li {
    margin-right: 30px;
    position: relative; }
    .capacity-progress .legend li span {
      font-family: "Weblysleek UI Semi Light", Arial;
      font-size: 16px;
      line-height: 21px;
      padding-left: 30px; }
      .capacity-progress .legend li span.size {
        display: block;
        font-family: "Weblysleek UI Light", Arial;
        font-size: 14px; }
    .capacity-progress .legend li:before {
      content: '';
      height: 16px;
      margin-right: 15px;
      position: absolute;
      top: 4px;
      width: 16px; }
    .capacity-progress .legend li.section-photo:before {
      background: #c0d4eb; }
    .capacity-progress .legend li.section-video:before {
      background: #FFDF77; }
    .capacity-progress .legend li.section-docs:before {
      background: #C5DE83; }
    .capacity-progress .legend li.section-free:before {
      background: #e7e7e7; }

/*endregion*/
/*region #EVENTS*/
.create-event {
  margin: 0; }

.contact-us-form {
  margin-bottom: -4px; }
  .contact-us-form .margin_01 {
    min-width: 0 !important;
    float: left; }

.event-container .form-body {
  margin-top: 10px; }

.form-body.form-body-permissions .form-item {
  margin-left: 28px; }

.contact-us-form .form-body {
  margin: 0;
  text-align: left; }

.form-body > .form-body-inner {
  padding-left: 30px; }
  .form-body > .form-body-inner.form-body-inner-c label {
    padding-bottom: 16px; }
  .form-body > .form-body-inner > .form-item label {
    display: block;
    float: none !important;
    font-family: "Weblysleek UI Semi Light", Arial;
    font-weight: bold;
    margin: 0 0 15px;
    text-transform: none;
    width: auto; }
    .community-container .form-body > .form-body-inner > .form-item label {
      float: left !important;
      font-weight: normal; }

.create-contact .form-body {
  margin: 0;
  text-align: left; }

.form-body .label {
  height: 20px;
  margin: 0 0 23px;
  position: relative;
  overflow: hidden; }
  .form-body .label > span:first-child {
    background: #fff;
    display: inline-block;
    padding-right: 5px;
    position: absolute;
    text-transform: uppercase;
    z-index: 1; }
    .event-container .form-body .label > span:first-child,
    .community-container .form-body .label > span:first-child {
      display: inline-block;
      font-family: "Weblysleek UI Semi Bold", Arial;
      margin-right: 20px;
      position: static; }
  .form-body .label hr {
    position: absolute;
    width: 100%;
    margin: 0;
    top: 50%; }

.form-body .form-item .fl-l {
  margin-left: 0; }

.event-container .form-body .form-item {
  overflow: hidden; }

.form-body .form-item label {
  float: left; }

.form-body .form-item > div {
  margin: 0 0 8px;
  display: table;
  width: 100%; }
  .insert-link-container .form-body .form-item > div {
    margin: 0; }
  .form-body .form-item > div.public-url {
    margin: 0 0 22px; }

.form-body .form-item.form-item-textarea label {
  display: block;
  float: none;
  margin: 0 0 10px; }

.form-body .form-item.form-item-textarea textarea {
  display: block;
  resize: none;
  width: 100%; }

.form-body .select-area {
  border: 1px solid #999;
  font-size: 16px;
  min-height: 32px;
  position: relative;
  padding: 5px 8px 2px;
  width: 400px; }
  .form-body .select-area:after {
    content: "";
    display: table;
    clear: both; }
  .form-body .select-area input[type="email"],
  .form-body .select-area input[type="text"],
  .form-body .select-area input[type="password"] {
    background: transparent;
    border: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    position: relative;
    top: -2px; }
  .form-body .select-area ul {
    float: left;
    margin: -3px 0 -10px -10px;
    padding-bottom: 8px; }
    .form-body .select-area ul:after {
      content: "";
      display: table;
      clear: both; }
    .form-body .select-area ul.dropdown-menu {
      margin: 0 0 -10px 0; }
  .form-body .select-area li {
    float: left;
    margin: 3px 0 5px 10px; }
  .form-body .select-area .selected-item {
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
    background: #f2f2f2;
    border: 1px solid #e7e7e7;
    color: #5d5d5d;
    display: block;
    height: 20px;
    line-height: 15px;
    max-width: 381px;
    padding: 0 24px 0 6px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    .form-body .select-area .selected-item > span {
      display: block;
      height: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .form-body .select-area .selected-item .remove {
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%;
      border: 1px solid;
      font-size: 12px;
      height: 16px;
      line-height: 12.5px;
      margin: 0;
      padding: 0 4.35px;
      position: absolute;
      right: 2px;
      top: 1px;
      width: 16px;
      background-image: none; }
  .form-body .select-area .browse {
    height: 32px;
    position: absolute;
    left: 100%;
    top: -1px; }
  .form-body .select-area .qty-symbols {
    color: #bbb;
    font-family: "Weblysleek UI Semi Light Italic", Arial;
    font-size: 16px;
    position: absolute;
    right: -70px;
    top: 5px; }
  .form-body .select-area .message-box.error {
    font-size: 13px;
    margin: 0;
    position: relative;
    top: 4px; }

.event-container .form-body a {
  color: #89b0dd; }

.form-body table {
  border: 1px solid #ccc;
  min-width: 560px;
  margin-bottom: 15px; }
  .form-body table thead tr {
    background: #999; }
  .form-body table tr {
    border-top: 1px solid #ccc;
    line-height: 30px; }
  .form-body table td,
  .form-body table th {
    padding: 0 17px;
    text-align: left; }

.contacts-list {
  border-top: 1px solid #e7e7e7;
  padding: 35px 0 0; }
  .contact-list-container .contacts-list {
    margin-bottom: 6%; }
  .contacts-list.notifications {
    border: 0;
    padding: 0; }
    .contacts-list.notifications ul {
      margin: 0; }
    .contacts-list.notifications li {
      border-radius: 0;
      border-bottom: 1px solid #e7e7e7;
      margin: 0;
      padding: 6px;
      width: 100%;
      font-size: 15px; }
      .contacts-list.notifications li.highlighted {
        border: 1px dotted grey; }
      .contacts-list.notifications li .notification-item-buttons .btn {
        height: 24px;
        line-height: 20px;
        margin-top: 2px;
        margin-right: 5px; }
      .contact-list-container .contacts-list.notifications li {
        padding: 0; }
      .contacts-list.notifications li .contact-inner {
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        padding: 8px 8px 10px; }
      .contacts-list.notifications li figure {
        float: left;
        height: 75px; }
      .contacts-list.notifications li figure + .message {
        min-height: 75px;
        margin-left: 85px;
        white-space: normal; }
        .contacts-list.notifications li figure + .message a {
          color: #89b0dd; }
        .contacts-list.notifications li figure + .message span {
          display: inline-block;
          line-height: normal;
          vertical-align: middle; }
      .contacts-list.notifications li:first-child {
        border-top: 1px solid #e7e7e7; }
      .contacts-list.notifications li.selected {
        background: #f2f2f2; }
        .contact-list-container .contacts-list.notifications li.selected {
          background: none; }
          .contact-list-container .contacts-list.notifications li.selected .contact-inner {
            background: #f2f2f2; }
      .contacts-list.notifications li.font-semibold {
        font-family: "Weblysleek UI Semi Bold", Arial !important; }
  .contacts-list.contact-details {
    border: 0;
    padding: 0 0 0 30px; }
    .contacts-list.contact-details ul {
      margin: 0; }
    .contacts-list.contact-details li {
      float: none;
      margin: 0;
      padding: 0;
      width: 100%; }
    .contacts-list.contact-details figure {
      float: left;
      line-height: 168px; }
      .contacts-list.contact-details figure img {
        float: none;
        height: 168px;
        margin: 0 auto;
        width: 168px; }
    .contacts-list.contact-details .user-details {
      margin-left: 198px;
      text-align: left; }
    .contacts-list.contact-details h2 {
      color: #89b0dd;
      font-size: 24px;
      margin: 0 0 15px; }
    .contacts-list.contact-details .info-row {
      min-height: 32px;
      line-height: 32px;
      margin: 0 0 8px;
      max-width: 400px; }
      .contacts-list.contact-details .info-row label {
        float: left;
        min-width: 116px;
        width: auto; }
        .contacts-list.contact-details .info-row label + span {
          display: block;
          margin-left: 116px; }
      .contacts-list.contact-details .info-row a {
        color: #2f2f2f; }
      .contacts-list.contact-details .info-row.info-row-address {
        line-height: 24px; }
    .contacts-list.contact-details .btn {
      margin: 15px 0 0; }
  .contacts-list.contact-list-page {
    padding: 24px 0 0; }
    .contacts-list.contact-list-page li {
      min-width: 241px;
      width: 20%;
      padding: 8px 8px 10px; }
      .contacts-list.contact-list-page li .panel-buttons {
        margin-top: 8px;
        position: absolute;
        top: 100%;
        right: 0; }
        .contacts-list.contact-list-page li .panel-buttons .box-share-btn,
        .contacts-list.contact-list-page li .panel-buttons .decision {
          float: right;
          margin-left: 8px; }
          .contacts-list.contact-list-page li .panel-buttons .box-share-btn .share-collections, .contacts-list.contact-list-page li .panel-buttons .box-share-btn .share-interactiveBooks,
          .contacts-list.contact-list-page li .panel-buttons .decision .share-collections,
          .contacts-list.contact-list-page li .panel-buttons .decision .share-interactiveBooks {
            display: inline-block; }
            .contacts-list.contact-list-page li .panel-buttons .box-share-btn .share-collections .share-icon, .contacts-list.contact-list-page li .panel-buttons .box-share-btn .share-interactiveBooks .share-icon,
            .contacts-list.contact-list-page li .panel-buttons .decision .share-collections .share-icon,
            .contacts-list.contact-list-page li .panel-buttons .decision .share-interactiveBooks .share-icon {
              position: relative;
              top: auto;
              left: auto;
              right: auto; }
              .contacts-list.contact-list-page li .panel-buttons .box-share-btn .share-collections .share-icon:hover, .contacts-list.contact-list-page li .panel-buttons .box-share-btn .share-interactiveBooks .share-icon:hover,
              .contacts-list.contact-list-page li .panel-buttons .decision .share-collections .share-icon:hover,
              .contacts-list.contact-list-page li .panel-buttons .decision .share-interactiveBooks .share-icon:hover {
                background-color: rgba(0, 0, 0, 0.7); }
          .contacts-list.contact-list-page li .panel-buttons .box-share-btn .share-collections .share-icon,
          .contacts-list.contact-list-page li .panel-buttons .decision .share-collections .share-icon {
            background: rgba(0, 0, 0, 0.5) url("../img/gimg/collections.svg") no-repeat center center; }
          .contacts-list.contact-list-page li .panel-buttons .box-share-btn .share-interactiveBooks .share-icon,
          .contacts-list.contact-list-page li .panel-buttons .decision .share-interactiveBooks .share-icon {
            background: rgba(0, 0, 0, 0.5) url("../img/gimg/interactive_books.svg") no-repeat center center; }
        @media screen and (max-width: 1280px) {
          .contacts-list.contact-list-page li .panel-buttons .btn-orange, .contacts-list.contact-list-page li .panel-buttons .btn-gray {
            min-width: 60px !important;
            padding: 0px 8px !important; } }
        @media screen and (max-width: 1460px) {
          .contacts-list.contact-list-page li .panel-buttons .btn-orange, .contacts-list.contact-list-page li .panel-buttons .btn-gray {
            min-width: 70px !important;
            padding: 0px 10px !important; } }
      .contacts-list.contact-list-page li .decision .btn {
        min-width: 90px; }
  .contacts-list ul {
    margin: 0 0 -5% -5%; }
    .contacts-list ul:after {
      content: "";
      display: table;
      clear: both; }
  .contacts-list li {
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 5% 5%;
    padding: 8px 8px 10px 8px;
    width: 28%;
    position: relative; }
    .contacts-list li.selected {
      background: #dedede; }
  .contacts-list figure {
    line-height: 70px; }
    .contacts-list figure:after {
      content: "";
      display: table;
      clear: both; }
    .contacts-list figure img {
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%;
      border: 1px solid #bbb;
      display: block;
      float: left;
      height: 70px;
      margin-right: 15px;
      width: 70px; }
    .contacts-list figure figcaption {
      display: inline-block;
      line-height: normal;
      max-width: 240px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle; }
      @media screen and (max-width: 1856px) {
        .contacts-list figure figcaption {
          max-width: 190px; } }
      @media screen and (max-width: 1584px) {
        .contacts-list figure figcaption {
          max-width: 140px; } }
      .contacts-list figure figcaption .new_line {
        display: block;
        color: #accc37; }

.notification-tools {
  margin: 8px 0 32px; }
  .notification-tools a {
    color: #000; }

.js-profile-edit .contact-details-edit label {
  padding-top: 4px; }

.js-profile-edit .contact-details-edit .email-info {
  margin: 12px 0 45px; }

.js-profile-edit .contact-details-edit .info {
  display: block; }

.js-profile-edit .contact-details-edit .info-row {
  height: 32px;
  line-height: 24px;
  max-width: 100% !important; }
  .js-profile-edit .contact-details-edit .info-row input, .js-profile-edit .contact-details-edit .info-row select {
    width: 400px;
    padding-left: 8px;
    padding-right: 8px; }

.js-profile-edit .selectize-control {
  display: inline-block;
  width: 400px; }

.contact-details-edit address {
  margin: 48px 0 40px; }

.contact-details-edit figure a {
  color: #89b0dd;
  display: block;
  line-height: normal;
  text-align: center;
  margin: 5px 0; }

.contact-details-edit .email-info {
  display: block;
  color: #bbb;
  font-size: 14px;
  line-height: 14px;
  padding-left: 116px;
  margin-bottom: 34px; }

.contact-details-edit .info-row label,
.contact-details-edit .info-row input,
.contact-details-edit .info-row .datepicker-box,
.contact-details-edit .info-row .select-list {
  display: inline-block !important;
  float: none;
  width: 112px; }

.contact-details-edit .info-row .datepicker-box {
  margin: 0 !important; }
  .contact-details-edit .info-row .datepicker-box > * {
    float: none; }
  .contact-details-edit .info-row .datepicker-box .form-item {
    margin: 0;
    width: 100%; }

.contact-details-edit .info-row input,
.contact-details-edit .info-row .select-list {
  padding-top: 3px;
  padding-bottom: 4px;
  width: 100%; }

.contact-details-edit .info-row .select-list {
  font-size: 16px;
  padding: 4px 15px; }
  .contact-details-edit .info-row .select-list .current-option {
    color: #000; }

.contact-details-edit .info-row #date-b,
.contact-details-edit .info-row #p-code,
.contact-details-edit .info-row .datepicker-box {
  width: 200px; }

.contact-details-edit .error {
  color: #f32828;
  font-size: 12px; }

.contact-details-edit .profile-userpic-inner {
  position: relative; }

.contact-details-edit .profile-width-input {
  width: 200px !important; }

.profile-userpic {
  height: 100%;
  width: 100%; }

.select-link {
  margin: 0 0 20px; }
  .select-link a {
    color: #2f2f2f;
    text-decoration: none; }

.event-nav-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 111; }
  .interactive-book-page .event-nav-wrapper {
    left: 0;
    position: absolute;
    right: 0; }

.event-nav-container {
  border-top: 1px solid #fff;
  padding: 0 6.25%;
  margin: 0 auto; }

.event-nav {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background: #accc37;
  padding: 12px 23px; }
  .event-nav:after {
    content: "";
    display: table;
    clear: both; }
  .event-nav .edit {
    margin-left: 5px;
    top: 15px;
    background-position: 0 -80px; }
    .event-nav .edit:hover {
      background-position: 0 -32px; }
  .event-nav ul {
    float: right;
    margin: 15px 0 0; }
  .event-nav li {
    float: left;
    margin-left: 4px; }
    .event-nav li a {
      border-bottom: 2px solid;
      color: #628117;
      display: block;
      font-size: 14px;
      padding: 0 8px;
      text-decoration: none; }
    .event-nav li.active a, .event-nav li:hover a {
      color: #fff; }
  .event-nav h1 {
    color: #fff;
    float: left;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 33%; }
    .event-nav h1 time {
      display: block;
      font-family: "Weblysleek UI Semi Light", Arial;
      font-size: 12px; }

.date-holder {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background: #f2f2f2;
  height: 133px;
  padding: 6px;
  position: relative;
  width: 133px;
  -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3); }
  .date-holder:before, .date-holder:after {
    background: inherit;
    border-bottom: 1px solid #88b224;
    content: '';
    height: 14px;
    margin: -7.5px 0 0;
    position: absolute;
    top: 50%;
    width: 6px;
    z-index: 2; }
  .date-holder:before {
    left: 6px; }
  .date-holder:after {
    right: 6px; }
  .date-holder .date-holder-inner {
    border-bottom-left-radius: 17px;
    border-bottom-right-radius: 17px;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px;
    background: #accc37;
    height: 100%;
    margin: 0;
    position: relative;
    text-align: center;
    width: 100%;
    -webkit-box-shadow: inset 0 7px 6px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 7px 6px -6px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 7px 6px -6px rgba(0, 0, 0, 0.5); }
    .date-holder .date-holder-inner > span {
      color: #fff;
      display: block;
      font-family: "Weblysleek UI Semi Bold", Arial;
      line-height: normal;
      text-transform: uppercase; }
      .date-holder .date-holder-inner > span.day {
        font-size: 68px;
        line-height: 54px;
        margin: 0 0 5px; }
      .date-holder .date-holder-inner > span.month {
        padding: 8px 0 0; }
    .date-holder .date-holder-inner:before {
      background: rgba(136, 178, 36, 0.2);
      border-radius: inherit;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      content: '';
      height: 50%;
      left: 0;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 1; }
      .closed .date-holder .date-holder-inner:before {
        background: rgba(0, 0, 0, 0.2); }
    .closed .date-holder .date-holder-inner {
      background-color: #ccc; }

.event-list .description {
  margin: 10px 0 0;
  text-align: center; }
  .event-list .description span,
  .event-list .description time {
    display: block;
    line-height: normal;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .event-list .description time {
    font-family: "Weblysleek UI Light", Arial;
    font-size: 12px;
    margin: 2px 0 0; }

.play-actions {
  padding-left: 28px; }
  .play-actions ul {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding: 6px 0; }
  .play-actions li {
    float: left;
    line-height: 35px;
    margin-right: 30px; }
  .play-actions .btn {
    color: #accc37;
    float: left;
    min-width: 38px;
    padding: 0;
    width: 38px; }
    .play-actions .btn.played {
      color: #999; }
      .play-actions .btn.played .stop-icon {
        background: #999;
        display: inline-block;
        width: 12px;
        height: 12px; }
    .play-actions .btn .fullscreen-icon {
      background: url("../img/gimg/fullscreen.png") no-repeat center;
      display: block;
      height: 100%; }
    .play-actions .btn .to-clear {
      background: url("../img/gimg/moderate-clean-up-btn.png") no-repeat center;
      display: block;
      width: 100%;
      height: 100%; }
    .play-actions .btn .play-icon {
      border-color: transparent #accc37 transparent;
      border-width: 7px 0 7px 11px;
      border-style: solid;
      display: inline-block;
      margin: 0 0 0 3px;
      width: 0;
      height: 0; }
  .play-actions span {
    display: block; }
    .play-actions span > span {
      color: #5d5d5d;
      float: left;
      font-size: 14px;
      font-weight: bold;
      margin-left: 10px; }

.chat-icon img {
  margin: 45px 0; }

.live-chat {
  margin: 40px 0 0; }
  .live-chat a {
    color: #accc37;
    text-decoration: none; }

.by-linkavie {
  font-family: "Weblysleek UI Light", Arial;
  font-size: 24px;
  margin: 0 0 35px; }
  .by-linkavie img {
    margin-left: 10px; }

.wall-message ul {
  border: 0;
  padding-top: 16px; }

.wall-message .wall-item {
  display: block;
  margin: 0 0 23px;
  float: none;
  position: relative;
  padding-right: 88px;
  /*live chat - double the font size..*/
  /*---end---*/ }
  .wall-message .wall-item h3.name {
    font-weight: bold;
    line-height: normal;
    margin: 0 0 30px 15px; }
  .wall-message .wall-item .controls {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px; }
    .wall-message .wall-item .controls .approve, .wall-message .wall-item .controls .reject {
      color: transparent;
      font-size: 4px !important;
      display: inline-block;
      width: 24px;
      height: 24px;
      margin-left: 16px; }
    .wall-message .wall-item .controls .approve {
      background: url("../img/gimg/yes.png"); }
    .wall-message .wall-item .controls .reject {
      background: url("../img/gimg/no.png"); }
  .wall-message .wall-item pre {
    white-space: normal;
    word-wrap: break-word !important;
    font-size: 60px;
    line-height: 68px; }
  .wall-message .wall-item.rejected-message {
    color: #ccc; }

.wall-message .message {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  background: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  min-width: 145px;
  padding: 10px 17px 30px 33px;
  position: relative;
  -webkit-box-shadow: 0 1px 1px 0 rgba(151, 151, 151, 0.58);
  -moz-box-shadow: 0 1px 1px 0 rgba(151, 151, 151, 0.58);
  box-shadow: 0 1px 1px 0 rgba(151, 151, 151, 0.58); }
  .wall-message .message:before, .wall-message .message:after {
    content: '';
    position: absolute; }
  .wall-message .message:before {
    background: url("../img/gimg/corner.png") no-repeat;
    bottom: 100%;
    left: 25px;
    height: 17px;
    width: 28px; }
  .wall-message .message:after {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    height: 100%;
    left: 0;
    top: 0;
    width: 16px; }
  .wall-message .message time {
    bottom: 0;
    color: #ccc;
    display: block;
    font-family: "Weblysleek UI Light", Arial;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    right: 17px;
    padding: 0 0 5px; }
  .wall-message .message .message-text {
    line-height: normal;
    word-break: break-all; }
  .wall-message .message pre {
    white-space: normal;
    word-wrap: break-word !important;
    max-width: 635px; }

.wall-message .odd .message:after {
  background: #accc37; }

.wall-message .even .message:after {
  background: #89b0dd; }

.wall-message .approved-message .message:after {
  background: #89b0dd; }

.wall-message .approved-message .message pre {
  color: #89b0dd;
  word-wrap: break-word !important; }

.wall-message .pending-message .message:after {
  background: #accc37; }

.wall-message .pending-message .message pre {
  color: #accc37;
  word-wrap: break-word !important; }

.wall-message .rejected-message .message:after {
  background: #bbb; }

.wall-message .rejected-message .message pre {
  color: #bbb;
  word-wrap: break-word !important; }

.live-chat-fullscreen {
  display: table;
  table-layout: fixed; }
  .live-chat-fullscreen .action-nav {
    margin: 0;
    top: 8px;
    position: absolute;
    right: 16px; }
  .live-chat-fullscreen .modal-dialog {
    display: table-cell;
    vertical-align: middle; }
  .live-chat-fullscreen .slideshow-content {
    float: left;
    padding: 0;
    width: 60%; }
    .live-chat-fullscreen .slideshow-content .panel {
      bottom: 0;
      left: 0;
      margin-top: 20px;
      position: relative;
      right: 0; }
      .live-chat-fullscreen .slideshow-content .panel:after {
        content: "";
        display: table;
        clear: both; }
      .live-chat-fullscreen .slideshow-content .panel.open {
        height: auto; }
        .live-chat-fullscreen .slideshow-content .panel.open .description {
          float: left;
          min-height: 100px;
          position: relative;
          width: calc(100% - 45px) !important; }
      .live-chat-fullscreen .slideshow-content .panel .description h3 {
        white-space: normal; }
  .live-chat-fullscreen .wall-message {
    float: right;
    width: 36%; }

.event-collections .top-163 {
  top: 40px;
  margin: 0; }

.event-collections .top-242 {
  padding-top: 0;
  top: 150px; }

.event-collections .btn-orange {
  background-color: #accc37 !important;
  border-color: #88b224 !important; }

.event-collections .edit:hover {
  background-position: 0 -32px; }

.edit-event {
  margin: 0; }
  .edit-event .form-item {
    margin-bottom: 8px; }
    .edit-event .form-item.add-page-form {
      display: table;
      width: 100%; }
    .edit-event .form-item .message-box.error {
      clear: both; }
    .edit-event .form-item .datepicker-box .form-item {
      width: 189px; }
    .edit-event .form-item .datepicker-box .message-box.error {
      padding-left: 0; }

/*endregion*/
.live_chat_fullscreened {
  z-index: 999;
  top: 0;
  left: 0;
  position: fixed !important;
  width: 100%;
  min-height: 100%;
  height: 100%;
  background-color: black; }

.live_chat_fullscreened .name {
  color: #fff; }

.live_chat_fullscreened ul {
  width: 50%;
  margin: auto; }

.live_chat_fullscreened pre {
  font-size: 60px;
  line-height: 68px;
  white-space: normal;
  word-wrap: break-word !important; }

.live_chat_fullscreened .wall-messages {
  overflow-y: auto; }

.event_i_book_page .top-87 {
  top: 0; }

.white_chat {
  height: 100%; }
  .white_chat .white_chat_inner {
    position: absolute;
    top: 175px;
    bottom: 0;
    left: 0;
    right: 0; }
    .white_chat .white_chat_inner .moderate_left, .white_chat .white_chat_inner .moderate_right {
      height: 100%;
      position: relative; }
      .white_chat .white_chat_inner .moderate_left .form-body + .inner, .white_chat .white_chat_inner .moderate_right .form-body + .inner {
        overflow-y: auto;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 156px; }
  .white_chat .moderate_left,
  .white_chat .moderate_right {
    width: 48.9%; }
    .white_chat .moderate_left.visible,
    .white_chat .moderate_right.visible {
      display: none; }
    .white_chat .moderate_left .form-body,
    .white_chat .moderate_right .form-body {
      margin: 32px 0; }
    .white_chat .moderate_left .inner,
    .white_chat .moderate_right .inner {
      padding-left: 28px; }
  .white_chat .moderate_left {
    float: left; }
  .white_chat .moderate_right {
    float: right; }
    .white_chat .moderate_right .moderate-empty {
      text-align: center;
      padding: 40px; }
      .white_chat .moderate_right .moderate-empty figcaption {
        color: #999;
        padding-top: 8px; }
    .white_chat .moderate_right .moderate-picture {
      text-align: center;
      position: relative;
      max-width: 445px;
      margin-bottom: 32px; }
      .white_chat .moderate_right .moderate-picture img {
        max-width: 100%; }
        .white_chat .moderate_right .moderate-picture img.rejected {
          opacity: 0.5; }
      .white_chat .moderate_right .moderate-picture figcaption {
        background: #999;
        color: #fff;
        text-align: left;
        margin-top: 1px;
        padding: 8px 16px;
        white-space: normal;
        word-wrap: break-word; }
      .white_chat .moderate_right .moderate-picture .controls {
        display: inline-block;
        position: absolute;
        top: 50%;
        right: -72px; }
        .white_chat .moderate_right .moderate-picture .controls .approve, .white_chat .moderate_right .moderate-picture .controls .reject {
          color: transparent;
          font-size: 4px !important;
          display: inline-block;
          width: 24px;
          height: 24px;
          margin-left: 16px; }
        .white_chat .moderate_right .moderate-picture .controls .approve {
          background: url("../img/gimg/yes.png"); }
        .white_chat .moderate_right .moderate-picture .controls .reject {
          background: url("../img/gimg/no.png"); }

.event-content {
  margin: 0 6.25%; }
  .event-content .container {
    margin: 0; }

.min-height {
  min-height: 160px; }

.pad0 {
  padding-left: 0 !important; }

.btn-quiz, .btn-quiz-trash-none, .btn-quiz-trash-active, .btn-quiz-edit-none, .btn-quiz-edit-active, .btn-quiz-stop-active, .btn-quiz-empty, .btn-quiz-stop-none, .btn-quiz-start-none, .btn-quiz-start-active, .btn-quiz-move-none, .btn-quiz-move-active, .btn-quiz-empty-active, .btn-quiz-move-active.btn-in-question, .btn-quiz-details-active, .btn-quiz-details-close-active {
  color: #5d5d5d;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  position: relative;
  text-decoration: none;
  padding: 0;
  border: 0;
  font-size: 16px;
  vertical-align: baseline; }

.btn-quiz-trash-none {
  background: url("../img/gimg/sprite_icon_trash.png");
  background-position: 0 0; }

.btn-quiz-trash-active {
  background: url("../img/gimg/sprite_icon_trash.png");
  background-position: 0 0; }
  .btn-quiz-trash-active:hover {
    background-position: 0 -48px;
    color: #ffc000;
    cursor: pointer; }

.btn-quiz-edit-none {
  background: url("../img/gimg/sprite_icon_edit.png");
  background-position: 0 0; }

.btn-quiz-edit-active {
  background: url("../img/gimg/sprite_icon_edit.png");
  background-position: 0 0; }
  .btn-quiz-edit-active:hover {
    background-position: 0 -48px;
    color: #ffc000;
    cursor: pointer; }

.btn-quiz-stop-active {
  margin-right: 16px;
  background: url("../img/gimg/sprite_icon_stop.png") no-repeat 0 0;
  background-position: 0 0; }
  .btn-quiz-stop-active:hover {
    background-position: 0 -48px;
    color: #ffc000;
    cursor: pointer; }

.btn-quiz-empty {
  margin-right: 16px; }

.btn-quiz-stop-none {
  margin-right: 16px;
  background: url("../img/gimg/sprite_icon_stop.png") no-repeat 0 0;
  background-position: 0 0; }

.btn-quiz-start-none {
  margin-right: 16px;
  background: url("../img/gimg/sprite_icon_play.png");
  background-position: 0 0; }

.btn-quiz-start-active {
  margin-right: 16px;
  background: url("../img/gimg/sprite_icon_play.png");
  background-position: 0 0; }
  .btn-quiz-start-active:hover {
    background-position: 0 -48px;
    color: #ffc000;
    cursor: pointer; }

.btn-quiz-move-none {
  background: url("../img/gimg/sprite_icon_move.png");
  background-position: 0 0; }

.btn-quiz-move-active {
  background: url("../img/gimg/sprite_icon_move.png");
  background-position: 0 0; }
  .btn-quiz-move-active:hover {
    background-position: 0 -48px;
    color: #ffc000;
    cursor: pointer; }

.table-user .quiz-table-th {
  text-align: left;
  padding-left: 20px; }

.table-user tbody tr td.quiz-table-td {
  text-align: left;
  padding-left: 25px; }
  .table-user tbody tr td.quiz-table-td:hover {
    cursor: pointer; }

.table-user tbody tr td.question-table-td {
  text-align: left;
  padding-left: 25px; }

.table-user tbody tr td.question-table-td.question-second-cell {
  text-align: left;
  padding-left: 25px; }

.quiz-table-tr-action {
  width: 160px; }

.question-table-tr-action {
  width: 120px; }

.form-item-version-add {
  float: right;
  width: 20px;
  height: 20px; }
  .form-item-version-add span {
    display: block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: white;
    background-color: grey;
    border: 1px solid grey;
    border-radius: 50%; }
  .form-item-version-add:after {
    content: '';
    display: block;
    clear: both; }

.form-item-question-browse {
  float: left;
  width: 75%; }
  .form-item-question-browse:after {
    content: "";
    display: block;
    clear: both; }

.form-item-question-preview {
  float: right;
  width: 24%; }
  .form-item-question-preview:after {
    content: "";
    display: block;
    clear: both; }
  .form-item-question-preview img.preview-image {
    width: 100%;
    height: 100%;
    border: 1px solid grey; }

.quiz-attachment-list-item {
  width: 254px;
  height: 170px;
  margin-bottom: 4px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: bottom;
  overflow: hidden;
  opacity: 1; }
  .quiz-attachment-list-item img.front {
    width: 100%;
    height: 100%; }
    .quiz-attachment-list-item img.front:hover {
      cursor: pointer; }

.answer-multi-choce-field {
  margin-bottom: 5px; }

.event-colors-list .colors-list-item {
  line-height: 40px;
  white-space: nowrap; }

.event-colors-list .color-box > * {
  display: inline-block;
  vertical-align: top; }

.event-colors-list .color-box .color-circle {
  border-bottom-left-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-right-radius: 50%;
  border: 1px solid transparent;
  height: 40px;
  margin-right: 5px;
  text-indent: -9999px;
  width: 40px; }
  .event-colors-list .color-box .color-circle.color-white {
    border-color: #9b9b9b; }

.event-colors-list .color-box .color-hex {
  cursor: pointer; }

.event-details .save, .event-details .cancel {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: transparent;
  font-size: 8px; }

.event-details .save {
  background: url("../img/gimg/yes.png") no-repeat center; }

.event-details .cancel {
  background: url("../img/gimg/no.png") no-repeat center; }

.event-details .errors {
  line-height: 18px; }
  .event-details .errors span {
    color: #f32828 !important;
    font-size: 14px;
    line-height: 18px; }

.quiz-questions-header li {
  height: 35px; }

.quiz-questions-content .question-item {
  background-color: #88afdc;
  border: 1px solid #ccc;
  padding: 30px 17px 12px 15px;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 20px; }
  .quiz-questions-content .question-item .item-text {
    font-weight: bold;
    font-size: 16px;
    float: left; }
  .quiz-questions-content .question-item .item-icon {
    float: right; }
  .quiz-questions-content .question-item .item-stat {
    clear: both;
    color: #5d5d5d;
    font-size: 14px;
    font-weight: bold;
    min-height: 20px; }
  .quiz-questions-content .question-item .item-icon .question-time {
    color: #f32828;
    padding-right: 30px;
    font-size: 14px;
    padding-top: 3px; }
  .quiz-questions-content .question-item.stopped .btn-quiz-start-active {
    transform: rotate(90deg); }
    .quiz-questions-content .question-item.stopped .btn-quiz-start-active:hover {
      background-position: 0 0;
      cursor: default; }
  .quiz-questions-content .question-item.active {
    background-color: #accc37; }

.question-timer-container input[type="text"] {
  width: 44px;
  text-align: center; }

.quiz-design-btn-remove {
  display: block;
  width: 40px;
  height: 32px;
  border-radius: 5px;
  background: #e28585 url("../img/gimg/quiz-remove-small.png") 50% 50% no-repeat; }
  .quiz-design-btn-remove:hover {
    cursor: pointer; }

.quiz-design-list-tr {
  width: 100%;
  min-width: 923px;
  height: 60px;
  background-color: #88afdc;
  color: #252525;
  margin: 15px 0 15px 0;
  border-radius: 5px;
  line-height: 60px;
  padding-left: 20px;
  font-size: 24px; }
  .quiz-design-list-tr:hover {
    background-color: silver; }
  .quiz-design-list-tr:after {
    content: "";
    display: block;
    clear: both; }

.quiz-design-list-td-title {
  height: 100%;
  margin-right: 403px;
  min-width: 830px; }
  .quiz-design-list-td-title:hover {
    cursor: pointer; }
  .quiz-design-list-td-title:after {
    content: "";
    display: block;
    clear: both; }

.quiz-design-list-td-actions {
  height: 100%;
  float: right;
  width: 403px; }
  .quiz-design-list-td-actions:after {
    content: "";
    display: block;
    clear: both; }

.quiz-status-directive {
  display: inline-block;
  float: left;
  color: black;
  font-weight: bold;
  width: 150px;
  height: 32px;
  position: relative;
  text-decoration: none;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-size: 14px;
  margin-top: 15px;
  line-height: 32px;
  text-align: center;
  background-color: grey;
  border-radius: 5px; }

.question-design-list-tr {
  width: 100%;
  min-width: 880px;
  height: 60px;
  background-color: #88afdc;
  color: #252525;
  margin: 15px 0 15px 0;
  border-radius: 5px;
  line-height: 60px;
  padding-left: 20px;
  font-size: 24px; }
  .question-design-list-tr:hover {
    background-color: silver; }
  .question-design-list-tr:after {
    content: "";
    display: block;
    clear: both; }

.question-design-list-td-title {
  height: 100%;
  float: left;
  width: 150px; }
  .question-design-list-td-title:after {
    content: "";
    display: block;
    clear: both; }

.question-design-list-td-text {
  height: 100%;
  margin-left: 150px;
  margin-right: 190px;
  min-width: 540px; }
  .question-design-list-td-text:after {
    content: "";
    display: block;
    clear: both; }

.question-design-list-td-actions {
  height: 100%;
  float: right;
  width: 190px; }
  .question-design-list-td-actions:after {
    content: "";
    display: block;
    clear: both; }

.btn-quiz, .btn-quiz-trash-none, .btn-quiz-trash-active, .btn-quiz-edit-none, .btn-quiz-edit-active, .btn-quiz-stop-active, .btn-quiz-empty, .btn-quiz-stop-none, .btn-quiz-start-none, .btn-quiz-start-active, .btn-quiz-move-none, .btn-quiz-move-active, .btn-quiz-empty-active, .btn-quiz-move-active.btn-in-question, .btn-quiz-details-active, .btn-quiz-details-close-active {
  color: #88afdc;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-top: 15px;
  margin-left: 25px;
  position: relative;
  text-decoration: none;
  padding: 0;
  border: 0;
  vertical-align: baseline; }

.btn-quiz-trash-none {
  display: none; }

.btn-quiz-trash-active {
  background: url("../img/gimg/quiz-remove.png");
  background-position: 0 0; }
  .btn-quiz-trash-active:hover {
    background: url("../img/gimg/quiz-remove-active.png");
    background-position: 0 0;
    cursor: pointer; }

.btn-quiz-edit-none {
  display: none; }

.btn-quiz-edit-active {
  background: url("../img/gimg/quiz-edit.png");
  background-position: 0 0; }
  .btn-quiz-edit-active:hover {
    background: url("../img/gimg/quiz-edit-active.png");
    background-position: 0 0;
    cursor: pointer; }

.btn-quiz-stop-active {
  margin-right: 10px;
  background: url("../img/gimg/quiz-stop.png");
  background-position: 0 0; }
  .btn-quiz-stop-active:hover {
    background: url("../img/gimg/quiz-stop-active.png");
    background-position: 0 0;
    cursor: pointer; }

.btn-quiz-empty-active {
  margin-right: 10px; }

.btn-quiz-empty-none {
  display: none; }

.btn-quiz-stop-none {
  display: none; }

.btn-quiz-start-none {
  display: none; }

.btn-quiz-start-active {
  margin-right: 10px;
  background: url("../img/gimg/quiz-play.png");
  background-position: 0 0; }
  .btn-quiz-start-active:hover {
    background: url("../img/gimg/quiz-play-active.png");
    background-position: 0 0;
    cursor: pointer; }

.btn-quiz-move-none {
  display: none; }

.btn-quiz-move-active {
  background: url("../img/gimg/quiz-move.png");
  background-position: 0 0;
  margin-left: 250px; }
  .btn-quiz-move-active:hover {
    background: url("../img/gimg/quiz-move-active.png");
    background-position: 0 0;
    cursor: pointer; }

.btn-quiz-move-active.btn-in-question {
  background: url("../img/gimg/quiz-move.png");
  background-position: 0 0;
  margin-left: 100px; }
  .btn-quiz-move-active.btn-in-question:hover {
    background: url("../img/gimg/quiz-move-active.png");
    background-position: 0 0;
    cursor: pointer; }

.quiz-status-none {
  display: none; }

.quiz-status-active {
  display: inline-block; }

.g-input-area {
  display: block;
  height: 100px;
  width: 100%; }

.quiz-input-validate.ng-invalid.ng-dirty {
  outline: 1px solid palevioletred; }

.input-answer-action-none {
  width: 30px;
  height: 30px;
  border-radius: 5%;
  margin-left: 10px;
  background: palevioletred url("../img/gimg/quiz-remove-small.png") 50% 50% no-repeat;
  color: white;
  float: right; }
  .input-answer-action-none:after {
    content: "";
    display: block;
    clear: both; }

.input-answer-action-active {
  width: 30px;
  height: 30px;
  border-radius: 5%;
  margin-left: 10px;
  background: #db5993 url("../img/gimg/quiz-remove-small.png") 50% 50% no-repeat;
  color: white;
  float: right; }
  .input-answer-action-active:hover {
    cursor: pointer; }
  .input-answer-action-active:after {
    content: "";
    display: block;
    clear: both; }

.input-answer-field {
  margin-right: 40px; }

.answers-validate-warning {
  font-size: 14px;
  color: red; }

.question-type-disable {
  border: 1px solid silver;
  padding: 0 0 0 5px;
  height: 30px;
  width: 100%;
  line-height: 30px;
  margin-top: 5px;
  vertical-align: baseline; }

.btn.btn-gray[disabled="disabled"] {
  background-color: lightgrey; }
  .btn.btn-gray[disabled="disabled"]:hover {
    cursor: default; }

.quiz-result {
  color: palevioletred; }
  .quiz-result h1 {
    text-align: left;
    color: #fff;
    font-size: 50px;
    margin-bottom: 0;
    padding-left: 20px; }
  .quiz-result h2 {
    text-align: left;
    color: #ffc128;
    font-size: 60px;
    padding-left: 20px; }
  .quiz-result .quiz-result-img {
    width: 90%;
    height: 90%;
    padding: 5%; }
  .quiz-result .result-content {
    width: 100%; }
    @media all {
      .quiz-result .result-content {
        min-height: 70%; } }
    @media screen and (max-width: 1600px) {
      .quiz-result .result-content {
        min-height: 65%; } }
    @media screen and (max-width: 1300px) {
      .quiz-result .result-content {
        min-height: 60%; } }
    .quiz-result .result-content:after {
      content: "";
      display: block;
      clear: both; }
    .quiz-result .result-content .quiz-res-left {
      width: 50%;
      float: left;
      position: relative; }
      .quiz-result .result-content .quiz-res-left:after {
        content: "";
        display: block;
        clear: both; }
    .quiz-result .result-content .quiz-res-right {
      width: 50%;
      float: right; }
      .quiz-result .result-content .quiz-res-right:after {
        content: "";
        display: block;
        clear: both; }
      .quiz-result .result-content .quiz-res-right .answers-text {
        border: 1px solid #fff;
        border-radius: 3px;
        margin-right: 50px;
        padding: 10px;
        font-size: 20px;
        padding-left: 30px;
        text-align: left;
        overflow-y: scroll; }
        @media all {
          .quiz-result .result-content .quiz-res-right .answers-text {
            height: 620px; } }
        @media screen and (max-width: 1600px) {
          .quiz-result .result-content .quiz-res-right .answers-text {
            height: 460px; } }
        @media screen and (max-width: 1300px) {
          .quiz-result .result-content .quiz-res-right .answers-text {
            height: 420px; } }
        .quiz-result .result-content .quiz-res-right .answers-text > ul > li {
          padding-bottom: 20px; }
        .quiz-result .result-content .quiz-res-right .answers-text h3.name {
          font-weight: bold;
          line-height: normal;
          margin: 0 0 30px 15px; }
        .quiz-result .result-content .quiz-res-right .answers-text .message {
          border-top-left-radius: 7px;
          border-top-right-radius: 7px;
          border-bottom-left-radius: 7px;
          border-bottom-right-radius: 7px;
          background: #fff;
          border: 1px solid #ccc;
          display: inline-block;
          min-width: 145px;
          width: 100%;
          padding: 10px 17px 15px 33px;
          position: relative;
          margin-top: 10px;
          -webkit-box-shadow: 0 1px 1px 0 rgba(151, 151, 151, 0.58);
          -moz-box-shadow: 0 1px 1px 0 rgba(151, 151, 151, 0.58);
          box-shadow: 0 1px 1px 0 rgba(151, 151, 151, 0.58); }
          .quiz-result .result-content .quiz-res-right .answers-text .message:before, .quiz-result .result-content .quiz-res-right .answers-text .message:after {
            content: '';
            position: absolute; }
          .quiz-result .result-content .quiz-res-right .answers-text .message:before {
            background: url("../img/gimg/corner.png") no-repeat;
            bottom: 100%;
            left: 25px;
            height: 17px;
            width: 28px; }
          .quiz-result .result-content .quiz-res-right .answers-text .message:after {
            border-top-left-radius: inherit;
            border-bottom-left-radius: inherit;
            height: 100%;
            left: 0;
            top: 0;
            width: 16px; }
          .quiz-result .result-content .quiz-res-right .answers-text .message time {
            bottom: 0;
            color: #ccc;
            display: block;
            font-family: "Weblysleek UI Light", Arial;
            font-size: 12px;
            line-height: normal;
            position: absolute;
            right: 17px;
            padding: 0 0 5px; }
          .quiz-result .result-content .quiz-res-right .answers-text .message .message-text {
            line-height: normal;
            word-break: break-all;
            color: #000; }
          .quiz-result .result-content .quiz-res-right .answers-text .message pre {
            white-space: normal;
            word-wrap: break-word !important;
            max-width: 635px; }
        .quiz-result .result-content .quiz-res-right .answers-text .approved-message .message:after {
          background: #89b0dd; }
        .quiz-result .result-content .quiz-res-right .answers-text .approved-message .message pre {
          color: #89b0dd;
          word-wrap: break-word !important; }
        .quiz-result .result-content .quiz-res-right .answers-text .pending-message .message:after {
          background: #accc37; }
        .quiz-result .result-content .quiz-res-right .answers-text .pending-message .message pre {
          color: #accc37;
          word-wrap: break-word !important; }
        .quiz-result .result-content .quiz-res-right .answers-text .rejected-message .message:after {
          background: #bbb; }
        .quiz-result .result-content .quiz-res-right .answers-text .rejected-message .message pre {
          color: #bbb;
          word-wrap: break-word !important; }
      .quiz-result .result-content .quiz-res-right .answers-star {
        margin-right: 50px;
        padding: 10px 10px 10px 30px;
        text-align: left; }
        @media all {
          .quiz-result .result-content .quiz-res-right .answers-star {
            margin-top: -40px; } }
        @media screen and (max-width: 1600px) {
          .quiz-result .result-content .quiz-res-right .answers-star {
            margin-top: -10px; } }
        @media all {
          .quiz-result .result-content .quiz-res-right .answers-star .stars-rating {
            height: 95px; } }
        @media screen and (max-width: 1600px) {
          .quiz-result .result-content .quiz-res-right .answers-star .stars-rating {
            height: 70px; } }
        .quiz-result .result-content .quiz-res-right .answers-star .stars-rating .star-ratings-sprite {
          font-size: 0;
          line-height: 0;
          overflow: hidden;
          text-indent: -999em;
          margin: 0 auto;
          display: inline-block; }
          @media all {
            .quiz-result .result-content .quiz-res-right .answers-star .stars-rating .star-ratings-sprite {
              height: 125px;
              width: 500px;
              background: url("../img/gimg/stars_black.png") no-repeat;
              background-position: 0 0; } }
          @media screen and (max-width: 1600px) {
            .quiz-result .result-content .quiz-res-right .answers-star .stars-rating .star-ratings-sprite {
              height: 70px;
              width: 298px;
              background: url("../img/gimg/stars_black_sm.png") no-repeat;
              background-position: 0 0; } }
          .quiz-result .result-content .quiz-res-right .answers-star .stars-rating .star-ratings-sprite .rating {
            display: inline-block;
            float: left;
            width: 100%; }
            @media all {
              .quiz-result .result-content .quiz-res-right .answers-star .stars-rating .star-ratings-sprite .rating {
                height: 125px;
                background: url("../img/gimg/stars_yellow.png") no-repeat;
                background-position: 0 0; } }
            @media screen and (max-width: 1600px) {
              .quiz-result .result-content .quiz-res-right .answers-star .stars-rating .star-ratings-sprite .rating {
                height: 70px;
                background: url("../img/gimg/stars_yellow_sm.png") no-repeat;
                background-position: 0 0; } }
        .quiz-result .result-content .quiz-res-right .answers-star .stars-rating .star-percent {
          color: #fff;
          display: inline-block;
          margin-left: 30px;
          line-height: 151px;
          vertical-align: top; }
          @media all {
            .quiz-result .result-content .quiz-res-right .answers-star .stars-rating .star-percent {
              font-size: 60px;
              line-height: 151px; } }
          @media screen and (max-width: 1600px) {
            .quiz-result .result-content .quiz-res-right .answers-star .stars-rating .star-percent {
              font-size: 46px;
              line-height: 70px; } }
      .quiz-result .result-content .quiz-res-right .answers-choices {
        margin-right: 50px;
        padding: 10px 10px 10px 30px;
        text-align: left; }
        .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choice-title {
          color: #fff;
          font-size: 32px;
          height: 30px;
          text-transform: uppercase;
          margin-bottom: -25px; }
          @media all {
            .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choice-title {
              font-size: 32px;
              padding-left: 12px; } }
          @media screen and (max-width: 1600px) {
            .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choice-title {
              font-size: 22px;
              padding-left: 12px; } }
        @media all {
          .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics {
            height: 80px; } }
        @media screen and (max-width: 1600px) {
          .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics {
            height: 50px; } }
        .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics .statistics-sprite {
          font-size: 0;
          line-height: 0;
          overflow: hidden;
          text-indent: -999em;
          margin: 0 auto;
          display: inline-block; }
          @media all {
            .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics .statistics-sprite {
              height: 100px;
              width: 660px;
              background: url("../img/gimg/line-black-lg.png") 0 0 no-repeat; } }
          @media screen and (max-width: 1600px) {
            .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics .statistics-sprite {
              height: 60px;
              width: 400px;
              background: url("../img/gimg/line-black-lm.png") 0 0 no-repeat; } }
          .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics .statistics-sprite .statistics {
            display: inline-block;
            float: left; }
            @media all {
              .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics .statistics-sprite .statistics {
                background: url("../img/gimg/line-yellow-lg.png") 0 0 no-repeat;
                height: 100px; } }
            @media screen and (max-width: 1600px) {
              .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics .statistics-sprite .statistics {
                height: 60px;
                background: url("../img/gimg/line-yellow-lm.png") 0 0 no-repeat; } }
        .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics .statistics-percent {
          color: #fff;
          display: inline-block;
          margin-left: 30px;
          vertical-align: top; }
          @media all {
            .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics .statistics-percent {
              line-height: 93px;
              font-size: 40px; } }
          @media screen and (max-width: 1600px) {
            .quiz-result .result-content .quiz-res-right .answers-choices .choice-content .choices-statistics .statistics-percent {
              line-height: 63px;
              font-size: 28px; } }
  .quiz-result .result-bottom {
    clear: both;
    width: 100%;
    height: 20%; }
  .quiz-result .arrows .fullscreen-btn {
    position: fixed;
    top: 15px;
    right: 50px; }
    .quiz-result .arrows .fullscreen-btn a {
      float: left;
      margin-left: 8px;
      min-width: 40px;
      padding: 0;
      text-indent: -9999px;
      width: 40px; }
      .quiz-result .arrows .fullscreen-btn a span {
        background: url("../img/gimg/action-nav.png") no-repeat scroll -87px 7px;
        color: transparent;
        display: block;
        font-size: 5px; }

.quiz-form-info {
  color: #252525;
  font-size: 12px;
  margin-top: 20px; }

.excel-icon {
  background: url("../img/gimg/to-excel-icon.png") no-repeat center;
  display: block;
  height: 100%; }

.send-all-icon {
  background: url("../img/gimg/send-all-icon.png") no-repeat center;
  display: block;
  height: 100%; }

.cloud-icon {
  background: url("../img/gimg/cloud-icon.png") no-repeat center;
  display: block;
  height: 100%; }

.preview-logo-container {
  background: url("../img/gimg/preview-logo-background.jpg") 50% 50% no-repeat;
  background-size: 100% 100%; }

label[disabled=disabled] {
  color: #999;
  border-color: #e7e7e7;
  opacity: 0.5;
  cursor: default; }

.quiz-result-full-screen-client-logo {
  width: 268px;
  height: 48px;
  float: right;
  margin-top: 20px;
  padding-right: 60px; }
  .quiz-result-full-screen-client-logo:after {
    content: "";
    display: block;
    clear: both; }
  .quiz-result-full-screen-client-logo img.fullscreen-client-img {
    width: 100%;
    height: 100%; }

.quiz-result-full-screen-powered-by-logo {
  width: 320px;
  height: 72px;
  position: absolute;
  left: 40%;
  bottom: 10px; }
  .quiz-result-full-screen-powered-by-logo img.fullscreen-powered-by-img {
    width: 100%;
    height: 100%; }

.quiz-result-full-screen-powered-by-logo-default {
  width: 177px;
  height: 72px;
  position: absolute;
  left: 45%;
  bottom: 10px; }
  .quiz-result-full-screen-powered-by-logo-default img.fullscreen-powered-by-img {
    width: 100%;
    height: 100%; }

.fullscreen-title {
  margin-right: 268px; }
  @media all {
    .fullscreen-title > h1 {
      font-size: 40px; } }
  @media screen and (max-width: 1600px) {
    .fullscreen-title > h1 {
      font-size: 36px; } }
  @media screen and (max-width: 1300px) {
    .fullscreen-title > h1 {
      font-size: 30px; } }
  @media all {
    .fullscreen-title > h2 {
      font-size: 40px;
      height: 120px; } }
  @media screen and (max-width: 1600px) {
    .fullscreen-title > h2 {
      font-size: 36px;
      height: 100px; } }
  @media screen and (max-width: 1300px) {
    .fullscreen-title > h2 {
      font-size: 30px;
      height: 90px; } }

.quiz-result-play-icon {
  background: url("../img/gimg/page/play_button.svg") no-repeat center;
  background-size: 60px 42px;
  cursor: pointer;
  content: '';
  position: absolute;
  height: 42px;
  left: 50%;
  top: 50%;
  margin: -11px 0 0 -15px;
  width: 60px;
  z-index: 10; }

.quiz-fullscreen-img {
  padding-left: 20px;
  padding-right: 20px; }
  @media all {
    .quiz-fullscreen-img {
      height: 620px; } }
  @media screen and (max-width: 1600px) {
    .quiz-fullscreen-img {
      height: 460px; } }
  @media screen and (max-width: 1300px) {
    .quiz-fullscreen-img {
      height: 420px; } }

.quiz-timer-input-validate {
  outline: 1px solid palevioletred; }

.question-icon-actions {
  display: inline-block; }

.question-icon-details {
  display: inline-block; }

.question-details {
  margin-bottom: 20px;
  margin-top: -19px; }

.btn-quiz-details-active {
  margin-right: 10px;
  background: url("../img/gimg/quiz-details.png");
  background-position: 0 0; }
  .btn-quiz-details-active:hover {
    background: url("../img/gimg/quiz-details-active.png");
    background-position: 0 0;
    cursor: pointer; }

.btn-quiz-details-close-active {
  margin-right: 10px;
  background: url("../img/gimg/quiz-details-close.png");
  background-position: 0 0; }
  .btn-quiz-details-close-active:hover {
    background: url("../img/gimg/quiz-details-close-active.png");
    background-position: 0 0;
    cursor: pointer; }

.question-details-directive {
  display: block;
  width: 100%;
  background-color: #88afdc; }
  .question-details-directive .question-details-container {
    padding: 30px 17px 12px 15px;
    color: white; }
    .question-details-directive .question-details-container .question-details-headers {
      margin-bottom: 5px; }
    .question-details-directive .question-details-container .question-details-content {
      margin-bottom: 10px;
      margin-left: 10px; }
      .question-details-directive .question-details-container .question-details-content .question-details-answers {
        margin-bottom: 5px; }
    .question-details-directive .question-details-container .question-details-attachment {
      margin: 0;
      height: 220px; }
      .question-details-directive .question-details-container .question-details-attachment > details-video {
        height: 220px;
        max-width: 460px;
        margin: 0 auto; }
      .question-details-directive .question-details-container .question-details-attachment > details-preview {
        height: 220px; }
      .question-details-directive .question-details-container .question-details-attachment .details-img {
        display: block;
        margin: 0 auto;
        height: 220px; }

/*region #DASHBOARD*/
.welcome-page {
  position: relative; }
  .welcome-page .container {
    margin: auto;
    max-width: 1280px;
    padding: 0; }
    @media screen and (max-width: 1366px) and (max-height: 768px) {
      .welcome-page .container {
        padding-top: 0; } }
  .welcome-page h1 {
    color: #ffc000;
    font-family: "Weblysleek UI Light", Arial;
    font-size: 48px; }
    @media screen and (max-width: 1366px) and (max-height: 768px) {
      .welcome-page h1 {
        margin: 0 0 15px; } }
  .welcome-page h2 {
    color: #2f2f2f;
    font-size: 24px;
    line-height: 32px; }
  .welcome-page h1,
  .welcome-page h2 {
    text-align: center; }

.tabs-container {
  width: 75%;
  margin: auto;
  min-width: 960px;
  padding: 17px 0; }

.tabs {
  height: 434px;
  margin: 45px auto 0;
  overflow: hidden;
  max-width: 800px; }
  @media screen and (max-width: 1366px) and (max-height: 768px) {
    .tabs {
      height: 410px;
      margin-top: 25px; } }
  .tabs .tabs-nav {
    float: left;
    margin: 2px 0;
    width: 58px; }
    .tabs .tabs-nav li {
      border-bottom-left-radius: 50%;
      border-top-left-radius: 50%;
      border-bottom-right-radius: 50%;
      border-top-right-radius: 50%;
      background: transparent;
      border: 1px solid #a1a1a1;
      height: 58px;
      line-height: 58px;
      position: relative;
      text-align: center;
      width: 58px; }
      .tabs .tabs-nav li a {
        display: block;
        text-decoration: none; }
      .tabs .tabs-nav li span {
        display: inline-block;
        vertical-align: middle; }
      .tabs .tabs-nav li.active {
        border-color: transparent; }
        .tabs .tabs-nav li.active:after {
          content: '';
          height: 2px;
          margin: -1px 0 0;
          position: absolute;
          right: -42px;
          top: 50%;
          width: 39px; }
      .tabs .tabs-nav li.separator {
        border: 0;
        border-radius: 0;
        height: 56px;
        margin: 5px 0; }
        .tabs .tabs-nav li.separator span {
          background: #bbb;
          display: block;
          height: 100%;
          margin: auto;
          vertical-align: middle;
          width: 1px; }
        @media screen and (max-width: 1366px) and (max-height: 768px) {
          .tabs .tabs-nav li.separator {
            height: 48px; } }
      .tabs .tabs-nav li.folder span {
        background: url("../img/gimg/welcome/folder.png") no-repeat;
        height: 31px;
        margin: -4px 0 0;
        width: 38px; }
      .tabs .tabs-nav li.folder.active {
        background: #ffc000; }
        .tabs .tabs-nav li.folder.active span {
          background: url("../img/gimg/welcome/folder-active.png") no-repeat; }
        .tabs .tabs-nav li.folder.active:after {
          background: rgba(187, 187, 187, 0.5); }
      .tabs .tabs-nav li.book span {
        background: url("../img/gimg/welcome/book.png") no-repeat;
        height: 37px;
        width: 38px; }
      .tabs .tabs-nav li.book.active {
        background: #ffc000; }
        .tabs .tabs-nav li.book.active span {
          background: url("../img/gimg/welcome/book-active.png") no-repeat; }
        .tabs .tabs-nav li.book.active:after {
          background: #ffc000; }
      .tabs .tabs-nav li.event span {
        background: url("../img/gimg/welcome/event.png") no-repeat;
        height: 35px;
        margin: -5px 0 0;
        width: 35px; }
      .tabs .tabs-nav li.event.active {
        background: #accc37; }
        .tabs .tabs-nav li.event.active span {
          background: url("../img/gimg/welcome/event-active.png") no-repeat; }
        .tabs .tabs-nav li.event.active:after {
          background: #accc37; }
      .tabs .tabs-nav li.community span {
        background: url("../img/gimg/welcome/community.png") no-repeat;
        height: 33px;
        margin: -5px 0 0;
        width: 41px; }
      .tabs .tabs-nav li.community.active {
        background: #89b0dd; }
        .tabs .tabs-nav li.community.active span {
          background: url("../img/gimg/welcome/community-active.png") no-repeat; }
        .tabs .tabs-nav li.community.active:after {
          background: #89b0dd; }
  .tabs .tab-container {
    float: left;
    height: 100%;
    margin-left: 41px; }
  .tabs .tab-content {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: 2px solid;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 640px; }
    .tabs .tab-content.tab-folder {
      border-color: rgba(187, 187, 187, 0.5); }
    .tabs .tab-content.tab-book {
      border-color: #ffc000; }
    .tabs .tab-content.tab-event {
      border-color: #accc37; }
      .tabs .tab-content.tab-event h1 {
        text-align: left; }
    .tabs .tab-content.tab-community {
      border-color: #89b0dd; }
      .tabs .tab-content.tab-community figure {
        margin: 80px 0 40px; }
      .tabs .tab-content.tab-community h3 {
        margin-top: 46px; }
    .tabs .tab-content .tab-content-inner {
      display: table-cell;
      vertical-align: middle;
      padding: 47px 10px;
      text-align: center;
      position: relative;
      vertical-align: middle; }
      .tabs .tab-content .tab-content-inner .align-center {
        bottom: 15px;
        left: 0;
        position: absolute;
        right: 0; }
    .tabs .tab-content h2 {
      color: #333;
      text-transform: uppercase; }
    .tabs .tab-content h3 {
      color: #666;
      margin: 30px 0 15px; }
    .tabs .tab-content h2,
    .tabs .tab-content h3 {
      font-family: "Weblysleek UI Semi Light", Arial;
      line-height: 24px; }
    .tabs .tab-content .btn {
      display: inline-block;
      min-width: 160px; }

/*endregion*/
/*region #MODALS*/
body.modal-open {
  overflow: hidden; }

.ask {
  background: url("../img/gimg/ask-icon.png") no-repeat top left;
  min-height: 48px;
  line-height: normal;
  margin: 0 0 45px;
  padding-left: 68px;
  text-align: left;
  word-wrap: break-word; }
  .ask span {
    display: block;
    line-height: normal; }
  .ask.error {
    background: url("../img/gimg/error-icon.png") no-repeat top left; }
  .ask p:last-child {
    /*margin: 0 0 45px; */ }

.ask-list {
  list-style: disc inside;
  margin: -30px 0 35px;
  padding-left: 68px; }
  .ask-list li {
    line-height: 20px;
    word-break: break-all; }

.confirm-content .comment {
  max-width: 575px;
  margin-bottom: 20px; }

.confirm-content .actions {
  position: relative;
  margin-right: -16px;
  margin-bottom: 3px !important; }
  .confirm-content .actions .ct-actions li:last-child button {
    color: #2f2f2f !important; }

.contact_us .selectize-input input[type="text"] {
  float: none; }

.contact_us textarea {
  height: 140px; }

.modal {
  background: rgba(255, 255, 255, 0.5);
  height: 100%;
  left: 0;
  padding-bottom: 20px;
  position: fixed;
  overflow: auto;
  top: 0;
  width: 100%;
  z-index: 2000 !important; }
  .modal .modal-dialog {
    max-width: 1120px;
    margin: auto; }
    @media screen and (max-width: 1199px) {
      .modal .modal-dialog {
        max-width: 960px; } }
    @media screen and (max-width: 1023px) {
      .modal .modal-dialog {
        max-width: 700px; } }
    .modal .modal-dialog.modal-sm {
      max-width: 680px;
      padding: 0; }
      .modal .modal-dialog.modal-sm .actions ul {
        text-align: right; }
        .modal .modal-dialog.modal-sm .actions ul li {
          float: none;
          display: inline-block;
          margin: 0 0 0 6px; }
    .modal .modal-dialog.modal-md {
      max-width: 800px; }
      .modal .modal-dialog.modal-md .actions ul {
        text-align: right; }
        .modal .modal-dialog.modal-md .actions ul li {
          float: none;
          display: inline-block;
          margin: 0 0 0 6px; }
    .modal .modal-dialog.modal-share-ib {
      max-width: 960px; }
      .modal .modal-dialog.modal-share-ib .modal-body {
        background: #e7e7e7;
        padding: 0; }
    .modal .modal-dialog .picture-description {
      background: #999;
      display: block;
      color: #fff;
      margin-top: 1px;
      padding: 8px 16px; }
  .modal .modal-content {
    background: #fff;
    margin: 95px 0 0; }
    .modal .modal-content .modal-header, .modal .modal-content .modal-body, .modal .modal-content .modal-footer {
      padding: 24px 16px 14px;
      position: relative; }
      .modal .modal-content .modal-header.modal-footer, .modal .modal-content .modal-body.modal-footer, .modal .modal-content .modal-footer.modal-footer {
        padding-top: 8px;
        padding-bottom: 8px; }
    .modal .modal-content .modal-header {
      padding: 14px 16px 14px 32px; }
      .modal .modal-content .modal-header.admin {
        border: none; }
      .modal .modal-content .modal-header .modal-title .modal-title-param {
        font-size: 14px; }
    .modal .modal-content .modal-body {
      padding: 14px 32px; }
      .modal .modal-content .modal-body span.max_w_ellipsis {
        display: inline-block;
        vertical-align: top; }
    .modal .modal-content h3 {
      color: #fff;
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 15px;
      margin: 0 18px 0 0; }
    .modal .modal-content .share-header {
      border-bottom: 1px solid #dedede;
      line-height: 29px;
      margin-bottom: 16px;
      padding-bottom: 11px; }
      .modal .modal-content .share-header .small_text {
        font-size: 12px; }
    .modal .modal-content .share-img-wrap {
      padding-bottom: 16px; }
      .modal .modal-content .share-img-wrap img {
        display: block;
        height: 170px; }
    .modal .modal-content .share_table {
      border: 1px solid #bbb; }
      .modal .modal-content .share_table thead {
        background: #ccc;
        border: 1px solid #bbb; }
      .modal .modal-content .share_table th, .modal .modal-content .share_table td {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        padding: 5px 16px; }
        .modal .modal-content .share_table th:last-child, .modal .modal-content .share_table td:last-child {
          width: 40px; }
        .modal .modal-content .share_table th .select-list, .modal .modal-content .share_table td .select-list {
          border: none;
          min-width: 0; }
          .modal .modal-content .share_table th .select-list .current-option, .modal .modal-content .share_table td .select-list .current-option {
            color: #000; }
      .modal .modal-content .share_table td {
        vertical-align: middle; }
        .modal .modal-content .share_table td .delete {
          background: url("../img/gimg/delete-icon.png") no-repeat;
          color: transparent;
          font-size: 4px;
          width: 12px;
          height: 12px; }
      .modal .modal-content .share_table tbody tr:nth-child(2n) {
        background: #e7e7e7; }
    .modal .modal-content[modal-transclude] {
      border: none !important; }
  .modal.popup-dashed .modal-body {
    padding: 14px 16px; }
  .modal.popup-picture-preview .modal-content {
    background: transparent !important;
    text-align: center; }
    .modal.popup-picture-preview .modal-content .content-wrapper {
      position: relative;
      display: inline-block; }
      .modal.popup-picture-preview .modal-content .content-wrapper .close {
        background: rgba(0, 0, 0, 0.9) url("../img/gimg/remove-icon.png") center no-repeat;
        border-radius: 3px;
        width: 24px;
        height: 24px;
        top: 8px;
        right: 8px;
        margin: 0; }
  .modal .modal-header,
  .modal .modal-footer {
    background: #2f2f2f; }
    .modal .modal-header:after,
    .modal .modal-footer:after {
      content: "";
      display: table;
      clear: both; }
  .modal .modal-body {
    border: 1px solid #dedede;
    display: table;
    table-layout: fixed;
    width: 100%; }
    #interactive-books-page .modal .modal-body {
      display: table;
      table-layout: fixed;
      width: 100%; }
    .modal .modal-body label {
      display: inline-block;
      vertical-align: top;
      margin: 7px 8px 5px 0; }
      .modal .modal-body label.disabled {
        color: #999; }
      .modal .modal-body label.marg-left {
        margin-left: 60px !important; }
    .modal .modal-body .alert-content .form-input {
      margin: 0 0 20px; }
      .modal .modal-body .alert-content .form-input:after {
        content: "";
        display: table;
        clear: both; }
      .modal .modal-body .alert-content .form-input > span {
        display: table;
        width: 100%; }
      .modal .modal-body .alert-content .form-input input[type="text"] {
        float: left;
        width: calc(100% - 138px); }
      .modal .modal-body .alert-content .form-input .btn {
        float: right; }
    .modal .modal-body .contacts-list figure figcaption {
      max-width: 200px; }
    .modal .modal-body .form-item.fl-l label, .modal .modal-body .form-item.fl-r label {
      margin-top: 0 !important; }
    .modal .modal-body .upload-list {
      margin: 0 0 0 -26px;
      position: relative; }
      .modal .modal-body .upload-list .upload-list-item {
        margin: 13px 0 13px 26px; }
    .modal .modal-body.admin {
      border: none; }
      .modal .modal-body.admin .col-sm-3.control-label {
        margin: 7px 0 0;
        padding: 0; }
      .modal .modal-body.admin .col-sm-7.marg {
        margin-top: 7px !important; }
      .modal .modal-body.admin .col-sm-7.marg2 {
        margin-top: 4px; }
      .modal .modal-body.admin input[type="text"] {
        border-radius: 0 !important; }
      .modal .modal-body.admin textarea {
        width: 100%; }
      .modal .modal-body.admin .radio {
        padding-top: 8px !important; }
        .modal .modal-body.admin .radio .marg-top {
          position: relative;
          margin-top: -7px; }
    .modal .modal-body .community .form-item {
      min-height: 0; }
  .modal .modal-footer li {
    float: right;
    margin-left: 8px; }
    .modal .modal-footer li.fl-l {
      float: left;
      margin-left: 0;
      margin-right: 8px; }
  .modal .modal-footer .actions {
    margin: 0; }
  .modal .modal-footer.admin {
    border: none; }
  .modal .close {
    background: url("../img/gimg/close-icon.png") no-repeat;
    border: 0;
    display: block;
    height: 13px;
    margin: -6.5px 0 0;
    position: absolute;
    right: 16px;
    text-indent: -9999px;
    top: 50%;
    width: 13px;
    z-index: 10; }
  .modal .double-column-container {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }
    .modal .double-column-container .double-column {
      display: block; }
  .modal .double-column {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }
    .modal .double-column > .fl-l,
    .modal .double-column > .fl-r {
      min-height: 450px;
      padding: 8px 16px;
      width: 50%; }
      @media screen and (max-width: 1199px) {
        .modal .double-column > .fl-l,
        .modal .double-column > .fl-r {
          min-height: 350px; } }
    .modal .double-column > .fl-l {
      border-right: 1px solid #dedede;
      padding-left: 0; }
      .modal .double-column > .fl-l .fl-r a {
        line-height: 31px; }
    .modal .double-column > .fl-r {
      padding-right: 0; }
      .modal .double-column > .fl-r .collection-docs-list {
        padding: 0 20px 0 8px; }
      .modal .double-column > .fl-r #dragAndDropArea {
        min-height: 387px;
        margin-top: 49px; }
        .modal .double-column > .fl-r #dragAndDropArea ul {
          min-height: 375px; }
    .modal .double-column label {
      margin-right: 10px; }
    .modal .double-column a {
      color: #2f2f2f; }
    .modal .double-column .collection-docs-list {
      margin: 24px 0 0; }
      .modal .double-column .collection-docs-list.empty {
        height: 387px;
        line-height: 387px;
        width: 100%; }
        .modal .double-column .collection-docs-list.empty .file-placeholder {
          height: auto;
          margin-top: -160px; }
        @media screen and (max-width: 1199px) {
          .modal .double-column .collection-docs-list.empty {
            height: 300px; } }
      .modal .double-column .collection-docs-list .file-placeholder {
        line-height: 45px;
        height: 100%; }
      .modal .double-column .collection-docs-list .collection-doc-list-item {
        background: none;
        position: relative;
        overflow: visible; }
        .modal .double-column .collection-docs-list .collection-doc-list-item .remove {
          margin: -8px 0 0;
          position: absolute;
          right: -15px;
          padding: 0;
          top: 50%; }
          .modal .double-column .collection-docs-list .collection-doc-list-item .remove i {
            max-width: 16px; }
        .modal .double-column .collection-docs-list .collection-doc-list-item.selected {
          background: #f2f2f2; }
        .modal .double-column .collection-docs-list .collection-doc-list-item span > i {
          max-width: 72%; }
          .modal .double-column .collection-docs-list .collection-doc-list-item span > i:after {
            content: ''; }
    .modal .double-column .nav_list .sub2 {
      padding-left: 28px; }
      .modal .double-column .nav_list .sub2 li {
        background: url("../img/gimg/label-icon.png") left center no-repeat;
        min-height: 31px;
        padding: 5px 32px 2px 28px; }
        .modal .double-column .nav_list .sub2 li.selected {
          background: #dedede;
          margin-bottom: 1px; }
        .modal .double-column .nav_list .sub2 li .close {
          margin-right: 0; }
    .modal .double-column .items_tag {
      min-height: 380px;
      margin-top: 16px;
      padding: 8px; }
  .modal.insert_link .form-item {
    margin: 0 0 25px; }
    .modal.insert_link .form-item .select-list {
      display: block; }
    .modal.insert_link .form-item .wrap-r {
      margin-left: 156px; }
  .modal .newsletters-popup .form-item {
    display: block !important;
    margin: 0 !important; }
    .modal .newsletters-popup .form-item .select-list {
      display: block;
      width: 100%; }
  .modal .community-popup {
    display: table;
    width: 100%; }
    .modal .community-popup .form-body {
      display: table-row; }
      .modal .community-popup .form-body .t-cell {
        display: table-cell;
        vertical-align: top;
        padding: 0 8px 8px; }
        .modal .community-popup .form-body .t-cell:first-child {
          padding-left: 0; }
        .modal .community-popup .form-body .t-cell:last-child {
          padding-right: 0; }
        .modal .community-popup .form-body .t-cell.label {
          width: 70px; }
        .modal .community-popup .form-body .t-cell label {
          margin-top: 7px; }
        .modal .community-popup .form-body .t-cell .selectize-control.small-width {
          width: 160px; }
      .modal .community-popup .form-body label {
        margin: 0;
        min-width: 50px !important; }
        .modal .community-popup .form-body label.mg_sub {
          margin: 7px 8px 5px 0 !important; }
      .modal .community-popup .form-body input[type="text"] {
        width: 400px; }
      .modal .community-popup .form-body .checkdiv {
        padding-top: 10px; }
      .modal .community-popup .form-body .select-area {
        color: #999;
        width: 314px;
        margin-right: 88px; }
      .modal .community-popup .form-body .file-placeholder {
        font-size: inherit; }
      .modal .community-popup .form-body .placeholder-empty {
        display: table-cell;
        vertical-align: top;
        text-align: left;
        width: 220px; }
    .modal .community-popup .text-orange {
      color: #ffc000; }
  .modal .community-inline-max50 {
    display: inline-block;
    vertical-align: middle; }
  .modal .community-inline-max50 + span {
    color: #5d5d5d;
    font-style: italic; }
  .modal .showhide table {
    border-top: 1px solid #ccc;
    width: 100%;
    margin: 16px 0 0; }
    .modal .showhide table tbody tr:nth-child(2n-1) {
      background: #f2f2f2; }
    .modal .showhide table tfoot td {
      border-top: 1px solid #ccc;
      color: #999;
      font-size: 12px; }
      .modal .showhide table tfoot td .dash {
        top: -8px; }
    .modal .showhide table th {
      color: #999;
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 12px;
      text-transform: uppercase;
      text-align: left; }
      .modal .showhide table th .dash {
        top: 0; }
    .modal .showhide table th, .modal .showhide table td {
      padding: 9px 16px;
      position: relative; }
      .modal .showhide table th .yes-ico, .modal .showhide table td .yes-ico {
        background: url("../img/gimg/yes-comm.png") 0 0 no-repeat;
        display: inline-block;
        width: 16px;
        height: 12px; }
      .modal .showhide table th .dash, .modal .showhide table td .dash {
        border-right: 1px solid #ccc;
        width: 1px;
        height: 7px;
        position: absolute;
        right: 0; }
    .modal .showhide table td {
      color: #666;
      font-family: "Weblysleek UI Semi Light", Arial;
      font-size: 14px;
      line-height: 14px; }
  .modal .add-shelf .wrap-r .select-list {
    width: 100%; }
  .modal .add-youtube-video .wrap-r {
    margin-left: 130px; }
    .modal .add-youtube-video .wrap-r .select-list {
      width: 100%; }
  .modal input[type="text"],
  .modal input[type="email"],
  .modal input[type="password"],
  .modal input[type="date"] {
    line-height: normal;
    padding: 3px 8px 4px; }
  .modal.fullscreen .modal-dialog {
    max-width: none; }
  .modal.fullscreen .modal-content {
    background: none;
    margin: 0; }
  .modal.live-chat-fullscreen {
    background: black;
    padding: 6.25%; }

.one-column .form-item {
  display: inline-block; }
  .one-column .form-item input[type="text"] {
    display: inline-block;
    border-radius: 0;
    height: 32px;
    border-color: #5d5d5d;
    min-width: 230px;
    margin-right: 5px; }
  .one-column .form-item input[type="submit"] {
    position: relative;
    top: -2px;
    margin-left: 3px; }

.info {
  color: #5d5d5d;
  font-family: "Weblysleek UI Semi Light Italic", Arial;
  line-height: 24px;
  padding-left: 35px;
  position: relative;
  text-align: left; }
  .info:before {
    background: url("../img/gimg/info-icon.png") no-repeat center left;
    content: '';
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px; }
  .clearfix .info {
    margin: 0 0 20px; }
  .create-contact .info {
    margin: 0 0 30px; }
  .info .fa-chevron-down, .info .fa-chevron-up {
    cursor: pointer; }

.warning {
  color: #5d5d5d;
  font-family: "Weblysleek UI Semi Light Italic", Arial;
  line-height: 24px;
  padding-left: 35px;
  position: relative;
  text-align: left; }
  .warning:before {
    background: url("../img/gimg/warning.png") no-repeat center left;
    content: '';
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px; }
  .clearfix .warning {
    margin: 0 0 20px; }

.select-list {
  border: 1px solid #999;
  display: inline-block;
  font-size: 14px;
  min-width: 170px;
  padding: 2px 8px 3px;
  position: relative; }
  .select-list.bg_white {
    background: #fff; }
  .select-list .caret {
    margin: -3px 0 0 !important;
    right: 10px;
    top: 50%; }
  .select-list .current-option {
    color: #000;
    font-size: 16px;
    line-height: 25px;
    padding-right: 16px;
    vertical-align: top;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block; }
    .select-list .current-option.txt_gray, .select-list .current-option.placeholder {
      color: #999 !important; }
  .select-list ul {
    background: #fff;
    border: 1px solid #bbb;
    display: none;
    left: -1px;
    margin-top: -1px;
    position: absolute;
    right: -1px;
    top: 100%;
    z-index: 11; }
    .select-list ul li {
      border-bottom: 1px solid #dedede;
      padding: 6px 8px 8px;
      overflow: hidden;
      width: 100%;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .select-list ul li.selected {
        background: #dedede; }
      .select-list ul li a {
        color: #2f2f2f; }
      .select-list ul li:hover {
        background: #bbb;
        color: #fff; }
        .select-list ul li:hover a {
          color: #fff; }
      .select-list ul li:last-child {
        border: 0; }
      .select-list ul li input[type="text"],
      .select-list ul li input[type="email"],
      .select-list ul li input[type="password"] {
        border-radius: 0 !important;
        display: block;
        color: #bbb;
        border: 0;
        float: none;
        line-height: normal;
        left: 0;
        margin: 0;
        position: absolute;
        padding: 0 15px;
        right: 0;
        width: 100% !important; }
    .select-list ul .active {
      background: #88afdc;
      color: #fff; }
  .select-list input[type="text"] {
    height: auto !important;
    padding: 1px 0 !important; }
  .select-list.open ul {
    display: block; }
  .select-list.disabled {
    background: #e7e7e7;
    position: relative; }
    .select-list.disabled.disabled:before {
      background: rgba(255, 255, 255, 0.3);
      content: '';
      position: absolute;
      left: -1px;
      top: -1px;
      right: -1px;
      bottom: -1px;
      z-index: 2;
      cursor: default; }

.gallery-carousel {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  height: 128px;
  margin: 20px 0;
  padding: 8px 15px;
  position: relative; }
  .gallery-carousel .arrows .arrow {
    color: #ccc;
    font-size: 36px;
    height: 32px;
    line-height: 32px;
    margin: -16px 0 0;
    min-width: 32px;
    padding: 0;
    text-align: center;
    width: 32px;
    z-index: 0; }
    .gallery-carousel .arrows .arrow.arrow-left {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      left: -15px; }
    .gallery-carousel .arrows .arrow.arrow-right {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      right: -15px; }
    .gallery-carousel .arrows .arrow i {
      display: inline-block;
      line-height: 32px; }

.gallery-carousel-container ul {
  margin-left: -8px; }
  .gallery-carousel-container ul li {
    float: left;
    margin-left: 8px;
    position: relative;
    overflow: hidden; }
  .gallery-carousel-container ul .selected:after {
    background: url("../img/gimg/albums/checked.png") no-repeat;
    content: '';
    height: 26px;
    position: absolute;
    right: 7px;
    top: 7px;
    width: 26px;
    z-index: 100; }
  .gallery-carousel-container ul .img-preview img {
    height: 110px; }

.gallery-carousel-container .video-info {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 12px;
  height: 15px;
  line-height: 15px;
  padding: 0 8px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }
  .gallery-carousel-container .video-info span {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.align-center.img img {
  max-height: 376px;
  max-width: 1048px; }

.share-list {
  display: block;
  margin: 5px 0;
  overflow: hidden; }
  .share-container .share-list {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 20px;
    padding-bottom: 15px; }
  .share-list li {
    float: left;
    height: 58px;
    line-height: 38px;
    margin-left: 8px; }
    .share-list li:first-child {
      margin-left: 0; }
    .share-list li a {
      display: inline-block;
      color: #2f2f2f;
      padding: 10px 20px;
      text-transform: capitalize;
      text-decoration: none; }
      .share-list li a i {
        color: #dedede;
        float: left;
        height: 40px;
        margin-right: 13px;
        width: 32px; }
        .share-list li a i.linkavie-icon {
          background: url("../img/gimg/share-icons/linkavie.png") no-repeat center; }
        .share-list li a i.facebook-icon {
          background: url("../img/gimg/share-icons/facebook.png") no-repeat center; }
        .share-list li a i.envelope-icon {
          background: url("../img/gimg/share-icons/envelope.png") no-repeat center; }
        .share-list li a i.link-icon {
          background: url("../img/gimg/share-icons/link.png") no-repeat center; }
    .share-list li.linkavie a {
      text-transform: uppercase; }
    .share-list li:hover, .share-list li.active {
      background: #f2f2f2; }

.share-container .form-item {
  display: table;
  width: 100%;
  margin: 0;
  text-align: left; }
  .share-container .form-item label {
    width: 23%;
    margin-right: 8px; }
    .share-container .form-item label + .fl-l {
      width: 77%; }
  .share-container .form-item textarea {
    width: 366px; }

.share-container .form-body {
  margin: 0; }
  .share-container .form-body .select-area {
    width: calc(100% - 70px); }
    .share-container .form-body .select-area.share-input-width {
      width: 100%; }
    .share-container .form-body .select-area .browse {
      padding: 1px 5px 3px;
      text-align: center;
      width: 70px; }
  .share-container .form-body .select-area .selected-item {
    max-width: 340px; }
    .share-container .form-body .select-area .selected-item .remove {
      background-image: none; }

.share-container .sharePassword {
  width: 100%; }

.share-container .show-pass.show-pass-small {
  top: auto;
  bottom: 1px; }

.share-container.insert-link-container .wrap-r .select-area,
.share-container.insert-link-container .wrap-r .select-list {
  width: 100%; }

.share-container.insert-link-container .form-item > div em {
  color: #999;
  font-size: 14px;
  font-style: normal; }

.share-container.insert-link-container .form-item > div label {
  margin: 0;
  width: 107px;
  min-width: 107px;
  line-height: 30px;
  padding-right: 8px; }

.modal-share-ib .left-panel {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0; }
  .modal-share-ib .left-panel .inner {
    padding: 30px 0; }
  .modal-share-ib .left-panel .info {
    margin: 0 30px 25px; }
    .modal-share-ib .left-panel .info.en-fr-styles {
      font-size: 15px;
      margin: 0 8px 15px 28px;
      padding-left: 32px !important; }
  .modal-share-ib .left-panel div.align-center.en-fr-styles {
    display: block;
    padding-bottom: 10px; }
  .modal-share-ib .left-panel .list {
    opacity: 1;
    position: relative;
    top: auto;
    bottom: 0;
    margin: 0;
    max-height: 235px;
    overflow-y: auto;
    width: 100%; }
  .modal-share-ib .left-panel + .right-panel {
    background: #fff;
    margin-left: 325px;
    padding: 0;
    width: auto;
    min-height: 300px; }
    .modal-share-ib .left-panel + .right-panel .share-container .form-item {
      margin: 0; }
    .modal-share-ib .left-panel + .right-panel .share-list {
      margin-top: 0; }
      .modal-share-ib .left-panel + .right-panel .share-list li:first-child {
        margin-left: 0; }

.modal-share-ib .right-panel textarea {
  height: 96px; }

.prompt-content input {
  margin-bottom: 16px; }

.canvas-wrapper {
  padding: 0 auto;
  margin: 0 auto;
  line-height: 0; }
  .canvas-wrapper canvas {
    height: 100%; }

.jcrop-holder {
  margin: 0 auto; }

.pad-bot {
  padding: 0 0 8px;
  display: table;
  width: 100%; }

.create-event .contributors label, .create-contact .contributors label, .contact-us-form .contributors label {
  min-width: 140px;
  width: auto; }

.create-event .contact-emails .max-count, .create-contact .contact-emails .max-count, .contact-us-form .contact-emails .max-count {
  color: #999;
  float: left;
  padding: 5px 10px; }

.mg-8 {
  margin-bottom: 8px; }
  .mg-8.edit-collection {
    padding-left: 0.499%; }

.mg-24 {
  margin-bottom: 24px; }

.marTop {
  margin-top: 12px !important; }

.full-width {
  width: 100% !important; }

.book-share-label {
  display: block;
  color: #999;
  font-size: 14px;
  padding-left: 30px; }

.community-info {
  display: block;
  color: #999;
  font-size: 14px;
  padding: 8px 0 16px; }

.collection-details {
  padding: 0 16px; }
  .collection-details .title {
    margin-bottom: 4px; }
  .collection-details time {
    display: inline-block;
    font-size: 12px;
    padding-bottom: 20px; }

.remove.organize_doc {
  background: url("../img/gimg/delete-icon.png") center no-repeat;
  margin-top: -5px !important; }

.showhide table {
  border: none; }
  .showhide table thead tr {
    background: none !important; }
  .showhide table tr {
    border: none; }

.import_popup {
  color: #bbb; }
  .import_popup > li {
    margin-bottom: 35px; }
  .import_popup li.active {
    color: #000; }
    .import_popup li.active .title_list span {
      border-color: #000; }
  .import_popup li:first-child .title_list span {
    padding: 2px 8px; }
  .import_popup li .title_list {
    font-family: "Weblysleek UI Semi Bold", Arial;
    font-size: 15px;
    margin-bottom: 16px; }
    .import_popup li .title_list span {
      border: 1px solid #bbb;
      border-radius: 150px;
      display: inline-block;
      margin-right: 4px;
      padding: 2px 7px; }
  .import_popup li .select-area {
    position: relative;
    width: 400px; }
    .import_popup li .select-area .browse {
      position: absolute;
      top: 0;
      left: 99.7%;
      cursor: pointer;
      bottom: 0; }
  .import_popup li .help {
    display: inline-block;
    color: #999;
    font-size: 12px;
    margin-left: 48px; }
  .import_popup .info {
    font-size: 15px;
    margin-bottom: 16px; }
  .import_popup textarea {
    width: 100%; }
  .import_popup .list_forms dd {
    margin-bottom: 0;
    margin-left: 34px;
    opacity: .5; }
  .import_popup li.active .list_forms dd {
    opacity: 1; }

.import-list .notif_nav {
  border-bottom: 1px solid #dedede; }
  .import-list .notif_nav .notification-tools {
    margin-bottom: 14px; }

.import-list .upload-list {
  margin: 0 0 16px !important; }
  .import-list .upload-list .upload-list-item {
    border-bottom: 1px solid #dedede;
    float: none;
    height: 158px;
    margin: 0 !important;
    padding: 16px 8px;
    display: table;
    width: 100%; }
    .import-list .upload-list .upload-list-item.selected {
      background: #f2f2f2;
      box-shadow: inset 0 7px 0 #fff; }
      .import-list .upload-list .upload-list-item.selected:after {
        background: #fff;
        content: '';
        height: 7px;
        position: absolute;
        bottom: 1px;
        left: 0;
        right: 0; }
    .import-list .upload-list .upload-list-item .file-icon {
      display: block;
      height: 80px;
      padding: 0; }
    .import-list .upload-list .upload-list-item .file-name {
      display: block;
      height: 24px;
      line-height: normal;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .import-list .upload-list .upload-list-item time {
      display: block;
      height: 24px;
      font-size: 12px;
      line-height: normal;
      text-align: center;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      width: 100%; }
    .import-list .upload-list .upload-list-item .notification-tools {
      line-height: 120%;
      margin-left: 160px;
      margin-bottom: 0; }
      .import-list .upload-list .upload-list-item .notification-tools .fl-l {
        width: 76%; }
      .import-list .upload-list .upload-list-item .notification-tools .fl-r {
        width: 22%;
        text-align: right; }
      .import-list .upload-list .upload-list-item .notification-tools a {
        color: #89b0dd; }
      .import-list .upload-list .upload-list-item .notification-tools .dropdown_search_list {
        border: 1px solid #999;
        border-top-color: transparent;
        max-height: 300px;
        overflow-y: auto; }
    .import-list .upload-list .upload-list-item .file-preview {
      position: relative;
      width: 128px; }

.import-list .nav {
  font-family: "Weblysleek UI Semi Light", Arial;
  margin-left: 62px; }
  .import-list .nav a {
    color: #000;
    text-decoration: none; }
    .import-list .nav a .btn-open-list {
      background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
      border: 0 none;
      height: 31px;
      line-height: 20px;
      margin-right: 8px;
      position: relative;
      text-align: center;
      width: 20px; }
      .import-list .nav a .btn-open-list .caret {
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
      .import-list .nav a .btn-open-list.active .caret {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
  .import-list .nav .sub2 {
    margin-left: 62px; }
    .import-list .nav .sub2 li {
      margin: 4px 0; }
      .import-list .nav .sub2 li strong, .import-list .nav .sub2 li .strong {
        font-weight: normal;
        font-family: "Weblysleek UI Semi Bold", Arial;
        font-size: 15px; }

.items_tag.min-height {
  min-height: 200px; }

.items_tag .tag {
  background: #FFDF77;
  border: 1px solid #ffc000;
  border-radius: 18px 50px 50px 18px;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  margin: 4px;
  padding: 1px 24px 1px 6px;
  position: relative; }
  .items_tag .tag input {
    border: 1px solid #ffc000;
    background: transparent;
    height: 24px;
    margin: -2px 0;
    padding: 0; }
  .items_tag .tag.blue {
    background: #c0d4eb;
    border-color: #89b0dd; }
  .items_tag .tag.green {
    background: #C5DE83;
    border-color: #accc37; }
  .items_tag .tag .close {
    background: none;
    border: 1px solid #2f2f2f;
    border-radius: 50%;
    display: inline-block;
    color: #2f2f2f !important;
    text-indent: 0;
    font-size: 12px;
    margin: -8px 0 0 12px;
    line-height: 12px;
    text-align: center;
    text-decoration: none;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 2px;
    top: 50%; }

.select-area.disabled {
  position: relative; }
  .select-area.disabled:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .select-area.disabled .browse {
    cursor: default; }
    .select-area.disabled .browse:before {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 10; }

.database_fields {
  padding: 20px 0; }
  .database_fields > div {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 49.2%; }
    .database_fields > div:nth-child(2n) {
      border-bottom: 1px solid #e7e7e7;
      margin-right: 1%;
      margin-bottom: 8px;
      padding: 8px 0 5px; }
    .database_fields > div .select-list {
      width: 100%; }
      .database_fields > div .select-list .current-option {
        font-size: 14px; }
        .database_fields > div .select-list .current-option.txt_gray {
          color: #ccc; }
  .database_fields .header_line {
    width: 100%; }
    .database_fields .header_line div {
      width: 49.2%;
      display: inline-block;
      border-bottom: none !important;
      font-size: 14px;
      font-family: "Weblysleek UI Semi Bold", Arial;
      text-transform: uppercase;
      margin-right: 0;
      margin-bottom: 0;
      padding-bottom: 10px; }
      .database_fields .header_line div:first-child {
        margin-right: 1%; }

.list_forms dt {
  margin-bottom: 8px; }

.list_forms dd {
  margin-left: 29px;
  margin-bottom: 16px; }

.double-column.table_fix {
  display: table !important;
  width: 100%;
  background: violet; }

input[type="text"].disabled {
  background: #e7e7e7;
  position: relative; }
  input[type="text"].disabled.disabled:before {
    background: rgba(255, 255, 255, 0.3);
    content: '';
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 2;
    cursor: default; }

.modal-note {
  color: #999; }

.import_cont .modal-body {
  background: #2f2f2f;
  border: none;
  color: #fff; }
  .import_cont .modal-body .file-progress {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #e7e7e7;
    height: 8px;
    line-height: 8px;
    margin: 24px 0 8px;
    overflow: hidden;
    width: 100%; }
    .import_cont .modal-body .file-progress .file-progress-status {
      background: #89b0dd;
      height: 100%;
      width: 100%; }
  .import_cont .modal-body .file-explanation {
    font-size: 14px;
    margin-bottom: 24px; }
    .import_cont .modal-body .file-explanation .bold {
      font-family: "Weblysleek UI Semi Bold", Arial;
      margin-bottom: 8px; }

.import_cont .in_bg .modal-footer, .import_cont .in_bg .modal-body {
  display: none; }

.import_cont .in_bg .modal-title .sub_txt {
  font-family: "Weblysleek UI Semi Light", Arial;
  font-size: 14px; }

.import_cont .show-hide {
  background: url("../img/gimg/ico-show-hide.png") center no-repeat;
  border: none;
  cursor: pointer;
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 48px;
  top: 50%;
  margin-top: -8px; }

.efp_line_height {
  line-height: 32px; }

.max_w_ellipsis.efp_line_height {
  line-height: 50px; }

.flex-direction-nav a {
  overflow: hidden;
  margin: -20px 0 0;
  position: absolute;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  top: 50%;
  width: 40px;
  height: 40px;
  z-index: 10; }
  .flex-direction-nav a:before, .flex-direction-nav a:after {
    color: rgba(0, 0, 0, 0.8);
    display: inline-block;
    font-size: 40px; }
  .flex-direction-nav a.flex-prev:before {
    content: "\f104"; }
  .flex-direction-nav a.flex-next:before {
    content: "\f105"; }

.flex-direction-nav .flex-next {
  text-align: right; }

.cloud_dialogue_who {
  color: #999;
  font-family: "Weblysleek UI Semi Bold", Arial;
  font-size: 12px; }

.cloud_dialogue {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #fff;
  border: 1px solid #ccc;
  font-family: "Weblysleek UI Semi Light Italic", Arial;
  font-size: 13px;
  min-width: 145px;
  margin: 8px 0;
  padding: 6px 8px 8px;
  position: relative; }
  .cloud_dialogue:before, .cloud_dialogue:after {
    content: '';
    position: absolute; }
  .cloud_dialogue:before {
    border-width: 0 10px 12px 0;
    border-color: #ccc transparent;
    border-style: solid;
    left: 16px;
    top: -12px; }
  .cloud_dialogue:after {
    border-width: 0 7px 9px 0;
    border-color: #fff transparent;
    border-style: solid;
    left: 17px;
    top: -9px; }

input#watermark, input#gaTrackingId {
  width: 100%; }

.info-text.wm {
  font-size: 14px;
  margin: 8px 0 16px; }

.watermark_preview {
  background: #aeaeae;
  border: 1px solid #999;
  color: #fff;
  font-family: "Weblysleek UI Semi Bold", Arial;
  font-size: 18px;
  text-shadow: 0 0 3px #2f2f2f;
  padding: 16px;
  text-align: center; }

/*endregion*/
/*region #SLIDESHOW*/
.slideshow-content {
  color: #fff;
  padding: 14px 16px;
  position: relative;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .slideshow-content {
      padding: 10px; } }
  .slideshow-content .collection-details time {
    font-size: 12px;
    padding: 0; }
  .slideshow-content .title {
    color: #fff;
    margin: 0 0 5px; }
  .slideshow-content .close {
    background-position: center;
    height: 32px;
    margin: 0;
    top: 14px;
    width: 32px; }
  .slideshow-content .panel {
    bottom: 24px;
    left: 26px;
    height: 24px;
    position: absolute;
    right: 32px; }
    .slideshow-content .panel.open {
      height: 56px; }
      .slideshow-content .panel.open .description {
        height: auto;
        left: 0;
        width: auto; }
      .slideshow-content .panel.open .time {
        height: 56px; }
        .slideshow-content .panel.open .time .panel-btn {
          visibility: hidden; }
        .slideshow-content .panel.open .time .time-container {
          display: block; }
  .slideshow-content .time {
    bottom: 0;
    position: absolute;
    right: 8px;
    width: 24px; }
    .slideshow-content .time .panel-btn i {
      background: url("../img/gimg/clock.png") no-repeat; }
  .slideshow-content .time-container {
    display: none; }
  .slideshow-content .time-inner {
    background-color: #121212;
    background-image: -webkit-linear-gradient(left, #121212, #3f3f3f);
    background-image: linear-gradient(to right, #121212, #3f3f3f);
    border: 1px solid #bbb;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 24px; }
    .slideshow-content .time-inner span {
      display: block; }
    .slideshow-content .time-inner > span {
      border-top: 1px solid #dedede;
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 24px;
      height: 50%;
      line-height: 21px;
      margin: 0 5px; }
      .slideshow-content .time-inner > span:first-child {
        border: 0; }
        .slideshow-content .time-inner > span:first-child span {
          margin-left: -2px; }
      .slideshow-content .time-inner > span span {
        margin-left: -1px; }
  .slideshow-content .time-sec {
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    background-image: url("../img/gimg/clock-bkg.png");
    background-repeat: no-repeat;
    background-position: top left;
    border-width: 1px;
    border-style: solid;
    height: 38px;
    line-height: 38px;
    left: 50%;
    margin-left: -19px;
    position: absolute;
    top: -80%;
    text-align: center;
    width: 38px; }
    .slideshow-content .time-sec > div {
      margin-top: 4px; }
    .slideshow-content .time-sec time,
    .slideshow-content .time-sec span {
      display: block;
      line-height: 14px; }
    .slideshow-content .time-sec time {
      font-size: 16px; }
    .slideshow-content .time-sec span {
      font-size: 10px; }
  .slideshow-content .description {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    background: rgba(0, 0, 0, 0.9);
    border: 1px solid #bbb;
    bottom: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    left: auto;
    height: 24px;
    position: absolute;
    right: 40px;
    overflow: hidden;
    text-align: center;
    width: 24px; }
    .slideshow-content .description h3 {
      font-family: "Weblysleek UI Semi Light", Arial;
      font-size: 24px;
      line-height: 26px;
      margin: 14px 34px 14px 18px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .slideshow-content .description .panel-btn {
      position: absolute;
      right: -1px;
      top: -1px; }
  .slideshow-content .current {
    width: auto; }
    .slideshow-content .current img {
      display: inline-block; }

.slideshow-inner {
  position: relative; }
  .slideshow-inner:after {
    content: "";
    display: table;
    clear: both; }
  .slideshow-inner .slider {
    margin: 0 70px;
    position: relative; }
    .slideshow-inner .slider:after {
      content: "";
      display: table;
      clear: both; }
    @media screen and (max-width: 1024px) {
      .slideshow-inner .slider {
        margin: 0 50px; } }
    .slideshow-inner .slider .collection-details {
      text-align: left;
      padding: 0; }
      .slideshow-inner .slider .collection-details .title {
        margin: 0; }
        @media screen and (max-width: 767px) {
          .slideshow-inner .slider .collection-details .title {
            font-size: 18px;
            line-height: 20px; } }
  .slideshow-inner .slides:after {
    content: "";
    display: table;
    clear: both; }
  .slideshow-inner .slides li {
    border: 1px solid #e7e7e7;
    display: inline-block;
    height: 80px;
    margin-left: 8px;
    position: relative;
    overflow: hidden; }
    .slideshow-inner .slides li img {
      height: inherit; }
  .slideshow-inner .arrows .arrow {
    color: #fff; }
  .slideshow-inner .slider-nav {
    height: 80px;
    margin-top: 0; }
    .slideshow-inner .slider-nav:after {
      content: "";
      display: table;
      clear: both; }
    .slideshow-inner .slider-nav .slides-container {
      height: 100%; }
      .slideshow-inner .slider-nav .slides-container ul {
        height: 100%;
        list-style: none; }
        .slideshow-inner .slider-nav .slides-container ul li {
          height: 80px;
          opacity: 0.5;
          text-align: center; }
          .slideshow-inner .slider-nav .slides-container ul li.active-nav {
            border-color: #fff;
            opacity: 1; }
          .slideshow-inner .slider-nav .slides-container ul li.video {
            position: relative; }
          .slideshow-inner .slider-nav .slides-container ul li.video:before {
            background: url("../img/gimg/page/play-icon.png") no-repeat;
            background-size: 97%;
            content: '';
            display: inline-block;
            width: 36px;
            height: 24px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -12px 0 0 -18px; }
    .slideshow-inner .slider-nav .arrows .arrow {
      margin-top: -22.5px; }
      @media screen and (max-width: 767px) {
        .slideshow-inner .slider-nav .arrows .arrow.arrow-left {
          left: -28px; } }
      @media screen and (max-width: 767px) {
        .slideshow-inner .slider-nav .arrows .arrow.arrow-right {
          right: -28px; } }

.action-nav {
  margin: 8px 0 14px; }
  .action-nav:after {
    content: "";
    display: table;
    clear: both; }
  .action-nav a {
    float: left;
    margin-left: 8px;
    min-width: 40px;
    padding: 0;
    text-indent: -9999px;
    width: 40px; }
    .action-nav a span {
      display: block;
      color: transparent;
      font-size: 5px; }
    .action-nav a:first-child {
      margin-left: 0; }
    .action-nav a.turn-left span, .action-nav a.turn-right span {
      background: url("../img/gimg//turn-icon.png") no-repeat 6px 4px; }
    .action-nav a.turn-right span {
      background-position: -41px 4px; }
    .action-nav a.share span, .action-nav a.download span, .action-nav a.full-screen span {
      background: url("../img/gimg/action-nav.png") no-repeat 9px 7px; }
    .action-nav a.download span, .action-nav a.full-screen span {
      background-position: -39px 7px; }
    .action-nav a.full-screen span {
      background-position: -87px 7px; }
    .action-nav a.delete span {
      background: url("../img/gimg/sprite_icon_trash.png") center -80px no-repeat;
      margin-top: 7px;
      line-height: 20px; }

.arrows .arrow {
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  display: block;
  color: #999;
  font-size: 72px;
  height: 45px;
  margin-top: -45px;
  position: absolute;
  top: 50%;
  text-decoration: none;
  width: 24px;
  z-index: 8; }
  @media screen and (max-width: 767px) {
    .arrows .arrow {
      font-size: 50px; } }
  .arrows .arrow i {
    display: block;
    line-height: 42px; }
  .arrows .arrow.arrow-left {
    left: -50px; }
    @media screen and (max-width: 767px) {
      .arrows .arrow.arrow-left {
        left: 5px; } }
  .arrows .arrow.arrow-right {
    right: -50px; }
    @media screen and (max-width: 767px) {
      .arrows .arrow.arrow-right {
        right: 5px; } }
  .arrows .arrow:hover {
    color: #ffc000; }
  .arrows .arrow.arrow-green:hover {
    color: #accc37; }

.modal-slideshow {
  padding: 0;
  margin: 0;
  overflow-x: hidden; }
  .modal-slideshow .video-player {
    line-height: normal;
    min-width: 360px;
    max-width: 70% !important;
    display: inline-block; }
  .modal-slideshow .modal-dialog {
    margin: 0;
    padding: 0;
    height: 100%;
    max-width: 100%;
    width: 100%; }
    .modal-slideshow .modal-dialog .slideshow-inner {
      height: 100%;
      padding: 45px 0 0; }
      @media screen and (max-width: 767px) {
        .modal-slideshow .modal-dialog .slideshow-inner {
          padding: 35px 0 0; } }
      @media screen and (max-width: 767px) and (orientation: landscape) {
        .modal-slideshow .modal-dialog .slideshow-inner {
          height: auto; } }
      .modal-slideshow .modal-dialog .slideshow-inner .action-nav {
        margin: 8px 0; }
      .modal-slideshow .modal-dialog .slideshow-inner .collection-details {
        position: absolute;
        top: -55px;
        left: 0;
        right: 0; }
        @media screen and (max-width: 767px) {
          .modal-slideshow .modal-dialog .slideshow-inner .collection-details {
            top: -43px; } }
  .modal-slideshow .modal-content {
    height: 100%;
    margin: 0;
    padding: 0; }
  .modal-slideshow .slideshow-content {
    height: 100%;
    background: black;
    margin: 0;
    overflow: hidden; }
    .modal-slideshow .slideshow-content.quiz-content {
      background: url("../img/gimg/quiz-fullscreen-back-1900.png") no-repeat;
      background-size: 100% 100%; }
    @media screen and (max-width: 767px) {
      .modal-slideshow .slideshow-content {
        overflow-y: auto;
        overflow-x: hidden; } }
  .modal-slideshow .slider-main {
    height: calc(100% - 82px);
    margin: 0 70px;
    position: relative; }
    @media screen and (max-width: 1024px) {
      .modal-slideshow .slider-main {
        margin: 0 50px; } }
    @media screen and (max-width: 767px) {
      .modal-slideshow .slider-main {
        margin: 0; } }
    .modal-slideshow .slider-main .video-flowplayer {
      height: 560px;
      margin: auto;
      overflow: hidden;
      max-width: 1024px; }
      @media all and (max-width: 1281px) {
        .modal-slideshow .slider-main .video-flowplayer {
          height: 380px; } }
      @media all and (max-width: 569px) {
        .modal-slideshow .slider-main .video-flowplayer {
          height: 230px; }
          .modal-slideshow .slider-main .video-flowplayer .la-video-player {
            height: 100%; } }
      .modal-slideshow .slider-main .video-flowplayer .flowplayer {
        height: 100%;
        background-size: auto 100%; }
    .modal-slideshow .slider-main .slides {
      display: table;
      table-layout: fixed;
      height: calc(100% - 48px);
      width: 100%; }
      .modal-slideshow .slider-main .slides .current {
        border: 0;
        display: table-cell;
        vertical-align: middle;
        margin: 0;
        text-align: center;
        width: 100%; }
        @media screen and (max-width: 767px) {
          .modal-slideshow .slider-main .slides .current iframe {
            max-height: 200px; } }
        @media screen and (min-width: 480px) and (max-width: 568px) and (orientation: landscape) {
          .modal-slideshow .slider-main .slides .current iframe {
            max-width: 250px;
            max-height: 140px; } }
        @media screen and (min-height: 800px) {
          .modal-slideshow .slider-main .slides .current img {
            max-height: 700px; } }
        @media screen and (min-height: 600px) and (max-height: 799px) {
          .modal-slideshow .slider-main .slides .current img {
            max-height: 500px; } }
        .modal-slideshow .slider-main .slides .current .description {
          background: rgba(0, 0, 0, 0.8);
          border: 0;
          border-radius: 0;
          bottom: 0;
          color: #fff;
          font-family: "Weblysleek UI Light", Arial;
          height: auto;
          left: 0;
          position: absolute;
          right: 0;
          width: auto; }
          .modal-slideshow .slider-main .slides .current .description input {
            background: transparent;
            border: 0;
            color: #fff;
            line-height: normal;
            padding: 5px 0;
            width: 100%; }
  @media screen and (max-width: 767px) {
    .modal-slideshow .slider-nav {
      margin: 0 32px; } }

.panel-btn {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-width: 1px;
  border-style: solid;
  height: 24px;
  line-height: 16px;
  padding: 0;
  text-align: center;
  width: 24px; }
  .panel-btn > i {
    display: inline-block;
    color: #fff;
    height: 16px;
    font-size: 16px;
    width: 16px; }
    .panel-btn > i.close-btn {
      background: url("../img/gimg/close-icon-slideshow.png") no-repeat;
      display: none; }
      .open .panel-btn > i.close-btn {
        display: inline-block; }
    .panel-btn > i.info-btn {
      background: url("../img/gimg/info-icon-slideshow.png") no-repeat; }
      .open .panel-btn > i.info-btn {
        display: none; }

/*endregion*/
.small-interactive-wall {
  overflow: hidden;
  padding: 10px 0;
  position: relative; }
  .small-interactive-wall:before, .small-interactive-wall:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    z-index: 1; }
  .small-interactive-wall:before {
    top: 0;
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */ }
  .small-interactive-wall:after {
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    /* IE6-9 */ }
  .small-interactive-wall li {
    width: 100%;
    margin-top: 25px;
    font-size: 1.3em; }
    .small-interactive-wall li:first-child {
      margin-top: 0; }
    .small-interactive-wall li.invisible {
      visibility: hidden; }
    .small-interactive-wall li.added {
      opacity: 0; }
  .small-interactive-wall .name {
    font-weight: bold;
    display: block;
    padding-left: 20px; }
  .small-interactive-wall .message {
    background: #fff;
    color: #333;
    margin-top: 25px;
    display: block;
    border-radius: 11px;
    border-left: 14px solid #accc37;
    padding: 20px 15px 3px;
    position: relative; }
    .small-interactive-wall .message:before {
      content: '';
      position: absolute;
      background: url("../../img/gimg/corner.png") no-repeat bottom center/100%;
      bottom: 100%;
      left: 20px;
      height: 12px;
      width: 17px; }
    .small-interactive-wall .message pre {
      white-space: normal;
      word-break: break-word !important;
      font-size: 60px;
      line-height: 68px; }
    .small-interactive-wall .message time {
      display: block;
      margin-top: 20px;
      text-align: right;
      font-size: .7em;
      color: #969696; }
  .small-interactive-wall .placeholder {
    font-size: 2em;
    line-height: 105%;
    text-align: center;
    margin: 2em 0 0; }

.modal.modal-slideshow-fullscreen .interactive-wall {
  display: none; }

.modal.modal-slideshow-fullscreen .action-nav a.full-screen span {
  background: url("../img/gimg/chat.svg") no-repeat center; }

.modal.modal-slideshow-fullscreen.modal-slideshow-event {
  background: #000 url("../../img/gimg/logo_powered_long.svg") no-repeat 8% 98%/15%; }
  .modal.modal-slideshow-fullscreen.modal-slideshow-event:after {
    display: none; }
  .modal.modal-slideshow-fullscreen.modal-slideshow-event .modal-content {
    padding: 90px 70px; }
  .modal.modal-slideshow-fullscreen.modal-slideshow-event .interactive-wall {
    display: block;
    float: right;
    width: 35%;
    height: 100%;
    overflow: hidden; }
  .modal.modal-slideshow-fullscreen.modal-slideshow-event .slides {
    width: 62%;
    padding-bottom: 130px; }
    .modal.modal-slideshow-fullscreen.modal-slideshow-event .slides .current {
      max-height: 100%; }
      .modal.modal-slideshow-fullscreen.modal-slideshow-event .slides .current:before {
        display: none; }
    .modal.modal-slideshow-fullscreen.modal-slideshow-event .slides .panel {
      top: 100%;
      bottom: auto;
      margin: 20px 10px 0; }
      .modal.modal-slideshow-fullscreen.modal-slideshow-event .slides .panel .description {
        bottom: auto; }
      .modal.modal-slideshow-fullscreen.modal-slideshow-event .slides .panel .time {
        bottom: auto;
        top: auto; }
        .modal.modal-slideshow-fullscreen.modal-slideshow-event .slides .panel .time.open {
          bottom: auto; }
  .modal.modal-slideshow-fullscreen.modal-slideshow-event .action-nav a.full-screen span {
    background: url("../img/gimg/action-nav.png") no-repeat -87px 7px; }

.modal.modal-slideshow-fullscreen {
  background: #000;
  padding: 0;
  overflow: auto; }
  .modal.modal-slideshow-fullscreen .modal-dialog {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    min-width: 1024px;
    min-height: 720px; }
  .modal.modal-slideshow-fullscreen .modal-content {
    margin: 0;
    width: 100%;
    height: 100%;
    background: transparent; }
  .modal.modal-slideshow-fullscreen .slideshow-content {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0; }
  .modal.modal-slideshow-fullscreen .close {
    z-index: 1; }
  .modal.modal-slideshow-fullscreen .slides {
    width: 100%;
    height: 100%; }
    .modal.modal-slideshow-fullscreen .slides .current {
      position: relative;
      height: 100%; }
      .modal.modal-slideshow-fullscreen .slides .current:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle; }
      .modal.modal-slideshow-fullscreen .slides .current img {
        vertical-align: middle;
        max-height: 100%; }
    .modal.modal-slideshow-fullscreen .slides .action-nav {
      position: absolute;
      top: 0;
      right: 10px; }
    .modal.modal-slideshow-fullscreen .slides .panel {
      top: auto;
      bottom: 0;
      right: 0;
      left: 0;
      margin: 0 10px 20px; }
      .modal.modal-slideshow-fullscreen .slides .panel .description {
        bottom: 0;
        top: auto;
        right: 172px; }
        .modal.modal-slideshow-fullscreen .slides .panel .description.open {
          height: auto;
          width: auto;
          left: 0; }
      .modal.modal-slideshow-fullscreen .slides .panel .time {
        bottom: auto;
        top: auto; }
        .modal.modal-slideshow-fullscreen .slides .panel .time.open {
          display: block;
          bottom: 56px; }
          .modal.modal-slideshow-fullscreen .slides .panel .time.open .panel-btn {
            opacity: 0; }
          .modal.modal-slideshow-fullscreen .slides .panel .time.open .time-container {
            display: block;
            padding-top: 15px; }
          .modal.modal-slideshow-fullscreen .slides .panel .time.open .time-inner {
            height: 56px;
            top: auto;
            bottom: auto; }
          .modal.modal-slideshow-fullscreen .slides .panel .time.open .time-sec {
            top: -7px; }
      .modal.modal-slideshow-fullscreen .slides .panel .slider-btn {
        position: absolute;
        width: 24px;
        bottom: auto;
        top: auto;
        border-radius: 3px; }
        .modal.modal-slideshow-fullscreen .slides .panel .slider-btn .panel-btn {
          background-image: linear-gradient(to top, #FFF, #FFE); }
          .modal.modal-slideshow-fullscreen .slides .panel .slider-btn .panel-btn > i {
            width: 100%;
            height: 100%; }
        .modal.modal-slideshow-fullscreen .slides .panel .slider-btn.play-slide {
          right: 40px; }
          .modal.modal-slideshow-fullscreen .slides .panel .slider-btn.play-slide > .panel-btn > i {
            background: url(../img/gimg/icon-play-sm.png) 50% 50% no-repeat; }
        .modal.modal-slideshow-fullscreen .slides .panel .slider-btn.pause-slide {
          right: 72px; }
          .modal.modal-slideshow-fullscreen .slides .panel .slider-btn.pause-slide > .panel-btn > i {
            background: url(../img/gimg/icon-pause-sm.png) 50% 50% no-repeat; }
        .modal.modal-slideshow-fullscreen .slides .panel .slider-btn.next-slide {
          right: 106px; }
          .modal.modal-slideshow-fullscreen .slides .panel .slider-btn.next-slide > .panel-btn > i {
            background: url(../img/gimg/icon-next-sm.png) 50% 50% no-repeat; }
        .modal.modal-slideshow-fullscreen .slides .panel .slider-btn.prev-slide {
          right: 138px; }
          .modal.modal-slideshow-fullscreen .slides .panel .slider-btn.prev-slide > .panel-btn > i {
            background: url(../img/gimg/icon-prev-sm.png) 50% 50% no-repeat; }

.fullscreen-client-logo {
  width: 150px;
  height: 34px;
  position: absolute;
  top: 10px;
  left: 10px; }
  .fullscreen-client-logo img.fullscreen-client-img {
    width: 100%;
    height: 100%; }

.fullscreen-powered-by-logo {
  width: 150px;
  height: 34px;
  position: absolute;
  left: 10px;
  bottom: 10px; }
  .fullscreen-powered-by-logo img.fullscreen-powered-by-img {
    width: 100%;
    height: 100%; }

/*region #INTERACTIVE BOOK SHEETS*/
.page-sheet-container .sortable-placeholder {
  background: #f2f2f2;
  border: 1px dashed #ccc; }

.page-sheet-container .ui-sortable-helper {
  background: #e7e7e7;
  opacity: .8; }

.page-sheet-container .video-player {
  width: 640px;
  margin: 0 auto; }

.page-sheet-container .selected {
  background: #ccc; }

.page-sheet-container .section {
  margin: 10px auto;
  display: table;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .page-sheet-container .section {
      display: block;
      max-width: 100%; } }

.page-sheet-container .edit-mode {
  cursor: pointer;
  display: table;
  width: 100%; }

.page-sheet-container .dashed, .page-sheet-container .edit-mode .bottom-container .description, .edit-mode .bottom-container .page-sheet-container .description, .page-sheet-container .modal .double-column > .fl-r .collection-docs-list, .modal .double-column > .fl-r .page-sheet-container .collection-docs-list, .page-sheet-container .modal .double-column .items_tag, .modal .double-column .page-sheet-container .items_tag, .page-sheet-container .collection-list.empty {
  border: 1px dashed; }

.page-sheet-container img {
  margin-bottom: 1px;
  margin-top: 1px; }
  .page-sheet-container img[style*="float: left;"] {
    margin-right: 8px; }
  .page-sheet-container img[style*="float: right;"] {
    margin-left: 8px; }

/*endregion #INTERACTIVE BOOK SHEETS*/
/*region #NEWSLETTERS*/
.sheet-details p.validation-error {
  display: inline-block;
  font-size: 16px;
  line-height: 22px; }

.page-sheet-container > .container {
  overflow: inherit !important; }

.page-sheet-container .event-page-container {
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute; }

.page-sheet-container .top-container {
  top: 174px; }

.page-sheet-container .collections {
  height: 100%; }
  .page-sheet-container .collections .collections-list img {
    border: none !important; }

.page-sheet-container .align-center {
  padding-top: 58px; }

.newsletters-collection-list .collections-list-item figure {
  height: 121px;
  line-height: 121px; }
  .newsletters-collection-list .collections-list-item figure img {
    border: none !important;
    display: inline-block;
    position: relative;
    margin: 0;
    width: auto !important; }

.newsletters-list {
  height: 100%; }
  .newsletters-list > .container {
    overflow: inherit !important; }
  .newsletters-list .event-page-container {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute; }
  .newsletters-list .top-container {
    top: 178px; }
  .newsletters-list .collections {
    height: 100%; }
    .newsletters-list .collections .collections-list figure {
      margin-bottom: 11px; }
    .newsletters-list .collections .collections-list img {
      border: none !important; }
  .newsletters-list .align-center {
    padding-top: 58px; }

.newsletters-book-page .arrows .arrow:hover {
  color: #accc37; }

.newsletters-book-page .right-panel.edit-mode .sub_height {
  top: 246px; }

.newsletters-book-page .edit:hover {
  background-position: -32px !important; }

.newsletters-book-page .container-inner-book {
  top: 168px; }

.newsletters-book-page .container {
  margin: 0;
  padding: 0; }

.newsletters-book-page > .container {
  margin: 0; }
  .newsletters-book-page > .container div.container {
    padding-top: 87px !important; }
  .newsletters-book-page > .container .form-item input[type="text"] {
    padding: 3px 16px; }

.newsletters-book-page .newsletters-subtitle {
  font-size: 12px; }

.newsletters-book-page .left-panel {
  top: 87px; }
  .newsletters-book-page .left-panel .swipe-area.disabled {
    display: none; }
  .newsletters-book-page .left-panel .swipe-area .toggle-btn {
    top: 116px !important; }
  .newsletters-book-page .left-panel .sub_height {
    top: 150px; }
  .newsletters-book-page .left-panel .inner {
    padding-top: 114px; }
    .newsletters-book-page .left-panel .inner .actions .btn {
      padding: 0 8px; }

.newsletters-book-page .page-sheet-container > div .mce-container-body.mce-stack-layout {
  overflow-y: auto;
  height: 100%; }

.newsletters-book-page .page-sheet-container > div form {
  background: #f0f0f0;
  padding: 0 0 0 16px; }
  .newsletters-book-page .page-sheet-container > div form .mce-panel {
    background: #f0f0f0 !important;
    border: none !important; }
    .newsletters-book-page .page-sheet-container > div form .mce-panel.mce-fullscreen {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; }
    .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-toolbar-grp {
      padding: 16px 0 13px;
      width: 620pt;
      margin: 0 auto; }
    .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area {
      background: #e3a7a7 !important;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      width: 22cm;
      height: 30.7cm;
      margin: 0 auto 16px;
      padding: .5cm;
      position: relative; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area:before {
        background: #fff;
        content: '';
        position: absolute;
        top: .5cm;
        right: .5cm;
        bottom: 2cm;
        left: .5cm;
        z-index: 1; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area:after {
        content: '';
        position: absolute;
        top: 1cm;
        right: 1cm;
        bottom: 2.5cm;
        left: 1cm;
        z-index: 2; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area iframe {
        height: 28.7cm !important;
        max-height: 28.7cm !important;
        min-height: 28.7cm !important;
        margin: -.5cm;
        position: relative;
        width: 22cm !important;
        z-index: 10; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area div[class^="corner-"] {
        background: #d57b7b;
        width: .5cm;
        height: .5cm;
        position: absolute;
        z-index: 3; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area div[class^="corner-"]:before, .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area div[class^="corner-"]:after {
          background: transparent;
          content: '';
          position: absolute; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area div[class^="corner-"]:before {
          width: 40px;
          height: 1px; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area div[class^="corner-"]:after {
          width: 1px;
          height: 40px; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-top {
        top: 0;
        left: 0; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-top:before {
          border-bottom: 1px solid #808080;
          left: -5pt;
          bottom: -1px; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-top:after {
          border-right: 1px solid #808080;
          right: -1px;
          top: -5pt; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-right {
        top: 0;
        right: 0; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-right:before {
          border-bottom: 1px solid #808080;
          right: -5pt;
          bottom: -1px; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-right:after {
          border-left: 1px solid #808080;
          left: -1px;
          top: -5pt; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-bottom {
        bottom: 0;
        right: 0; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-bottom:before {
          border-bottom: 1px solid #808080;
          right: -5pt;
          top: -1px; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-bottom:after {
          border-left: 1px solid #808080;
          left: -1px;
          bottom: -5pt; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-left {
        bottom: 0;
        left: 0; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-left:before {
          border-top: 1px solid #808080;
          left: -5pt;
          top: -1px; }
        .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .corner-left:after {
          border-right: 1px solid #808080;
          right: -1px;
          bottom: -5pt; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .line-dashed-top-bottom:before, .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .line-dashed-top-bottom:after {
        content: '';
        height: 1px;
        position: absolute;
        left: 1cm;
        right: 1cm;
        z-index: 10; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .line-dashed-top-bottom:before {
        border-top: 1px dashed #c75050;
        top: 1cm; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .line-dashed-top-bottom:after {
        border-bottom: 1px dashed #c75050;
        bottom: 2.5cm; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .line-dashed-left-right:before, .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .line-dashed-left-right:after {
        content: '';
        width: 1px;
        position: absolute;
        z-index: 10;
        top: 1cm;
        bottom: 2.5cm; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .line-dashed-left-right:before {
        border-left: 1px dashed #c75050;
        left: 1cm; }
      .newsletters-book-page .page-sheet-container > div form .mce-panel .mce-edit-area .line-dashed-left-right:after {
        border-right: 1px dashed #c75050;
        right: 1cm; }

.newsletters-book-page .page-sheet-container .newsletter-footer {
  background: #999;
  bottom: 0;
  color: white;
  height: 2cm;
  left: 0;
  line-height: 2cm;
  margin: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 22cm;
  z-index: 100; }
  .newsletters-book-page .page-sheet-container .newsletter-footer img {
    display: block;
    margin: 0 !important; }

body.mce-fullscreen {
  z-index: 9999;
  background: peru; }
  body.mce-fullscreen header, body.mce-fullscreen .left-panel, body.mce-fullscreen .event-nav-container {
    display: none; }

.newsletter-page-content {
  height: 30.7cm;
  margin: 0 auto 16px;
  box-shadow: 0 0 0 1px #d1d1d1, 0 0 4px 1px #ccc;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size: 10pt;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 22cm !important; }
  .newsletter-page-content iframe {
    height: 28.7cm !important;
    width: 22.026cm !important; }
  .newsletter-page-content img[style*="float: left;"] {
    margin-right: 8px; }
  .newsletter-page-content img[style*="float: right;"] {
    margin-left: 8px; }

.top-container-book .sheet-details input[type="text"] {
  width: 185px !important; }

.top-container-book input[type="text"] {
  padding: 3px 8px 4px; }

.top-container-book .attached:hover {
  background-position: 0 -32px; }

.left-panel.edit-mode-panel-sub {
  display: none !important; }

.validation-error.newsletters-too-match-content {
  padding: 0 16px; }

/*endregion*/
/*region #ACCOUNT SETTINGS*/
.account-setting-container .capacity-chart {
  margin: -35px 0 0;
  padding-left: 33px; }
  .account-setting-container .capacity-chart .clearfix {
    display: none; }

.account-setting-list {
  overflow: hidden;
  padding: 8px 0 10px; }

.account-setting-list-item label {
  display: block;
  font-family: "Weblysleek UI Semi Bold", Arial;
  margin: 0 0 28px; }

.account-setting-list-item > ul {
  line-height: normal;
  margin: 0 0 50px;
  overflow: hidden;
  padding-left: 33px; }
  .account-setting-list-item > ul li {
    display: block;
    overflow: hidden; }
    .account-setting-list-item > ul li + li {
      margin: 10px 0 0; }
  .account-setting-list-item > ul span {
    float: left;
    margin-right: 20px; }
    .account-setting-list-item > ul span.cursor-pointer, .account-setting-list-item > ul span.btn, .account-setting-list-item > ul span.edit,
    .account-setting-list-item > ul span.remove,
    .account-setting-list-item > ul span.attached, .account-setting-list-item > ul span.btn-open-list, .account-setting-list-item > ul .bk-tools .holder span.btn, .bk-tools .holder .account-setting-list-item > ul span.btn,
    .account-setting-list-item > ul .bk-tools .holder span.select-list, .bk-tools .holder .account-setting-list-item > ul span.select-list, .account-setting-list-item > ul .collections-list span.collections-list-item, .collections-list .account-setting-list-item > ul span.collections-list-item, .account-setting-list-item > ul .collections-list .collections-list-item span, .collections-list .collections-list-item .account-setting-list-item > ul span, .account-setting-list-item > ul .collection-list .collection-list-item span.play-icon:hover, .collection-list .collection-list-item .account-setting-list-item > ul span.play-icon:hover, .account-setting-list-item > ul .collection-list .quiz-attachment-list-item span.play-icon:hover, .collection-list .quiz-attachment-list-item .account-setting-list-item > ul span.play-icon:hover, .account-setting-list-item > ul .datepicker-box .form-item span.datepicker-btn, .datepicker-box .form-item .account-setting-list-item > ul span.datepicker-btn, .account-setting-list-item > ul .upload-list .upload-list-item span.btn-remove, .upload-list .upload-list-item .account-setting-list-item > ul span.btn-remove, .account-setting-list-item > ul .form-body .select-area span.selected-item, .form-body .select-area .account-setting-list-item > ul span.selected-item, .account-setting-list-item > ul .modal span.close, .modal .account-setting-list-item > ul span.close, .account-setting-list-item > ul span.select-list, .account-setting-list-item > ul .slideshow-content .time-inner > span span, .slideshow-content .time-inner > span .account-setting-list-item > ul span, .account-setting-list-item > ul .arrows span.arrow, .arrows .account-setting-list-item > ul span.arrow, .account-setting-list-item > ul span.panel-btn {
      color: #89b0dd;
      text-decoration: underline; }
      .account-setting-list-item > ul span.cursor-pointer:hover, .account-setting-list-item > ul span.btn:hover, .account-setting-list-item > ul span.edit:hover,
      .account-setting-list-item > ul span.remove:hover,
      .account-setting-list-item > ul span.attached:hover, .account-setting-list-item > ul span.btn-open-list:hover, .bk-tools .holder .account-setting-list-item > ul span.btn:hover, .bk-tools .holder .account-setting-list-item > ul span.select-list:hover, .account-setting-list-item > ul .collections-list span.collections-list-item:hover, .collections-list .account-setting-list-item > ul span.collections-list-item:hover, .account-setting-list-item > ul .collections-list .collections-list-item span:hover, .collections-list .collections-list-item .account-setting-list-item > ul span:hover, .account-setting-list-item > ul .collection-list .collection-list-item span.play-icon:hover, .collection-list .collection-list-item .account-setting-list-item > ul span.play-icon:hover, .account-setting-list-item > ul .collection-list .quiz-attachment-list-item span.play-icon:hover, .collection-list .quiz-attachment-list-item .account-setting-list-item > ul span.play-icon:hover, .account-setting-list-item > ul .datepicker-box .form-item span.datepicker-btn:hover, .datepicker-box .form-item .account-setting-list-item > ul span.datepicker-btn:hover, .account-setting-list-item > ul .upload-list .upload-list-item span.btn-remove:hover, .upload-list .upload-list-item .account-setting-list-item > ul span.btn-remove:hover, .account-setting-list-item > ul .form-body .select-area span.selected-item:hover, .form-body .select-area .account-setting-list-item > ul span.selected-item:hover, .account-setting-list-item > ul .modal span.close:hover, .modal .account-setting-list-item > ul span.close:hover, .account-setting-list-item > ul span.select-list:hover, .account-setting-list-item > ul .slideshow-content .time-inner > span span:hover, .slideshow-content .time-inner > span .account-setting-list-item > ul span:hover, .account-setting-list-item > ul .arrows span.arrow:hover, .arrows .account-setting-list-item > ul span.arrow:hover, .account-setting-list-item > ul span.panel-btn:hover {
        text-decoration: none; }

.account-setting-list-item:last-child > ul {
  margin: 0; }

/*endregion #ACCOUNT SETTINGS*/
/*region #COMMUNITY LIST*/
main.content[ng-if="communityCtrl.loaded"] {
  min-height: 10%; }
  main.content[ng-if="communityCtrl.loaded"] .albums-list-item .icons_wrap {
    position: absolute;
    left: 8px;
    top: 8px; }
    main.content[ng-if="communityCtrl.loaded"] .albums-list-item .icons_wrap:before {
      background: transparent !important; }
    main.content[ng-if="communityCtrl.loaded"] .albums-list-item .icons_wrap *:before {
      background: transparent !important; }
    main.content[ng-if="communityCtrl.loaded"] .albums-list-item .icons_wrap .share-icon {
      top: auto;
      left: auto; }
  main.content[ng-if="communityCtrl.loaded"] .btn-blue {
    background-color: #89b0dd;
    border-color: #5c85b4; }
  main.content[ng-if="communityCtrl.loaded"] .align-center {
    padding-top: 58px; }
  main.content[ng-if="communityCtrl.loaded"] .contacts-list figure figcaption .new_line {
    color: #89b0dd; }
  main.content[ng-if="communityCtrl.loaded"] .edit:hover {
    background-position: 0 -16px !important; }
  main.content[ng-if="communityCtrl.loaded"] .attached:hover {
    background-position: 0 -16px; }
  main.content[ng-if="communityCtrl.loaded"] .remove:hover {
    background-position: 0 -16px; }
  main.content[ng-if="communityCtrl.loaded"] .top-container .container {
    padding-top: 24px; }
  main.content[ng-if="communityCtrl.loaded"] .container-top-0 {
    margin: 0 6.25%; }
  main.content[ng-if="communityCtrl.loaded"] .colors-container {
    margin-left: 32px; }
  main.content[ng-if="communityCtrl.loaded"].newsletters-book-page span.collection-title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

main.content.airbus[ng-if="communityCtrl.loaded"] .container-top-0 {
  margin-top: 0; }

main.content.airbus[ng-if="communityCtrl.loaded"] .right-panel .container-top-0 {
  margin: 0; }

::-moz-selection {
  /* Code for Firefox */
  background: #aae1fd; }

::selection {
  background: #aae1fd; }

.sheet-details-edit-mode .form-item {
  margin-right: 20px; }

.sheet-details-edit-mode .enable-redirection {
  margin-top: 7px; }

.sheet-details-edit-mode .redirect-link input[type="text"] {
  width: 265px !important; }

.community-nav-wrapper {
  position: relative;
  z-index: 111; }
  .community-nav-wrapper .event-nav .edit:hover {
    background-position: 0 -16px; }
  .community-nav-wrapper .event-nav {
    background: #89b0dd; }
    .community-nav-wrapper .event-nav li a {
      color: #2a4c73;
      position: relative; }
      .community-nav-wrapper .event-nav li a .badge {
        border-top-left-radius: 100%;
        border-top-right-radius: 100%;
        border-bottom-left-radius: 100%;
        border-bottom-right-radius: 100%;
        background-color: #850505;
        background-image: -webkit-linear-gradient(bottom, #850505, #f32828);
        background-image: linear-gradient(to top, #850505, #f32828);
        color: #fff;
        display: block;
        border: 1px solid #f32828;
        font-family: 'Weblysleek UI Semi Bold', Arial;
        font-size: 10px;
        height: 16px;
        right: -7px;
        line-height: 12px;
        position: absolute;
        top: -7px;
        text-indent: 0 !important;
        text-align: center;
        min-width: 16px;
        padding: 0 1px; }
    .community-nav-wrapper .event-nav li.active a, .community-nav-wrapper .event-nav li:hover a {
      color: #fff; }

.community-container .storage p {
  margin: 0 0 7px; }

.community-container a {
  color: #2f2f2f; }

.community-container .form-body {
  margin-top: 20px; }
  .community-container .form-body:first-child {
    margin: 0; }
  .community-container .form-body .label {
    height: 20px;
    margin: 0 0 23px;
    position: relative;
    overflow: hidden; }
    .community-container .form-body .label > span:first-child {
      background: #fff;
      display: inline-block;
      padding-right: 5px;
      position: absolute;
      text-transform: uppercase;
      z-index: 1; }
      .community-container .community-container .form-body .label > span:first-child {
        display: inline-block;
        font-family: "Weblysleek UI Semi Bold", Arial;
        margin-right: 20px;
        position: static; }
    .community-container .form-body .label hr {
      position: absolute;
      width: 100%;
      margin: 0;
      top: 50%; }
  .community-container .form-body .public-url label {
    padding-top: 3px;
    padding-right: 8px; }

.community-container .save, .community-container .cancel {
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: transparent;
  font-size: 8px; }

.community-container .save {
  background: url("../img/gimg/yes.png") no-repeat center; }

.community-container .cancel {
  background: url("../img/gimg/no.png") no-repeat center; }

.community-container .errors {
  line-height: 18px; }
  .community-container .errors span {
    color: #f32828 !important;
    font-size: 14px;
    line-height: 18px; }

.public-url label {
  color: #333;
  line-height: 28px !important;
  margin: 0 20px 10px 0 !important; }

.public-url .select-area, .public-url .browse {
  border-color: #999; }

.public-url > span {
  display: block;
  clear: both;
  color: #ccc;
  font-size: 14px;
  margin: 0; }

.file-input-name {
  display: inline-block;
  color: #000;
  line-height: 130%;
  overflow: hidden;
  width: 100%;
  position: relative;
  top: -1px; }

.branding-container .form-body-inner {
  margin: 0 0 34px; }
  .branding-container .form-body-inner > label {
    display: block;
    font-family: "Weblysleek UI Semi Bold", Arial;
    margin: 0 0 22px; }

.branding-container .subtext {
  font-family: "Weblysleek UI Semi Light", Arial; }

.branding-icons-container .color-circle {
  cursor: pointer; }
  .branding-icons-container .color-circle.selected {
    border-color: #000 !important; }
  .branding-icons-container .color-circle.color-black.selected {
    border-color: #f32828 !important; }

.subtitle2 {
  display: block;
  font-family: "Weblysleek UI Semi Bold", Arial;
  margin: 0 0 22px; }

.colors-container:after {
  content: "";
  display: table;
  clear: both; }

.colors-container .fl-r {
  text-align: right; }

.colors-container figure {
  margin: 0 0 16px; }

.form-item-watermark,
.form-item-google {
  margin-left: 28px; }
  .form-item-watermark .disable-text,
  .form-item-google .disable-text {
    color: #ccc;
    padding: 0 8px; }
  .form-item-watermark .short-description,
  .form-item-google .short-description {
    color: #ccc;
    display: block;
    font-size: 14px;
    margin: 5px 0 20px; }

.branding-list .branding-list-item {
  margin: 0 0 16px; }
  .branding-list .branding-list-item > * {
    display: inline-block; }

.branding-list .element-name {
  width: 152px; }

.branding-list .graphic-element {
  width: 148px;
  min-height: 24px; }
  .branding-list .graphic-element img {
    max-width: 100%;
    width: auto; }

.branding-list .change-link {
  margin: 0 45px 0 15px; }

.colors-list {
  list-style: inside decimal; }
  .colors-list .colors-list-item {
    line-height: 40px;
    white-space: nowrap; }
  .colors-list .color-box > * {
    display: inline-block;
    vertical-align: top; }
  .colors-list .color-box .color-circle {
    border-bottom-left-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
    border: 1px solid transparent;
    height: 40px;
    margin-right: 5px;
    text-indent: -9999px;
    width: 40px; }
    .colors-list .color-box .color-circle.color-white {
      border-color: #9b9b9b; }
  .colors-list .color-box .color-hex {
    cursor: pointer; }

.change-graphics-list .short-description {
  color: #999;
  font-size: 14px;
  position: relative; }
  .change-graphics-list .short-description.short-description-logo {
    vertical-align: middle;
    max-width: 1090px; }
  @media screen and (max-width: 1025px) {
    .change-graphics-list .short-description {
      margin: 10px 0 0;
      top: 0 !important; } }

.community-list .date-holder:before, .community-list .date-holder:after {
  background: none;
  border: 0; }

.community-list .date-holder .date-holder-inner {
  background: #89b0dd; }
  .community-list .date-holder .date-holder-inner:before {
    background: none; }
  .community-list .date-holder .date-holder-inner figure {
    border: 0;
    height: 100%;
    line-height: 121px;
    margin: 0;
    width: 100%; }
    .community-list .date-holder .date-holder-inner figure img {
      border: 0;
      display: inline-block;
      height: auto;
      margin: 0;
      position: static;
      width: auto; }

.edit-user-permissions .form-item {
  line-height: 31px; }

.edit-user-permissions .moderate-check {
  margin-left: 40px; }
  .edit-user-permissions .moderate-check input[type="checkbox"] + label span {
    margin: 3px 0 0; }

.user-role {
  margin: 12px 0 0; }
  .user-role .info {
    color: #333;
    float: left;
    margin: 0 0 12px; }
  .user-role .btn-sort {
    margin: 10px 0 0 10px; }
  .user-role .user-role-table {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-collapse: inherit;
    clear: both;
    position: relative;
    width: 100%; }
    .user-role .user-role-table:after {
      bottom: 0;
      top: auto !important; }
    .user-role .user-role-table tbody tr:nth-child(odd) {
      background: #f6f6f6; }
    .user-role .user-role-table th {
      color: #999;
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 12px;
      padding: 10px 16px;
      position: relative;
      text-transform: uppercase; }
    .user-role .user-role-table td,
    .user-role .user-role-table th {
      text-align: center; }
      .user-role .user-role-table td:first-child,
      .user-role .user-role-table th:first-child {
        text-align: left;
        width: 56.9%; }
    .user-role .user-role-table td {
      color: #666;
      font-family: "Weblysleek UI Semi Light", Arial;
      font-size: 14px;
      padding: 7px 16px; }
    .user-role .user-role-table .checked {
      background: url("../img/gimg/checked-blue.png") no-repeat;
      display: inline-block;
      height: 12px;
      position: relative;
      text-indent: -9999px;
      vertical-align: middle;
      width: 16px; }
    .user-role .user-role-table .footnote:after {
      content: '*';
      color: #999;
      font-family: "Weblysleek UI Semi Light", Arial;
      font-size: 16px;
      top: -5px;
      right: -10px;
      position: absolute;
      text-indent: 0 !important; }
  .user-role .user-role-table,
  .user-role .user-role-table th {
    position: relative; }
    .user-role .user-role-table:after,
    .user-role .user-role-table th:after {
      background: #ccc;
      content: '';
      height: 7px;
      position: absolute;
      top: 0;
      right: 0;
      width: 1px; }
  .user-role .footnote-block {
    font-size: 12px;
    color: #999;
    margin: 13px 16px 2px; }

.icons_wrap {
  display: block;
  text-align: left !important;
  position: absolute;
  left: 16px;
  right: 22px;
  top: 102px;
  z-index: 10; }
  .icons_wrap .share-icon {
    display: inline-block !important;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    margin-right: 8px; }
  .icons_wrap .lock-icon {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    background: rgba(0, 0, 0, 0.5) url("../img/gimg/lock.png") no-repeat center center;
    display: inline-block !important;
    height: 32px;
    line-height: 32px;
    width: 32px; }

.video-processing {
  position: relative; }

.url_line_view {
  border: none !important;
  display: block;
  margin-top: -3px !important;
  padding: 0 !important;
  position: relative; }

.community-book-page .swipe-area .toggle-btn {
  top: 182px; }

.community-book-page .photo-carousel .rn-carousel-controls .rn-carousel-control {
  background: #89b0dd;
  border-color: #2a4c73; }

.community-book-page .container-inner-book {
  top: 168px; }

.community-book-page .container {
  margin: 0;
  padding: 0; }

.community-book-page > .container {
  margin: 0; }
  .community-book-page > .container div.container {
    padding-top: 87px !important; }

.community-book-page .left-panel .inner {
  padding-top: 180px;
  padding-right: 34px; }
  .community-book-page .left-panel .inner .list {
    max-height: 100%;
    overflow-y: auto;
    position: relative; }
    .community-book-page .left-panel .inner .list.list-space li {
      margin: 0 0 16px; }

.community-book-page .left-panel .sub_height {
  height: 100%;
  max-height: 100%;
  margin: 0 -30px;
  position: static;
  top: 0; }

.community-book-page .right-panel.edit-mode .sub_height {
  top: 246px; }

.community-book-page .right-panel .description ul, .community-book-page .right-panel .description ol {
  padding-left: 18px; }

.community-book-page .right-panel .description ul li {
  list-style: disc; }

.community-book-page .right-panel .description ol li {
  list-style: decimal; }

.community-book-page .select-area ul.dropdown-menu {
  right: 0;
  left: auto; }

.community-book-page .collection .collection-doc-list-item {
  float: none !important;
  margin: 0 0 16px !important; }

.airbus .left-panel {
  z-index: 1;
  top: 0 !important; }
  .airbus .left-panel .inner {
    padding-top: 192px;
    padding-bottom: 0;
    padding-right: 34px; }
  .airbus .left-panel .list {
    margin: 0 -30px 25px -30px;
    overflow-y: auto; }
    .airbus .left-panel .list a {
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 15px; }
      .airbus .left-panel .list a button.active .caret {
        transform: rotate(0deg); }
    .airbus .left-panel .list a.selected button.active .caret {
      transform: rotate(0deg); }
    .airbus .left-panel .list a.selected button .caret {
      color: #fff; }
    .airbus .left-panel .list span {
      display: block;
      padding: 0 30px 0 46px; }
      .airbus .left-panel .list span label {
        padding-left: 24px; }
      .airbus .left-panel .list span.sub {
        padding: 0 30px; }
      .airbus .left-panel .list span.sub2 {
        padding: 0 30px 0 8px; }
      .airbus .left-panel .list span.selected {
        background: #ccc;
        color: #fff;
        font-family: "Weblysleek UI Semi Bold", Arial;
        font-size: 15px; }

.airbus .right-panel {
  height: 100%; }
  .airbus .right-panel > div[ui-view] {
    height: 100%; }
  .airbus .right-panel.panel .top-container-book .fl-l {
    max-width: 53%; }
  .airbus .right-panel.panel .top-container-book .info {
    margin: 0; }
  .airbus .right-panel.panel .top-container-book .btn_save {
    color: #2f2f2f; }
  .airbus .right-panel .bottom-container {
    height: calc(100% - 157px); }
    .airbus .right-panel .bottom-container.candidates {
      top: 96px; }
    .airbus .right-panel .bottom-container .cat_filter {
      height: 100%;
      position: relative;
      overflow-y: auto; }
      .airbus .right-panel .bottom-container .cat_filter .close {
        border: 1px solid #2f2f2f;
        border-radius: 50px;
        display: inline-block;
        color: #2f2f2f;
        font-size: 14px;
        line-height: 9px;
        text-align: center;
        text-decoration: none;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 10px;
        top: 8px; }
    .airbus .right-panel .bottom-container .tag_filter .edit {
      transition: none;
      position: relative;
      top: 2px; }
    .airbus .right-panel .bottom-container .tag_filter.has_select_area .inner {
      margin-top: 7px; }
    .airbus .right-panel .bottom-container .tag_filter .subtitle2 {
      margin-bottom: 22px; }
    .airbus .right-panel .bottom-container .tag_filter .select-area {
      width: 100%; }
    .airbus .right-panel .bottom-container .tag_filter .inner {
      position: relative;
      overflow-y: auto; }
      .airbus .right-panel .bottom-container .tag_filter .inner.gray_border {
        border: 1px solid #e7e7e7;
        border-radius: 4px;
        padding: 11px; }
    .airbus .right-panel .bottom-container .tag_filter .save,
    .airbus .right-panel .bottom-container .tag_filter .cancel {
      display: inline-block;
      border-radius: 50%;
      vertical-align: middle;
      width: 16px;
      height: 16px;
      cursor: pointer;
      color: transparent;
      font-size: 8px; }
    .airbus .right-panel .bottom-container .tag_filter .save {
      background: url("../img/gimg/yes.png") no-repeat center !important;
      background-size: 16px !important; }
    .airbus .right-panel .bottom-container .tag_filter .cancel {
      background: url("../img/gimg/no.png") no-repeat center !important;
      background-size: 16px !important; }
    .airbus .right-panel .bottom-container .tag_filter .errors {
      line-height: 18px; }
      .airbus .right-panel .bottom-container .tag_filter .errors span {
        color: #f32828 !important;
        font-size: 14px;
        line-height: 18px; }
    .airbus .right-panel .bottom-container .cat_filter {
      width: 66.5%;
      float: left;
      padding-right: 12px; }
      .airbus .right-panel .bottom-container .cat_filter.has_select_area .inner {
        margin-top: 7px; }
    .airbus .right-panel .bottom-container .tag_filter {
      width: 32%;
      float: right; }
  .airbus .right-panel .top-container h1 {
    padding-bottom: 24px; }
  .airbus .right-panel nav.actions {
    position: relative; }
    .airbus .right-panel nav.actions .found_wrap {
      position: relative; }
      .airbus .right-panel nav.actions .found_wrap .found {
        background: #FFDF77;
        border-width: 1px;
        border-style: solid;
        border-color: #ffc000 #ffc000 #ffc000 transparent;
        box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
        display: inline-block;
        color: #000;
        font-family: "Weblysleek UI Semi Bold", Arial;
        font-size: 14px;
        text-align: center;
        min-width: 178px;
        padding: 7px 16px;
        position: fixed;
        top: 239px;
        left: 327px;
        z-index: 3; }
        .airbus .right-panel nav.actions .found_wrap .found:before {
          background: #FFDF77;
          border-width: 1px;
          border-style: solid;
          border-color: transparent transparent #ffc000 #ffc000;
          content: '';
          width: 22px;
          height: 22px;
          position: absolute;
          left: -13px;
          top: 4px;
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .airbus .right-panel nav.actions .found_wrap .found a {
          color: #000 !important; }
        .airbus .right-panel nav.actions .found_wrap .found .close {
          background: #fff url("../img/gimg/found-close.gif") center no-repeat;
          border-radius: 50%;
          -moz-border-radius: 50%;
          -webkit-border-radius: 50%;
          display: inline-block;
          color: #ffc000 !important;
          font-family: Arial, sans-serif;
          font-size: 11px;
          line-height: 16px;
          text-align: center;
          width: 16px;
          height: 16px;
          position: absolute;
          top: 50%;
          right: 8px;
          margin-top: -8px; }
  .airbus .right-panel .sub_info {
    color: #999;
    font-size: 14px;
    line-height: 24px; }
  .airbus .right-panel .table-user tbody tr:hover {
    background: #ededed; }

.airbus .browse {
  background: #f2f2f2;
  padding: 1px 20px; }
  .airbus .browse.disabled {
    border-color: #999; }
  .airbus .browse .caret {
    top: 13px;
    right: 5px; }

.airbus .container.search_wrap {
  padding-top: 0; }
  .airbus .container.search_wrap .collections-list {
    margin-top: 0; }
    .airbus .container.search_wrap .collections-list .collections-list-item img {
      margin-top: 0;
      width: 132px;
      height: 132px; }

.select-area.tag_manag_w {
  padding: 5px 76px 2px 8px; }
  .select-area.tag_manag_w .browse.tag_manag {
    left: auto;
    right: -1px;
    cursor: pointer; }
  .select-area.tag_manag_w .btn-group {
    position: absolute;
    right: 0;
    top: 0; }
    .select-area.tag_manag_w .btn-group .dropdown-toggle {
      margin: -1px -1px 0;
      position: static; }

.breadcrumbs a {
  color: #fff;
  text-decoration: none; }

.breadcrumbs .arr_next {
  color: #fff !important;
  display: inline-block;
  position: relative;
  top: -1px; }

.font_sz {
  font-size: 16px !important; }

.btn-add.community-custom-color {
  background-image: none;
  font-family: Arial, sans-serif;
  font-size: 52px;
  line-height: 54px; }

.validation-error.comm_users {
  padding: 0; }

.candidates_table {
  width: 100%; }
  .candidates_table th, .candidates_table td {
    border-left: 5px solid #fff; }
    .candidates_table th:first-child, .candidates_table td:first-child {
      border-left: none; }
    .candidates_table th a, .candidates_table td a {
      color: #000; }
    .candidates_table th .sort_wrap, .candidates_table td .sort_wrap {
      position: relative; }
      .candidates_table th .sort_wrap .sort, .candidates_table td .sort_wrap .sort {
        border-width: 6px 4px 0;
        border-style: solid;
        border-color: #000 transparent;
        display: none;
        width: 8px;
        height: 6px;
        position: absolute;
        right: -16px;
        top: 7px;
        cursor: pointer; }
  .candidates_table th {
    background: #e7e7e7;
    text-align: left;
    text-transform: uppercase;
    padding: 7px 24px 7px 16px; }
    .candidates_table th:hover {
      background: #ccc; }
      .candidates_table th:hover .sort {
        display: inline-block; }
  .candidates_table td {
    border-bottom: 1px solid #e7e7e7;
    padding: 16px 16px 7px; }

.nav_list.ui-sortable li.ui-sortable-helper .btn-open-list {
  cursor: move; }

.nav_list li {
  position: relative; }
  .nav_list li a:first-child {
    margin-right: 32px; }
  .nav_list li .close {
    top: 7px;
    right: 5px; }

.nav_list .sub {
  padding-left: 28px; }

.nav_list .sub2 {
  padding-left: 28px; }
  .nav_list .sub2 li {
    min-height: 31px;
    padding: 0px 0px 2px 8px; }
    .nav_list .sub2 li.selected {
      background: #dedede;
      margin-bottom: 1px; }
    .nav_list .sub2 li .close {
      margin-right: 0; }

.nav_list .btn-open-list {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 0 none;
  line-height: 31px;
  position: relative;
  text-align: left;
  padding: 0 32px;
  width: auto !important; }
  .nav_list .btn-open-list.selected {
    background: #dedede; }
  .nav_list .btn-open-list .errors {
    display: inline-block;
    margin: 0 8px; }
  .nav_list .btn-open-list .caret-arrow {
    height: 31px;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    width: 32px; }
    .nav_list .btn-open-list .caret-arrow .caret {
      margin: 0 !important; }
  .nav_list .btn-open-list .caret {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg); }
  .nav_list .btn-open-list.active .caret {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  .nav_list .btn-open-list .editor-box {
    height: 100%;
    position: relative; }
    .nav_list .btn-open-list .editor-box .edit {
      margin: -8px 0 0;
      position: absolute;
      right: 0;
      top: 50%; }
    .nav_list .btn-open-list .editor-box input {
      box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.25);
      height: 24px;
      line-height: 18px;
      padding: 0 8px;
      margin: 0;
      width: 35%; }
    .nav_list .btn-open-list .editor-box > span:not(.color-hex),
    .nav_list .btn-open-list .editor-box > span:not(.edit-box-inner) {
      display: block;
      max-width: 100%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 20px; }

.nav_list .save,
.nav_list .cancel {
  display: inline-block;
  vertical-align: text-bottom;
  width: 24px;
  height: 24px;
  cursor: pointer;
  color: transparent;
  font-size: 8px; }

.nav_list .save {
  background: url("../img/gimg/yes.png") no-repeat center; }

.nav_list .cancel {
  background: url("../img/gimg/no.png") no-repeat center; }

.nav_list .errors {
  line-height: 18px; }
  .nav_list .errors span {
    color: #f32828 !important;
    font-size: 14px;
    line-height: 18px; }

.nav.category-list li {
  position: relative; }
  .nav.category-list li .sub {
    margin-left: 28px; }
  .nav.category-list li .sub2 {
    margin-left: 32px; }

.tile {
  /*.selectize-control .selectize-input > input[type="text"] {
    width: 85% !important;
    position: absolute !important;
    bottom: 0;
    left: 8px !important;
    right: 32px !important;
    top: 3px;
  }

  .selectize-control .selectize-input > div {
    width: 100% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }*/ }
  .tile .sub_line {
    margin-bottom: 8px; }
  .tile .datepicker-btn, .tile .edit-btn {
    border: 0 none;
    height: 21px;
    margin: -10.5px 0 0;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 21px; }
  .tile .datepicker-btn {
    background: url("../img/gimg/calendar.png") 0 0 no-repeat rgba(0, 0, 0, 0);
    top: 45px; }
  .tile .edit-btn {
    background: url("../img/gimg/sprite_icon_edit.png") 0 0 no-repeat rgba(0, 0, 0, 0);
    cursor: pointer;
    margin: -8.5px 0 0;
    height: 16px;
    width: 16px; }
  .tile .row {
    display: table;
    width: 100%; }
  .tile .width-1, .tile .width-2, .tile .width-3, .tile .width-4,
  .tile .width-5, .tile .width-6, .tile .width-7, .tile .width-8,
  .tile .width-9, .tile .width-10, .tile .width-11, .tile .width-12,
  .tile .width-13, .tile .width-14, .tile .width-15, .tile .width-16 {
    float: left;
    margin: 0 0.499% 1%; }
    .tile .width-1.two_cols, .tile .width-2.two_cols, .tile .width-3.two_cols, .tile .width-4.two_cols,
    .tile .width-5.two_cols, .tile .width-6.two_cols, .tile .width-7.two_cols, .tile .width-8.two_cols,
    .tile .width-9.two_cols, .tile .width-10.two_cols, .tile .width-11.two_cols, .tile .width-12.two_cols,
    .tile .width-13.two_cols, .tile .width-14.two_cols, .tile .width-15.two_cols, .tile .width-16.two_cols {
      border-right: 1px solid #dedede; }
      .tile .width-1.two_cols [class^="width-"], .tile .width-2.two_cols [class^="width-"], .tile .width-3.two_cols [class^="width-"], .tile .width-4.two_cols [class^="width-"],
      .tile .width-5.two_cols [class^="width-"], .tile .width-6.two_cols [class^="width-"], .tile .width-7.two_cols [class^="width-"], .tile .width-8.two_cols [class^="width-"],
      .tile .width-9.two_cols [class^="width-"], .tile .width-10.two_cols [class^="width-"], .tile .width-11.two_cols [class^="width-"], .tile .width-12.two_cols [class^="width-"],
      .tile .width-13.two_cols [class^="width-"], .tile .width-14.two_cols [class^="width-"], .tile .width-15.two_cols [class^="width-"], .tile .width-16.two_cols [class^="width-"] {
        margin-bottom: 1%; }
    .tile .width-1 .width-1, .tile .width-1 .width-2, .tile .width-1 .width-3, .tile .width-1 .width-4,
    .tile .width-1 .width-5, .tile .width-1 .width-6, .tile .width-1 .width-7, .tile .width-1 .width-8,
    .tile .width-1 .width-9, .tile .width-1 .width-10, .tile .width-1 .width-11, .tile .width-1 .width-12,
    .tile .width-1 .width-13, .tile .width-1 .width-14, .tile .width-1 .width-15, .tile .width-1 .width-16, .tile .width-2 .width-1, .tile .width-2 .width-2, .tile .width-2 .width-3, .tile .width-2 .width-4,
    .tile .width-2 .width-5, .tile .width-2 .width-6, .tile .width-2 .width-7, .tile .width-2 .width-8,
    .tile .width-2 .width-9, .tile .width-2 .width-10, .tile .width-2 .width-11, .tile .width-2 .width-12,
    .tile .width-2 .width-13, .tile .width-2 .width-14, .tile .width-2 .width-15, .tile .width-2 .width-16, .tile .width-3 .width-1, .tile .width-3 .width-2, .tile .width-3 .width-3, .tile .width-3 .width-4,
    .tile .width-3 .width-5, .tile .width-3 .width-6, .tile .width-3 .width-7, .tile .width-3 .width-8,
    .tile .width-3 .width-9, .tile .width-3 .width-10, .tile .width-3 .width-11, .tile .width-3 .width-12,
    .tile .width-3 .width-13, .tile .width-3 .width-14, .tile .width-3 .width-15, .tile .width-3 .width-16, .tile .width-4 .width-1, .tile .width-4 .width-2, .tile .width-4 .width-3, .tile .width-4 .width-4,
    .tile .width-4 .width-5, .tile .width-4 .width-6, .tile .width-4 .width-7, .tile .width-4 .width-8,
    .tile .width-4 .width-9, .tile .width-4 .width-10, .tile .width-4 .width-11, .tile .width-4 .width-12,
    .tile .width-4 .width-13, .tile .width-4 .width-14, .tile .width-4 .width-15, .tile .width-4 .width-16,
    .tile .width-5 .width-1,
    .tile .width-5 .width-2,
    .tile .width-5 .width-3,
    .tile .width-5 .width-4,
    .tile .width-5 .width-5,
    .tile .width-5 .width-6,
    .tile .width-5 .width-7,
    .tile .width-5 .width-8,
    .tile .width-5 .width-9,
    .tile .width-5 .width-10,
    .tile .width-5 .width-11,
    .tile .width-5 .width-12,
    .tile .width-5 .width-13,
    .tile .width-5 .width-14,
    .tile .width-5 .width-15,
    .tile .width-5 .width-16, .tile .width-6 .width-1, .tile .width-6 .width-2, .tile .width-6 .width-3, .tile .width-6 .width-4,
    .tile .width-6 .width-5, .tile .width-6 .width-6, .tile .width-6 .width-7, .tile .width-6 .width-8,
    .tile .width-6 .width-9, .tile .width-6 .width-10, .tile .width-6 .width-11, .tile .width-6 .width-12,
    .tile .width-6 .width-13, .tile .width-6 .width-14, .tile .width-6 .width-15, .tile .width-6 .width-16, .tile .width-7 .width-1, .tile .width-7 .width-2, .tile .width-7 .width-3, .tile .width-7 .width-4,
    .tile .width-7 .width-5, .tile .width-7 .width-6, .tile .width-7 .width-7, .tile .width-7 .width-8,
    .tile .width-7 .width-9, .tile .width-7 .width-10, .tile .width-7 .width-11, .tile .width-7 .width-12,
    .tile .width-7 .width-13, .tile .width-7 .width-14, .tile .width-7 .width-15, .tile .width-7 .width-16, .tile .width-8 .width-1, .tile .width-8 .width-2, .tile .width-8 .width-3, .tile .width-8 .width-4,
    .tile .width-8 .width-5, .tile .width-8 .width-6, .tile .width-8 .width-7, .tile .width-8 .width-8,
    .tile .width-8 .width-9, .tile .width-8 .width-10, .tile .width-8 .width-11, .tile .width-8 .width-12,
    .tile .width-8 .width-13, .tile .width-8 .width-14, .tile .width-8 .width-15, .tile .width-8 .width-16,
    .tile .width-9 .width-1,
    .tile .width-9 .width-2,
    .tile .width-9 .width-3,
    .tile .width-9 .width-4,
    .tile .width-9 .width-5,
    .tile .width-9 .width-6,
    .tile .width-9 .width-7,
    .tile .width-9 .width-8,
    .tile .width-9 .width-9,
    .tile .width-9 .width-10,
    .tile .width-9 .width-11,
    .tile .width-9 .width-12,
    .tile .width-9 .width-13,
    .tile .width-9 .width-14,
    .tile .width-9 .width-15,
    .tile .width-9 .width-16, .tile .width-10 .width-1, .tile .width-10 .width-2, .tile .width-10 .width-3, .tile .width-10 .width-4,
    .tile .width-10 .width-5, .tile .width-10 .width-6, .tile .width-10 .width-7, .tile .width-10 .width-8,
    .tile .width-10 .width-9, .tile .width-10 .width-10, .tile .width-10 .width-11, .tile .width-10 .width-12,
    .tile .width-10 .width-13, .tile .width-10 .width-14, .tile .width-10 .width-15, .tile .width-10 .width-16, .tile .width-11 .width-1, .tile .width-11 .width-2, .tile .width-11 .width-3, .tile .width-11 .width-4,
    .tile .width-11 .width-5, .tile .width-11 .width-6, .tile .width-11 .width-7, .tile .width-11 .width-8,
    .tile .width-11 .width-9, .tile .width-11 .width-10, .tile .width-11 .width-11, .tile .width-11 .width-12,
    .tile .width-11 .width-13, .tile .width-11 .width-14, .tile .width-11 .width-15, .tile .width-11 .width-16, .tile .width-12 .width-1, .tile .width-12 .width-2, .tile .width-12 .width-3, .tile .width-12 .width-4,
    .tile .width-12 .width-5, .tile .width-12 .width-6, .tile .width-12 .width-7, .tile .width-12 .width-8,
    .tile .width-12 .width-9, .tile .width-12 .width-10, .tile .width-12 .width-11, .tile .width-12 .width-12,
    .tile .width-12 .width-13, .tile .width-12 .width-14, .tile .width-12 .width-15, .tile .width-12 .width-16,
    .tile .width-13 .width-1,
    .tile .width-13 .width-2,
    .tile .width-13 .width-3,
    .tile .width-13 .width-4,
    .tile .width-13 .width-5,
    .tile .width-13 .width-6,
    .tile .width-13 .width-7,
    .tile .width-13 .width-8,
    .tile .width-13 .width-9,
    .tile .width-13 .width-10,
    .tile .width-13 .width-11,
    .tile .width-13 .width-12,
    .tile .width-13 .width-13,
    .tile .width-13 .width-14,
    .tile .width-13 .width-15,
    .tile .width-13 .width-16, .tile .width-14 .width-1, .tile .width-14 .width-2, .tile .width-14 .width-3, .tile .width-14 .width-4,
    .tile .width-14 .width-5, .tile .width-14 .width-6, .tile .width-14 .width-7, .tile .width-14 .width-8,
    .tile .width-14 .width-9, .tile .width-14 .width-10, .tile .width-14 .width-11, .tile .width-14 .width-12,
    .tile .width-14 .width-13, .tile .width-14 .width-14, .tile .width-14 .width-15, .tile .width-14 .width-16, .tile .width-15 .width-1, .tile .width-15 .width-2, .tile .width-15 .width-3, .tile .width-15 .width-4,
    .tile .width-15 .width-5, .tile .width-15 .width-6, .tile .width-15 .width-7, .tile .width-15 .width-8,
    .tile .width-15 .width-9, .tile .width-15 .width-10, .tile .width-15 .width-11, .tile .width-15 .width-12,
    .tile .width-15 .width-13, .tile .width-15 .width-14, .tile .width-15 .width-15, .tile .width-15 .width-16, .tile .width-16 .width-1, .tile .width-16 .width-2, .tile .width-16 .width-3, .tile .width-16 .width-4,
    .tile .width-16 .width-5, .tile .width-16 .width-6, .tile .width-16 .width-7, .tile .width-16 .width-8,
    .tile .width-16 .width-9, .tile .width-16 .width-10, .tile .width-16 .width-11, .tile .width-16 .width-12,
    .tile .width-16 .width-13, .tile .width-16 .width-14, .tile .width-16 .width-15, .tile .width-16 .width-16 {
      margin: 0 0 0 0.99%; }
      .tile .width-1 .width-1:first-child, .tile .width-1 .width-2:first-child, .tile .width-1 .width-3:first-child, .tile .width-1 .width-4:first-child,
      .tile .width-1 .width-5:first-child, .tile .width-1 .width-6:first-child, .tile .width-1 .width-7:first-child, .tile .width-1 .width-8:first-child,
      .tile .width-1 .width-9:first-child, .tile .width-1 .width-10:first-child, .tile .width-1 .width-11:first-child, .tile .width-1 .width-12:first-child,
      .tile .width-1 .width-13:first-child, .tile .width-1 .width-14:first-child, .tile .width-1 .width-15:first-child, .tile .width-1 .width-16:first-child, .tile .width-2 .width-1:first-child, .tile .width-2 .width-2:first-child, .tile .width-2 .width-3:first-child, .tile .width-2 .width-4:first-child,
      .tile .width-2 .width-5:first-child, .tile .width-2 .width-6:first-child, .tile .width-2 .width-7:first-child, .tile .width-2 .width-8:first-child,
      .tile .width-2 .width-9:first-child, .tile .width-2 .width-10:first-child, .tile .width-2 .width-11:first-child, .tile .width-2 .width-12:first-child,
      .tile .width-2 .width-13:first-child, .tile .width-2 .width-14:first-child, .tile .width-2 .width-15:first-child, .tile .width-2 .width-16:first-child, .tile .width-3 .width-1:first-child, .tile .width-3 .width-2:first-child, .tile .width-3 .width-3:first-child, .tile .width-3 .width-4:first-child,
      .tile .width-3 .width-5:first-child, .tile .width-3 .width-6:first-child, .tile .width-3 .width-7:first-child, .tile .width-3 .width-8:first-child,
      .tile .width-3 .width-9:first-child, .tile .width-3 .width-10:first-child, .tile .width-3 .width-11:first-child, .tile .width-3 .width-12:first-child,
      .tile .width-3 .width-13:first-child, .tile .width-3 .width-14:first-child, .tile .width-3 .width-15:first-child, .tile .width-3 .width-16:first-child, .tile .width-4 .width-1:first-child, .tile .width-4 .width-2:first-child, .tile .width-4 .width-3:first-child, .tile .width-4 .width-4:first-child,
      .tile .width-4 .width-5:first-child, .tile .width-4 .width-6:first-child, .tile .width-4 .width-7:first-child, .tile .width-4 .width-8:first-child,
      .tile .width-4 .width-9:first-child, .tile .width-4 .width-10:first-child, .tile .width-4 .width-11:first-child, .tile .width-4 .width-12:first-child,
      .tile .width-4 .width-13:first-child, .tile .width-4 .width-14:first-child, .tile .width-4 .width-15:first-child, .tile .width-4 .width-16:first-child,
      .tile .width-5 .width-1:first-child,
      .tile .width-5 .width-2:first-child,
      .tile .width-5 .width-3:first-child,
      .tile .width-5 .width-4:first-child,
      .tile .width-5 .width-5:first-child,
      .tile .width-5 .width-6:first-child,
      .tile .width-5 .width-7:first-child,
      .tile .width-5 .width-8:first-child,
      .tile .width-5 .width-9:first-child,
      .tile .width-5 .width-10:first-child,
      .tile .width-5 .width-11:first-child,
      .tile .width-5 .width-12:first-child,
      .tile .width-5 .width-13:first-child,
      .tile .width-5 .width-14:first-child,
      .tile .width-5 .width-15:first-child,
      .tile .width-5 .width-16:first-child, .tile .width-6 .width-1:first-child, .tile .width-6 .width-2:first-child, .tile .width-6 .width-3:first-child, .tile .width-6 .width-4:first-child,
      .tile .width-6 .width-5:first-child, .tile .width-6 .width-6:first-child, .tile .width-6 .width-7:first-child, .tile .width-6 .width-8:first-child,
      .tile .width-6 .width-9:first-child, .tile .width-6 .width-10:first-child, .tile .width-6 .width-11:first-child, .tile .width-6 .width-12:first-child,
      .tile .width-6 .width-13:first-child, .tile .width-6 .width-14:first-child, .tile .width-6 .width-15:first-child, .tile .width-6 .width-16:first-child, .tile .width-7 .width-1:first-child, .tile .width-7 .width-2:first-child, .tile .width-7 .width-3:first-child, .tile .width-7 .width-4:first-child,
      .tile .width-7 .width-5:first-child, .tile .width-7 .width-6:first-child, .tile .width-7 .width-7:first-child, .tile .width-7 .width-8:first-child,
      .tile .width-7 .width-9:first-child, .tile .width-7 .width-10:first-child, .tile .width-7 .width-11:first-child, .tile .width-7 .width-12:first-child,
      .tile .width-7 .width-13:first-child, .tile .width-7 .width-14:first-child, .tile .width-7 .width-15:first-child, .tile .width-7 .width-16:first-child, .tile .width-8 .width-1:first-child, .tile .width-8 .width-2:first-child, .tile .width-8 .width-3:first-child, .tile .width-8 .width-4:first-child,
      .tile .width-8 .width-5:first-child, .tile .width-8 .width-6:first-child, .tile .width-8 .width-7:first-child, .tile .width-8 .width-8:first-child,
      .tile .width-8 .width-9:first-child, .tile .width-8 .width-10:first-child, .tile .width-8 .width-11:first-child, .tile .width-8 .width-12:first-child,
      .tile .width-8 .width-13:first-child, .tile .width-8 .width-14:first-child, .tile .width-8 .width-15:first-child, .tile .width-8 .width-16:first-child,
      .tile .width-9 .width-1:first-child,
      .tile .width-9 .width-2:first-child,
      .tile .width-9 .width-3:first-child,
      .tile .width-9 .width-4:first-child,
      .tile .width-9 .width-5:first-child,
      .tile .width-9 .width-6:first-child,
      .tile .width-9 .width-7:first-child,
      .tile .width-9 .width-8:first-child,
      .tile .width-9 .width-9:first-child,
      .tile .width-9 .width-10:first-child,
      .tile .width-9 .width-11:first-child,
      .tile .width-9 .width-12:first-child,
      .tile .width-9 .width-13:first-child,
      .tile .width-9 .width-14:first-child,
      .tile .width-9 .width-15:first-child,
      .tile .width-9 .width-16:first-child, .tile .width-10 .width-1:first-child, .tile .width-10 .width-2:first-child, .tile .width-10 .width-3:first-child, .tile .width-10 .width-4:first-child,
      .tile .width-10 .width-5:first-child, .tile .width-10 .width-6:first-child, .tile .width-10 .width-7:first-child, .tile .width-10 .width-8:first-child,
      .tile .width-10 .width-9:first-child, .tile .width-10 .width-10:first-child, .tile .width-10 .width-11:first-child, .tile .width-10 .width-12:first-child,
      .tile .width-10 .width-13:first-child, .tile .width-10 .width-14:first-child, .tile .width-10 .width-15:first-child, .tile .width-10 .width-16:first-child, .tile .width-11 .width-1:first-child, .tile .width-11 .width-2:first-child, .tile .width-11 .width-3:first-child, .tile .width-11 .width-4:first-child,
      .tile .width-11 .width-5:first-child, .tile .width-11 .width-6:first-child, .tile .width-11 .width-7:first-child, .tile .width-11 .width-8:first-child,
      .tile .width-11 .width-9:first-child, .tile .width-11 .width-10:first-child, .tile .width-11 .width-11:first-child, .tile .width-11 .width-12:first-child,
      .tile .width-11 .width-13:first-child, .tile .width-11 .width-14:first-child, .tile .width-11 .width-15:first-child, .tile .width-11 .width-16:first-child, .tile .width-12 .width-1:first-child, .tile .width-12 .width-2:first-child, .tile .width-12 .width-3:first-child, .tile .width-12 .width-4:first-child,
      .tile .width-12 .width-5:first-child, .tile .width-12 .width-6:first-child, .tile .width-12 .width-7:first-child, .tile .width-12 .width-8:first-child,
      .tile .width-12 .width-9:first-child, .tile .width-12 .width-10:first-child, .tile .width-12 .width-11:first-child, .tile .width-12 .width-12:first-child,
      .tile .width-12 .width-13:first-child, .tile .width-12 .width-14:first-child, .tile .width-12 .width-15:first-child, .tile .width-12 .width-16:first-child,
      .tile .width-13 .width-1:first-child,
      .tile .width-13 .width-2:first-child,
      .tile .width-13 .width-3:first-child,
      .tile .width-13 .width-4:first-child,
      .tile .width-13 .width-5:first-child,
      .tile .width-13 .width-6:first-child,
      .tile .width-13 .width-7:first-child,
      .tile .width-13 .width-8:first-child,
      .tile .width-13 .width-9:first-child,
      .tile .width-13 .width-10:first-child,
      .tile .width-13 .width-11:first-child,
      .tile .width-13 .width-12:first-child,
      .tile .width-13 .width-13:first-child,
      .tile .width-13 .width-14:first-child,
      .tile .width-13 .width-15:first-child,
      .tile .width-13 .width-16:first-child, .tile .width-14 .width-1:first-child, .tile .width-14 .width-2:first-child, .tile .width-14 .width-3:first-child, .tile .width-14 .width-4:first-child,
      .tile .width-14 .width-5:first-child, .tile .width-14 .width-6:first-child, .tile .width-14 .width-7:first-child, .tile .width-14 .width-8:first-child,
      .tile .width-14 .width-9:first-child, .tile .width-14 .width-10:first-child, .tile .width-14 .width-11:first-child, .tile .width-14 .width-12:first-child,
      .tile .width-14 .width-13:first-child, .tile .width-14 .width-14:first-child, .tile .width-14 .width-15:first-child, .tile .width-14 .width-16:first-child, .tile .width-15 .width-1:first-child, .tile .width-15 .width-2:first-child, .tile .width-15 .width-3:first-child, .tile .width-15 .width-4:first-child,
      .tile .width-15 .width-5:first-child, .tile .width-15 .width-6:first-child, .tile .width-15 .width-7:first-child, .tile .width-15 .width-8:first-child,
      .tile .width-15 .width-9:first-child, .tile .width-15 .width-10:first-child, .tile .width-15 .width-11:first-child, .tile .width-15 .width-12:first-child,
      .tile .width-15 .width-13:first-child, .tile .width-15 .width-14:first-child, .tile .width-15 .width-15:first-child, .tile .width-15 .width-16:first-child, .tile .width-16 .width-1:first-child, .tile .width-16 .width-2:first-child, .tile .width-16 .width-3:first-child, .tile .width-16 .width-4:first-child,
      .tile .width-16 .width-5:first-child, .tile .width-16 .width-6:first-child, .tile .width-16 .width-7:first-child, .tile .width-16 .width-8:first-child,
      .tile .width-16 .width-9:first-child, .tile .width-16 .width-10:first-child, .tile .width-16 .width-11:first-child, .tile .width-16 .width-12:first-child,
      .tile .width-16 .width-13:first-child, .tile .width-16 .width-14:first-child, .tile .width-16 .width-15:first-child, .tile .width-16 .width-16:first-child {
        margin: 0; }
  .tile .width-1 {
    width: 5.25%; }
  .tile .width-2 {
    width: 11.5%; }
  .tile .width-3 {
    width: 17.75%; }
  .tile .width-4 {
    width: 24%; }
  .tile .width-5 {
    width: 30.25%; }
  .tile .width-6 {
    width: 36.5%; }
  .tile .width-7 {
    width: 42.75%; }
  .tile .width-8 {
    width: 49%; }
  .tile .width-9 {
    width: 55.25%; }
  .tile .width-10 {
    width: 61.5%; }
  .tile .width-11 {
    width: 67.75%; }
    .tile .width-11 > * {
      width: 100%; }
    .tile .width-11 .selectize-control {
      margin: 0;
      width: 100%; }
  .tile .width-12 {
    width: 74%; }
  .tile .width-13 {
    width: 80.25%; }
  .tile .width-14 {
    width: 86.5%; }
  .tile .width-15 {
    width: 92.75%; }
  .tile .width-16 {
    width: 99%; }
  .tile .tile_textarea {
    padding: 0 0 16px 0.499%; }
    .tile .tile_textarea label,
    .tile .tile_textarea textarea {
      display: block;
      width: 100%; }
  .tile .datepicker-box {
    float: none; }
    .tile .datepicker-box .form-item {
      margin: 0;
      width: 49%; }
  .tile .double-field {
    margin-left: -1%; }
    .tile .double-field:after {
      content: "";
      display: table;
      clear: both; }
    .tile .double-field > * {
      float: left;
      margin-left: 1% !important;
      width: 49%; }

.edit_wrap .red-txt {
  color: #f32828 !important; }
  .edit_wrap .red-txt.red_border {
    border-color: #f32828; }

.edit_wrap .edit-btn {
  background: url("../img/gimg/sprite_icon_edit.png") center -64px no-repeat; }

.edit_wrap .edit-btn-red {
  background-position: center -64px; }

.edit_wrap .edit-btn-yellow {
  background-position: center -48px; }

.edit_wrap .edit-btn-green {
  background-position: center -32px; }

.edit_wrap .edit-btn-blue {
  background-position: center -16px; }

.edit_wrap .edit-btn-black {
  background-position: center 0; }

.box-details {
  line-height: 24px;
  margin-bottom: 16px; }
  .box-details .icons-box {
    display: inline-block;
    float: left;
    height: 50px;
    margin-right: 16px;
    width: 50px; }
    .box-details .icons-box.with_img {
      width: 140px;
      height: auto; }
    .box-details .icons-box.icon-archive {
      background: url("../img/gimg/archive-icon.png") 0 0 no-repeat;
      margin-top: 4px;
      width: 60px;
      min-height: 48px; }
    .box-details .icons-box.unknown-doc {
      background-position: 0 0; }
    .box-details .icons-box.pdf-doc {
      background-position: 0 -80px; }
    .box-details .icons-box.doc-doc, .box-details .icons-box.docx-doc {
      background-position: 0 -160px; }
    .box-details .icons-box.xls-doc, .box-details .icons-box.xlsx-doc {
      background-position: 0 -240px; }
    .box-details .icons-box.ppt-doc, .box-details .icons-box.pptx-doc {
      background-position: 0 -320px; }
    .box-details .icons-box.psd-doc {
      background-position: 0 -400px; }
    .box-details .icons-box.zip-doc {
      background-position: 0 -480px; }
    .box-details .icons-box.rar-doc {
      background-position: 0 -560px; }
    .box-details .icons-box.txt-doc {
      background-position: 0 -640px; }
    .box-details .icons-box.xls-doc {
      background-position: center -239px;
      float: left;
      margin-right: 16px; }
  .box-details a {
    color: #000 !important; }
  .box-details .ib_wrap {
    float: left;
    margin-right: 16px;
    max-width: 140px; }
  .box-details .small {
    font-size: 12px; }

.marg_bottom.validation-error {
  margin-bottom: 16px; }

.menu_links a {
  border-bottom: 2px solid #999;
  color: #999 !important;
  font-family: "Weblysleek UI Semi Bold", Arial;
  font-size: 15px;
  text-decoration: none;
  margin: 0 1px;
  padding: 0 8px; }
  .menu_links a.active, .menu_links a:hover {
    border-bottom: 2px solid #000;
    color: #000 !important; }

.menu_links .menu_links__item {
  border-bottom: 2px solid #999;
  color: #999 !important;
  font-family: "Weblysleek UI Semi Bold", Arial;
  font-size: 15px;
  text-decoration: none;
  margin: 0 1px;
  padding: 0 8px; }
  .menu_links .menu_links__item.active, .menu_links .menu_links__item:hover {
    border-bottom: 2px solid #000;
    color: #000 !important; }

.plus {
  padding: 0 32px 2px 0;
  position: relative; }
  .plus .browse {
    float: none;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    background: #f2f2f2;
    color: #ccc;
    font-family: Arial, sans-serif;
    font-size: 29px;
    line-height: 30px;
    text-align: center;
    padding: 0 7px; }

.btn-add-tag-wrap {
  text-align: center; }
  .btn-add-tag-wrap a {
    color: #f32828;
    text-decoration: none; }
    .btn-add-tag-wrap a.blue {
      color: #89b0dd !important; }

.inp_search_wrap {
  display: inline-block;
  position: relative; }
  .inp_search_wrap .inp_search {
    border: 1px solid #e7e7e7;
    border-right: none;
    display: inline-block;
    vertical-align: top;
    font-family: "Weblysleek UI Semi Light", Arial;
    padding: 7px 8px;
    width: 157px; }
  .inp_search_wrap .inp_search_btn {
    background: #f2f2f2;
    border: 1px solid #e7e7e7;
    display: inline-block;
    vertical-align: top;
    content: '';
    cursor: pointer;
    margin-left: -4px;
    width: 32px;
    height: 35px; }
  .inp_search_wrap .inp-search-link {
    font-family: "Weblysleek UI Semi Light", Arial;
    font-size: 16px;
    text-decoration: underline;
    color: #2a4c73;
    text-align: center; }
  .inp_search_wrap .inp-search-link:hover {
    cursor: pointer; }

.search_cat {
  border: 1px solid #e7e7e7 !important;
  display: block; }

.uploaded_files {
  min-height: 200px;
  padding-top: 10px; }
  .uploaded_files li {
    margin-bottom: 16px;
    position: relative; }
    .uploaded_files li .close {
      background: url("../img/gimg/close-icon-black.png") center no-repeat;
      display: inline-block;
      width: 16px;
      height: 16px;
      position: absolute;
      top: 7px;
      right: 7px; }

.radio-group .fl-l {
  margin-right: 16px;
  margin-top: 7px; }

.communities tr th {
  color: white; }

.latest-panel {
  padding-top: 10px; }

.latest-container {
  min-height: 45px; }

.airbus .right-panel .latest-container h1 {
  padding-bottom: 16px; }

.button-container {
  margin-top: 20px;
  text-align: center; }

ul.tags-list li {
  float: left; }

/*endregion #COMMUNITY LIST*/
/*region New Identity record list*/
.airbus-identity .right-panel .bottom-container {
  padding-bottom: 30px;
  top: 170px; }

.identity-container {
  height: 100%; }
  .identity-container:after {
    content: "";
    display: table;
    clear: both; }
  .identity-container .level {
    float: left;
    height: 100%;
    padding: 16px 0;
    width: 50%; }
    .identity-container .level h3 {
      font-family: "Weblysleek UI Semi Bold", Arial;
      font-size: 16px;
      margin: 0 0 5px;
      line-height: 32px; }
    .identity-container .level .level-inner {
      border: 1px solid transparent;
      border-right: 0;
      border-bottom: 0;
      height: 100%;
      overflow-y: auto;
      padding: 14px; }
    .identity-container .level + .level .level-inner {
      border-color: #e7e7e7;
      border-radius: 10px 0 0 0; }
    .identity-container .level.level-1 h3 {
      margin-left: 14px; }

.identity-tabs {
  width: 20%; }
  .identity-tabs-item {
    color: #2f2f2f;
    height: 32px;
    line-height: 32px;
    margin: 8px 0 0; }
    .identity-tabs-item .identity-tabs-button {
      color: inherit;
      display: block;
      max-width: 100%;
      padding: 0 7px;
      overflow: hidden;
      text-decoration: none;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .identity-tabs-item.selected {
      background: #dedede; }
    .identity-tabs-item:first-child {
      margin: 17px 0 0; }

.identity-tabs-content {
  height: 100%;
  width: 80%; }

.identity-tab-content {
  border: 1px solid #e7e7e7;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 100%;
  overflow: hidden; }
  .identity-tab-content:after {
    content: "";
    display: table;
    clear: both; }
  .identity-tab-content input[type="text"] {
    padding: 3px 8px 4px;
    width: 78.7%; }
  .identity-tab-content input[type="text"],
  .identity-tab-content .btn-add {
    border: 1px solid #999;
    display: inline-block; }
  .identity-tab-content .browse {
    background: #f2f2f2;
    color: #999;
    height: 32px;
    line-height: 26px;
    margin-left: -6px;
    text-align: center;
    vertical-align: top;
    width: 21.3%; }
    .identity-tab-content .browse[disabled="disabled"] {
      cursor: default;
      opacity: .5; }
  .identity-tab-content .form-item-add {
    margin-left: -1.25%; }
    .identity-tab-content .form-item-add:after {
      content: "";
      display: table;
      clear: both; }
    .identity-tab-content .form-item-add input[name="code"] {
      width: 14%; }
    .identity-tab-content .form-item-add input[name="description"] {
      width: 64%; }
    .identity-tab-content .form-item-add .btn {
      min-width: 18%;
      position: relative;
      top: -1px;
      vertical-align: top;
      width: 18%; }
    .identity-tab-content .form-item-add > * {
      display: block;
      float: left;
      margin-left: 1.25%; }
  .identity-tab-content .identity-list {
    margin: 8px 0 0; }
    .identity-tab-content .identity-list.identity-list-view {
      margin: 0; }
    .identity-tab-content .identity-list .close {
      background: url("../img/gimg/close-icon-black.png") no-repeat;
      display: inline-block;
      width: 16px;
      height: 16px;
      position: absolute;
      right: 8px;
      margin-top: -8px;
      top: 50%;
      text-indent: -9999px; }
    .identity-tab-content .identity-list-item {
      font-size: 14px;
      height: 32px;
      line-height: 32px;
      margin: 0 0 8px;
      padding: 0 8px;
      position: relative; }
      .identity-tab-content .identity-list-item span {
        max-width: 90%;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .identity-tab-content .identity-list-item.selected {
        background: #dedede; }

.single-level,
.double-level {
  height: 100%; }
  .single-level:after,
  .double-level:after {
    content: "";
    display: table;
    clear: both; }

.single-level .level {
  padding: 0; }

.double-level .identity-list-item.selected {
  background: #dedede;
  margin-right: -14px; }
  .double-level .identity-list-item.selected .close {
    right: 22px; }

.double-level .identity-list.identity-list-view {
  margin: -12px 0 0; }

/*endregion New Identity record list*/
/*region #ORGANIZE GALLERY*/
.collection-docs-list .collection-doc-list-item {
  cursor: pointer; }
  .collection-docs-list .collection-doc-list-item.ui-draggable-dragging {
    cursor: move !important; }

#selectedDocuments .collection-doc-list-item {
  cursor: pointer !important; }

.select-list ul li.active {
  background: #88afdc;
  color: #fff; }

.upload-list {
  margin-left: 0px; }

.gallery-carousel-container {
  max-width: 1056px;
  overflow: hidden; }

.gallery-carousel-container ul {
  overflow: hidden;
  max-height: 110px;
  width: 2000%; }

.gallery-carousel-container ul li {
  height: 110px;
  float: left;
  file-style: none; }

.gallery-carousel-container ul li img {
  height: 100%; }

.sortable-placeholder {
  background: #f2f2f2;
  border: 1px dashed #ccc; }

.ui-sortable-helper {
  background: #e7e7e7;
  opacity: .8; }

#selectedImages {
  height: 100%;
  left: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
  position: absolute;
  top: 0;
  width: 100%; }
  #selectedImages li {
    float: left;
    height: 110px;
    margin: 26px 0 10px 26px;
    position: relative;
    width: 145px; }

.btn-remove {
  background: url("../img/gimg/remove-icon.png") no-repeat;
  border: 0;
  height: 18px;
  width: 18px;
  position: absolute;
  right: -9px;
  text-indent: -9999px;
  top: -9px; }

.file-preview,
.file-thumbnail {
  height: 100%;
  width: 100%; }

.file-thumbnail img {
  display: block;
  height: 100%;
  margin: auto; }

.flexslider ul {
  overflow: hidden; }

/*endregion #ORGANIZE GALLERY*/
/*region #PDF VIEWER*/
.pdf-viewer .content-wrapper,
.pdf-viewer .modal-body {
  border: 0;
  height: 100%;
  padding: 0 !important; }

.pdf-viewer iframe {
  height: calc(100% - 40px);
  width: 100%; }

.pdf-viewer .slideshow-content-pdf {
  display: table-cell; }
  .pdf-viewer .slideshow-content-pdf .collection-details {
    padding-left: 0;
    padding-right: 45px; }
  .pdf-viewer .slideshow-content-pdf .title {
    padding-right: 10px; }
    .pdf-viewer .slideshow-content-pdf .title span {
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

/*endregion #PDF VIEWER*/
/*region #FP-PLAYER*/
.flowplayer .fp-close, .flowplayer .fp-embed, .flowplayer .fp-fullscreen, .flowplayer .fp-mute, .flowplayer .fp-play, .flowplayer .fp-unload {
  background: url("../img/gimg/flowplayer/white.png") 0 0 no-repeat !important;
  display: none; }

.video-flowplayer .is-paused .fp-ui, .video-flowplayer .is-splash .fp-ui {
  background: url("../img/gimg/page/play-icon.png") center center no-repeat !important;
  /*position: relative !important;*/ }

@media screen and (max-width: 767px) {
  .fp-ui,
  .video-player,
  .flowplayer,
  .video-js {
    max-width: 100% !important; } }

.player {
  width: 640px;
  margin: 0 auto; }

em {
  font-style: italic; }

.disable-user-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  touch-action: none; }

.contact-details .avatar-box {
  margin-right: 32px; }

.contact-details .avatar-info {
  min-width: 270px !important;
  max-width: 400px !important;
  white-space: normal;
  word-wrap: break-word; }
  .contact-details .avatar-info .full-width span {
    display: inline-block;
    margin: 0 0 0 8px; }
  .contact-details .avatar-info label + span {
    display: inline-block;
    min-width: 200px;
    max-width: 300px; }

.contact-details .fl-l .avatar-img {
  border: 1px solid #bbb;
  border-radius: 50%;
  width: 168px; }

.contact-details .fl-l strong, .contact-details .fl-l .strong {
  color: #89b0dd;
  font-family: "Weblysleek UI Semi Light", Arial;
  font-size: 23px;
  font-weight: normal; }

.contact-details a {
  color: #2f2f2f; }

.contact-details .change-link a {
  font-size: 14px; }

.contact-details label {
  display: inline-block;
  margin: 0 !important;
  width: 105px; }

.contact-details .pad_l {
  padding-left: 25px; }

.underline {
  text-decoration: underline; }
  .underline:hover {
    text-decoration: none; }

.line-height {
  line-height: normal; }

.no-pointer li {
  cursor: default; }

.reference {
  display: block;
  color: #999;
  font-size: 14px;
  line-height: 14px;
  padding-left: 32px; }

/*endregion*/
/*region #COOKIES*/
.cookie-message {
  position: absolute !important;
  width: 100%;
  color: #fff;
  background-color: #666;
  padding: 2px 2px 2px 100px;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 14px;
  height: 27px;
  line-height: 23px; }
  .cookie-message a {
    padding: 2px;
    background-color: #000;
    color: #fff;
    text-decoration: none !important;
    border-radius: 3px; }
    .cookie-message a.knowmore {
      margin-left: 25px; }
    .cookie-message a.ok {
      margin-left: 10px; }

.cookie-message-space {
  position: absolute !important;
  width: 100%;
  color: #fff;
  background-color: #666;
  padding: 2px;
  padding-left: 100px;
  top: 0;
  left: 0;
  z-index: 1;
  font-size: 14px; }
  .cookie-message-space a {
    padding: 2px;
    background-color: #000;
    border-radius: 3px;
    color: #fff;
    text-decoration: none !important; }

/*endregion #COOKIES*/
/*region #DELETED SHARING*/
.pad_20 {
  padding-top: 20px !important; }

.pad_27 {
  padding-top: 27px !important; }

/*endregion*/
/*region #PRELOADER*/
.preloader_wrap {
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000; }

.preloader {
  background: url("../img/gimg/preloader.gif") center no-repeat;
  width: 130px;
  height: 130px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -65px 0 0 -65px; }

.max_w_ellipsis {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

h1.title.white-space.title.white-space {
  white-space: normal;
  word-wrap: break-word; }

h1.title.white-space.title .results {
  font-size: 16px; }

.icon-download {
  background: url("../img/gimg/download.png") center no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: -3px;
  margin-left: 8px; }

.note {
  font-size: 12px;
  line-height: 14px; }

.modal-button.with_input + input {
  border: none;
  width: 1px;
  right: 0; }

.sourse_files .ct-actions {
  display: table; }
  .sourse_files .ct-actions li {
    float: left;
    margin-right: 6px; }

/*endregion*/
.add-page-form label,
.add-shelf form label {
  float: left;
  margin: 0 !important;
  line-height: 32px;
  width: 27%; }

.add-page-form input,
.add-page-form .wrap-r,
.add-shelf form input,
.add-shelf form .wrap-r {
  float: right;
  margin: 0 !important;
  width: 73%; }
  .add-page-form input.sharePassword,
  .add-page-form .wrap-r.sharePassword,
  .add-shelf form input.sharePassword,
  .add-shelf form .wrap-r.sharePassword {
    width: 100%; }

.add-page-form .wrap-r input,
.add-shelf form .wrap-r input {
  width: 100%; }

.change-password label {
  width: 23%; }

.change-password .wrap-r {
  width: 77%; }

.video-flowplayer {
  height: 360px; }
  .video-flowplayer .flowplayer {
    height: 100%; }

/*region #AMPE*/
.select-from-gallery {
  margin: -14px -32px;
  overflow: hidden;
  position: relative; }
  .select-from-gallery .selectize-control {
    width: 200px; }
    .select-from-gallery .selectize-control .item {
      white-space: nowrap;
      overflow: hidden;
      max-width: 100%;
      text-overflow: ellipsis; }
  .select-from-gallery .left-panel {
    left: -250px;
    position: absolute;
    width: 250px; }
    .select-from-gallery .left-panel .inner {
      padding: 0; }
    .select-from-gallery .left-panel.open {
      left: 0; }
    .select-from-gallery .left-panel .list {
      margin: 0;
      opacity: 1;
      max-height: 100%;
      overflow-y: auto;
      padding: 15px; }
      .select-from-gallery .left-panel .list li ul {
        margin-left: 30px; }
      .select-from-gallery .left-panel .list input[type="checkbox"] + label {
        vertical-align: baseline; }
  .select-from-gallery .right-panel {
    margin: 0;
    padding: 15px; }
    .select-from-gallery .right-panel.left {
      padding-left: 265px; }
    .select-from-gallery .right-panel .container-top-0 {
      margin: 0 -15px;
      padding: 0 15px; }

.table-files .preview {
  display: inline-block;
  width: 58px;
  height: 58px;
  vertical-align: middle; }
  .table-files .preview img {
    width: 58px;
    height: 58px; }
  .table-files .preview.file-icon {
    background-position: center 5px; }
    .table-files .preview.file-icon.unknown-doc {
      background-position: center 5px; }
    .table-files .preview.file-icon.pdf-doc {
      background-position: center -75px; }
    .table-files .preview.file-icon.doc-doc, .table-files .preview.file-icon.docx-doc {
      background-position: center -155px; }
    .table-files .preview.file-icon.xls-doc, .table-files .preview.file-icon.xlsx-doc {
      background-position: center -235px; }
    .table-files .preview.file-icon.ppt-doc, .table-files .preview.file-icon.pptx-doc {
      background-position: center -315px; }
    .table-files .preview.file-icon.psd-doc {
      background-position: center -395px; }
    .table-files .preview.file-icon.zip-doc {
      background-position: center -475px; }
    .table-files .preview.file-icon.rar-doc {
      background-position: center -555px; }
    .table-files .preview.file-icon.txt-doc {
      background-position: center -635px; }
    .table-files .preview.file-icon.archive {
      background: url("../img/gimg/archive-icon.png") center center no-repeat; }
    .table-files .preview.file-icon.video {
      background: url("../img/gimg/video.svg") center center no-repeat; }

.table-files .file-title .text {
  overflow: visible;
  white-space: normal;
  text-align: left;
  word-wrap: break-word; }

.table-files .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 5px; }

.table-files .action i {
  margin-right: 10px; }
  .table-files .action i.fa-trash-o {
    color: #e38686; }

.table-user tbody tr:hover {
  background: #ededed; }

.table-user tbody tr.selected {
  background: #ededed; }

.table-user tbody tr th {
  padding: 14px 0; }

.table-user tbody tr td {
  height: 48px;
  padding: 0 8px;
  vertical-align: middle; }
  .table-user tbody tr td:not(:first-child) {
    text-align: center; }
  .table-user tbody tr td.user-email {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.table-user tbody tr .action i:hover {
  color: #88afdc; }

.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;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }

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

.pagination > li:first-child > a, .pagination > li:last-child > a {
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: 4px 6px; }

.pagination > li:first-child > a {
  background-image: url("../img/gimg/first-page.png"); }

.pagination > li:last-child > a {
  background-image: url("../img/gimg/last-page.png"); }

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

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

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca; }

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

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

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

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

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

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

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

.table-folders figure {
  display: inline-block;
  padding-left: 10px; }
  .table-folders figure img {
    width: 35px; }

.table-folders .collection-title {
  display: inline-block;
  margin-left: 20px;
  cursor: default; }

.table-folders tr {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }
  .table-folders tr:hover {
    background: #ededed; }
  .table-folders tr.selected {
    background: #ededed; }
  .table-folders tr td {
    padding: 5px 0; }
  .table-folders tr td.action {
    width: 5%;
    padding: 0 10px; }
    .table-folders tr td.action img {
      width: 25px;
      cursor: pointer; }

.sort-options-wrapper {
  width: 360px;
  margin-bottom: 20px; }
  .sort-options-wrapper .selectize-control {
    float: left;
    margin-left: 5px;
    width: 250px; }
  .sort-options-wrapper .sort-opt-label {
    float: left;
    padding-top: 5px; }
  .sort-options-wrapper.collections-options {
    width: 600px; }
  .sort-options-wrapper .sort-options-label {
    position: relative;
    top: 5px; }
  .sort-options-wrapper .change-view-options {
    margin-left: 20px; }

.table-folder-content thead tr th {
  padding: 14px 0; }
  .table-folder-content thead tr th a {
    color: #fff;
    text-decoration: none; }
    .table-folder-content thead tr th a .sort-dir {
      background-image: url("../img/gimg/arrow-down-16.png");
      background-repeat: no-repeat;
      background-size: 12px;
      border: 0;
      cursor: pointer;
      height: 14px;
      width: 16px;
      display: inline-block;
      margin-left: 2px;
      vertical-align: bottom; }
      .table-folder-content thead tr th a .sort-dir.sort-desc {
        background-image: url("../img/gimg/arrow-up-16.png"); }

.table-folder-content tbody tr {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }
  .table-folder-content tbody tr:hover {
    background: #ededed; }
    .table-folder-content tbody tr:hover td.action .actions-wrapper {
      visibility: visible; }
  .table-folder-content tbody tr.selected {
    background: #ededed; }
  .table-folder-content tbody tr td {
    padding: 10px 0 10px 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .table-folder-content tbody tr td.file-avatar span:hover {
      cursor: pointer; }
    .table-folder-content tbody tr td.action {
      width: 5%;
      padding: 0 10px;
      text-align: right; }
      .table-folder-content tbody tr td.action img {
        width: 25px;
        cursor: pointer; }
      .table-folder-content tbody tr td.action .actions-wrapper {
        display: inline-block;
        visibility: hidden; }
        .table-folder-content tbody tr td.action .actions-wrapper img {
          width: 20px; }
    .table-folder-content tbody tr td.file-size {
      text-align: center; }
    .table-folder-content tbody tr td.file-author {
      text-align: center; }
    .table-folder-content tbody tr td.file-name {
      text-align: center; }
    .table-folder-content tbody tr td.file-title {
      overflow: visible;
      white-space: normal; }
      .table-folder-content tbody tr td.file-title .title-wrapper {
        width: 610px;
        display: inline-block;
        word-wrap: break-word; }
    .table-folder-content tbody tr td .image-container {
      display: inline-block;
      margin-right: 10px; }
      .table-folder-content tbody tr td .image-container.list-mode {
        margin-right: 15px; }

.no-content-wrapper {
  text-align: center; }

.filter-disabled {
  color: #ccc; }

.filter-item {
  position: relative; }

.menu li.filter-disabled span {
  color: #ccc; }

.tooltip {
  position: absolute;
  z-index: 1000;
  display: block; }
  .tooltip .tooltip-arrow {
    position: absolute;
    top: 24px;
    left: 50%;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgba(102, 102, 102, 0.95); }
  .tooltip .tooltip-inner {
    background: rgba(102, 102, 102, 0.95);
    line-height: 24px;
    padding: 0 5px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff; }
  .tooltip.top {
    margin-top: -3px;
    padding: 0; }

.lazy-loading-category {
  overflow-y: scroll;
  height: 64vh; }

.candidates_table tbody tr:hover {
  background: #ededed; }

.candidates_table tbody tr.selected {
  background: #ededed; }

.file-icon.file-icon-doc {
  display: inline-block;
  width: 58px;
  height: 58px;
  max-width: 100%;
  vertical-align: middle; }
  .file-icon.file-icon-doc.pdf-doc {
    background-position: center -28px; }
    .file-icon.file-icon-doc.pdf-doc.list-mode {
      background-position: center -74px; }
  .file-icon.file-icon-doc.doc-doc, .file-icon.file-icon-doc.docx-doc {
    background-position: center -57px; }
    .file-icon.file-icon-doc.doc-doc.list-mode, .file-icon.file-icon-doc.docx-doc.list-mode {
      background-position: center -154px; }
  .file-icon.file-icon-doc.xls-doc, .file-icon.file-icon-doc.xlsx-doc {
    background-position: center -86px; }
    .file-icon.file-icon-doc.xls-doc.list-mode, .file-icon.file-icon-doc.xlsx-doc.list-mode {
      background-position: center -232px; }
  .file-icon.file-icon-doc.ppt-doc, .file-icon.file-icon-doc.pptx-doc {
    background-position: center -115px; }
    .file-icon.file-icon-doc.ppt-doc.list-mode, .file-icon.file-icon-doc.pptx-doc.list-mode {
      background-position: center -315px; }
  .file-icon.file-icon-doc.psd-doc {
    background-position: center -144px; }
    .file-icon.file-icon-doc.psd-doc.list-mode {
      background-position: center -394px; }
  .file-icon.file-icon-doc.zip-doc {
    background-position: center -172px; }
    .file-icon.file-icon-doc.zip-doc.list-mode {
      background-position: center -474px; }
  .file-icon.file-icon-doc.rar-doc {
    background-position: center -201px; }
    .file-icon.file-icon-doc.rar-doc.list-mode {
      background-position: center -555px; }
  .file-icon.file-icon-doc.txt-doc {
    background-position: center -230px; }
    .file-icon.file-icon-doc.txt-doc.list-mode {
      background-position: center -634px; }

.btn.btn-add-book.btn-download-list {
  min-width: 150px;
  padding: 0; }
  .btn.btn-add-book.btn-download-list span.modal-button {
    padding: 0;
    text-align: center !important; }
    .btn.btn-add-book.btn-download-list span.modal-button:after {
      right: 8px; }
  .btn.btn-add-book.btn-download-list.export-all-btn {
    min-width: 160px; }
    .btn.btn-add-book.btn-download-list.export-all-btn span {
      padding-right: 10px; }
  .btn.btn-add-book.btn-download-list.export-all-btn-fr {
    min-width: 200px; }
    .btn.btn-add-book.btn-download-list.export-all-btn-fr span {
      padding-right: 10px; }

.btn.btn-add-book.btn-download-list + ul.dropdown-menu {
  min-width: 150px !important; }

/*endregion #AMPE*/
.js-collage-plus li {
  opacity: 0; }

.slideshow-content .description.video-desc {
  text-align: left; }

.filename-wrapper {
  width: 330px;
  display: block;
  word-wrap: break-word; }

.fileinfo-block .filename-wrapper {
  width: 280px; }

.fileinfo-guest .filename-wrapper {
  width: 500px; }

.table.table-related-files thead tr {
  background: #fff;
  border: 1px solid #eee; }
  .table.table-related-files thead tr th {
    color: #000;
    padding-left: 0;
    text-align: left; }

.table.table-related-files .id-label {
  text-align: center; }

.table.table-related-files tbody tr {
  border-left: 1px solid #eee;
  border-right: 1px solid #eee; }
  .table.table-related-files tbody tr .filename-wrapper {
    width: 530px; }

.login-statistics {
  clear: both; }
  .login-statistics .cell-align-left {
    text-align: left !important; }
  .login-statistics th.cell-align-left {
    padding-left: 10px; }
  .login-statistics .empty-records {
    text-align: center;
    font-size: 18px; }
  .login-statistics.lazy-loading-category {
    height: 53vh; }

.actions-block {
  margin: 0 5px 0 0; }
  .actions-block label {
    display: inline-block;
    padding: 7px 10px 0 0; }
  .actions-block .wrap-r {
    float: right;
    height: 75px; }
    .actions-block .wrap-r.export-btn {
      margin-left: 20px; }

.change-depository {
  margin-bottom: 40px; }
  .change-depository .selectize-control .selectize-input > input[type="text"] {
    width: 262px !important; }

.select-all-option {
  height: 20px;
  text-align: center;
  margin-bottom: 10px;
  color: #000000;
  font-size: 16px;
  font-weight: 400; }
  .select-all-option .select-all-action {
    color: #3271db; }
    .select-all-option .select-all-action:hover {
      cursor: pointer; }
  .select-all-option .clear-selection-action {
    color: #3271db; }
    .select-all-option .clear-selection-action:hover {
      cursor: pointer; }

@media screen and (max-width: 1640px) {
  .table.table-files thead tr th.title-th {
    width: 550px; }
  .table.table-files thead tr th.action-th {
    width: 100px; }
  .table.table-files tbody td.file-title .title-wrapper {
    width: 415px; }
  .table.table-files tbody td.action {
    width: 100px; } }

@media screen and (max-width: 1400px) {
  .table.table-files thead tr th.title-th {
    width: 400px; }
  .table.table-files thead tr th.action-th {
    width: 100px; }
  .table.table-files tbody td.file-title .title-wrapper {
    width: 315px; }
  .table.table-files tbody td.action {
    width: 100px; } }

div.edit-container div.ib_wrap span.icons-box.icon-video {
  background-image: url("../img/gimg/video.svg");
  background-position: 0 0; }

div.edit-container div.ib_wrap span.icons-box.icon-image {
  background-image: url("../img/gimg/image.svg"); }

div.edit-container div.ib_wrap span.icons-box.with_img {
  position: relative;
  overflow: hidden;
  width: 140px;
  height: 140px; }
  div.edit-container div.ib_wrap span.icons-box.with_img img {
    /* Default orientation is landscape */
    width: auto;
    height: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* Portrait orientation */ }
    div.edit-container div.ib_wrap span.icons-box.with_img img.portrait {
      width: 100%;
      height: auto; }

.edit-container .tile h3 {
  color: #000;
  margin: 5px;
  text-align: center; }

.edit-container .fl-l,
.edit-container .fl-r {
  width: 45%; }

.edit-tabs {
  position: relative;
  overflow: hidden;
  display: block;
  height: 48px;
  line-height: 48px;
  margin: -14px -32px 14px; }
  .edit-tabs .edit-tab {
    color: #000;
    float: left;
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    text-align: center;
    width: 33.333%; }
    .edit-tabs .edit-tab a {
      border-bottom: 2px solid transparent;
      display: block;
      color: inherit;
      height: 100%;
      text-decoration: none; }
      .edit-tabs .edit-tab a.active {
        border-color: #000; }

/*region #EDIT USER*/
.table {
  table-layout: fixed;
  width: 100%; }
  .table thead tr {
    background: #2f2f2f; }
    .table thead tr th {
      color: #fff;
      font-family: "Weblysleek UI Semi Bold"; }

.table-user tr.selected {
  background: #ededed; }

.table-user tr th {
  padding: 14px 0; }

.table-user tr td {
  height: 48px;
  padding: 0 8px;
  vertical-align: middle; }
  .table-user tr td:not(:first-child) {
    text-align: center; }
  .table-user tr td.user-email {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.table-user .avatar {
  margin: 0; }
  .table-user .avatar img {
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    width: 30px; }
    .table-user .avatar img + figcaption {
      display: inline-block;
      padding-left: 4px;
      vertical-align: middle;
      width: calc(100% - 35px); }
      .table-user .avatar img + figcaption span {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        white-space: nowrap; }

.admin-edit-icon {
  margin-left: -14px; }

/*endregion #EDIT USER*/

.selectag input[type="text"]::-webkit-input-placeholder {
  color: #89b0dd !important; }

.selectag input[type="text"]::-moz-placeholder {
  color: #89b0dd !important; }

.selectag input[type="text"]:-moz-placeholder {
  color: #89b0dd !important; }

.selectag input[type="text"]:-ms-input-placeholder {
  color: #89b0dd !important; }

.tag-selected {
  padding-left: 400px;
  text-align: left; }
  .tag-selected .selectag {
    width: 275px;
    margin-top: -5px;
    margin-bottom: -10px; }

.import-list .file-type-ARCHIVE-icon {
  background-image: url("../img/gimg/archive-icon.png");
  width: 60px;
  height: 39px;
  margin: 5px auto 0 auto; }

.import-list .file-type-VIDEO-icon {
  background-image: url("../img/gimg/video.svg"); }

.import-list .file-type-IMAGE-icon {
  background-image: url("../img/gimg/image.svg"); }

.import-list .file-thumbnail {
  position: relative;
  overflow: hidden;
  width: 128px;
  height: 128px; }
  .import-list .file-thumbnail img {
    /* Default orientation is landscape */
    width: auto;
    height: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* Portrait orientation */ }
    .import-list .file-thumbnail img.portrait {
      width: 100%;
      height: auto; }

.import-list ul.upload-list > li.upload-list-item {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none; }
  .import-list ul.upload-list > li.upload-list-item .notification-tools div.tagger-container {
    height: 120px; }
  .import-list ul.upload-list > li.upload-list-item.selected {
    background-color: #E5E5E5; }
  .import-list ul.upload-list > li.upload-list-item.ng-enter, .import-list ul.upload-list > li.upload-list-item.ng-move, .import-list ul.upload-list > li.upload-list-item.ng-leave {
    -webkit-transition: all linear 0.5s;
    -moz-transition: all linear 0.5s;
    -o-transition: all linear 0.5s;
    transition: all linear 0.5s;
    position: relative; }
  .import-list ul.upload-list > li.upload-list-item.ng-enter {
    opacity: 0;
    left: 10px; }
    .import-list ul.upload-list > li.upload-list-item.ng-enter.ng-enter-active {
      opacity: 1;
      left: 0; }
  .import-list ul.upload-list > li.upload-list-item.ng-leave {
    opacity: 1;
    left: 0; }
    .import-list ul.upload-list > li.upload-list-item.ng-leave.ng-leave-active {
      opacity: 0;
      left: 10px; }
  .import-list ul.upload-list > li.upload-list-item.ng-move {
    left: 5px;
    opacity: 0.5; }
    .import-list ul.upload-list > li.upload-list-item.ng-move.ng-move-active {
      left: 0;
      opacity: 1; }

.export-files ul li {
  line-height: 31px;
  position: relative; }

.export-files .datepicker-wrapper .form-item {
  margin-left: 0;
  position: relative;
  width: 200px; }
  .export-files .datepicker-wrapper .form-item .datepicker-btn {
    background: url(../img/gimg/calendar.png) no-repeat;
    border: 0;
    height: 21px;
    right: 8px;
    margin: -10.5px 0 0;
    position: absolute;
    top: 50%;
    width: 21px;
    cursor: pointer; }

.export-files .export-title {
  text-align: right;
  padding-right: 20px; }

.export-files-by-ids {
  margin-bottom: 200px; }
  .export-files-by-ids .select-area {
    position: relative;
    width: 400px; }
    .export-files-by-ids .select-area .browse {
      position: absolute;
      top: 0;
      left: 99.7%;
      cursor: pointer;
      bottom: 0; }
  .export-files-by-ids .export-title {
    font-family: 'Weblysleek UI Semi Bold';
    font-size: 15px;
    margin-bottom: 16px; }

.database_field div.selectize-input > input[type="text"] {
  position: relative;
  left: 0;
  opacity: 1; }

.database_field .message-box.error {
  margin: 4px 0 10px 0; }

div.single-uploader div.ib_wrap span.icons-box.icon-video, .box-details div.ib_wrap span.icons-box.icon-video {
  background-image: url("../img/gimg/video.svg");
  background-position: 0 0; }

div.single-uploader div.ib_wrap span.icons-box.icon-image, .box-details div.ib_wrap span.icons-box.icon-image {
  background-image: url("../img/gimg/image.svg"); }

div.single-uploader div.ib_wrap span.icons-box.with_img, .box-details div.ib_wrap span.icons-box.with_img {
  position: relative;
  overflow: hidden;
  width: 140px;
  height: 140px; }
  div.single-uploader div.ib_wrap span.icons-box.with_img img, .box-details div.ib_wrap span.icons-box.with_img img {
    /* Default orientation is landscape */
    width: auto;
    height: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* Portrait orientation */ }
    div.single-uploader div.ib_wrap span.icons-box.with_img img.portrait, .box-details div.ib_wrap span.icons-box.with_img img.portrait {
      width: 100%;
      height: auto; }

.selectag {
  position: relative;
  cursor: default; }
  .selectag input {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none; }
  .selectag.active input {
    border-color: #999;
    background-color: #FFF; }
  .selectag .selectag-options {
    max-height: 200px;
    overflow: auto;
    border: 1px solid #999;
    border-top-width: 0px;
    width: 100%;
    position: absolute;
    z-index: 1000;
    background: #FFF; }
    .selectag .selectag-options .tag {
      background: #FFF;
      color: #3A3A3A;
      cursor: pointer; }
      .selectag .selectag-options .tag.selected {
        background: #AAAAFF; }
    .selectag .selectag-options .category-name {
      font-weight: bold; }
    .selectag .selectag-options .category-name, .selectag .selectag-options .tag {
      padding-top: 5px;
      padding-bottom: 5px; }
    .selectag .selectag-options .category.level-1 {
      background: #777;
      color: white; }
      .selectag .selectag-options .category.level-1 .category-name {
        padding-left: 10px; }
      .selectag .selectag-options .category.level-1 .tag {
        padding-left: 20px; }
    .selectag .selectag-options .category.level-2 {
      background: #EEF;
      color: #000; }
      .selectag .selectag-options .category.level-2 .category-name {
        padding-left: 30px; }
      .selectag .selectag-options .category.level-2 .tag {
        padding-left: 50px; }
    .selectag .selectag-options .category.level-3 {
      background: #BBB;
      color: #222; }
      .selectag .selectag-options .category.level-3 .category-name {
        padding-left: 60px; }
      .selectag .selectag-options .category.level-3 .tag {
        padding-left: 75px; }

/*region #TRAGGER*/
.tagger {
  cursor: text;
  height: 100%;
  min-height: inherit;
  text-align: center;
  width: 100%; }
  .tagger span {
    background: #FFDF77;
    border: 1px solid #ffc000;
    border-radius: 18px 50px 50px 18px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    float: left;
    line-height: 18px;
    margin: 4px;
    padding: 1px 24px 1px 6px;
    position: relative; }
    .tagger span .close {
      background: none;
      border: 1px solid #2f2f2f;
      border-radius: 50px;
      z-index: 10;
      display: inline-block;
      color: #2f2f2f !important;
      text-indent: 0;
      font-size: 12px;
      line-height: 12px;
      text-align: center;
      text-decoration: none;
      width: 16px;
      height: 16px;
      margin-left: 12px;
      position: absolute;
      right: 2px;
      top: 8px; }
  .tagger .selectag {
    display: inline-block; }
    .tagger .selectag input[type="text"] {
      min-width: 1px; }

.js-tab-tags .validation-error {
  font-size: 16px; }

/*endregion #TRAGGER*/

.single-uploader .tile .text-center {
  text-align: center; }