/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url(/platform/fonts/open-sans-light/openSansLight_1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url(/platform/fonts/open-sans-light/openSansLight_2.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url(/platform/fonts/open-sans-light/openSansLight_3.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url(/platform/fonts/open-sans-light/openSansLight_4.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url(/platform/fonts/open-sans-light/openSansLight_5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url(/platform/fonts/open-sans-light/openSansLight_6.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'),
  url(/platform/fonts/open-sans-light/openSansLight_7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215,
  U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
  url(/platform/fonts/open-sans-light/openSans_1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
  url(/platform/fonts/open-sans-light/openSans_2.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
  url(/platform/fonts/open-sans-light/openSans_3.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
  url(/platform/fonts/open-sans-light/openSans_4.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
  url(/platform/fonts/open-sans-light/openSans_5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
  url(/platform/fonts/open-sans-light/openSans_6.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'),
  url(/platform/fonts/open-sans-light/openSans_7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215,
  U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
  url(/platform/fonts/open-sans-light/OpenSansSemibold_1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
  url(/platform/fonts/open-sans-light/OpenSansSemibold_2.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
  url(/platform/fonts/open-sans-light/OpenSansSemibold_3.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
  url(/platform/fonts/open-sans-light/OpenSansSemibold_4.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
  url(/platform/fonts/open-sans-light/OpenSansSemibold_5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
  url(/platform/fonts/open-sans-light/OpenSansSemibold_6.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
  url(/platform/fonts/open-sans-light/OpenSansSemibold_7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215,
  U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url(/platform/fonts/open-sans-light/OpenSansBold_1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url(/platform/fonts/open-sans-light/OpenSansBold_2.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url(/platform/fonts/open-sans-light/OpenSansBold_3.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url(/platform/fonts/open-sans-light/OpenSansBold_4.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url(/platform/fonts/open-sans-light/OpenSansBold_5.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url(/platform/fonts/open-sans-light/OpenSansBold_6.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
  url(/platform/fonts/open-sans-light/OpenSansBold_7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215,
  U+E0FF, U+EFFD, U+F000;
}

html,
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px;
  line-height: 1.42857;
  color: #0c0c0c;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
}
input,
textarea,
keygen,
select,
button {
  font-family: 'Open Sans', sans-serif;
  padding: 0;
}

input,
textarea,
keygen,
select,
button {
  font-family: 'Open Sans', sans-serif;
}

/* Generic styles */

.spacing {
  padding: 25px;
}

.spacing-sm {
  padding: 10px;
}

.spacing-md {
  padding: 25px;
}

.spacing-lg {
  padding: 40px;
}

.spacing-top {
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.spacing-bottom {
  padding-right: 0;
  padding-top: 0;
  padding-left: 0;
}

.spacing-vertical {
  padding-right: 0;
  padding-left: 0;
}

.spacing-left {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
}

.spacing-right {
  padding-top: 0;
  padding-left: 0;
  padding-bottom: 0;
}

.text-sm {
  font-size: 12px;
}

.text-md {
  font-size: 15px;
}

.text-lg {
  font-size: 18px;
}

.text-xlg {
  font-size: 20px;
}

.heading-sm {
  font-size: 18px;
  font-weight: normal;
}

.heading-md {
  font-size: 28px;
  font-weight: 300;
  font-family: 'Helvetica Neue', Helvetica, Arial;
}

.heading-lg {
  font-size: 38px;
  font-weight: 300;
  font-family: 'Helvetica Neue', Helvetica, Arial;
}

.heading-xlg {
  font-size: 42px;
  font-weight: 300;
}

.centered {
  text-align: center;
}

.emphasis {
  font-weight: 500;
}

.text-gray,
.heading-gray {
  color: #777;
  text-decoration: none;
}

.fill.white {
  background: #fff;
}

.fill.gray {
  background: #f7f7f7;
}

.fill.outline {
  border: 1px #e4e4e4 solid;
}

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

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

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

.list li {
  border-bottom: 1px #e4e4e4 solid;
  padding: 15px 0;
}

.list li:last-child {
  border-bottom: 0;
}

.list.outline li:first-child {
  border-top: 1px #e4e4e4 solid;
}

.list.outline li:last-child {
  border-bottom: 1px #e4e4e4 solid;
}

.list.bullet li {
  border-bottom: 0;
  position: relative;
  padding: 8px 0 8px 15px;
}

.list.bullet li:before {
  top: 12px;
  left: 0;
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(194, 255, 245, 0);
  border-left-color: #2f94cf;
  border-width: 4px;
}

.fancy-checkbox {
  border: 1px #d8d8d8 solid;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  height: 23px;
  width: 23px;
  position: relative;
}

.fancy-checkbox .icon-font_checkmark {
  color: #505050;
}

.notification {
  margin-bottom: 25px;
  padding: 25px;
  border-radius: 3px;
  position: relative;
}

.notification.error {
  background-color: #fff1f1;
  border: 1px solid #d7a0a0;
}

.notification.success {
  background: #eefbc6;
  border: 1px solid #a0c64d;
}

.notification.alert {
  background: #fffcc5;
  border: 1px solid #efd105;
  color: #927b0f;
}

.notification.alert:before {
  content: '';
  width: 18px;
  height: 18px;
  border-radius: 3px;
  position: absolute;
  top: 8px;
  left: 7px;
  background: #efd105;
}

.notification.alert:after {
  content: 'i';
  position: absolute;
  top: 8px;
  width: 18px;
  left: 7px;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #927b0f;
}

.notification.message {
  background: #3e6595;
  color: #fff;
}

.notification.message .link {
  color: #fff;
  text-decoration: none;
}

.notification.active {
  display: block;
}

.notification.inline {
  display: inline-block;
  margin: -10px 0 0 15px;
  padding: 10px;
  vertical-align: middle;
}

.notification.alert .link {
  text-decoration: none;
  color: #816a00;
  font-weight: bold;
  margin-left: 25px;
}

.notification.alert .link:hover {
  color: #b49400;
}

.hidden {
  display: none;
}

.float-left {
  float: left;
}

.form-fields > .row {
  padding: 10px 0;
}

.form-input {
  width: 100%;
  color: #777;
  font-size: 15px;
  border: 1px #ccc solid;
  border-radius: 3px;
  padding: 12px;
}

.form-btn {
  width: 100%;
  text-transform: uppercase;
}
.default-padding-top {
  padding-top: 64px;
}
.default-top {
  top: 64px;
}
/** custom webdam icon font **/

@font-face {
  font-family: 'webdam';
  src: url('/platform/fonts/webdam.eot?-l4paon2');
  src: url('/platform/fonts/webdam.eot?#iefix-l4paon2') format('embedded-opentype'),
  url('/platform/fonts/webdam.ttf?-l4paon2') format('truetype'),
  url('/platform/fonts/webdam.woff?-l4paon2') format('woff'),
  url('/platform/fonts/webdam.svg?-l4paon2#webdam') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icon-font {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 2rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-font:before,
.icon-font span {
  font-family: 'webdam';
}

.icon-font span.icon-text {
  font-family: inherit;
}

.icon-font-white {
  color: #fff;
}

.icon-font-large {
  font-size: 64px;
}

.icon-font_reject:before {
  content: '\e95f';
}

.icon-font_approve:before {
  content: '\e960';
}

.icon-font_changes:before {
  content: '\e961';
}

.icon-font_replace:before {
  content: '\e95e';
}

.icon-font_append:before {
  content: '\e95d';
}

.icon-font_brandportal:before {
  content: '\e600';
}

.icon-font_download:before {
  content: '\e800';
}

.icon-font_brandguidelines:before {
  content: '\e801';
}

.icon-font_imageslider:before {
  content: '\e802';
}

.icon-font_html:before {
  content: '\e803';
}

.icon-font_lightbox:before {
  content: '\e804';
}

.icon-font_folder:before {
  content: '\e805';
}

.icon-font_description:before {
  content: '\e806';
}

.icon-font_filleddescription .path1:before {
  content: '\e807';
  color: #e5e5e5;
}
.icon-font_filleddescription .path2:before {
  content: '\e808';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_filleddescription .path3:before {
  content: '\e809';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_filleddescription .path4:before {
  content: '\e80a';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_filleddescription .path5:before {
  content: '\e80b';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_filleddescription .path6:before {
  content: '\e80c';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_filleddescription .path7:before {
  content: '\e80d';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_filleddescription .path8:before {
  content: '\e80e';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_filleddescription .path9:before {
  content: '\e80f';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_filleddescription .path10:before {
  content: '\e810';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_filleddescription .path11:before {
  content: '\e811';
  color: #373a36;
  margin-left: -1em;
}
.icon-font_textslider:before {
  content: '\e812';
}
.icon-font_image:before {
  content: '\e813';
}
.icon-font_views:before {
  content: '\e900';
}
.icon-font_close:before {
  content: '\e901';
}
.icon-font_comment:before {
  content: '\e902';
}
.icon-font_leftarrow:before {
  content: '\e903';
}
.icon-font_like:before {
  content: '\e904';
}
.icon-font_menu:before {
  content: '\e905';
}
.icon-font_person:before {
  content: '\e906';
}
.icon-font_rightarrow:before {
  content: '\e907';
}
.icon-font_share:before {
  content: '\e908';
}
.icon-font_watch:before {
  content: '\e909';
}
.icon-font_expand:before {
  content: '\e90b';
}
.icon-font_unwatch:before {
  content: '\e90c';
}
.icon-font_checkmark:before {
  content: '\e90f';
}
.icon-font_export:before {
  content: '\e90d';
}
.icon-font_cog:before {
  content: '\e90e';
}
.icon-font_down:before {
  content: '\e910';
}
.icon-font_brutus:before {
  content: '\e911';
}
.icon-font_checkincircle:before {
  content: '\e912';
}
.icon-font_add:before {
  content: '\e915';
}
.icon-font_brandstory:before {
  content: '\e916';
}
.icon-font_bullet:before {
  content: '\e917';
}
.icon-font_chat:before {
  content: '\e918';
}
.icon-font_colorpalette:before {
  content: '\e919';
}
.icon-font_dosanddonts:before {
  content: '\e91a';
}
.icon-font_duplicate:before {
  content: '\e91b';
}
.icon-font_faq:before {
  content: '\e91c';
}
.icon-font_globe:before {
  content: '\e91d';
}
.icon-font_gridlg:before {
  content: '\e91e';
}
.icon-font_gridmd:before {
  content: '\e91f';
}
.icon-font_gridsm:before {
  content: '\e920';
}
.icon-font_heart:before {
  content: '\e921';
}
.icon-font_help:before {
  content: '\e922';
}
.icon-font_home:before {
  content: '\e923';
}
.icon-font_layout:before {
  content: '\e924';
}
.icon-font_list:before {
  content: '\e925';
}
.icon-font_move:before {
  content: '\e927';
}
.icon-font_preview:before {
  content: '\e928';
}
.icon-font_print:before {
  content: '\e929';
}
.icon-font_resize:before {
  content: '\e92a';
}
.icon-font_resources:before {
  content: '\e92b';
}
.icon-font_ruler:before {
  content: '\e92c';
}
.icon-font_search:before {
  content: '\e92d';
}
.icon-font_setup:before {
  content: '\e92e';
}
.icon-font_shield:before {
  content: '\e92f';
}
.icon-font_social:before {
  content: '\e930';
}
.icon-font_sort:before {
  content: '\e931';
}
.icon-font_star:before {
  content: '\e932';
}
.icon-font_trash:before {
  content: '\e933';
}
.icon-font_typography:before {
  content: '\e934';
}
.icon-font_edit:before {
  content: '\e913';
}
.icon-font_info:before {
  content: '\e914';
}
.icon-font_persona:before {
  content: '\e935';
}
.icon-font_resources1:before {
  content: '\e936';
}
.icon-font_titleunderlined:before {
  content: '\e937';
}
.icon-font_title:before {
  content: '\e938';
}
.icon-font_dont:before {
  content: '\e939';
}
.icon-font_do:before {
  content: '\e93a';
}
.icon-font_dosandonts:before {
  content: '\e93b';
}
.icon-font_colorpalette:before {
  content: '\e93c';
}
.icon-font_colorbar:before {
  content: '\e93d';
}
.icon-font_resources2:before {
  content: '\e93e';
}
.icon-font_downarrow:before {
  content: '\e940';
}
.icon-font_folder:before {
  content: '\e942';
}
.icon-font_identity:before {
  content: '\e943';
}
.icon-font_broadcast:before {
  content: '\e944';
}
.icon-font_voice:before {
  content: '\e945';
}
.icon-font_diamond:before {
  content: '\e946';
}
.icon-font_presentation:before {
  content: '\e947';
}
.icon-font_website:before {
  content: '\e948';
}
.icon-font_power:before {
  content: '\e949';
}
.icon-font_shapes:before {
  content: '\e94a';
}
.icon-font_alarm:before {
  content: '\e90a';
}
.icon-font_stamp:before {
  content: '\e926';
}
.icon-font_minus:before {
  content: '\e93f';
}
.icon-font_ellipsis:before {
  content: '\e941';
}
.icon-font_crop:before {
  content: '\e94b';
}
.icon-font_lock:before {
  content: '\e94c';
}
.icon-font_unlock:before {
  content: '\e94d';
}
.icon-font_checkboxes:before {
  content: '\e94e';
}
.icon-font_leftarrow2:before {
  content: '\e94f';
}
.icon-font_longanswer:before {
  content: '\e950';
}
.icon-font_paperclip:before {
  content: '\e951';
}
.icon-font_radio:before {
  content: '\e952';
}
.icon-font_rightarrow2:before {
  content: '\e953';
}
.icon-font_shortanswer:before {
  content: '\e954';
}
.icon-font_date:before {
  content: '\e955';
}
.icon-font_zoomin:before {
  content: '\e957';
}
.icon-font_zoomout:before {
  content: '\e956';
}
.icon-font_tag:before {
  content: '\e958';
}
.icon-font_taskname:before {
  content: '\e95a';
}
.icon-font_duedate:before {
  content: '\e959';
}
.icon-font_kebab:before {
  content: '\e95b';
}
.icon-font_chart:before {
  content: '\e95c';
}

/* ion icons - TO BE PHASED OUT */

@charset "UTF-8";
/*!
  Ionicons, v2.0.0
  Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
  https://twitter.com/benjsperry  https://twitter.com/ionicframework
  MIT License: https://github.com/driftyco/ionicons

  Android-style icons originally built by Google’s
  Material Design Icons: https://github.com/google/material-design-icons
  used under CC BY http://creativecommons.org/licenses/by/4.0/
  Modified icons to fit ionicon’s grid from original.
*/
@font-face {
  font-family: 'Ionicons';
  src: url('../fonts/ionicons.eot?v=2.0.0');
  src: url('../fonts/ionicons.eot?v=2.0.0#iefix') format('embedded-opentype'),
  url('../fonts/ionicons.ttf?v=2.0.0') format('truetype'), url('../fonts/ionicons.woff?v=2.0.0') format('woff'),
  url('../fonts/ionicons.svg?v=2.0.0#Ionicons') format('svg');
  font-weight: normal;
  font-style: normal;
}
.ion,
.ionicons,
.ion-alert:before,
.ion-alert-circled:before,
.ion-android-add:before,
.ion-android-add-circle:before,
.ion-android-alarm-clock:before,
.ion-android-alert:before,
.ion-android-apps:before,
.ion-android-archive:before,
.ion-android-arrow-back:before,
.ion-android-arrow-down:before,
.ion-android-arrow-dropdown:before,
.ion-android-arrow-dropdown-circle:before,
.ion-android-arrow-dropleft:before,
.ion-android-arrow-dropleft-circle:before,
.ion-android-arrow-dropright:before,
.ion-android-arrow-dropright-circle:before,
.ion-android-arrow-dropup:before,
.ion-android-arrow-dropup-circle:before,
.ion-android-arrow-forward:before,
.ion-android-arrow-up:before,
.ion-android-attach:before,
.ion-android-bar:before,
.ion-android-bicycle:before,
.ion-android-boat:before,
.ion-android-bookmark:before,
.ion-android-bulb:before,
.ion-android-bus:before,
.ion-android-calendar:before,
.ion-android-call:before,
.ion-android-camera:before,
.ion-android-cancel:before,
.ion-android-car:before,
.ion-android-cart:before,
.ion-android-chat:before,
.ion-android-checkbox:before,
.ion-android-checkbox-blank:before,
.ion-android-checkbox-outline:before,
.ion-android-checkbox-outline-blank:before,
.ion-android-checkmark-circle:before,
.ion-android-clipboard:before,
.ion-android-close:before,
.ion-android-cloud:before,
.ion-android-cloud-circle:before,
.ion-android-cloud-done:before,
.ion-android-cloud-outline:before,
.ion-android-color-palette:before,
.ion-android-compass:before,
.ion-android-contact:before,
.ion-android-contacts:before,
.ion-android-contract:before,
.ion-android-create:before,
.ion-android-delete:before,
.ion-android-desktop:before,
.ion-android-document:before,
.ion-android-done:before,
.ion-android-done-all:before,
.ion-android-download:before,
.ion-android-drafts:before,
.ion-android-exit:before,
.ion-android-expand:before,
.ion-android-favorite:before,
.ion-android-favorite-outline:before,
.ion-android-film:before,
.ion-android-folder:before,
.ion-android-folder-open:before,
.ion-android-funnel:before,
.ion-android-globe:before,
.ion-android-hand:before,
.ion-android-hangout:before,
.ion-android-happy:before,
.ion-android-home:before,
.ion-android-image:before,
.ion-android-laptop:before,
.ion-android-list:before,
.ion-android-locate:before,
.ion-android-lock:before,
.ion-android-mail:before,
.ion-android-map:before,
.ion-android-menu:before,
.ion-android-microphone:before,
.ion-android-microphone-off:before,
.ion-android-more-horizontal:before,
.ion-android-more-vertical:before,
.ion-android-navigate:before,
.ion-android-notifications:before,
.ion-android-notifications-none:before,
.ion-android-notifications-off:before,
.ion-android-open:before,
.ion-android-options:before,
.ion-android-people:before,
.ion-android-person:before,
.ion-android-person-add:before,
.ion-android-phone-landscape:before,
.ion-android-phone-portrait:before,
.ion-android-pin:before,
.ion-android-plane:before,
.ion-android-playstore:before,
.ion-android-print:before,
.ion-android-radio-button-off:before,
.ion-android-radio-button-on:before,
.ion-android-refresh:before,
.ion-android-remove:before,
.ion-android-remove-circle:before,
.ion-android-restaurant:before,
.ion-android-sad:before,
.ion-android-search:before,
.ion-android-send:before,
.ion-android-settings:before,
.ion-android-share:before,
.ion-android-share-alt:before,
.ion-android-star:before,
.ion-android-star-half:before,
.ion-android-star-outline:before,
.ion-android-stopwatch:before,
.ion-android-subway:before,
.ion-android-sunny:before,
.ion-android-sync:before,
.ion-android-textsms:before,
.ion-android-time:before,
.ion-android-train:before,
.ion-android-unlock:before,
.ion-android-upload:before,
.ion-android-volume-down:before,
.ion-android-volume-mute:before,
.ion-android-volume-off:before,
.ion-android-volume-up:before,
.ion-android-walk:before,
.ion-android-warning:before,
.ion-android-watch:before,
.ion-android-wifi:before,
.ion-aperture:before,
.ion-archive:before,
.ion-arrow-down-a:before,
.ion-arrow-down-b:before,
.ion-arrow-down-c:before,
.ion-arrow-expand:before,
.ion-arrow-graph-down-left:before,
.ion-arrow-graph-down-right:before,
.ion-arrow-graph-up-left:before,
.ion-arrow-graph-up-right:before,
.ion-arrow-left-a:before,
.ion-arrow-left-b:before,
.ion-arrow-left-c:before,
.ion-arrow-move:before,
.ion-arrow-resize:before,
.ion-arrow-return-left:before,
.ion-arrow-return-right:before,
.ion-arrow-right-a:before,
.ion-arrow-right-b:before,
.ion-arrow-right-c:before,
.ion-arrow-shrink:before,
.ion-arrow-swap:before,
.ion-arrow-up-a:before,
.ion-arrow-up-b:before,
.ion-arrow-up-c:before,
.ion-asterisk:before,
.ion-at:before,
.ion-backspace:before,
.ion-backspace-outline:before,
.ion-bag:before,
.ion-battery-charging:before,
.ion-battery-empty:before,
.ion-battery-full:before,
.ion-battery-half:before,
.ion-battery-low:before,
.ion-beaker:before,
.ion-beer:before,
.ion-bluetooth:before,
.ion-bonfire:before,
.ion-bookmark:before,
.ion-bowtie:before,
.ion-briefcase:before,
.ion-bug:before,
.ion-calculator:before,
.ion-calendar:before,
.ion-camera:before,
.ion-card:before,
.ion-cash:before,
.ion-chatbox:before,
.ion-chatbox-working:before,
.ion-chatboxes:before,
.ion-chatbubble:before,
.ion-chatbubble-working:before,
.ion-chatbubbles:before,
.ion-checkmark:before,
.ion-checkmark-circled:before,
.ion-checkmark-round:before,
.ion-chevron-down:before,
.ion-chevron-left:before,
.ion-chevron-right:before,
.ion-chevron-up:before,
.ion-clipboard:before,
.ion-clock:before,
.ion-close:before,
.ion-close-circled:before,
.ion-close-round:before,
.ion-closed-captioning:before,
.ion-cloud:before,
.ion-code:before,
.ion-code-download:before,
.ion-code-working:before,
.ion-coffee:before,
.ion-compass:before,
.ion-compose:before,
.ion-connection-bars:before,
.ion-contrast:before,
.ion-crop:before,
.ion-cube:before,
.ion-disc:before,
.ion-document:before,
.ion-document-text:before,
.ion-drag:before,
.ion-earth:before,
.ion-easel:before,
.ion-edit:before,
.ion-egg:before,
.ion-eject:before,
.ion-email:before,
.ion-email-unread:before,
.ion-erlenmeyer-flask:before,
.ion-erlenmeyer-flask-bubbles:before,
.ion-eye:before,
.ion-eye-disabled:before,
.ion-female:before,
.ion-filing:before,
.ion-film-marker:before,
.ion-fireball:before,
.ion-flag:before,
.ion-flame:before,
.ion-flash:before,
.ion-flash-off:before,
.ion-folder:before,
.ion-fork:before,
.ion-fork-repo:before,
.ion-forward:before,
.ion-funnel:before,
.ion-gear-a:before,
.ion-gear-b:before,
.ion-grid:before,
.ion-hammer:before,
.ion-happy:before,
.ion-happy-outline:before,
.ion-headphone:before,
.ion-heart:before,
.ion-heart-broken:before,
.ion-help:before,
.ion-help-buoy:before,
.ion-help-circled:before,
.ion-home:before,
.ion-icecream:before,
.ion-image:before,
.ion-images:before,
.ion-information:before,
.ion-information-circled:before,
.ion-ionic:before,
.ion-ios-alarm:before,
.ion-ios-alarm-outline:before,
.ion-ios-albums:before,
.ion-ios-albums-outline:before,
.ion-ios-americanfootball:before,
.ion-ios-americanfootball-outline:before,
.ion-ios-analytics:before,
.ion-ios-analytics-outline:before,
.ion-ios-arrow-back:before,
.ion-ios-arrow-down:before,
.ion-ios-arrow-forward:before,
.ion-ios-arrow-left:before,
.ion-ios-arrow-right:before,
.ion-ios-arrow-thin-down:before,
.ion-ios-arrow-thin-left:before,
.ion-ios-arrow-thin-right:before,
.ion-ios-arrow-thin-up:before,
.ion-ios-arrow-up:before,
.ion-ios-at:before,
.ion-ios-at-outline:before,
.ion-ios-barcode:before,
.ion-ios-barcode-outline:before,
.ion-ios-baseball:before,
.ion-ios-baseball-outline:before,
.ion-ios-basketball:before,
.ion-ios-basketball-outline:before,
.ion-ios-bell:before,
.ion-ios-bell-outline:before,
.ion-ios-body:before,
.ion-ios-body-outline:before,
.ion-ios-bolt:before,
.ion-ios-bolt-outline:before,
.ion-ios-book:before,
.ion-ios-book-outline:before,
.ion-ios-bookmarks:before,
.ion-ios-bookmarks-outline:before,
.ion-ios-box:before,
.ion-ios-box-outline:before,
.ion-ios-briefcase:before,
.ion-ios-briefcase-outline:before,
.ion-ios-browsers:before,
.ion-ios-browsers-outline:before,
.ion-ios-calculator:before,
.ion-ios-calculator-outline:before,
.ion-ios-calendar:before,
.ion-ios-calendar-outline:before,
.ion-ios-camera:before,
.ion-ios-camera-outline:before,
.ion-ios-cart:before,
.ion-ios-cart-outline:before,
.ion-ios-chatboxes:before,
.ion-ios-chatboxes-outline:before,
.ion-ios-chatbubble:before,
.ion-ios-chatbubble-outline:before,
.ion-ios-checkmark:before,
.ion-ios-checkmark-empty:before,
.ion-ios-checkmark-outline:before,
.ion-ios-circle-filled:before,
.ion-ios-circle-outline:before,
.ion-ios-clock:before,
.ion-ios-clock-outline:before,
.ion-ios-close:before,
.ion-ios-close-empty:before,
.ion-ios-close-outline:before,
.ion-ios-cloud:before,
.ion-ios-cloud-download:before,
.ion-ios-cloud-download-outline:before,
.ion-ios-cloud-outline:before,
.ion-ios-cloud-upload:before,
.ion-ios-cloud-upload-outline:before,
.ion-ios-cloudy:before,
.ion-ios-cloudy-night:before,
.ion-ios-cloudy-night-outline:before,
.ion-ios-cloudy-outline:before,
.ion-ios-cog:before,
.ion-ios-cog-outline:before,
.ion-ios-color-filter:before,
.ion-ios-color-filter-outline:before,
.ion-ios-color-wand:before,
.ion-ios-color-wand-outline:before,
.ion-ios-compose:before,
.ion-ios-compose-outline:before,
.ion-ios-contact:before,
.ion-ios-contact-outline:before,
.ion-ios-copy:before,
.ion-ios-copy-outline:before,
.ion-ios-crop:before,
.ion-ios-crop-strong:before,
.ion-ios-download:before,
.ion-ios-download-outline:before,
.ion-ios-drag:before,
.ion-ios-email:before,
.ion-ios-email-outline:before,
.ion-ios-eye:before,
.ion-ios-eye-outline:before,
.ion-ios-fastforward:before,
.ion-ios-fastforward-outline:before,
.ion-ios-filing:before,
.ion-ios-filing-outline:before,
.ion-ios-film:before,
.ion-ios-film-outline:before,
.ion-ios-flag:before,
.ion-ios-flag-outline:before,
.ion-ios-flame:before,
.ion-ios-flame-outline:before,
.ion-ios-flask:before,
.ion-ios-flask-outline:before,
.ion-ios-flower:before,
.ion-ios-flower-outline:before,
.ion-ios-folder:before,
.ion-ios-folder-outline:before,
.ion-ios-football:before,
.ion-ios-football-outline:before,
.ion-ios-game-controller-a:before,
.ion-ios-game-controller-a-outline:before,
.ion-ios-game-controller-b:before,
.ion-ios-game-controller-b-outline:before,
.ion-ios-gear:before,
.ion-ios-gear-outline:before,
.ion-ios-glasses:before,
.ion-ios-glasses-outline:before,
.ion-ios-grid-view:before,
.ion-ios-grid-view-outline:before,
.ion-ios-heart:before,
.ion-ios-heart-outline:before,
.ion-ios-help:before,
.ion-ios-help-empty:before,
.ion-ios-help-outline:before,
.ion-ios-home:before,
.ion-ios-home-outline:before,
.ion-ios-infinite:before,
.ion-ios-infinite-outline:before,
.ion-ios-information:before,
.ion-ios-information-empty:before,
.ion-ios-information-outline:before,
.ion-ios-ionic-outline:before,
.ion-ios-keypad:before,
.ion-ios-keypad-outline:before,
.ion-ios-lightbulb:before,
.ion-ios-lightbulb-outline:before,
.ion-ios-list:before,
.ion-ios-list-outline:before,
.ion-ios-location:before,
.ion-ios-location-outline:before,
.ion-ios-locked:before,
.ion-ios-locked-outline:before,
.ion-ios-loop:before,
.ion-ios-loop-strong:before,
.ion-ios-medical:before,
.ion-ios-medical-outline:before,
.ion-ios-medkit:before,
.ion-ios-medkit-outline:before,
.ion-ios-mic:before,
.ion-ios-mic-off:before,
.ion-ios-mic-outline:before,
.ion-ios-minus:before,
.ion-ios-minus-empty:before,
.ion-ios-minus-outline:before,
.ion-ios-monitor:before,
.ion-ios-monitor-outline:before,
.ion-ios-moon:before,
.ion-ios-moon-outline:before,
.ion-ios-more:before,
.ion-ios-more-outline:before,
.ion-ios-musical-note:before,
.ion-ios-musical-notes:before,
.ion-ios-navigate:before,
.ion-ios-navigate-outline:before,
.ion-ios-nutrition:before,
.ion-ios-nutrition-outline:before,
.ion-ios-paper:before,
.ion-ios-paper-outline:before,
.ion-ios-paperplane:before,
.ion-ios-paperplane-outline:before,
.ion-ios-partlysunny:before,
.ion-ios-partlysunny-outline:before,
.ion-ios-pause:before,
.ion-ios-pause-outline:before,
.ion-ios-paw:before,
.ion-ios-paw-outline:before,
.ion-ios-people:before,
.ion-ios-people-outline:before,
.ion-ios-person:before,
.ion-ios-person-outline:before,
.ion-ios-personadd:before,
.ion-ios-personadd-outline:before,
.ion-ios-photos:before,
.ion-ios-photos-outline:before,
.ion-ios-pie:before,
.ion-ios-pie-outline:before,
.ion-ios-pint:before,
.ion-ios-pint-outline:before,
.ion-ios-play:before,
.ion-ios-play-outline:before,
.ion-ios-plus:before,
.ion-ios-plus-empty:before,
.ion-ios-plus-outline:before,
.ion-ios-pricetag:before,
.ion-ios-pricetag-outline:before,
.ion-ios-pricetags:before,
.ion-ios-pricetags-outline:before,
.ion-ios-printer:before,
.ion-ios-printer-outline:before,
.ion-ios-pulse:before,
.ion-ios-pulse-strong:before,
.ion-ios-rainy:before,
.ion-ios-rainy-outline:before,
.ion-ios-recording:before,
.ion-ios-recording-outline:before,
.ion-ios-redo:before,
.ion-ios-redo-outline:before,
.ion-ios-refresh:before,
.ion-ios-refresh-empty:before,
.ion-ios-refresh-outline:before,
.ion-ios-reload:before,
.ion-ios-reverse-camera:before,
.ion-ios-reverse-camera-outline:before,
.ion-ios-rewind:before,
.ion-ios-rewind-outline:before,
.ion-ios-rose:before,
.ion-ios-rose-outline:before,
.ion-ios-search:before,
.ion-ios-search-strong:before,
.ion-ios-settings:before,
.ion-ios-settings-strong:before,
.ion-ios-shuffle:before,
.ion-ios-shuffle-strong:before,
.ion-ios-skipbackward:before,
.ion-ios-skipbackward-outline:before,
.ion-ios-skipforward:before,
.ion-ios-skipforward-outline:before,
.ion-ios-snowy:before,
.ion-ios-speedometer:before,
.ion-ios-speedometer-outline:before,
.ion-ios-star:before,
.ion-ios-star-half:before,
.ion-ios-star-outline:before,
.ion-ios-stopwatch:before,
.ion-ios-stopwatch-outline:before,
.ion-ios-sunny:before,
.ion-ios-sunny-outline:before,
.ion-ios-telephone:before,
.ion-ios-telephone-outline:before,
.ion-ios-tennisball:before,
.ion-ios-tennisball-outline:before,
.ion-ios-thunderstorm:before,
.ion-ios-thunderstorm-outline:before,
.ion-ios-time:before,
.ion-ios-time-outline:before,
.ion-ios-timer:before,
.ion-ios-timer-outline:before,
.ion-ios-toggle:before,
.ion-ios-toggle-outline:before,
.ion-ios-trash:before,
.ion-ios-trash-outline:before,
.ion-ios-undo:before,
.ion-ios-undo-outline:before,
.ion-ios-unlocked:before,
.ion-ios-unlocked-outline:before,
.ion-ios-upload:before,
.ion-ios-upload-outline:before,
.ion-ios-videocam:before,
.ion-ios-videocam-outline:before,
.ion-ios-volume-high:before,
.ion-ios-volume-low:before,
.ion-ios-wineglass:before,
.ion-ios-wineglass-outline:before,
.ion-ios-world:before,
.ion-ios-world-outline:before,
.ion-ipad:before,
.ion-iphone:before,
.ion-ipod:before,
.ion-jet:before,
.ion-key:before,
.ion-knife:before,
.ion-laptop:before,
.ion-leaf:before,
.ion-levels:before,
.ion-lightbulb:before,
.ion-link:before,
.ion-load-a:before,
.ion-load-b:before,
.ion-load-c:before,
.ion-load-d:before,
.ion-location:before,
.ion-lock-combination:before,
.ion-locked:before,
.ion-log-in:before,
.ion-log-out:before,
.ion-loop:before,
.ion-magnet:before,
.ion-male:before,
.ion-man:before,
.ion-map:before,
.ion-medkit:before,
.ion-merge:before,
.ion-mic-a:before,
.ion-mic-b:before,
.ion-mic-c:before,
.ion-minus:before,
.ion-minus-circled:before,
.ion-minus-round:before,
.ion-model-s:before,
.ion-monitor:before,
.ion-more:before,
.ion-mouse:before,
.ion-music-note:before,
.ion-navicon:before,
.ion-navicon-round:before,
.ion-navigate:before,
.ion-network:before,
.ion-no-smoking:before,
.ion-nuclear:before,
.ion-outlet:before,
.ion-paintbrush:before,
.ion-paintbucket:before,
.ion-paper-airplane:before,
.ion-paperclip:before,
.ion-pause:before,
.ion-person:before,
.ion-person-add:before,
.ion-person-stalker:before,
.ion-pie-graph:before,
.ion-pin:before,
.ion-pinpoint:before,
.ion-pizza:before,
.ion-plane:before,
.ion-planet:before,
.ion-play:before,
.ion-playstation:before,
.ion-plus:before,
.ion-plus-circled:before,
.ion-plus-round:before,
.ion-podium:before,
.ion-pound:before,
.ion-power:before,
.ion-pricetag:before,
.ion-pricetags:before,
.ion-printer:before,
.ion-pull-request:before,
.ion-qr-scanner:before,
.ion-quote:before,
.ion-radio-waves:before,
.ion-record:before,
.ion-refresh:before,
.ion-reply:before,
.ion-reply-all:before,
.ion-ribbon-a:before,
.ion-ribbon-b:before,
.ion-sad:before,
.ion-sad-outline:before,
.ion-scissors:before,
.ion-search:before,
.ion-settings:before,
.ion-share:before,
.ion-shuffle:before,
.ion-skip-backward:before,
.ion-skip-forward:before,
.ion-social-android:before,
.ion-social-android-outline:before,
.ion-social-angular:before,
.ion-social-angular-outline:before,
.ion-social-apple:before,
.ion-social-apple-outline:before,
.ion-social-bitcoin:before,
.ion-social-bitcoin-outline:before,
.ion-social-buffer:before,
.ion-social-buffer-outline:before,
.ion-social-chrome:before,
.ion-social-chrome-outline:before,
.ion-social-codepen:before,
.ion-social-codepen-outline:before,
.ion-social-css3:before,
.ion-social-css3-outline:before,
.ion-social-designernews:before,
.ion-social-designernews-outline:before,
.ion-social-dribbble:before,
.ion-social-dribbble-outline:before,
.ion-social-dropbox:before,
.ion-social-dropbox-outline:before,
.ion-social-euro:before,
.ion-social-euro-outline:before,
.ion-social-facebook:before,
.ion-social-facebook-outline:before,
.ion-social-foursquare:before,
.ion-social-foursquare-outline:before,
.ion-social-freebsd-devil:before,
.ion-social-github:before,
.ion-social-github-outline:before,
.ion-social-google:before,
.ion-social-google-outline:before,
.ion-social-googleplus:before,
.ion-social-googleplus-outline:before,
.ion-social-hackernews:before,
.ion-social-hackernews-outline:before,
.ion-social-html5:before,
.ion-social-html5-outline:before,
.ion-social-instagram:before,
.ion-social-instagram-outline:before,
.ion-social-javascript:before,
.ion-social-javascript-outline:before,
.ion-social-linkedin:before,
.ion-social-linkedin-outline:before,
.ion-social-markdown:before,
.ion-social-nodejs:before,
.ion-social-octocat:before,
.ion-social-pinterest:before,
.ion-social-pinterest-outline:before,
.ion-social-python:before,
.ion-social-reddit:before,
.ion-social-reddit-outline:before,
.ion-social-rss:before,
.ion-social-rss-outline:before,
.ion-social-sass:before,
.ion-social-skype:before,
.ion-social-skype-outline:before,
.ion-social-snapchat:before,
.ion-social-snapchat-outline:before,
.ion-social-tumblr:before,
.ion-social-tumblr-outline:before,
.ion-social-tux:before,
.ion-social-twitch:before,
.ion-social-twitch-outline:before,
.ion-social-twitter:before,
.ion-social-twitter-outline:before,
.ion-social-usd:before,
.ion-social-usd-outline:before,
.ion-social-vimeo:before,
.ion-social-vimeo-outline:before,
.ion-social-whatsapp:before,
.ion-social-whatsapp-outline:before,
.ion-social-windows:before,
.ion-social-windows-outline:before,
.ion-social-wordpress:before,
.ion-social-wordpress-outline:before,
.ion-social-yahoo:before,
.ion-social-yahoo-outline:before,
.ion-social-yen:before,
.ion-social-yen-outline:before,
.ion-social-youtube:before,
.ion-social-youtube-outline:before,
.ion-soup-can:before,
.ion-soup-can-outline:before,
.ion-speakerphone:before,
.ion-speedometer:before,
.ion-spoon:before,
.ion-star:before,
.ion-stats-bars:before,
.ion-steam:before,
.ion-stop:before,
.ion-thermometer:before,
.ion-thumbsdown:before,
.ion-thumbsup:before,
.ion-toggle:before,
.ion-toggle-filled:before,
.ion-transgender:before,
.ion-trash-a:before,
.ion-trash-b:before,
.ion-trophy:before,
.ion-tshirt:before,
.ion-tshirt-outline:before,
.ion-umbrella:before,
.ion-university:before,
.ion-unlocked:before,
.ion-upload:before,
.ion-usb:before,
.ion-videocamera:before,
.ion-volume-high:before,
.ion-volume-low:before,
.ion-volume-medium:before,
.ion-volume-mute:before,
.ion-wand:before,
.ion-waterdrop:before,
.ion-wifi:before,
.ion-wineglass:before,
.ion-woman:before,
.ion-wrench:before,
.ion-xbox:before {
  display: inline-block;
  font-family: 'Ionicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ion-more:before {
  content: '\f20b';
}

.ion-edit:before {
  content: '\f2bf';
}

.ion-ios-clock-outline:before {
  content: '\f402';
}

.ion-help-circled:before {
  content: '\f142';
}

.ion-ios-help-outline:before {
  content: '\f445';
}

.download-crop-wrapper .lock {
  font-family: 'webdam';
  font-size: 24px;
  position: relative;
  top: 4px;
  margin-right: 8px;
}
.download-crop-wrapper .lnk-enable-crop {
  font-family: 'webdam';
  font-size: 24px;
  color: #ffffff;
  text-align: center;
}
.download-crop-wrapper .lnk-enable-crop:before {
  content: '\e94b';
}
.download-crop-wrapper .lnk-enable-clip {
  font-family: 'webdam';
  font-size: 24px;
  color: #ffffff;
  text-align: center;
}
.download-crop-wrapper .lnk-enable-clip:before {
  content: '\e94b';
}
.download-crop-wrapper .lock:before {
  content: '\e94d';
  margin-top: 4px;
}
.download-crop-wrapper .lock.locked:before {
  content: '\e94c';
}
.download-crop-wrapper a.preview-link b {
  font-family: 'webdam';
  font-size: 24px;
  position: relative;
  top: 6px;
}
.download-crop-wrapper a.preview-link b:before {
  content: '\e910';
}
.download-crop-wrapper .zoomin,
.download-crop-wrapper .zoomout,
.download-crop-wrapper .pan {
  font-family: 'webdam';
  font-size: 24px;
  position: relative;
  top: 4px;
  margin-right: 8px;
}
.download-crop-wrapper .zoomin {
  margin-right: 0;
}
.download-crop-wrapper .zoomin:before {
  content: '\e957';
}
.download-crop-wrapper .zoomout:before {
  content: '\e956';
}
.download-crop-wrapper .pan.enabled {
  color: #505050;
}
.download-crop-wrapper .pan:before {
  content: '\e927';
}

/** top header **/

.header-container {
  position: relative;
  height: 64px;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
  box-sizing: border-box;
}

.top-header {
  height: 100%;
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.core-top-header {
  display: flex;
  justify-content: space-between;
}
.core-top-header.smf-expanded .flex-left-nav {
  display: none;
}

.top-header a {
  text-decoration: none;
}

.top-header-item > .icon-font {
  font-size: 32px;
  display: table-cell;
}

.lightbox-list .icon-font {
  font-size: 2.5rem;
}

.top-header-logo img {
  max-height: 100%;
  max-width: 170px;
  margin: 0 auto;
}

.top-header-item .nav-span {
  display: table-cell;
  vertical-align: middle;
}

.top-header .bg-header-item {
  padding: 0;
}

.top-header .hidden-mobile {
  display: none;
}

.top-header-logo-wrap {
  height: 50px;
  width: 220px;
  position: absolute;
  left: 50%;
  margin-left: -110px;
}

@media (max-width: 945px) {
  .top-header-logo-wrap {
    width: 71px;
    margin-left: 10px !important;
  }
  body .top-header-logo-wrap img {
    max-width: 100%;
  }
  .top-header-logo-wrap a.bp {
    right: -20px;
  }
  .header-nav-left .top-header-item-wrap:first-of-type {
    padding-left: 20px;
  }
}

.top-header-logo-mobile .top-header-logo-wrap {
  left: 0;
  right: 50px;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 150px;
}

.top-header-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  height: 64px;
  width: 220px;
  max-width: 100%;
  padding: 0;
  text-align: center;
  position: relative;
}

.top-header-logo:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.top-header-logo.not-admin:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: transparent;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.change-logo-text {
  opacity: 0;
  z-index: 2;
  height: 33px;
  width: 150px;
  margin: auto;
  top: 0;
  bottom: 0;
  position: absolute;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 10px;
  left: 0;
  right: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.top-header-logo.bc:hover:before,
.top-header-logo.bc:hover .change-logo-text {
  opacity: 1;
}

.top-header-item {
  color: #bbbbbb;
  display: table;
  padding: 0 8px;
  text-decoration: none;
  line-height: 50px;
  font-size: 15px;
  cursor: pointer;
}
@media (max-width: 1212px) {
  .nav-left .top-header-item {
    padding: 0 5px;
  }
}

.top-header-item:visited,
.top-header-item:active,
.top-header-item:hover {
  color: #bbbbbb;
  text-decoration: none;
  position: relative;
}

.top-header .menu-button {
  display: block;
  position: absolute;
  top: 0;
  left: 0px;
  width: 46px;
  padding: 10px 12px;
  border-radius: 4px;
  margin: auto;
  bottom: 0;
}

.top-header .menu-button:hover {
  cursor: pointer;
  background-color: #0f1015;
}

.top-header .menu-button .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #fff;
}

.top-header .menu-button .icon-bar + .icon-bar {
  margin-top: 4px;
}

.top-header .admin-options {
  z-index: 20;
  line-height: 20px;
}

.top-header .dropdown-menu.panel {
  padding: 0;
}

.top-header .dropdown-menu {
  max-height: calc(100vh - 64px);
  overflow-y: auto;
}

.top-header .dropdown-menu.panel .panel-heading,
.top-header .dropdown-menu.panel .panel-footer {
  padding: 10px 15px;
}

.top-header .dropdown-menu.panel .list-group-item {
  padding: 0;
}

.list-group-item.highlighted-bg-item {
  background: #f2f4f6;
}

.top-header .dropdown-menu.panel .list-group-item > a {
  padding: 10px 15px;
  display: block;
  line-height: normal;
}

.top-header .dropdown-menu.panel .list-group-item > a:hover {
  background: #f2f4f6;
}

.top-nav {
  margin-bottom: 0;
}

.top-header-item-wrap {
  display: inline-block;
  height: 100%;
  position: relative;
  float: left;
  text-align: center;
}

.top-header .top-nav > ul {
  margin-bottom: 0;
}

.top-header .top-nav .nav-left {
  font-size: 15px;
}

.top-header .top-nav .nav-right {
  font-size: 18px;
  line-height: 22px;
}

.top-header .top-nav .nav-left > li.nav-profile > a,
.top-header .top-nav .nav-right > li.nav-profile > a {
  padding: 10px 15px;
}

.top-header .top-nav .nav-left > li.nav-profile .hidden-xs,
.top-header .top-nav .nav-right > li.nav-profile .hidden-xs {
  padding-right: 8px;
}

.top-header .top-nav .nav-left > li.nav-profile i,
.top-header .top-nav .nav-right > li.nav-profile i {
  width: 18px;
  font-size: 16px;
  margin-right: 5px;
}

.top-header .top-nav .nav-left > li > .toggle-min,
.top-header .top-nav .nav-right > li > .toggle-min {
  display: none;
}

.top-header .top-nav .nav-left > li a:hover,
.top-header .top-nav .nav-left > li a:focus,
.top-header .top-nav .nav-right > li a:hover,
.top-header .top-nav .nav-right > li a:focus {
  text-decoration: none;
}

.top-header .top-nav .nav-left > li > .btn-group > a .badge,
.top-header .top-nav .nav-left > li > a .badge,
.top-header .top-nav .nav-right > li > .btn-group > a .badge,
.top-header .top-nav .nav-right > li > a .badge {
  position: absolute;
  top: 6px;
  right: 3px;
}

.top-header .top-nav .nav-left > li ul.dropdown-menu a:hover,
.top-header .top-nav .nav-right > li ul.dropdown-menu a:hover {
  background-color: #505050;
  color: #fff;
}

.top-header .top-nav .nav-left > li ul.dropdown-menu .glyphicon,
.top-header .top-nav .nav-right > li ul.dropdown-menu .glyphicon {
  margin-right: 10px;
}

.top-header .top-nav .nav-right .badge-info {
  background-color: transparent;
}

/** buttons **/

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

.no-asset-details .btn {
  padding: 6px 9px;
}

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

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

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

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

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

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #0c0c0c;
  background-color: #f2f4f6;
}

.btn-default:hover .fa,
.btn-default:hover .glyphicon {
  color: #0c0c0c;
}

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

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

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

.btn-primary {
  color: #fff;
  background-color: #505050;
  border-color: #505050;
}

.btn-download-flex-wrapper {
  display: flex !important;
  align-items: center;
  justify-content: start;
  flex-direction: row;
}

.btn-download-dimensions {
  height: 46px !important;
  display: flex;
  align-items: center;
  margin: 0 3px;
  padding: 9px 17px;
}

.btn-lightbox-dimensions {
  height: 46px !important;
  padding: 9px 17px;
}

.btn-dropdown-margin {
  margin-left: -10px;
}

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

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

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #505050;
  border-color: #18a18d;
}

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

.btn-success {
  color: #fff;
  background-color: #10bcc7;
  border-color: #10bcc7;
}

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

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

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #94b758;
  border-color: #505050;
}

.btn-success .badge {
  color: #94b758;
  background-color: #fff;
}

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

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

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

.btn-link:hover,
.btn-link:focus {
  color: #0d0d0d;
  background-color: transparent;
}

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

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

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

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

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

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

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

/** button icon hacks **/

.btn-icon .icon-font {
  margin-left: -7px;
}

.btn-icon .icon-font_lightbox {
  margin-left: -4px;
}

.btn .icon-font_down {
  margin-right: -8px;
}

/** dropdowns **/

.dropdown {
  position: relative;
}

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

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

.open > a {
  outline: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 175px;
  padding: 14px 0;
  margin: 0;
  list-style: none;
  border: 1px #e4e4e4 solid;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 13px;
  left: auto;
}

.dropdown-menu.with-arrow.pull-middle:before {
  left: auto;
  right: 60%;
}

.dropdown-menu.with-arrow.pull-middle:after {
  left: auto;
  right: 60%;
}

.dropdown-menu.panel-default {
  border-color: #e4e4e4;
}

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-menu > li > a {
  display: block;
  padding: 7px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857;
  color: #777;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-menu > li > a.plus-icon {
  position: relative;
}

.dropdown-menu > li > a.plus-icon::after {
  content: '+';
  position: absolute;
  right: 30px;
  bottom: 8px;
}

.dropdown-menu > li > a:hover {
  background: #f2f4f6;
}

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

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

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

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

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

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}

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

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
}

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

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

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

  table.visible-xs {
    display: table;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}

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

  table.visible-sm {
    display: table;
  }

  tr.visible-sm {
    display: table-row !important;
  }

  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}

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

  table.visible-md {
    display: table;
  }

  tr.visible-md {
    display: table-row !important;
  }

  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}

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

  table.visible-lg {
    display: table;
  }

  tr.visible-lg {
    display: table-row !important;
  }

  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}

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

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

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

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

.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after {
  content: ' ';
  display: table;
}

.container *,
.container *:before,
.container *:after,
.container-fluid *,
.container-fluid *:before,
.container-fluid *:after,
.header-container * {
  box-sizing: inherit;
}

.row:before,
.row:after {
  content: ' ';
  display: table;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
  .container {
    width: 750px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
  .container {
    width: 970px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*------------------------Select Animations -------------------------------*/
/* Default custom select styles */
div.cs-select {
  display: block;
  vertical-align: middle;
  position: relative;
  text-align: left;
  background: #fff;
  z-index: 100;
  min-height: 40px;
  width: 100%;
  max-width: 500px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px #e4e4e4 solid;
  border-radius: 3px;
}

div.cs-select:focus {
  outline: none; /* For better accessibility add a style for this in your skin */
}

.cs-select select {
  display: none;
}

.cs-select span {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 0.6em 0.5em 0;
  padding-left: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  min-height: 38px;
  text-overflow: ellipsis;
}

/* Placeholder and selected option */
.cs-select > span {
  padding-right: 3em;
}

.cs-select > span > span {
  display: inline-block;
  min-width: 100px;
  padding: 0px 10px;
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding-left: 1px;
  min-height: 19px;
  width: 100px;
}

.cs-select > span::after,
.cs-select .cs-selected span::after,
.font-dropdown-container.cs-select .select2-chosen::after {
  speak: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cs-select > span::after,
.font-dropdown-container.cs-select .select2-chosen::after {
  content: '\e910';
  right: 0.3em;
}

.cs-select .cs-selected span::after {
  content: '\2713';
  margin-left: 1em;
}

.cs-select.cs-active > span::after {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}

div.cs-active {
  z-index: 200;
}

/* Download Options modal */
.downloadtemplateform .cs-select > span > span {
  width: 100%;
}
.downloadtemplateform .cs-skin-elastic.cs-active .cs-options {
  position: relative;
}
.downloadtemplateform .field {
  float: left;
}
.folderTreeOptions {
  padding: 20px 0 0 0;
}
.downloadtemplateform .jstree > ul > li {
  margin-top: 5px;
}
.downloadtemplateform .jstree a > ins {
  width: 20px;
}
.downloadtemplateform .jstree-default .jstree-clicked {
  padding: 2px 4px 19px 1px;
}
.downloadtemplateform .label {
  min-width: 184px;
  text-align: right;
  margin-top: 8px;
}
.downloadtemplateform .label:empty {
  display: block;
}
.downloadtemplateform .cs-skin-elastic {
  min-width: 230px;
}
/*.downloadtemplateform .downloadTemplateTypeSelect,
.downloadtemplateform .savenewWorkInput {
    margin-top:20px;
}*/
.downloadtemplateform .form .row {
  margin-top: 15px;
}
.downloadtemplateform .admin-settings-input {
  width: 230px;
}
.warning {
  color: #c00;
  padding-top: 10px;
  float: left;
}
.newCopyTemplateNameValid.warning {
  width: 230px;
}
.admin-settings-input.error,
.error {
  border: #c00 1px solid;
}
.expiration-highlight {
  color: #c00;
}
/* End Download Options modal */

/* Options */
.cs-select .cs-options {
  position: absolute;
  overflow: hidden;
  width: 100%;
  background: #fff;
  visibility: hidden;
}

.cs-select.cs-active .cs-options {
  visibility: visible;
  opacity: 1;
}

.cs-select ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.cs-select ul span {
  padding: 1em;
}

.cs-select ul li.cs-focus span {
  background-color: #ddd;
}

/* Optgroup and optgroup label */
.cs-select li.cs-optgroup ul {
  padding-left: 1em;
}

.cs-select li.cs-optgroup > span {
  cursor: default;
}

div.cs-skin-elastic {
  background: #fff;
  font-size: 14px;
  font-weight: normal;
  color: #666;
}

.cs-select.cs-skin-elastic.disabled {
  pointer-events: none;
  background: #eee;
  color: #888;
}

div.cs-skin-elastic.active {
  background: #fff;
}

@media screen and (max-width: 30em) {
  div.cs-skin-elastic {
    font-size: 1em;
  }
}

.cs-skin-elastic > span {
  background-color: transparent;
  z-index: 100;
}

.cs-skin-elastic > span p {
  display: inline-block;
  min-width: 100px;
  padding: 0px 10px;
  box-sizing: border-box;
  float: left;
  margin-bottom: 10px;
  padding-left: 1px;
  min-height: 19px;
}

.cs-skin-elastic > span p.draft_span {
  background: #e4e4e4;
  text-align: center;
  margin: 0;
  height: 24px;
  bottom: 0;
  padding: 5px 10px;
  color: #777;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 400;
  box-sizing: border-box;
  display: inline-block;
  margin: -1px 0px 0px 10px;
  vertical-align: middle;
  min-width: 0;
}

.cs-skin-elastic.cs-active > span {
  background: #fff;
  display: none;
}

.cs-skin-elastic > span::after,
.font-dropdown-container.cs-skin-elastic .select2-chosen::after {
  font-family: 'webdam';
  content: '\e910';
  font-size: 2.5rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.cs-skin-elastic .cs-options {
  overflow: auto;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
  box-shadow: 0px 0px 10px #ccc;
  border-radius: 3px;
  max-height: 300px;
}

.download-dialog .cs-select .cs-options {
  max-height: 140px;
}

.admin-login .cs-skin-elastic .cs-options {
  overflow: hidden;
}

.cs-skin-elastic.cs-active .cs-options {
  pointer-events: auto;
}

.cs-skin-elastic .cs-options > ul::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-transform: scale3d(1, 0, 1);
  transform: scale3d(1, 0, 1);
  background: #fff;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.cs-skin-elastic.cs-active .cs-options > ul::before {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: none;
  transition: none;
}

.cs-skin-elastic .cs-options ul li {
  opacity: 0;
  -webkit-transform: translate3d(0, -25px, 0);
  transform: translate3d(0, -25px, 0);
  -webkit-transition: opacity 0.15s, -webkit-transform 0.15s;
  transition: opacity 0.3s, transform 0.3s;
  position: relative;
}

.cs-skin-elastic.cs-active .cs-options ul li {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}

.metadata-showmore-wrapper {
  width: 100%;
  text-align: right;
  margin-bottom: 20px;
}

.metadata-showmore {
  position: relative;
  bottom: 0;
  text-transform: uppercase;
  font-size: 1.2rem;
  right: 10px;
  font-weight: 700;
  color: #888;
  cursor: pointer;
}

/* Optional delays (problematic in IE 11/Win) */
/*
.cs-skin-elastic.cs-active .cs-options ul li:first-child {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(3) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.cs-skin-elastic.cs-active .cs-options ul li:nth-child(4) {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

/* with more items, more delays declarations are needed */

.cs-skin-elastic .cs-options span {
  background-repeat: no-repeat;
  background-position: 1.5em 50%;
  background-size: 2em auto;
  padding: 0.8em 1em 0.8em 1em;
  white-space: pre-wrap;
}

.cs-skin-elastic .cs-options p.draft_span,
.cs-skin-elastic > p.draft_span {
  position: absolute;
  top: 0px;
  right: 0;
  background: #e4e4e4;
  text-align: center;
  margin: 10px;
  height: 24px;
  overflow: hidden;
  width: 3px;
  bottom: 0;
  padding: 5px 0 5px 3px;
  box-sizing: border-box;
  color: #777;
  font-size: 1rem;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 400;
  transition: 0.3s all ease-in-out;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
}

.cs-skin-elastic.cs-active .cs-options ul li:hover p.draft_span {
  width: 48px;
  padding-right: 3px;
}

.cs-skin-elastic .cs-options span:hover,
.cs-skin-elastic .cs-options li.cs-focus span,
.cs-skin-elastic .cs-options .cs-selected span {
  color: #343434;
}

.cs-skin-elastic .cs-options .cs-selected span::after {
  content: '';
}

/** modal **/

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.08s ease;
}

.fade.in {
  opacity: 1;
}

.modal-open,
.no-scroll-modal {
  overflow: hidden;
}

.modal.shareModal,
.lightboxModals {
  z-index: 1051;
  position: fixed;
}

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

.modal .modal-dialog.asset-detail.chart-dialog {
  width: 100%;
  left: 0;
  margin: 0;
  top: 50px;
  height: 100%;
  max-width: 100%;
}

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

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

.modal.fade .modal-dialog {
  -webkit-transform: scale(0.1);
  -moz-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
  top: 50px;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal.fade.in .modal-dialog {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translate3d(0, -50px, 0);
  transform: translate3d(0, -50px, 0);
  opacity: 1;
}

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

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

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

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  z-index: 1040;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: all 0.08s ease;
}

.modal-backdrop.fade {
  opacity: 0;
  z-index: 1040;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: all 0.08s ease;
}

.modal-backdrop.in {
  opacity: 0.5;
  z-index: 1049;
  filter: alpha(opacity=50);
}

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

.modal-header .close {
  color: #777;
}

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

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

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

.modal-footer:before,
.modal-footer:after {
  content: ' ';
  display: table;
}

.modal-footer:after {
  clear: both;
}

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

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

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

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

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

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

  .modal-sm {
    width: 300px;
  }
}

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

/** download flow **/

.modal-download .download-dialog {
  height: 100%;
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  width: 700px;
}

.core-searchtips-modal {
  overflow: hidden;
}

.core-searchtips-modal .modal-dialog {
  margin: 0 auto;
}
.preset-info {
  margin-left: -10px;
}
.download-presets.cropping-enabled .preset-info.minheightsetting {
  min-height: 344px;
}

.download-dialog .modal-content {
  overflow: auto;
  padding: 0;
  max-height: 90%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.download-dialog .modal-body {
  max-height: 800px;
  overflow: auto;
  padding: 0;
}

.download-dialog .modal-header {
  padding: 25px 50px 0;
}

.download-dialog .modal-title {
  font-size: 3rem;
  font-weight: 400;
  text-align: center;
  margin: 0 0 10px 0;
}
.download-dialog .download-message {
  padding-top: 10px;
}
.download-dialog .modal-text,
.core-download-dialog .modal-text {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0 50px;
  font-size: 1.7rem;
  color: #666;
  font-weight: 600;
}

.core-download-modal .modal-text {
  padding: 0;
  font-size: 2.3rem;
  font-weight: 400;
}

.preset-item .preset-object {
  width: 155px;
  box-sizing: border-box;
}

/* Mobile download modal */
.download-dialog-mobile .download-presets {
  padding: 0;
}
.download-dialog-mobile .download-presets .preset-label {
  min-width: initial;
  padding: 0;
}
.download-dialog-mobile textarea.comments {
  width: 155px;
}
.download-dialog-mobile .download-crop-wrapper .inner {
  width: initial;
}
.download-dialog-mobile .download-buttons button {
  width: 80px;
  padding: 10px;
}
.download-dialog-mobile .download-buttons {
  padding-top: 10px;
}
.download-presets,
.login-destinations {
  border-bottom: 1px solid #ddd;
  padding: 0px 45px 10px 45px;
  position: relative;
  text-align: center;
}
.download-presets.cropping-enabled,
.download-presets.video-clipping-enabled {
  padding: 0;
  margin-top: -10px;
  padding-bottom: 10px;
}

.preset-label,
.login-destination-label {
  display: table-cell;
  vertical-align: middle;
  margin-right: 0;
  text-align: right;
  min-width: 150px;
  max-width: 150px;
  padding: 0 10px 0px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.download-presets .preset-label {
  white-space: initial;
  word-wrap: break-word;
}

.preset-input-field {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 15px;
  border-radius: 3px;
  border: 1px solid #ddd;
  width: 60px;
  height: 40px;
  color: #666;
}

.preset-input-field.preset-name,
.preset-input-field.preset-text-field,
.preset-input-field.preset-email {
  width: 155px;
}

.preset-input-field.preset-text-field {
  resize: none;
  height: 100px;
  padding: 15px;
  width: 300px;
}
.preset-select,
.login-destination-select {
  display: table-cell;
  padding: 0;
  width: 155px;
  vertical-align: middle;
  position: relative;
}

.preset-select select {
  display: none;
}

.login-destination-select select {
  max-width: 155px;
  min-width: 100px;
  margin: 0;
  background-color: transparent;
  color: #666666;
}

.preset-select.disabled-select {
  pointer-events: none;
  opacity: 0.35;
}

.preset-select.disabled-select:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #000;
  z-index: 100000;
  opacity: 0.1;
  border-radius: 3px;
}

.preset-item,
.login-destination-item {
  color: #888;
  font-weight: 700;
  clear: both;
  position: relative;
  display: table;
  border-spacing: 10px 3px;
  font-size: 14px;
}

.preset-item[name='custom-preset-save-options'] .checkbox input[type='checkbox'] {
  margin-left: -14px;
}
.core-download-dialog .download-presets > div.preset-item:first-child {
  margin: 0px 0 13px;
}

.preset-item.preset-section-header {
  width: 100%;
  margin: 20px 0;
}

.preset-section-text {
  font-size: 2rem;
  margin: 0;
}

.radio.preset-radio {
  display: table-cell;
}

.preset-item .checkbox label {
  padding: 0 5px;
  line-height: 20px;
  min-width: 150px;
}

.dialog_options .preset-item .checkbox label {
  z-index: -1;
}

.dialog_options .checkbox input[type='checkbox'],
.dialog_options .radio input[type='radio'] {
  z-index: 0;
}

.preset-item .checkbox label::before {
  width: 20px;
  height: 20px;
}

.preset-item .checkbox label::after {
  padding-left: 4px;
  padding-top: 1px;
}

/*.preset-item div.cs-select {
    margin-left:10px;
}
*/

.login-destination-group {
  margin-bottom: 40px;
}

.download-buttons {
  padding: 20px 0px 0;
  text-align: right;
}

.download-buttons button {
  margin: 0 0px 0 10px;
  padding: 15px 20px;
  width: 150px;
  border: none;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}

.downloadable-asset-group {
  margin-bottom: 50px;
}

.downloadable-asset-groups,
.more-info,
.tou {
  position: relative;
  padding: 25px 50px;
  overflow: hidden;
}
.download-options {
  position: relative;
  padding: 20px 50px;
  overflow: hidden;
}
.downloadable-forms-groups {
  position: relative;
}
.download-message .icon-font,
.download-message .download-message-span {
  display: inline-block;
  vertical-align: middle;
}

.download-message .download-message-span {
  font-size: 1.5rem;
}
.download-crop-wrapper {
  margin-left: -50px;
  margin-right: -50px;
  background: #f2f4f6;
  padding-top: 20px;
  height: 384px;
  padding-bottom: 4px;
  position: relative;
}
.download-crop-wrapper a.preview-link {
  display: none;
}
.download-crop-wrapper.collapsed a.preview-link {
  display: block;
  text-decoration: none;
  text-align: center;
  color: #777777;
  margin-top: -10px;
}
.download-crop-wrapper.cropping-enabled {
  background: #191919;
}
.download-crop-wrapper.cropping-enabled.collapsed {
  background: #f2f4f6;
}
.download-crop-wrapper.video-clipping-enabled {
  background: #191919;
}
.download-crop-wrapper.video-clipping-enabled.collapsed {
  background: #f2f4f6;
}
.download-crop-wrapper .inner {
  height: 340px;
  width: 550px;
  margin: 0 auto;
  text-align: center;
}
.download-crop-wrapper .inner.video-clip {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
}
.download-crop-wrapper .inner.video-clip video {
  display: block;
}
.download-crop-wrapper.collapsed {
  height: 40px;
}
.download-crop-wrapper.collapsed .inner {
  display: none;
}
.download-crop-wrapper .inner img {
  max-width: 100%;
  max-height: 100%;
}
.download-crop-wrapper .lnk-enable-crop {
  width: 30px;
  height: 30px;
  background: #10bcc7;
  right: 40px;
  top: 20px;
  display: block;
  position: absolute;
  display: none;
}
.download-crop-wrapper .inner:hover .lnk-enable-crop {
  display: block;
}
.download-crop-wrapper-bc.cropping-enabled .inner .lnk-enable-crop {
  display: none;
}
.download-crop-wrapper-bc.cropping-enabled .cropper-dimens-text {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 60px;
  white-space: nowrap;
  display: inline-block;
  position: relative;
  top: 4px;
}
.download-crop-wrapper .crop-actions {
  text-align: center;
  color: #ffffff;
  padding-top: 4px;
  font-size: 15px;
  display: none;
}
.download-crop-wrapper .crop-actions.displayed {
  display: block;
}
.download-crop-wrapper.collapsed .crop-actions.displayed {
  display: none;
}
.download-crop-wrapper .crop-actions a {
  color: #ffffff;
}
.download-crop-wrapper .crop-actions input[type='text'] {
  border-radius: 3px;
  display: inline-block;
  border: none;
  background: #353535;
  padding: 5px 10px;
  margin-left: 10px;
  margin-right: 10px;
  width: 60px;
  color: white;
  outline: none;
}
.download-crop-wrapper .crop-actions a.reset {
  padding: 5px 10px;
  border: 1px solid white;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 3px;
  margin-left: 20px;
  text-decoration: none;
}
.download-crop-wrapper .crop-actions .overlaytip {
  display: block;
  position: absolute;
  color: white;
  width: 300px;
  text-align: left;
  margin-top: -110px;
  margin-left: 140px;
  display: none;
}
.download-crop-wrapper .crop-actions .crop-input-wrap.disabled:hover .overlaytip {
  display: block;
}
.download-crop-wrapper .crop-actions .overlaytip#cropHeightSelectorTip {
  margin-left: 200px;
}
.download-crop-wrapper .crop-actions .overlaytip .in {
  background: rgba(0, 0, 0, 0.8);
  padding: 8px;
  font-size: 12px;
  border-radius: 3px;
}
.download-crop-wrapper .crop-actions .overlaytip .arr {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  width: 0;
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  margin-left: 60px;
}
.download-crop-wrapper .crop-actions .overlaytip#cropHeightSelectorTip .arr {
  margin-left: 190px;
}
.download-crop-wrapper .lock.disabled {
  cursor: default;
}
.download-crop-wrapper .lock.disabled:before {
  color: #777;
}

.download-metadata {
  float: left;
  color: #888;
  font-size: 14px;
  font-weight: 700;
}

.download-metadata input[type='checkbox'] {
  margin-left: 15px;
}

/* Video clipping related styles */
.download-crop-wrapper .lnk-enable-clip {
  width: 30px;
  height: 30px;
  background: #10bcc7;
  right: 24px;
  top: 20px;
  position: absolute;
  display: none;
}
.download-crop-wrapper .inner:hover .lnk-enable-clip {
  display: block;
}
.download-crop-wrapper.video-clipping-enabled .inner:hover .lnk-enable-clip {
  display: none;
}
.download-crop-wrapper .clip-actions {
  color: #ffffff;
  font-size: 15px;
  display: none;
  width: 400px;
  margin: 0 auto;
  position: relative;
}
.download-crop-wrapper .clip-actions.displayed {
  display: block;
  height: 240px;
}
.download-crop-wrapper.collapsed .clip-actions.displayed {
  display: none;
}
.download-crop-wrapper .clip-actions a {
  color: #ffffff;
}
.download-crop-wrapper .clip-actions input[type='text'] {
  border-radius: 3px;
  display: block;
  border: none;
  background: #353535;
  padding: 5px 10px;
  margin-left: 10px;
  margin-right: 10px;
  width: 80px;
  color: white;
  outline: none;
  float: right;
}
.download-crop-wrapper .clip-actions a.reset,
.download-crop-wrapper .clip-actions a.preview {
  padding: 5px 10px;
  border: 1px solid white;
  text-transform: uppercase;
  font-size: 12px;
  border-radius: 3px;
  text-decoration: none;
  display: block;
  float: right;
}
.download-crop-wrapper .clip-actions a.preview {
  float: left;
  padding-left: 24px;
  background: url(/cloud/images/arrow_right.png) 9px -51px no-repeat #555;
  background-size: 7px auto;
}
.download-crop-wrapper .clip-actions .overlaytip {
  display: block;
  position: absolute;
  color: white;
  width: 300px;
  text-align: left;
  margin-top: -110px;
  margin-left: 140px;
  display: none;
}
.download-crop-wrapper .clip-actions .crop-input-wrap.disabled:hover .overlaytip {
  display: block;
}
.download-crop-wrapper .clip-actions .overlaytip#cropHeightSelectorTip {
  margin-left: 200px;
}
.download-crop-wrapper .clip-actions .overlaytip .in {
  background: rgba(0, 0, 0, 0.8);
  padding: 8px;
  font-size: 12px;
  border-radius: 3px;
}
.download-crop-wrapper .clip-actions .overlaytip .arr {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  width: 0;
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  margin-left: 60px;
}
.download-crop-wrapper .clip-actions .overlaytip#cropHeightSelectorTip .arr {
  margin-left: 190px;
}
.download-crop-wrapper .video-preview {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 340px;
}
#gridContainer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 400px;
  height: 80px;
}
#rangeSquare {
  width: 398px;
  height: 80px;
  background: rgba(63, 115, 154, 0.7);
  border-left: 1px dashed white;
  border-right: 1px dashed white;
  cursor: move;
}
.download-crop-wrapper .videoscrollcontainer {
  height: 80px;
  width: 400px;
  margin-bottom: 10px;
  position: absolute;
  top: 240px;
}
.download-crop-wrapper .videoactionscontainer {
  top: 330px;
  position: absolute;
  width: 400px;
}
.download-crop-wrapper .imagepreviews {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.download-crop-wrapper .imagepreviews span {
  display: block;
  width: 100px;
  height: 80px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  float: left;
}
.mejs-overlay-play {
  margin-top: 45px;
}

.no-download {
  font-size: 2.2rem;
  display: inline-block;
  vertical-align: middle;
  color: #888;
}

.download-message .icon-font {
  margin-right: 10px;
}

.downloadable-asset-groups .download-thumbs,
.download-options .download-thumbs,
.more-info .download-thumbs,
.tou .download-thumbs {
  margin: 0;
  padding: 15px 10px 10px;
  position: relative;
  max-height: 100px;
  overflow: auto;
  z-index: 1;
}

.download-thumb.hide-assets {
  display: none !important;
}

.download-more {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.download-thumbs-wrapper {
  position: relative;
  margin: 15px 0 30px 0;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.download-thumbs-wrapper:before {
  content: '';
  background-color: #fff;
  border-color: #ddd;
  border-style: solid none none solid;
  border-width: 1px;
  display: inline-block;
  height: 20px;
  width: 20px;
  position: absolute;
  top: -16px;
  left: 34px;
  margin-top: 5px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.downloadable-asset-groups .download-thumb,
.download-options .download-thumb,
.more-info .download-thumb,
.tou .download-thumb {
  display: table-cell;
  padding: 4px;
  vertical-align: middle;
  text-align: center;
  width: 54px;
  height: 54px;
  position: relative;
}
.downloadable-asset-groups .download-thumb > img,
.download-options .download-thumb > img,
.more-info .download-thumb > img,
.tou .download-thumb > img {
  max-width: 100%;
  width: auto;
  max-height: 100%;
  height: auto;
  background: url('/bp/resources/images/transparent.png');
  border-radius: 0;
}

.downloadable-asset-groups .image-thumb,
.download-options .image-thumb,
.more-info .image-thumb,
.tou .image-thumb {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 5px;
}

.modal-download .modal-footer {
  border: none;
}

.message-action-items {
  display: inline-block;
  padding: 0;
  margin: 0;
  float: right;
}

.message-action-item {
  display: inline-block;
  margin-left: 10px;
  padding: 0 10px;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer;
}

.preset-desc {
  text-align: left;
  min-height: 46px;
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  min-width: 200px;
}

.preset-by {
  display: inline-block;
  padding: 0 10px;
  font-weight: 400;
  vertical-align: middle;
}

.preset-desc .preset-text {
  font-size: 1.2rem;
  font-weight: 400;
  margin: 0;
}

.preset-desc .edit-preset,
.preset-desc .delete-preset {
  font-size: 1.35rem;
  cursor: pointer;
  float: left;
  margin: 0;
}

.preset-input {
  display: table;
  position: relative;
  margin: 0 0 10px;
}

.development-icon {
  margin: 0;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(290deg);
  -moz-transform: translateX(-50%) rotate(290deg);
  transform: translateX(-50%) rotate(290deg);
  width: 250px;
  height: 250px;
  display: block;
}

/*Animate cogs*/
.large-cog,
.small-cog {
  stroke: #ccc;
  stroke-width: 1px;
  stroke-linejoin: round;
}
.small-cog {
}

.btn-primary.process-close {
  color: #fff;
  font-weight: 600;
  outline: none;
  position: relative;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0 0px 0 10px;
  padding: 15px 20px;
  width: 150px;
  border: none;
  text-transform: uppercase;
}

@-webkit-keyframes pop {
  0% {
    -webkit-transform: scale(0);
  }
  90% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spinback {
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@-moz-keyframes pop {
  0% {
    -moz-transform: scale(0);
  }
  90% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-moz-keyframes spinback {
  100% {
    -moz-transform: rotate(-360deg);
  }
}

@keyframes pop {
  0% {
    transform: scale(0);
  }
  90% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinback {
  100% {
    transform: rotate(-360deg);
  }
}

/*-----------------------------------------------------------------------*/

.search-tip {
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(100% + 5px);
  background: #fff;
  z-index: 2;
  box-shadow: 0px 0px 3px 1px #ccc;
  font-size: 1rem;
  padding: 10px;
  color: #777;
  display: none;
}

.search-modal-link {
  color: #10bcc7;
  cursor: pointer;
}

.search-tip-dialog {
  background: #fff;
  padding: 10px;
}

.modal.fade .modal-dialog.search-tip-dialog {
  top: 0;
}

.search-tip-content {
  overflow: auto;
  max-height: 400px;
}

.search-tip-header {
  text-align: center;
  padding: 20px;
}

.search-tip-header h4 {
  font-size: 3rem;
  margin: 0;
}

.search-tip-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.search-tip-item {
  padding: 20px 20px 40px;
  border-bottom: 1px solid #ccc;
}

.search-tip-list li:last-child {
  border: none;
}

.search-tip-close {
  text-transform: uppercase;
  border-radius: 3px;
  cursor: pointer;
  padding: 15px 20px;
  width: 150px;
  border: none;
}

.search-tip-footer {
  text-align: right;
  padding: 10px;
}

.example-span {
  display: inline-block;
  padding: 5px 10px 5px 0;
  color: #888;
  vertical-align: middle;
  font-weight: 600;
}

.example-span.example-item {
  border: 1px solid #ccc;
  padding: 8px 10px;
  margin-left: 15px;
  margin-bottom: 20px;
  background: #f5f5f5;
}

.example-label.example-span {
  text-transform: uppercase;
}

.tip-text {
  font-size: 1.25rem;
  color: #888;
  font-weight: 600;
  margin-bottom: 10px;
  line-height: 1.5;
}

.list-tip-header {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 20px;
}

/** migration banner **/

.bp-toggle-container {
  padding: 10px;
  background: #e6f5fd;
  text-align: center;
  font-weight: 600;
  color: #333;
  box-sizing: border-box;
}

.bp-toggle-container .btn {
  width: 88px;
  height: 31px;
  line-height: 1em;
  margin-right: 12px;
  text-transform: uppercase;
  padding: 0;
}
.toggle-text {
  margin: 0;
  display: inline-block;
  line-height: 2em;
}

.toggle-text a {
  margin: 0 10px;
  color: #4084a7;
  font-weight: 700;
}
.notice-message {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80%;
  margin-right: 5px;
}
.notice-message,
.noticeLangButtons {
  display: inline-block;
  padding: 3px 0;
}
.noticeLangButtons {
  float: right;
}
.noticeLangSettings {
  width: 100%;
  z-index: 1000;
}
.notice-fixed {
  position: fixed;
}
.noticeLangSettings a {
  color: #505050;
}
.buttonLink {
  display: inline-block;
  color: #fff !important;
  background: #505050;
  padding: 5px;
  border-radius: 3px;
  box-sizing: border-box;
  margin-right: 5px;
}
.buttonLink:hover {
  background-color: #aaa;
}
.noticeLangNo .icon-font_close {
  font-size: 16px;
  font-weight: bold;
}
/****************New Grid CSS**********************/
.download-content {
  background: #f2f4f6;
  min-height: calc(100% - 64px);
}

.material-grid {
  display: flex;
  flex-wrap: wrap;
  padding: 15px;
}

.material-grid-item {
  width: 220px;
  height: 280px;
  margin: 0 12px 12px 12px;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  padding: 10px;
  list-style: none;
  cursor: pointer;
  box-sizing: content-box;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  display: inline-block;
  position: relative;
  background: #fff;
}

.grid-content-wrapper {
  width: 220px;
  height: 280px;
}

.material-grid-item:hover {
  box-shadow: 0px 0px 14px 2px #aaa;
}

.asset-image {
  width: 100%;
  height: 80%;
  position: relative;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: #fff;
  overflow: hidden;
}

.asset-image-element {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  position: absolute;
  left: 0px;
  height: auto;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background: url('../images/transparent.png');
}

.material-filetype-wrapper {
  background: url(/cloud/images/mime_220px.png);
  position: relative;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
}

.material-filetype {
  background: #ccc;
  color: #fff;
  padding: 5px;
  position: absolute;
  width: 30%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  top: 0;
  bottom: 0;
  max-height: 39px;
  font-weight: 300;
  font-size: 2rem;
}

.asset-info {
  display: table;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 14px;
  background: #f9f9f9;
  line-height: 20px;
  padding: 8px;
}

.asset-name {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

.asset-size {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  color: #888;
  text-align: right;
}

.material-actions-nav {
  display: block;
  position: absolute;
  z-index: 1;
  width: 100%;
  top: 0;
  right: 0;
}

.material-grid-item .material-actions-nav .material-action-items {
  display: none;
}

.material-grid-item .material-actions-nav .material-action-items-sticky {
  background-color: transparent;
  color: #777;
  display: inline-block;
}

.material-grid-item:hover .material-actions-nav .material-action-items,
.material-grid-item:hover .material-actions-nav .material-action-items-sticky {
  background-color: #10bcc7;
  color: #fff;
  display: inline-block;
}

.material-actions {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
}

.material-action-items {
  background: #10bcc7;
  color: #fff;
  padding: 3px 5px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

.action-section {
  padding: 30px 30px 0;
}

.pickup-totalsize {
  color: #888;
  margin-left: 15px;
}

.pickup-numfiles {
  margin: 10px 0 25px;
}

.asset-downloaded-icon {
  color: #10bcc7;
  vertical-align: middle;
}

.pickup-btn {
  border: 0;
  background: #10bcc7;
  text-transform: uppercase;
  color: #fff;
  border-radius: 3px;
  padding: 10px 25px;
  margin-bottom: 10px;
  cursor: pointer;
}
.pickup-btn.disable {
  background: #777;
  cursor: default;
}

.status-label {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 2;
  text-transform: uppercase;
  padding: 3px 10px;
  border-radius: 3px;
  color: #fff;
}

.status-label.ready {
  display: none;
}

.status-label.approved {
  background: #96c942;
}

.status-label.pending {
  background: #229dda;
}

.status-label.rejected {
  background: #d0021b;
}

.status-label i {
  margin: 0 -5px 0 1px;
}

.status-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.5;
  display: block;
  top: 0;
  left: 0;
  z-index: 1;
}

/*@media screen and (min-width:900px) and (max-width: 1023px){*/
/*.material-grid-item {*/
/*width: calc(33.33333333333% - 30px);*/
/*}*/

/*}*/

/*@media screen and (min-width:600px) and (max-width: 899px){*/
/*.material-grid-item {*/
/*width: calc(50% - 30px);*/
/*}*/
/*.asset-info {*/
/*font-size:1.5rem;*/
/*}*/

/*}*/

/*@media screen and (max-width: 599px){*/
/*.material-grid-item {*/
/*width: 100%;*/
/*}*/
/*.asset-info {*/
/*font-size:1.5rem;*/
/*}*/

/*}*/

.top-header-logo-wrap.pickup {
  height: 100%;
  float: left;
  margin: 0 11px;
  position: relative;
  left: auto;
}

/*************** End *******************/

/*=============== Profile image css =============================*/
.return-pickup {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

.profile-image {
  height: 25px;
  width: 25px;
  border-radius: 100%;
}

/** Custom media queries **/

@media (min-width: 480px) {
  .top-header .hidden-mobile {
    display: inline;
  }
}

@media (min-width: 768px) {
}

@media (min-width: 921px) {
  .top-header {
    height: 100%;
  }

  .top-header-logo-wrap {
    height: 100%;
    float: left;
    margin: 0 11px;
    position: relative;
    left: auto;
  }

  .top-header-item.top-header-item-alt {
    padding: 0 10px;
  }

  .top-header-item {
    padding: 0px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: table;
    vertical-align: middle;
    height: 64px;
  }
  .nav-right .top-header-item {
    padding: 0px 11px;
  }

  .nav-right.top-header-item {
    padding: 0px 8px;
  }

  .top-header .menu-button {
    display: none;
  }

  .top-header .top-nav .nav-left > li > .toggle-min,
  .top-header .top-nav .nav-right > li > .toggle-min {
    display: block;
  }
}

@media (min-width: 992px) {
}

/*--------------------------------Publish Modal--------------------------*/
.publish-contents {
  padding: 20px;
}

.datetime-picker select {
  width: auto;
}

.publish-schedule {
  padding: 20px;
}
.publish-header {
  color: #777;
  font-size: 1.5rem;
}
.publish-list {
  margin-top: 20px;
}
.published-bp-name {
  font-size: 1.3rem;
  color: #777;
  font-weight: 500;
  display: inline-block;
}
.published-bp-name span {
  display: inline-block;
  vertical-align: middle;
}
.publish-action {
  display: inline-block;
  float: right;
  vertical-align: middle;
  line-height: 20px;
}
.publish-action li {
  display: inline-block;
  margin-right: 20px;
  color: #10bcc7;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
}
.publish-details {
  display: inline-block;
  margin: 5px 0px 0 20px;
}
.publish-user.avatar {
  width: 25px;
  height: 25px;
  background: #ccc;
  border-radius: 100%;
  display: inline-block;
  margin-right: 3px;
  vertical-align: middle;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('/bp/resources/images/default_profile.png');
}
.publish-icon,
.schedule-icon-calendar {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.8rem;
  color: #10bcc7;
}

.publish-icon {
  color: #505050;
}
.publish-detail-info {
  display: inline-block;
  vertical-align: middle;
}
.publish-user-name {
  font-weight: 600;
}
.publish-time {
  color: #777;
  margin-left: 24px;
}
.schedule-section {
  display: inline-block;
  vertical-align: top;
  width: 200px;
}
.schedule-folder-icon,
.schedule-asset-icon {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-right: 40px;
}

.bpoptions {
  margin-bottom: 10px;
  height: 40px;
}

.schedule-info {
  margin-top: 5px;
}

.schedule-wrapper {
  font-size: 1.3rem;
  color: #777;
  display: inline-block;
}

.schedule-icon {
  font-size: 2rem;
  vertical-align: middle;
  display: inline-block;
}

.schedule-text {
  vertical-align: middle;
  display: inline-block;
  font-weight: 500;
}

.schedule-change-wrapper {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.3rem;
  font-weight: 500;
  margin-left: 20px;
}

.schedule-change {
  text-decoration: none;
}

.schedule-buttons {
  position: relative;
  top: 20px;
  right: -50px;
  display: inline-block;
  float: right;
  width: 304px;
  text-align: right;
}
.schedule-button {
  border: none;
  padding: 16px 0;
  min-width: 120px;
  font-weight: 600;
  outline: 0 !important;
}

.schedule-section .checkbox {
  padding: 0;
}

.schedule-button:focus {
  outline: 0;
}

.publish-list-item {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
.publish-list li:last-child {
  border-color: transparent;
}
.modal-divider {
  border-top: 1px solid #ccc;
  margin: 20px -20px;
  display: none;
}
.item-header {
  margin-top: 10px;
}
.schedule-folder-icon,
.schedule-asset-icon {
  background: url('/cloud/images/folder_100px.png') no-repeat center;
  background-color: transparent;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.schedule-asset-icon {
  background: transparent;
  height: 75px;
}
.thumbnail-folder {
  height: 60px;
  width: 75px;
  background-repeat: no-repeat;
  background-position: center center;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 8px;
  bottom: 0;
  border-radius: 5px;
}

.thumbnail-asset {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.publish-modal {
  top: 50% !important;
  left: 50% !important;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.publish-complete {
  display: none;
  padding: 0 30px;
}

.complete-arrow {
  display: inline-block;
  vertical-align: middle;
  font-size: 3rem;
  color: #888;
  margin-left: 30px;
}

.complete-brandportal {
  display: inline-block;
  font-size: 2rem;
  vertical-align: middle;
  margin-left: 40px;
  color: #888;
}

.complete-message {
  padding: 15px;
  background: rgba(183, 205, 146, 0.62);
  color: #6a863a;
  position: relative;
  margin: -20px -50px 20px;
  font-size: 1.3rem;
  font-weight: 600;
}

.complete-buttons {
  display: block;
  right: 0;
  position: relative;
  margin: 20px 0;
  text-align: right;
}

.complete-again {
  display: none !important;
}

.bpoptions .cs-select .cs-options {
  max-height: 130px;
  overflow: auto;
}

.complete-again.show {
  display: inline-block !important;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 0;
  background: none;
  color: initial;
}
.ui-dialog-content {
  margin: 0;
}

.schedule-times {
  background: #f2f4f6;
  padding: 30px 10px;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-top: 20px;
  width: 360px;
  position: relative;
  left: 76px;
  -webkit-transform: translateX(-230px);
  -moz-transform: translateX(-230px);
  -ms-transform: translateX(-230px);
  transform: translateX(-230px);
}

.schedule-times:before {
  content: '';
  position: absolute;
  top: -9px;
  width: 15px;
  height: 15px;
  background: #f2f4f6;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 1px solid #ccc;
  border-bottom: none;
  border-right: none;
}

.schedule-times-item {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.schedule-times-item input {
  padding: 5px;
}

.schedule-ampm + label span {
  padding: 5px 15px;
  vertical-align: middle;
  display: inline-block;
  background: #ccc;
  border: 1px solid #ccc;
  color: #343434;
  border-radius: 2px;
}

.am-pm-group {
  display: inline-block;
  float: left;
}

.schedule-ampm {
  display: none;
}

.schedule-ampm:checked + label span {
  background: #fff;
  border-color: #ccc;
}

.schedule-times-item input {
  padding: 5px;
  border-radius: 2px;
  border: 1px solid #eee;
  color: #888;
  font-weight: 500;
  outline: 0;
}

.date-picker {
  width: 100px;
}

.schedule-ampm + label .am-span {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.schedule-ampm:disabled + label .am-span {
  background: #eee;
}

.schedule-ampm + label .pm-span {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.schedule-hour,
.schedule-min {
  width: 30px;
  border-right: none;
  text-align: right;
}

.input-group-addon.schedule {
  background: #fff;
  display: inline-block;
  padding: 0 9px;
  font-size: 1rem;
  vertical-align: middle;
  height: 25px;
  margin-left: -4px;
  margin-top: -3px;
  border: 1px solid #eee;
  border-left: none;
  text-align: center;
  color: #888;
}

.input-group-addon.schedule a {
  display: block;
  font-size: 1rem;
  color: #888;
  text-decoration: none;
}

.schedule-later {
  display: none;
}

.publish-contents .overlay_form_loading {
  position: absolute;
  z-index: 1000;
  width: 100%;
  left: 0;
  top: 0;
}

.confirmation-overlay,
.too-early-overlay {
  display: none;
  padding: 20px;
  font-size: 1.5rem;
}

.unpublish-text {
  margin-bottom: 10px;
}

.num-selected {
  position: relative;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.inactive-message,
.disable-overlay {
  display: none;
}

.disable-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
}

.publish-schedule.opacity {
  opacity: 0.5;
}

.inactive-message {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  z-index: 2001;
  background: rgba(185, 21, 21, 0.8);
  width: 100%;
  color: #fff;
}

/***************** Jquery Spinner ***********************/

.spinner.input-group .input-group-addon .spin-up,
.spinner.input-group .input-group-addon .spin-down {
  height: 10px;
  width: 10px;
  overflow: hidden;
  display: block;
  text-align: center;
  color: #999;
}
.spinner.input-group .input-group-addon .spin-up:hover,
.spinner.input-group .input-group-addon .spin-down:hover {
  color: #555;
}
.spinner.input-group .input-group-addon .spin-up .fa,
.spinner.input-group .input-group-addon .spin-down .fa {
  margin-top: -8px;
  vertical-align: middle;
}
.spinner.input-group .input-group-addon .spin-up .glyphicon,
.spinner.input-group .input-group-addon .spin-down .glyphicon {
  font-size: 10px;
  top: -2px;
}
.spinner.input-group .input-group-addon a.spin-up,
.spinner.input-group .input-group-addon a.spin-down {
  text-decoration: none;
}
.spinner.input-group .input-group-addon button.spin-up,
.spinner.input-group .input-group-addon button.spin-down {
  background: none;
  border: none;
  padding: 0;
}
.spinner.input-group.input-group-sm .input-group-addon .spin-up,
.spinner.input-group.input-group-sm .input-group-addon .spin-down {
  height: 8px;
}
.spinner.input-group.input-group-sm .input-group-addon .spin-up .fa,
.spinner.input-group.input-group-sm .input-group-addon .spin-down .fa {
  margin-top: -12px;
}
.spinner.input-group.input-group-sm .input-group-addon .spin-up .glyphicon,
.spinner.input-group.input-group-sm .input-group-addon .spin-down .glyphicon {
  font-size: 8px;
  top: -5px;
}
.spinner.input-group.input-group-lg .input-group-addon .spin-up,
.spinner.input-group.input-group-lg .input-group-addon .spin-down {
  height: 12px;
  width: 12px;
}
.spinner.input-group.input-group-lg .input-group-addon .spin-up .fa,
.spinner.input-group.input-group-lg .input-group-addon .spin-down .fa {
  margin-top: -16px;
}
.spinner.input-group.input-group-lg .input-group-addon .spin-up .glyphicon,
.spinner.input-group.input-group-lg .input-group-addon .spin-down .glyphicon {
  font-size: 12px;
  top: -6px;
}

/***************** Tabs CSS *****************************/
.webdam-tab-nav {
  padding: 0 10px;
  border-bottom: 1px solid #ddd;
}

.webdam-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  position: relative;
}

.webdam-tab {
  display: inline-block;
  padding: 15px 0px;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  text-align: center;
  margin: 0 30px;
  font-weight: 600;
  color: #777;
}

.webdam-tabs-versions .webdam-tab {
  margin: 0 10px;
}

.webdam-tab.active {
  border-color: #888;
  color: #343434;
  font-weight: 600;
}

/* Dynamic Template modal CSS */
.version-tab-nav {
  padding: 10px;
  overflow-y: auto;
  height: 100%;
}
.versions-tabs li {
  padding: 15px 10px 15px 10px;
  border-bottom: 1px solid #ddd;
}
.version-last-mod {
  padding: 10px 5px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.version-image {
  float: left;
  margin-right: 10px;
  max-width: 80px;
  background-color: #d7e4bc;
  height: 80px;
  display: block;
  position: relative;
  width: 80px;
  max-height: 80px;
}
.version-image img {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}
.versions-details {
  text-align: left;
  top: -5px;
  position: relative;
}
.versions-tabs .icon-font_edit {
  float: right;
}
.versions-title {
  font-size: 1.5rem;
  font-weight: 600;
}
.version-last-mod-date {
  font-weight: 400;
}
.versions-tabs .version-delete {
  top: 68px;
  right: 0;
  position: absolute;
}
.tab-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  top: 5px;
  position: relative;
}
.tab-name-comments {
  max-width: 90px;
}
.tab-name-versions {
  max-width: 75px;
}
.versions-tabs {
  margin-bottom: 72px;
}
.versions-tabs li.active {
  padding: 15px 10px 15px 10px;
  border-bottom: 1px solid #ddd;
  background-color: #beebff;
}
.downloadTemplateTypeSelect .cs-optgroup li {
  height: 25px;
}
.downloadTemplateTypeSelect .cs-select .cs-optgroup > span {
  padding: 10px 10px 0 10px;
}
.downloadTemplateTypeSelect .cs-optgroup ul {
  margin-bottom: 10px;
}
/******* Toggle Switch ********/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  top: -10px;
  margin-left: 4px;
}
/* Hide default HTML checkbox */
.switch input {
  display: none;
}
.switch.disabled .slider {
  opacity: 0.5;
}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 9px;
  background-color: #b3b3b3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 30px;
}

.slider:before {
  position: absolute;
  content: '';
  height: 18px;
  width: 18px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  top: -5px;
  background-color: #e2e2e2;
  left: -4px;
}

input:checked + .slider {
  background-color: #10bcc7;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  background-color: #0c8f98;
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
}
.publish-to-folders ul {
  text-align: left;
  padding: 10px 25px 20px 25px;
}
.publish-to-folders ul li:first-child {
  margin-bottom: 0;
}
.publish-to-folders ul li.publish-to-folders-info {
  margin-bottom: 20px;
}
.publish-to-folders ul li {
  padding: 5px;
  margin-bottom: 10px;
}
.publish-to-folders ul li span {
  top: -2px;
  position: relative;
}
/******* END Toggle Switch ********/

/* New dropdown style */
.dropdown-new .select2-container .select2-choice {
  height: 16px;
  border-radius: 0;
  background-image: none;
  padding: 5px 0 15px 10px;
  border: solid 1px #cccccc;
  box-shadow: none;
  width: calc(100% - 13px);
}
.dropdown-new .select2-container .select2-choice div {
  background: none;
  border: none;
}
.dropdown-new .select2-container .select2-choice div b {
  background: none !important;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  height: 0;
  width: 0;
  top: 18px;
  position: relative;
  color: #6f6f6f;
  left: -3px;
}
.dropdown-new .select2-container-multi .select2-choices {
  border: solid 1px #cccccc;
  padding: 0px 5px 0px 5px;
  background-image: none;
  min-height: 36px;
}
.dropdown-new .select2-container-multi .select2-choices .select2-search-field {
  height: 36px;
}
.dropdown-new .select2-container-multi .select2-choices .select2-search-choice {
  margin: 8px 0 3px 5px;
}
.dropdown-new .select2-dropdown-open .select2-choices {
  box-shadow: 0 0 9px #005ccd;
}
.dropdown-new .select2-container {
  width: 100%; /*!important*/
}

/* Google Fonts */
.admin-no-font .modal-content,
.admin-no-font figcaption p,
.webdam-bp-brand-guidlines-add-section,
.admin-no-font #WebDAMAssetPickerOverlay,
.admin-no-font .alert-overlay,
.admin-container .bg-content-element-save,
.admin-no-font .themes-code {
  font-family: 'Open Sans', sans-serif;
}

/* Font Admin Page*/
.font-example-text h1 {
  margin-bottom: 20px;
}

/* Dropdown for google fonts */
.themes-options-fonts {
  float: left;
  width: 50%;
}
.font-example-text {
  float: left;
  padding: 50px;
  width: 50%;
}
span.select2-hidden-accessible {
  display: none;
}
.font-dropdown .select2-input {
  height: 36px !important;
}
.font-dropdown .select2-search {
  padding: 10px 20px;
}
.font-dropdown .select2-search input {
  background: none;
  border-color: #cccccc;
  text-indent: 25px;
}
.font-dropdown .icon-font.icon-font_search {
  left: 25px;
  position: absolute;
  top: 18px; /*Half of parent (select2-search)*/
}
.font-dropdown.select2-drop {
  color: #6f6f6f;
  border-color: #e4e4e4;
  border-radius: 0px;
  border-top: 1px solid #e4e4e4;
  margin-top: 3px;
  max-height: 600px;
}
.font-dropdown.select2-drop .select2-results {
  border-top: 1px solid #e4e4e4;
  margin-top: 0px;
  min-height: 320px;
  padding: 7px 10px;
}
.font-dropdown-container.select2-container {
  display: inline-block;
  max-width: 320px;
  width: 50%;
  z-index: 50;
}
.font-dropdown-container.select2-container .select2-choice {
  background: none;
  border: none;
  color: #6f6f6f;
  height: 45px;
}
.font-dropdown-container.select2-container .select2-chosen {
  margin-right: 0;
}

/* Popover Custom */
.popover {
  display: block;
  max-width: 460px;
  border-radius: 0;
}
.popover-content {
  padding: 5px 5px 0 5px;
}
.popover-content img:not(.preview-loading) {
  max-width: 450px;
  max-height: 450px;
  background: url('../images/transparent.png');
}
/* END Popover Custom */

/* END dropdown styling */

#loginMain #editLoginBG,
.editGoogleSignin {
  position: absolute;
  top: 5px;
  right: 20px;
  white-space: nowrap;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 4px;
  background: url(/cloud/images/gradient.png) top left repeat-x;
  border: 1px solid #cccccc;
}
.editGoogleSignin {
  top: 40px;
}
#loginMain .or_line span {
  display: inline-block;
  color: #aaa;
  margin: 20px 0;
}
#loginMain .or_line span:before,
#loginMain .or_line span:after {
  border-top: 1px solid #ddd;
  display: block;
  height: 1px;
  content: ' ';
  width: 44%;
  position: absolute;
  left: 0;
  top: 50%;
}
#loginMain .or_line span:after {
  right: 0;
  left: auto;
}
.googleImg a {
  border-radius: 3px;
  padding: 14px 0px 12px 0;
  text-align: center;
  width: 100%;
  display: block;
  background: #f2f2f2 url(/images/btn_google_light_normal_ios@2x.png) no-repeat;
  color: #757575;
  background-size: 55px;
  text-decoration: none;
  font-size: 1.1em;
  border: #d9d9d9 2px solid !important;
  background-position: -5px -4px;
  cursor: pointer;
}
.googleImg a:link,
.googleImg a:visited,
.googleImg a:hover {
  text-decoration: none !important;
}

/**
* fancy tree overrides
*/
ul.fancytree-container {
  outline: none;
}

.btn-imagepanel {
  background: #10bcc7;
  border-color: #10bcc7;
}

.brandconnect-edit-bar {
  font-family: 'Open Sans', sans-serif;
}

.brandconnect-edit-bar .btn-primary,
.brandconnect-edit-bar .publish_btn {
  background: #10bcc7 !important;
}
/**
 * Override select2
 */
.select2-results .select2-highlighted {
  background: #F7F8F9 !important;
  color: #667A85 !important;
}
/**
 * Override jQuery Datepicker
 */
.ui-widget-header {
  background: #505050;
}

.search-microfrontend-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 768px) {
  .search-microfrontend-container {
    height: 50px;
  }
  .v2-SERP-OLD .flex-right-nav ul li:nth-child(4) {
    margin-left: 3px;
    margin-right: -5px;
    margin-top: -2px;
  }
  .v2-SERP-OLD .flex-right-nav ul li:nth-child(5), .v2-SERP-OLD .flex-right-nav ul li:nth-child(6) {
    display: none;
  }
}

#profile-menu-microfrontend {
  padding-left: 11px;
}

#search-microfrontend {
  height: 64px;
  flex: 3;
}
#search-microfrontend > div {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}
#search-microfrontend > div > div {
  justify-content: flex-end;
  flex: 1;
}

.asset_list .spell-suggest {
  margin-top: -44px;
  max-width: 500px;
}

.permission-top-row, .permission-bottom-row {
  position: sticky;
  background: #666;
}
.permission-top-row {
  top: -1px;
}
.permission-bottom-row {
  top: 33px;
}

#folderGroupPermissions table {
  border: none;
  border-collapse: separate;
}

#folderpermissionspanel {
  margin: -2px;
}

@media (max-width: 920px) {
  .add-new-brand-guidlines {
    display: none;
  }
}