/*!
 * Toastr
 * Version 2.0.1
 * Copyright 2012 John Papa and Hans Fjallemark.
 * All Rights Reserved.
 * Use, reproduction, distribution, and modification of this code is subject to the terms and
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjallemark
 * Project: https://github.com/CodeSeven/toastr
 */

.toast-title {
    font-weight: 700
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.toast-message a,
.toast-message label {
    color: #fff
}

.toast-message a:hover {
    color: #ccc;
    text-decoration: none
}

.toast-close-button {
    position: relative;
    right: -.3em;
    top: -.3em;
    float: right;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80)
}

.toast-close-button:focus,
.toast-close-button:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40)
}

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

.toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
}

.toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
}

.toast-top-left {
    top: 12px;
    left: 12px
}

.toast-top-center {
    top: 12px
}

.toast-top-right {
    top: 12px;
    right: 12px
}

.toast-bottom-right {
    right: 12px;
    bottom: 12px
}

.toast-bottom-center {
    bottom: 12px
}

.toast-bottom-left {
    bottom: 12px;
    left: 12px
}

.toast-center {
    top: 45%
}

#toast-container {
    position: fixed;
    z-index: 999999
}

#toast-container.toast-bottom-center,
#toast-container.toast-center,
#toast-container.toast-top-center {
    width: 100%;
    pointer-events: none
}

#toast-container.toast-bottom-center>div,
#toast-container.toast-center>div,
#toast-container.toast-top-center>div {
    margin: auto;
    pointer-events: auto
}

#toast-container.toast-bottom-center>button,
#toast-container.toast-center>button,
#toast-container.toast-top-cente>button {
    pointer-events: auto
}

#toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

#toast-container>div {
    margin: 0 0 6px;
    padding: 15px 15px 15px 50px;
    width: 300px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0 0 12px #999;
    -webkit-box-shadow: 0 0 12px #999;
    box-shadow: 0 0 12px #999;
    color: #fff;

}

#toast-container>:hover {
    -moz-box-shadow: 0 0 12px #000;
    -webkit-box-shadow: 0 0 12px #000;
    box-shadow: 0 0 12px #000;
    opacity: 1;
    -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important
}

#toast-container>.toast-wait {
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==)!important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important
}

#toast-container.toast-bottom-full-width>div,
#toast-container.toast-top-full-width>div {
    width: 96%;
    margin: auto
}

.toast {
    background-color: #030303
}

.toast-success {
    background-color: #0c92cf
}

.toast-error {
    background-color: #fc0058
}

.toast-info,
.toast-wait {
    background-color: #2f96b4
}

.toast-warning {
    background-color: #fc0058
}

@media all and (max-width:240px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 11em
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:241px) and (max-width:480px) {
    #toast-container>div {
        padding: 8px 8px 8px 50px;
        width: 18em
    }
    #toast-container .toast-close-button {
        right: -.2em;
        top: -.2em
    }
}

@media all and (min-width:481px) and (max-width:768px) {
    #toast-container>div {
        padding: 15px 15px 15px 50px;
        width: 25em
    }
}

:not(.no-enter)#toast-container>div.ng-enter,
:not(.no-leave)#toast-container>div.ng-leave {
    -webkit-transition: 1000ms cubic-bezier(.25, .25, .75, .75) all;
    -moz-transition: 1000ms cubic-bezier(.25, .25, .75, .75) all;
    -ms-transition: 1000ms cubic-bezier(.25, .25, .75, .75) all;
    -o-transition: 1000ms cubic-bezier(.25, .25, .75, .75) all;
    transition: 1000ms cubic-bezier(.25, .25, .75, .75) all
}

:not(.no-enter)#toast-container>div.ng-enter.ng-enter-active,
:not(.no-leave)#toast-container>div.ng-leave {
    opacity: 1
}

:not(.no-enter)#toast-container>div.ng-enter,
:not(.no-leave)#toast-container>div.ng-leave.ng-leave-active {
    opacity: 0
}

#ng-foobar {
  position: fixed;
  z-index: 1031;
  top: -200px;
  width: 100%;
  left: 0;
  font-size: 16px;
  text-align: center;
  -webkit-transition: top 650ms ease-in-out;
  -moz-transition: top 650ms ease-in-out;
  -o-transition: top 650ms ease-in-out;
  transition: top 650ms ease-in-out;
  cursor: pointer;
}

#ng-foobar .ng-foobar-message {
  padding: 15px;
  text-shadow: 0px 1px 2px white;
}

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.12.0 - 2015-05-28T07:44:11.364Z
 * License: MIT
 */.ui-select-highlight{font-weight:700}.ui-select-offscreen{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}.ng-dirty.ng-invalid>a.select2-choice{border-color:#D44950}.select2-result-single{padding-left:0}.select-locked>.ui-select-match-close,.select2-locked>.select2-search-choice-close{display:none}body>.select2-container.open{z-index:9999}.ui-select-container[theme=select2].direction-up .ui-select-match{border-radius:0 0 4px 4px}.ui-select-container[theme=select2].direction-up .ui-select-dropdown{border-radius:4px 4px 0 0;border-top-width:1px;border-top-style:solid;box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-4px}.ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search{margin-top:4px}.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match{border-bottom-color:#5897fb}.selectize-input.selectize-focus{border-color:#007FBB!important}.selectize-control>.selectize-dropdown,.selectize-control>.selectize-input>input{width:100%}.ng-dirty.ng-invalid>div.selectize-input{border-color:#D44950}.ui-select-container[theme=selectize].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-2px}.btn-default-focus{color:#333;background-color:#EBEBEB;border-color:#ADADAD;text-decoration:none;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.ui-select-bootstrap .ui-select-toggle{position:relative}.ui-select-bootstrap .ui-select-toggle>.caret{position:absolute;height:10px;top:50%;right:10px;margin-top:-2px}.input-group>.ui-select-bootstrap.dropdown{position:static}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control{border-radius:4px 0 0 4px}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control.direction-up{border-radius:4px 0 0 4px!important}.ui-select-bootstrap>.ui-select-match>.btn{text-align:left!important}.ui-select-bootstrap>.ui-select-match>.caret{position:absolute;top:45%;right:15px}.ui-select-bootstrap>.ui-select-choices{width:100%;height:auto;max-height:200px;overflow-x:hidden;margin-top:-1px}body>.ui-select-bootstrap.open{z-index:1000}.ui-select-multiple.ui-select-bootstrap{height:auto;padding:3px 3px 0}.ui-select-multiple.ui-select-bootstrap input.ui-select-search{background-color:transparent!important;border:none;outline:0;height:1.666666em;margin-bottom:3px}.ui-select-multiple.ui-select-bootstrap .ui-select-match .close{font-size:1.6em;line-height:.75}.ui-select-multiple.ui-select-bootstrap .ui-select-match-item{outline:0;margin:0 3px 3px 0}.ui-select-multiple .ui-select-match-item{position:relative}.ui-select-multiple .ui-select-match-item.dropping-before:before{content:"";position:absolute;top:0;right:100%;height:100%;margin-right:2px;border-left:1px solid #428bca}.ui-select-multiple .ui-select-match-item.dropping-after:after{content:"";position:absolute;top:0;left:100%;height:100%;margin-left:2px;border-right:1px solid #428bca}.ui-select-bootstrap .ui-select-choices-row>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.ui-select-bootstrap .ui-select-choices-row>a:focus,.ui-select-bootstrap .ui-select-choices-row>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.ui-select-bootstrap .ui-select-choices-row.active>a{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.ui-select-bootstrap .ui-select-choices-row.active.disabled>a,.ui-select-bootstrap .ui-select-choices-row.disabled>a{color:#777;cursor:not-allowed;background-color:#fff}.ui-select-match.ng-hide-add,.ui-select-search.ng-hide-add{display:none!important}.ui-select-bootstrap.ng-dirty.ng-invalid>button.btn.ui-select-match{border-color:#D44950}.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25)}
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }
  @media all and (max-width: 540px) {
    .sweet-alert {
      width: auto;
      margin-left: 0;
      margin-right: 0;
      left: 15px;
      right: 15px; } }
  .sweet-alert h2 {
    color: #575757;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 25px 0;
    padding: 0;
    line-height: 40px;
    display: block; }
  .sweet-alert p {
    color: #797979;
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    position: relative;
    text-align: inherit;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal; }
  .sweet-alert fieldset {
    border: none;
    position: relative; }
  .sweet-alert .sa-error-container {
    background-color: #f1f1f1;
    margin-left: -17px;
    margin-right: -17px;
    overflow: hidden;
    padding: 0 10px;
    max-height: 0;
    webkit-transition: padding 0.15s, max-height 0.15s;
    transition: padding 0.15s, max-height 0.15s; }
    .sweet-alert .sa-error-container.show {
      padding: 10px 0;
      max-height: 100px;
      webkit-transition: padding 0.2s, max-height 0.2s;
      transition: padding 0.25s, max-height 0.25s; }
    .sweet-alert .sa-error-container .icon {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      background-color: #ea7d7d;
      color: white;
      line-height: 24px;
      text-align: center;
      margin-right: 3px; }
    .sweet-alert .sa-error-container p {
      display: inline-block; }
  .sweet-alert .sa-input-error {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 20px;
    height: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.1s;
    transition: all 0.1s; }
    .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
      content: "";
      width: 20px;
      height: 6px;
      background-color: #f06e57;
      border-radius: 3px;
      position: absolute;
      top: 50%;
      margin-top: -4px;
      left: 50%;
      margin-left: -9px; }
    .sweet-alert .sa-input-error::before {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg); }
    .sweet-alert .sa-input-error::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
    .sweet-alert .sa-input-error.show {
      opacity: 1;
      -webkit-transform: scale(1);
      transform: scale(1); }
  .sweet-alert input {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 43px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s; }
    .sweet-alert input:focus {
      outline: none;
      box-shadow: 0px 0px 3px #c4e6f5;
      border: 1px solid #b4dbed; }
      .sweet-alert input:focus::-moz-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus:-ms-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
      .sweet-alert input:focus::-webkit-input-placeholder {
        transition: opacity 0.3s 0.03s ease;
        opacity: 0.5; }
    .sweet-alert input::-moz-placeholder {
      color: #bdbdbd; }
    .sweet-alert input:-ms-input-placeholder {
      color: #bdbdbd; }
    .sweet-alert input::-webkit-input-placeholder {
      color: #bdbdbd; }
  .sweet-alert.show-input input {
    display: block; }
  .sweet-alert button {
    background-color: #0c92cf;
    color: white;
    border: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 500;
    -webkit-border-radius: 4px;
    border-radius: 5px;
    padding: 10px 10px;
    margin: 26px 5px 0 5px;
    cursor: pointer; }
    .sweet-alert button:focus {
      outline: none;
      box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
    .sweet-alert button:hover {
      background-color: #a1d9f2; }
    .sweet-alert button:active {
      background-color: #81ccee; }
    .sweet-alert button.cancel {
      background-color: #D0D0D0; }
      .sweet-alert button.cancel:hover {
        background-color: #c8c8c8; }
      .sweet-alert button.cancel:active {
        background-color: #b6b6b6; }
      .sweet-alert button.cancel:focus {
        box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
    .sweet-alert button::-moz-focus-inner {
      border: 0; }
  .sweet-alert[data-has-cancel-button=false] button {
    box-shadow: none !important; }
  .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
    padding-bottom: 40px; }
  .sweet-alert .sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box; }
    .sweet-alert .sa-icon.sa-error {
      border-color: #F27474; }
      .sweet-alert .sa-icon.sa-error .sa-x-mark {
        position: relative;
        display: block; }
      .sweet-alert .sa-icon.sa-error .sa-line {
        position: absolute;
        height: 5px;
        width: 47px;
        background-color: #F27474;
        display: block;
        top: 37px;
        border-radius: 2px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 17px; }
        .sweet-alert .sa-icon.sa-error .sa-line.sa-right {
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 16px; }
    .sweet-alert .sa-icon.sa-warning {
      border-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-body {
        position: absolute;
        width: 5px;
        height: 47px;
        left: 50%;
        top: 10px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #F8BB86; }
      .sweet-alert .sa-icon.sa-warning .sa-dot {
        position: absolute;
        width: 7px;
        height: 7px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-left: -3px;
        left: 50%;
        bottom: 10px;
        background-color: #F8BB86; }
    .sweet-alert .sa-icon.sa-info {
      border-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::before {
        content: "";
        position: absolute;
        width: 5px;
        height: 29px;
        left: 50%;
        bottom: 17px;
        border-radius: 2px;
        margin-left: -2px;
        background-color: #C9DAE1; }
      .sweet-alert .sa-icon.sa-info::after {
        content: "";
        position: absolute;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        margin-left: -3px;
        top: 19px;
        background-color: #C9DAE1; }
    .sweet-alert .sa-icon.sa-success {
      border-color: #A5DC86; }
      .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
        content: '';
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        position: absolute;
        width: 60px;
        height: 120px;
        background: white;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
      .sweet-alert .sa-icon.sa-success::before {
        -webkit-border-radius: 120px 0 0 120px;
        border-radius: 120px 0 0 120px;
        top: -7px;
        left: -33px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 60px 60px;
        transform-origin: 60px 60px; }
      .sweet-alert .sa-icon.sa-success::after {
        -webkit-border-radius: 0 120px 120px 0;
        border-radius: 0 120px 120px 0;
        top: -11px;
        left: 30px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform-origin: 0px 60px;
        transform-origin: 0px 60px; }
      .sweet-alert .sa-icon.sa-success .sa-placeholder {
        width: 80px;
        height: 80px;
        border: 4px solid rgba(165, 220, 134, 0.2);
        -webkit-border-radius: 40px;
        border-radius: 40px;
        border-radius: 50%;
        box-sizing: content-box;
        position: absolute;
        left: -4px;
        top: -4px;
        z-index: 2; }
      .sweet-alert .sa-icon.sa-success .sa-fix {
        width: 5px;
        height: 90px;
        background-color: white;
        position: absolute;
        left: 28px;
        top: 8px;
        z-index: 1;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .sweet-alert .sa-icon.sa-success .sa-line {
        height: 5px;
        background-color: #A5DC86;
        display: block;
        border-radius: 2px;
        position: absolute;
        z-index: 2; }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
          width: 25px;
          left: 14px;
          top: 46px;
          -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }
        .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
          width: 47px;
          right: 8px;
          top: 38px;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .sweet-alert .sa-icon.sa-custom {
      background-size: contain;
      border-radius: 0;
      border: none;
      background-position: center center;
      background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }

@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }

@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }

@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }

.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }

@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }

@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }

.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }

.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }

.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

#loading-bar,#loading-bar-spinner{pointer-events:none;-webkit-pointer-events:none;-webkit-transition:350ms linear all;-moz-transition:350ms linear all;-o-transition:350ms linear all;transition:350ms linear all}#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active,#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active{opacity:0}#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave,#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave{opacity:1}#loading-bar .bar{-webkit-transition:width 350ms;-moz-transition:width 350ms;-o-transition:width 350ms;transition:width 350ms;background:#29d;position:fixed;z-index:10002;top:0;left:0;width:100%;height:2px;border-bottom-right-radius:1px;border-top-right-radius:1px}#loading-bar .peg{position:absolute;width:70px;right:0;top:0;height:2px;opacity:.45;-moz-box-shadow:#29d 1px 0 6px 1px;-ms-box-shadow:#29d 1px 0 6px 1px;-webkit-box-shadow:#29d 1px 0 6px 1px;box-shadow:#29d 1px 0 6px 1px;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%}#loading-bar-spinner{display:block;position:fixed;z-index:10002;top:10px;left:10px}#loading-bar-spinner .spinner-icon{width:14px;height:14px;border:2px solid transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:loading-bar-spinner 400ms linear infinite;-moz-animation:loading-bar-spinner 400ms linear infinite;-ms-animation:loading-bar-spinner 400ms linear infinite;-o-animation:loading-bar-spinner 400ms linear infinite;animation:loading-bar-spinner 400ms linear infinite}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading-bar-spinner{0%{-moz-transform:rotate(0);transform:rotate(0)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loading-bar-spinner{0%{-o-transform:rotate(0);transform:rotate(0)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes loading-bar-spinner{0%{-ms-transform:rotate(0);transform:rotate(0)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
/**
 * @license angular-bootstrap-datetimepicker  version: 0.3.13
 * Copyright 2013-2015 Knight Rider Consulting, Inc. http://www.knightrider.com
 * License: MIT
 */

.datetimepicker {
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    width: 220px;
    margin: 0 auto;
}

.datetimepicker.datetimepicker-rtl {
    direction: rtl;
}

.datetimepicker.datetimepicker-rtl table tr td span {
    float: right;
}

.datetimepicker-dropdown, .datetimepicker-dropdown-left {
    top: 0;
    left: 0;
}

.datetimepicker .table > thead > tr > th, .datetimepicker .table > tbody > tr > th, .datetimepicker .table > tfoot > tr > th {
    font-family: "Raleway","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 8px;
    text-transform: uppercase;
}

.datetimepicker .table > thead > tr > th, .table > tbody > tr > th, .datetimepicker .table > tfoot > tr > th, .datetimepicker .table > thead > tr > td, .datetimepicker .table > tbody > tr > td, .table > tfoot > tr > td {
  
    padding: 6px 6px !important;
}

[class*=" datetimepicker-dropdown"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}

[class*=" datetimepicker-dropdown"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
}

[class*=" datetimepicker-dropdown-top"]:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    border-bottom: 0;
}

[class*=" datetimepicker-dropdown-top"]:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    border-bottom: 0;
}

.datetimepicker-dropdown-bottom-left:before {
    top: -7px;
    right: 6px;
}

.datetimepicker-dropdown-bottom-left:after {
    top: -6px;
    right: 7px;
}

.datetimepicker-dropdown-bottom-right:before {
    top: -7px;
    left: 6px;
}

.datetimepicker-dropdown-bottom-right:after {
    top: -6px;
    left: 7px;
}

.datetimepicker-dropdown-top-left:before {
    bottom: -7px;
    right: 6px;
}

.datetimepicker-dropdown-top-left:after {
    bottom: -6px;
    right: 7px;
}

.datetimepicker-dropdown-top-right:before {
    bottom: -7px;
    left: 6px;
}

.datetimepicker-dropdown-top-right:after {
    bottom: -6px;
    left: 7px;
}

.datetimepicker > div {
    display: none;
}

.datetimepicker .hour,
.datetimepicker .minute {
    margin: 0;
    height: 34px;
    line-height: 34px;
    width: 25%;
}

.datetimepicker.minutes div.datetimepicker-minutes {
    display: block;
}

.datetimepicker.hours div.datetimepicker-hours {
    display: block;
}

.datetimepicker.days div.datetimepicker-days {
    display: block;
}

.datetimepicker.months div.datetimepicker-months {
    display: block;
}

.datetimepicker.years div.datetimepicker-years {
    display: block;
}

.datetimepicker table {
    margin: 0;
}

.datetimepicker .table td,
.datetimepicker .table th {
    text-align: center;
    width: 14.6%;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.datetimepicker .table-striped > tbody > tr:nth-child(odd) > td,
.datetimepicker .table-striped > tbody > tr:nth-child(odd) > td,
.datetimepicker .table-striped > tbody > tr:nth-child(odd) > td,
.datetimepicker .table-striped > tbody > tr:nth-child(odd) > th,
.datetimepicker .table-striped > tbody > tr:nth-child(odd) {
    background-color: transparent;
}

.datetimepicker table tr td.minute:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.hour:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datetimepicker table tr td.past,
.datetimepicker table tr td.future {
    color: #999999;
}

.datetimepicker table tr td.disabled,
.datetimepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td.today,
.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.datetimepicker table tr td.today:hover,
.datetimepicker table tr td.today:hover:hover,
.datetimepicker table tr td.today.disabled:hover,
.datetimepicker table tr td.today.disabled:hover:hover,
.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active,
.datetimepicker table tr td.today.disabled,
.datetimepicker table tr td.today:hover.disabled,
.datetimepicker table tr td.today.disabled.disabled,
.datetimepicker table tr td.today.disabled:hover.disabled,
.datetimepicker table tr td.today[disabled],
.datetimepicker table tr td.today:hover[disabled],
.datetimepicker table tr td.today.disabled[disabled],
.datetimepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datetimepicker table tr td.today:active,
.datetimepicker table tr td.today:hover:active,
.datetimepicker table tr td.today.disabled:active,
.datetimepicker table tr td.today.disabled:hover:active,
.datetimepicker table tr td.today.active,
.datetimepicker table tr td.today:hover.active,
.datetimepicker table tr td.today.disabled.active,
.datetimepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active:hover.disabled,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled:hover.disabled,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active:hover[disabled],
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datetimepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datetimepicker table tr td span:hover {
    background: #eeeeee;
}

.datetimepicker table tr td span.disabled,
.datetimepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datetimepicker table tr td span.active,
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datetimepicker table tr td span.past,
.datetimepicker table tr td span.future {
    color: #999999;
}

.datetimepicker thead tr:first-child th,
.datetimepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover {
    background: #eeeeee;
}

/*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
 */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}

.colorpicker-visible,.colorpicker-visible .dropdown-menu{display:block!important}colorpicker-saturation{display:block;width:100px;height:100px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAFJhJREFUeAGMU+/q4kAMzFYf4LgP96a+q4c+gSIqxf/r5maWDoTgz15gmM0kW5uMLa21v2b2G6jAG2iEzqUU6q5c/OlMuHtL/ULNd5TP6EJ1RP7NuXvKE397jmbg7MrzHI748T1UA3eopyGQV2qK1+vVHo/Hm1itVm0J7Q+afwGMmgeRphf7Noh6lCeuHJAvm/X8rAQNlw2VScoj6863OQjl2ZB3qkeu5Lh0RJ3qynuNjJA21FppQAHa8/l83263No5jOxwOttlsbL1e2xIXXpMZzzRsXoTw34bQgLiQbKh6M9SXDBSypn4XGOSkGUO1cJdn1Yh4/qYVgctmGSwXyARNcOSFRuBMHvA1GMzwy+Vix+PRdrvdYrvd2vl87oZYDCxBL9B/jEyopghzlNjL0DlB+gAoPNXyOfa3oA9puXonyVHzdH+g9MEISa5z0qUNkwkm6MJkxALg8mlMAxvNwBfhYLvf7w50vl6vBV9H2e/3BjYateQDY8gM5bmWovygdyEb87k/G5Zz9c/2zfEQFysO5nDJ6mMel91Z//pwFpygIWIaMXE3AoYssPBCI/B12DiONMT5VZxOJ0f+j/MyWo5chYGowfn/j03lNXBpl85Up8d46u6DChBMvKv2UePrrAsChtdLTi73oEBjFDYpmIp/KSgRhRw357sXuHLknRgI8d90F8QL761oI8iQeJqvUOGnAoEkgNblF13iiJASZCwhLkG+v7/Halvt5+enr7x+02lZOwKymJ7jMAXK32RxaXnNxfXzCOkCxTO2I3NiR0i9gAjQLLoVHkKG8pCi0UT4Q0h5xUFIlBJEYmg+1yg6TrUq+YfEWKK0lWsSS8+DkNvCWtvJXu0UbDyH/NYjoDHFybPd/cPeficiW5LvkVdBNY4UoIqOQMwPBXm9vUYIVCj3GkXCCo1tRS//uMhYoVG3q46HaBQtamESTs/+0o92hOTaBbqjBwpu8reCuzAP4rkXpQBzQwbhZxD7jNYEAS4CI2Rg4hLitPUor2hGh6j4hQ5FfWt8LQF+SwyJIpGUV05nu56VHqJhR8ybb+Q+/dnPYZYSigIICvY3xfYxCckz/qazprjDiFJ+5DWVwscaMpSDgkleI2uutaKk5kPFNTqO8pBDlBQZEqKvoJXp7+lxzx7Cuoqp2M7zlrm5JbH/9oZ/GLdzBGf9FNmmvPi+h2FXnm8L5WhdCMJNyr1D6yvKP1rFQYgSjWpteE0JMraEME8ykpzo/0/+wcg5yGHMooegQYIRyXU1i52tCSfn9oSQFH+Fe4jypxs3RHA+xNCcNUZ+BXRg7iu0lhgDAesisSfE6UA0iudz9sNHKChek5eBX9a+FwKkKQ+Nd6JljkLX6B4x2L8hhHOsVdhR4iHEEe1LeWJCSI2tCo9AU3OIKHGgbupv6NvyRciGgMzPPLP5LmhPdKTx8qgSWIXxVkZx8QJihmCvPP8nE6IRXniKT9GThhKF0QkZal3KQYcLgn+s8YwWJiNnLVL4mOz1b+4piM8/+YYb8xNlLoASXqC7c9DCOokhl4RAKgSkCNM9wklBOPL4BIJoblQggsb8Km9W/IlIJkKrPN4xEETPwtS3hczrp8//pxmzpoUIBfeSO8r8/OE59wgTIsnIb4yBj7Cft6pYI8Sbh5TBD749IANSlKPgJQQmrr0uUfjbCnlV/V9OCfLpDc9b0nw4x3bznAbWFAyfUeBLEIhA3uaCKifFyUBg8pg+Ro8nOCVOintKoy0xj5bFvhNCQMAfoUqgc8UwMRot8dWy/qPcDHQk5XkgOPD97//Gl/xC2kKlkhl2V4pMQmAON+22E+4XgIzMKYMSmp7S0ymTcpYEYM6eVjKlJV25HgYguZ6lD1hR4S4byoxRwMUQjm87MYVxrW19nCqbgTD4kSEde7FlxcF4tKDCPu41lBUKa7tjgGuHJuPCwpBPdcONuVTiMEMgbPpugJE0+GIRusL+yD9qGhrP05ClFHfOuppZeV4ZkgyJdJc3dkxh0+8YDBpbsyuxrXYzV4VfmJLFwxdAEq7azIj9Yw9AuUCjEL3I7pD1xgo0BPv5Y2U9MCBvegpGxq9/vK7BftOQssP3ueL+HfJwLkAqVLlgPH9CF7phgMoKj/X8EjiNCtGQHzFU9mM7gsR8W/5wkuZ9ZUKBcYuWdE3qU2YYqLIllfo5aog2m2haKnlsvP30YUHO+3f9Yu2GrNpW2rYV8id2bM/9KxBPc/QgZQT9AlotQRtgSls1pIDADvo+3hL0bXBU0yxqG4Fx2ZshdXSBaEjZYtIdh/uxQDOrpMV/Biatjj8nzRgq8p0Ud6w9fAwwe+9mSJPWUMWzPG+A21ZWG45nhoQp1RdaBZ1WYDteUQ4gffvH1jomTHlkxk9GTDi5AS0YAODxMoRjMiqsjq/MyqvFFJX9buv6+18Y8mwDyFRH7Dj+T1rBtYivRV1v9mHtiKhfD10QrRFdsxor9Z4bgChAtF22fLsv1sfsGL4B0grazi9DygpagZ0A2s2WBMBmLn0de15D11KG5WSAvh20rB92fEIVwk0jdV2qPdyWr4mYuw75NMua7FFtmZxbkN7qi4DSFgaqQjc75GwDwbgBMkMMAPfD6cR1wpl1o7GftDhMMSPaFmm05+Tv/HWW9aQXbMfiBAZ4cNLdnz6hyAyj7ki9oQYYqdYd4h405JRwXs4DhLKozKhzG65449eQ4i5nX2LKXYjCVDcWF58Y0uJvj2EpY2VN79NzjHlVF8E1M2JZxOzW62rIEhhlywoAMMhrS8dFBJhgMJx5aRxg/fv9rSW9WN7LeQxZPn4bo6ExYgppsWNkQIt2pOAU8DAK8Oh/yK7ECM8pCAboJDTRFNsJQ3ZkBdtFXgV+A5qAEasl4sk2WxjOzn9PY6sZ1ZxJD/p9FMwoc1pjLNhEbLd2eX2Kpv6Y+aSCn8OUxhqyGBOwS9fxUiwDPIXfZw2JeNs+hS2/2R6r2Lfv+S/ivt3PG7eHh3S/52EDDD0j5h9rStliJiQLc5/fW9wP0PNcfB77nmVpX6Js2WaOQwb9OrXLJ9UMz7UmuJaAQj7fjxi6V97wIGftsqVMwcGZN2ZTL30fr7IYkL4xpG/9Y9bV677pUYXfrHk5tzuvoS1aRPX9ScV+3+Mn1FU7YMR6GT8LEP38xs2OyzVZRjIz9mWrIV2lTYo6LLk3BKXGKCM47jycKCb4zb4GzBi0g3Ec0a9OsBVQQsp+YwTjo+Mr9C/MQluIJmIkYYvvzpL2RhuiKT1uttTrK+q74p8siUsR64/nlS3XedcfZgY6kfUsv/FOUZfOlwGTfjyPCxjrRDbCvMLr4vCc9kN26pBR7H8KuW0wHZrkYCzj2+z5WbPCoZM2rISeEwop48KRZdhiPtmYLXNSyZs91YAeH06dow/Vpg3o+W9a/hbgPI5jTnvdx5YxZUbrCY1V7De22qProHXrDL/9B8dlHIuM3QQqUxL7d/pLyyqrzKlV6/2O/F/GBXP6ochjYdiKvQ4saA1ddlTvY/bEkY9Wa1iLkEN2JVavOhxHRlvqMF/XAnEVOJgXy3fAhCgY0N8bC0Nnpl8Lw/bt2LnCnsENO6o5r7bMcn2hONzQswSK2WVbphBy2kcjGqqWNRJQfU6ALwFgHTlo41pWWaE+O4V2zuhYZ1jYinTnvVmcC0Oclck+MgTH1jZU9Ty/VWaUIS42JwFPpkiWyDiZafZDygiJTseTIrc/g5v1qYQ6kgVnT48A+bztNN774MD2U8kDphjxaP18nyGzZBGUh7Y9L1uGvIp6Mq3EePVl7Xxf2/pE9gWI2KTFX2J3xx8Z0jWvnv+VhaG6tr8vkccerdTfdvhaXzTlLUM8t6HNIa9a4DfuDYgCWEaUCQ5jBcz2YI43lgqsrRi21F+pRThPhW5NvqLDK0Nw5E7RV7DKjDreX69/ZVY14wGQ8+HN733OxHGci9MKTBlkMNCSMqJA/udFzgg5IWqXKW9pbwvDu9VxFIjREGtHAS1w7rs4bcXtpIEV1t7H9QdgfmPIGrTmKDAW+gmIFHxNaRl3iCKEvYcsjuPAgTEzQ5zO2SHY3q+FX98oqti8casANPRxL19nx34JWZ9XQJ4r+uOLpmwxZxGyZF8Bcb9lf+dUR0zZgjwCigMKmGltbXG/SzZmUzQlxzMzGCdcmVUDEH3OijXp7k5StNVSh7xnV6Nju98+MaTMaMjK+b7xCy2gD1vk+G54eVxM6PEzM2TLqjJk3IdR/4iG7RSF+y1klQk4jqGvb/h4n6TBQwHZ77GYE0alLzZOTOl1+ShiFvUyBYRJIvSC1PFPfYemMoW+EpWXtaznArCLitWSnX6BKnPOLkTWIT/3vB3SEFemqF+m0Bh7ZIoY13m7IfmhfyxNzsu90j/f65Bn5hSoMSHIvPE+nptWAKesbWRY6xJax/NG30AnvS4AAPkVEOuDmHBk3KJ+dsewIt41+3t8+kqRB85Sy82QAmZmpGrfGnfqejZrKlP8Rv+GIZ0nnWi/Ys74kWzs6Ly7INTfYvA4CshcGL6wpSJ8I1/GtLCs9ji0lQG+vgzBOkmInRh2a0Y1If0DYPmr5vTPwIv9hCWPXyBcjUGL+n+PhWEdL9Rhi390Wv2lxeHRjGZbYR0Os7DWgb0f15VVzPd5XVcgClAZ41se8uE/3efT7Eq7oQXk7xpSB3NcrfAYzGmFLUAL1MwYtabPjBeYXhcAAGolA3vSjJkZ88Zdx6+/pzrEaf35x9XeODgANYTlPox167cOfmJMAbnv4+1QGNA6pAwpg8qInhdAPa4GFTjrKQi5XSAsjrsf0qWSb3sjm+M4vQz5fNEaA1TGTMxo9vVu2wIATgWozlfavegXZJ7h/+3dYY7cOA7F8VQnu/e/5u4dtnqRwThD/KA/ywU0Jl9GQGCZkl0yHx9JSW4nGPRxKXuA8RzG/BygfJchBtujW5Ipzso9R5HGA998fC7MCMX2kYyrC+mrwd9z7+n5ZIMM9bODV8kYUjuEoeTPAyPemVxq0feB+cJ/xJYuKj3qFoL3r0khi4uHLEvLJwitTGlA4pz734whA7A+ElO05MEer2vLt9hPRgoQcVQmBUM6oNf7VxPlOXudyl7AYEI3Yk0z4TOYxXyEVDliCvOZp+NH8cmAEXNmevVk1p7fpr89MZyKP1l9xZIXzPmIdPmkkLlrqEL8bpbu8XUBJOTT+psdPAvPMV1LAnOlvgkIfyPoPsjxMxquUV2ncX/do65KmSvOriY70XSF2OecL0A7Yf08eYKMJeiHuFq7hE+A2V3WUGgE7sEKGHFjTuNKwAfp8HPGLRUA4N+GAv8QaOkqr91Yl9E+ActMDb059ktX92PIolQB+Hx9Ta9voeB8y/4A9mmCqjyzMvY5PhjHMchf7REHZNH15xSTIfafLss/R2hABEKmtPK5VwPszNms7xOwLB8VM5RrqZbprier+Ei/cncBZYzxQkCaIdv+uUvr9Mm3ViKmPIwBk0GAL7N0mRFjWh6z/+d0oRrAVGTMMSZwMwP9dOvW6077IcWUufB3cjnXUspxM2l+YvZwf2PHtFI+vEm/YMbhvGIJ/SI7Q4kyJGJVsk9mjIniD7Os27GEPjLiaLE323Nyimu85GXtMhM3kvs3F8BPsr+NISPNpR0WhKuaxvkSkIeu5PpW1rWqSrvnMqn+nvE4TxkymeA5zOnzcZnn34whtD281rb511sX+5mTPGVmrWWZP1vPd31Xix+gvMGcEwO9RycRvdFm7DH1TMB1VbqnQ1enDMYUWfNwtRelN1Nc32KVuIBA3qlxj6GMpZlhPYB4VIzyt4JhFyN+nXs/FH8vy5p7HlMZIjwyiGNGtCluDOrElNXKG+gEeAcw5j4HVygTbBf4qfTt/V7rP+YX5a7B+S1FFxFBvSeMs06/zfVk3f0Zf98gbJJge9WV6bKW9hP7vG8EeHcMUYxKOLkvY4D+WoDGMQO9TAt31oC2mysDAqhwaWBmf5iTACADEPZDZMJunYJG8NU9IburyOhztPgyjOt4igUE+3xW2SCYm7IFPQJ6z9SvclKKD6tchS0uyz4F/gocYDcjPLaRnTBIVzaex+Mp/pxiyXMAknvq5bZOR/vLBhX0oH8r/v6xx6d27x8FAgU3a2RixRCSooshjxUQPyV+zGooKD+PBUSwLmVfAWa09bOgZ9zQAwZMr/AcR1n10mWlHzaoNrv6WAogdazY9iXHUalOt+8FsJ8nt49rHYAMlxWAzBRYBWbATdkAVIujr22vLNd4Z+Z253pdh8quMQuMCp4NHUcA5PjWieDAjqByANJ1gRV0AcQ0yfioe6Rpldm2M6d/WuVHW7isUJ5lUV4yQ5mgC2y4SYGq/t5vjU8b4xmDynxo/TIi6iX7fgRk/ueQbrSMPY+rbrawAlfgFLA1nylSAHRbbjDj/n36ehk8ZBPome5eRZfV8w/lo+hK7Huso1TqgDkskvoat+L/X3QsGoDM2tHouKDcJmPWeT9kobMvXc+dwrkOhtJeK/Nm/XEXaCx01ssAWtc99rUOAJ6Uu/srhrQyWgn2g4K6GOvZL5TBwwSA742/x7ijZF3F7tfNUi7Lh5grvwbisoxwYReZamaf9VC8cWhVsAuV4Y5oYyaNcdAuoPa1TcPQZX3v/y16+N55kyFTGQIxNLcDpwIvFKe7cU7keHd2VMxrhR+Y+WXnx+xsrPbm4Mf+eTMn1mYGaFrjptDj/ZmkmjaXVWv19slxkTXJynCvnIdL8zdZOnn83A9ZFSTAB4VsSpGmyipunCjuGN9liwzZs8ddwQVEyzeyuGPYD7APuOS6o7aO9xWo/P3fbrnF8e5y2+7Lnamvyg8GKNeKog2m2NaW+SjwLCQhlr5/M6DamjnNlAbJLKtBaQZU226Ru2KbCe+Ph6Tk3THb/v5zaRQ7yz4M6usa1HywJU50n+7bgb4Z0sC2XIa8P56+JvvuWHTaa6kgbLn7ELvV9bU76A0+hpTKuh3PoryDwKvrflwx5F/1IMaK9wrK+h3ltf/+bb8d5d8/XdZ//txS/N9hxfdvGNg/ZQT1//4fih7V/hdi/qwAAAAASUVORK5CYII=);cursor:crosshair;float:left}colorpicker-saturation i{display:block;height:7px;width:7px;border:1px solid #000;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}colorpicker-saturation i::after{content:'';display:block;height:7px;width:7px;border:1px solid #fff;border-radius:5px}colorpicker-alpha,colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}colorpicker-alpha i,colorpicker-hue i{display:block;height:2px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker,colorpicker-alpha{display:none}colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=)}.colorpicker-color,colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=)}.colorpicker{top:0;left:0;z-index:9999}.colorpicker colorpicker-alpha,.colorpicker colorpicker-hue,.colorpicker colorpicker-saturation{position:relative}.colorpicker input{width:100px;font-size:11px;color:#000;background-color:#fff}.colorpicker.alpha{min-width:140px}.colorpicker.alpha colorpicker-alpha{display:block}.colorpicker.dropdown{position:absolute}.colorpicker.colorpicker-fixed-position{position:fixed}.colorpicker .dropdown-menu::after,.colorpicker .dropdown-menu::before{content:'';display:inline-block;position:absolute}.colorpicker .dropdown-menu::after{clear:both;border:6px solid transparent;top:-5px;left:7px}.colorpicker .dropdown-menu::before{border:7px solid transparent;top:-6px;left:6px}.colorpicker .dropdown-menu{position:static;top:0;left:0;min-width:129px;padding:4px;margin-top:0}.colorpicker-position-top .dropdown-menu::after{border-top:6px solid #fff;border-bottom:0;top:auto;bottom:-5px}.colorpicker-position-top .dropdown-menu::before{border-top:7px solid rgba(0,0,0,.2);border-bottom:0;top:auto;bottom:-6px}.colorpicker-position-right .dropdown-menu::after{border-right:6px solid #fff;border-left:0;top:11px;left:-5px}.colorpicker-position-right .dropdown-menu::before{border-right:7px solid rgba(0,0,0,.2);border-left:0;top:10px;left:-6px}.colorpicker-position-bottom .dropdown-menu::after{border-bottom:6px solid #fff;border-top:0}.colorpicker-position-bottom .dropdown-menu::before{border-bottom:7px solid rgba(0,0,0,.2);border-top:0}.colorpicker-position-left .dropdown-menu::after{border-left:6px solid #fff;border-right:0;top:11px;left:auto;right:-5px}.colorpicker-position-left .dropdown-menu::before{border-left:7px solid rgba(0,0,0,.2);border-right:0;top:10px;left:auto;right:-6px}colorpicker-preview{display:block;height:10px;margin:5px 0 3px;clear:both;background-position:0 100%}
[contenteditable] {
  box-sizing: border-box;
}
html body [contenteditable] * {
  color: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  font: inherit !important;
  text-decoration: inherit !important;
  background: inherit !important;
}
html body [contenteditable] div {
  display: block !important;
}
html body [contenteditable]:empty:before {
  content: attr(placeholder);
  color: #a9a9a9;
}
html body [contenteditable=false]:empty:before {
  visibility: hidden !important;
}

/* https://github.com/gr2m/bootstrap-expandable-input/issues/5 */
html body .ie-expandable-initialised[contenteditable]:focus:empty:before { position: absolute; white-space: nowrap; }
html body .ie-expandable-initialised[contenteditable]:focus:empty:after { content: '\00a0'; }

@media print {
  html body [contenteditable]:empty:before {
    visibility: hidden !important;
  }
}

html body [contenteditable].contenteditable-inline {
  display: inline-block;
}
html body [contenteditable].contenteditable-inline br {
  display: none !important;
}
/* fixes cursor being shown outside of the input when cursor is at the end */
html body [contenteditable].contenteditable-inline:after {
  content: ' ';
  font-size: 0;
  display: inline-block;
  width: 0;
  height: 0;
}

table[data-editable] input:not([type=checkbox]):not([type=radio]),
table[data-editable] textarea {
  border: 0;
  display: block;
  resize: none;
  font: inherit;
  padding: 0;
  margin: 0;
  outline: none;
  width: 100%;
  background: transparent;
}
table[data-editable] tbody td {
  cursor: text;
}
table[data-editable] tbody tr:last-child [data-remove] {
  visibility: hidden;
}

.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 6.5em;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}

/*!
 * FullCalendar v2.2.6 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */


.fc {
	direction: ltr;
	text-align: left;
}

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

body .fc { /* extra precedence to overcome jqui */
	font-size: 1em;
}


/* Colors
--------------------------------------------------------------------------------------------------*/

.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
	border-color: #ddd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed hr,
.fc-unthemed .fc-popover .fc-header {
	background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666;
}

.fc-unthemed .fc-today {
	background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
	background: #bce8f1;
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
	background: rgb(143, 223, 130);
	opacity: .3;
	filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
	/* will inherit .fc-bgevent's styles */
	background: #ccc;
}


/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/

.fc-icon {
	display: inline-block;
	font-size: 2em;
	line-height: .5em;
	height: .5em; /* will make the total height 1em */
	font-family: "Courier New", Courier, monospace;
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
}

.fc-icon-x:after {
	content: "\000D7";
}



/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/

.fc button {
	/* force height to include the border and padding */
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;

	/* dimensions */
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;

	/* text & cursor */
	font-size: 1em; /* normalize */
	white-space: nowrap;
	cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner { margin: 0; padding: 0; }
	
.fc-state-default { /* non-theme */
	border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* icons in buttons */

.fc button .fc-icon { /* non-theme */
	position: relative;
	top: .05em; /* seems to be a good adjustment across browsers */
	margin: 0 .1em;
}
	
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #333333;
	background-color: #e6e6e6;
}

.fc-state-hover {
	color: #333333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position 0.1s linear;
	   -moz-transition: background-position 0.1s linear;
	     -o-transition: background-position 0.1s linear;
	        transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
	background-color: #cccccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: 0.65;
	filter: alpha(opacity=65);
	box-shadow: none;
}


/* Buttons Groups
--------------------------------------------------------------------------------------------------*/

.fc-button-group {
	display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/

.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
	float: left;
	margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
	margin-left: 0;
}


/* Popover
--------------------------------------------------------------------------------------------------*/

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0,0,0,.15);
}

.fc-popover .fc-header {
	padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
	cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
	float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
	float: right;
}

/* unthemed */

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: 25px;
	margin-top: 4px;
}

/* jqui themed */

.fc-popover > .ui-widget-header + .ui-widget-content {
	border-top: 0; /* where they meet, let the header have the border */
}


/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/

.fc hr {
	height: 0;
	margin: 0;
	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
	border-style: solid;
	border-width: 1px 0;
}

.fc-clear {
	clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
	/* these element should always cling to top-left/right corners */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-bg {
	bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
	height: 100%; /* strech bg to bottom edge */
}


/* Tables
--------------------------------------------------------------------------------------------------*/

.fc table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em; /* normalize cross-browser */
}

.fc th {
	text-align: center;
}

.fc th,
.fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double; /* overcome neighboring borders */
}


/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/

.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
	/* no visible border by default. but make available if need be (scrollbar width compensation) */
	border-style: solid;
	border-width: 0;
}

.fc-row table {
	/* don't put left/right border on anything within a fake row.
	   the outer tbody will worry about this */
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;

	/* no bottom borders on rows */
	border-bottom: 0 hidden transparent; 
}

.fc-row:first-child table {
	border-top: 0 hidden transparent; /* no top border on first row */
}


/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/

.fc-row {
	position: relative;
}

.fc-row .fc-bg {
	/*z-index: 1;*/
}

/* highlighting cells & background event skeleton */

.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
	bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
	height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
	border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
	/*z-index: 2;*/

}

.fc-row .fc-highlight-skeleton {
	/*z-index: 3;*/
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/

.fc-row .fc-content-skeleton {
	position: relative;
	/*z-index: 4;*/
	padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
	/*z-index: 5;*/
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
	/* see-through to the background below */
	background: none; /* in case <td>s are globally styled */
	border-color: transparent;

	/* don't put a border between events and/or the day number */
	border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
.fc-row .fc-helper-skeleton tbody td {
	/* don't put a border between event cells */
	border-top: 0;
}


/* Scrolling Container
--------------------------------------------------------------------------------------------------*/

.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
	overflow-y: scroll;
	overflow-x: hidden;
}

.fc-scroller > * { /* we expect an immediate inner element */
	position: relative; /* re-scope all positions */
	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
}


/* Global Event Styles
--------------------------------------------------------------------------------------------------*/

.fc-event {
	position: relative; /* for resize handle and other inner positioning */
	display: block; /* make the <a> tag block */
	font-size: .85em;
	line-height: 1.3;
	border-radius: 3px;
	/*border: 1px solid #3a87ad;*/
	/* background-color: #fff; default BACKGROUND color */
	font-weight: normal; /* undo jqui's ui-widget-header bold */
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	/*color: #fff;*/
	text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed, /* causes a "warning" cursor. applied on body */
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
	cursor: not-allowed;
}


/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-day-grid-event {
	margin: 1px 2px 0; /* spacing between events and edges */
	padding: 0 1px;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */

.fc-ltr .fc-day-grid-event.fc-not-start,
.fc-rtl .fc-day-grid-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px; /* replace the border with padding */
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.fc-ltr .fc-day-grid-event.fc-not-end,
.fc-rtl .fc-day-grid-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px; /* replace the border with padding */
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.fc-day-grid-event > .fc-content { /* force events to be one-line tall */
	white-space: nowrap;
	overflow: hidden;
}

.fc-day-grid-event .fc-time {
	font-weight: bold;
}

/* resize handle (outside of fc-content, so can go outside of bounds) */

.fc-day-grid-event .fc-resizer {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 7px;
}

.fc-ltr .fc-day-grid-event .fc-resizer {
	right: -3px;
	cursor: e-resize;
}

.fc-rtl .fc-day-grid-event .fc-resizer {
	left: -3px;
	cursor: w-resize;
}


/* Event Limiting
--------------------------------------------------------------------------------------------------*/

/* "more" link that represents hidden events */

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none;
}

a.fc-more:hover {
	text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
	display: none;
}

/* popover that appears when "more" link is clicked */

.fc-day-grid .fc-row {
	/*z-index: 1;*/
	 /* make the "more" popover one higher than this */
}

.fc-more-popover {
/*	z-index: 2;*/
	width: 220px;
}

.fc-more-popover .fc-event-container {
	padding: 10px;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/

.fc-toolbar {
	text-align: center;
	margin-bottom: 1em;
}

.fc-toolbar .fc-left {
	float: left;
}

.fc-toolbar .fc-right {
	float: right;
}

.fc-toolbar .fc-center {
	display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
	float: left;
	margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
	margin-left: 0;
}
	
/* title text */

.fc-toolbar h2 {
	margin: 0;
}

/* button layering (for border precedence) */

.fc-toolbar button {
	position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
	z-index: 2;
}
	
.fc-toolbar .fc-state-down {
	z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
	z-index: 4;
}

.fc-toolbar button:focus {
	z-index: 5;
}


/* View Structure
--------------------------------------------------------------------------------------------------*/

/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
	-webkit-box-sizing: content-box;
	   -moz-box-sizing: content-box;
	        box-sizing: content-box;
}

.fc-view, /* scope positioning and z-index's for everything within the view */
.fc-view > table { /* so dragged elements can be above the view's main element */
	position: relative;
	z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/

/* day row structure */

.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
	/* we are sure there are no day numbers in these views, so... */
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view tbody .fc-row {
	min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

.fc-row.fc-rigid {
	overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

/* week and day number styling */

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
	padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
	text-align: center;
}

.fc-basic-view .fc-week-number span {
	/* work around the way we do column resizing and ensure a minimum width */
	display: inline-block;
	min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
	text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
	text-align: left;
}

.fc-day-number.fc-other-month {
	opacity: 0.3;
	filter: alpha(opacity=30); /* for IE */
	/* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}


/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/

.fc .fc-axis { /* .fc to overcome default cell styles */
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap;
}

.fc-ltr .fc-axis {
	text-align: right;
}

.fc-rtl .fc-axis {
	text-align: left;
}

.ui-widget td.fc-axis {
	font-weight: normal; /* overcome jqui theme making it bold */
}


/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/

.fc-time-grid-container, /* so scroll container's z-index is below all-day */
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
	position: relative;
	z-index: 1;
}

.fc-time-grid {
	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
	border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
	z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
	position: relative;
	z-index: 2;
}

.fc-time-grid .fc-bgevent-skeleton,
.fc-time-grid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.fc-time-grid .fc-bgevent-skeleton {
	z-index: 3;
}

.fc-time-grid .fc-highlight-skeleton {
	z-index: 4;
}

.fc-time-grid .fc-content-skeleton {
	z-index: 5;
}

.fc-time-grid .fc-helper-skeleton {
	z-index: 6;
}


/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/

.fc-slats td {
	height: 1.5em;
	border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-slats .fc-minor td {
	border-top-style: dotted;
}

.fc-slats .ui-widget-content { /* for jqui theme */
	background: none; /* see through to fc-bg */
}


/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0;
	/* top and bottom will be in by JS */
}


/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/

.fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
	position: relative;
}

.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
	margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
	margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
	/* background events always span full width */
	left: 0;
	right: 0;
}


/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/

.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
	/* replace space made by the top border with padding */
	border-top-width: 0;
	padding-top: 1px;

	/* remove top rounded corners */
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.fc-time-grid-event.fc-not-end {
	/* replace space made by the top border with padding */
	border-bottom-width: 0;
	padding-bottom: 1px;

	/* remove bottom rounded corners */
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.fc-time-grid-event {
	overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
	position: relative;
	z-index: 2; /* above the bg */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
	padding: 0 1px;
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap;
}

.fc-time-grid-event .fc-bg {
	z-index: 1;
	background: #fff;
	opacity: .25;
	filter: alpha(opacity=25); /* for IE */
}

/* short mode, where time and title are on the same line */

.fc-time-grid-event.fc-short .fc-content {
	/* don't wrap to second line (now that contents will be inline) */
	white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
	/* put the time and title on the same line */
	display: inline-block;
	vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em; /* make the title text the same size as the time */
	padding: 0; /* undo padding from above */
}

/* resizer */

.fc-time-grid-event .fc-resizer {
	position: absolute;
	z-index: 3; /* above content */
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize;
}

.fc-time-grid-event .fc-resizer:after {
	content: "=";
}

/**
* A stylesheet for use with Bootstrap 3.x
* @author: Dan Grossman http://www.dangrossman.info/
* @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
* @website: https://www.improvely.com/
*/

/* Container Appearance */

.daterangepicker {
  position: absolute;
  background: #fff;
  top: 100px;
  left: 20px;
  padding: 4px;
  margin-top: 1px;
  border-radius: 4px;
  width:278px;
}

.daterangepicker.opensleft:before {
  position: absolute;
  top: -7px;
  right: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensleft:after {
  position: absolute;
  top: -6px;
  right: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.openscenter:before {
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.openscenter:after {
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.opensright:before {
  position: absolute;
  top: -7px;
  left: 9px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.daterangepicker.opensright:after {
  position: absolute;
  top: -6px;
  left: 10px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  content: '';
}

.daterangepicker.dropup{
  margin-top: -5px;
}
.daterangepicker.dropup:before{
  top: initial;
  bottom:-7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after{
  top: initial;
  bottom:-6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3000;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}

.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}

.daterangepicker.show-calendar .calendar {
  display: block;
}

.daterangepicker .calendar.single .calendar-table {
  border: none;
}

/* Calendars */

.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}

.daterangepicker .calendar-table {
  border: 1px solid #ddd;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}

.daterangepicker table {
  width: 100%;
  margin: 0;
}

.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  color: #999;
  background: #fff;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #eee;
}

.daterangepicker td.in-range {
  background: #ebf4f8;
  border-radius: 0;
}

.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: #3071a9;
  color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}

.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}

.daterangepicker select.yearselect {
  width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}

.daterangepicker th.month {
  width: auto;
}

/* Text Input Above Each Calendar */

.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  display: block;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}

.daterangepicker .input-mini.active {
  border: 1px solid #357ebd;
}

.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 8px;
}

.daterangepicker .daterangepicker_input {
  position: relative;
}

/* Time Picker */

.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

/* Predefined Ranges */

.daterangepicker .ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}

.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.daterangepicker .ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  border-radius: 5px;
  cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker{
    width: auto;
  }

  .daterangepicker .ranges ul {
    width: 160px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .daterangepicker .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .daterangepicker .calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges,
  .daterangepicker.single .calendar{
    float:left;
  }

  .daterangepicker .calendar.right {
    margin-left: 0;
  }

  .daterangepicker .left .daterangepicker_input {
    padding-right: 12px;
  }

  .daterangepicker .calendar.left .calendar-table {
    padding-right: 12px;
  }

  .daterangepicker .ranges,
  .daterangepicker .calendar {
    float: left;
  }
}

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left;
  }
  .daterangepicker .calendar.left {
    clear: none;
  }
}

tags-input {
  display: block;
}
tags-input *, tags-input *:before, tags-input *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
tags-input .host {
  position: relative;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 100%;
}
tags-input .host:active {
  outline: none;
}

tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  padding: 1px;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: #fff;
  border: 1px solid darkgray;
  box-shadow: 1px 1px 1px 0 lightgray inset;
  height: 100%;
}
tags-input .tags.focused {
  outline: none;
  -webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
}
tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 26px;
  line-height: 25px;
  border: 1px solid #acacac;
  border-radius: 3px;
  background: -webkit-linear-gradient(top, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
  background: linear-gradient(to bottom, #f0f9ff 0%, #cbebff 47%, #a1dbff 100%);
}
tags-input .tags .tag-item.selected {
  background: -webkit-linear-gradient(top, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
  background: linear-gradient(to bottom, #febbbb 0%, #fe9090 45%, #ff5c5c 100%);
}
tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font: bold 16px Arial, sans-serif;
  color: #585858;
}
tags-input .tags .tag-item .remove-button:active {
  color: #ff0000;
}
tags-input .tags .input {
  border: 0;
  outline: none;
  margin: 2px;
  padding: 0;
  padding-left: 5px;
  float: left;
  height: 26px;
  font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}
tags-input .tags .input.invalid-tag {
  color: #ff0000;
}
tags-input .tags .input::-ms-clear {
  display: none;
}
tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}
tags-input[disabled] .host:focus {
  outline: none;
}
tags-input[disabled] .tags {
  background-color: #eee;
  cursor: default;
}
tags-input[disabled] .tags .tag-item {
  opacity: 0.65;
  background: -webkit-linear-gradient(top, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
  background: linear-gradient(to bottom, #f0f9ff 0%, rgba(203, 235, 255, 0.75) 47%, rgba(161, 219, 255, 0.62) 100%);
}
tags-input[disabled] .tags .tag-item .remove-button {
  cursor: default;
}
tags-input[disabled] .tags .tag-item .remove-button:active {
  color: #585858;
}
tags-input[disabled] .tags .input {
  background-color: #eee;
  cursor: default;
}

tags-input .autocomplete {
  margin-top: 5px;
  position: absolute;
  padding: 5px 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: 280px;
  overflow-y: auto;
  position: relative;
}
tags-input .autocomplete .suggestion-item {
  padding: 5px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}
tags-input .autocomplete .suggestion-item.selected {
  color: #fff;
  background-color: #0097cf;
}
tags-input .autocomplete .suggestion-item.selected em {
  color: #fff;
  background-color: #0097cf;
}
tags-input .autocomplete .suggestion-item em {
  font: normal bold 16px "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  background-color: #fff;
}

/*# sourceMappingURL=ng-tags-input.css.map */

.emojiPickerIconWrap {position:relative;float:right;display: block;}
.emojiPickerIcon {position:absolute; top:0; right:0; cursor:pointer;font-size: 16px; color: #0c92cf; }

.emojiPicker {display:none; position:absolute; outline:none; border:none; box-shadow:0 0 7px #555; border-top-left-radius:4px; border-top-right-radius:4px; font-family:Helvetica, Arial, sans-serif; }
.emojiPicker div.emoji {width:1.3em; height:1.3em; position:relative; display:inline-block;}
.emojiPicker span.emoji {width:1.7em; height:1.7em; display:inline-block; position:relative; overflow:hidden; text-indent:-9999px; vertical-align:middle;}
.emojiPicker .hidden {display:none;}

.emojiPicker nav {display:flex; position:relative; z-index:0; background-color:#eee; border-top-left-radius:4px; border-top-right-radius:4px; border-bottom:1px solid #ddd; padding-top: 4px;}
.emojiPicker nav div.tab {position:relative; flex-grow:1; top:1px; display:inline-block; margin:2% 0 0 0; padding:2% 2% 1% 2%; text-align:center; border:1px solid #eee; border-top-left-radius:4px; border-top-right-radius:4px; cursor:pointer;}
.emojiPicker nav div.tab:hover  {background-color:#ddd;}
.emojiPicker nav div.tab.active {background-color:#fff; box-shadow:0 0 3px #ccc; border:1px solid #ddd; border-bottom:none;}
.emojiPicker nav div.tab:first-of-type {margin-left:1%;}
.emojiPicker nav div.tab:last-of-type {margin-right:1%;}

.emojiPicker nav div.tab .emoji {width:1.1em; height:1.1em;}
.emojiPicker nav div.tab {font-size:14px;padding-top: 2px;}
.emojiPicker .sections {overflow:scroll; position:relative; background:#fff; z-index:10;}
.emojiPicker section {overflow:hidden; width:100%; padding-top:1%;}
.emojiPicker section h1 {clear:both; margin:0; padding:2%; color:#444; font-size:14px; text-transform:capitalize;}
.emojiPicker section em {float:left; display:inline-block; padding:2%; border-radius:4px; cursor:pointer;}
.emojiPicker section em:hover {background-color:#eee;}
.emojiPicker section em div {width:40px; margin:1%;}
.emojiPicker section em div:hover {cursor:pointer;}

.emojiPicker section .wrap {width:100%;}
.emojiPicker section.search .wrap {padding-top:1%;}
.emojiPicker section.search input {display:block; width:96%; height:28px; margin:2%; padding:1%; font-size:12px; border:1px solid #ddd; border-radius:4px;}

.emojiPicker .shortcode {height:40px; background:#eee; border-top:1px solid #ddd; vertical-align:middle;}
.emojiPicker .shortcode .info {display:none;}
.emojiPicker .shortcode .emoji {position:relative; top:4px; left:8px; width:1.9em; height:1.9em; margin-right:20px;}
.emojiPicker .shortcode em {position:relative; top:-5px; color:#444; font-size:12px; font-weight:900; font-style:normal;}
.emojiPicker .shortcode em.tabTitle {position:relative; top:10px; left:8px; font-size:14px;}
.emojiPicker .shortcode em.tabTitle .count {font-size:12px; font-weight:500;}
.emojiPicker .shortcode .random .tabTitle {color:#7d7d7d; font-size:12px;}
.emojiPicker .shortcode .eod {float:right; padding:8px 10px 0 0; max-width:200px;}
.emojiPicker .shortcode .eod .emoji {top:-10px; left:0; margin-right:10px;}
.emojiPicker .shortcode .eod .emojiName {max-width:70%; padding:5px 0 0 0; font-size:10px; font-weight:normal;}

@import url('https://fonts.googleapis.com/css?family=Roboto:100,200,300,400,500,600,700,800,900,200i,300i,400i,500i');
.highcharts-container {
  margin: 0 auto;
}
.labelUppercase {
  text-transform: uppercase;
}
.labelInfoUploadCustomLogoReport {
  margin-top: 5px;
  margin-bottom: 0px;
  line-height: 1.1;
}
.labelCapitalize {
  text-transform: capitalize;
}
.labelCheckDisabled {
  opacity: 0.5;
}
.buttonUploadCustomLogoReport {
  display: block ruby !important;
  width: 100%;
}
/*
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/* normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]:focus {
  outline: 0;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../assets/fonts/glyphicons-halflings-regular.eot');
  src: url('../assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../assets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
  .container_small {
    width: 970px;
    padding-right: 20px;
    margin-left: auto ;
    margin-right: auto ;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.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-right: 15px;
  padding-left: 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-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .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-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"],
  input[type="time"],
  input[type="datetime-local"],
  input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.333333px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.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;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 8px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width .6s ease;
  -o-transition: width .6s ease;
  transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title:focus {
  outline: 0 !important;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-title > a:focus,
.panel-title > small:focus,
.panel-title > .small:focus,
.panel-title > small > a:focus,
.panel-title > .small > a:focus {
  outline: 0;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  display: block;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
/* Stili per Firefox */
@-moz-document url-prefix() {
  .modal-dialog {
    scrollbar-width: none;
  }
}
/* Stili per Chrome */
@supports (-webkit-appearance:none) {
  .modal-dialog::-webkit-scrollbar {
    display: none;
  }
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.42857143px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.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: 0px 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;
  }
  .modal-lg800 {
    width: 800px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap.css.map */
html,
body {
  height: 100%;
}
body {
  font-family: "Roboto", "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #646464;
  background-color: #f5f5f5;
}
.no-focus *:focus {
  outline: 0 !important;
}
a {
  color: #21add1;
  -webkit-transition: color 0.12s ease-out;
  transition: color 0.12s ease-out;
}
a.link-effect {
  position: relative;
}
a.link-effect:before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #17768f;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.12s ease-out;
  transition: transform 0.12s ease-out;
}
a:hover,
a:focus {
  color: #17768f;
  text-decoration: none;
}
a:hover.link-effect:before,
a:focus.link-effect:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}
a:active {
  color: #21add1;
}
a.inactive {
  cursor: not-allowed;
}
a.inactive:focus {
  background-color: transparent !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  font-family: "Roboto", "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: 500;
  font-size: 85%;
  color: #777;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 400;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 20px;
}
h5,
.h5 {
  font-size: 16px;
}
h6,
.h6 {
  font-size: 14px;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: 400;
}
.page-heading {
  color: #545454;
  font-size: 28px;
}
.page-heading small {
  margin-top: 5px;
  display: block;
  color: #777;
  font-size: 16px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .page-heading small {
    margin-top: 0;
    display: inline;
    line-height: inherit;
  }
}
.content-heading {
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 15px;
  color: #8c8c8c;
  text-transform: uppercase;
}
.content-heading small {
  font-size: 13px;
  font-weight: normal;
  color: #999999;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .content-heading {
    margin-top: 25px;
  }
}
.font-w300 {
  font-weight: 300 !important;
}
.font-w400 {
  font-weight: 400 !important;
}
.font-w500 {
  font-weight: 500 !important;
}
.font-w600 {
  font-weight: 600 !important;
}
.font-w700 {
  font-weight: 700 !important;
}
.font-s12 {
  font-size: 12px !important;
}
.font-s13 {
  font-size: 13px !important;
}
.font-s36 {
  font-size: 36px !important;
}
.font-s48 {
  font-size: 48px !important;
}
.font-s64 {
  font-size: 64px !important;
}
.font-s96 {
  font-size: 96px !important;
}
.font-s128 {
  font-size: 128px !important;
}
p {
  line-height: 1.6;
}
p.nice-copy,
.nice-copy p {
  line-height: 1.8;
}
.text-muted {
  color: #999999;
}
a.text-muted:hover,
a.text-muted:active,
a.text-muted:focus,
button.text-muted:hover,
button.text-muted:active,
button.text-muted:focus {
  color: #999999;
  opacity: .75;
}
.text-primary {
  color: #21add1;
}
a.text-primary:hover,
a.text-primary:active,
a.text-primary:focus,
button.text-primary:hover,
button.text-primary:active,
button.text-primary:focus {
  color: #21add1;
  opacity: .75;
}
.text-primary-dark {
  color: #101b4a;
}
a.text-primary-dark:hover,
a.text-primary-dark:active,
a.text-primary-dark:focus,
button.text-primary-dark:hover,
button.text-primary-dark:active,
button.text-primary-dark:focus {
  color: #101b4a;
  opacity: .75;
}
.text-primary-darker {
  color: #101b4a;
}
a.text-primary-darker:hover,
a.text-primary-darker:active,
a.text-primary-darker:focus,
button.text-primary-darker:hover,
button.text-primary-darker:active,
button.text-primary-darker:focus {
  color: #101b4a;
  opacity: .75;
}
.text-primary-light {
  color: #5ac8e5;
}
a.text-primary-light:hover,
a.text-primary-light:active,
a.text-primary-light:focus,
button.text-primary-light:hover,
button.text-primary-light:active,
button.text-primary-light:focus {
  color: #5ac8e5;
  opacity: .75;
}
.text-primary-lighter {
  color: #93dbee;
}
a.text-primary-lighter:hover,
a.text-primary-lighter:active,
a.text-primary-lighter:focus,
button.text-primary-lighter:hover,
button.text-primary-lighter:active,
button.text-primary-lighter:focus {
  color: #93dbee;
  opacity: .75;
}
.text-success {
  color: #46c37b;
}
a.text-success:hover,
a.text-success:active,
a.text-success:focus,
button.text-success:hover,
button.text-success:active,
button.text-success:focus {
  color: #46c37b;
  opacity: .75;
}
.text-warning {
  color: #f3b760;
}
a.text-warning:hover,
a.text-warning:active,
a.text-warning:focus,
button.text-warning:hover,
button.text-warning:active,
button.text-warning:focus {
  color: #f3b760;
  opacity: .75;
}
.text-info {
  color: #70b9eb;
}
a.text-info:hover,
a.text-info:active,
a.text-info:focus,
button.text-info:hover,
button.text-info:active,
button.text-info:focus {
  color: #70b9eb;
  opacity: .75;
}
.text-danger {
  color: #fc0058;
}
a.text-danger:hover,
a.text-danger:active,
a.text-danger:focus,
button.text-danger:hover,
button.text-danger:active,
button.text-danger:focus {
  color: #fc0058;
  opacity: .75;
}
.text-success-light {
  color: #e0f5e9;
}
a.text-success-light:hover,
a.text-success-light:active,
a.text-success-light:focus,
button.text-success-light:hover,
button.text-success-light:active,
button.text-success-light:focus {
  color: #e0f5e9;
  opacity: .75;
}
.text-warning-light {
  color: #fdf3e5;
}
a.text-warning-light:hover,
a.text-warning-light:active,
a.text-warning-light:focus,
button.text-warning-light:hover,
button.text-warning-light:active,
button.text-warning-light:focus {
  color: #fdf3e5;
  opacity: .75;
}
.text-info-light {
  color: #edf6fd;
}
a.text-info-light:hover,
a.text-info-light:active,
a.text-info-light:focus,
button.text-info-light:hover,
button.text-info-light:active,
button.text-info-light:focus {
  color: #edf6fd;
  opacity: .75;
}
.text-danger-light {
  color: #f9eae8;
}
a.text-danger-light:hover,
a.text-danger-light:active,
a.text-danger-light:focus,
button.text-danger-light:hover,
button.text-danger-light:active,
button.text-danger-light:focus {
  color: #f9eae8;
  opacity: .75;
}
.text-white {
  color: #ffffff;
}
a.text-white:hover,
a.text-white:active,
a.text-white:focus,
button.text-white:hover,
button.text-white:active,
button.text-white:focus {
  color: #ffffff;
  opacity: .75;
}
.text-white-op {
  color: rgba(255, 255, 255, 0.85);
}
a.text-white-op:hover,
a.text-white-op:active,
a.text-white-op:focus,
button.text-white-op:hover,
button.text-white-op:active,
button.text-white-op:focus {
  color: rgba(255, 255, 255, 0.85);
  opacity: .75;
}
.text-black {
  color: #000000;
}
a.text-black:hover,
a.text-black:active,
a.text-black:focus,
button.text-black:hover,
button.text-black:active,
button.text-black:focus {
  color: #000000;
  opacity: .75;
}
.text-black-op {
  color: rgba(0, 0, 0, 0.5);
}
a.text-black-op:hover,
a.text-black-op:active,
a.text-black-op:focus,
button.text-black-op:hover,
button.text-black-op:active,
button.text-black-op:focus {
  color: rgba(0, 0, 0, 0.5);
  opacity: .75;
}
.text-gray {
  color: #c9c9c9;
}
a.text-gray:hover,
a.text-gray:active,
a.text-gray:focus,
button.text-gray:hover,
button.text-gray:active,
button.text-gray:focus {
  color: #c9c9c9;
  opacity: .75;
}
.text-gray-dark {
  color: #999999;
}
a.text-gray-dark:hover,
a.text-gray-dark:active,
a.text-gray-dark:focus,
button.text-gray-dark:hover,
button.text-gray-dark:active,
button.text-gray-dark:focus {
  color: #999999;
  opacity: .75;
}
.text-gray-darker {
  color: #393939;
}
a.text-gray-darker:hover,
a.text-gray-darker:active,
a.text-gray-darker:focus,
button.text-gray-darker:hover,
button.text-gray-darker:active,
button.text-gray-darker:focus {
  color: #393939;
  opacity: .75;
}
.text-gray-light {
  color: #f3f3f3;
}
a.text-gray-light:hover,
a.text-gray-light:active,
a.text-gray-light:focus,
button.text-gray-light:hover,
button.text-gray-light:active,
button.text-gray-light:focus {
  color: #f3f3f3;
  opacity: .75;
}
.text-gray-lighter {
  color: #f9f9f9;
}
a.text-gray-lighter:hover,
a.text-gray-lighter:active,
a.text-gray-lighter:focus,
button.text-gray-lighter:hover,
button.text-gray-lighter:active,
button.text-gray-lighter:focus {
  color: #f9f9f9;
  opacity: .75;
}
.bg-muted {
  background-color: #999999;
}
a.bg-muted:hover {
  background-color: #808080;
}
.bg-primary {
  background-color: #21add1;
}
a.bg-primary:hover {
  background-color: #1a89a5;
}
.bg-primary-op {
  background-color: rgba(33, 173, 209, 0.75);
}
a.bg-primary-op:hover {
  background-color: rgba(26, 137, 165, 0.75);
}
.bg-primary-dark {
  background-color: #101b4a;
}
a.bg-primary-dark:hover {
  background-color: #070c20;
}
.bg-primary-dark-op {
  background-color: rgba(16, 27, 74, 0.83);
}
a.bg-primary-dark-op:hover {
  background-color: rgba(7, 12, 32, 0.83);
}
.bg-primary-darker {
  background-color: #101b4a;
}
a.bg-primary-darker:hover {
  background-color: #070c20;
}
.bg-primary-light {
  background-color: #5ac8e5;
}
a.bg-primary-light:hover {
  background-color: #2ebade;
}
.bg-primary-lighter {
  background-color: #93dbee;
}
a.bg-primary-lighter:hover {
  background-color: #67cde7;
}
.bg-success {
  background-color: #46c37b;
}
a.bg-success:hover {
  background-color: #34a263;
}
.bg-warning {
  background-color: #f3b760;
}
a.bg-warning:hover {
  background-color: #efa231;
}
.bg-info {
  background-color: #70b9eb;
}
a.bg-info:hover {
  background-color: #43a3e5;
}
.bg-danger {
  background-color: #fc0058;
}
a.bg-danger:hover {
  background-color: #c90046;
}
.bg-success-light {
  background-color: #e0f5e9;
}
a.bg-success-light:hover {
  background-color: #b9e9ce;
}
.bg-warning-light {
  background-color: #fdf3e5;
}
a.bg-warning-light:hover {
  background-color: #f9ddb6;
}
.bg-info-light {
  background-color: #edf6fd;
}
a.bg-info-light:hover {
  background-color: #bfdff8;
}
.bg-danger-light {
  background-color: #f9eae8;
}
a.bg-danger-light:hover {
  background-color: #eec5c0;
}
.bg-white {
  background-color: #ffffff;
}
a.bg-white:hover {
  background-color: #e6e6e6;
}
.bg-white-op {
  background-color: rgba(255, 255, 255, 0.075);
}
.bg-black {
  background-color: #000000;
}
a.bg-black:hover {
  background-color: #000000;
}
.bg-black-op {
  background-color: rgba(0, 0, 0, 0.4);
}
.bg-gray {
  background-color: #c9c9c9;
}
a.bg-gray:hover {
  background-color: #b0b0b0;
}
.bg-gray-dark {
  background-color: #999999;
}
a.bg-gray-dark:hover {
  background-color: #808080;
}
.bg-gray-darker {
  background-color: #393939;
}
a.bg-gray-darker:hover {
  background-color: #202020;
}
.bg-gray-light {
  background-color: #f3f3f3;
}
a.bg-gray-light:hover {
  background-color: #dadada;
}
.bg-gray-lighter {
  background-color: #f9f9f9;
}
a.bg-gray-lighter:hover {
  background-color: #e0e0e0;
}
.btn {
  font-weight: 400;
  border-radius: 2px;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.btn:active,
.btn.active {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0px;
}
.btn:focus {
  outline: 0px !important;
}
.btn.btn-square {
  border-radius: 0;
}
.btn.btn-rounded {
  border-radius: 20px;
}
.btn.btn-minw {
  min-width: 110px;
}
.btn.btn-noborder {
  border: none !important;
}
.btn.btn-image {
  position: relative;
  padding-left: 40px;
}
.btn.btn-image > img {
  position: absolute;
  top: 3px;
  left: 3px;
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 3px;
}
.btn > i.pull-left {
  margin-top: 3px;
  margin-right: 5px;
}
.btn > i.pull-right {
  margin-top: 3px;
  margin-left: 5px;
}
.btn-paddingLg {
  padding: 8px 50px 8px 50px;
}
.btn-link,
.btn-link:hover,
.btn-link:focus {
  text-decoration: none;
}
.btn-default {
  color: #545454;
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #545454;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-color: #d1d1d1;
  border-color: #949494;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #545454;
}
.btn-primary {
  color: #ffffff;
  background-color: #21add1;
  border-color: #21add1;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #1b90ae;
  border-color: #19819c;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: #146b82;
  border-color: #125d70;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #21add1;
  border-color: #21add1;
}
.btn-primary .badge {
  color: #21add1;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #46c37b;
  border-color: #46c37b;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #37a967;
  border-color: #329a5e;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-color: #2a8350;
  border-color: #257346;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #46c37b;
  border-color: #46c37b;
}
.btn-success .badge {
  color: #46c37b;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #70b9eb;
  border-color: #70b9eb;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #4ca7e6;
  border-color: #3a9fe3;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-color: #1f92e0;
  border-color: #1d86ce;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #70b9eb;
  border-color: #70b9eb;
}
.btn-info .badge {
  color: #70b9eb;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f3b760;
  border-color: #f3b760;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #f0a63a;
  border-color: #ef9d27;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-color: #e68f11;
  border-color: #d38310;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f3b760;
  border-color: #f3b760;
}
.btn-warning .badge {
  color: #f3b760;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #fc0058;
  border-color: #fc0058;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d3004a;
  border-color: #bf0043;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-color: #a00038;
  border-color: #8c0031;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #fc0058;
  border-color: #fc0058;
}
.btn-danger .badge {
  color: #fc0058;
  background-color: #ffffff;
}
.btn-notes {
  display: block ruby;
  float: right;
  width: auto;
  background-color: #fffc66;
  padding: 0px 5px;
}
.btnNotes {
  width: auto;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
}
.btnNotes.firstNote {
  font-weight: 500;
  background: none;
}
.btnNotes.yellow {
  border: none;
  background-color: #fffc66;
}
.userNotes {
  text-transform: capitalize;
  font-weight: 500;
}
.timeNotes {
  font-size: 12px;
  color: #b1b1b1;
}
.viewTextNotes {
  margin-top: 10px;
  font-style: italic;
  font-size: 14px;
  line-height: 150%;
}
.separatorNotes {
  border-bottom: 1px solid #ddd;
  margin-top: 10px;
}
label {
  font-size: 13px;
}
.form-control {
  color: #646464;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.form-control::-moz-placeholder {
  color: #aaaaaa;
}
.form-control:-ms-input-placeholder {
  color: #aaaaaa;
}
.form-control::-webkit-input-placeholder {
  color: #aaaaaa;
}
.form-control:focus {
  border-color: #cccccc;
  background-color: #fcfcfc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
textarea.form-control {
  max-width: 100%;
}
input[type="text"].form-control,
input[type="password"].form-control,
input[type="email"].form-control,
textarea.form-control {
  -webkit-appearance: none;
}
.form-control.input-sm {
  border-radius: 3px;
}
.form-control.input-lg {
  font-size: 14px;
  border-radius: 3px;
}
.input-group-lg .form-control {
  font-size: 14px;
}
.form-group {
  margin-bottom: 20px;
}
.form-bordered .form-group {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #f3f3f3;
}
.form-bordered .form-group.form-actions {
  border-bottom: none;
}
.help-block {
  margin-top: 5px;
  margin-bottom: 0;
  font-style: italic;
  font-size: 13px;
  color: #a4a4a4;
}
.has-success > label,
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #46c37b;
}
.has-success .form-control {
  border-color: #46c37b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .form-control:focus {
  border-color: #34a263;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .input-group-addon {
  color: #46c37b;
  border-color: #46c37b;
  background-color: #ffffff;
}
.has-success .form-control-feedback {
  color: #46c37b;
}
.has-info > label,
.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .radio-inline,
.has-info .checkbox-inline,
.has-info.radio label,
.has-info.checkbox label,
.has-info.radio-inline label,
.has-info.checkbox-inline label {
  color: #70b9eb;
}
.has-info .form-control {
  border-color: #70b9eb;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-info .form-control:focus {
  border-color: #43a3e5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-info .input-group-addon {
  color: #70b9eb;
  border-color: #70b9eb;
  background-color: #ffffff;
}
.has-info .form-control-feedback {
  color: #70b9eb;
}
.has-warning > label,
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #f3b760;
}
.has-warning .form-control {
  border-color: #f3b760;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .form-control:focus {
  border-color: #efa231;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-warning .input-group-addon {
  color: #f3b760;
  border-color: #f3b760;
  background-color: #ffffff;
}
.has-warning .form-control-feedback {
  color: #f3b760;
}
.has-error > label,
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #fc0058;
}
.has-error .form-control {
  border-color: #fc0058;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .form-control:focus {
  border-color: #c90046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-error .input-group-addon {
  color: #fc0058;
  border-color: #fc0058;
  background-color: #ffffff;
}
.has-error .form-control-feedback {
  color: #fc0058;
}
.input-group-addon {
  color: #646464;
  background-color: #f9f9f9;
  border-color: #e6e6e6;
  border-radius: 3px;
}
.input-group-addon.input-sm,
.input-group-addon.input-lg {
  border-radius: 3px;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  border-radius: 3px;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.label-primary {
  background-color: #21add1;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #1a89a5;
}
.label-success {
  background-color: #46c37b;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #34a263;
}
.label-info {
  background-color: #70b9eb;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #43a3e5;
}
.label-warning {
  background-color: #f3b760;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #efa231;
}
.label-danger {
  background-color: #fc0058;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c90046;
}
.badge-primary {
  background-color: #21add1;
}
.badge-success {
  background-color: #46c37b;
}
.badge-info {
  background-color: #70b9eb;
}
.badge-warning {
  background-color: #f3b760;
}
.badge-danger {
  background-color: #fc0058;
}
.alert {
  padding-bottom: 10px;
  border-radius: 2px;
  border: none;
}
.alert p {
  margin-bottom: 5px !important;
}
.alert-success {
  background-color: #e0f5e9;
  color: #34a263;
  -webkit-box-shadow: 0 2px #cdefdb;
  box-shadow: 0 2px #cdefdb;
}
.alert-success hr {
  border-top-color: #cdefdb;
}
.alert-success .alert-link {
  color: #287b4b;
}
.alert-info {
  background-color: #edf6fd;
  color: #43a3e5;
  -webkit-box-shadow: 0 2px #d6ebfa;
  box-shadow: 0 2px #d6ebfa;
}
.alert-info hr {
  border-top-color: #d6ebfa;
}
.alert-info .alert-link {
  color: #1e8cd7;
}
.alert-warning {
  background-color: #fdf3e5;
  color: #efa231;
  -webkit-box-shadow: 0 2px #fbe8cd;
  box-shadow: 0 2px #fbe8cd;
}
.alert-warning hr {
  border-top-color: #fbe8cd;
}
.alert-warning .alert-link {
  color: #dc8911;
}
.alert-danger {
  background-color: #f9eae8;
  color: #c90046;
  -webkit-box-shadow: 0 2px #f4d8d4;
  box-shadow: 0 2px #f4d8d4;
}
.alert-danger hr {
  border-top-color: #f4d8d4;
}
.alert-danger .alert-link {
  color: #960034;
}
.progress {
  height: 24px;
  border-radius: 2px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress.progress-mini {
  height: 5px;
}
.progress.progress-mini .progress-bar {
  line-height: 5px;
}
.progress-bar {
  line-height: 24px;
  font-weight: 600;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.progress-bar-primary {
  background-color: #21add1;
}
.progress-bar-success {
  background-color: #46c37b;
}
.progress-bar-info {
  background-color: #70b9eb;
}
.progress-bar-warning {
  background-color: #f3b760;
}
.progress-bar-danger {
  background-color: #fc0058;
}
.nav-pills > li > a {
  font-weight: 400;
  color: #646464;
  border-radius: 3px;
}
.nav-pills > li > a:hover,
.nav-pills > li > a:focus {
  color: #646464;
  background-color: #f9f9f9;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #21add1;
}
.nav-pills > li.active > a > .badge {
  color: #21add1;
}
.pagination {
  border-radius: 0;
}
.pagination > li {
  display: block;
  float: left;
  margin: 0 0 5px 5px;
}
.pagination > li > a,
.pagination > li > span {
  display: block;
  float: none;
  margin: 0;
  padding-right: 8px;
  padding-left: 8px;
  color: #646464;
  font-weight: 500;
  border: none;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #21add1;
  background-color: transparent;
  -webkit-box-shadow: 0 2px #21add1;
  box-shadow: 0 2px #21add1;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #21add1;
  background-color: #f9f9f9;
  -webkit-box-shadow: 0 2px #21add1;
  box-shadow: 0 2px #21add1;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #c9c9c9;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.pager li > a,
.pager li > span {
  padding: 6px 14px;
  font-weight: 600;
  color: #646464;
  border: 1px solid #eee;
  border-radius: 3px;
}
.pager li > a:hover,
.pager li > a:focus {
  color: #21add1;
  background-color: #f9f9f9;
}
.pager li.disabled > span,
.pager li.disabled > span:hover,
.pager li.disabled > span:focus,
.pager li.disabled > a,
.pager li.disabled > a:hover,
.pager li.disabled > a:focus {
  color: #c9c9c9;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.list-group-item {
  padding: 10px 15px;
  border-color: #eee;
}
a.list-group-item {
  font-weight: 600;
  color: #646464;
}
a.list-group-item:hover,
a.list-group-item:focus {
  color: #21add1;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #21add1;
  border-color: #21add1;
}
.list-group-item.active > .badge {
  color: #21add1;
}
.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  color: #999999;
  background-color: transparent;
}
.breadcrumb > li + li:before {
  display: inline-block;
  padding: 0;
  font-family: "FontAwesome";
  color: rgba(0, 0, 0, 0.5);
  content: "\f105";
  width: 20px;
  text-align: center;
}
.tooltip-inner {
  padding: 6px 8px;
  background-color: #101b4a;
  border-radius: 0;
}
.tooltip {
  font-family: Roboto;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #101b4a;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #101b4a;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #101b4a;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #101b4a;
}
.popover {
  border-color: #ddd;
  border-radius: 2px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  font-family: Roboto;
}
.popover-title {
  padding: 10px 10px 1px;
  background-color: #fff;
  border-bottom: none;
  border-radius: 1px 1px 0 0;
}
.popover-content {
  padding: 10px;
  max-height: 405px;
  overflow-y: scroll;
}
.dropdown-menu {
  min-width: 180px;
  padding: 5px 0;
  border-color: #ddd;
  border-radius: 2px;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}
.dropdown-menu:focus {
  outline: none !important;
}
.dropdown-menu > li > a {
  padding: 7px 12px;
  font-weight: 400;
}
.dropdown-menu > li > a:hover {
  background-color: #f9f9f9;
}
.dropdown-menu > li > a:focus {
  outline: none !important;
}
.dropdown-menu > li > a i.pull-right,
.dropdown-menu > li > a .badge.pull-right {
  right: 0;
  margin-top: 3px;
  margin-left: 10px;
}
.dropdown-menu > li > a i.pull-left,
.dropdown-menu > li > a .badge.pull-left {
  left: 0;
  margin-top: 3px;
  margin-right: 10px;
}
.dropdown-menu > li > a .badge.pull-right {
  margin-top: 1px;
}
.dropdown-menu > li > a .badge.pull-left {
  margin-top: 1px;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #545454;
  background-color: #f0f0f0;
}
.dropdown-header {
  padding: 5px 12px 4px;
  font-weight: 600;
  color: #999999;
  text-transform: uppercase;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 12px 10px;
  border-top: 1px solid #f0f0f0;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  padding: 16px 10px 12px;
  font-family: "Roboto", "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
}
.table > thead > tr > th {
  border-bottom: 1px solid #ddd;
}
.table > tbody + tbody {
  border-top: 1px solid #ddd;
}
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 6px 8px;
}
.table-bordered {
  border: 1px solid #e9e9e9;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #f0f0f0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
  border-bottom-color: #e9e9e9;
}
.table-borderless {
  border: none;
}
.table-borderless > thead > tr > th,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > tbody > tr > td,
.table-borderless > tfoot > tr > td {
  border: none;
}
.table-borderless > thead > tr > th,
.table-borderless > thead > tr > td {
  border-bottom: 1px solid #ddd;
}
.table-vcenter > thead > tr > th,
.table-vcenter > tbody > tr > th,
.table-vcenter > tfoot > tr > th,
.table-vcenter > thead > tr > td,
.table-vcenter > tbody > tr > td,
.table-vcenter > tfoot > tr > td {
  vertical-align: middle;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table-header-bg > thead > tr > th,
.table-header-bg > thead > tr > td {
  color: #fff;
  background-color: #21add1;
  border-bottom-color: #21add1;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #ececec;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #e0f5e9;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #cdefdb;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #edf6fd;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #d6ebfa;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fdf3e5;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #fbe8cd;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f9eae8;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #f4d8d4;
}
.table-responsive {
  -webkit-overflow-scrolling: touch;
}
.js-table-checkable tbody tr,
.js-table-sections-header > tr {
  cursor: pointer;
}
.js-table-sections-header > tr > td:first-child > i {
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
}
.js-table-sections-header + tbody {
  display: none;
}
.js-table-sections-header.open > tr {
  background-color: #f9f9f9;
}
.js-table-sections-header.open > tr > td:first-child > i {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.js-table-sections-header.open + tbody {
  display: table-row-group;
}
.modal.fade .modal-dialog {
  -webkit-transition: all 0.12s ease-out;
  transition: all 0.12s ease-out;
}
.modal.fade .modal-dialog.modal-dialog-popin {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
.modal.fade .modal-dialog.modal-dialog-popout {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.modal.fade .modal-dialog.modal-dialog-slideup {
  -webkit-transform: translate(0, 10%);
  -ms-transform: translate(0, 10%);
  transform: translate(0, 10%);
}
.modal.fade .modal-dialog.modal-dialog-slideright {
  -webkit-transform: translate(-10%, 0);
  -ms-transform: translate(-10%, 0);
  transform: translate(-10%, 0);
}
.modal.fade .modal-dialog.modal-dialog-slideleft {
  -webkit-transform: translate(10%, 0);
  -ms-transform: translate(10%, 0);
  transform: translate(10%, 0);
}
.modal.fade .modal-dialog.modal-dialog-fromright {
  -webkit-transform: translateX(25%) rotate(10deg) scale(0.9);
  -ms-transform: translateX(25%) rotate(10deg) scale(0.9);
  transform: translateX(25%) rotate(10deg) scale(0.9);
}
.modal.fade .modal-dialog.modal-dialog-fromleft {
  -webkit-transform: translateX(-25%) rotate(-10deg) scale(0.9);
  -ms-transform: translateX(-25%) rotate(-10deg) scale(0.9);
  transform: translateX(-25%) rotate(-10deg) scale(0.9);
}
.modal.in .modal-dialog.modal-dialog-popin,
.modal.in .modal-dialog.modal-dialog-popout {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.modal.in .modal-dialog.modal-dialog-slideup,
.modal.in .modal-dialog.modal-dialog-slideright,
.modal.in .modal-dialog.modal-dialog-slideleft {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal.in .modal-dialog.modal-dialog-fromright,
.modal.in .modal-dialog.modal-dialog-fromleft {
  -webkit-transform: translateX(0) rotate(0) scale(1);
  -ms-transform: translateX(0) rotate(0) scale(1);
  transform: translateX(0) rotate(0) scale(1);
}
.modal-dialog.modal-dialog-top {
  margin-top: 0;
  padding: 0 !important;
}
.modal-dialog.modal-dialog-top .modal-content {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.modal-content {
  border: none;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.in {
  opacity: .25;
}
.modal-header {
  padding: 18px 20px;
  border-bottom-color: #eee;
}
.modal-body {
  padding: 20px;
}
.modal-footer {
  padding: 12px 20px;
  border-top-color: #eee;
}
.modal-title {
  font-weight: normal;
  font-size: 16px;
}
.fade.fade-up {
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transform: translateY(100px);
  -ms-transform: translateY(100px);
  transform: translateY(100px);
}
.fade.fade-up.in {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.fade.fade-right {
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}
.fade.fade-right.in {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.fade.fade-left {
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transform: translateX(100px);
  -ms-transform: translateX(100px);
  transform: translateX(100px);
}
.fade.fade-left.in {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.panel {
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-group .panel {
  border-radius: 3px;
}
.panel-group .panel + .panel {
  margin-top: 10px;
}
.panel-default {
  border-color: #f0f0f0;
}
.panel-default > .panel-heading {
  color: #646464;
  background-color: #f9f9f9;
  border-color: #f0f0f0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f0f0f0;
}
.panel-default > .panel-heading .badge {
  color: #f9f9f9;
  background-color: #646464;
}
.panel-default > .panel-heading a {
  font-weight: 400;
}
.panel-default > .panel-heading a:hover,
.panel-default > .panel-heading a:focus {
  color: #4a4a4a;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f0f0f0;
}
.panel-primary {
  border-color: #93dbee;
}
.panel-primary > .panel-heading {
  color: #21add1;
  background-color: #b2e5f3;
  border-color: #93dbee;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #93dbee;
}
.panel-primary > .panel-heading .badge {
  color: #b2e5f3;
  background-color: #21add1;
}
.panel-primary > .panel-heading a {
  font-weight: 400;
}
.panel-primary > .panel-heading a:hover,
.panel-primary > .panel-heading a:focus {
  color: #1a89a5;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #93dbee;
}
.panel-success {
  border-color: #cdefdb;
}
.panel-success > .panel-heading {
  color: #46c37b;
  background-color: #e0f5e9;
  border-color: #cdefdb;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #cdefdb;
}
.panel-success > .panel-heading .badge {
  color: #e0f5e9;
  background-color: #46c37b;
}
.panel-success > .panel-heading a {
  font-weight: 400;
}
.panel-success > .panel-heading a:hover,
.panel-success > .panel-heading a:focus {
  color: #34a263;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #cdefdb;
}
.panel-info {
  border-color: #d6ebfa;
}
.panel-info > .panel-heading {
  color: #70b9eb;
  background-color: #edf6fd;
  border-color: #d6ebfa;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6ebfa;
}
.panel-info > .panel-heading .badge {
  color: #edf6fd;
  background-color: #70b9eb;
}
.panel-info > .panel-heading a {
  font-weight: 400;
}
.panel-info > .panel-heading a:hover,
.panel-info > .panel-heading a:focus {
  color: #43a3e5;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6ebfa;
}
.panel-warning {
  border-color: #fbe8cd;
}
.panel-warning > .panel-heading {
  color: #f3b760;
  background-color: #fdf3e5;
  border-color: #fbe8cd;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fbe8cd;
}
.panel-warning > .panel-heading .badge {
  color: #fdf3e5;
  background-color: #f3b760;
}
.panel-warning > .panel-heading a {
  font-weight: 400;
}
.panel-warning > .panel-heading a:hover,
.panel-warning > .panel-heading a:focus {
  color: #efa231;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fbe8cd;
}
.panel-danger {
  border-color: #f4d8d4;
}
.panel-danger > .panel-heading {
  color: #fc0058;
  background-color: #f9eae8;
  border-color: #f4d8d4;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f4d8d4;
}
.panel-danger > .panel-heading .badge {
  color: #f9eae8;
  background-color: #fc0058;
}
.panel-danger > .panel-heading a {
  font-weight: 400;
}
.panel-danger > .panel-heading a:hover,
.panel-danger > .panel-heading a:focus {
  color: #c90046;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f4d8d4;
}
.img-responsive {
  width: 100%;
}
/* // Block
.block {
    .nav-tabs > li > a {
        font-weight: 500 !important;
    } 
}

.block-title {
    font-weight: 500 !important;
}

// Select
.ui-select-bootstrap {
    .ui-select-choices-row > a {
        font-weight: 300 !important;
    }
} */
@font-face {
  font-family: Simple-Line-Icons;
  src: url(../assets/fonts/Simple-Line-Icons.eot);
  src: url(../assets/fonts/Simple-Line-Icons.eot?#iefix) format('embedded-opentype'), url(../assets/fonts/Simple-Line-Icons.woff) format('woff'), url(../assets/fonts/Simple-Line-Icons.ttf) format('truetype'), url(../assets/fonts/Simple-Line-Icons.svg#Simple-Line-Icons) format('svg');
  font-weight: 400;
  font-style: normal;
}
.si {
  font-family: Simple-Line-Icons;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.btn .si {
  position: relative;
  bottom: -2px;
  display: inline-block;
}
.si-user-female:before {
  content: "\e000";
}
.si-user-follow:before {
  content: "\e002";
}
.si-user-following:before {
  content: "\e003";
}
.si-user-unfollow:before {
  content: "\e004";
}
.si-trophy:before {
  content: "\e006";
}
.si-screen-smartphone:before {
  content: "\e010";
}
.si-screen-desktop:before {
  content: "\e011";
}
.si-plane:before {
  content: "\e012";
}
.si-notebook:before {
  content: "\e013";
}
.si-moustache:before {
  content: "\e014";
}
.si-mouse:before {
  content: "\e015";
}
.si-magnet:before {
  content: "\e016";
}
.si-energy:before {
  content: "\e020";
}
.si-emoticon-smile:before {
  content: "\e021";
}
.si-disc:before {
  content: "\e022";
}
.si-cursor-move:before {
  content: "\e023";
}
.si-crop:before {
  content: "\e024";
}
.si-credit-card:before {
  content: "\e025";
}
.si-chemistry:before {
  content: "\e026";
}
.si-user:before {
  content: "\e005";
}
.si-speedometer:before {
  content: "\e007";
}
.si-social-youtube:before {
  content: "\e008";
}
.si-social-twitter:before {
  content: "\e009";
}
.si-social-tumblr:before {
  content: "\e00a";
}
.si-social-facebook:before {
  content: "\e00b";
}
.si-social-dropbox:before {
  content: "\e00c";
}
.si-social-dribbble:before {
  content: "\e00d";
}
.si-shield:before {
  content: "\e00e";
}
.si-screen-tablet:before {
  content: "\e00f";
}
.si-magic-wand:before {
  content: "\e017";
}
.si-hourglass:before {
  content: "\e018";
}
.si-graduation:before {
  content: "\e019";
}
.si-ghost:before {
  content: "\e01a";
}
.si-game-controller:before {
  content: "\e01b";
}
.si-fire:before {
  content: "\e01c";
}
.si-eyeglasses:before {
  content: "\e01d";
}
.si-envelope-open:before {
  content: "\e01e";
}
.si-envelope-letter:before {
  content: "\e01f";
}
.si-bell:before {
  content: "\e027";
}
.si-badge:before {
  content: "\e028";
}
.si-anchor:before {
  content: "\e029";
}
.si-wallet:before {
  content: "\e02a";
}
.si-vector:before {
  content: "\e02b";
}
.si-speech:before {
  content: "\e02c";
}
.si-puzzle:before {
  content: "\e02d";
}
.si-printer:before {
  content: "\e02e";
}
.si-present:before {
  content: "\e02f";
}
.si-playlist:before {
  content: "\e030";
}
.si-pin:before {
  content: "\e031";
}
.si-picture:before {
  content: "\e032";
}
.si-map:before {
  content: "\e033";
}
.si-layers:before {
  content: "\e034";
}
.si-handbag:before {
  content: "\e035";
}
.si-globe-alt:before {
  content: "\e036";
}
.si-globe:before {
  content: "\e037";
}
.si-frame:before {
  content: "\e038";
}
.si-folder-alt:before {
  content: "\e039";
}
.si-film:before {
  content: "\e03a";
}
.si-feed:before {
  content: "\e03b";
}
.si-earphones-alt:before {
  content: "\e03c";
}
.si-earphones:before {
  content: "\e03d";
}
.si-drop:before {
  content: "\e03e";
}
.si-drawer:before {
  content: "\e03f";
}
.si-docs:before {
  content: "\e040";
}
.si-directions:before {
  content: "\e041";
}
.si-direction:before {
  content: "\e042";
}
.si-diamond:before {
  content: "\e043";
}
.si-cup:before {
  content: "\e044";
}
.si-compass:before {
  content: "\e045";
}
.si-call-out:before {
  content: "\e046";
}
.si-call-in:before {
  content: "\e047";
}
.si-call-end:before {
  content: "\e048";
}
.si-calculator:before {
  content: "\e049";
}
.si-bubbles:before {
  content: "\e04a";
}
.si-briefcase:before {
  content: "\e04b";
}
.si-book-open:before {
  content: "\e04c";
}
.si-basket-loaded:before {
  content: "\e04d";
}
.si-basket:before {
  content: "\e04e";
}
.si-bag:before {
  content: "\e04f";
}
.si-action-undo:before {
  content: "\e050";
}
.si-action-redo:before {
  content: "\e051";
}
.si-wrench:before {
  content: "\e052";
}
.si-umbrella:before {
  content: "\e053";
}
.si-trash:before {
  content: "\e054";
}
.si-tag:before {
  content: "\e055";
}
.si-support:before {
  content: "\e056";
}
.si-size-fullscreen:before {
  content: "\e057";
}
.si-size-actual:before {
  content: "\e058";
}
.si-shuffle:before {
  content: "\e059";
}
.si-share-alt:before {
  content: "\e05a";
}
.si-share:before {
  content: "\e05b";
}
.si-rocket:before {
  content: "\e05c";
}
.si-question:before {
  content: "\e05d";
}
.si-pie-chart:before {
  content: "\e05e";
}
.si-pencil:before {
  content: "\e05f";
}
.si-note:before {
  content: "\e060";
}
.si-music-tone-alt:before {
  content: "\e061";
}
.si-music-tone:before {
  content: "\e062";
}
.si-microphone:before {
  content: "\e063";
}
.si-loop:before {
  content: "\e064";
}
.si-logout:before {
  content: "\e065";
}
.si-login:before {
  content: "\e066";
}
.si-list:before {
  content: "\e067";
}
.si-like:before {
  content: "\e068";
}
.si-home:before {
  content: "\e069";
}
.si-grid:before {
  content: "\e06a";
}
.si-graph:before {
  content: "\e06b";
}
.si-equalizer:before {
  content: "\e06c";
}
.si-dislike:before {
  content: "\e06d";
}
.si-cursor:before {
  content: "\e06e";
}
.si-control-start:before {
  content: "\e06f";
}
.si-control-rewind:before {
  content: "\e070";
}
.si-control-play:before {
  content: "\e071";
}
.si-control-pause:before {
  content: "\e072";
}
.si-control-forward:before {
  content: "\e073";
}
.si-control-end:before {
  content: "\e074";
}
.si-calendar:before {
  content: "\e075";
}
.si-bulb:before {
  content: "\e076";
}
.si-bar-chart:before {
  content: "\e077";
}
.si-arrow-up:before {
  content: "\e078";
}
.si-arrow-right:before {
  content: "\e079";
}
.si-arrow-left:before {
  content: "\e07a";
}
.si-arrow-down:before {
  content: "\e07b";
}
.si-ban:before {
  content: "\e07c";
}
.si-bubble:before {
  content: "\e07d";
}
.si-camcorder:before {
  content: "\e07e";
}
.si-camera:before {
  content: "\e07f";
}
.si-check:before {
  content: "\e080";
}
.si-clock:before {
  content: "\e081";
}
.si-close:before {
  content: "\e082";
}
.si-cloud-download:before {
  content: "\e083";
}
.si-cloud-upload:before {
  content: "\e084";
}
.si-doc:before {
  content: "\e085";
}
.si-envelope:before {
  content: "\e086";
}
.si-eye:before {
  content: "\e087";
}
.si-flag:before {
  content: "\e088";
}
.si-folder:before {
  content: "\e089";
}
.si-heart:before {
  content: "\e08a";
}
.si-info:before {
  content: "\e08b";
}
.si-key:before {
  content: "\e08c";
}
.si-link:before {
  content: "\e08d";
}
.si-lock:before {
  content: "\e08e";
}
.si-lock-open:before {
  content: "\e08f";
}
.si-magnifier:before {
  content: "\e090";
}
.si-magnifier-add:before {
  content: "\e091";
}
.si-magnifier-remove:before {
  content: "\e092";
}
.si-paper-clip:before {
  content: "\e093";
}
.si-paper-plane:before {
  content: "\e094";
}
.si-plus:before {
  content: "\e095";
}
.si-pointer:before {
  content: "\e096";
}
.si-power:before {
  content: "\e097";
}
.si-refresh:before {
  content: "\e098";
}
.si-reload:before {
  content: "\e099";
}
.si-settings:before {
  content: "\e09a";
}
.si-star:before {
  content: "\e09b";
}
.si-symbol-female:before {
  content: "\e09c";
}
.si-symbol-male:before {
  content: "\e09d";
}
.si-target:before {
  content: "\e09e";
}
.si-volume-1:before {
  content: "\e09f";
}
.si-volume-2:before {
  content: "\e0a0";
}
.si-volume-off:before {
  content: "\e0a1";
}
.si-users:before {
  content: "\e001";
}
body,
html {
  height: 100%;
}
#header-navbar {
  min-height: 60px;
  background-color: #101b4a;
  font-size: 14px;
}
#header-navbar:before,
#header-navbar:after {
  content: " ";
  display: table;
}
#header-navbar:after {
  clear: both;
}
.header-navbar-fixed #header-navbar {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  min-width: 320px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
}
.header-navbar-fixed #main-container {
  padding-top: 85px;
  padding-bottom: 50px;
}
@media screen and (min-width: 992px) {
  .header-navbar-fixed.sidebar-l.sidebar-o #header-navbar {
    left: 230px;
  }
  .header-navbar-fixed.sidebar-r.sidebar-o #header-navbar {
    right: 230px;
  }
  .header-navbar-fixed.sidebar-l.sidebar-o.sidebar-mini #header-navbar {
    left: 60px;
  }
  .header-navbar-fixed.sidebar-r.sidebar-o.sidebar-mini #header-navbar {
    right: 60px;
  }
}
.header-navbar-transparent #header-navbar {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.header-navbar-transparent.header-navbar-fixed.header-navbar-scroll #header-navbar {
  background-color: #101b4a;
}
.header-navbar-transparent.header-navbar-fixed #main-container {
  padding-top: 0;
}
#page-container {
  margin: 0 auto;
  width: 100%;
  min-width: 320px;
  background-color: #101b4a;
}
@media screen and (min-width: 992px) {
  #page-container.sidebar-l.sidebar-o {
    padding-left: 230px;
  }
  #page-container.sidebar-r.sidebar-o {
    padding-right: 230px;
  }
  #page-container.sidebar-l.sidebar-o.sidebar-mini {
    padding-left: 60px;
  }
  #page-container.sidebar-r.sidebar-o.sidebar-mini {
    padding-right: 60px;
  }
}
.sidebar,
.side-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 1031;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 0.28s ease-out;
  transition: all 0.28s ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media screen and (min-width: 992px) {
  .side-scroll .sidebar,
  .side-scroll .side-overlay {
    overflow-y: hidden;
  }
}
.sidebar {
  width: 230px;
  background-color: #101b4a;
}
.sidebar-l .sidebar {
  left: 0;
  -webkit-transform: translateX(100%) translateY(0) translateZ(0);
  -ms-transform: translateX(100%) translateY(0);
  transform: translateX(100%) translateY(0) translateZ(0);
}
.sidebar-r .sidebar {
  right: 0;
  -webkit-transform: translateX(-100%) translateY(0) translateZ(0);
  -ms-transform: translateX(-100%) translateY(0);
  transform: translateX(-100%) translateY(0) translateZ(0);
}
@media screen and (max-width: 991px) {
  .sidebar {
    width: 100%;
    opacity: 0;
  }
  .sidebar-o-xs .sidebar {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
}
@media screen and (min-width: 992px) {
  .sidebar {
    width: 230px;
    -webkit-transition: none;
    transition: none;
  }
  .sidebar-o .sidebar {
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
  .sidebar-o.sidebar-mini .sidebar {
    overflow-x: hidden;
    -webkit-transition: all 0.28s ease-out;
    transition: all 0.28s ease-out;
  }
  .sidebar-l.sidebar-o.sidebar-mini .sidebar {
    -webkit-transform: translateX(-170px) translateY(0) translateZ(0);
    -ms-transform: translateX(-170px) translateY(0);
    transform: translateX(-170px) translateY(0) translateZ(0);
  }
  .sidebar-r.sidebar-o.sidebar-mini .sidebar {
    -webkit-transform: translateX(170px) translateY(0) translateZ(0);
    -ms-transform: translateX(170px) translateY(0);
    transform: translateX(170px) translateY(0) translateZ(0);
  }
  .sidebar-o.sidebar-mini .sidebar .sidebar-content {
    width: 230px;
    -webkit-transition: all 0.28s ease-out;
    transition: all 0.28s ease-out;
  }
  .sidebar-l.sidebar-o.sidebar-mini .sidebar .sidebar-content {
    -webkit-transform: translateX(170px) translateY(0) translateZ(0);
    -ms-transform: translateX(170px) translateY(0);
    transform: translateX(170px) translateY(0) translateZ(0);
  }
  .sidebar-o.sidebar-mini .sidebar:hover,
  .sidebar-o.sidebar-mini .sidebar:hover .sidebar-content {
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
  .sidebar-o.sidebar-mini .sidebar .sidebar-mini-hide {
    opacity: 0;
    -webkit-transition: opacity 0.28s ease-out;
    transition: opacity 0.28s ease-out;
  }
  .sidebar-o.sidebar-mini .sidebar .sidebar-mini-hidden {
    display: none;
  }
  .sidebar-o.sidebar-mini .sidebar .nav-main > li.open > ul {
    display: none;
  }
  .sidebar-o.sidebar-mini .sidebar:hover .sidebar-mini-hide {
    opacity: 1;
  }
  .sidebar-o.sidebar-mini .sidebar:hover .nav-main > li.open > ul {
    display: block;
  }
}
.side-overlay {
  background-color: #fff;
}
.sidebar-l .side-overlay {
  right: 0;
  -webkit-transform: translateX(100%) translateY(0) translateZ(0);
  -ms-transform: translateX(100%) translateY(0);
  transform: translateX(100%) translateY(0) translateZ(0);
}
.sidebar-r .side-overlay {
  left: 0;
  -webkit-transform: translateX(-100%) translateY(0) translateZ(0);
  -ms-transform: translateX(-100%) translateY(0);
  transform: translateX(-100%) translateY(0) translateZ(0);
}
@media screen and (max-width: 991px) {
  .side-overlay {
    width: 100%;
    opacity: 0;
  }
  .side-overlay-o .side-overlay {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
}
@media screen and (min-width: 992px) {
  .side-overlay {
    width: 320px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  }
  .heightCalendar .side-overlay {
    margin-top: 67px;
  }
  .sidebar-l .side-overlay {
    -webkit-transform: translateX(110%) translateY(0) translateZ(0);
    -ms-transform: translateX(110%) translateY(0);
    transform: translateX(110%) translateY(0) translateZ(0);
  }
  .sidebar-r .side-overlay {
    -webkit-transform: translateX(-110%) translateY(0) translateZ(0);
    -ms-transform: translateX(-110%) translateY(0);
    transform: translateX(-110%) translateY(0) translateZ(0);
  }
  .sidebar-l.side-overlay-hover .side-overlay {
    -webkit-transform: translateX(300px) translateY(0) translateZ(0);
    -ms-transform: translateX(300px) translateY(0);
    transform: translateX(300px) translateY(0) translateZ(0);
  }
  .sidebar-r.side-overlay-hover .side-overlay {
    -webkit-transform: translateX(-300px) translateY(0) translateZ(0);
    -ms-transform: translateX(-300px) translateY(0);
    transform: translateX(-300px) translateY(0) translateZ(0);
  }
  .side-overlay-hover .side-overlay:hover,
  .side-overlay-o .side-overlay,
  .side-overlay-o.side-overlay-hover .side-overlay {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0) translateZ(0);
  }
}
.side-header {
  margin: 0 auto;
  min-height: 60px;
}
.side-header:before,
.side-header:after {
  content: " ";
  display: table;
}
.side-header:after {
  clear: both;
}
.side-header.side-content {
  overflow: visible;
}
.side-header > span,
.side-header > a {
  display: inline-block;
  line-height: 34px;
}
.side-header img {
  display: inline-block;
  margin-top: -2px;
}
.side-content {
  margin: 0 auto;
  padding: 13px 20px 1px;
  max-width: 100%;
  overflow-x: hidden;
}
.side-content p,
.side-content .push,
.side-content .block,
.side-content .items-push > div {
  margin-bottom: 13px;
}
.side-content .items-push-2x > div {
  margin-bottom: 26px;
}
.side-content .items-push-3x > div {
  margin-bottom: 39px;
}
.side-content.side-content-full {
  padding-bottom: 13px;
}
.side-content.side-content-full .pull-b {
  margin-bottom: -13px;
}
.side-content .pull-t {
  margin-top: -13px;
}
.side-content .pull-r-l {
  margin-right: -20px;
  margin-left: -20px;
}
.side-content .pull-b {
  margin-bottom: -1px;
}
#main-container {
  overflow-x: hidden;
}
#page-footer {
  overflow-x: hidden;
  position: fixed;
  left: 0px;
  bottom: 0px;
  width: 100%;
}
#main-container {
  background-color: #f5f5f5;
}
.content {
  margin: 0 auto;
  padding: 16px 14px 1px;
  max-width: 100%;
  overflow-x: visible;
}
.content p,
.content .push,
.content .block,
.content .items-push > div {
  margin-bottom: 16px;
}
.content .items-push-2x > div {
  margin-bottom: 32px;
}
.content .items-push-3x > div {
  margin-bottom: 48px;
}
.content.content-full {
  padding-bottom: 16px;
}
.content.content-full .pull-b {
  margin-bottom: -16px;
}
.content .pull-t {
  margin-top: -16px;
}
.content .pull-r-l {
  margin-right: -14px;
  margin-left: -14px;
}
.content .pull-b {
  margin-bottom: -1px;
}
@media screen and (min-width: 768px) {
  .content {
    margin: 0 auto;
    padding: 30px 30px 1px;
    max-width: 100%;
    overflow-x: visible;
  }
  .content p,
  .content .push,
  .content .block,
  .content .items-push > div {
    margin-bottom: 30px;
  }
  .content .items-push-2x > div {
    margin-bottom: 60px;
  }
  .content .items-push-3x > div {
    margin-bottom: 90px;
  }
  .content.content-full {
    padding-bottom: 30px;
  }
  .content.content-full .pull-b {
    margin-bottom: -30px;
  }
  .content .pull-t {
    margin-top: -30px;
  }
  .content .pull-r-l {
    margin-right: -30px;
    margin-left: -30px;
  }
  .content .pull-b {
    margin-bottom: -1px;
  }
  .content.content-boxed {
    max-width: 1280px;
  }
  .content.content-narrow {
    max-width: 95%;
  }
}
.content-grid {
  margin-bottom: 24px;
}
.content-grid .push,
.content-grid .block {
  margin-bottom: 6px;
}
.content-grid .row {
  margin-left: -3px;
  margin-right: -3px;
}
.content-grid .row > div[class*="col"] {
  padding-left: 3px;
  padding-right: 3px;
}
.content-mini {
  margin: 0 auto;
  padding: 13px 14px 1px;
  max-width: 100%;
  overflow-x: visible;
}
.content-mini p,
.content-mini .push,
.content-mini .block,
.content-mini .items-push > div {
  margin-bottom: 13px;
}
.content-mini .items-push-2x > div {
  margin-bottom: 26px;
}
.content-mini .items-push-3x > div {
  margin-bottom: 39px;
}
.content-mini.content-mini-full {
  padding-bottom: 13px;
}
.content-mini.content-mini-full .pull-b {
  margin-bottom: -13px;
}
.content-mini .pull-t {
  margin-top: -13px;
}
.content-mini .pull-r-l {
  margin-right: -14px;
  margin-left: -14px;
}
.content-mini .pull-b {
  margin-bottom: -1px;
}
@media screen and (min-width: 768px) {
  .content-mini {
    margin: 0 auto;
    padding: 13px 30px 1px;
    max-width: 100%;
    overflow-x: visible;
  }
  .content-mini p,
  .content-mini .push,
  .content-mini .block,
  .content-mini .items-push > div {
    margin-bottom: 13px;
  }
  .content-mini .items-push-2x > div {
    margin-bottom: 26px;
  }
  .content-mini .items-push-3x > div {
    margin-bottom: 39px;
  }
  .content-mini.content-mini-full {
    padding-bottom: 13px;
  }
  .content-mini.content-mini-full .pull-b {
    margin-bottom: -13px;
  }
  .content-mini .pull-t {
    margin-top: -13px;
  }
  .content-mini .pull-r-l {
    margin-right: -30px;
    margin-left: -30px;
  }
  .content-mini .pull-b {
    margin-bottom: -1px;
  }
}
.content-boxed {
  margin: 0 auto;
  width: 100%;
  max-width: 1280px;
}
.bg-image {
  background-color: #f9f9f9;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.bg-image-parallax {
  background-attachment: fixed;
}
.bg-image-h100 {
  height: 100px;
}
@media (min-width: 768px) {
  .pull-right-sm {
    float: right;
  }
}
@media (min-width: 992px) {
  .pull-right-md {
    float: right;
  }
}
@media (min-width: 1200px) {
  .pull-right-lg {
    float: right;
  }
}
.nb_trial_to_business {
  font-size: 12px;
}
.form-material {
  position: relative;
  margin: 10px 0 10px;
}
.form-material > label {
  position: absolute;
  top: 6px;
  left: 0;
  font-size: 13px;
  font-weight: 600;
  -webkit-transform: translateY(-24px);
  -ms-transform: translateY(-24px);
  transform: translateY(-24px);
}
.form-material.floating > label {
  font-size: 15px;
  font-weight: 400;
  cursor: text;
  z-index: 10;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.form-material > .form-control {
  padding-left: 0;
  padding-right: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: 0 1px 0 #e6e6e6;
  box-shadow: 0 1px 0 #e6e6e6;
}
.form-material > .form-control:focus {
  background-color: transparent;
  -webkit-box-shadow: 0 2px 0 #646464;
  box-shadow: 0 2px 0 #646464;
}
.form-material > .form-control:focus + label {
  color: #646464;
}
.form-material > .form-control:focus ~ .input-group-addon {
  -webkit-box-shadow: 0 2px 0 #646464;
  box-shadow: 0 2px 0 #646464;
}
.form-material > .form-control:focus + label,
.form-material.floating.open > label {
  font-size: 13px;
  font-weight: 600;
  cursor: default;
  -webkit-transform: translateY(-24px);
  -ms-transform: translateY(-24px);
  transform: translateY(-24px);
}
.form-material .form-control[disabled],
.form-material .form-control[readonly],
.form-material fieldset[disabled] .form-control {
  background-color: #fff;
  border-bottom: 1px dashed #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-material.input-group .input-group-addon {
  border: none;
  background-color: transparent;
  border-radius: 0 !important;
  -webkit-box-shadow: 0 1px 0 #e6e6e6;
  box-shadow: 0 1px 0 #e6e6e6;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.form-material.form-material-primary > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #21add1;
  box-shadow: 0 2px 0 #21add1;
}
.form-material.form-material-primary > .form-control:focus + label {
  color: #21add1;
}
.form-material.form-material-primary > .form-control:focus ~ .input-group-addon {
  color: #21add1;
  -webkit-box-shadow: 0 2px 0 #21add1;
  box-shadow: 0 2px 0 #21add1;
}
.form-material.form-material-success > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #46c37b;
  box-shadow: 0 2px 0 #46c37b;
}
.form-material.form-material-success > .form-control:focus + label {
  color: #46c37b;
}
.form-material.form-material-success > .form-control:focus ~ .input-group-addon {
  color: #46c37b;
  -webkit-box-shadow: 0 2px 0 #46c37b;
  box-shadow: 0 2px 0 #46c37b;
}
.form-material.form-material-info > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #70b9eb;
  box-shadow: 0 2px 0 #70b9eb;
}
.form-material.form-material-info > .form-control:focus + label {
  color: #70b9eb;
}
.form-material.form-material-info > .form-control:focus ~ .input-group-addon {
  color: #70b9eb;
  -webkit-box-shadow: 0 2px 0 #70b9eb;
  box-shadow: 0 2px 0 #70b9eb;
}
.form-material.form-material-warning > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #f3b760;
  box-shadow: 0 2px 0 #f3b760;
}
.form-material.form-material-warning > .form-control:focus + label {
  color: #f3b760;
}
.form-material.form-material-warning > .form-control:focus ~ .input-group-addon {
  color: #f3b760;
  -webkit-box-shadow: 0 2px 0 #f3b760;
  box-shadow: 0 2px 0 #f3b760;
}
.form-material.form-material-danger > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #fc0058;
  box-shadow: 0 2px 0 #fc0058;
}
.form-material.form-material-danger > .form-control:focus + label {
  color: #fc0058;
}
.form-material.form-material-danger > .form-control:focus ~ .input-group-addon {
  color: #fc0058;
  -webkit-box-shadow: 0 2px 0 #fc0058;
  box-shadow: 0 2px 0 #fc0058;
}
.has-success .form-material > .form-control {
  -webkit-box-shadow: 0 1px 0 #46c37b;
  box-shadow: 0 1px 0 #46c37b;
}
.has-success .form-material > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #46c37b;
  box-shadow: 0 2px 0 #46c37b;
}
.has-success .form-material > .form-control:focus + label {
  color: #46c37b;
}
.has-success .form-material > .form-control:focus ~ .input-group-addon {
  color: #46c37b;
  -webkit-box-shadow: 0 2px 0 #46c37b;
  box-shadow: 0 2px 0 #46c37b;
}
.has-success .form-material > .form-control + label {
  color: #46c37b;
}
.has-success .form-material > .form-control ~ .input-group-addon {
  color: #46c37b;
  -webkit-box-shadow: 0 1px 0 #46c37b;
  box-shadow: 0 1px 0 #46c37b;
}
.has-success .form-material > .help-block {
  color: #46c37b;
}
.has-info .form-material > .form-control {
  -webkit-box-shadow: 0 1px 0 #70b9eb;
  box-shadow: 0 1px 0 #70b9eb;
}
.has-info .form-material > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #70b9eb;
  box-shadow: 0 2px 0 #70b9eb;
}
.has-info .form-material > .form-control:focus + label {
  color: #70b9eb;
}
.has-info .form-material > .form-control:focus ~ .input-group-addon {
  color: #70b9eb;
  -webkit-box-shadow: 0 2px 0 #70b9eb;
  box-shadow: 0 2px 0 #70b9eb;
}
.has-info .form-material > .form-control + label {
  color: #70b9eb;
}
.has-info .form-material > .form-control ~ .input-group-addon {
  color: #70b9eb;
  -webkit-box-shadow: 0 1px 0 #70b9eb;
  box-shadow: 0 1px 0 #70b9eb;
}
.has-info .form-material > .help-block {
  color: #70b9eb;
}
.has-warning .form-material > .form-control {
  -webkit-box-shadow: 0 1px 0 #f3b760;
  box-shadow: 0 1px 0 #f3b760;
}
.has-warning .form-material > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #f3b760;
  box-shadow: 0 2px 0 #f3b760;
}
.has-warning .form-material > .form-control:focus + label {
  color: #f3b760;
}
.has-warning .form-material > .form-control:focus ~ .input-group-addon {
  color: #f3b760;
  -webkit-box-shadow: 0 2px 0 #f3b760;
  box-shadow: 0 2px 0 #f3b760;
}
.has-warning .form-material > .form-control + label {
  color: #f3b760;
}
.has-warning .form-material > .form-control ~ .input-group-addon {
  color: #f3b760;
  -webkit-box-shadow: 0 1px 0 #f3b760;
  box-shadow: 0 1px 0 #f3b760;
}
.has-warning .form-material > .help-block {
  color: #f3b760;
}
.has-error .form-material > .form-control {
  -webkit-box-shadow: 0 1px 0 #fc0058;
  box-shadow: 0 1px 0 #fc0058;
}
.has-error .form-material > .form-control:focus {
  -webkit-box-shadow: 0 2px 0 #fc0058;
  box-shadow: 0 2px 0 #fc0058;
}
.has-error .form-material > .form-control:focus + label {
  color: #fc0058;
}
.has-error .form-material > .form-control:focus ~ .input-group-addon {
  color: #fc0058;
  -webkit-box-shadow: 0 2px 0 #fc0058;
  box-shadow: 0 2px 0 #fc0058;
}
.has-error .form-material > .form-control + label {
  color: #fc0058;
}
.has-error .form-material > .form-control ~ .input-group-addon {
  color: #fc0058;
  -webkit-box-shadow: 0 1px 0 #fc0058;
  box-shadow: 0 1px 0 #fc0058;
}
.has-error .form-material > .help-block {
  color: #fc0058;
}
.css-input {
  position: relative;
  display: inline-block;
  margin: 2px 0;
  font-weight: 400;
  cursor: pointer;
}
.css-input input {
  position: absolute;
  opacity: 0;
}
.css-input input:focus + span {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.css-input input + span {
  position: relative;
  display: inline-block;
  margin-top: -2px;
  margin-right: 3px;
  vertical-align: middle;
}
.css-input input + span:after {
  position: absolute;
  content: "";
}
.css-checkbox {
  margin: 7px 0;
}
.css-checkbox input + span {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.css-checkbox input + span:after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-family: "FontAwesome";
  font-size: 10px;
  color: #fff;
  line-height: 18px;
  content: "\f00c";
  text-align: center;
}
.css-checkbox:hover input + span {
  border-color: #ccc;
}
.css-checkbox.css-checkbox-sm {
  margin: 9px 0 8px;
  font-size: 12px;
}
.css-checkbox.css-checkbox-sm input + span {
  width: 16px;
  height: 16px;
}
.css-checkbox.css-checkbox-sm input + span:after {
  font-size: 8px;
  line-height: 15px;
}
.css-checkbox.css-checkbox-lg {
  margin: 3px 0;
}
.css-checkbox.css-checkbox-lg input + span {
  width: 30px;
  height: 30px;
}
.css-checkbox.css-checkbox-lg input + span:after {
  font-size: 12px;
  line-height: 30px;
}
.css-checkbox.css-checkbox-rounded input + span {
  border-radius: 3px;
}
.css-checkbox-default input:checked + span {
  background-color: #999999;
  border-color: #999999;
}
.css-checkbox-primary input:checked + span {
  background-color: #21add1;
  border-color: #21add1;
}
.css-checkbox-info input:checked + span {
  background-color: #70b9eb;
  border-color: #70b9eb;
}
.css-checkbox-success input:checked + span {
  background-color: #46c37b;
  border-color: #46c37b;
}
.css-checkbox-warning input:checked + span {
  background-color: #f3b760;
  border-color: #f3b760;
}
.css-checkbox-danger input:checked + span {
  background-color: #fc0058;
  border-color: #fc0058;
}
.css-radio {
  margin: 7px 0;
}
.css-radio input + span {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
}
.css-radio input + span:after {
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
  background-color: #fff;
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.css-radio input:checked + span:after {
  opacity: 1;
}
.css-radio:hover input + span {
  border-color: #ccc;
}
.css-radio.css-radio-sm {
  margin: 9px 0 8px;
  font-size: 12px;
}
.css-radio.css-radio-sm input + span {
  width: 16px;
  height: 16px;
}
.css-radio.css-radio-lg {
  margin: 5px 0;
}
.css-radio.css-radio-lg input + span {
  width: 26px;
  height: 26px;
}
.css-radio-default input:checked + span:after {
  background-color: #999999;
}
.css-radio-primary input:checked + span:after {
  background-color: #21add1;
}
.css-radio-info input:checked + span:after {
  background-color: #70b9eb;
}
.css-radio-success input:checked + span:after {
  background-color: #46c37b;
}
.css-radio-warning input:checked + span:after {
  background-color: #f3b760;
}
.css-radio-danger input:checked + span:after {
  background-color: #fc0058;
}
.switch {
  margin: 3px 0;
}
.switch input + span {
  width: 54px;
  height: 30px;
  background-color: #eee;
  border-radius: 30px;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.switch input + span:after {
  top: 2px;
  bottom: 2px;
  left: 2px;
  width: 26px;
  background-color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 0 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
}
.switch input:checked + span {
  background-color: #ddd;
}
.switch input:checked + span:after {
  -webkit-box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 0 3px rgba(0, 0, 0, 0.2);
  -webkit-transform: translateX(23px);
  -ms-transform: translateX(23px);
  transform: translateX(23px);
}
.switch.switch-sm {
  margin: 8px 0 7px;
  font-size: 12px;
}
.switch.switch-sm input + span {
  width: 36px;
  height: 20px;
}
.switch.switch-sm input + span:after {
  width: 16px;
}
.switch.switch-sm input:checked + span:after {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
.switch.switch-lg {
  margin: 1px 0;
}
.switch.switch-lg input + span {
  width: 70px;
  height: 34px;
}
.switch.switch-lg input + span:after {
  width: 30px;
}
.switch.switch-lg input:checked + span:after {
  -webkit-transform: translateX(35px);
  -ms-transform: translateX(35px);
  transform: translateX(35px);
}
.switch.switch-square input + span,
.switch.switch-square input + span:after {
  border-radius: 0;
}
.switch-default input:checked + span {
  background-color: #999999;
}
.switch-primary input:checked + span {
  background-color: #21add1;
}
.switch-info input:checked + span {
  background-color: #70b9eb;
}
.switch-success input:checked + span {
  background-color: #46c37b;
}
.switch-warning input:checked + span {
  background-color: #f3b760;
}
.switch-danger input:checked + span {
  background-color: #fc0058;
}
.block {
  margin-bottom: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.01);
  box-shadow: 0 2px rgba(0, 0, 0, 0.01);
}
.side-content .block {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block-header {
  padding: 15px 20px;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
.block-header:before,
.block-header:after {
  content: " ";
  display: table;
}
.block-header:after {
  clear: both;
}
.block-title {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.2;
}
.block-title.text-normal {
  text-transform: none;
}
.block-title small {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
}
.block-content {
  margin: 0 auto;
  padding: 20px 20px 1px;
  max-width: 100%;
  overflow-x: visible;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
  padding: 20px;
}
.block-content p,
.block-content .push,
.block-content .block,
.block-content .items-push > div {
  margin-bottom: 20px;
}
.block-content .items-push-2x > div {
  margin-bottom: 40px;
}
.block-content .items-push-3x > div {
  margin-bottom: 60px;
}
.block-content.block-content-full {
  padding-bottom: 20px;
}
.block-content.block-content-full .pull-b {
  margin-bottom: -20px;
}
.block-content .pull-t {
  margin-top: -20px;
}
.block-content .pull-r-l {
  margin-right: -20px;
  margin-left: -20px;
}
.block-content .pull-b {
  margin-bottom: -1px;
}
.block-content.block-content-mini {
  padding-top: 10px;
  padding-bottom: 10px;
}
.block-content.block-content-mini.block-content-full.block-content-mini {
  padding-bottom: 10px;
}
@media screen and (min-width: 1200px) {
  .block-content.block-content-narrow {
    padding-left: 10%;
    padding-right: 10%;
  }
}
.block.block-full .block-content {
  padding-bottom: 20px;
}
.block.block-full .block-content.block-content-mini {
  padding-bottom: 10px;
}
.block-table {
  width: 100%;
}
.block-table td {
  padding: 10px;
  vertical-align: middle;
}
.block.block-bordered {
  border: 1px solid #e9e9e9;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block.block-bordered .block-header {
  border-bottom: 1px solid #e9e9e9;
}
.block.block-rounded {
  border-radius: 4px;
}
.block.block-rounded .block-header {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.block.block-rounded .block-content:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.block.block-rounded .block-content:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.block.block-themed > .block-header {
  border-bottom: none;
}
.block.block-themed > .block-header .block-title {
  color: #fff;
}
.block.block-themed > .block-header .block-title small {
  color: rgba(255, 255, 255, 0.75);
}
.block.block-transparent {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.block.block-opt-refresh {
  position: relative;
}
.block.block-opt-refresh .block-header {
  opacity: .25;
}
.block.block-opt-refresh .block-content {
  opacity: .15;
}
.block.block-opt-refresh:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #646464;
  font-family: Simple-Line-Icons;
  font-size: 18px;
  text-align: center;
  z-index: 2;
  content: "\e09a";
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.ie9 .block.block-opt-refresh:after {
  content: "Loading..";
}
.block.block-opt-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  margin-bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.block.block-opt-hidden.block-bordered .block-header {
  border-bottom: none;
}
.block.block-opt-hidden .block-content {
  display: none;
}
a.block {
  display: block;
  color: #646464;
  font-weight: normal;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
a.block:hover {
  color: #646464;
  opacity: .9;
}
a.block.block-link-hover1:hover {
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
a.block.block-link-hover1:active {
  -webkit-box-shadow: 0 2px rgba(0, 0, 0, 0.01);
  box-shadow: 0 2px rgba(0, 0, 0, 0.01);
}
a.block.block-link-hover2:hover {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
a.block.block-link-hover2:active {
  -webkit-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
a.block.block-link-hover3:hover {
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
  opacity: 1;
}
a.block.block-link-hover3:active {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
.block > .nav-tabs {
  background-color: #f9f9f9;
  border-bottom: none;
}
.block > .nav-tabs.nav-tabs-right > li {
  float: right;
}
.block > .nav-tabs.nav-justified > li > a {
  margin-bottom: 0;
}
.block > .nav-tabs > li {
  margin-bottom: 0;
}
.block > .nav-tabs > li > a {
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #646464;
  font-weight: 600;
  border: 1px solid transparent;
  border-radius: 0;
}
.block > .nav-tabs > li > a:hover {
  color: #21add1;
  background-color: transparent;
  border-color: transparent;
}
.block > .nav-tabs > li.active > a,
.block > .nav-tabs > li.active > a:hover,
.block > .nav-tabs > li.active > a:focus {
  color: #21add1;
  background-color: #fff;
  border-color: transparent;
}
.block > .nav-tabs.nav-tabs-alt {
  background-color: transparent;
  border-bottom: 1px solid #e9e9e9;
  text-transform: uppercase;
}
.block > .nav-tabs.nav-tabs-alt > li > a {
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.block > .nav-tabs.nav-tabs-alt > li > a:hover {
  -webkit-box-shadow: 0 2px #21add1;
  box-shadow: 0 2px #21add1;
}
.block > .nav-tabs.nav-tabs-alt > li.active > a,
.block > .nav-tabs.nav-tabs-alt > li.active > a:hover,
.block > .nav-tabs.nav-tabs-alt > li.active > a:focus {
  -webkit-box-shadow: 0 2px #21add1;
  box-shadow: 0 2px #21add1;
}
.block .block-content.tab-content {
  overflow: hidden;
}
.block-h110 {
  height: 110px;
}
.block-options {
  float: right;
  margin: -3px 0 -3px 15px;
  padding: 0;
  height: 24px;
  list-style: none;
}
.block-options:before,
.block-options:after {
  content: " ";
  display: table;
}
.block-options:after {
  clear: both;
}
.block-options.block-options-left {
  float: left;
  margin-right: 15px;
  margin-left: 0;
}
.block-options.block-options-left + .block-title {
  float: right;
}
.block-options > li {
  display: inline-block;
  margin: 0 2px;
  padding: 0;
}
.block-options > li > a,
.block-options > li > button {
  display: block;
  padding: 2px 3px;
  color: #999999;
  opacity: .6;
}
.block.block-themed > .block-header .block-options > li > a,
.block.block-themed > .block-header .block-options > li > button {
  color: #fff;
}
.block-options > li > a:hover,
.block-options > li > button:hover {
  text-decoration: none;
  opacity: 1;
}
.block-options > li > a:active,
.block-options > li > button:active {
  opacity: .6;
}
.block-options > li > span {
  display: block;
  padding: 2px 3px;
}
.block.block-themed > .block-header .block-options > li > span {
  color: #fff;
}
.block-options > li > a:focus {
  text-decoration: none;
  opacity: 1;
}
.block-options > li > button {
  background: none;
  border: none;
}
.block-options > li.active > a,
.block-options > li.open > button {
  text-decoration: none;
  opacity: 1;
}
.nav-main {
  margin: 0 -20px;
  padding: 0;
  list-style: none;
}
.nav-main .nav-main-heading {
  padding: 22px 35px 6px 20px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.3);
}
.nav-main a {
  display: block;
  padding: 10px 35px 10px 20px;
  color: rgba(255, 255, 255, 0.5);
}
.nav-main a:hover,
.nav-main a:focus {
  color: rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.2);
}
.nav-main a:hover > i,
.nav-main a:focus > i {
  color: #fff;
}
.nav-main a.active,
.nav-main a.active:hover {
  color: #fff;
}
.nav-main a.active > i,
.nav-main a.active:hover > i {
  color: #fff;
}
.nav-main a > i {
  margin-right: 15px;
  color: rgba(255, 255, 255, 0.2);
}
.nav-main a.nav-submenu {
  position: relative;
  padding-right: 30px;
}
.nav-main a.nav-submenu:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px;
  display: inline-block;
  font-family: 'FontAwesome';
  color: rgba(255, 255, 255, 0.25);
  content: "\f104";
}
.nav-main a.nav-submenu:before.nav-main a.nav-submenu:before-fwidth {
  width: 100%;
}
.nav-main ul {
  margin: 0;
  padding: 0 0 0 50px;
  height: 0;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.nav-main ul > li {
  opacity: 0;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px);
}
.nav-main ul .nav-main-heading {
  padding-left: 0;
  padding-right: 0;
  color: rgba(255, 255, 255, 0.65);
}
.nav-main ul a {
  padding: 8px 0;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.4);
}
.nav-main ul a:hover,
.nav-main ul a:focus {
  color: #fff;
  background-color: transparent;
}
.nav-main ul a > i {
  margin-right: 10px;
}
.nav-main ul ul {
  padding-left: 12px;
}
.nav-main li.open > a.nav-submenu {
  color: #fff;
}
.nav-main li.open > a.nav-submenu > i {
  color: #fff;
}
.nav-main li.open > a.nav-submenu:before {
  content: "\f107";
}
.nav-main li.open > ul {
  height: auto;
}
.nav-main li.open > ul > li {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.nav-header {
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
  justify-content: center;
}
.nav-header:before,
.nav-header:after {
  content: " ";
  display: table;
}
.nav-header:after {
  clear: both;
}
.nav-header > li {
  margin-right: 8px;
  float: left;
}
.nav-header > li > a,
.nav-header > li > .btn-group > a {
  padding: 0 6px;
  display: block;
  line-height: 40px;
  font-weight: 400;
  color: #f3f3f3;
}
.nav-header.pull-right > li {
  margin-right: 0;
  margin-left: 12px;
  float: left;
}
.nav-header .header-content {
  line-height: 34px;
}
.nav-header .header-search {
  width: 360px;
}
@media screen and (max-width: 767px) {
  .nav-header .header-search {
    display: none;
  }
  .nav-header .header-search.header-search-xs-visible {
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
    z-index: 999;
    display: block;
    width: 100%;
    border-top: 1px solid #f9f9f9;
  }
  .nav-header .header-search.header-search-xs-visible > form {
    padding: 14px 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02);
  }
}
.nav-users {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-users > li:last-child > a {
  border-bottom: none;
}
.nav-users a {
  position: relative;
  padding: 12px 8px 8px 71px;
  display: block;
  min-height: 62px;
  font-weight: 400;
  border-bottom: 1px solid #f3f3f3;
}
.nav-users a > img {
  position: absolute;
  left: 12px;
  top: 10px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.nav-users a > i {
  position: absolute;
  left: 40px;
  top: 40px;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #fff;
  border-radius: 50%;
}
.nav-users a:hover {
  background-color: #f9f9f9;
}
.list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list > li {
  position: relative;
}
.list-timeline {
  position: relative;
  padding-top: 10px;
}
.list-timeline > li {
  margin-bottom: 10px;
}
.list-timeline .list-timeline-time {
  margin: 0 -20px;
  padding: 10px 20px 10px 40px;
  min-height: 40px;
  text-align: right;
  color: #999;
  font-size: 13px;
  font-style: italic;
  background-color: #f9f9f9;
  border-radius: 2px;
}
.list-timeline .list-timeline-icon {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}
.list-timeline .list-timeline-content {
  padding: 10px 10px 1px;
}
.list-timeline .list-timeline-content > p:first-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .list-timeline {
    padding-top: 20px;
  }
  .list-timeline:before {
    position: absolute;
    top: 0;
    left: 120px;
    bottom: 0;
    display: block;
    width: 4px;
    content: "";
    background-color: #f9f9f9;
    z-index: 1;
  }
  .list-timeline > li {
    min-height: 40px;
    z-index: 2;
  }
  .list-timeline > li:last-child {
    margin-bottom: 0;
  }
  .list-timeline .list-timeline-time {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding-right: 0;
    padding-left: 0;
    width: 90px;
    background-color: transparent;
  }
  .list-timeline .list-timeline-icon {
    top: 3px;
    left: 105px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    z-index: 2 !important;
  }
  .list-timeline .list-timeline-content {
    padding-left: 160px;
  }
}
.list-activity > li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  padding-left: 30px;
  font-size: 13px;
  border-bottom: 1px solid #f3f3f3;
}
.list-activity > li > i:first-child {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-align: center;
}
.list-events > li {
  margin-bottom: 5px;
  padding: 8px 30px 8px 10px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  font-weight: 700;
  background-color: #b5d0eb;
}
.list-events > li:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 10px;
  display: inline-block;
  font-family: 'FontAwesome';
  color: rgba(255, 255, 255, 0.75);
  content: "\f073";
}
.list-events > li:before.list-events > li:before-fwidth {
  width: 100%;
}
.list-events > li:hover {
  cursor: move;
}
.list-simple > li {
  margin-bottom: 20px;
}
.list-simple-mini > li {
  margin-bottom: 10px;
}
.list-li-clearfix > li:before,
.list-li-clearfix > li:after {
  content: " ";
  display: table;
}
.list-li-clearfix > li:after {
  clear: both;
}
.img-avatar {
  display: inline-block !important;
  width: 64px;
  height: 64px;
  border-radius: 50%;
}
.img-avatar.img-avatar32 {
  width: 32px;
  height: 32px;
}
.img-avatar.img-avatar38 {
  width: 38px;
  height: 38px;
}
.img-avatar.img-avatar48 {
  width: 48px;
  height: 48px;
}
.img-avatar.img-avatar96 {
  width: 96px;
  height: 96px;
}
.img-avatar.img-avatar128 {
  width: 128px;
  height: 128px;
}
.img-avatar-thumb {
  margin: 5px;
  -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
}
.img-thumb {
  padding: 5px;
  background-color: #fff;
  border-radius: 2px;
}
.img-link {
  display: inline-block;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
}
.img-link:hover {
  -webkit-transform: rotate(1deg);
  -ms-transform: rotate(1deg);
  transform: rotate(1deg);
}
.img-container {
  position: relative;
  overflow: hidden;
  z-index: 0;
  display: block;
}
.img-container .img-options {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: none;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.img-container .img-options-content {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0;
  left: 0;
  text-align: center;
}
.img-container > img {
  -webkit-transition: -webkit-transform 0.35s ease-out;
  transition: transform 0.35s ease-out;
}
.img-container:hover .img-options {
  opacity: 1;
  visibility: visible;
}
.img-container.fx-img-zoom-in:hover > img {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.img-container.fx-img-rotate-r:hover > img {
  -webkit-transform: scale(1.4) rotate(8deg);
  -ms-transform: scale(1.4) rotate(8deg);
  transform: scale(1.4) rotate(8deg);
}
.img-container.fx-img-rotate-l:hover > img {
  -webkit-transform: scale(1.4) rotate(-8deg);
  -ms-transform: scale(1.4) rotate(-8deg);
  transform: scale(1.4) rotate(-8deg);
}
.img-container.fx-opt-slide-top .img-options {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.img-container.fx-opt-slide-top:hover .img-options {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.img-container.fx-opt-slide-right .img-options {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.img-container.fx-opt-slide-right:hover .img-options {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.img-container.fx-opt-slide-down .img-options {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.img-container.fx-opt-slide-down:hover .img-options {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.img-container.fx-opt-slide-left .img-options {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.img-container.fx-opt-slide-left:hover .img-options {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.img-container.fx-opt-zoom-in .img-options {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.img-container.fx-opt-zoom-in:hover .img-options {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.img-container.fx-opt-zoom-out .img-options {
  -webkit-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);
}
.img-container.fx-opt-zoom-out:hover .img-options {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.push-5 {
  margin-bottom: 5px !important;
}
.push-5-t {
  margin-top: 5px !important;
}
.push-5-r {
  margin-right: 5px !important;
}
.push-5-l {
  margin-left: 5px !important;
}
.push-10 {
  margin-bottom: 10px !important;
}
.push-10-t {
  margin-top: 10px !important;
}
.push-10-r {
  margin-right: 10px !important;
}
.push-10-l {
  margin-left: 10px !important;
}
.push-15 {
  margin-bottom: 15px !important;
}
.push-15-t {
  margin-top: 15px !important;
}
.push-15-r {
  margin-right: 15px !important;
}
.push-15-l {
  margin-left: 15px !important;
}
.push-20 {
  margin-bottom: 20px !important;
}
.push-20-t {
  margin-top: 20px !important;
}
.push-20-r {
  margin-right: 20px !important;
}
.push-20-l {
  margin-left: 20px !important;
}
.push-30 {
  margin-bottom: 30px !important;
}
.push-30-t {
  margin-top: 30px !important;
}
.push-30-r {
  margin-right: 30px !important;
}
.push-30-l {
  margin-left: 30px !important;
}
.push-50 {
  margin-bottom: 50px !important;
}
.push-50-t {
  margin-top: 50px !important;
}
.push-50-r {
  margin-right: 50px !important;
}
.push-50-l {
  margin-left: 50px !important;
}
.push-100 {
  margin-bottom: 100px !important;
}
.push-100-t {
  margin-top: 100px !important;
}
.push-100-r {
  margin-right: 100px !important;
}
.push-100-l {
  margin-left: 100px !important;
}
.push-150 {
  margin-bottom: 150px !important;
}
.push-150-t {
  margin-top: 150px !important;
}
.push-150-r {
  margin-right: 150px !important;
}
.push-150-l {
  margin-left: 150px !important;
}
.pulldown {
  position: relative;
  top: 50px;
}
@media screen and (min-width: 992px) {
  .pulldown {
    top: 150px;
  }
}
.pulldown-100 {
  position: relative;
  top: 25px;
}
@media screen and (min-width: 992px) {
  .pulldown-100 {
    top: 80px;
  }
}
.remove-margin {
  margin: 0 !important;
}
.remove-margin-t {
  margin-top: 0 !important;
}
.remove-margin-r {
  margin-right: 0 !important;
}
.remove-margin-b {
  margin-bottom: 0 !important;
}
.remove-margin-l {
  margin-left: 0 !important;
}
.remove-padding {
  padding: 0 !important;
}
.remove-padding-t {
  padding-top: 0 !important;
}
.remove-padding-r {
  padding-right: 0 !important;
}
.remove-padding-b {
  padding-bottom: 0 !important;
}
.remove-padding-l {
  padding-left: 0 !important;
}
.align-v {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.align-v.align-v-fwidth {
  width: 100%;
}
.border {
  border: 1px solid #e9e9e9;
}
.border-t {
  border-top: 1px solid #e9e9e9;
}
.border-r {
  border-right: 1px solid #e9e9e9;
}
.border-b {
  border-bottom: 1px solid #e9e9e9;
}
.border-l {
  border-left: 1px solid #e9e9e9;
}
.border-white-op {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.border-white-op-t {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.border-white-op-r {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.border-white-op-b {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.border-white-op-l {
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
.border-black-op {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.border-black-op-t {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.border-black-op-r {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.border-black-op-b {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.border-black-op-l {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.item {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  font-size: 28px;
  font-weight: 300;
  line-height: 60px;
}
.item .si:before {
  position: relative;
  top: 1px;
}
a.item:hover,
a.item:focus {
  opacity: .6;
}
.item.item-circle {
  border-radius: 50%;
}
.item.item-rounded {
  border-radius: 3px;
}
.item.item-rounded-big {
  border-radius: 24px;
}
.item.item-rounded-big.item-2x {
  border-radius: 35px;
}
.item.item-2x {
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.item.item-2x .si:before {
  position: relative;
  top: 3px;
}
.overflow-hidden {
  overflow: hidden;
}
.visibility-hidden {
  visibility: hidden;
}
.hseparator {
  color: #dddde5;
  margin-right: 5px;
  margin-left: 5px;
}
.bord_right {
  border-right: 1px solid #ddd;
  padding-right: 15px;
  padding-left: 10px;
}
.ribbon {
  position: relative;
  min-height: 56px;
}
.ribbon-box {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 0 15px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  z-index: 500;
}
.ribbon-box:before {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: "";
}
.ribbon-bookmark .ribbon-box {
  padding-left: 0;
}
.ribbon-bookmark .ribbon-box:before {
  top: 0;
  right: 100%;
  border: 18px solid;
  border-left-width: 10px;
}
.ribbon-modern .ribbon-box {
  top: 0;
}
.ribbon-modern .ribbon-box:before {
  top: 0;
  right: 100%;
  border: 18px solid;
}
.ribbon-left .ribbon-box {
  right: auto;
  left: 0;
}
.ribbon-left.ribbon-bookmark .ribbon-box {
  padding-left: 15px;
  padding-right: 0;
}
.ribbon-left.ribbon-bookmark .ribbon-box:before {
  right: auto;
  left: 100%;
  border-left-width: 18px;
  border-right-width: 10px;
}
.ribbon-left.ribbon-modern .ribbon-box:before {
  right: auto;
  left: 100%;
}
.ribbon-bottom .ribbon-box {
  top: auto;
  bottom: 10px;
}
.ribbon-bottom.ribbon-modern .ribbon-box {
  bottom: 0;
}
.ribbon-default .ribbon-box {
  background-color: #999999;
}
.ribbon-default.ribbon-bookmark .ribbon-box:before {
  border-color: #999999;
  border-left-color: transparent;
}
.ribbon-default.ribbon-bookmark.ribbon-left .ribbon-box:before {
  border-color: #999999;
  border-right-color: transparent;
}
.ribbon-default.ribbon-modern .ribbon-box:before {
  border-color: #999999;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-default.ribbon-modern.ribbon-bottom .ribbon-box:before {
  border-color: #999999;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-default.ribbon-modern.ribbon-left .ribbon-box:before {
  border-color: #999999;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-default.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
  border-color: #999999;
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-primary .ribbon-box {
  background-color: #21add1;
}
.ribbon-primary.ribbon-bookmark .ribbon-box:before {
  border-color: #21add1;
  border-left-color: transparent;
}
.ribbon-primary.ribbon-bookmark.ribbon-left .ribbon-box:before {
  border-color: #21add1;
  border-right-color: transparent;
}
.ribbon-primary.ribbon-modern .ribbon-box:before {
  border-color: #21add1;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-primary.ribbon-modern.ribbon-bottom .ribbon-box:before {
  border-color: #21add1;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-primary.ribbon-modern.ribbon-left .ribbon-box:before {
  border-color: #21add1;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-primary.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
  border-color: #21add1;
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-success .ribbon-box {
  background-color: #46c37b;
}
.ribbon-success.ribbon-bookmark .ribbon-box:before {
  border-color: #46c37b;
  border-left-color: transparent;
}
.ribbon-success.ribbon-bookmark.ribbon-left .ribbon-box:before {
  border-color: #46c37b;
  border-right-color: transparent;
}
.ribbon-success.ribbon-modern .ribbon-box:before {
  border-color: #46c37b;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-success.ribbon-modern.ribbon-bottom .ribbon-box:before {
  border-color: #46c37b;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-success.ribbon-modern.ribbon-left .ribbon-box:before {
  border-color: #46c37b;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-success.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
  border-color: #46c37b;
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-info .ribbon-box {
  background-color: #70b9eb;
}
.ribbon-info.ribbon-bookmark .ribbon-box:before {
  border-color: #70b9eb;
  border-left-color: transparent;
}
.ribbon-info.ribbon-bookmark.ribbon-left .ribbon-box:before {
  border-color: #70b9eb;
  border-right-color: transparent;
}
.ribbon-info.ribbon-modern .ribbon-box:before {
  border-color: #70b9eb;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-info.ribbon-modern.ribbon-bottom .ribbon-box:before {
  border-color: #70b9eb;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-info.ribbon-modern.ribbon-left .ribbon-box:before {
  border-color: #70b9eb;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-info.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
  border-color: #70b9eb;
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-warning .ribbon-box {
  background-color: #f3b760;
}
.ribbon-warning.ribbon-bookmark .ribbon-box:before {
  border-color: #f3b760;
  border-left-color: transparent;
}
.ribbon-warning.ribbon-bookmark.ribbon-left .ribbon-box:before {
  border-color: #f3b760;
  border-right-color: transparent;
}
.ribbon-warning.ribbon-modern .ribbon-box:before {
  border-color: #f3b760;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-warning.ribbon-modern.ribbon-bottom .ribbon-box:before {
  border-color: #f3b760;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-warning.ribbon-modern.ribbon-left .ribbon-box:before {
  border-color: #f3b760;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-warning.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
  border-color: #f3b760;
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-danger .ribbon-box {
  background-color: #fc0058;
}
.ribbon-danger.ribbon-bookmark .ribbon-box:before {
  border-color: #fc0058;
  border-left-color: transparent;
}
.ribbon-danger.ribbon-bookmark.ribbon-left .ribbon-box:before {
  border-color: #fc0058;
  border-right-color: transparent;
}
.ribbon-danger.ribbon-modern .ribbon-box:before {
  border-color: #fc0058;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-danger.ribbon-modern.ribbon-bottom .ribbon-box:before {
  border-color: #fc0058;
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-danger.ribbon-modern.ribbon-left .ribbon-box:before {
  border-color: #fc0058;
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-danger.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
  border-color: #fc0058;
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-crystal .ribbon-box {
  background-color: rgba(255, 255, 255, 0.35);
}
.ribbon-crystal.ribbon-bookmark .ribbon-box:before {
  border-color: rgba(255, 255, 255, 0.35);
  border-left-color: transparent;
}
.ribbon-crystal.ribbon-bookmark.ribbon-left .ribbon-box:before {
  border-color: rgba(255, 255, 255, 0.35);
  border-right-color: transparent;
}
.ribbon-crystal.ribbon-modern .ribbon-box:before {
  border-color: rgba(255, 255, 255, 0.35);
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-crystal.ribbon-modern.ribbon-bottom .ribbon-box:before {
  border-color: rgba(255, 255, 255, 0.35);
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-crystal.ribbon-modern.ribbon-left .ribbon-box:before {
  border-color: rgba(255, 255, 255, 0.35);
  border-right-color: transparent;
  border-bottom-color: transparent;
}
.ribbon-crystal.ribbon-modern.ribbon-left.ribbon-bottom .ribbon-box:before {
  border-color: rgba(255, 255, 255, 0.35);
  border-top-color: transparent;
  border-right-color: transparent;
}
.text-default {
  color: #21add1;
}
a.text-default:hover,
a.text-default:active,
a.text-default:focus,
button.text-default:hover,
button.text-default:active,
button.text-default:focus {
  color: #21add1;
  opacity: .75;
}
.text-default-dark {
  color: #101b4a;
}
a.text-default-dark:hover,
a.text-default-dark:active,
a.text-default-dark:focus,
button.text-default-dark:hover,
button.text-default-dark:active,
button.text-default-dark:focus {
  color: #101b4a;
  opacity: .75;
}
.text-default-darker {
  color: #101b4a;
}
a.text-default-darker:hover,
a.text-default-darker:active,
a.text-default-darker:focus,
button.text-default-darker:hover,
button.text-default-darker:active,
button.text-default-darker:focus {
  color: #101b4a;
  opacity: .75;
}
.text-default-light {
  color: #5ac8e5;
}
a.text-default-light:hover,
a.text-default-light:active,
a.text-default-light:focus,
button.text-default-light:hover,
button.text-default-light:active,
button.text-default-light:focus {
  color: #5ac8e5;
  opacity: .75;
}
.text-default-lighter {
  color: #93dbee;
}
a.text-default-lighter:hover,
a.text-default-lighter:active,
a.text-default-lighter:focus,
button.text-default-lighter:hover,
button.text-default-lighter:active,
button.text-default-lighter:focus {
  color: #93dbee;
  opacity: .75;
}
.bg-default {
  background-color: #21add1;
}
a.bg-default:hover {
  background-color: #1a89a5;
}
.bg-default-op {
  background-color: rgba(33, 173, 209, 0.75);
}
a.bg-default-op:hover {
  background-color: rgba(26, 137, 165, 0.75);
}
.bg-default-dark {
  background-color: #101b4a;
}
a.bg-default-dark:hover {
  background-color: #070c20;
}
.bg-default-dark-op {
  background-color: rgba(16, 27, 74, 0.83);
}
a.bg-default-dark-op:hover {
  background-color: rgba(7, 12, 32, 0.83);
}
.bg-default-darker {
  background-color: #101b4a;
}
a.bg-default-darker:hover {
  background-color: #070c20;
}
.bg-default-light {
  background-color: #5ac8e5;
}
a.bg-default-light:hover {
  background-color: #2ebade;
}
.bg-default-lighter {
  background-color: #93dbee;
}
a.bg-default-lighter:hover {
  background-color: #67cde7;
}
@media print {
  #page-container,
  #main-container {
    padding: 0 !important;
  }
  #header-navbar,
  #sidebar,
  #side-overlay,
  .block-options {
    display: none !important;
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
#ng-foobar {
  z-index: 999999 !important;
  border-radius: 30px;
  width: auto !important;
  left: 50% !important;
  transform: translateX(-50%);
  margin-top: 40px;
}
#ng-foobar .ng-foobar-message {
  padding: 12px 24px;
  text-shadow: none !important;
  font-size: 14px;
  text-align: center;
}
@media (max-width: 767px) {
  #ng-foobar .ng-foobar-message {
    min-width: 30vh;
  }
}
@media (min-width: 768px) {
  .full .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .full .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .full .modal-dialog {
    width: 970px;
  }
}
.draggable-handler {
  cursor: move;
}
.draggable-placeholder {
  background-color: #f1f1f1;
  border: 1px dashed #ccc;
}
pre.pre-sh {
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
  border-radius: 0;
}
.dz-editfoto {
  background-color: #ffffff;
  border: 1px solid #eee;
  border-radius: 2px;
  color: #aaa;
  display: block;
  margin: 4px auto;
  max-width: 150px;
  padding: 4px 5px;
  text-align: center;
  text-decoration: none;
}
@-moz-keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: -7px -400px;
  }
}
.datepicker {
  z-index: 1051 !important;
}
.input-daterange .input-group-addon {
  min-width: 30px;
  color: #646464;
  background-color: #f9f9f9;
  border-color: #e6e6e6;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  background-color: #faeab9;
  border-color: #faeab9;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-color: #21add1;
  border-color: #21add1;
}
.colorpicker.dropdown-menu {
  min-width: 130px;
}
div.tagsinput {
  padding: 6px 12px 1px;
  border-color: #e6e6e6;
  border-radius: 3px;
}
div.tagsinput input {
  padding-top: 0;
  padding-bottom: 0;
  height: 22px;
}
.form-material div.tagsinput {
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
div.tagsinput span.tag {
  padding: 2px 5px;
  height: 22px;
  line-height: 18px;
  color: #fff;
  font-family: "Roboto", "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  background-color: #21add1;
  border: none;
}
div.tagsinput span.tag a {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.5);
}
div.tagsinput span.tag a:hover {
  color: rgba(255, 255, 255, 0.75);
}
.select2-container .select2-selection--single {
  height: 34px;
}
.select2-container .select2-dropdown {
  border-color: #e6e6e6;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.select2-container--default .select2-selection--single {
  border-color: #e6e6e6;
  border-radius: 3px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 12px;
  line-height: 34px;
}
.form-material .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px;
}
.form-material .select2-container--default .select2-selection--single {
  border: none;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #aaa;
}
.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: #e6e6e6;
  border-radius: 3px;
}
.form-material .select2-container--default .select2-selection--multiple,
.form-material .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: none;
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered {
  padding-right: 12px;
  padding-left: 12px;
}
.form-material .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.form-material .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered {
  padding-left: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  background-color: #21add1;
  border: none;
  border-radius: 3px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  margin-right: 5px;
  color: rgba(255, 255, 255, 0.5);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: rgba(255, 255, 255, 0.75);
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #e6e6e6;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #21add1;
}
.select2-container--default .select2-search--inline .select2-search__field {
  padding-right: 0;
  padding-left: 0;
  font-family: "Roboto", "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-material .select2-container--default .select2-search--inline .select2-search__field {
  padding-left: 0;
}
.select2-search--dropdown .select2-search__field {
  padding: 6px 12px;
  font-family: "Roboto", "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.slick-slider {
  margin-bottom: 45px;
}
.slick-slider.slick-padding-dots {
  padding-bottom: 45px;
  margin-bottom: 0;
}
.slick-slider.slick-padding-dots .slick-dots {
  bottom: 0;
}
.slick-slider.slick-nav-hover .slick-prev,
.slick-slider.slick-nav-hover .slick-next {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
}
.slick-slider.slick-nav-hover:hover .slick-prev,
.slick-slider.slick-nav-hover:hover .slick-next {
  opacity: .25;
}
.slick-slider.slick-nav-hover:hover .slick-prev:hover,
.slick-slider.slick-nav-hover:hover .slick-next:hover {
  opacity: .6;
}
.slick-slider.slick-nav-white .slick-prev,
.slick-slider.slick-nav-white .slick-next {
  background-color: #fff;
}
.slick-slider.slick-nav-white .slick-prev:hover,
.slick-slider.slick-nav-white .slick-next:hover {
  background-color: #fff;
}
.slick-slider.slick-nav-white .slick-prev:before,
.slick-slider.slick-nav-white .slick-next:before {
  color: #000;
}
.slick-slider .slick-dots {
  bottom: -45px;
}
.slick-slider .slick-prev,
.slick-slider .slick-next {
  margin-top: -15px;
  width: 40px;
  height: 40px;
  text-align: center;
  background-color: #000;
  opacity: .25;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
  background-color: #000;
  opacity: .6;
}
.slick-slider .slick-prev:before,
.slick-slider .slick-next:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  line-height: 28px;
}
.slick-slider .slick-prev {
  left: 10px;
}
.slick-slider .slick-prev:before {
  content: "\f060";
}
.slick-slider .slick-next {
  right: 10px;
}
.slick-slider .slick-next:before {
  content: "\f061";
}
.note-editor {
  border-color: #ddd;
}
.note-editor .note-toolbar {
  border-bottom-color: #ddd;
}
.note-editor .note-statusbar .note-resizebar {
  border-top-color: #ddd;
}
.note-editor .note-toolbar.btn-toolbar {
  margin-left: 0;
}
.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: none !important;
  background-color: rgba(0, 0, 0, 0.75) !important;
}
.pie-chart {
  position: relative;
  display: inline-block;
}
.pie-chart > span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -2px;
  right: 0;
  left: 0;
  text-align: center;
}
.flot-tooltip {
  position: absolute;
  display: none;
  color: #fff;
  background: rgba(0, 0, 0, 0.75);
  padding: 4px 8px;
}
.flot-pie-label {
  font-size: 13px;
  text-align: center;
  padding: 4px 8px;
  color: #fff;
}
.legend > table td {
  padding: 3px 4px;
  font-size: 14px;
}
.fc-event {
  padding: 0px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.75);
  border: none;
  background-color: #ffffff;
  border-radius: 0;
}
.fc-event:hover {
  color: rgba(0, 0, 0, 0.75);
}
.fc button {
  height: 34px;
  line-height: 34px;
  font-weight: 600;
}
.fc-state-default.fc-corner-left {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.fc-state-default.fc-corner-right {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.fc-state-default {
  color: #393939;
  background-color: #f3f3f3;
  background-image: none;
  border: 1px solid #e6e6e6;
  text-shadow: none;
  box-shadow: none;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #393939;
  background-color: #dfdfdf;
  border-color: #c7c7c7;
}
.fc-state-hover {
  color: #393939;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.fc-state-down,
.fc-state-active {
  background-color: #c5c5c5;
  border-color: #aeaeae;
  box-shadow: none;
}
.fc-state-disabled {
  opacity: .35;
}
.fc-toolbar {
  margin-bottom: 29px;
}
.fc-toolbar h2 {
  font-weight: 400;
}
.fc thead th.fc-widget-header {
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #f9f9f9;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #eee;
}
.placeholder {
  color: #aaa;
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}
#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}
.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}
@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*.titolo-progetto {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
}
.sweet-overlay, .sweet-alert{
    position: absolute!important;
}
*/
.picklet {
  border: 2px solid var(--ppCyan);
  border-radius: 32px;
  display: inline-block;
  font-weight: 600;
  margin: 10px auto;
  padding: 10px 30px 10px 50px;
  background-image: url('../assets/img/brand/picklet_drop.png');
  background-repeat: no-repeat;
  background-position: left;
}
.picklet:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}
.chrome-plugin {
  border: 2px solid var(--ppCyan);
  border-radius: 32px;
  display: inline-block;
  font-weight: 600;
  margin: 10px auto;
  padding: 10px 30px 10px 30px;
}
.chrome-plugint:hover {
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}
.sweet-alert {
  font-family: "Roboto", "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding: 30px;
}
.sweet-alert h2 {
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  margin: 15px 0;
  color: var(--ppBlue);
}
.sweet-alert button {
  font-size: 14px;
  margin: 20px 5px 0;
  padding: 10px;
  border-radius: 2px;
  font-weight: 400;
  box-shadow: none !important;
  min-width: 100px;
}
.sweet-alert button.cancel {
  background-color: #ffffff;
  color: #545454;
  border-radius: 2px;
  font-weight: 400;
  border: 1px solid #cccccc;
}
.sweet-alert p {
  color: var(--ppGrey);
  line-height: 1.5;
  font-weight: 400;
}
.btn-icon {
  border: none !important;
  background: none !important;
  padding: 5px;
}
#loading-bar-spinner .spinner-icon {
  height: 24px !important;
  width: 24px !important;
  border: solid 2px transparent;
  border-top-color: var(--ppCyan);
  border-left-color: var(--ppCyan);
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite;
}
#loading-bar .bar {
  background-color: var(--ppCyan);
}
#loading-bar-spinner {
  left: 46% !important;
  top: 80px !important;
}
.testo-celeste {
  color: var(--ppCyan);
}
.titolo_celeste {
  text-align: center !important;
  color: var(--ppCyan);
  margin-bottom: 50px;
  margin-top: 10px;
  font-weight: 300;
}
.txt-error {
  color: var(--ppRed) !important;
}
.pulsante-social {
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 34px;
  margin: 0 auto;
  padding-bottom: 24px;
  padding-top: 24px;
  text-align: center;
  width: 100px;
  margin-bottom: 10px;
}
.pulsante-social:hover {
  Opacity: 0.5;
}
.icona-social {
  font-size: 32px;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.title-social {
  font-size: 13px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}
.tabsocial .pulsanti_azioni {
  text-transform: uppercase;
  margin: 15px;
  color: #fff;
  font-weight: 500;
}
.tabsocial .nav-tabs.nav-justified > li > a {
  padding: 0 !important;
  padding-top: 6px !important;
}
.tabsocial .nav-tabs.nav-justified > li > a {
  background-color: #e6e6e6;
  border: none;
  border-radius: 0;
  color: #404040;
  border-top: 3px solid #d5d5d5;
  border-bottom: 3px solid #d5d5d5;
  cursor: pointer;
}
.tabsocial .nav-tabs.nav-justified > .active > a {
  background-color: #cccccc;
  border: none;
  border-radius: 0;
  color: #fff;
  border-top: 3px solid #d0d0d0;
  border-bottom: 3px solid #d0d0d0;
}
.gmb_icon_channels {
  width: 33px;
  height: 33px;
  background-image: url("../assets/img/brand/social/svg/my-business.svg");
  background-size: 33px 32px;
  background-repeat: no-repeat;
  margin-top: 14px;
  display: inline-table;
  vertical-align: sub;
}
.tiktok_icon_channels {
  width: 33px;
  height: 33px;
  background-image: url("../assets/img/brand/social/TikTok_Logo_Black_2x.png");
  background-size: 33px 32px;
  background-repeat: no-repeat;
  margin-top: 14px;
  display: inline-table;
  vertical-align: sub;
}
.tabsocial .nav-tabs.nav-justified > .active > a .gmb_icon_channels {
  background-image: url("../assets/img/brand/social/svg/my-business-on.svg");
  background-size: 33px 32px;
}
.tabsocial .nav-tabs.nav-justified > .active > a .tiktok_icon_channels {
  background-image: url("../assets/img/brand/social/TikTok_Logo_White.png");
  background-size: 33px 32px;
}
.tabsocial .nav-tabs.nav-justified > .active > a .tiktok_icon_channels {
  background-image: url("../assets/img/brand/social/threads-logo.png");
  background-size: 33px 32px;
}
.tabsocial .nav-tabs.nav-justified > li > a:focus {
  background-color: #e6e6e6;
  border: none;
  border-radius: 0;
  color: #fff;
}
.tabsocial .nav-tabs.nav-justified > .facebook.active > a {
  background-color: #2b4b90;
  border-top: 3px solid #304879;
  border-bottom: 3px solid #304879;
}
.tabsocial .nav-tabs.nav-justified > .twitter.active > a {
  background-color: #000000;
  border-top: 3px solid #3b89c3;
  border-bottom: 3px solid #3b89c3;
}
.tabsocial .nav-tabs.nav-justified > .linkedin.active > a {
  background-color: #1d85ba;
  border-top: 3px solid #005e93;
  border-bottom: 3px solid #005e93;
}
.tabsocial .nav-tabs.nav-justified > .pinterest.active > a {
  background-color: #cc2127;
  border-top: 3px solid #a71a1f;
  border-bottom: 3px solid #a71a1f;
}
.tabsocial .nav-tabs.nav-justified > .instagram.active > a {
  /*background-color: #17557a;
    border-top: 3px solid #275a85;
    border-bottom: 3px solid #275a85;*/
  background: #f09433;
  border-top: 3px solid #f09433;
  border-bottom: 3px solid #f09433;
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}
.tabsocial .nav-tabs.nav-justified > .youtube.active > a {
  background-color: #ff0000;
  border-top: 3px solid #ca0000;
  border-bottom: 3px solid #ca0000;
}
.tabsocial .nav-tabs.nav-justified > .googleplus.active > a {
  background-color: #df493a;
  border-top: 3px solid #dd1b08;
  border-bottom: 3px solid #dd1b08;
}
.tabsocial .nav-tabs.nav-justified > .gmb.active > a {
  background-color: #4285f4;
  border-top: 3px solid #075eef;
  border-bottom: 3px solid #075eef;
}
.tabsocial .nav-tabs.nav-justified > .tiktok.active > a {
  background-color: #010101;
  border-top: 3px solid #ee1d52;
  border-bottom: 3px solid #69c9d0;
}
.tabsocial .nav-tabs.nav-justified > .spotify.active > a {
  background-color: #1db954;
  border-top: 3px solid #1db954;
  border-bottom: 3px solid #1db954;
}
.tabsocial .nav-tabs.nav-justified > .threads.active > a {
  background-color: #ffff;
  border-top: 3px solid #000000;
  border-bottom: 3px solid #000000;
  color: #000;
}
.tabsocial .nav-tabs.nav-justified > .tumblr.active > a {
  background-color: #35465c;
  border-top: 3px solid #293546;
  border-bottom: 3px solid #293546;
}
.tabsocial .nav-tabs.nav-justified > .medium.active > a {
  background-color: #000;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
}
.tabsocial .nav-tabs.nav-justified > .telegram.active > a {
  background-color: #2e87ca;
  border-top: 3px solid #2e87ca;
  border-bottom: 3px solid #2e87ca;
}
.tabsocial .nav-tabs.nav-justified > .active > a > i {
  color: #fff !important;
}
.tabsocial .nav-tabs.nav-justified > li > a:focus > i {
  color: #fff!important;
}
/* set reference point */
.tab-animation > .tab-content {
  position: relative;
}
/* set animate effect */
.tab-animation > .tab-content > .tab-pane {
  transition: 0.2s linear opacity;
}
/* overwrite display: none and remove from document flow */
.tab-animation > .tab-content > .tab-pane.active-remove {
  position: absolute;
  top: 0;
  width: 100%;
  display: block;
}
/* opacity=0 when removing "active" class */
.tab-animation > .tab-content > .tab-pane.active-remove-active {
  opacity: 0;
}
/* opacity=0 when adding "active" class */
.tab-animation > .tab-content > .tab-pane.active-add {
  opacity: 0;
}
.row.no-pad {
  margin-right: 0;
  margin-left: 0;
}
.row.no-pad > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.btn-twitter {
  background-color: #000000;
}
.btn-facebook {
  background-color: #3b5998;
}
.btn-tiktok {
  background-color: #000000;
}
.btn-threads {
  background-color: #000000;
}
.btn-linkedin {
  background-color: #1d85ba;
}
.btn-grigio {
  background-color: #dddddc;
}
.btn-rss {
  background-color: #f18322;
}
.btn-vimeo {
  background-color: #1ab7ea;
}
.btn-wordpress {
  background-color: var(--ppCyan);
}
.btn-instagram {
  background-color: #cc0066;
}
.btn-instagram-business {
  background-color: var(--ppCyan);
}
.btn-instagram-personal {
  background-color: #17557a;
}
.btn-instagram-creator {
  background-color: #ff7a00;
}
.btn-pinterest {
  background-color: #cc2127;
}
.btn-flickr {
  background-color: #ff0084;
}
.btn-soundcloud {
  background-color: #f50;
}
.btn-pocket {
  background-color: #ef3e56;
}
.btn-spotify {
  background-color: #1db954;
}
.btn-lastfm {
  background-color: #a3000d;
}
.btn-tumblr {
  background-color: #35465c;
}
.btn-medium {
  background-color: #000;
}
.btn-telegram {
  background-color: #2e87ca;
}
.btn-youtube {
  background-color: #ff0000;
  text-transform: none !important;
}
.btn-googleplus {
  background-color: #df493a;
}
.btn-gmb {
  background-color: #4285f4;
}
.txt-twitter {
  color: #1C95D0 !important;
}
.txt-facebook {
  color: #3b5998 !important;
}
.txt-linkedin {
  color: #1d85ba !important;
}
.txt-telegram {
  color: #2e87ca !important;
}
.txt-googleplus {
  color: #df493a !important;
}
.txt-gmb {
  color: #4285f4 !important;
}
.txt-grigio {
  color: #dddddc !important;
}
.txt-rss {
  color: #f18322 !important;
}
.txt-youtube {
  color: #db291f !important;
  font-size: 20px;
}
.txt-vimeo {
  color: #1ab7ea !important;
}
.txt-wordpress {
  color: var(--ppCyan) !important;
}
.txt-instagram {
  color: #17557a !important;
}
.txt-pinterest {
  color: #cc2127 !important;
}
.txt-tiktok {
  color: #010101 !important;
}
.txt-flickr {
  color: #ff0084 !important;
}
.txt-soundcloud {
  color: #f50 !important;
}
.txt-pocket {
  color: #ef3e56 !important;
}
.txt-excel {
  color: #6ebb4f !important;
}
.txt-spotify {
  color: #1FDF64 !important;
}
.txt-lastfm {
  color: #a3000d !important;
}
.txt-tumblr {
  color: #35465c !important;
}
.txt-medium {
  color: #000 !important;
}
.txt-device {
  color: var(--ppCyan) !important;
}
@media (min-width: 768px) {
  .pulsanti_azioni {
    min-width: 140px;
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .pulsanti_azioni {
    margin-top: 20px;
  }
  .buttonSelectChannel {
    margin-left: 0px !important;
    margin-right: 0px !important;
    width: 100%;
  }
  .banner_728x90 div img {
    width: 300px;
  }
  .banner_366x280 div img {
    width: 300px;
  }
}
.accountphoto {
  border-radius: 50%;
  height: 34px;
  vertical-align: top;
  width: 34px;
  object-fit: cover;
}
.lbl-notification {
  background: var(--ppRed) none repeat scroll 0 0;
  border-radius: 8px;
  color: #fff;
  font-size: 10px;
  height: 10px;
  line-height: 10px;
  padding: 3px 6px;
  position: relative;
  right: 10px;
  text-align: center;
  top: -15px;
  width: 13px;
  font-family: Arial, Helvetica, sans-serif;
}
.dashaddchannel > li > a {
  color: var(--ppCyan);
}
.dashaddchannel > li > a:hover {
  color: var(--ppBlue);
}
.conteggio-social {
  color: var(--ppRed);
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
}
.lh30 {
  line-height: 32px;
  margin-right: 5px;
}
.elenco_social {
  text-align: left;
  padding: 5px 5px 5px 5px;
  /* max-width:240px; */
  border: 1px solid #dddddc;
  border-radius: 2px;
  font-size: 11px;
  margin: 0 auto;
  margin-bottom: 12px;
  line-height: 13px;
  height: 50px;
}
.elencoTipsy {
  background-color: #fff;
  border-radius: 6px;
  line-height: 13px;
  height: 62px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
  text-overflow: ellipsis;
}
.elenco_social .foto_profilo {
  width: 38px;
  height: 38px;
  margin: 0px;
  z-index: 1;
  float: left;
}
.elenco_social .foto_profilo img {
  border-radius: 50%;
}
.elenco_social .foto_profilo .img-responsive {
  height: 38px;
  width: 38px;
}
.elenco_social .simbolo_social {
  height: 17px;
  left: 42px;
  position: absolute;
  top: 27px;
  width: 17px;
}
.elenco_social .simbolo_social_svg {
  position: absolute;
  height: 16px;
  width: 16px;
  border-radius: 0 !important;
  z-index: 2;
  bottom: 0;
  right: 0;
}
.elenco_social .simbolo_social_svg.youtube {
  width: 20px;
  height: 20px;
  right: -3px;
  bottom: -4px;
}
.elenco_social .simbolo_social_notif {
  height: 17px;
  left: 21px;
  position: relative;
  top: 21px;
  width: 17px;
}
.elenco_social .descrizione {
  float: left;
  margin-left: 5px;
  margin-top: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.descrizioneTipsy {
  overflow: visible !important;
  text-overflow: ellipsis;
  width: 100%;
  margin-right: 5px;
  margin-left: 5px;
}
.elenco_social .descrizione .titolo {
  font-weight: bold;
  color: #101b4a;
  text-transform: uppercase;
}
.elenco_social .descrizione .social {
  text-transform: capitalize;
}
.elenco_social .azioni {
  float: right;
}
.elenco_social .azioni a {
  color: #646464;
}
.elenco_social .azioni a:hover {
  color: var(--ppCyan);
  transition: color 0.12s ease-out 0s;
}
.elenco_social_aggiungi {
  border: 1px dashed #dddddc;
  border-radius: 2px;
  font-size: 16px;
  height: 50px;
  line-height: 40px;
  margin: 0 auto 12px;
  /*  max-width: 240px; */
  padding: 5px;
  text-align: center;
}
.close-modal {
  width: 26px;
  height: 26px;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  background-color: var(--ppBlue);
  padding: 0px;
  position: absolute;
  right: -10px;
  top: -10px;
}
.close-modal:hover {
  border-color: var(--ppBlue);
  color: #fff;
}
.close-modal-align {
  right: 0.1px;
  top: -0.3px;
}
@media only screen and (max-device-width: 480px) {
  .container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
    padding-right: 3px;
  }
}
.tooltip.top {
  margin-top: -3px;
}
.tooltip-inner {
  background: var(--ppBlue) none repeat scroll 0 0;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  padding: 10px;
  border-radius: 4px;
  text-align: left;
  white-space: pre-wrap;
  z-index: 10;
  cursor: pointer !important;
}
.tooltip.top .tooltip-arrow {
  border-top-color: var(--ppBlue);
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: var(--ppBlue);
}
.tooltip.left .tooltip-arrow {
  border-left-color: var(--ppBlue);
}
.tooltip.right .tooltip-arrow {
  border-right-color: var(--ppBlue);
}
html body .contenteditable-inline[contenteditable] {
  display: inline !important;
}
.btn-file-import {
  position: relative;
  overflow: hidden;
}
.btn-file-import {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 38px;
  padding: 0;
  font-size: 13px;
  text-shadow: none;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #646464;
  cursor: pointer;
}
.custom-header {
  background-color: #000 !important;
}
.profile-links {
  color: #646464;
}
.topbar {
  z-index: 1030;
  position: fixed;
  background-color: var(--ppRed);
  margin-top: 0px;
  height: 32px;
  width: 100%;
  text-align: center;
  padding: 0px 16px 0px 16px;
  color: #fff;
}
.bannerPromo > span {
  padding-right: 20px;
  margin-right: 5px;
}
.bannerPromo > a {
  background-color: var(--ppBlue);
  border-color: var(--ppBlue);
}
.bannerPromo > button {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 28px;
  color: #fff;
  opacity: 0.5;
}
@media screen and (max-width: 767px) {
  .topbar {
    position: fixed;
    background-color: #f72658 !important;
    margin-top: 0px;
    height: 52px !important;
    width: 100%;
    text-align: center;
    padding: 0px 4px 0px 4px;
    line-height: 22px;
    color: #fff;
  }
  .container-topbar {
    padding-top: 130px !important;
  }
  .header-topbar {
    top: 50px !important;
  }
  .container-topbar-with-error {
    padding-top: 155px !important;
  }
  .container-topbar-two-banner {
    padding-top: 145px !important;
  }
  .errorChannelBanner {
    top: 62px !important;
    height: 80px !important;
    text-align: left;
    padding: 8px;
  }
}
@media screen and (min-width: 767px) {
  .topbar {
    height: 32px !important;
    line-height: 32px;
  }
  .container-topbar,
  .container-topbar-with-error {
    padding-top: 115px !important;
  }
  .container-topbar-two-banner {
    padding-top: 145px !important;
  }
  .header-topbar {
    top: 32px !important;
  }
}
.options-geolocations .right-panel {
  float: right;
  font-size: 11px;
}
.options-geolocations .left-panel {
  float: left;
  font-size: 12px;
}
.dashboard-icons i {
  font-size: 50px;
  line-height: 80px;
}
.dashboard-icons .title {
  line-height: 1.2;
  font-size: 13px;
  color: var(--ppCyan);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .dashboard-icons i {
    font-size: 42px;
    line-height: 50px;
  }
  .buttonAddChannel {
    width: 100%;
    margin-bottom: 10px;
  }
  .logoLogIn {
    width: 250px;
    text-align: center;
    margin-top: 15px;
  }
  .credentialsBlock {
    width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px !important;
    margin-top: 20px !important;
  }
  .memberWelcome {
    width: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .buttonAddChannelGMB {
    width: 100%;
    margin-top: 15px;
  }
}
.link_box {
  border: 1px solid #0a77a8;
  float: left;
  height: 70px;
  margin-top: 15px;
  overflow-y: scroll;
  padding: 5px;
  font-size: 12px;
  width: 100%;
  margin-bottom: 5px;
}
.banner_200x600 {
  margin-bottom: 20px;
  width: 200px;
}
.banner_300x250 {
  margin-bottom: 20px;
  width: 300px;
}
.banner_300x300 {
  margin-bottom: 20px;
  width: 300px;
}
.banner_300x500 {
  margin-bottom: 20px;
  width: 300px;
}
.banner_366x280 {
  margin-bottom: 20px;
  width: 366px;
}
.banner_728x90 {
  margin-bottom: 20px;
  width: 728px;
}
.slick-dots {
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}
.slick-dots li button::before {
  font-size: 40px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button::before {
  opacity: .75;
  color: #000;
}
.fs13 {
  font-size: 13px;
}
.promo_dismiss_btn {
  position: absolute;
  top: 0px;
  right: 8px;
  font-size: 28px;
}
.uploadAvatar {
  display: inline-block !important;
  border-radius: 50%;
  width: 96px;
  height: 96px;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
}
.uploadAvatarIcon {
  display: inline-block !important;
  border-radius: 50%;
  width: 96px;
  height: 96px;
  color: transparent;
}
.uploadAvatarIcon:hover {
  color: #000000;
  background-color: #BFBFBF;
  opacity: 0.6;
}
.uploadAvatarIcon i {
  position: relative;
  top: 40%;
  font-size: 20px;
}
.btnCompose {
  height: 34px;
  width: 115px;
}
.btnCompose > a {
  height: 34px;
  padding: 8px 10px !important;
  line-height: initial !important;
}
.btnCompose .dropdown-menu {
  z-index: 1100;
}
@media (max-width: 767px) {
  .btnCompose {
    width: 34px;
  }
  .btnCompose > i {
    margin-left: -2px;
    top: unset;
    vertical-align: middle;
  }
}
.titlePlatformNewsModal {
  font-size: 22px;
  color: var(--ppBlue);
  line-height: normal;
}
.comingSoonTitle {
  font-size: 30pt;
  font-weight: 300;
  line-height: 32px;
  color: var(--ppCyan);
}
.comingSoonText1 {
  color: var(--ppBlue);
  font-size: 20px;
  font-weight: 400;
}
.labelReconnet {
  border: 3px solid #fff;
  position: absolute;
  right: 33px;
  top: 10px;
}
.labelTitleOption {
  left: auto;
  right: 0px;
  top: 12px;
}
.labelAddChannel {
  color: #dedede;
}
.imgAddChannel {
  width: 50px;
  padding-right: 10px;
  vertical-align: middle;
  float: left;
}
.buttonAddChannelP {
  line-height: 26px;
}
.buttonAddChannelFB {
  line-height: 30px;
  height: 42px;
}
.contentNewChannel {
  background-color: #f9f8f8;
  padding: 15px;
  display: inline-block;
  width: 100%;
}
.infoAddChannelTG {
  margin: 20px 0 5px;
}
.checkCredentials {
  color: #ff0000;
  margin-top: -10px;
}
.credentialsBlock {
  margin-top: 30px;
}
.imgTeam {
  margin-right: 8px;
  margin-top: -8px;
}
.imgTeamProject {
  border-radius: 20px;
  width: 34px;
  height: 34px;
  float: left;
  margin-right: 8px;
  margin-top: 3px;
  object-fit: cover;
}
.buttonAddChannelGMB {
  line-height: 30px;
  height: 42px;
}
.notifica-errore {
  margin-top: 5px;
  margin-bottom: 5px;
  color: #646464;
  font-weight: bold;
}
.modalReconnect {
  z-index: 10000 !important;
  background-color: rgba(0, 0, 0, 0.3);
  display: grid !important;
  place-items: center;
}
.link-error {
  color: var(--ppCyan);
  margin-top: 8px;
  margin-top: 10px;
}
.link-error,
.link-error:visited,
.link-error:link,
.link-error:active,
.link-error:focus {
  text-decoration: underline;
  outline: 0;
  transition: .2s;
}
.link-error:hover {
  text-decoration: none;
}
.sweet-alert {
  padding: 30px;
  font-family: "Roboto", "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: var(--ppGrey);
}
.sweet-alert p {
  line-height: 1.5;
}
.contentProjectName {
  display: contents;
  width: 100%;
}
.contentProjectName > span {
  width: 80%;
  display: block;
  text-align: initial;
}
.projectCurrentName {
  width: 80%;
  display: inline-block;
  text-align: left;
  margin-left: 10px;
  vertical-align: bottom;
}
.menuProject {
  width: 50%;
  min-width: 100%;
  max-height: 390px;
  overflow-y: auto;
}
.searchProject {
  border-bottom: 1px solid #dedede;
  display: block;
  padding: 2px 10px 8px 10px;
}
.inputSearchProject {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
}
.projectName {
  display: block;
  width: 85%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.channelErrorIcon {
  display: inline-block;
  width: 25px;
  height: 25px;
  background-color: var(--ppWarningYellow);
  border-radius: 4px;
  margin: -2px;
}
.channelErrorIcon > i {
  margin-top: 5px;
  margin-left: 5px;
}
.errorChannelBanner {
  background-color: var(--ppWarningYellow) !important;
  top: 67px;
  color: #1f1c06;
}
.errorChannelBanner > button {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 28px;
  color: #fff;
  opacity: 1;
}
.errorChannelBanner > button:hover {
  color: #fff;
  opacity: 0.5;
}
.hrefErrorChannelBanner {
  color: var(--ppRedCheck);
  text-decoration: underline !important;
  font-weight: 500;
}
.hrefErrorChannelBanner:hover,
.hrefErrorChannelBanner:focus {
  color: #d3004a !important;
}
.warningInstagramGallerySize {
  margin-top: 15px;
  background-color: #FDF6CD;
  color: #1f1c06;
  padding: 15px;
  font-family: arial;
  font-size: 12px;
}
.warningInstagramGallerySize > i {
  position: relative;
  right: -20px;
  top: -20px;
  float: right;
  font-size: 15px;
  cursor: pointer;
}
.header-navbar-fixed #header-navbar {
  height: 67px;
}
#header-logo-only {
  min-height: 60px;
  background-color: #101b4a;
  font-size: 14px;
}
#header-logo-only:before,
#header-logo-only:after {
  content: " ";
  display: table;
}
#header-logo-only:after {
  clear: both;
}
.PPBody {
  -webkit-text-size-adjust: unset !important;
  -webkit-font-smoothing: unset !important;
  -webkit-tap-highlight-color: unset !important;
  -webkit-touch-callout: unset !important;
  -moz-osx-font-smoothing: unset !important;
  -ms-text-size-adjust: unset !important;
}
.over-limit {
  background-color: #FDF6CD !important;
  /* Colore di evidenziazione */
}
/* Custom style to make the modal body scrollable */
.swal2-popup.scrollable-modal .swal2-html-container {
  max-height: 300px;
  /* Adjust this value based on your needs */
  overflow-y: auto;
  /* Enable vertical scrolling */
}
.del {
  text-decoration: line-through;
}
.uv-icon.uv-bottom-right {
  /*bottom: 50px !important;*/
  right: 12px;
}
.ui-select-multiple.ui-select-bootstrap {
  padding: 9px;
}
.progetti {
  border-radius: 0px !important;
  box-shadow: none;
  border: none !important;
}
.progetti .progetti-heading .panel-title {
  font-size: 14px;
}
.progetti .progetti-heading .panel-title a {
  color: #646464;
  font-weight: 600;
}
.progetti .progetti-heading .panel-title a:hover {
  color: var(--ppMattGrey);
}
.progetti .progetti-heading {
  border-left: solid 3px #dddddc;
}
.progetti .progetti-heading.heading-customer {
  border-left: solid 3px var(--ppBlue) !important;
}
.progetti .progetto-active {
  border-left: solid 3px var(--ppCyan) !important;
}
.progetti .progetto-error {
  border-left: solid 3px var(--ppRedCheck) !important;
}
.progetti .progetto-archiviato {
  border-left: solid 3px #dddddc !important;
}
.progetti .progetti-heading .panel-heading {
  border-radius: 0px 0px 0 0;
  line-height: 50px;
  min-height: 50px;
  font-size: 15px;
  font-weight: 600;
  border-left: solid 3px #dddddc;
}
.progetti .progetti-heading .panel-heading h3 {
  line-height: 37px;
}
.progetti .progetti-heading .panel-heading .icon-smartfeed {
  padding-left: 5px;
  padding-right: 10px;
}
.progetti .progetti-heading .panel-heading .progetti-azioni a {
  padding-left: 2px;
  padding-right: 2px;
  margin-right: 2px;
  margin-left: 2px;
  color: #dedede;
}
.progetti .progetti-heading .panel-heading .progetti-azioni a:hover {
  color: #3498db;
}
.progetti .progetti-heading .panel-heading .spazio_titolo {
  margin-top: 6px;
  margin-bottom: 6px;
}
.progetti-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
  overflow: hidden;
  float: left;
}
.progetti-azioni {
  float: right;
}
.accordion-progetti {
  border: none;
  margin-bottom: 5px;
}
.bnt-shortner {
  height: 50px;
  min-width: 123px;
  float: left;
  font-size: 18px;
  color: #cccccc;
}
.bnt-shortner-project {
  width: 100%;
  text-align: left;
  height: 50px;
}
.bnt-shortner-project > img {
  height: 30px;
}
.btn-shortner .active {
  background-color: #efefef;
  border-color: #cccccc;
}
.btn-shortner-active {
  background-color: #efefef;
  border-color: #cccccc;
}
.lableUpper {
  text-transform: uppercase;
}
.channel-select {
  background-color: #efefef !important;
  border: 2px solid var(--ppCyan);
  border-radius: 6px;
  opacity: 1;
}
.groups-auth-txt {
  margin-bottom: 20px !important;
  font-size: 14px !important;
  text-align: justify !important;
  text-justify: inter-word !important;
}
.groups-auth-txt-ul {
  font-size: 14px;
  text-align: left;
}
.groups-auth-txt-ul li {
  padding-bottom: 10px;
}
.margin-group-projects-section {
  margin-bottom: 25px;
}
.projectTitle {
  display: flex;
  width: 65%;
}
.projectTitle > a {
  display: block;
  width: 100%;
}
.descrizioneProgetto {
  font-weight: 400;
  display: inline;
}
.iconSize {
  margin: 10px;
}
@media (max-width: 991px) {
  .iconSize {
    margin: 5px;
  }
  .iconSize i {
    width: 14px;
    height: 14px;
  }
  .buttonDetailSX {
    padding: 0px 7.5px 0px 0px;
  }
  .buttonDetailDX {
    padding: 0px 0px 0px 7.5px;
  }
}
@media (min-width: 359px) and (max-width: 767px) {
  .nav > li > a {
    float: left;
    list-style: none;
    width: 50%;
  }
  .nav > li > a > div {
    width: 100%;
  }
  .channelBoxAdd {
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0px !important;
  }
  .inputNewProject {
    font-size: 13px !important;
  }
}
.inputNewProject {
  padding-left: 10px !important;
}
.channelBoxAdd {
  display: inline-block;
  padding-top: 15px;
  text-align: center;
  margin-bottom: 10px;
}
.channelFunctionInfo {
  display: block;
  font-weight: bold;
  margin-left: 20%;
  text-align: left;
}
.channelFunctionInfo > i {
  color: green;
}
.channelFunctionInfoType {
  font-weight: normal;
}
.channelFunctionNoPP {
  text-decoration: line-through;
  color: grey;
}
.channelFunctionNoPP > i {
  color: red;
}
.contentDescriptionNewProject {
  margin-top: 15px;
  padding-bottom: 5px;
  box-shadow: 0 1px 0 #e6e6e6;
}
.iconDescriptionNewProject {
  font-size: 24px;
  color: var(--ppCyan);
  padding: 5px 12px;
}
.targetOptional {
  font-size: 13px;
  color: #c4c4c4;
  margin-top: -8px;
  float: right;
}
.iconProjectWithChannelError {
  color: var(--ppRedCheck) !important;
}
.iconProjectWithChannelError > i {
  color: var(--ppRedCheck);
}
.iconProjectWithChannelError > i:hover,
.iconProjectWithChannelError > i:focus {
  color: #d3004a;
}
.iconProjectWithChannelError:hover,
.iconProjectWithChannelError:focus {
  color: #d3004a;
}
.box-organizza-servizi-aggiuntivi {
  height: 70px;
  display: flex;
  align-items: center;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  text-align: center;
}
.tasto-organizza-servizi-aggiuntivi {
  width: 150px;
  font-weight: normal;
  border-radius: 5px;
  padding: 5px 10px;
  background-color: #ffffff;
  color: #21add1;
  border-color: #21add1;
  font-size: 12px;
}
.tasto-organizza-servizio-attivo {
  width: 150px;
  font-weight: normal;
  border-radius: 5px;
  padding: 5px 10px;
  background-color: #e9e9e9;
  color: #999999;
  border-color: #999999;
  font-size: 12px;
}
.tasto-organizza-servizio-attivo:hover {
  background-color: #999999;
  border-color: #999999;
}
.servizio-attivo {
  background-color: #e9e9e9;
}
@media (min-width: 992px) {
  .projectTitle {
    margin-left: 10px;
  }
}
.houstonIcon {
  color: #dddddc;
  font-size: 145px;
  margin-top: 20px;
}
*:focus {
  outline: none;
}
.campaigns {
  margin-top: -5px;
}
.compose_salva .ui-select-toggle,
.compose_salva .ui-select-container,
.compose_salva .ui-select-bootstrap,
.campaigns .ui-select-toggle,
.campaigns .ui-select-container,
.campaigns .ui-select-bootstrap,
.opzioni_compose .ui-select-bootstrap,
.opzioni_compose .ui-select-container,
.opzioni_compose .ui-select-toggle {
  background-color: transparent;
  border: medium none;
  border-radius: 0 !important;
  box-shadow: 0 1px 0 #e6e6e6;
}
.opzioni_compose .ui-select-toggle:focus,
.campaigns .ui-select-toggle:focus {
  background-color: transparent;
  border: medium none;
  border-radius: 0 !important;
  box-shadow: 0 2px 0 var(--ppCyan);
}
.opzioni_compose .ui-select-toggle:hover,
.compose_salva .ui-select-toggle:hover {
  background-color: transparent;
  border: medium none;
  border-radius: 0 !important;
  box-shadow: 0 2px 0 var(--ppCyan);
}
.opzioni_compose .ui-select-search,
.compose_salva .ui-select-search,
.campaigns .ui-select-search {
  background-color: transparent;
  border: medium none;
  border-radius: 0 !important;
  box-shadow: 0 1px 0 #e6e6e6;
}
.opzioni_compose .ui-select-search,
.compose_salva .ui-select-search .no-shadow,
.campaigns .ui-select-search .no-shadow {
  box-shadow: none !important;
}
.opzioni_compose .ui-select-search,
.compose_salva .ui-select-search .no-shadow .ui-select-match-item .btn {
  font-size: 12px;
}
.campaigns .fixed-width-ui-select {
  width: 170px;
  /* Definisci la larghezza desiderata */
  max-width: 100%;
  /* Opzionale: per evitare che superi il contenitore */
  min-width: 100px;
  /* Opzionale: larghezza minima */
}
.opzioni_compose .nomeCanale {
  font-size: 12px;
  text-transform: uppercase;
  color: var(--ppBlue);
  border-bottom: 1px solid #e9e9e9 !important;
  display: block;
  padding: 8px 20px;
  height: 35.4px;
  font-weight: 500;
}
.compose_channels {
  position: relative;
}
.compose_channels .simbolo_social {
  position: absolute;
  top: 11px;
  left: 29px;
  width: 16px;
  height: 16px;
  z-index: 2;
}
.compose_channels .facebook {
  background-image: url('../assets/img/brand/social/svg/facebook.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .twitter {
  background-image: url('../assets/img/brand/social/svg/twitter.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .linkedin {
  background-image: url('../assets/img/brand/social/svg/linkedin.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .instagram {
  background-image: url('../assets/img/brand/social/svg/instagram.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .instagram-personal {
  background-image: url('../assets/img/brand/social/svg/instagram-personal.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .pinterest {
  background-image: url('../assets/img/brand/social/svg/pinterest.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .tumblr {
  background-image: url('../assets/img/brand/social/svg/tumblr.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .youtube {
  background-image: url('../assets/img/brand/social/svg/youtube.svg');
  background-size: 20px 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.compose_channels .googleplus {
  background-image: url('../assets/img/brand/social/svg/googleplus.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .gmb {
  background-image: url('../assets/img/brand/social/svg/gmb.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .telegram {
  background-image: url('../assets/img/brand/social/svg/telegram.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .tiktok {
  background-image: url('../assets/img/brand/social/svg/tiktok.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .threads {
  background-image: url('../assets/img/brand/social/svg/threads.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.compose_channels .foto_profilo {
  border: 2px solid #CCC;
  border-radius: 6px;
  margin: 0 0 5px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  z-index: 1;
  box-shadow: 0 0 3px #CCCCCC inset;
  opacity: 0.5;
  padding: 3px;
  transition: border 0.2s ease-in;
  -ms-transition: border 0.2s ease-in;
  -moz-transition: border 0.2s ease-in;
  -webkit-transition: border 0.2s ease-in;
  transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -webkit-transition: opacity 0.4s ease-in;
  object-fit: cover;
}
.compose_channels .selected,
.compose_channels .select_all .selected {
  border: 2px solid var(--ppCyan);
  border-radius: 6px;
  margin: 0 0 5px;
  opacity: 1;
  transition: border 0.2s ease-out;
  -ms-transition: border 0.2s ease-out;
  -moz-transition: border 0.2s ease-out;
  -webkit-transition: border 0.2s ease-out;
  transition: opacity 0.4s ease-out;
  -ms-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  -webkit-transition: opacity 0.4s ease-out;
}
.compose_channels_opt .simbolo_social {
  height: 12px;
  left: 20px;
  position: absolute;
  top: 20px;
  width: 17px;
}
.compose_channels_opt .facebook {
  background-image: url('../assets/img/brand/social/svg/facebook.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .twitter {
  background-image: url('../assets/img/brand/social/svg/twitter.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .linkedin {
  background-image: url('../assets/img/brand/social/svg/linkedin.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .pinterest {
  background-image: url('../assets/img/brand/social/svg/pinterest.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .instagram {
  background-image: url('../assets/img/brand/social/svg/instagram.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .instagram-personal {
  background-image: url('../assets/img/brand/social/svg/instagram-personal.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .youtube {
  background-image: url('../assets/img/brand/social/svg/youtube.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .googleplus {
  background-image: url('../assets/img/brand/social/svg/googleplus.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .gmb {
  background-image: url('../assets/img/brand/social/svg/gmb.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .tumblr {
  background-image: url('../assets/img/brand/social/svg/tumblr.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .telegram {
  background-image: url('../assets/img/brand/social/svg/telegram.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_channels_opt .tiktok {
  background-image: url('../assets/img/brand/social/svg/tiktok.svg');
  background-size: 12px 12px;
  background-repeat: no-repeat;
}
.compose_opt {
  margin-bottom: 0px !important;
  border: 1px solid #e9e9e9;
  border-top: none;
  display: flow-root;
}
.compose_opt .nav-tabs {
  background-color: #f9f9f9;
}
.compose_opt .nav-tabs > li {
  margin-top: -1px;
}
.compose_opt .nav-tabs > li:first-child {
  margin-left: -1px;
}
.compose_opt .nav-tabs > li > a {
  border-radius: 0 !important;
}
.compose_opt .nav > li > a {
  padding: 6px !important;
  width: 100%;
}
.previewlink .thumb {
  float: left;
  margin: 0 10px 0 0;
  position: relative;
  width: 120px;
}
.previewlink .thumb .items {
  height: 120px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 120px;
}
.previewlink .thumb .items .images {
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
}
.previewlink .thumb .items .images li {
  float: left;
  height: 120px;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 120px;
  padding-bottom: 10px;
}
.previewlink .thumb .items .images img {
  max-height: 120px;
  max-width: 120px;
}
.previewlink .thumb .controls {
  background-color: #101b4a;
  height: 22px;
  left: 0;
  top: 0;
  width: 120px;
  z-index: 1;
  margin-bottom: 4px;
}
.previewlink .thumb .controls .left,
.thumb .controls .right,
.thumb .controls .nothumb {
  color: #fff !important;
  display: block;
  position: absolute;
  top: 2px;
}
.previewlink .thumb .controls .left:hover,
.thumb .controls .right:hover,
.thumb .controls .nothumb:hover {
  text-decoration: none;
}
.previewlink .thumb .controls .nothumb {
  font-weight: bold;
  right: 4px;
  top: 2px;
}
.previewlink .thumb .controls .left {
  left: 4px;
}
.previewlink .thumb .controls .right {
  left: 16px;
}
.previewlink .thumb .nothumb {
  font-weight: bold;
  right: 4px;
  top: 2px;
}
.previewlink {
  padding: 5px;
  background-color: #f5f5f5;
  border-radius: 3px;
}
.previewlink a:link {
  color: #3d5896;
}
.selector {
  min-height: 120px;
  padding: 5px;
  position: relative;
  font-size: 12px;
}
.previewlink .selector .media iframe,
.selector .media object,
.selector .media embed,
.selector .media img {
  display: block;
  margin: 10px auto;
}
.previewlink .selector .attributes a {
  text-decoration: none;
}
.previewlink .selector .attributes a.title:hover,
.selector .attributes a.description:hover {
  background-color: var(--ppCyan);
  text-decoration: none;
}
.previewlink .selector .attributes a.description {
  color: #000;
}
.previewlink .selector .attributes a.title {
  color: #3d5896;
  font-weight: 600;
  margin: 0 0 5px;
}
.previewlink .selector .attributes .meta {
  display: block;
}
.previewlink .selector .attributes .meta .favicon {
  height: 16px;
  margin: 0 3px 0 0;
  vertical-align: middle;
  width: 16px;
}
.previewlink .selector .action {
  position: absolute;
  right: 0;
  top: 0;
}
.previewlink .loading {
  display: none;
}
.previewlink .loading img {
  display: block;
  margin: 10px auto;
}
.previewlink .item {
  border-top: 1px solid #dddddd;
  margin: 10px 0;
  padding: 10px 0;
}
.previewlink .item.video .media iframe,
.item.video .media object,
.item.video .media embed,
.item.video .media img,
.item.rich .media iframe,
.item.rich .media object,
.item.rich .media embed,
.item.rich .media img,
.item.photo .media iframe,
.item.photo .media object,
.item.photo .media embed,
.item.photo .media img {
  display: block;
  margin: 10px auto;
}
.previewlink .item.video .media img,
.item.rich .media img,
.item.photo .media img {
  max-width: 560px;
}
.previewlink .item.video .title,
.item.rich .title,
.item.photo .title {
  color: #333;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  margin: 10px 0;
}
.previewlink .item .status {
  line-height: 1.2em;
  margin: 10px 0;
  padding: 5px;
}
.previewlink .item .thumbnail {
  float: left;
  margin: 10px 10px 10px 5px;
  width: 105px;
}
.previewlink .item .thumbnail a {
  background-color: #ddd;
  display: table-cell;
  height: 75px;
  overflow: hidden;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 100px;
}
.previewlink .item .thumbnail img {
  max-height: 75px;
  max-width: 100px;
  vertical-align: middle;
}
.previewlink .item .attributes {
  background-color: #efefef;
  padding: 5px;
}
.previewlink .item .meta {
  display: block;
}
.previewlink .item .meta .favicon {
  height: 16px;
  margin: 0 3px 0 0;
  vertical-align: middle;
  width: 16px;
}
.btn-file {
  position: relative;
  overflow: hidden;
}
.btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.opzioni_compose .panel-heading .panel-title {
  font-size: 12px !important;
}
.opzioni_compose .panel-default > .panel-heading {
  border-color: none !important;
  border-radius: 0 !important;
  color: #646464 !important;
  background-color: #fff;
  cursor: pointer;
  cursor: hand;
}
.panel-heading {
  border: none !important;
  border-bottom: 1px solid transparent !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  padding: 10px 10px;
}
.opzioni_compose .panel-default {
  border: none !important;
  border-color: none !important;
  border-radius: 0px;
  border-bottom: 1px solid #e9e9e9 !important;
}
.opzioni_compose .panel-group .panel + .panel {
  margin-top: 0px;
}
.opzioni_compose .panel-group .panel + .panel {
  margin-top: 0px;
}
.opzioni_compose .panel-group {
  margin-bottom: 0px !important;
}
.opzioni_compose .panel-default > .panel-heading a {
  display: inline-block;
  width: 100%;
}
.linkpreview_options {
  width: 100%;
  background-color: #ffffff;
  display: inline-block;
  margin-left: 0px;
  padding: 2px 6px;
  z-index: 1;
  text-align: center;
}
.linkpreview_options > li {
  width: 11.5%;
}
.linkpreview_options > li > button {
  color: var(--ppGrey);
}
.linkpreview_options > li > button > a {
  padding: 0px;
}
.linkpreview_info {
  width: 100% !important;
  text-align: center;
}
.linkpreview_options .popover-content {
  color: #101b4a!important;
  font-size: 12px;
}
.user-search .list-group-item:first-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.user-search .list-group-item.active {
  background-color: #428bca;
  border-color: #428bca;
  color: #fff;
}
.user-search .list-group-item.active .text-muted {
  color: #ccc;
}
.user-search .list-group-item.active .text-primary {
  color: #fff;
}
.user-search .list-group-item {
  padding: 5px;
}
.user-search .user-photo {
  border-radius: 50%;
  max-height: 38px;
  max-width: 38px;
  margin-right: 10px;
}
.user-search .simbolo_social {
  width: 16px;
  height: 16px;
  left: 38px;
  top: 27px;
  position: absolute;
}
.user-search .linkedin {
  background-image: url('../assets/img/brand/social/svg/linkedin.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.user-search .facebook {
  background-image: url('../assets/img/brand/social/svg/facebook.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.user-search .twitter {
  background-image: url('../assets/img/brand/social/svg/twitter.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.user-search .instagram {
  background-image: url('../assets/img/brand/social/svg/instagram.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.user-search .user-name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tag-item {
  border: none !important;
  background: #efefef !important;
}
.tag-template-fb-location {
  float: left;
}
.tag-template-fb-location .left-panel {
  float: left;
}
.tag-template-fb-location .left-panel img {
  border-radius: 20px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.tag-template-fb-location .right-panel {
  float: left;
  margin-left: 5px;
}
.fb-location-photo {
  border-radius: 20px;
  max-height: 20px;
  max-width: 20px;
  margin-right: 5px;
}
[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
}
.contenteditable-block {
  display: block !important;
}
.contenteditable-block p {
  display: block !important;
}
.emoji,
.emojione {
  height: 20px;
}
[contenteditable] .emojione {
  margin: 0px 2px !important;
}
.composemedia-fieldset {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.btn-gallery-upload {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
}
.btn-gallery-upload:hover {
  color: #101b4a;
}
.btnCloseVideoPlayer {
  position: relative;
  float: right;
}
.gallery-upload-image {
  border: 0 none;
  border-radius: 3px;
  box-shadow: none;
  display: inline-block;
  float: none;
  height: 100px;
  line-height: normal;
  margin: 4px;
  max-height: initial;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
  width: 100px;
}
.gallery-calendar-image {
  border: 0 none;
  border-radius: 3px;
  box-shadow: none;
  display: inline-block;
  float: none;
  height: 50px;
  line-height: normal;
  margin: 3px;
  max-height: initial;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
  max-width: 50px;
  width: 100%;
}
.gallery-calendar-image .block {
  height: 50px;
  margin-bottom: 0;
}
.gallery-calendar-image .reminderPointer {
  height: 50px;
  margin-bottom: 0;
  cursor: pointer;
}
.gallery-calendar-month .gallery-count,
.gallery-calendar-image .gallery-count {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  padding-top: 15px;
  max-width: 50px;
  height: 50px;
  background-color: rgba(0, 0, 0, 0.35);
}
.gallery-calendar-month .gallery-count.video,
.gallery-calendar-image .gallery-count.video {
  position: absolute;
  top: 0;
  width: 100%;
}
.gallery-calendar-image .block .bg-image {
  height: 50px;
}
.gallery-calendar-image .reminderPointer .bg-image {
  height: 50px;
}
.gallery-calendar-image .bg-video {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.gallery-calendar-image .bg-video {
  width: 50px;
  height: 50px;
  object-fit: cover;
}
.gallery-calendar-image .click-zoom-video {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
}
.gallery-calendar-month {
  width: 30px;
  height: 30px;
  position: relative;
  float: left;
  margin-right: 5px;
}
.gallery-calendar-month.reminder {
  display: block;
}
.gallery-calendar-month .play-video-icon {
  width: 15px;
  height: 15px;
}
.gallery-calendar-month .play-video-icon > i {
  font-size: 8px;
}
.gallery-calendar-month .click-zoom-video {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: zoom-in;
}
.gallery-calendar-month .gallery-count {
  width: 30px !important;
  height: 30px !important;
  position: absolute;
  top: 0;
  padding-top: 8px;
  font-size: 12px;
  cursor: zoom-in;
}
.gallery-upload-image-top {
  color: #fff;
  height: 72px;
  line-height: 72px;
  position: absolute;
  right: 0;
  top: 0px;
  width: 100%;
  z-index: 500;
  background-color: none;
  cursor: pointer;
}
.gallery-upload-image-bottom {
  color: #fff;
  height: 28px;
  line-height: 28px;
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 100%;
  z-index: 500;
}
.gallery-upload-image-remove {
  color: #fff;
  height: 20px;
  position: absolute;
  right: 4px;
  top: 2px;
  width: 20px;
  z-index: 501;
}
.gallery-upload-image-progress {
  height: 10px;
  line-height: 10px;
  position: absolute;
  right: 0;
  bottom: 0px;
  width: 100%;
  z-index: 510;
}
.gallery-upload-image-error-ig {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 13px;
  z-index: 20;
  pointer-events: auto;
}
.icon-error-requirements-image {
  font-size: 32px;
  background-color: #fff;
  color: var(--ppRed);
  padding: 2px;
  border-radius: 100%;
}
.btn-gallery-upload-zoom {
  left: 0;
  position: absolute;
}
.btn-gallery-upload-edit {
  right: 0;
  position: absolute;
}
.gallery-upload-image-add {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  height: 100px;
  padding: 22px 20px 26px;
  width: 100px;
}
.freestock-item-slide {
  display: inline-block;
  height: 95px;
  line-height: 90px;
  margin: 0 0 4px;
  padding: 2px 3px;
  width: auto;
}
.freestock-item-slide {
  display: inline-block;
  float: none;
}
.freestock-item-slide a {
  background-color: #dedede;
}
.freestock-item-slide a:hover {
  background-color: var(--ppCyan) !important;
}
.telegram_markdown {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  border: 1px solid #ccc;
  font-size: 12px;
  line-height: 1.42857143;
  color: #333;
  padding: 4px;
  word-wrap: break-word;
  background-color: #f5f5f5;
  margin-bottom: 10px;
}
.telegram_markdown_res {
  font-size: 13px;
  border: 1px solid #ccc;
  padding: 4px;
}
.telegramCode {
  color: rgba(78, 115, 145, 0.8);
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
}
.telegramPre {
  display: block;
  padding: 3px 5px;
  background-color: #eaeff2;
  color: #4e7391;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  border-left: 3px solid rgba(78, 115, 145, 0.5);
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
}
.telegramHref {
  color: var(--ppCyan) !important;
}
.telegramHref:focus {
  color: #17768f !important;
  text-decoration: none;
}
.label-targeting {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 0px;
}
.alignRightElem {
  text-align: right;
}
.msgTable {
  width: 100%;
  overflow-y: scroll;
  padding: 0px 15px;
  margin-bottom: 20px;
  height: 250px;
}
.msgTable > table {
  height: fit-content;
}
.lineSearchMessage {
  height: 40px;
  padding: 0px 20px;
  display: block;
}
.lineSearchMessage > input {
  width: 65% !important;
  float: left;
}
.lineSearchMessage > button {
  float: right;
}
.msgPredefinito {
  width: 80%;
}
.msgPredefinito > div {
  max-width: 250px;
}
.msgPredefinito > p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messageList {
  width: 100%;
  overflow-y: scroll;
  height: 350px;
  margin-bottom: 10px;
  padding-top: 10px;
}
.messageBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid var(--ppMidGrey);
  border-radius: 5px;
  background-color: var(--ppBodyGrey);
  margin-bottom: 10px;
}
.messageBlock:hover {
  border: 1px solid var(--ppCyan);
}
.messageBlock:hover .messageActions {
  opacity: 1;
}
.messageContent {
  display: flex;
  align-items: center;
}
.messageMain {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.messageText {
  color: var(--ppBlue);
  font-weight: bold;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.messageText:hover {
  color: var(--ppCyan);
}
.messageTitle {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messageDescription {
  color: var(--ppDarkGrey);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  font-weight: 400;
  /* righe da visualizzare */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* --- --- */
}
.messageActions {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.messageActions > a {
  color: var(--ppMattGrey);
  padding: 5px;
}
.messageActions > a:hover {
  color: var(--ppCyan);
}
.messageEdit {
  width: 100%;
  overflow-y: scroll;
  height: 450px;
  padding-top: 0px;
}
.btnMessage {
  bottom: 0;
  position: absolute;
  right: 0;
  padding-bottom: 20px;
  padding-right: 40px;
}
.boxSearchMention {
  width: 100%;
  padding: 20px;
}
.boxMentionList {
  width: 100%;
  height: 415px;
  overflow: hidden;
  padding: 0px 20px;
}
.boxMentionList md-tab-content {
  overflow: hidden;
}
.boxMentionList md-pagination-wrapper md-tab-item {
  min-width: 90px;
}
.boxMentionList .md-tab {
  text-transform: capitalize;
}
.boxMentionList .mentionList {
  overflow: scroll;
  height: 310px;
  padding: 0px;
}
.modalAIAssistant {
  width: 600px;
}
.titleModalAI {
  font-size: 24px;
  font-weight: 500;
  color: var(--ppBlue);
  display: flex;
  align-items: center;
}
.titlePowerby {
  font-size: 14px;
  color: var(--ppBlue);
  margin-top: 10px;
  margin-right: 10px;
  display: block ruby;
}
.closeWindowAIAssistant {
  margin-top: 5px !important;
  cursor: pointer;
  float: right !important;
  color: var(--ppMattGrey);
}
.selectValueRadioButton {
  display: inline;
}
.selectSuggestTipology {
  background: white !important;
  font-weight: 700;
  color: var(--ppCyan);
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.selectSuggestTipology:focus {
  background: white;
}
.titleResultsAIAssistant {
  font-weight: 700;
  font-size: 16px;
  color: var(--ppBlue);
}
.resultConsumptionToken {
  font-size: 12px;
  color: var(--ppMattGrey);
  text-align: right;
}
.borderBottomAIAssistantTitle {
  border-bottom: 1px solid transparent;
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
}
.textAreaInput {
  color: var(--ppDarkGrey);
  padding: 6px 12px;
  font-size: 14px;
  line-height: 140%;
  width: 100%;
  border: none;
  border-bottom: 1px var(--ppMidGrey) solid;
  min-height: 140px;
}
.textAreaInput:focus {
  border-bottom: 2px var(--ppCyan) solid;
}
.textAreaInputMinHeight {
  min-height: 100px;
}
.titleAIAssistant {
  font-size: 16px;
  font-weight: 500;
  color: var(--ppBlue);
}
.subTitleAIAssistant {
  font-size: 14px;
  font-weight: 500;
  margin-top: 20px;
}
.placeholderSubTitleAIAssistant {
  font-size: 14px;
  line-height: 140%;
  border: none;
  border-bottom: 1px var(--ppMidGrey) solid;
  border-radius: 0px;
}
.selectedItemAIAssistant {
  font-size: 16px;
  font-weight: 700;
  color: var(--ppCyan);
  background-color: var(--ppCyanLight);
}
.optionalTitle {
  font-weight: 400;
  color: var(--ppMattGrey);
}
.tasto-new {
  font-weight: 500;
  border-radius: 5px;
  color: #21add1;
  border: 1px solid #21add1;
  font-size: 11px;
  padding: 0px 5px;
}
.pulsanti-compose {
  padding: 10px;
  line-height: 2.4em;
  min-width: 170px;
  padding-bottom: 20px;
  position: absolute;
  left: auto;
}
.tooltipWhite + .tooltip > .tooltip-inner {
  background-color: #ffffff;
  color: var(--ppBlue);
  font-size: 14px;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
  max-width: 250px;
  box-shadow: 2px 2px 2px #dedede;
}
.placeholderSubTitleAIAssistant:focus {
  background-color: white;
  border-bottom: 2px var(--ppCyan) solid;
}
.conteinerCharacterNumber {
  display: flex !important;
  width: 100%;
}
.generaButtonAIAssistant {
  font-weight: 800;
  font-size: 16px;
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.resultButtonAI {
  font-weight: 500;
  border-radius: 5px;
  padding: 5px 10px;
  color: var(--ppBlue);
  background-color: #ffffff;
  border-color: var(--ppMidGrey);
  font-size: 13px;
  width: 100%;
  margin-bottom: 20px;
}
.btn-primary.resultButtonAI:hover {
  color: var(--ppBlue);
  background-color: var(--ppMidGrey);
  border-color: var(--ppMidGrey);
}
.titleResultAI {
  border-radius: 5px;
  padding-bottom: 10px;
}
.spellCheckDialog,
.hashtagDialog,
.suggestAIDialog,
.resumeTextAIDialog,
.promoteAITextDialog,
.translateAIDialog,
.freeAITextDialog {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  max-height: 60vh;
}
@media (min-width: 768px) {
  .spellCheckDialog,
  .hashtagDialog,
  .suggestAIDialog,
  .resumeTextAIDialog,
  .promoteAITextDialog,
  .translateAIDialog,
  .freeAITextDialog,
  .dialogAIAssistanClass .aiEditorDialog {
    width: 600px;
  }
  .dialogWindowClass {
    width: 500px;
  }
  .aiEditorDialog {
    width: 500px;
  }
  .mentionDialog {
    height: 500px;
    width: 500px;
  }
  .popover {
    width: 400px;
    max-width: 500px;
    max-height: 405px;
  }
  .popover-content {
    width: 400px;
    max-width: 500px;
  }
}
@media (min-width: 360px) and (max-width: 768px) {
  .popover {
    width: 220px;
  }
  .popover-content {
    width: 220px;
  }
  .iconViewComposeChannels {
    width: 45px;
    height: 45px;
  }
  .compose_channels .foto_profilo {
    width: 45px;
    height: 45px;
  }
  .compose_channels .simbolo_social {
    position: absolute;
    top: 10px;
    left: 25px;
    width: 15px;
    height: 15px;
  }
  .inputText {
    padding-left: 0px !important;
  }
  .quickPreviewTitle {
    margin-top: 0px;
    font-size: 20px !important;
  }
  .quickPreview {
    padding-right: 10px !important;
  }
  .toBackCompose {
    padding-left: 10px !important;
  }
  .titleModalAI {
    margin-top: 20px;
    font-size: 13px;
  }
  .titlePowerby {
    display: none;
  }
  .selectValueRadioButton {
    display: block;
  }
  .spellCheckDialog,
  .hashtagDialog,
  .mentionDialog,
  .resumeTextAIDialog,
  .promoteAITextDialog,
  .suggestAIDialog,
  .translateAIDialog,
  .freeAITextDialog,
  .dialogAIAssistanClass .aiEditorDialog {
    width: 80vw;
    min-width: 320px;
  }
  .dialogWindowClass {
    width: 320px;
  }
  .resultConsumptionToken {
    text-align: unset;
  }
  .msgTable > table,
  .msgTable > table > tbody .msgTable > table > tbody > tr {
    display: inline-block;
    width: 100%;
  }
  .msgPredefinito {
    cursor: pointer;
    word-wrap: break-word;
    max-width: 165px !important;
  }
  .msgPredefinito > div {
    max-width: 130px;
  }
  .msgOption {
    width: 15px;
  }
  .lineSearchMessage {
    height: 35px;
    display: inline-block;
    width: 100%;
  }
  .campaginLineSearch {
    height: 35px;
    display: inline-block;
    width: 100%;
  }
}
.box-info-link-preview {
  padding: 5px;
  background-color: #e4e4e4;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.box-info-link-preview div {
  display: table;
  margin-right: auto;
  margin-left: auto;
}
.box-info-requirements-image {
  padding: 5px;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.typeViewChannel {
  padding-bottom: 5px;
}
.labelTypeViewChannel {
  position: relative;
  float: left;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
}
.labelTypeViewMultiChannel {
  position: relative;
  float: left;
  min-height: 1px;
  text-transform: uppercase;
  width: 100%;
}
.iconTypeViewChannel {
  position: relative;
  float: right;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.boxChannelMenu {
  display: inline-block;
}
.boxChannelMenu > button {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  font-size: 12px;
}
.boxChannelMenu > button > ul {
  width: 50%;
  max-height: 390px;
  overflow-y: auto;
}
.boxChannelMenu .dropdown-menu > li > a:focus {
  background-color: unset;
}
.boxChannelMenu .elenco_social {
  border: none;
  margin: 0;
  padding: 0;
  height: 45px;
}
.inputText {
  padding: 10px 0 10px 10px;
  margin-bottom: -1px;
  word-wrap: break-word;
  min-height: 45px;
  display: block !important;
  max-width: 480px !important;
  font-weight: 300;
  font-size: 15px;
}
.inputText .modal-object {
  display: contents !important;
}
.composePlayVideo {
  height: auto;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
  max-height: 570px;
  max-width: 570px;
}
.removeThumbVideo {
  color: #fff;
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 2;
}
.removeVideoCompose {
  color: #fff;
  position: relative;
  right: 23px;
  top: 23px;
  z-index: 2;
}
.errorVideoComposeIG {
  position: absolute;
  bottom: 45%;
  left: 45%;
  z-index: 2;
}
.errorVideoComposeIGSidebar {
  position: absolute;
  z-index: 2;
  top: -5px;
  left: -7px;
}
.icon-error-requirements-video {
  font-size: 60px;
  background-color: #fff;
  color: var(--ppRed);
  padding: 2px;
  border-radius: 100%;
}
.buttonThumbUpload {
  margin-bottom: 15px;
  width: 100%;
}
.fullWidth a,
.fullWidth input,
.fullWidth button {
  width: 100% !important;
}
.optionAdd {
  padding: 12px;
  background-color: #fff;
  height: 42.4px;
}
.optionAdd a,
.optionAdd i {
  color: #646464;
}
.optionAdd :hover a,
.optionAdd :active a,
.optionAdd :hover i,
.optionAdd :active i {
  color: #0c92cf;
}
.optionAdd :active {
  margin-bottom: 10px;
}
.globeLink {
  margin-top: 10px;
  margin-bottom: 5px;
}
.quickEdit {
  margin-top: 20px;
}
.quickEdit > h2,
.quickEdit > p {
  padding-left: 5px;
  padding-right: 5px;
}
.closeQuickEdit {
  color: #cacbcb;
  opacity: 0.6;
  float: right;
}
.quickPreviewTitle {
  margin-top: 15px;
  margin-bottom: 30px;
  font-size: 24px;
  cursor: pointer;
}
.quickPreview {
  color: var(--ppCyan);
  padding-right: 20px;
  border-right: 1px solid var(--ppGrey);
  font-weight: 600;
}
.toBackCompose {
  padding-left: 20px;
  color: var(--ppMattGrey);
  text-decoration: underline;
  font-weight: normal;
}
.toBackCompose:focus,
.toBackCompose:hover {
  color: var(--ppGrey);
  text-decoration: none;
}
@media (max-width: 991px) {
  .globeLink {
    margin-left: 10px;
  }
}
.optionTelegramPoll {
  display: inline-flex;
  width: 100%;
}
.optionTelegramPoll > span {
  display: inline-block;
  width: 10%;
  min-height: 32px;
  padding-top: 10px;
}
.optionTelegramPoll > textarea {
  max-width: 85%;
  min-height: 32px;
  float: right;
  margin-left: 5px;
  margin-top: 4px;
  resize: block;
}
.addQuestionPoll {
  resize: block;
  min-height: 32px;
  margin-bottom: 10px;
}
.emojiTelegramReaction {
  padding: 4px 6px;
  background-color: #e4e4e4;
  font-size: 18px;
  margin: 2px;
  border-radius: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.selectOptYT {
  font-size: 12px;
  padding: 6px;
  display: inline;
}
.boxAdvancedOptions {
  margin-bottom: 18px;
  margin-top: 20px;
  border: 1px solid #e9e9e9;
}
.textAreaNoteAdvancedOptions {
  width: 100%;
  min-height: 104px;
  padding: 10px;
  resize: vertical;
}
.menuTypeViewChannel {
  left: auto;
  right: 0px;
  top: 12px;
}
.optinoTelegramPin {
  width: 90%;
  display: block;
  float: right;
}
.infoLink {
  color: var(--ppGrey);
  padding: 0px 0px 0px 15px;
}
.infoLink .contentInfoLink {
  font-size: 13px;
  padding: 0px;
  margin-bottom: 5px;
  background-color: #f5f5f5;
  border: none;
  word-wrap: break-word;
  width: 96%;
}
.infoLink > a {
  font-size: 12px !important;
  color: var(--ppCyan) !important;
}
.imgGiphy {
  height: 150px;
  object-fit: contain;
  width: auto !important;
  margin-left: auto;
  margin-right: auto;
}
.shortenLinkCheck {
  margin-top: -4px;
  margin-left: 11px;
  float: left;
  width: 100%;
}
.boxOptions {
  margin-bottom: 0px;
  margin-top: 15px;
  padding: 12px;
  border: 1px solid #e9e9e9 !important;
  display: flow-root;
  background-color: #fff;
  color: var(--ppGrey);
  border-radius: 2px;
  cursor: pointer;
}
.btnScheduleMenu {
  margin-top: 15px;
  margin-bottom: 0px;
  padding: 12px;
  border: 1px solid var(--ppCyan) !important;
  display: flow-root;
  background-color: var(--ppCyan) !important;
  color: #fff;
  border-radius: 2px;
  cursor: pointer;
}
.elmentBtnSchedule {
  display: block;
  background-color: var(--ppCyan);
  font-weight: 400;
}
.optionSchedule {
  display: grid;
  margin-bottom: 0px;
  padding: 10px 0px;
  border: 1px solid #e9e9e9;
  border-top: none;
}
.positionBaseline {
  display: grid;
  place-items: baseline;
}
.optionSchedule div {
  color: #646464 !important;
  display: block;
  padding: 5px 10px;
}
.btnAddSeries {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: none;
}
.spinnerLoader {
  text-align: center;
  margin-bottom: 40px;
}
.aspect-ratios > .aspect-ratio > .preview {
  margin-left: auto;
  margin-right: auto;
}
.customPixieEditor {
  z-index: 999999;
}
.img-fluid {
  max-width: 100%;
  height: auto;
  width: auto;
  max-height: 574.66px;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  .img-fluid {
    max-height: 396.25px;
  }
}
@media (min-width: 766px) and (max-width: 1024px) {
  .img-fluid {
    max-height: 365.5px;
  }
}
.buttonMenuCompose {
  cursor: pointer;
  border: transparent;
  background-color: transparent !important;
}
.logoExtension {
  cursor: pointer;
  height: 20px;
  border: transparent;
  background-color: transparent !important;
}
.titleButtonExtension {
  text-align: center;
  margin-bottom: 10px;
}
.buttonExtensionLeft {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #e9e9e9;
}
.disableComposeOpt {
  opacity: 0.4;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
}
.contatori {
  color: var(--ppMattGrey);
  font-size: 12px;
  padding-right: 15px;
}
.windowComposer {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  z-index: 2500 !important;
  background-color: rgba(0, 0, 0, 0.3);
}
.windowComposer .modal-object .modal-body > ul {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  display: inline;
}
.windowComposer .modal-object .modal-body > ul > li {
  margin-right: 15px;
}
.windowComposer .modal-object .modal-body > ul .post-review {
  border: none;
  padding: 0px;
}
.windowGeneric {
  top: 8vh;
}
.windowGenericPadding {
  padding-top: 8vh;
}
.modalTelegramGuide {
  z-index: 10001 !important;
  padding-top: 8vh;
}
.windowTwitterSearch {
  padding-top: 8vh;
}
@keyframes reTag {
  0%,
  100% {
    opacity: 1;
    transform: scale(1, 1);
  }
  50% {
    opacity: 1;
    transform: scale(1.2, 1.2);
  }
}
.windowTagIG {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  z-index: 2500 !important;
  background-color: rgba(0, 0, 0, 0.3);
  display: grid !important;
  place-items: center !important;
  margin-top: 0% !important;
  /* pointer tag */
  /* .removeButton {
        margin-left: auto;
    } */
}
.windowTagIG div.modal-header {
  min-height: 60px;
  padding-right: 8px;
}
.windowTagIG .carousel {
  padding: 0px;
  min-height: 75px !important;
  border: 0px;
}
.windowTagIG div.modal-dialog.modal-lg {
  display: grid !important;
  place-items: center !important;
  position: absolute;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.windowTagIG .blockOptionsText {
  font-size: 18px;
  color: #000000;
}
.windowTagIG .modal-content {
  padding: 15px;
  border-radius: 10px;
}
.windowTagIG .modalVer .modalCard {
  max-height: 540px !important;
}
.windowTagIG .modalVer .modalCard .modal-object > ul {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  display: inline;
}
.windowTagIG .modalVer .modalCard .modal-object > ul > li {
  margin-right: 15px;
}
.windowTagIG .modalVer .modalCard .modal-object > ul .post-review {
  border: none;
  padding: 0px;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-mediaWrapper {
  padding: 0;
  background: #0000;
  float: left;
  border-radius: 2px 0 0 2px;
  object-fit: contain;
  border: 0.8px solid #eaeaea3c !important;
  display: flex;
  block-size: auto;
  object-fit: cover;
  justify-content: center;
}
.windowTagIG .modalVer .modalCard .modal-object .media {
  display: block;
  width: fit-content;
  height: auto;
  max-height: 480px !important;
  max-width: 480px;
}
.windowTagIG .modalVer .modalCard .modal-object .btn-primary-tag {
  padding: 6px;
  border-radius: 50%;
  margin-left: 5px;
  margin-top: 2px;
}
.windowTagIG .modalVer .modalCard .modal-object .btn-primary-tag-user {
  padding: 3px;
  border-radius: 50%;
  margin-top: 2px;
}
.windowTagIG .modalVer .modalCard .modal-object .inputAction {
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: inset 0 0 0 1px #f3f6f9;
  background: #f3f6f9;
  border-radius: 3px;
  overflow: hidden;
}
.windowTagIG .modalVer .modalCard .modal-object .inputActionProduct {
  position: relative;
  box-shadow: inset 0 0 0 1px #f3f6f9;
  background: #f3f6f9;
  border-radius: 3px;
  overflow: hidden;
  min-width: 220px;
}
.windowTagIG .modalVer .modalCard .modal-object .inputActionIcon-left,
.windowTagIG .modalVer .modalCard .modal-object .inputActionIcon-right,
.windowTagIG .modalVer .modalCard .modal-object label.inputActionIcon-left,
.windowTagIG .modalVer .modalCard .modal-object label.inputActionIcon-right {
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 16px;
  line-height: 34.5px!important;
  font-weight: 600;
  color: #bbcbda;
  z-index: 2;
}
.windowTagIG .modalVer .modalCard .modal-object .inputTag {
  margin-top: 3px;
  padding: 5px;
  padding-left: 6px;
  border: 0px;
  background: #f3f6f9;
}
.windowTagIG .modalVer .modalCard .modal-object .inputTagProduct {
  margin-top: 3px;
  padding: 2px;
  padding-left: 6px;
  border: 0px;
  background: #f3f6f9;
}
.windowTagIG .modalVer .modalCard .modal-object .btnLoadProducts {
  border: 1px solid #dedede;
  background-color: #fff;
  border-radius: 0;
  border-top: none;
}
.windowTagIG .modalVer .modalCard .modal-object .inputTagSelect {
  width: 225px;
  padding-left: 5px;
}
.windowTagIG .modalVer .modalCard .modal-object .rowProduct {
  width: 235px;
  margin-top: -9px;
  padding-left: 10px;
}
.windowTagIG .modalVer .modalCard .modal-object .width225 {
  width: 225px !important;
}
.windowTagIG .modalVer .modalCard .modal-object .width219 {
  width: 219px !important;
}
.windowTagIG .modalVer .modalCard .modal-object .width229 {
  width: 229px !important;
}
.windowTagIG .modalVer .modalCard .modal-object .maxWidth219 {
  max-width: 219px !important;
}
.windowTagIG .modalVer .modalCard .modal-object .selectHeight {
  height: 45px;
}
.windowTagIG .modalVer .modalCard .modal-object .inputTag::after {
  content: ' ';
  display: table;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-media {
  object-fit: contain;
  cursor: pointer;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper {
  padding-top: 0px;
  margin-top: 0px;
  position: relative;
  background: #fff;
  border-radius: 0 2px 2px 0;
  width: 278px;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .block-header-border {
  border: 0.2px solid #d2d2d2;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .modalHeader {
  background: #fff;
  min-height: 50px;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .u--p-b-md,
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .u--p-tb-md {
  padding-bottom: 1.5rem!important;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .u--p-t-md,
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .u--p-tb-md {
  padding-top: 1.5rem!important;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .modalBody {
  max-height: 150px;
  position: absolute;
  top: 70px;
  overflow: scroll;
  margin: 0;
  padding: 0;
  border: 2px solid #ccc;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .listUnstyle {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .listItemTag {
  padding: 8px 2px 8px 10px;
  transition: 0.2s ease-in;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .listItemTagVideo {
  width: 245px;
  transition: 0.2s ease-in;
  border-top: 1px solid #f3f6f9;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .paddingList {
  padding: 8px 2px 8px 10px;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .block-content-video {
  margin: 0 auto;
  padding: 20px 20px 1px;
  max-width: 100%;
  overflow-x: visible;
  transition: opacity 0.2s ease-out;
  padding: 20px;
  height: 360px;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .labelNumberTags {
  padding-top: 14px;
  padding-bottom: 10px;
}
.windowTagIG .modalVer .modalCard .modal-object .cDT--modal-infoWrapper .variant {
  display: flex;
  flex-direction: row;
  margin-left: 50px;
}
.windowTagIG .modalVer .modalCard .modal-object .modalFooter {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 480px;
  right: 0;
  border-radius: 0 0 3px 3px;
  background: #fff;
  width: 278px;
  padding: 5px;
}
.windowTagIG .modalVer .modalCard .modal-object .button-confirm {
  display: flex;
  flex-direction: column;
  margin-top: 6px;
  align-items: center;
  font-weight: bold;
  border-radius: 3px;
}
.windowTagIG .modalVer .modalCard .modal-object .button-add-tag {
  display: flex;
  flex-direction: row;
  margin-top: 9px;
  border-radius: 3px;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.windowTagIG .modalVer .modalCard .modal-object .modal-body-row {
  padding: 0px !important;
  margin: 0px !important;
  display: flex;
  flex-direction: row !important;
}
.windowTagIG .modalVer .cDT--modal {
  transform: translateX(0);
  transition: transform .3s ease;
  min-height: 250px;
}
.windowTagIG .modalVer .modalCard,
.windowTagIG .modalVer .modalCard--narrow {
  position: relative;
  margin: 0 auto;
  padding: 0;
  overflow-y: visible;
  background: #fff;
  z-index: 502;
  border-radius: 3px;
  transition: transform 0.3s ease-out;
}
.windowTagIG .modalBodyWrapper {
  overflow: hidden;
  overflow-y: scroll;
}
.windowTagIG .padding020 {
  padding: 0px 20px !important;
}
.windowTagIG .padding010 {
  padding: 0px 10px !important;
}
.windowTagIG .containerSelectProductVideo {
  width: 100%;
  padding: 10px 5px 0px 5px;
  border-left: 1px solid #e5e5e5;
  border-radius: 2px 2px 4px 4px;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  box-shadow: inset 0 0 0 0.1px #dedede;
  background: #f3f6f9;
}
.windowTagIG .modalBodyWrapper.has--footer {
  bottom: 63px;
}
.windowTagIG .carousel-thumbnailsWrapper {
  display: block;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  margin-top: 2px;
}
.windowTagIG .touch-action {
  overflow: hidden!important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
.windowTagIG .carousel-thumbnails {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: .75rem;
}
.windowTagIG .carousel-thumbnails,
.windowTagIG .modalBody {
  flex-direction: row;
}
.windowTagIG .cLB--thumbnail,
.windowTagIG .carousel-thumbnailItem.mediaContainer {
  overflow: visible;
}
.windowTagIG .mediaContainer {
  overflow: visible;
}
.windowTagIG .carousel-thumbnailItem:not(:last-child),
.windowTagIG .carousel-thumbnailsWrapper .dragSortItem:not(:last-child) {
  margin-right: 3px;
}
.windowTagIG .carousel-thumbnailItem {
  position: relative;
  flex: 0 0 auto;
  width: 73px;
  height: 73px;
  background: #dce4ec;
  cursor: pointer;
}
.windowTagIG .icon-tag-image {
  font-size: 25px;
  color: #fff;
  padding: 2px;
  border-radius: 100%;
}
.windowTagIG .p-center-absolute {
  position: absolute !important;
  top: 30% !important;
  left: 30% !important;
}
.windowTagIG .mediaContainer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f3f6f9;
  overflow: hidden;
}
.windowTagIG .mediaContainer .media {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50%;
  object-position: 50%;
}
.windowTagIG .media {
  display: block;
  width: 100%;
  height: auto;
}
.windowTagIG .carousel-thumbnailOverlay,
.windowTagIG .carousel-thumbnailOverlay--error,
.windowTagIG .carousel-thumbnailOverlay--warning {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  color: #fff;
}
.windowTagIG .carousel-thumbnailOverlay.is--active,
.windowTagIG .is--active.carousel-thumbnailOverlay--error,
.windowTagIG .is--active.carousel-thumbnailOverlay--warning {
  box-shadow: inset 0 0 0 3px #21add1,inset 0 0 0 5px #fff;
}
.windowTagIG .carousel-thumbnailItem {
  position: relative;
  flex: 0 0 auto;
  width: 73px;
  height: 73px;
  background: #dce4ec;
  cursor: pointer;
}
.windowTagIG .cTG--tag.is--active {
  cursor: pointer;
  background-color: #101b4a;
  border: 2px solid #fff;
}
.windowTagIG .cTG--tag.is--active-other {
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #101b4a;
}
.windowTagIG .tool-tip-btn {
  background-color: #101b4a;
}
.windowTagIG .cTG--tag {
  position: absolute;
  width: 35px;
  height: 35px;
  margin-left: -15px;
  margin-top: -15px;
  background-color: rgba(43, 48, 59, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  font-size: 1rem;
  color: #fff;
  vertical-align: middle;
  line-height: 28px;
  transform-origin: center 50%;
}
.windowTagIG .img-profile {
  width: 25px;
  height: 25px;
  margin: 0px;
  border-radius: 50%;
}
.windowTagIG .img-product {
  width: 43px;
  height: 43px;
  margin: 0px;
  border: 1px solid #dedede;
}
.windowTagIG .img-product-tagged {
  width: 35px;
  height: 35px;
  margin: 0px;
  border: 1px solid #dedede;
}
.windowTagIG .scrollableTags {
  height: 150px;
  overflow: hidden;
  overflow-y: scroll;
}
.windowTagIG .listItemProduct {
  height: 43px;
}
.windowTagIG .listItemProduct:hover {
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
  color: #fff !important;
}
.windowTagIG .textDarkGrey {
  color: var(--ppGrey);
}
.windowTagIG .colorWhite:hover {
  color: #fff !important;
}
.windowTagIG .form-control .fa-search {
  position: absolute;
  left: 10px;
  right: auto;
  margin-top: 2px;
}
.windowTagIG .form-control .fa-search-video {
  position: absolute;
  right: auto;
  left: 40px !important;
  margin-top: 2px;
}
.windowTagIG .inputSearch {
  border: none;
  width: inherit;
  padding-left: 15px;
  font-size: 13px;
}
.windowTagIG .inputSearchUser {
  border: none;
  width: inherit;
  padding-left: 15px;
  font-size: 14px;
}
.windowTagIG .product-image {
  width: 35px;
  height: 35px;
  object-fit: cover;
  margin-right: 5px;
}
.windowTagIG .formUserTag {
  position: absolute;
  box-shadow: inset 0 0 0 0.1px #dedede;
  background: #f3f6f9;
  padding: 5px;
  flex-direction: row;
  display: flex;
  left: 44px;
  top: 289px;
  z-index: 1;
  border-radius: 5px;
  border-bottom: 0.2px solid #dedede;
  /* border: 0.4px solid #dedede; */
  border-left: 0.2px solid #dedede;
  border-right: 0.2px solid #dedede;
}
.windowTagIG .formProductTag {
  position: absolute;
  box-shadow: inset 0 0 0 0.1px #dedede;
  background: #f3f6f9;
  padding: 5px;
  flex-direction: row;
  display: flex;
  left: 44px;
  top: 289px;
  z-index: 1;
  border-radius: 5px;
  border-bottom: 0.2px solid #dedede;
  /* border: 0.4px solid #dedede; */
  border-left: 0.2px solid #dedede;
  border-right: 0.2px solid #dedede;
  width: 260px;
}
.windowTagIG .formInitTag {
  position: absolute;
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0% 0%;
  padding: 12px;
  flex-direction: row;
  display: flex;
  left: 44px;
  top: 289px;
  z-index: 1;
  border-radius: 5px;
  left: 140px;
  top: 100px;
}
.windowTagIG .flexCol {
  display: flex;
  flex-direction: column;
}
.windowTagIG .rotate90 {
  transform: rotate(90deg);
  top: -10px;
}
.windowTagIG .triangle {
  background: #f3f6f9;
  position: absolute;
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  height: 20px;
  width: 15px;
  border: 3px solid #f3f6f9;
  box-shadow: inset 0 0 0 0.2px #dedede;
}
.windowTagIG .triangle-black {
  background: rgba(0, 0, 0, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.85);
  position: absolute;
  clip-path: path('M8 0C8 4 9.32406e-08 7.819 1.25211e-07 10.5C1.57188e-07 13.1815 8 17.0005 8 21L8 0Z');
  height: 20px;
  width: 15px;
  bottom: -10px;
}
.windowTagIG .rotate270 {
  transform: rotate(270deg);
  top: -10px;
}
.windowTagIG .click-tag-text {
  color: white;
  padding: 5px;
  font-weight: bold;
}
.windowTagIG .cMS--colorBox,
.windowTagIG .cTG--tag {
  height: 30px;
}
.windowTagIG .cMS--close,
.windowTagIG .cMS--nav,
.windowTagIG .cMS--panelList-link,
.windowTagIG .cPV--footer,
.windowTagIG .cTG--tag {
  text-align: center;
}
.windowTagIG .cTG--tag.is--active {
  cursor: pointer;
  background-color: #101b4a;
  border: 2px solid #fff;
}
.windowTagIG .cTG--tagWrapper.is--retag .cTG--tag.is--active {
  animation-delay: 0;
  animation: reTag 0.3s ease-in forwards;
}
.windowTagIG .cTG--tag {
  position: absolute;
  width: 30px;
  margin-left: -15px;
  margin-top: -15px;
  background-color: rgba(43, 48, 59, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  font-size: 1rem;
  color: #fff;
  vertical-align: middle;
  line-height: 28px;
  transform-origin: center 50%;
}
.windowTagIG .cTG--other-tag {
  position: absolute;
  width: 30px;
  margin-left: -15px;
  margin-top: -15px;
  background-color: white;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  font-size: 1rem;
  color: #fff;
  vertical-align: middle;
  line-height: 28px;
  transform-origin: center 50%;
}
.windowTagIG .cMS--close,
.windowTagIG .cMS--nav,
.windowTagIG .cMS--panelList-link,
.windowTagIG .cPV--footer,
.windowTagIG .cTG--tag {
  text-align: center;
}
.windowTagIG .cTG--tagWrapper {
  cursor: pointer;
}
@media (min-width: 992px) {
  .windowComposer {
    display: grid !important;
    place-items: center;
  }
  .windowComposer .modal-dialog {
    width: 910px;
    min-height: 650px;
    height: 90%;
    display: table;
    background-color: white;
    border-radius: 10px;
    overflow-y: unset !important;
  }
  .windowComposer .modal-dialog .modal-content {
    min-height: 650px;
    height: 100%;
    display: inline-table;
    border-radius: 10px;
  }
  .windowComposer .modal-dialog .modal-content .modal-object {
    width: 650px;
    min-height: 650px;
    height: 100%;
    float: left;
    padding: 15px;
    box-shadow: 6px 0px 12px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    display: table !important;
  }
  .windowComposer .modal-dialog .modal-content .modal-object .modal-header {
    display: inline-block;
    width: 100%;
    border: none;
    padding-right: 5px;
  }
  .windowComposer .modal-dialog .modal-content .modal-menu {
    width: 260px;
    min-height: 650px;
    height: 100%;
    float: right;
    background-color: var(--ppCyan);
    border-radius: 0px 10px 10px 0px;
  }
  .windowComposer .tooltip {
    padding: 3px;
    max-width: 100px;
    word-wrap: break-word;
  }
  .composerMenuItem > div {
    padding: 10px 20px;
  }
  .boxOptionsIntermedio {
    color: var(--ppBlue);
    background-color: #fff;
    border-top-right-radius: 10px;
    border-bottom: 0.5px solid #e9e9e9;
    padding: 12px;
    padding-left: 20px;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    margin: 0px;
    font-size: 14px;
  }
  .boxOptionsIntermedio:hover {
    background-color: #e9e9e9;
  }
  .composeOptIntermedio {
    max-height: 435px;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: thin;
  }
  .composeOptIntermedio .nav-tabs,
  .composeOptIntermedio .opzioni_compose .panel-default > .panel-heading {
    padding-left: 20px;
    padding-right: 20px;
  }
  .composePlayVideo {
    max-height: 340px;
  }
  .composePlayVideoTagModal {
    max-height: 190px !important;
  }
  .composePlayVideoTagModalUser {
    height: 250px !important;
  }
}
/* @media (max-width: 991px) {
    .windowComposer {
        display: block;
        overflow: unset;
        .modal-dialog {
            height: 90%;
            .modal-content {
                height: 100%;
                border-radius: 10px;
                .modal-header {
                    display: flow-root;
                    border: unset;
                    padding-bottom: 0px;
                    position: fixed;
                    top: 0;
                    width: 100%;
                    z-index: 2500;
                }
                .modal-object {
                    display: block;
                    height: 100%;
                }
                .modal-menu {
                    padding: 0px 15px;
                    width: 100%;
                }
            }
        }
        .tooltip {
            display: none !important;
        }
    }

    .boxEditorContent {
        bottom: 45px;
        position: fixed;
        > ul {
            overflow: scroll;
            height: 100%;
        }
    }

    .boxEditorMobile {
        width: 100%;
        height: 90%;
        bottom: 45px;
        position: absolute;
        display: inline-block !important;
    }

    .mobileComposeCalendar {
        .datetimepicker {
            margin-bottom: 5px !important;
        }
    }

    .optionMobileMenu {
        width: 25%;
        position: fixed !important;
        padding: 0;
        backface-visibility: hidden;
        background-color: #fff;
        bottom: 0px;
        margin-bottom: 0px;
        z-index: 2500;
        left: 0px;
        > div {
            padding: 12px;
            width: 100%;
            font-weight: 500;
            margin: 0px;
            font-size: 14px;
        }
    }

    .composerMobileMenu {
        display: flex;
        width: 75%;
        position: fixed !important;
        padding: 0;
        backface-visibility: hidden;
        bottom: 0px;
        right: 0px;
        margin-bottom: 0px;
        z-index: 2500;
        > div {
            padding: 12px !important;
        }
    }

    .composeOptIntermedio {
        height: 85%;
        overflow-y: scroll;
        scrollbar-width: thin;
    }
    
    .composeOptIntermedio,
    .composerMenuItem {
        width: 100%;
        position: fixed !important;
        backface-visibility: hidden;
        bottom: 44.5px;
        right: 0px;
        box-shadow: 0px -6px 12px 0px rgba(0,0,0,0.2) !important;
        z-index: 1120 !important;
    }

    .composerTitle {
        font-size: 16px !important;
    }

    .composePlayVideo {
        max-height: 340px;
    }

    .composerMenuBtn {
        border: none !important;
    }
} */
.boxEditor {
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
}
.boxEditorContent {
  width: 100%;
  height: 88%;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  padding-right: 0px;
  padding-top: 0px;
  word-break: break-word;
}
@media screen and (max-height: 650px) {
  .boxEditorScheduling {
    height: 80% !important;
  }
}
@media screen and (min-height: 651px) and (max-height: 750px) {
  .boxEditorScheduling {
    height: 83% !important;
  }
}
@media screen and (min-height: 751px) and (max-height: 850px) {
  .boxEditorScheduling {
    height: 86% !important;
  }
}
@media screen and (max-height: 850px) {
  .windowGeneric {
    top: 11vh;
  }
  .windowGenericPadding {
    padding-top: 11vh;
  }
  .windowTwitterSearch {
    padding-top: 11vh;
  }
}
.composerTitle {
  color: var(--ppCyan);
  font-size: 24px;
  font-weight: 500;
}
.composerMenuItem {
  margin: 0px !important;
  background-color: #fafafa;
  z-index: 1100;
}
.activeBtn {
  color: #fff !important;
  background-color: var(--ppBlue) !important;
}
.composerOptionToRepeat {
  background-color: #fafafa;
  margin: 10px 0px 10px 20px;
  font-size: 13px;
}
.composerMenuHeader {
  display: inline;
  width: 284px;
  position: fixed;
  top: -10px;
  color: #ffffff;
  padding: 0px 12px;
}
.composerMenuHeader > i {
  float: right;
  cursor: pointer;
  padding: 5px;
  background-color: var(--ppBlue);
  border-radius: 50%;
  width: 26px;
  border: 1px solid #fff;
  height: 26px;
}
.composerMenuHeader > i:hover {
  border-color: var(--ppBlue);
}
.tags .input {
  width: 100%;
}
.datetimepicker .table > thead > tr > th {
  font-family: Roboto !important;
}
.timePickerEditorClassico {
  padding: 0px;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
@-moz-document url-prefix() {
  .windowComposer .modal-dialog {
    overflow: visible;
    display: flow-root;
  }
  .windowComposer .modal-dialog .modal-content {
    display: flex;
  }
  .windowComposer .modal-dialog .modal-content .modal-object {
    display: block !important;
  }
}
.giphyBtn {
  border-radius: 2px;
  float: right;
  height: 30px;
}
.giphyBtn > img {
  opacity: 0.4;
  height: 17px;
}
.iconRemovePreview {
  position: relative;
  right: 0px;
  top: -5px;
  float: right;
  font-size: 15px;
}
.hrefCollaboratorIG {
  color: inherit;
  display: inline-block;
}
.hrefCollaboratorIG:hover {
  color: var(--ppGrey);
}
.imgProfilePictureCollaboratorIG {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  margin-top: 5px;
  vertical-align: unset;
}
.closeButtonCollaborator {
  cursor: pointer;
  font: 700 16px Arial, sans-serif;
  margin-top: 3px;
  margin-left: 5px;
}
.outputBoxCollaborator {
  display: none;
  padding: 0 5px;
  height: 30px;
  line-height: 25px;
  border-radius: 3px;
  border: none;
  background: #efefef;
  margin-top: 5px;
}
.inputCollaborationTag {
  border: none;
  width: inherit;
  font-size: 13px;
}
.buttonAddCollaborator {
  padding: 3px;
  border-radius: 50%;
  height: 20px;
  width: 20px;
}
.searchCollaboratorTag {
  margin-top: 10px;
  position: relative;
  display: flex;
  height: 35px;
}
.showBoxCollaborator {
  display: inline-block;
  margin-right: 10px;
  width: 100%;
}
.IGCollaboratorDisabled {
  background-color: #eee;
  cursor: not-allowed !important;
}
.errorMaxIGCollaborators {
  color: var(--ppRedCheck);
  font-size: 10px;
}
.nameIGCollaborator {
  vertical-align: sub;
  max-width: 75%;
  display: inline-block;
}
.btnPreview {
  font-size: 16px;
  float: right;
  border-radius: 2px;
  width: 36px;
}
.activeBtnCyan {
  background-color: #21add1 !important;
  border-color: #15a1c5 !important;
  color: #ffffff;
  /* &:hover {
        background-color: #1b90ae;
        border-color: #19819c;
    } */
}
.activeBtnCyan > i,
.activeBtnCyan > span {
  color: #ffffff;
}
.bodyCompose {
  height: 440px !important;
  overflow-x: hidden;
  overflow-y: scroll;
}
md-tabs {
  display: flex;
}
.tabChannels {
  overflow-x: auto;
  width: 100%;
}
.tabChannels md-tabs {
  height: 100%;
}
.tabChannels md-tab-content {
  overflow-x: hidden;
  padding-right: 20px;
}
.tabChannels .md-tab {
  width: 70px;
  min-width: 70px;
}
.tabChannels .compose_channels_opt .simbolo_social {
  left: 36px;
  top: 27px;
}
.tabChannels .compose_channels_opt .ig_direct {
  top: 12px;
  left: 22px;
}
.scrollable-horizontal {
  overflow-x: auto;
  white-space: nowrap;
}
.menuCanali {
  width: 50%;
  height: 400px;
  display: block;
  float: left;
  overflow-y: scroll;
  overflow-x: hidden;
  z-index: 3050;
  position: absolute;
  background: white;
  top: 80px;
  left: 20px;
  border: 1px solid #d2d2d2;
  padding: 10px;
}
.menuCanali .md-label {
  width: 100%;
  height: 50px;
}
.selectdemoSelectHeader .demo-header-searchbox {
  border: none;
  outline: none;
  height: 100%;
  width: 100%;
  padding: 0;
}
.selectdemoSelectHeader .demo-select-header {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
  padding-left: 16px;
  height: 48px;
  cursor: pointer;
  position: relative;
  display: flex;
  width: auto;
}
.selectdemoSelectHeader md-content._md {
  max-height: 240px;
}
.selectdemoSelectHeader md-input-container {
  min-width: 112px;
}
.dateInputBlock {
  overflow: hidden;
}
.dateInputBlock md-datepicker {
  width: 100%;
  display: block;
  padding: 0px;
}
.dateInputBlock .md-datepicker-input-container {
  width: 75%;
}
.dateInputBlock .md-button {
  margin: 0px !important;
}
.dateInputBlock .md-datepicker-input {
  width: 100%;
  text-align: center;
}
.timeInputBlock {
  display: flex;
}
.timeInputBlock md-input-container {
  margin: 0px !important;
  width: 100% !important;
}
.timeInputBlock md-input-container > input {
  text-align: center;
}
.timeInputBlock > i {
  font-size: 18px;
  margin: 7px 20px 7px 12px;
}
.timeInputBlock > span {
  font-size: 18px;
  font-weight: 600;
  margin: 5px;
}
.tabsdemoDynamicTabs md-content h1:first-child {
  margin-top: 0;
}
.tabsdemoDynamicTabs md-content md-tabs .demo-tab {
  padding: 25px;
  text-align: center;
}
.tabsdemoDynamicTabs md-content md-tabs .demo-tab > div > div {
  padding: 25px;
  box-sizing: border-box;
}
.tabsdemoDynamicTabs md-content md-tabs md-tab[disabled] {
  opacity: 0.5;
}
.tabsdemoDynamicTabs md-content form {
  padding-top: 0;
}
.tabsdemoDynamicTabs md-content form div[flex] {
  position: relative;
}
.tabsdemoDynamicTabs md-content form div[flex] h2.md-subhead {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 35px;
  white-space: nowrap;
}
.tabsdemoDynamicTabs md-content form md-button.add-tab {
  margin-right: 0;
  transform: translateY(5px);
}
.tabsdemoDynamicTabs md-content form md-input-container {
  padding-bottom: 0;
}
.teamMember .ui-select-bootstrap > .ui-select-choices {
  width: 90%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
  margin-right: 10px;
}
.memberNotification {
  margin: 5px 20px;
  margin-bottom: 15px !important;
}
.fontWeightBoldCompose {
  font-weight: bold;
}
.accountMemberPhoto {
  width: 21px;
  height: 21px;
  border-radius: 50%;
}
.teamMemberItem {
  display: flex;
  align-items: center;
}
.teamMemberItem .foto_profilo {
  height: auto;
}
.custom-select-wrapper {
  position: relative;
}
.disabled-placeholder {
  display: flex;
  align-items: center;
  padding: 6px;
  border: 1px solid #ccc;
  /* Stile del bordo per simulare il campo disabilitato */
  background-color: #f5f5f5;
  /* Colore di sfondo per il placeholder */
  border-radius: 4px;
  /* Angoli arrotondati per il placeholder */
  cursor: not-allowed;
}
.placeholder-image {
  width: 20px;
  /* Dimensioni dell'immagine del placeholder */
  height: 20px;
  margin-right: 14px;
  /* Spaziatura tra immagine e testo */
  filter: opacity(10%);
  -webkit-filter: opacity(40%);
  margin-left: 6px;
}
.custom-tooltip {
  max-width: 250px !important;
  white-space: normal !important;
}
.video-zoom-button {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  color: white;
  transition: background-color 0.2s ease;
}
.video-zoom-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.video-zoom-modal {
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.video-zoom-modal video {
  max-width: 90%;
  max-height: 80vh;
}
.video-zoom-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  color: white;
  font-size: 24px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s ease;
}
.video-zoom-modal-close:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.video-thumb-uploaded {
  position: relative;
  height: 100px;
  width: 100px;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
}
.video-thumb-uploaded .play-video-uploaded {
  width: 100px;
  height: 100px;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 100;
  display: block;
  position: absolute;
  border-radius: 4px;
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.video-thumb-container {
  position: relative;
  display: inline-block;
  margin: 10px 0;
}
.video-thumb-square {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  background-color: #000;
}
.video-thumb-square .ng-thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.video-thumb-square thumbnail {
  width: 100%;
  height: 100%;
  display: block;
}
.video-remove-button {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  z-index: 10;
  border: 1px solid #e6e6e6;
}
.video-remove-button i {
  font-size: 12px;
  color: #666;
}
.video-remove-button:hover {
  background-color: #f5f5f5;
}
.video-remove-button:hover i {
  color: #333;
}
.play-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.play-video-icon i {
  color: #fff;
  font-size: 16px;
  margin-left: 2px;
}
.play-video-icon:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.video-zoom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-zoom-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.video-zoom-modal-close i {
  color: #fff;
  font-size: 20px;
}
.video-zoom-modal-close:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.media-remove-button {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}
.media-remove-button i {
  font-size: 12px;
  color: #666;
}
.media-remove-button:hover {
  background-color: #f5f5f5;
}
.media-remove-button:hover i {
  color: #333;
}
[dnd-draggable] {
  cursor: move;
}
[dnd-draggable].dndDragging {
  opacity: 0.7;
  background-color: transparent !important;
}
.gallery-upload-image {
  position: relative;
  overflow: visible !important;
}
.gallery-upload-image .gallery-upload-image-bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.gallery-upload-image .gallery-upload-image-bottom .btn-gallery-upload-zoom {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-upload-image .gallery-upload-image-bottom .btn-gallery-upload-zoom i {
  color: #fff;
  font-size: 18px;
}
.gallery-upload-image .gallery-upload-image-bottom .btn-gallery-upload-zoom:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.gallery-upload-image .btn-gallery-upload-edit-left {
  position: absolute;
  bottom: 3px;
  left: 3px;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.gallery-upload-image .btn-gallery-upload-edit-left i {
  color: #fff;
  font-size: 14px;
}
.gallery-upload-image .btn-gallery-upload-edit-right {
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.gallery-upload-image .btn-gallery-upload-edit-right i {
  color: #fff;
  font-size: 14px;
}
.gallery-upload-image:hover .btn-gallery-upload-zoom {
  opacity: 1;
}
.gallery-upload-image:active .btn-gallery-upload-zoom {
  opacity: 0;
}
.block-h110 {
  overflow: visible !important;
}
.bg-image-h100 {
  overflow: visible !important;
}
.block-content-full {
  overflow: visible !important;
}
.video-thumb-container {
  position: relative;
  display: inline-block;
  margin: 10px 0;
  overflow: visible !important;
}
.video-thumb-square {
  width: 100px;
  height: 100px;
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  background-color: #000;
}
.video-thumb-square .video-preview {
  width: 100px;
  height: 100px;
  object-fit: cover;
  object-position: center;
  background-color: #000;
}
.play-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.play-video-icon i {
  color: #fff;
  font-size: 16px;
  margin-left: 2px;
}
.play-video-icon:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.error-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-zoom-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-zoom-modal-close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.video-zoom-modal-close i {
  color: #fff;
  font-size: 20px;
}
.video-zoom-modal-close:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.video-zoom-modal-player {
  max-width: 90%;
  max-height: 80vh;
}
.gallery-upload-list li.dndDraggingSource {
  opacity: 0.5;
  background: transparent !important;
}
.gallery-upload-list li.dndDraggingSource .block,
.gallery-upload-list li.dndDraggingSource .bg-image {
  background-color: transparent !important;
  border: none !important;
}
.gallery-upload-list li.dndDraggingSource .block-content {
  background-color: transparent !important;
}
.gallery-upload-list li.dndDraggingSource .image-remove-button,
.gallery-upload-list li.dndDraggingSource .btn-gallery-upload-edit-left,
.gallery-upload-list li.dndDraggingSource .btn-gallery-upload-edit-right .btn-gallery-upload-zoom {
  display: none !important;
}
.gallery-upload-list li.dndPlaceholder {
  background-color: rgba(0, 0, 0, 0.1) !important;
  border: 2px dashed #ccc !important;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #666;
  font-size: 14px;
  height: 110px;
  width: 110px;
  margin: 5px;
}
.gallery-upload-image .block {
  border-radius: 4px;
  overflow: hidden;
  background-color: transparent;
  border: none;
}
.gallery-upload-image .block .bg-image {
  background-size: cover;
  background-position: center;
  border-radius: 4px;
}
.gallery-upload-image .postPhoto {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 5;
}
.gallery-upload-image .lazy-loading-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: lazyLoadingAnimation 1.5s infinite;
  z-index: 4;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.gallery-upload-image .lazy-loading-effect.loaded {
  opacity: 0;
  z-index: -1;
}
.gallery-upload-image .bg-image {
  position: relative;
  background-color: transparent !important;
}
.gallery-upload-image .bg-image.loading {
  background-image: none !important;
}
.gallery-upload-image .gallery-upload-image-loader {
  z-index: 10;
}
@keyframes lazyLoadingAnimation {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.gallery-upload-list li.dndDraggingSource {
  opacity: 0.5;
}
.gallery-upload-list li.dndDraggingSource .block,
.gallery-upload-list li.dndDraggingSource .bg-image {
  background-color: transparent !important;
}
.gallery-upload-list li.dndDraggingSource .media-remove-button,
.gallery-upload-list li.dndDraggingSource .btn-gallery-upload-edit-left,
.gallery-upload-list li.dndDraggingSource .btn-gallery-upload-edit-right,
.gallery-upload-list li.dndDraggingSource .btn-gallery-upload-zoom {
  display: none !important;
}
.gallery-upload-list li.dndDraggingSource .lazy-loading-effect {
  display: none !important;
}
/* Styles for smooth image loading */
.blur-container,
.blur-bg-container {
  overflow: hidden;
  border-radius: 4px;
}
.gallery-upload-image {
  position: relative;
}
.gallery-upload-image .bg-image {
  position: relative;
  overflow: hidden;
}
.video-preview-container {
  margin-bottom: 20px;
}
.video-edit-modal .video-thumb-container {
  position: relative;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  border-radius: 4px;
  overflow: hidden;
}
.video-edit-modal .video-thumb-square {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  /* 16:9 aspect ratio */
  background-color: #000;
}
.video-edit-modal .video-preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.video-edit-modal .play-video-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
.video-edit-modal .play-video-icon i {
  font-size: 48px;
  color: #fff;
}
.campaginLineSearch {
  height: 40px;
  padding: 0px 20px;
  display: block;
}
.campaginLineSearch > input {
  width: 65% !important;
  float: left;
}
.campaginLineSearch > button {
  float: right;
}
.campaignBlockNotFound {
  color: var(--ppMattGrey);
  background-color: var(--ppBodyGrey);
  border-radius: 5px;
  border: 1px solid var(--ppMidGrey);
  font-weight: 600;
  padding: 20px;
  text-align: center;
}
.campaignBlockSelected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border: 2px solid var(--ppCyan);
  border-radius: 5px;
  margin-bottom: 10px;
}
.campaignBlockSelected .campaignText {
  cursor: default;
}
.campaignBlockSelected .campaignText:hover {
  color: var(--ppBlue);
}
.campaignBlockSelected:hover {
  background-color: var(--ppCyanLight);
}
.campaignBlockSelected:hover .campaignActions {
  opacity: 1;
}
.campaignList {
  width: 100%;
  overflow-y: scroll;
  height: 250px;
}
.campaignBlock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  border: 1px solid var(--ppMidGrey);
  border-radius: 5px;
  background-color: var(--ppBodyGrey);
  margin-bottom: 10px;
}
.campaignBlock:hover {
  border: 1px solid var(--ppCyan);
}
.campaignBlock:hover .campaignActions {
  opacity: 1;
}
.campaignContent {
  display: flex;
  align-items: center;
}
.campaignMain {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
}
.campaignColor {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid var(--ppMidGrey);
  margin-right: 15px;
  flex-shrink: 0;
}
.campaignText {
  max-width: 300px;
  color: var(--ppBlue);
  font-weight: bold;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.campaignText:hover {
  color: var(--ppCyan);
}
.campaignTitle {
  max-width: 300px;
  font-weight: 600;
  overflow: hidden;
}
.campaignDescription {
  color: var(--ppDarkGrey);
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
  font-weight: 400;
  /* righe da visualizzare */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  /* --- --- */
}
.campaignActions {
  opacity: 0;
  transition: opacity 0.2s ease;
}
.campaignActions > a {
  color: var(--ppMattGrey);
  padding: 5px;
}
.campaignActions > a:hover {
  color: var(--ppCyan);
}
.campaignEdit {
  width: 100%;
  overflow-y: scroll;
  height: 450px;
}
.btnCampaign {
  bottom: 0;
  position: absolute;
  right: 0;
  padding-bottom: 20px;
  padding-right: 40px;
}
.btnCampaignEditor {
  width: 200px;
  text-align: left;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
}
.btnCampaignEditorText {
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.btnRemoveCampaign > a:hover {
  color: var(--ppBlue);
}
.campaignColorEditor {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--ppMidGrey);
  margin-right: 5px;
  display: inline-block;
  flex-shrink: 0;
}
.campaignColorPicker {
  position: relative;
  display: inline-block;
}
.campaignColorBox {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--ppMidGrey);
  cursor: pointer;
}
.campaignColorDropdown {
  position: absolute;
  top: 40px;
  left: 0;
  background: white;
  padding: 10px;
  border: 1px solid var(--ppMidGrey);
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(6, 24px);
  gap: 6px;
  z-index: 10;
}
.campaignColorSwatch {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid var(--ppMidGrey);
}
.campaignColorSwatch:hover {
  border: 1px solid var(--ppBlue);
}
.campaignColorReviewPost {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid var(--ppMidGrey);
  margin-right: 5px;
  display: inline-block;
  flex-shrink: 0;
}
.btn-gallery-edit-pixie {
  right: 0;
  position: absolute;
  top: 20px;
  background: rgba(0, 0, 0, 0.6);
}
.btn-gallery-edit-pixie i {
  font-size: 12px;
}
.btn-gallery-edit-zoom-mobile {
  left: 0;
  position: absolute;
  top: 20px;
  background: rgba(0, 0, 0, 0.6);
}
.btn-gallery-edit-zoom-mobile i {
  font-size: 12px;
}
.picker.picker-dialog {
  z-index: 5000 !important;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
#rotate-message {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #232121;
  background-image: url("../assets/img/turnDevice.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 9999;
}
.ppTooltip {
  max-width: 150px;
  word-break: break-word;
  white-space: unset !important;
  color: black !important;
  background-color: white !important;
  font-size: 12px !important;
  height: auto !important;
  line-height: 1.5em !important;
  padding: 10px 15px !important;
  margin: 5px !important;
  font-weight: 400 !important;
  border: 1px solid var(--ppMidGrey) !important;
  opacity: 1 !important;
}
.ppTooltipText {
  max-width: 400px;
  word-break: break-word;
  white-space: unset !important;
  color: black !important;
  background-color: white !important;
  font-size: 12px !important;
  height: auto !important;
  line-height: 1.5em !important;
  padding: 20px !important;
  margin: 5px !important;
  font-weight: 400 !important;
  border: 1px solid var(--ppMidGrey) !important;
  opacity: 1 !important;
}
.editorProContainer {
  padding: 10px;
  border: 1px solid var(--ppBkgGrey);
  border-radius: 10px;
}
.foto_profilo {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 33px;
}
.foto_profilo img.img-responsive {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.socialTypeSidebar {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  margin-bottom: 3px;
}
.socialTypeSidebar.youtube {
  width: 20px;
  height: 20px;
  margin: -3px;
}
.socialTypeSidebarGroupChannels {
  width: 12px;
  height: 12px;
  border-radius: 0% !important;
  position: absolute;
  left: 13px;
  top: 7px;
}
.selectTabChannel {
  padding: 15px 10px;
  border-bottom: 1px solid var(--ppMidGrey);
  font-weight: 600;
}
.selectTabChannel:hover {
  cursor: pointer;
  border-bottom: 2px solid var(--ppCyan);
  color: var(--ppCyan);
}
.activeTabChannel {
  border-bottom: 2px solid var(--ppCyan);
  color: var(--ppCyan);
}
.buttonRemoveChannelSidebar {
  color: var(--ppCyan);
  position: absolute;
  left: 100%;
  top: -13px;
}
.multichannel_compose_channels_opt .simbolo_social {
  height: 15px;
  position: absolute;
  width: 15px;
  margin-top: 16px;
  margin-left: -12px;
}
.multichannel_compose_channels_opt .facebook {
  background-image: url('../assets/img/brand/social/svg/facebook.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .twitter {
  background-image: url('../assets/img/brand/social/svg/twitter.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .linkedin {
  background-image: url('../assets/img/brand/social/svg/linkedin.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .pinterest {
  background-image: url('../assets/img/brand/social/svg/pinterest.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .instagram {
  background-image: url('../assets/img/brand/social/svg/instagram.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .instagram-personal {
  background-image: url('../assets/img/brand/social/svg/instagram-personal.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .youtube {
  background-image: url('../assets/img/brand/social/svg/youtube.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .googleplus {
  background-image: url('../assets/img/brand/social/svg/googleplus.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .gmb {
  background-image: url('../assets/img/brand/social/svg/gmb.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .tumblr {
  background-image: url('../assets/img/brand/social/svg/tumblr.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .telegram {
  background-image: url('../assets/img/brand/social/svg/telegram.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .tiktok {
  background-image: url('../assets/img/brand/social/svg/tiktok.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.multichannel_compose_channels_opt .threads {
  background-image: url('../assets/img/brand/social/svg/threads.svg');
  background-size: 15px 15px;
  background-repeat: no-repeat;
  position: fixed;
}
.sidebar-container {
  width: 75px;
  display: block;
  float: left;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1;
  background: #edecee;
  border-radius: 10px 0px 0px 10px;
  height: 100%;
  position: fixed;
  transition: all 0.3s ease-out;
  top: 0;
  scrollbar-width: none;
}
.sidebar-container .chevronScroll {
  position: absolute;
  bottom: 0px;
  margin-bottom: 20px;
  width: 75px;
}
.sidebar-container .iconTab {
  padding: 7px 15px;
}
.sidebar-container .imgTab {
  padding: 0px 6px;
}
.sidebar-container .nameTab {
  display: none;
  transform: translateX(3rem);
  transition: all 0.3s ease-in-out;
  padding-right: 5px;
}
.sidebar-disabled {
  cursor: not-allowed;
}
.sidebar-disabled .sidebarButton,
.sidebar-disabled .iconTab {
  pointer-events: none;
}
.sidebar-disabled .sidebarButton > i,
.sidebar-disabled .iconTab > i {
  opacity: 0.5;
}
.expandSide {
  width: 360px;
}
.expandSide .sidebarButton {
  justify-content: unset;
}
.expandSide .nameTab {
  width: 80%;
  display: block;
  transition: all 0.3s ease-in-out;
}
.boxEditorMobile {
  display: flex;
}
.uploadIcon {
  display: block;
  margin: 6px;
}
.boxPreview {
  height: auto;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #fff;
}
.bodyNoChannelInProject {
  padding: 10px 20px 0px 20px;
}
.windowMultiChannelComposer {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  z-index: 2500 !important;
  background-color: rgba(0, 0, 0, 0.3);
}
.windowMultiChannelComposer .modal-object .modal-body > ul {
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  display: inline;
}
.windowMultiChannelComposer .modal-object .modal-body > ul > li {
  margin-right: 15px;
}
.windowMultiChannelComposer .modal-object .modal-body > ul .post-review {
  border: none;
  padding: 0px;
}
.windowMultiChannelComposer .modal-object .modal-body ._md {
  background-color: #ffffff !important;
}
.frame__footer {
  display: flex;
  border-top: 1px solid #e1e2e3;
  padding: 4px 12px;
}
.text__social {
  color: #7f7f7f;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  margin: 0;
  margin-left: 2px;
}
.footer__likes,
.footer__comments,
.footer__share,
.footer__post-as {
  display: flex;
  padding: 4px 0 4px;
  margin-right: 20px;
}
.footer__image {
  height: 14px;
  margin: 0 6px -3px 0;
}
.footer__image--not-first {
  margin-left: 9px;
}
.footer__post-as-image {
  height: 16px;
}
.footer__post-as {
  margin-right: 0;
  margin-left: auto;
}
.containerIFrame {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-iframe {
  width: 100%;
  height: 100%;
}
iframe {
  background-color: transparent;
  margin: 0;
  padding: 0;
  border: none;
  /* Rimuove il bordo predefinito */
}
.sidebar-channels {
  background-color: #edecee;
  overflow-x: visible;
  overflow-y: scroll;
  scrollbar-width: none;
}
/* Nasconde la scrollbar su Webkit browsers */
.sidebar-channels::-webkit-scrollbar {
  display: none;
}
.sidebar-container::-webkit-scrollbar {
  display: none;
}
/* Stile per ogni canale nella barra laterale */
/* .channel-item {
    img {
        border-radius: 50%;
        width: 33px;
        height: 33px;
    }    
} */
.sidebar-tab-icon-error-requirements {
  background-color: #fff;
  color: var(--ppRed);
  border-radius: 100%;
  padding: 1px;
}
/* Stile per il titolo dell'area gruppi predefiniti */
.group-area h2 {
  margin-bottom: 20px;
}
.boxGruppiPredefiniti {
  height: auto;
  max-height: 60vh;
  background-color: #fff;
  overflow-y: scroll;
}
.boxChannels {
  max-height: 35vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.boxCalendar {
  height: auto;
  max-height: 61vh;
  overflow-x: hidden;
  overflow-y: scroll;
}
@media only screen and (max-device-height: 700px) {
  #boxPreview {
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #fff;
  }
}
@media only screen and (min-height: 855px) {
  /* .sidebar-channels {
        height: 73%;
    } */
}
.textModalTermsUseComposer {
  font-size: 14px;
  position: relative;
  padding-top: 20px;
}
.modalWelcomeEditorPro {
  z-index: 3000 !important;
  background-color: rgba(0, 0, 0, 0.3);
  padding-top: 4vh;
}
.titleModalTermsUseComposer {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 12px 0;
  color: var(--ppBlue);
}
.closeWindowModalTermsUseComposer {
  margin-top: 5px !important;
  cursor: pointer;
  float: right !important;
  color: var(--ppMattGrey);
}
.sidebarButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  padding: 15px;
  height: 63px;
}
.sidebarButton > i {
  font-size: 20px;
}
.sidebarButton.active {
  opacity: 100% !important;
  background-color: #fff;
  border-left: 3px solid var(--ppCyan);
}
.sidebarButton:hover {
  background-color: #f9f9f9;
}
.bgSidebar {
  background-color: #edecee;
}
.channelComposerChoice {
  cursor: pointer;
  border: unset;
  padding-left: 0px;
}
.channelComposerChoice:hover {
  opacity: 0.7;
}
.checkboxSelectChannel {
  float: left;
  margin-right: 8px;
  margin-top: 5px;
}
.containerFormControlSearchChannel {
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
.formControlSearchChannel {
  display: flex;
  align-items: center;
  height: 40px;
  margin-left: 2px;
  background-color: white !important;
}
.inputSearchChannel {
  border: none;
  font-size: 13px;
  margin-left: 10px;
  width: 100%;
}
.elenco_social .composerDescription {
  float: left;
  margin-left: 10px;
  margin-top: 8px;
  overflow: hidden;
  position: absolute;
  line-height: 1.2em;
  width: 80%;
}
.elenco_social .composerDescription .titolo {
  font-weight: bold;
  color: #101b4a;
  text-transform: uppercase;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 80%;
}
.composerSocialIcon {
  height: 35px;
  object-fit: cover;
  margin-top: 2px;
  width: auto;
}
.composerDescriptionSocialProfile {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
  width: 50%;
  display: inline-flex;
  font-weight: 500;
  vertical-align: top;
}
.composerSocialName {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px 9px;
}
.dropdownMenuOptionsTarget {
  min-width: 100% !important;
  margin-top: 10px !important;
}
.dropdownMenuOptionsTargetCommonPost {
  margin-top: 5px;
  min-width: 110px;
}
.dropdownMenuPinterestBoard {
  width: 150px;
}
.dropdownMenuPinterestBoard > span {
  display: block;
  width: 100%;
}
.dropdownMenuOptionsPinterestBoards {
  min-width: 100% !important;
  margin-top: 10px !important;
  max-height: 200px;
  overflow-y: auto;
}
.buttonPinterestBoardTarget {
  width: 150px;
  text-align: start;
}
.buttonPinterestBoardTarget.itemChoice {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.buttonPinterestBoardTarget.itemMenu {
  word-wrap: break-word;
  white-space: break-spaces;
}
.positionLoaderChannel {
  position: absolute;
  left: 50%;
  top: 25%;
}
.positionLoaderDelete {
  position: absolute;
  left: 50%;
  top: 50%;
}
.buttonUploadMediaReminder {
  border: none !important;
  background-color: transparent;
  width: 28px;
  height: 30px;
  padding: 0px !important;
  color: #545454;
}
.buttonUploadMediaReminder:hover > img {
  opacity: 0.5;
}
.mediaIcon {
  padding: 6px;
  width: 45px;
  text-align: center;
}
.mediaIcon.first {
  padding-left: 5px;
}
.mediaIcon .iconWidth {
  height: 14px;
}
.dropdownMediaIcon {
  min-width: 100%;
  height: auto;
  overflow-y: auto;
  margin-top: 10px;
  z-index: 2801;
}
.buttonUploadMedia {
  border: none !important;
  background-color: transparent;
  color: #545454;
  padding: 0px !important;
}
.buttonUploadMedia:hover > img {
  opacity: 0.5;
}
.buttonCampaign {
  border: none !important;
  background-color: transparent;
  padding: 0px !important;
  color: #545454;
}
.buttonCampaign:hover > img {
  opacity: 0.5;
}
#ImgAddedBox {
  display: flex;
  margin: 10px 0px;
  align-items: center;
}
#ImgAddedBox .tooltip {
  width: 75px !important;
}
.restoreCommonPostBox {
  margin-left: 10px;
  margin-right: 20px;
  font-size: 12px;
  display: flex;
}
.borderTopAccordionPreview {
  border-top: 0.5px solid #bdebf3;
}
#ComposerChannels {
  overflow-y: scroll;
  overflow-x: hidden;
  /* min-height: 70vh;
    max-height: 76vh; */
  height: 72vh;
}
@media only screen and (min-device-width: 1280px) and (max-device-height: 750px) and (-webkit-min-device-pixel-ratio: 2) {
  #ComposerChannels {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 63vh;
  }
}
.limitLinkedinPoll {
  margin-left: auto;
  display: flex;
  justify-content: end;
  font-size: 12px;
}
.alertFacebookTargeting {
  display: block;
  margin-top: 15px;
  line-height: 1.4;
  white-space: normal;
  font-size: 12px;
}
.telegramReactionBox {
  display: block;
  width: 100%;
  margin-left: 25px;
}
.telegramReactionBox .telegramReactionEmoji {
  padding: 4px 6px;
  background-color: rgba(0, 0, 0, 0.2);
  font-size: 18px;
  margin: 2px;
  border-radius: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.tgPlayer > audio {
  width: 100%;
  border-radius: 10px;
  max-width: 270px;
  overflow: hidden;
}
.linkedinWarningControl {
  background-color: #FDF6CD;
  color: #1f1c06;
  padding: 15px;
  font-size: 12px;
}
.panelGroupMargin10 .panel-group {
  margin-bottom: 10px !important;
}
.warningMessageCompose {
  display: flow-root;
  margin-bottom: 15px;
  background-color: #FDF6CD;
  color: #1f1c06;
  padding: 10px;
  padding-left: 15px;
  font-size: 12px;
  margin-right: 10px;
  margin-left: 10px;
}
.showBoxIGCollaborator {
  display: inline-block !important;
  margin-right: 10px;
}
.composeInfoScheduling {
  font-size: 13px;
  font-weight: 500;
  color: var(--ppBlue);
}
.channelsGroupTitle {
  font-size: 14px;
  font-weight: 500;
  color: var(--ppBlue);
  margin-bottom: 5px;
  vertical-align: middle;
  display: flex;
}
.channelsGroupTitle .groupTitle {
  max-width: 70%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.channelsGroupTitle .numberOfChannels {
  font-weight: 400;
}
.buttonAddChannelsGroup {
  background-color: #ffffff;
  color: var(--ppBlue);
  border-color: var(--ppMidGrey);
  width: 100%;
}
.buttonAddChannelsGroup:focus {
  background-color: #ffffff;
  color: var(--ppBlue);
  border-color: var(--ppMidGrey);
}
.buttonAddChannelsGroup:hover {
  background-color: #ffffff;
  color: var(--ppCyan);
}
.buttonAddChannelsGroup.disabled,
.buttonAddChannelsGroup[disabled] {
  background-color: #ffffff;
  opacity: 0.5;
  border-color: var(--ppMidGrey);
}
.containerBoxAddNewGroup {
  position: relative;
}
.boxAddNewChannelsGroup {
  position: absolute;
  bottom: 100%;
  /* Posiziona il box in modo che parta dal bottone */
  left: 50%;
  /* Centra il box orizzontalmente rispetto al pulsante */
  transform: translateX(-50%);
  /* Centra il box rispetto al pulsante */
  background-color: white;
  border: 1px solid var(--ppBkgGrey);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width: 100%;
  /* Adatta la larghezza del box al container */
  z-index: 1;
}
.boxChannelsGroup {
  height: auto;
  max-height: 50vh;
  overflow-y: scroll;
  overflow-x: hidden;
}
.channelsGroup {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px solid var(--ppMidGrey);
}
.buttonChannelsGroup {
  border: none;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
  text-align: left;
  background-color: transparent;
  color: #fff;
}
.buttonChannelsGroup:hover {
  background-color: transparent;
  color: var(--ppCyan);
}
.buttonChannelsGroup:focus {
  background-color: #fff;
}
.numberOfSurplusChannels {
  font-size: 13px;
  font-weight: 600;
  color: var(--ppBlue);
}
.showAllChannels {
  display: inline-flex;
  flex-wrap: wrap;
}
.deleteChannelsGroup {
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  opacity: unset;
  text-shadow: unset;
  padding-right: 5px !important;
}
.deleteChannelsGroup:hover {
  font-size: 12px;
  color: var(--ppBlue);
  opacity: unset;
  text-shadow: unset;
}
.imgLinkPreview {
  max-height: 100px;
  object-fit: cover;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.imgGiphyPreview {
  max-height: 120px;
  object-fit: cover;
}
.gifhyContainer {
  width: fit-content;
  position: relative;
  margin-bottom: 20px;
}
.closeGiphyPreview {
  position: absolute;
  top: 2px;
  right: 2px;
  cursor: pointer;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
  padding: 3px;
}
.linkpreviewOptions {
  width: 100%;
  background-color: #ffffff;
  text-align: center;
  margin: 0px !important;
  height: unset !important;
}
.linkpreviewOptions > li {
  width: 11.5%;
}
.linkpreviewOptions > li > button {
  color: var(--ppGrey);
}
.linkpreviewOptions > li > button > a {
  padding: 0px;
}
.linkpreviewOptions .popover-content {
  color: #101b4a!important;
  font-size: 12px;
}
.form-material.form-material-primary > .form-control.isNotValidLink:focus {
  -webkit-box-shadow: 0 2px 0 var(--ppRed) !important;
  box-shadow: 0 2px 0 var(--ppRed) !important;
}
.form-material.form-material-primary > .form-control.isNotValidLink:focus ~ .input-group-addon {
  -webkit-box-shadow: 0 2px 0 var(--ppRed) !important;
  box-shadow: 0 2px 0 var(--ppRed) !important;
}
.dropboxLogoEditorMultichannel,
.googleDriveLogoEditorMultichannel {
  filter: grayscale(100%);
  opacity: 0.9;
}
.imgSocialMention {
  width: 26px;
  margin-right: 10px;
}
.titleRecentMention {
  font-weight: 500;
  font-size: 16px;
  padding: 10px 20px;
  color: var(--ppBlue) !important;
}
.boxMentionListMultichannel {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 20px;
  padding-top: 0px;
  max-height: 700px;
}
.recentMentionList,
.mentionListMultichannel {
  overflow-y: scroll;
  height: auto;
  max-height: 250px;
  padding: 0px;
  width: 100%;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  scrollbar-width: thin;
}
.headerTagMention {
  width: 100% !important;
  font-weight: 500 !important;
}
.recentMentionList {
  max-height: 250px;
  margin-left: 30px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.1), 0 -5px 5px -3px rgba(0, 0, 0, 0.1), 5px 0 5px -3px rgba(0, 0, 0, 0.1), -5px 0 5px -3px rgba(0, 0, 0, 0.1);
}
.recentMentionList .user-search .user-name,
.mentionListMultichannel .user-search .user-name {
  word-wrap: break-word;
  white-space: normal;
}
.recentMentionList .user-content,
.mentionListMultichannel .user-content {
  display: flex;
  align-items: center;
  width: 100%;
}
.userSearchBox:hover {
  background: var(--ppBkgGrey);
  border-radius: 5px;
}
.userSearchFirstElement:first-of-type {
  border: 1px solid var(--ppMattGrey);
  background: var(--ppBkgGrey);
  border-radius: 5px;
}
.boxSearchMentionMultichannel {
  width: 100%;
  padding: 0px 20px 10px 20px;
}
.verificaLink {
  font-weight: 600;
  color: var(--ppCyan);
}
.sizePhoto {
  max-height: 33px !important;
  max-width: 33px !important;
}
.singleRecentMention {
  padding: 5px 16px !important;
}
.timePickerMultichannel {
  padding: 0px;
  width: 250px;
}
.composerMenuItem .datetimepicker .table > tbody > tr > td {
  padding: 4px !important;
  width: 15px;
  height: 15px;
  font-size: 12px;
  font-family: Roboto;
}
.btn-link,
.btn-link {
  padding: 0px;
}
.timePost .form-control {
  padding: 5px;
  width: 40px !important;
  height: 28px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
@supports not selector(::-webkit-scrollbar) {
  * {
    scrollbar-width: thin;
    scrollbar-color: var(--ppMattGrey) transparent;
  }
}
/* .heightInnerComposerModal {
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 70vh;
    max-height: 74vh;
} */
/* Contenitore scrollabile */
.modal-body::-webkit-scrollbar-thumb,
.boxEditorContent::-webkit-scrollbar-thumb,
.boxChannels::-webkit-scrollbar-thumb,
.boxGruppiPredefiniti::-webkit-scrollbar-thumb,
.boxCalendar::-webkit-scrollbar-thumb,
.boxPreview::-webkit-scrollbar-thumb,
.campaignList::-webkit-scrollbar-thumb,
.aiRightSidebar::-webkit-scrollbar-thumb,
.aiModalObject::-webkit-scrollbar-thumb {
  background-color: transparent;
  /* Thumb trasparente inizialmente */
}
.modal-body:hover::-webkit-scrollbar-thumb,
.boxEditorContent:hover::-webkit-scrollbar-thumb,
.boxChannels:hover::-webkit-scrollbar-thumb,
.boxGruppiPredefiniti:hover::-webkit-scrollbar-thumb,
.boxCalendar:hover::-webkit-scrollbar-thumb,
.boxPreview:hover::-webkit-scrollbar-thumb,
.campaignList:hover::-webkit-scrollbar-thumb,
.aiRightSidebar:hover::-webkit-scrollbar-thumb,
.aiModalObject:hover::-webkit-scrollbar-thumb {
  background-color: var(--ppMattGrey);
}
.modal-body,
.boxEditorContent,
.boxChannels,
.boxGruppiPredefiniti,
.boxCalendar,
.boxPreview,
.campaignList,
.aiRightSidebar,
.aiModalObject {
  scrollbar-color: transparent transparent;
}
/* Al passaggio del mouse sul contenitore */
.modal-body:hover,
.boxEditorContent:hover,
.boxChannels:hover,
.boxGruppiPredefiniti:hover,
.boxCalendar:hover,
.boxPreview:hover,
.campaignList:hover,
.aiRightSidebar:hover,
.aiModalObject:hover {
  scrollbar-color: var(--ppMattGrey) transparent;
}
.multiChannelComposerMenuHeader {
  display: inline;
  width: 385px;
  position: fixed;
  top: -10px;
  color: #ffffff;
  padding: 0px 12px;
}
.multiChannelComposerMenuHeader > i {
  float: right;
  cursor: pointer;
  padding: 5px;
  background-color: var(--ppBlue);
  border-radius: 50%;
  width: 26px;
  border: 1px solid #fff;
  height: 26px;
}
.multiChannelComposerMenuHeader > i:hover {
  border-color: var(--ppBlue);
}
.dropdownSelectDestination {
  float: right;
}
.boxWidth {
  width: 110px;
}
.boxWidthCommonPost {
  width: 110px;
}
.socialIconCopyAll {
  height: 14px;
  width: auto;
  margin-bottom: 1px;
}
.socialSettings {
  color: var(--ppBlue);
  font-size: 15px;
  margin-left: 15px;
  font-weight: 600;
}
.commonSettings {
  color: var(--ppBlue);
  font-size: 15px;
  font-weight: 600;
}
.closeModalWarning {
  padding: 17px;
  text-align: center;
}
.warningWindowGeneral {
  z-index: 3000 !important;
  background-color: rgba(0, 0, 0, 0.3);
}
.warningWindowGeneral .modal-dialog {
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(-50%, -50%) !important;
  width: 478px;
  text-align: center;
}
.warningWindowGeneral .modal-content {
  border-radius: 5px;
  padding: 20px;
}
.reviewModalRubriche,
.reviewContent {
  justify-content: center;
  display: flex !important;
  top: 5vh;
}
.reviewModalRubriche .modal-dialog,
.reviewContent .modal-dialog {
  margin-top: 0px;
}
@media screen and (max-width: 768px) {
  .reviewModalRubriche .modal-dialog,
  .reviewContent .modal-dialog {
    width: auto;
    max-width: 95vw;
  }
}
.zIndexModalCalendar {
  z-index: 2050 !important;
}
.smartfeedModal .modal-dialog {
  position: absolute;
  top: 30%;
  left: 48%;
  transform: translate(-50%, -30%) !important;
  max-height: 95vh;
}
.smartfeedModal .modal-content {
  background-color: transparent;
  max-width: 95vw;
}
.gallery-remove-img {
  position: relative;
  z-index: 501;
  float: right;
  margin-top: 2px;
  margin-right: 2px;
}
.dontShowCheck {
  text-align: left;
  margin-top: 5px;
}
.advancedOptionLabel {
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
}
.composerMenuBtn {
  color: #ffffff;
  border-bottom: 0.5px solid #bdebf3;
  padding: 12px;
  padding-left: 20px;
  width: 100%;
  background-color: var(--ppCyan);
  font-weight: 400;
  margin: 0px;
  font-size: 14px;
}
.composerMenuBtn:hover {
  background-color: #1d95b6;
}
.advancedOptionLabelMenu {
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
  margin-bottom: 0px;
}
.boxCaricamento {
  background: var(--ppBodyGrey);
  text-align: center;
  padding: 20px;
}
.divisoreBoxCaricamentoVideo {
  padding-top: 20px;
  border-top: 1px solid var(--ppBkgGrey);
  margin-top: 20px;
  margin-bottom: 20px;
}
.divisoreBoxCaricamentoVideo {
  padding-top: 20px;
  border-top: 1px solid var(--ppBkgGrey);
  margin-top: 20px;
  margin-bottom: 20px;
}
.divisoreBoxCaricamentoAnteprimaLink {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--ppBkgGrey);
  margin-top: 20px;
  margin-bottom: 20px;
}
.imgDestination {
  width: 14px;
  margin-right: 5px;
  padding-bottom: 2px;
}
.socialImageOuterBoxCommonContent {
  width: 12px;
  margin-right: 5px;
  margin-left: 5px;
}
.socialDestinationCommonPost {
  display: flex;
  align-items: baseline;
}
.socialImageInnerCommonContent {
  width: 18px;
  margin-right: 10px;
}
.alignSocialDestinationCommonContent {
  display: inline-flex;
  vertical-align: bottom;
}
.disabledActionsTarget {
  cursor: not-allowed;
}
.disabledActionsTarget > a {
  pointer-events: none;
  opacity: 0.4;
}
@media (min-width: 992px) {
  .windowMultiChannelComposer {
    display: grid !important;
    place-items: center;
  }
  .windowMultiChannelComposer .inner-header {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 503;
    padding-top: 20px;
  }
  .windowMultiChannelComposer .modal-body {
    height: 100%;
    overflow: auto;
    padding-top: 0px !important;
  }
  .windowMultiChannelComposer .modal-body .buttonHeader {
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
  }
  .windowMultiChannelComposer .modal-body .buttonHeader .firstButton {
    width: 265px;
    margin-right: 10px;
    margin-bottom: 25px;
  }
  .windowMultiChannelComposer .modal-body .buttonHeader .secondButton {
    width: 265px;
    margin-bottom: 25px;
  }
  .windowMultiChannelComposer .modal-body .buttonHeader button {
    border-radius: 5px;
    font-size: 12px;
    width: 100%;
  }
  .windowMultiChannelComposer .modal-dialog {
    width: 1035px;
    background-color: white;
    border-radius: 10px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }
  .windowMultiChannelComposer .modal-dialog .modal-content {
    width: 1035px;
    height: 94vh;
    border-radius: 10px;
  }
  .windowMultiChannelComposer .modal-dialog .modal-content .modal-object {
    position: relative;
    float: left;
    width: 600px;
    height: 94vh;
    box-shadow: 6px 0px 12px 0px rgba(0, 0, 0, 0.2);
    display: flex !important;
    flex-direction: column;
    margin-left: 75px;
  }
  .windowMultiChannelComposer .modal-dialog .modal-content .modal-object .modal-header {
    border: none;
    padding: 30px;
  }
  .windowMultiChannelComposer .modal-dialog .modal-content .modal-menu {
    background: var(--ppCyan);
    display: flex;
    flex-direction: column;
    width: 360px;
    border-radius: 0px 10px 10px 0px;
  }
  .windowMultiChannelComposer .tooltip {
    padding: 3px;
    max-width: 100px;
    word-wrap: break-word;
  }
  .composerMenuItem .block-content {
    padding: 0px;
  }
  .boxOptionsIntermedio {
    color: var(--ppBlue);
    background-color: #fff;
    border-top-right-radius: 10px;
    border-bottom: 0.5px solid #e9e9e9;
    padding: 12px;
    padding-left: 20px;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    margin: 0px;
    font-size: 14px;
  }
  .boxOptionsIntermedio:hover {
    background-color: #e9e9e9;
  }
  .composeOptIntermedio {
    max-height: 435px;
    overflow-x: hidden;
    overflow-y: scroll;
    scrollbar-width: thin;
  }
  .composeOptIntermedio .nav-tabs,
  .composeOptIntermedio .opzioni_compose .panel-default > .panel-heading {
    padding-left: 20px;
    padding-right: 20px;
  }
  .composePlayVideo {
    max-height: 340px;
  }
  .composePlayVideoTagModal {
    max-height: 190px !important;
  }
  .composePlayVideoTagModalUser {
    height: 250px !important;
  }
  .uploaded-post-media {
    height: 100px;
    width: 100px;
  }
}
.truncateProfileName {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* Limita a 2 righe */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* Spezza le parole troppo lunghe */
}
@media (max-width: 991px) {
  body.modal-open {
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
  md-tooltip,
  .tooltip {
    display: none !important;
  }
  .mediaIcon.first {
    margin-left: 0px;
    padding-left: 0px;
  }
  .windowTagIG .modal-content {
    overflow-y: auto;
    max-height: 95vh;
    height: auto;
  }
  .windowTagIG .carousel-thumbnailsWrapper {
    border-bottom: 1px solid #f3f6f9;
    margin-bottom: 10px;
  }
  .windowTagIG .modalVer .modalCard .modal-object .modal-body-row {
    display: grid !important;
  }
  .windowTagIG .modalVer .modalCard .modal-object .modal-body-row .cDT--modal-mediaWrapper .block-content-video {
    min-width: 400px;
    max-width: 400px;
  }
  .windowTagIG .modalVer .modalCard .modal-object .modal-body-row .cDT--modal-infoWrapper {
    width: 100%;
  }
  .windowTagIG .modalVer .modalCard .modal-object .modal-body-row .cDT--modal-infoWrapper .listItemTag {
    width: 100%;
  }
  .windowTagIG .modalVer .modalCard .modal-object .modal-body-row .cDT--modal-infoWrapper .listItemTagVideo {
    width: 100%;
  }
  .windowTagIG .modalVer .modalCard .modal-object .button-confirm {
    margin-bottom: 10px;
  }
  .windowTagIG .modalVer .modalCard .modal-object .media {
    max-width: 380px;
  }
  .carousel-thumbnails {
    overflow-x: scroll;
    max-width: 380px;
  }
  .widthBoxMobile {
    min-width: 100%;
  }
  .warningMessageCompose {
    margin-left: 0px;
    margin-right: 0px;
  }
  .windowMultiChannelComposer .modal-dialog {
    margin: 0px;
    margin-top: 10px;
  }
  .windowMultiChannelComposer .modal-header {
    border-bottom: 1px solid #e5e5e5;
    height: 80px;
  }
  .windowMultiChannelComposer .inner-header {
    position: sticky;
    top: 0;
    background-color: white;
    z-index: 503;
    padding: 0px 20px;
  }
  .windowMultiChannelComposer .innerComposeHeight {
    margin: 0px 20px;
  }
  .windowMultiChannelComposer .modal-body {
    padding: 0px;
    overflow-y: auto;
    position: relative;
    height: 70vh;
    padding-bottom: 100px;
    -webkit-overflow-scrolling: touch;
  }
  .windowMultiChannelComposer .modal-body .slimScrollDiv {
    min-height: 70vh;
    max-height: 74vh;
  }
  .windowMultiChannelComposer .modal-body #side-overlay-scroll {
    min-height: 70vh;
    max-height: 74vh;
  }
  .windowMultiChannelComposer .modal-body.boxEditorContent {
    margin-top: 20px;
    padding: 0px 5px 15px 15px;
  }
  .windowMultiChannelComposer .modal-footer {
    border-top: none;
    background-color: var(--ppCyan);
  }
  .windowMultiChannelComposer .modal-footer .buttonFooterMobile {
    font-size: 11px;
    margin-top: 2px;
  }
  .windowMultiChannelComposer .sidebar-container {
    display: none;
  }
  .windowMultiChannelComposer .composerDescriptionSocialProfile {
    padding-top: 5px;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.35;
    flex-direction: unset;
    margin-left: 0px;
    width: unset;
  }
  .windowMultiChannelComposer .composerSocialName {
    margin-right: 5px;
  }
  .windowMultiChannelComposer .boxChannels {
    max-height: 51vh;
  }
  .windowMultiChannelComposer .sidebar-channels {
    background-color: #fff;
    height: auto;
  }
  .windowMultiChannelComposer .nameTab {
    padding-left: 15px;
  }
  .windowMultiChannelComposer .boxChannelsGroup {
    max-height: 68vh;
  }
  .windowMultiChannelComposer .buttonPinterestBoardTarget {
    width: 100%;
  }
  .windowMultiChannelComposer #ImgAddedBox {
    padding-left: 0px;
  }
  .windowMultiChannelComposer .divisoreBoxCaricamentoVideo {
    margin-top: 0px;
  }
  .windowMultiChannelComposer .uploadIcon {
    margin: 0px;
    margin-right: 7px;
  }
  .windowMultiChannelComposer .addChannelButtonResponsive {
    cursor: pointer;
  }
  .windowMultiChannelComposer .addChannelButtonResponsive.plusButton {
    margin: 10px;
    font-size: 30px;
  }
  .windowMultiChannelComposer .addChannelButtonResponsive.addButton {
    padding-top: 2px;
    font-size: 25px;
  }
  .windowMultiChannelComposer .addChannelButtonResponsive.secondPlus {
    margin-right: 10px;
    font-size: 30px;
  }
  .windowMultiChannelComposer .headerButtonMobile {
    display: flex;
    align-items: center;
  }
  .windowMultiChannelComposer .channelsContainer {
    display: inline-block;
    overflow-x: auto;
    scrollbar-width: none;
    white-space: nowrap;
    scroll-behavior: smooth;
  }
  .windowMultiChannelComposer .channelsContainer::-webkit-scrollbar {
    display: none;
  }
  .windowMultiChannelComposer .topbarMobile {
    display: inline-block;
    cursor: pointer;
    margin: 10px 0px 5px 0px;
    box-sizing: border-box;
    height: 43px;
    padding: 0px 10px;
  }
  .windowMultiChannelComposer .commonChannelButtonMobile {
    display: inline-block;
    cursor: pointer;
    box-sizing: border-box;
    margin: 10px 0px;
    height: 43px;
    padding: 3px 10px;
  }
  .windowMultiChannelComposer .icon-error-requirements-video {
    font-size: 30px;
  }
  .channelSelected {
    border-bottom: 3px solid var(--ppBlue);
    padding-bottom: 5px;
  }
  .previewDisabled {
    pointer-events: none;
    color: var(--ppMidGrey);
  }
  .multiChannelComposerMenuHeader {
    width: 100%;
    padding: 0px;
    left: 10px;
  }
  .composerMobileMenu {
    display: flex;
    width: 100%;
    position: fixed !important;
    padding: 0;
    backface-visibility: hidden;
    bottom: 0px;
    right: 0px;
    margin-bottom: 0px;
    z-index: 2500;
  }
  .composerMobileMenu > div {
    padding: 15px !important;
  }
  .boxEditorMobile {
    position: unset;
    display: block;
  }
  .mobileComposeCalendar .datetimepicker {
    margin-bottom: 5px !important;
  }
  .optionMobileMenu {
    width: 25%;
    position: fixed !important;
    padding: 0;
    backface-visibility: hidden;
    background-color: #fff;
    bottom: 0px;
    margin-bottom: 0px;
    z-index: 2500;
    left: 0px;
  }
  .optionMobileMenu > div {
    padding: 12px;
    width: 100%;
    font-weight: 500;
    margin: 0px;
    font-size: 14px;
  }
  .composeOptIntermedio {
    height: 85%;
    overflow-y: scroll;
    scrollbar-width: thin;
  }
  .composeOptIntermedio,
  .composerMenuItem {
    max-height: 73vh;
    height: 73vh;
    width: 100%;
    position: fixed !important;
    backface-visibility: hidden;
    bottom: 44.5px;
    right: 0px;
    border-top: 1px solid var(--ppBkgGrey);
    z-index: 2500 !important;
  }
  .composerTitle {
    font-size: 16px !important;
  }
  .composePlayVideo {
    max-height: 340px;
  }
  .composerMenuBtn {
    border: none !important;
    text-align: center;
    font-size: 18px;
  }
  .composerMenuBtn:hover {
    background-color: transparent;
  }
  .composerStyleHeader {
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
  }
  .dropdownSelectDestination {
    float: none;
    display: block;
    padding-top: 10px;
  }
  .boxWidth {
    width: 100%;
  }
  .timePickerMultichannel {
    padding: 0px;
    width: 250px;
    width: auto;
    max-width: 300px;
    border: none;
  }
  .restoreCommonPostBox {
    font-size: 11px;
    margin-right: 0px;
    padding: 5px 10px;
    border: 1px solid var(--ppMidGrey);
    border-radius: 5px;
    color: var(--ppCyan);
    text-align: center;
    height: 40px;
  }
  .applyPostAllSocialBox {
    font-size: 11px;
    padding: 5px 10px;
    border: 1px solid var(--ppMidGrey);
    border-radius: 5px;
    color: var(--ppCyan);
    text-align: center;
    height: 40px;
    margin-left: 15px;
  }
  .dontShowCheck {
    margin-bottom: 10px;
    margin-top: 0px;
  }
  .socialTypeSidebar {
    margin: 0px;
  }
  .boxMentionListMultichannel {
    padding: 0px;
    padding-bottom: 15px;
  }
  .headerTagMention {
    font-size: 15px !important;
  }
  .bodyNoChannelInProjectXS {
    padding: 10px 20px;
  }
}
@media only screen and (max-width: 500px) {
  .windowTagIG .modal-content {
    width: 340px;
    max-height: 95vh;
    height: auto;
  }
  .windowTagIG .modalVer .modalCard .modal-object .cDT--modal-mediaWrapper .block-content-video {
    min-width: auto !important;
  }
  .windowTagIG .modalVer .modalCard .modal-object .media {
    max-width: 300px;
    min-width: 300px;
  }
  .warningWindowGeneral .modal-dialog {
    width: auto;
    min-width: 330px;
  }
  .widthOptionXS {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 990px) {
  .windowMultiChannelComposer .modal-dialog.modal-lg {
    margin: 20px auto;
  }
}
.drop-area {
  min-height: 200px;
  border: 1px dashed #ccc;
  border-radius: 20px;
  text-align: center;
  color: #ccc;
  position: relative;
  margin: 20px;
  margin-top: 50px;
  outline: 0;
}
.drop-area.hover {
  border-color: #333;
  color: #333;
}
.gallery-upload-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.reminder .gallery-upload-list {
  max-height: 215px;
  overflow-y: auto;
}
.gallery-upload-list li {
  margin: 5px;
  cursor: move;
}
.gallery-upload-list img {
  max-width: 100px;
  max-height: 100px;
}
.gallery-upload-list div {
  max-width: 100px;
  max-height: 100px;
  font-size: 14px !important;
}
.cursorPointer {
  cursor: pointer;
}
input[type="file"] {
  display: none;
}
.drop-container {
  margin-bottom: 1.5rem;
  border-radius: 20px;
}
.drop {
  border-radius: 10px;
  width: 100%;
  place-content: center;
  padding: 2rem;
  box-sizing: border-box;
  display: grid;
  place-items: center;
  outline: 0;
  border-radius: 2px 2px 4px 4px;
}
.uploadedMedia {
  border-radius: 10px;
  display: grid;
  width: 100%;
  box-sizing: border-box;
  outline: 0;
}
.drop-active {
  border: 3px solid #4b4b4b;
  background: #ccf8ff;
}
.drop .icon {
  font-size: 60px;
  color: var(--ppCyan);
}
.drop .text {
  text-align: center;
  font-weight: 500;
  color: #443f46;
  margin-top: 1rem;
}
.progress {
  background: var(--ppCyan);
  width: 0%;
  height: 20px;
  display: none;
  border-radius: 10px;
  transition: all 0.2s;
}
.drop .selectButton {
  padding: 0.6rem 1.7rem;
  border-radius: 5px;
  cursor: pointer;
  border: 0px;
  color: #262626;
  background: #f9f9f9;
  transition: color 0.12s ease-out;
  border: 1px solid #e6e6e6 !important;
}
.drop .selectButton:hover {
  padding: 0.6rem 1.7rem;
  border-radius: 5px;
  cursor: pointer;
  border: 0px;
  color: #262626;
  background: #e8e8e8;
  transition: color 0.12s ease-out;
}
.container-icon-upload {
  background-color: #f1f4f7;
  border-radius: 50%;
  color: #262626;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  transition: color 0.12s ease-out;
}
.container-icon-upload:hover {
  background-color: #e8e8e8;
  border-radius: 50%;
  color: #262626;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  transition: color 0.12s ease-out;
}
.buttonUpload {
  width: 30px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  font-size: 1rem;
  color: #fff;
}
/* gallery-upload-image {
    margin: 10px;
    border: 2px solid transparent;
    border-radius: 5px;
    transition: transform 0.2s, border-color 0.2s;
    cursor: grab;
} */
.gallery-upload-image.dragging {
  transform: scale(1.1);
  border-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  cursor: grabbing;
}
.subheader {
  line-height: 20px;
  font-size: 13px;
  font-weight: 400;
  color: #9e9e9e;
}
.disabledActions {
  opacity: 0.7 !important;
  pointer-events: none !important;
  cursor: not-allowed;
}
.iconArrowMediaDropdown {
  display: flex;
  margin-left: 6px;
  margin-top: 10px;
  font-size: 12px;
}
.upload-menu-item {
  padding: 6px 13px !important;
}
.upload-menu-content {
  height: 19px !important;
}
.upload-icon {
  height: 19px;
  width: 19px;
  text-align: center;
  filter: grayscale(100%);
}
.upload-icon-17 {
  height: 17px;
  width: 17px;
  text-align: center;
  filter: grayscale(100%);
}
.gallery-upload-image-loader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  border: 0.9px solid #f3f3f3;
}
.spinner-container-image {
  position: relative;
  width: 50px;
  height: 50px;
}
.spinner {
  width: 100%;
  height: 100%;
  border: 4px solid #f3f3f3;
  border-top: 4px solid var(--ppCyan);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
.progress-percent {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-weight: bold;
  color: var(--ppCyan);
}
@keyframes spin {
  0% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(180deg) scale(1.1);
  }
  100% {
    transform: rotate(360deg) scale(1);
  }
}
/* disabilitare il drag and drop */
/* Aggiorna gli stili per maggiore chiarezza */
.gallery-upload-image[dnd-draggable] {
  transition: transform 0.2s, opacity 0.2s;
}
.gallery-upload-image[dnd-disable-if="true"] {
  cursor: not-allowed !important;
  opacity: 0.5;
  filter: grayscale(100%);
  transform: scale(0.95);
}
ul[dnd-list],
ul[dnd-list] > li {
  position: relative;
}
ul[dnd-list] .dndDraggingSource {
  display: none;
}
ul[dnd-list] li {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
ul[dnd-list] li dnd-nodrag {
  display: block;
  padding: 10px 15px;
}
ul[dnd-list] .dndPlaceholder {
  display: grid;
  place-items: center;
  background-color: var(--ppMidGrey);
  padding: 10px 15px;
  min-height: 42px;
}
.geminiEditorDialog {
  min-width: 800px;
  max-width: 90%;
  background: white;
}
.videoFrameModalDialog {
  max-width: 90%;
  background: white;
}
.geminiEditorContainer {
  padding: 15px;
}
.imagePreviewContainer {
  text-align: center;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 5px;
}
.imagePreview {
  max-width: 100%;
  max-height: 400px;
}
.geminiChatContainer {
  display: flex;
  flex-direction: column;
  height: 400px;
}
.geminiChatHistory {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 5px 5px 0 0;
  border: 1px solid #ddd;
}
.chatMessage {
  margin-bottom: 10px;
  padding: 8px 12px;
  border-radius: 15px;
  max-width: 80%;
}
.userMessage {
  background-color: #dcf8c6;
  align-self: flex-end;
  margin-left: auto;
}
.aiMessage {
  background-color: #f1f0f0;
  align-self: flex-start;
}
.geminiChatInputContainer {
  display: flex;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 0 0 5px 5px;
  border: 1px solid #ddd;
}
.sendButton {
  margin-left: 3px;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.actionButtonsContainer {
  margin-top: 15px;
}
.imageWrapper {
  position: relative;
  width: 100%;
  min-height: 200px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  background-color: #f5f5f5;
  display: grid;
  place-items: center;
}
.imagePreview {
  height: auto;
  display: block;
}
.imageToggleControls {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.imageLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}
.geminiChatHistory {
  height: 300px;
  overflow-y: auto;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 10px;
  background-color: #f9f9f9;
  margin-bottom: 10px;
}
.chatMessage {
  margin-bottom: 10px;
  padding: 8px 12px;
  border-radius: 18px;
  max-width: 80%;
  word-wrap: break-word;
}
.userMessage {
  background-color: #dcf8c6;
  margin-left: auto;
  border-bottom-right-radius: 5px;
}
.aiMessage {
  background-color: #f1f0f0;
  margin-right: auto;
  border-bottom-left-radius: 5px;
}
.errorMessage {
  background-color: #ffebee;
  color: #d32f2f;
}
.loadingMessage {
  background-color: #e0e0e0;
  font-style: italic;
}
.loadingSpinner {
  display: inline-block;
  margin-right: 8px;
}
.geminiChatInput {
  flex-grow: 1;
  resize: none;
  border-radius: 4px 0 0 4px;
}
.actionButtonsContainer {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e0e0e0;
}
.imageHistoryContainer {
  margin-top: 15px;
  border-top: 1px solid #e0e0e0;
  padding-top: 10px;
}
.imageHistoryScroller {
  display: flex;
  overflow-x: auto;
  padding: 5px 0;
  gap: 10px;
}
.md-panel-inner-wrapper:has(.aiEditorDialog) {
  background-color: #ffffff !important;
  border-radius: 10px;
}
.md-panel.aiEditorPanel .md-panel-inner-wrapper {
  background-color: #ffffff !important;
}
.aiEditorPanel {
  background-color: #ffffff !important;
  border-radius: 10px;
}
.aiEditorDialog {
  width: 795px;
  max-height: 690px;
  background: white;
  border-radius: 10px;
}
.aiEditorContainer {
  padding: 15px;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
.aiEditorContainer .outputDimensionLabelRow {
  padding-bottom: 4px;
  display: flex;
}
.aiEditorContainer .row .btn {
  width: 100%;
  border-radius: 4px;
  font-size: 14px;
  padding: 8px 12px;
  text-align: center;
}
.aiEditorContainer .row .btn.btn-primary {
  background-color: var(--ppCyan);
  border-color: var(--ppCyan);
  color: white;
}
.aiEditorContainer .row .btn.btn-default {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #333;
  width: 102px;
  height: 28px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  padding: 0 12px;
  border-radius: 6px;
}
.aiEditorContainer .row .btn:hover {
  opacity: 0.9;
}
.aiEditorContainer .row {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.imagePreviewContainer,
.aiEditorContainer .col-md-6 {
  display: flex;
  flex-direction: column;
}
.imagePreviewContainer {
  text-align: center;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid var(--ppMidGrey);
  height: 530px;
  width: 360px;
}
.imagePreview {
  max-width: 100%;
  max-height: 360px;
  margin: 0 auto;
  min-height: 328px;
}
.chatContainer {
  display: flex;
  flex-direction: column;
  height: 360px;
  flex: 1;
  width: 360px;
  padding: 10px;
  padding-bottom: 0px;
  padding-top: 0px;
}
.AIChatHistory {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid var(--ppMidGrey);
  width: 360px;
  max-height: 270px;
  scrollbar-width: thin;
}
.chatMessage {
  margin-bottom: 10px;
  padding: 8px 12px;
  border-radius: 15px;
  max-width: 80%;
}
.userMessage {
  align-self: flex-end;
  margin-left: auto;
}
.aiMessage {
  background-color: #f1f0f0;
  align-self: flex-start;
}
.chatInputBox {
  display: flex;
  flex-direction: column;
  width: 360px;
  padding: 10px;
  margin-top: auto;
  background: none;
}
.chatInputContainer {
  display: flex;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid var(--ppMidGrey);
  height: 270px;
  margin-top: 10px;
  overflow: hidden;
}
.sendButtonContainer {
  display: flex;
  align-items: flex-end;
}
.sendButton {
  margin-left: 3px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px;
}
.actionButtonsContainer {
  margin-top: 5px;
  padding: 15px;
}
.imageWrapper {
  max-width: 480px;
  height: auto;
  margin-bottom: 8px;
  background-color: #f5f5f5;
  display: flex;
  height: 360px;
}
.imagePreview {
  height: auto;
  display: block;
  object-fit: contain;
}
.imageToggleControls {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 255, 255, 0.8);
  padding: 5px;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.imageLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}
.chatMessage {
  margin-bottom: 10px;
  padding: 8px 12px;
  border-radius: 5px;
  max-width: 85%;
  word-wrap: break-word;
}
.userMessage {
  background-color: #ffdefe;
  margin-left: auto;
  align-self: flex-end;
}
.aiMessage {
  background-color: #f1f0f0;
  margin-right: auto;
  border-bottom-left-radius: 5px;
}
.errorMessage {
  background-color: #ffebee;
  color: #d32f2f;
}
.loadingMessage {
  background-color: #e0e0e0;
  font-style: italic;
}
.loadingSpinner {
  display: inline-block;
  margin-right: 8px;
}
.chatInput {
  flex-grow: 1;
  resize: none;
  border: none;
  overflow-x: auto;
  flex: 1;
  padding: 10px;
  min-height: 60px;
  background: none !important;
}
.chatInput:focus {
  outline: none;
}
.actionButtonsContainer {
  margin-top: 5px;
  padding: 15px;
}
.imageHistoryScroller {
  display: flex;
  overflow-x: auto;
  gap: 10px;
  scrollbar-width: thin;
  margin-top: 4px;
}
.containerScroller {
  display: flex;
  overflow-y: auto;
  max-height: 70vh;
  overflow-x: hidden;
}
.imageThumbnail {
  position: relative;
  width: 80px;
  height: 80px;
  border: 2px solid #e0e0e0;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  flex-shrink: 0;
  transition: border-color 0.2s;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  margin-right: 10px;
}
.imageThumbnail.selected {
  border-color: var(--ppCyan);
  opacity: 1;
}
.imageThumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumbnailLabel {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  font-size: 11px;
  padding: 2px 4px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
}
.pp-cyan-border {
  border: 2px solid var(--ppCyan) !important;
  box-shadow: 0 0 5px rgba(33, 173, 209, 0.3);
}
.gallery-upload-list div {
  max-width: 100px;
  max-height: 100px;
  font-size: 14px !important;
}
.media-remove-button {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
  font-size: 12px !important;
}
.media-remove-button i {
  font-size: 12px;
  color: #666;
}
.media-remove-button:hover {
  background-color: #f5f5f5;
}
.media-remove-button:hover i {
  color: #333;
}
.iconAIAssistant {
  width: 20px;
}
.gallery-upload-image {
  position: relative;
  overflow: visible !important;
}
.gallery-upload-image .gallery-upload-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.gallery-upload-image .gallery-upload-image-overlay .btn-gallery-upload-zoom {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  touch-action: manipulation;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
}
.gallery-upload-image .gallery-upload-image-overlay .btn-gallery-upload-zoom i {
  color: #fff;
  font-size: 15px;
}
.gallery-upload-image .gallery-upload-image-overlay .btn-gallery-upload-zoom:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.gallery-upload-image .btn-gallery-upload-edit-top-left {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 20px;
  height: auto;
  border-radius: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15px;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.6);
}
.gallery-upload-image .btn-gallery-upload-edit-top-left img {
  color: #fff;
  font-size: 15px;
  transition: filter 0.2s ease;
}
.gallery-upload-image .btn-gallery-upload-edit-top-left:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.gallery-upload-image .btn-gallery-upload-edit-top-left:hover img {
  filter: brightness(0.7);
  /* Darkens the white image on hover */
}
.gallery-upload-image .btn-gallery-upload-edit-left {
  position: absolute;
  bottom: 3px;
  left: 3px;
  width: 30px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.gallery-upload-image .btn-gallery-upload-edit-left i {
  color: #fff;
  font-size: 14px;
}
.gallery-upload-image .btn-gallery-upload-edit-right {
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 25px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.gallery-upload-image .btn-gallery-upload-edit-right i {
  color: #fff;
  font-size: 12px;
}
.gallery-upload-image:hover .btn-gallery-upload-zoom {
  opacity: 1;
}
.gallery-upload-image:hover .btn-gallery-upload-edit-right {
  opacity: 1;
}
.gallery-upload-image:active .btn-gallery-upload-zoom {
  opacity: 0;
}
.gallery-upload-image:active .btn-gallery-upload-edit-right {
  opacity: 0;
}
.btn-gallery-upload-edit-right {
  position: absolute;
  bottom: 3px;
  right: 3px;
  width: 25px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.btn-gallery-upload-edit-right i {
  color: #fff;
  font-size: 12px;
}
.bg-image-h100 {
  overflow: visible !important;
}
.gallery-upload-image .lazy-loading-effect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  border-radius: 4px;
  animation: lazyLoadingAnimation 1.5s infinite;
  z-index: 4;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
.gallery-upload-image .lazy-loading-effect.loaded {
  opacity: 0;
  z-index: -1;
}
.gallery-upload-image .bg-image {
  position: relative;
  background-color: transparent !important;
}
.gallery-upload-image .bg-image.loading {
  background-image: none !important;
}
.gallery-upload-image .gallery-upload-image-loader {
  z-index: 10;
}
.gallery-upload-image {
  position: relative;
}
.gallery-upload-image .bg-image {
  position: relative;
  overflow: hidden;
}
.generateVideoThumbBtn {
  border-radius: 4px;
  font-size: 14px;
  padding: 8px 12px;
  font-weight: 800;
  text-align: center;
}
.gallery-upload-image-mobile {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex
;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.imageOptionEditor {
  position: absolute;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 3px 6px;
  z-index: 11;
  cursor: pointer;
  color: white;
  margin: 5px;
  border-radius: 5px;
}
.imageOptionEditor > ul > li {
  cursor: pointer;
}
.imageOptionEditor > ul > li > a {
  padding: 5px 10px;
}
.dropdownImageOption {
  position: absolute;
  margin-top: 5px;
  padding: 0;
  border-radius: 5px;
  min-width: auto;
}
.post-review .ng-leave {
  -webkit-transition: 0.5s;
  -moz-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 0.5s;
}
.post-review .ng-leave.ng-leave-active {
  opacity: 0;
}
.post-review .ng-leave {
  opacity: 1;
}
.no-ng-leave {
  -webkit-transition: none !important;
  transition: none !important;
}
.highlightedText {
  background: var(--ppCyan) none repeat scroll 0 0;
}
.post-review {
  word-wrap: break-word;
}
.spaziotimeline {
  padding: 0px;
  margin-top: 20px;
}
.block-icon {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #cacbcb;
}
.post-review .single-post {
  position: relative;
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
  /* 

   padding: 20px 35px 20px 20px;
    border-radius: 3px;
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
  background: url("../assets/img/brand/back-shadow-style.png") repeat-x scroll left bottom #ffffff;
  border-left: 1px solid #e5e5e5;
  border-radius: 2px 2px 4px 4px;
  border-right: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  z-index: none !important;
}
.post-review .customer-single-post {
  display: table;
  width: 320px;
  margin: auto;
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #dadada;
  position: relative;
}
.post-review .customer-single-post .header {
  display: flex;
  width: 320px;
  margin: auto;
}
.post-review .customer-single-post .header .simbolo_social {
  float: left;
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.post-review .customer-single-post .header .simbolo_social.facebook {
  background-image: url('../assets/img/brand/social/svg/facebook.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.twitter {
  background-image: url('../assets/img/brand/social/svg/twitter.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.linkedin {
  background-image: url('../assets/img/brand/social/svg/linkedin.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.instagram {
  background-image: url('../assets/img/brand/social/svg/instagram.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.instagram-personal {
  background-image: url('../assets/img/brand/social/svg/instagram-personal.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.pinterest {
  background-image: url('../assets/img/brand/social/svg/pinterest.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.telegram {
  background-image: url('../assets/img/brand/social/svg/telegram.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.youtube {
  background-image: url('../assets/img/brand/social/svg/youtube.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.gmb {
  background-image: url('../assets/img/brand/social/svg/gmb.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.tiktok {
  background-image: url('../assets/img/brand/social/svg/tiktok.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .simbolo_social.threads {
  background-image: url('../assets/img/brand/social/svg/threads.svg');
  background-size: 40px 40px;
  background-repeat: no-repeat;
}
.post-review .customer-single-post .header .scheduling {
  width: 70%;
  display: block;
  float: left;
}
.post-review .customer-single-post .action {
  width: 320px;
  margin: auto;
}
.post-review .single-post-publishing {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
.post-review .single-post header {
  color: var(--ppMattGrey);
  font-size: 14px;
  display: flex !important;
}
.post-review .single-post header .user-img {
  margin-right: 20px;
  float: left;
}
.post-review .single-post header .user-img .simbolo_social {
  position: absolute;
  left: 52px;
  top: 52px;
  /*top: 50px;
    left: 50px;*/
  width: 20px;
  height: 20px;
}
.post-review .single-post header .user-img .facebook {
  background-image: url('../assets/img/brand/social/svg/facebook.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .twitter {
  background-image: url('../assets/img/brand/social/svg/twitter.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .linkedin {
  background-image: url('../assets/img/brand/social/svg/linkedin.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .instagram {
  background-image: url('../assets/img/brand/social/svg/instagram.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .instagram-personal {
  background-image: url('../assets/img/brand/social/svg/instagram-personal.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .pinterest {
  background-image: url('../assets/img/brand/social/svg/pinterest.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .tumblr {
  background-image: url('../assets/img/brand/social/svg/tumblr.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .youtube {
  background-image: url('../assets/img/brand/social/svg/youtube.svg');
  background-size: 20px 20px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .googleplus {
  background-image: url('../assets/img/brand/social/svg/googleplus.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .gmb {
  background-image: url('../assets/img/brand/social/svg/gmb.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .telegram {
  background-image: url('../assets/img/brand/social/svg/telegram.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .tiktok {
  background-image: url('../assets/img/brand/social/svg/tiktok.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img .threads {
  background-image: url('../assets/img/brand/social/svg/threads.svg');
  background-size: 16px 16px;
  background-repeat: no-repeat;
}
.post-review .single-post header .user-img img {
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 30px;
}
.post-review .single-post header .user-details {
  display: inline;
}
.post-review .single-post header a {
  color: #646565;
}
.post-review .single-post header a:hover {
  color: #4b4b4b;
}
.post-review .single-post header time {
  display: block;
  font-size: 12px;
  color: var(--ppMattGrey);
}
.post-review .single-post .story-content {
  display: block;
  padding-top: 10px;
}
.post-review .single-post .story-content p {
  font-weight: 300;
  font-size: 14px;
  color: var(--ppGrey);
}
.post-review .single-post .story-audio-item {
  background: #f8f8f8;
  padding: 30px;
  margin: 10px -20px;
  margin-top: 20px;
}
.post-review .single-post .story-audio-item .story-content {
  margin-left: -13px;
}
.post-review .single-post .story-audio-item .audio-track-info {
  padding-bottom: 15px;
}
.post-review .single-post .story-audio-item .audio-track-info .artist-info,
.post-review .single-post .story-audio-item .audio-track-info .track-length {
  color: #979898;
}
.post-review .single-post .story-audio-item .audio-track-info .artist-info {
  float: left;
}
.post-review .single-post .story-audio-item .audio-track-info .track-length {
  float: right;
}
.post-review .single-post .story-audio-item .audio-track-timeline {
  width: 100%;
  display: table;
}
.post-review .single-post .story-audio-item .audio-track-timeline .play-pause,
.post-review .single-post .story-audio-item .audio-track-timeline .track-timeline,
.post-review .single-post .story-audio-item .audio-track-timeline .track-volume {
  display: table-cell;
  vertical-align: middle;
}
.post-review .single-post .story-audio-item .audio-track-timeline .play-pause {
  width: 75px;
}
.post-review .single-post .story-audio-item .audio-track-timeline .track-volume {
  width: 30px;
  text-align: right;
}
.post-review .single-post .story-audio-item .audio-track-timeline .track-timeline .track-timeline-empty {
  display: block;
  height: 2px;
  background: #dedede;
  position: relative;
}
.post-review .single-post .story-audio-item .audio-track-timeline .track-timeline .track-timeline-empty .track-fill {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #2c2e2f;
}
.post-review .single-post .story-options-links {
  padding-top: 10px;
}
.post-review .single-post .story-options-links a {
  display: inline-block;
  color: #979898;
  margin-right: 30px;
}
.post-review .single-post .story-options-links a span {
  display: inline-block;
  zoom: 1;
  -webkit-opacity: .9;
  -moz-opacity: .9;
  opacity: .9;
  -ms-filter: alpha(opacity=90);
  filter: alpha(opacity=90);
}
.post-review .single-post .story-options-links a:hover {
  color: #575858;
}
.post-review .single-post .story-options-links a.liked {
  color: #ed3434;
}
.post-review .single-post .story-comments {
  border-top: 1px solid #eee;
  margin-top: 20px;
  padding-top: 10px;
}
.post-review .single-post .story-comments .story-comment {
  margin-top: 10px;
}
.post-review .single-post .story-comments .story-comment .comment-user-img {
  display: block;
  float: left;
}
.post-review .single-post .story-comments .story-comment .comment-user-img img {
  width: 32px;
}
.post-review .single-post .story-comments .story-comment .story-comment-content {
  margin-left: 50px;
  padding-bottom: 5px;
  padding-left: 2px;
  border-bottom: 1px solid #eeeeee;
}
.post-review .single-post .story-comments .story-comment .story-comment-content .story-comment-user-name {
  display: block;
  font-size: 14px;
  color: #575858;
  margin-bottom: 5px;
}
.post-review .single-post .story-comments .story-comment .story-comment-content .story-comment-user-name time {
  display: inline-block;
  margin-left: 5px;
  font-size: 11px;
  color: #dddddd;
}
.post-review .single-post .story-comments .story-comment .story-comment-content p {
  font-size: 13px;
}
.post-review .single-post .story-comments li:last-child .story-comment .story-comment-content {
  border-bottom: 0;
}
.post-review .single-post .story-comment-form {
  margin-top: 20px;
}
.post-review .single-post .story-comment-form textarea {
  border: 1px solid #eee;
  padding: 10px;
  max-height: 100px;
  margin-bottom: 10px;
}
.post-review .single-post .story-checkin {
  margin-bottom: 10px;
  border: 1px solid #eee;
  padding: 10px;
}
.post-review .single-post .story-album {
  border: 1px solid #eee;
  padding: 10px;
  margin-bottom: 20px;
}
.post-review .single-post .story-album .col-1,
.post-review .single-post .story-album .col-2 {
  display: block;
  float: left;
  width: 50%;
}
.post-review .single-post .story-album .col-1 {
  padding-right: 6px;
}
.post-review .single-post .story-album .col-2 {
  padding-left: 6px;
}
@media screen and (max-width: 767px) {
  .post-review .single-post {
    padding: 15px !important;
    margin-bottom: 20px;
  }
  .post-review .single-post .story-content {
    padding-left: 0;
  }
  .post-review .single-post > .story-content {
    margin-top: 20px;
  }
  .post-review .single-post .story-album {
    padding-bottom: 0;
  }
  .post-review .single-post .story-album .col-1,
  .post-review .single-post .story-album .col-2 {
    padding: 0;
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .block-content-compose {
    padding: 10px 10px 1px !important;
  }
  .post-review .single-post header .user-img .simbolo_social {
    left: 46px;
    top: 46px;
  }
  .post-review .post-details {
    width: 67% !important;
    display: block;
  }
  .boxLivePreviewFromReview {
    padding: 15px;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -13px;
  }
}
.post-review .single-post:last-child {
  margin-bottom: 0;
}
.post-review .post-details {
  width: 80%;
}
.editor-photo {
  border-radius: 20px;
  height: 16px;
  margin-right: 5px;
  width: 16px;
  vertical-align: text-bottom;
  object-fit: cover;
}
.notransition {
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: color 0 ease-in !important;
  transition: none !important;
}
.opzioni_editing .progetti-heading .panel-heading {
  font-size: 12px !important;
  font-weight: 400 !important;
}
.opzioni_editing .progetti-heading .panel-heading a {
  font-weight: 400 !important;
}
.opzioni_editing .panel-heading .panel-title {
  font-size: 12px !important;
  font-weight: 400 !important;
}
.opzioni_editing .panel-heading .panel-title a {
  font-weight: 400 !important;
}
.opzioni_editing .panel-heading .panel-title a:hover {
  color: var(--ppGrey);
  font-weight: 400 !important;
}
.opzioni_editing .panel-heading {
  border-radius: 3px;
  line-height: 22px !important;
  min-height: 22px !important;
}
.btn-primary-outline {
  background-color: #fff !important;
  border-color: var(--ppCyan) !important;
  color: var(--ppCyan) !important;
}
.video-thumb {
  position: relative;
  height: 85px;
  width: 150px;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
}
.video-thumb canvas,
.play-video {
  position: absolute;
  width: 150px;
  border-radius: 4px;
}
.video-thumb .remove-video {
  color: #fff;
  height: 20px;
  left: 122px;
  position: relative;
  right: 4px;
  top: 2px;
  width: 20px;
  z-index: 501;
}
.video-thumb .play-video {
  max-width: 150px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 9;
  height: 85px;
  display: block;
  position: absolute;
  min-width: 100px;
  border-radius: 4px;
  background-image: url('../assets/img/brand/video_play.png');
  background-size: 40px;
  background-repeat: no-repeat;
  background-position: 50%;
}
.video-thumb .imgThumbnail {
  position: relative;
}
.video-thumb .imgThumbnail > img {
  height: 85px;
  border-radius: 3px;
  object-fit: cover;
}
.review-post-options {
  display: block;
  margin-top: 15px;
}
.review-post-options p {
  font-size: 12px !important;
  line-height: 1.5;
  margin: 0 0 5px;
}
.font-w-600 {
  font-weight: 600;
}
.preview-div {
  background-color: #f5f5f5;
  text-align: center;
  display: block;
  height: 26px;
  line-height: 26px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin-bottom: -18px;
  margin-right: -20px;
  margin-left: -20px;
  margin-top: -13px !important;
}
.contentChangeName {
  margin-top: -15px;
  padding-bottom: 20px;
  background-color: #f9f9f9;
}
.changeName {
  position: relative;
  margin: 10px 0 10px;
  width: 100%;
}
.changeName input {
  width: 85%;
  padding-left: 0;
  padding-right: 0;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: 0 1px 0 #e6e6e6;
  box-shadow: 0 1px 0 #e6e6e6;
}
.bordRight {
  border-right: 1px solid #646565;
  padding: 0px 5px;
  margin-right: 5px;
  float: left;
}
.statePostIconXS {
  display: none;
}
.truncateAdvancedOption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 95%;
  display: inline-block;
  max-width: 450px;
}
.truncateAdvancedOption.commonContent {
  width: 75%;
}
@media screen and (max-width: 991px) {
  .post-review .single-post header time {
    display: inline-block;
  }
  .imgLinkPost {
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .imgLinkPost div {
    width: 100% !important;
  }
  .imgLinkPost ul {
    width: 100% !important;
  }
  .imgLinkPost li {
    width: 100% !important;
  }
  .imgLinkPost img {
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
  }
  .textAreaNote {
    width: 80% !important;
    min-height: 90px !important;
    padding: 10px;
    float: right;
    resize: none !important;
  }
  .targetRubrica span {
    max-width: 90px !important;
  }
  .channelName {
    display: table !important;
  }
  .statePostIconXS {
    display: inline-block;
  }
  .truncateAdvancedOption.commonContent {
    width: 90%;
  }
}
.contentTargetsPost {
  float: left;
}
.contentTargetsPost > div {
  float: left;
  padding-bottom: 15px;
  display: flex;
}
.targetRubrica {
  font-size: 12px;
  line-height: 1.5;
  display: block;
}
.targetRubrica span {
  max-width: 140px;
  display: block;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 5px;
  font-weight: 500;
}
.targetAuthor {
  border: 1px solid #cccccc;
  border-radius: 2px;
  padding: 2px 10px;
  font-size: 12px;
}
.textAreaNote {
  width: 91%;
  min-height: 82px;
  padding: 10px;
  resize: vertical;
}
.headerNote {
  padding: 10px 10px 10px 35px;
  border-bottom: 1px solid #ddd;
  background-color: #fffc66;
}
.readMoreMessage {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.readLessMessage {
  -webkit-line-clamp: none;
}
.readMore {
  color: var(--ppCyan);
  cursor: pointer;
  font-size: 13px;
}
.readMore :hover {
  color: #17768f;
}
.menuEditingOption {
  left: auto !important;
  right: -5px;
  top: 22px !important;
}
.disabledMenuEditingOption {
  cursor: not-allowed;
}
.disabledMenuEditingOption > li {
  pointer-events: none;
  opacity: 0.4;
}
.postPhoto {
  height: 110px;
  cursor: zoom-in;
}
.postPhoto div {
  height: 100px;
}
.editingContent {
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
}
.contentTitleFilter {
  background-color: #f9f9f9 !important;
  border-bottom: 1px solid #eee;
  padding: 11px !important;
}
.titleFilter {
  color: #646464;
  font-weight: 600;
  font-size: 13px;
}
.labelFilter {
  padding: 0px;
  font-size: 12px;
}
.hrFilter {
  margin-top: 10px;
  margin-bottom: 10px;
}
.descriptionLink {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.channelName {
  display: block;
}
.channelName strong {
  max-width: 180px;
  display: block;
  float: left;
}
@media (max-width: 375px) {
  .channelName strong {
    max-width: 180px !important;
  }
}
.serieNameTitle {
  display: inline-block;
  width: 20%;
  vertical-align: bottom;
}
.truncateAdvancedOption {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 95%;
  display: inline-block;
  max-width: 450px;
}
.authorPopoverName {
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0px;
}
.authorPopoverName > h6 {
  color: #646565;
  font-size: 12px;
  line-height: normal;
  margin-bottom: 5px;
}
.infoAlertError {
  color: #000;
  font-size: 12px;
  margin-top: 15px;
}
.infoAlertError > i {
  font-size: 14px;
}
.labelDeleteFromSocial {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000;
}
.postTags {
  text-wrap: wrap;
  max-width: 581px;
}
.btnShowLivePreview {
  padding: 0px 5px;
  margin-right: 10px;
  color: var(--ppBlue);
  cursor: pointer;
  border: none;
}
.btnShowLivePreview:hover,
.btnShowLivePreview:focus {
  color: initial;
}
.btnShowLivePreview.active {
  color: var(--ppCyan);
}
.boxLivePreviewFromReview {
  background-color: #f5f5f5;
  padding: 20px;
  margin-right: -20px;
  margin-left: -20px;
  margin-bottom: -19px;
}
.postSeparator {
  position: absolute;
  bottom: -50px;
  width: 100%;
  left: 0;
  text-align: center;
}
.postSeparator > hr {
  border-color: var(--ppMidGrey);
}
.elencoRegistro {
  padding: 0px 25px 20px 25px;
  width: 100%;
}
.elencoRegistro > div {
  margin-bottom: 10px;
}
.rubriche-left-column {
  /* display: table-cell;
    vertical-align: middle; */
  width: auto;
}
.rubriche-right-column {
  display: table-cell;
  width: 50px;
  vertical-align: middle;
  text-align: center;
}
.rubriche-review {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  font-size: 12px;
  border-radius: 5px;
}
.rubriche-review > li {
  padding: 10px 5px;
  border-bottom: 1px solid #eeeeee;
  background: #fafafa;
}
.rubriche-review > li .media {
  overflow: visible;
  margin-top: 0;
}
.rubriche-review > li :last-of-type {
  border: 0;
}
.rubriche-review > li .media-left {
  padding-left: 5px;
}
.rubriche-review > li .pull-right.dropdown {
  display: inline-block;
}
.rubriche-review > li .pull-right.dropdown .dropdown-menu {
  padding: 1px 0;
  min-width: max-content;
}
.rubriche-review > li .pull-right.dropdown .dropdown-menu::before {
  position: absolute;
  top: -5px;
  right: 6px;
  display: inline-block;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ccc;
  border-left: 5px solid transparent;
  border-bottom-color: #ccc;
  content: '';
}
.rubriche-review > li .pull-right.dropdown > a.toggle-button {
  color: #ccc;
  padding: 5px;
}
.rubriche-review > li .pull-right.dropdown .open > a.toggle-button {
  color: #ccc;
}
.rubriche-review .post {
  padding: 15px;
}
.rubriche-media-body {
  position: relative;
  border-radius: 12px;
  display: flex;
  padding: 5px;
}
.rubriche-media-body .video-box {
  width: 75px;
  height: 75px;
  border-radius: 4px;
  background-color: #000;
  float: left;
  margin-right: 20px;
  position: relative;
}
.rubriche-media-body .video-box .video-preview {
  width: 75px;
  height: 75px;
  object-fit: cover;
  object-position: center;
  background-color: #000;
  border-radius: 5px;
}
.rubriche-media-body .video-box .play-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: zoom-in;
}
.rubriche-media-body .video-box .play-video-icon i {
  color: #fff;
  font-size: 16px;
  margin-left: 2px;
}
.rubriche-media-body .image-box {
  width: auto;
  height: auto;
  display: block;
  float: left;
  margin-right: 20px;
}
.rubriche-media-body .content-box {
  display: inline-block;
  width: 83%;
  max-width: 100%;
  font-size: 14px;
}
.dropdownCollection .dropdown-menu {
  font-size: 12px;
  min-width: 100px;
}
.dropdownCollection .dropdown-menu::before {
  display: none !important;
}
.dropdownCollection .dropdown-menu > li {
  padding: 0px !important;
  display: grid !important;
}
.dropdownCollection .dropdown-menu > li > a {
  line-height: 1.12857;
}
.rubriche_messaggio {
  display: table;
  width: 100%;
}
.rubriche-review .post .channel > a > i {
  width: 23px;
  height: 23px;
  line-height: 20px;
  text-align: center;
  border: 2px solid #fafafa;
  color: #fff;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
}
.rubriche-review .post .channel > a > i:hover::before {
  content: "\f303";
  color: #646464;
}
.rubriche-review .post .channel > a > i:hover {
  background: #fff !important;
  color: var(--ppGrey);
  border: 1px solid var(--ppGrey);
  transform: scale(1.5);
}
.rubriche-review .post .channel > a > i:active {
  transform: translateY(-1.1px);
}
.rubriche-review .post .channel_to_approve > a > i {
  box-shadow: 0 0 0 1px red;
  margin: 2px;
  border-radius: 50%;
}
a.channel-tooltip .channelDetail {
  display: none;
}
a.channel-tooltip:hover {
  position: relative;
}
a.channel-tooltip:hover .channelDetail {
  display: block;
  z-index: 100;
  width: auto;
  max-width: 210px;
  position: absolute;
  top: -25px;
  left: 30px;
}
/* Prevent the text contents of draggable elements from being selectable. */
[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ui-sortable .over .block-bordered {
  border: 2px dashed var(--ppCyan);
  opacity: 0.4;
}
.ui-sortable-handle {
  cursor: move;
}
.ui-sortable .moving .block-bordered {
  border: 2px solid var(--ppCyan);
}
.beingDragged {
  margin-bottom: .5em !important;
  border: 2px dashed var(--ppCyan);
  background: none !important;
}
.ui-sortable beingDragged .block-bordered {
  border: 2px solid var(--ppCyan);
}
@media (min-width: 360px) and (max-width: 767px) {
  .block {
    margin-bottom: 15px;
  }
}
@media (min-width: 767px) {
  .displayLG {
    display: inline;
  }
}
.deleteFilter {
  font-size: 11px;
  color: var(--ppRed);
  float: center;
}
.iconArrow {
  font-size: 18px;
  color: #cccccc;
}
.iconColorPicker {
  background-color: #fff;
  border-color: #f0f0f0;
  height: 36px;
  width: 72px;
}
.iconColorPicker div {
  width: 15px;
  height: 15px;
  display: block;
  float: left;
}
.serieName {
  width: 400px;
  display: block;
  float: right;
  margin-left: 5px;
}
@media (max-width: 991px) {
  .serieName {
    width: 200px;
  }
}
.seriePostMessage {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95%;
}
.avatarImgSeriesPost {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
.rubricaColorPicker {
  position: relative;
  display: inline-block;
  margin-top: 15px;
  cursor: pointer;
}
.rubricaColorBoxWrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
  gap: 8px;
}
.rubricaColorBox {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: 1px solid #ccc;
}
.rubricaColorIcon {
  color: #666;
  font-size: 16px;
}
.rubricaColorDropdown {
  position: absolute;
  top: 30px;
  background: #fff;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  width: 200px;
  z-index: 10;
  right: 0;
}
.rubricaColorSwatch {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin: 3px;
  cursor: pointer;
  border: 1px solid #ddd;
}
.gallery-image {
  width: 75px;
  height: 75px;
}
.gallery-image .block {
  width: 75px;
  height: 75px;
  margin-bottom: 0;
}
.gallery-image .block .bg-image {
  height: 75px;
  border-radius: 5px;
}
.gallery-image .gallery-count {
  width: 75px;
  height: 75px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  padding-top: 28px;
  background-color: rgba(0, 0, 0, 0.35);
  border-radius: 5px;
}
.drafts-left-column {
  width: 100%;
  display: block;
}
.iconCommonChannel {
  color: var(--ppGrey) !important;
  background-color: #fff;
}
.drafts-review {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  font-size: 12px;
  border-radius: 5px;
}
.drafts-review > li {
  padding: 10px 5px;
  background-color: #fafafa;
  border-radius: 5px;
}
.drafts-review > li .media {
  overflow: visible;
  margin-top: 0;
}
.drafts-review > li :last-of-type {
  border: 0;
}
.drafts-review > li .media-left {
  padding-left: 5px;
}
.drafts-review > li .pull-right.dropdown {
  display: inline-block;
}
.drafts-review > li .pull-right.dropdown .dropdown-menu {
  padding: 1px 0;
  min-width: max-content;
}
.drafts-review > li .pull-right.dropdown .dropdown-menu::before {
  position: absolute;
  top: -5px;
  right: 6px;
  display: inline-block;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ccc;
  border-left: 5px solid transparent;
  border-bottom-color: #ccc;
  content: '';
}
.drafts-review > li .pull-right.dropdown > a.toggle-button {
  color: #ccc;
  padding: 5px;
}
.drafts-review > li .pull-right.dropdown .open > a.toggle-button {
  color: #ccc;
}
.drafts-review .post {
  padding: 15px;
}
.drafts-review .post .draft-channel > a > i {
  cursor: default;
  width: 23px;
  height: 23px;
  line-height: 20px;
  text-align: center;
  border: 2px solid #fafafa;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
}
.drafts-review .post .draft-channel > a > i:hover {
  transform: scale(1.5);
}
.drafts-review .post .draft-channel > a > i:active {
  transform: translateY(-1.1px);
}
.draft-media-body {
  min-height: 50px;
  position: relative;
  transition: background-color 0.2s ease-in-out;
  border-radius: 12px;
  display: flex;
  padding: 5px;
  cursor: pointer;
}
.draft-media-body:hover {
  background-color: var(--ppBkgGrey);
  border-radius: 10px;
}
.draft-media-body .video-box {
  width: 75px;
  height: 75px;
  overflow: hidden;
  border-radius: 4px;
  background-color: #000;
  float: left;
  margin-right: 20px;
  position: relative;
}
.draft-media-body .video-box .video-preview {
  width: 75px;
  height: 75px;
  object-fit: cover;
  object-position: center;
  background-color: #000;
}
.draft-media-body .video-box .play-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.draft-media-body .video-box .play-video-icon i {
  color: #fff;
  font-size: 16px;
  margin-left: 2px;
}
.draft-media-body .image-box {
  width: auto;
  height: auto;
  display: block;
  float: left;
  margin-right: 20px;
}
.draft-media-body .content-box {
  display: inline-block;
  width: 83%;
  max-width: 100%;
  font-size: 14px;
}
a.draft-channel-tooltip .channelDetail {
  display: none;
}
a.draft-channel-tooltip:hover {
  position: relative;
}
a.draft-channel-tooltip:hover .channelDetail {
  display: block;
  z-index: 100;
  width: auto;
  max-width: 210px;
  position: absolute;
  top: -75px;
  left: 0px;
  cursor: default;
}
.icon-edit {
  position: absolute;
  top: 40%;
  right: 50%;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.icon-edit i {
  font-size: 16px;
  color: #333;
}
.draft-media-body:hover .icon-edit {
  opacity: 1;
}
.rangedata {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: none;
  padding: 0;
  margin: 0;
  width: 100% !important;
}
.tabellasettimana th,
.tabellasettimana td {
  border: 1px solid #dddddd;
  line-height: 20px;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.tabellasettimana thead {
  font-size: 11px;
}
.tabellasettimana > thead > tr > th {
  font-size: 12px;
  font-weight: 600;
  padding: 10px 10px 10px;
  text-transform: uppercase;
}
.tabellasettimana thead th,
#tabellasettimana tbody td {
  width: 50px;
}
.tabellasettimana td + td,
#tabellasettimana th + th {
  text-align: center;
}
.wrapper {
  position: relative;
}
.timepicker {
  border: none;
  box-shadow: none !important;
  text-align: center;
}
span[data-remove] {
  color: #c00;
  font-weight: bold;
  cursor: pointer;
}
.tabellasettimana {
  white-space: nowrap;
}
table thead th + th + th {
  width: 100%;
}
[contenteditable] {
  outline: none;
}
.dayactive {
  color: var(--ppCyan);
}
.daycolactive {
  background-color: var(--ppCyan);
  color: #fff;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
.boxOptionsSeries {
  margin-bottom: 20px;
  border: 1px solid #e9e9e9;
  font-size: 11px;
}
.boxOptionsSeries > ul {
  background-color: #fff !important;
}
.newShedulingSeries {
  line-height: 52px !important;
  min-height: 52px !important;
}
.headerModal {
  display: block;
  width: 100%;
  position: sticky;
  top: 0px;
  z-index: 500;
}
.headerModal > h4 {
  display: inline-block;
  width: 90%;
}
.headerModal > a {
  float: right;
  color: #fff;
  padding-top: 5px;
}
.iconSelectSeries {
  cursor: default;
  padding: 0px;
}
.iconSelectSeries > a {
  cursor: default;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .iconSelectSeries {
    display: none;
  }
}
.planningPeriod {
  display: block;
  padding-left: 24px;
}
.planningPeriod small,
.planningPeriod span {
  font-weight: 500 !important;
  display: inline-block;
}
.planningPeriod .colorWeekDays {
  color: #dddde5;
}
.fc-view-container *,
.fc-view-container *::before,
.fc-view-container *::after {
  box-sizing: inherit;
}
.block_calendar {
  margin-bottom: 0px;
  height: auto;
}
.block_calendar .ribbon {
  min-height: 30px;
}
.block_calendar .ribbon-box {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: 600;
  height: 23px;
  line-height: 25px;
  padding: 0 8px;
  top: 8px;
  margin-bottom: 5px;
}
.block_calendar .dropdown-menu > li > a {
  line-height: 1.12857;
}
.block_calendar .dropdown-menu {
  font-size: 12px;
  min-width: 100px;
}
.block_calendar:hover {
  cursor: auto;
}
/*
.block_calendar:hover {
    background-color: #c3c3c3 !important;
    cursor: pointer;
}

.block_calendar_overlay {
    background: rgba(180, 180, 180, .65);
    text-align: center;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;

}

.block_calendar:hover .block_calendar_overlay{
    opacity: 1;
}
*/
.block_calendar_plus {
  font-weight: 900;
  color: rgba(255, 255, 255, 0.85);
  font-size: 50px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -40%);
}
.pubblicato_bg {
  background-color: #f9f9f9;
}
.block_calendar_month {
  height: 135px;
  box-shadow: 0 2px 1px #e6e6e6 !important;
}
.monthCalendar table {
  border-collapse: unset;
}
.monthCalendar table .fc-widget-content {
  border: 0.5px solid var(--ppMidGrey) !important;
  border-left: none !important;
  min-height: 60px;
}
.monthCalendar table .fc-row .fc-content-skeleton td {
  border-width: 0px;
  border-left: 1px solid var(--ppMidGrey) !important;
  padding: 10px;
}
.monthCalendar table .fc-row .fc-content-skeleton {
  padding: 0px;
}
.monthCalendarText {
  width: auto;
  max-width: 85%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 400;
}
.monthCalendarDay {
  display: table;
  width: 100%;
  height: 44px;
  background-color: #f9f9f9;
  text-transform: uppercase;
  border: 1px solid var(--ppMidGrey);
  border-left: none;
  margin-bottom: 5px;
}
.monthCalendarDay > span {
  width: 14.3%;
  display: table-cell;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  border-left: 1px solid var(--ppMidGrey);
}
.block_calendar_basicWeek {
  height: 200px;
}
.block_calendar_basicDay {
  min-height: 200px;
}
.block_calendar .block-header {
  padding: 6px;
  border-bottom: none !important;
  height: 30px;
}
.block_calendar .block-options {
  margin: 0;
  padding: 0;
}
.block_calendar .block-options > li {
  color: #c0c0c0;
  font-size: 12px;
  font-weight: 500;
}
.block_calendar .block-content .post {
  display: block;
  height: 135px;
  padding: 6px 1px 0px 7px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
}
.reminderMonthView {
  padding: 0px 1px 0px 0px !important;
}
.googleEventsMonthView {
  padding: 1px 1px 1px 1px !important;
}
.titoloGoogleEventMonthView {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  max-width: 95%;
  line-height: 15px;
}
.descrizioneGoogleEventMonthView {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  max-width: 95%;
  line-height: 15px;
}
.block_calendar .block-content .reminder {
  display: block;
  height: 170px;
  padding: 12px 1px 0px 12px;
  overflow-y: hidden;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.block_calendar .block-content .googleEvents {
  display: block;
  height: 170px;
  padding: 12px 1px 0px 12px;
  overflow-y: hidden;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.block_calendar .block-content .post::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}
.block_calendar .block-content .post::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.block_calendar .block-content .post img {
  margin-bottom: 5px;
}
.block_calendar .block-content {
  transition: opacity 0.2s ease-out 0s;
  font-size: 11px;
  height: 135px;
  padding: 0px;
}
.block_calendar .block-content img {
  max-width: 98%;
  height: 50px;
  margin-bottom: 5px;
}
.block_calendar .block-content p {
  float: left;
  clear: both;
  margin-bottom: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 95%;
  font-weight: 400;
}
.block_calendar .block-footer {
  position: absolute;
  bottom: 10px;
  max-width: 100%;
  width: 95%;
  overflow-x: visible;
  padding: 0 6px 1px;
  margin-left: 3px;
}
.block_calendar .block-footer .right {
  position: absolute;
  margin-top: 5px;
}
.block_calendar .block-footer div {
  height: 19.5px;
}
.block_calendar .block-footer p {
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 75%;
}
.list-unstyled {
  padding-left: 5px;
  list-style: none;
  margin-bottom: 0px;
}
.list-inline li {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
  margin-bottom: 2px;
}
.modal-header-calendar {
  background-color: var(--ppCyan);
  padding: 10px 20px;
  color: #fff;
  z-index: 1001;
}
.block_calendar_month .block-header {
  height: 25px;
  padding-bottom: 1px;
}
.block_calendar_month .block-content {
  height: 110px;
  display: contents;
  width: 100%;
}
.block_calendar_month .block-content .post {
  height: 110px;
  overflow: hidden;
  padding-top: 0px;
  padding-bottom: 10px;
}
.block_calendar_month .block-content .post img,
.block_calendar_month .block-content .post video {
  height: 30px;
  width: 30px;
  object-fit: cover;
  display: block;
  border-radius: 3px;
  cursor: zoom-in;
}
.block_calendar_month .block-content .post .reminderMonth img {
  height: 30px;
  width: 30px;
  object-fit: cover;
  display: block;
  float: none;
  margin-right: 5px;
  border-radius: 3px;
  cursor: pointer;
}
.block_calendar_month .socialBlock {
  width: 100%;
  max-height: 55px;
  margin-bottom: 10px;
  padding: 6px 1px 0px 7px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.block_calendar_month .socialBlock::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}
.block_calendar_month .socialBlock::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
}
.block_calendar_month .monthPostBlock {
  height: 35px;
  display: block;
  padding-right: 5px;
}
/*---- Genral classes end -------*/
/*Change icons size here*/
.social-icons .fa {
  font-size: 1.0em;
}
.box_smartfeed {
  width: 98%;
  height: 50px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin-bottom: 4px;
  max-width: 200px;
}
.box_smartfeed i {
  font-size: 22px;
  padding-top: 8px;
}
.box_smartfeed_month {
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  font-weight: 600;
  margin-right: 5px;
  float: left;
  border-radius: 3px;
}
.box_smartfeed_month > i {
  font-size: 14px;
  padding-top: 8px;
}
/*Change icons circle size and color here*/
.social-icons .fa,
.social-icons .fas {
  width: 23px;
  height: 23px;
  line-height: 20px;
  text-align: center;
  color: #FFF;
  border: 2px solid #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.social-icons.icon-circle .fa,
.social-icons.icon-circle .fas,
.social-icons.icon-circle .fa-regular {
  border-radius: 50%;
}
.social-icons.icon-rounded .fa,
.social-icons.icon-rounded .fas {
  border-radius: 5px;
}
.social-icons.icon-flat .fa {
  border-radius: 0;
}
.social-icons .fa-adn {
  background-color: #504e54;
}
.social-icons .fa-apple {
  background-color: #aeb5c5;
}
.social-icons .fa-android {
  background-color: #A5C63B;
}
.social-icons .fa-bitbucket,
.social-icons .fa-bitbucket-square {
  background-color: #003366;
}
.social-icons .fa-bitcoin,
.social-icons .fa-btc {
  background-color: #F7931A;
}
.social-icons .fa-css3 {
  background-color: #1572B7;
}
.social-icons .fa-dribbble {
  background-color: #F46899;
}
.social-icons .fa-dropbox {
  background-color: #018BD3;
}
.channel .fa-facebook,
.social-icons .fa-facebook,
.social-icons .fa-facebook-square {
  background-color: #3C599F;
}
.social-icons .fa-flickr {
  background-color: #FF0084;
}
.social-icons .fa-foursquare {
  background-color: #0086BE;
}
.social-icons .fa-github,
.social-icons .fa-github-alt,
.social-icons .fa-github-square {
  background-color: #070709;
}
.social-icons .fa-google-plus,
.social-icons .fa-google-plus-square {
  background-color: #CF3D2E;
}
.channel .fa-google,
.social-icons .fa-google {
  background-color: #4285f4;
}
.social-icons .fa-html5 {
  background-color: #E54D26;
}
.channel .fa-instagram,
.social-icons .fa-instagram,
.social-icons .fa-instagram-personal {
  background-color: #2f598b;
}
.channel .fa-linkedin,
.social-icons .fa-linkedin,
.social-icons .fa-linkedin-square {
  background-color: #0085AE;
}
.social-icons .fa-linux {
  background-color: #FBC002;
  color: #333;
}
.social-icons .fa-maxcdn {
  background-color: #F6AE1C;
}
.social-icons .fa-pagelines {
  background-color: #241E20;
  color: #3984EA;
}
.channel .fa-pinterest,
.social-icons .fa-pinterest,
.social-icons .fa-pinterest-square {
  background-color: #CC2127;
}
.social-icons .fa-renren {
  background-color: #025DAC;
}
.social-icons .fa-skype {
  background-color: #01AEF2;
}
.social-icons .fa-stack-exchange {
  background-color: #245590;
}
.social-icons .fa-stack-overflow {
  background-color: #FF7300;
}
.social-icons .fa-trello {
  background-color: #265A7F;
}
.social-icons .fa-tumblr,
.social-icons .fa-tumblr-square {
  background-color: #314E6C;
}
.channel .fa-x-twitter,
.social-icons .fa-x-twitter,
.social-icons .fa-x-twitter-square {
  background-color: #000000;
}
.social-icons .fa-vimeo-square {
  background-color: #229ACC;
}
.social-icons .fa-vk {
  background-color: #375474;
}
.social-icons .fa-weibo {
  background-color: #D72B2B;
}
.social-icons .fa-windows {
  background-color: #12B6F3;
}
.social-icons .fa-xing,
.social-icons .fa-xing-square {
  background-color: #00555C;
}
.channel .fa-youtube,
.social-icons .fa-youtube,
.channel .fa-youtube-play,
.social-icons .fa-youtube-play {
  background-color: #ffffff;
  color: #ff0000 !important;
  font-size: 1.7em;
  vertical-align: sub;
  /* Allinea verticalmente al centro */
}
.channel .fa-tiktok,
.social-icons .fa-tiktok,
.social-icons .fa-tiktok-square {
  background-color: #010101;
}
.channel .fa-threads,
.social-icons .fa-threads {
  background-color: #000000;
}
.channel .fa-paper-plane,
.social-icons .fa-paper-plane,
.social-icons .fa-telegram {
  background-color: #2e87ca;
}
.social-icons .fa-exclamation {
  background: var(--ppRed) !important;
}
.fc th {
  padding: 5px;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 5px;
  padding: 0;
  vertical-align: top;
}
.fc thead th.fc-widget-header {
  background-color: #f9f9f9;
  font-size: 14px;
  padding: 12px;
  text-transform: uppercase;
  width: auto;
  font-weight: 500;
}
.sticky-header {
  position: fixed !important;
  z-index: 999;
  padding: 0;
  max-width: 1142px;
  backface-visibility: hidden;
  animation: fadeIn ease 0.3s;
}
.sticky-header-month {
  position: fixed !important;
  z-index: 999;
  padding: 0;
  width: 1140px;
  backface-visibility: hidden;
  animation: fadeIn ease 0.3s;
  margin-top: -230px;
}
.sticky-header-month-filter {
  margin-top: -294px;
}
@media (min-width: 1200px) {
  .sticky-header {
    margin-top: -234px;
  }
  .sticky-header-filter {
    margin-top: -297px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sticky-header {
    width: 945px;
    margin-top: -234px !important;
  }
  .sticky-header-filter {
    width: 945px;
    margin-top: -298px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sticky-header {
    width: 724px;
    margin-top: -274px;
  }
  .sticky-header-filter {
    width: 724px;
    margin-top: -387px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 767px) {
  .sticky-header {
    width: 94%;
    margin-top: -219px;
  }
  .sticky-header-filter {
    width: 94%;
    margin-top: -406px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 439px) {
  .sticky-header {
    width: 94%;
    margin-top: -219px;
  }
  .sticky-header-filter {
    width: 94%;
    margin-top: -441px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
  .sticky-header {
    width: 94%;
    margin-top: -219px;
  }
  .sticky-header-filter {
    width: 94%;
    margin-top: -441px;
  }
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed hr,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
  border-color: #f5f5f5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  background-color: #fbf9fa;
  border-color: #f5f5f5;
}
.fc-row .fc-content-skeleton tr {
  border-color: #f5f5f5;
  border-style: solid;
  border-width: 5px;
}
.fc-day-grid-event {
  margin: 0px;
  background-color: #f9f8f8;
}
.fc-content {
  margin-right: -5px;
  margin-left: -5px;
}
.fc-state-active {
  background-color: var(--ppCyan);
}
.fc-unthemed thead {
  background-color: #f9f8f8;
  border-color: #f9f8f8;
}
.fc-unthemed .fc-today {
  background: none;
}
@media (min-width: 768px) {
  .highlightTodayCalendar {
    background-color: var(--ppCyan) !important;
    color: #fff !important;
  }
  .highlightTodayCalendar i {
    color: #fff;
  }
}
.fc-event:hover {
  color: #101b4a;
}
.fc-event {
  background-color: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
}
.fc-event hr {
  margin-top: 5px;
  margin-bottom: 5px;
}
.fc hr {
  border-style: solid;
  border-width: 1px 0;
  height: 0;
  padding: 0;
}
.title-rub-cal {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  color: #101b4a;
}
.testo-post-cal {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 11px;
  font-weight: 400;
}
.testo-rubrica-cal {
  line-height: 18px;
}
.fc-event .label {
  font-size: 11px;
  font-weight: 500;
  line-height: 14px;
  text-shadow: none;
  white-space: nowrap;
  display: block;
  width: 100%;
  text-align: left;
}
.fc-day-header.fc-widget-header {
  padding-top: 10px;
  padding-bottom: 10px;
}
.fc-day-number {
  border: 1px solid #dedede;
  font-weight: 600;
  font-family: Arial, Helvetica, sans-serif;
  text-align: left !important;
}
.fc-toolbar {
  background-color: #f9f8f8;
  border-radius: 0 !important;
  color: #2d2e2d;
  height: 54px;
  margin: 0;
  padding: 10px;
  box-shadow: 0 2px rgba(0, 0, 0, 0.01);
  margin-bottom: 20px;
}
.fc-toolbar h2 {
  line-height: 38px;
}
.fc-toolbar .fc-button {
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  height: auto !important;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 5px;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #ffffff;
  border-color: #cccccc;
  color: #545454;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  background-color: var(--ppCyan);
  color: #2d2e2d;
  border-color: var(--ppCyan);
}
.fc-toolbar .fc-button-group .fc-button {
  margin-right: 3px;
  margin-left: 3px;
}
.fc-toolbar .fc-right .fc-button {
  margin-right: 3px;
  margin-left: 3px;
}
.bordo-giornaliero {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  height: 100%;
  margin-left: -5px;
  margin-bottom: -8px;
  border-left: 4px solid;
}
.linkcalendario a:link {
  color: var(--ppCyan);
}
.linkcalendario a {
  text-decoration: none;
}
.cellegiornaliero {
  height: 80px;
  display: table-cell;
  vertical-align: middle;
}
/*.fc-widget-content {
     cursor: cell;
}*/
/* ---------------------------------------------------------------------- */
/*  Backdrop
/* ---------------------------------------------------------------------- */
.full-white-backdrop {
  background-color: #f5f5f5;
  display: none;
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1999;
}
.panel-full-screen {
  bottom: 0;
  left: 10px;
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 2000;
  padding: 10px;
  background-color: #f5f5f5;
}
.img-channel {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: 5px;
}
.checkArchive {
  float: left;
  margin-right: 8px;
  margin-top: 3px;
}
.img-archive {
  width: 35px;
  float: left;
  margin-right: 8px;
}
.img-channel-archive {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  margin-right: 5px;
  object-fit: cover;
}
.social-icon-exp {
  left: 28px;
  height: 14px;
  width: 14px;
  position: absolute;
  margin-top: 18px;
  border-radius: 0 !important;
}
.social-icon-select {
  position: absolute;
  height: 16px;
  width: 30px;
  left: 24px;
  top: 25px;
}
.social-icon-archive {
  left: 62px;
  height: 14px;
  width: 14px;
  position: absolute;
  margin-top: 16px;
}
.tipsy {
  font-size: 12px;
  position: absolute;
  z-index: 100000;
}
.tipsy-inner {
  background-color: #ffff;
  color: #646465;
  max-width: 252px;
  text-align: center;
  margin: 4px;
}
/* Rounded corners */
.tipsy-inner {
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px solid #fffffc;
}
/* Rules to colour arrows */
.tipsy-arrow-n {
  border-bottom-color: #fffffc;
}
.tipsy-arrow-s {
  border-top-color: #fffffc;
}
.tipsy-arrow-e {
  border-left-color: #fffffc;
}
.tipsy-arrow-w {
  border-right-color: #fffffc;
}
.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
@media (max-width: 767px) {
  .tipsy-s .tipsy-arrow {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .tipsy-s .tipsy-arrow {
    display: none !important;
  }
}
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.to_approve_class {
  box-shadow: 0 0 0 1px red;
  margin: 2px !important;
}
.to_approve_txt {
  margin-top: 10px;
  margin-bottom: 10px;
}
.ig_direct_calendar_class {
  background: radial-gradient(circle at 33% 100%, #fed373 4%, #f15245 30%, #d92e7f 62%, #9b36b7 85%, #515ecf) !important;
}
.calendarPeriod {
  border: 1px solid #adadad;
  background: transparent;
  font-weight: 600;
  padding: 5px 20px;
  display: inline-block;
  vertical-align: bottom;
}
.blockPost {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: initial;
}
@media (max-width: 991px) {
  .box_smartfeed {
    width: 100%;
    max-width: 100%;
  }
  .block_calendar .block-footer {
    width: 95%;
  }
  .blockPost {
    padding: 9px 9px 9px 9px;
    margin-bottom: 5px;
  }
  .block_calendar .block-content .post {
    width: 100%;
  }
  .fc-row .fc-content-skeleton td,
  .fc-row .fc-helper-skeleton td {
    background-color: unset;
    border-color: unset;
  }
  .block_calendar_basicDay {
    height: 240px;
  }
  .calendarFilterButton {
    margin-left: 0px !important;
  }
  .cutString {
    width: 80% !important;
  }
}
@media (max-width: 1200px) {
  .cutString {
    width: 85% !important;
  }
}
.contentOptionsSeries {
  top: 18px;
}
.iconOptionCalendar {
  color: var(--ppCyan) !important;
}
.contentImagePost {
  display: block;
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}
.blockPostError {
  background-color: var(--ppRed) !important;
}
.fa-pencil-hover {
  transition: 0.4s;
}
.fa-pencil-hover:hover {
  color: var(--ppCyan);
}
.icon-hover {
  transition: all 0.2s ease-out;
}
.icon-hover:hover {
  box-shadow: 0 1rem 2 rem rgba(0, 0, 0, 0.2);
  transform: scale(1.18);
}
.icon-hover:active {
  transform: translateY(-1.1px);
}
.icon-hover-edit {
  transition: all 0.2s ease-out;
}
.icon-hover-edit:hover {
  background: #ffffff !important;
  color: var(--ppGrey);
  border: solid 1px var(--ppGrey);
  transform: scale(1.5);
}
.icon-hover-edit:active {
  transform: translateY(-1.1px);
}
.icon-of-social:hover .icon-hover-edit::before {
  content: "\f040";
}
.tipsy {
  padding: 7px;
}
.footerSchedeledPost {
  background-color: #fff;
  color: var(--ppCyan);
  border: 1px solid var(--ppCyan);
}
.footerSchedeledReminder {
  background-color: #fff;
  color: var(--ppGrey);
}
.calendarFilters {
  display: flex;
}
.calendarFilters > span {
  display: inline-block;
  padding: 0px 10px;
  width: 45%;
}
.calendarFilters > span > select {
  width: 100%;
  font-size: 12px;
  padding: 6px;
}
.calendarFilters .form-control:focus {
  border-color: var(--ppCyan);
  outline: 0;
  box-shadow: 0 0 3px rgba(33, 173, 209, 0.6);
}
.calendarFilterButton {
  border: 1px solid #cccccc;
  background-color: #ffffff;
  float: right;
  margin-right: 5px;
  font-size: 13px;
}
.calendarFilterButton:hover {
  background-color: #ebebeb;
  border-color: #adadad;
}
.activeCalendarFilterButton {
  background-color: #21add1;
  border-color: #15a1c5;
  color: #ffffff;
}
.activeCalendarFilterButton:hover {
  background-color: #1b90ae;
  border-color: #19819c;
}
.activeCalendarFilterButton > i {
  color: #ffffff;
}
.activeCalendarFilterButton2 {
  border-color: #21add1;
}
.activeCalendarFilterButton2 > i {
  color: #21add1;
}
.noteButton {
  width: 7% !important;
}
.noteButton > button {
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.noteButton > button:hover {
  background-color: #ebebeb;
  border-color: #adadad;
}
.activeNoteButton > button {
  background-color: #efbb40;
  border-color: #efbb40;
  color: #ffffff;
}
.activeNoteButton > button:hover {
  background-color: #1b90ae;
  border-color: #19819c;
}
.activeNoteButton > button > i {
  color: #ffffff;
}
.headCalendar {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .calendarFilters {
    display: contents;
  }
  .calendarFilters > span {
    width: 100% !important;
    margin-bottom: 10px;
  }
}
.newScheduleMenu {
  float: right;
  text-transform: none !important;
}
.ruota180 {
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari e Chrome */
}
.modalExports .modal-dialog {
  width: 720px;
  padding-top: 12vh;
}
.modalExportsHeader {
  padding: 10px 10px 10px 35px;
  border-bottom: 1px solid #ddd;
}
.modalExportsButtonClose {
  font-size: 18px;
  color: #000000;
}
.paginationExports .pagination {
  margin-bottom: 0px;
}
.iconExportNotFound {
  font-size: 120px;
  color: #0a77a8;
}
.btnDeleteArchive {
  position: absolute;
  left: 0;
  margin-left: 20px;
  margin-top: 8px;
}
.exportBanner {
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color: #4bcfe6;
}
.exportElencoSocial {
  border: none !important;
  margin: 0;
  padding: 0;
  height: 39px;
}
.reminderShowIcons {
  flex: 25%;
}
.dialogEventCustomClass {
  width: 600px;
  max-height: 800px;
}
@media only screen and (max-width: 600px) {
  .dialogEventCustomClass {
    width: 450px;
  }
  .reminderShowIcons {
    flex: 30%;
  }
}
@media only screen and (max-width: 450px) {
  .dialogEventCustomClass {
    width: 350px;
  }
  .reminderShowIcons {
    flex: 45%;
  }
}
.scrollEvent {
  max-height: 150px;
  /* Imposta l'altezza massima prima che la modal diventi scrollabile */
  overflow-y: auto;
}
.height250 {
  height: 250px;
}
.testo-celeste {
  color: var(--ppCyan);
}
.testo-grigio {
  color: var(--ppMattGrey);
  font-weight: bold;
}
.headerCalendarReminder {
  margin-bottom: 5px;
}
.height50 {
  height: 50%;
}
.notifica {
  position: absolute;
  top: 50%;
  height: 100px;
  margin-top: -50px;
}
.backgroundBoxReminder {
  background-color: #fae983;
}
.backgroundBoxPastReminder {
  background-color: #efefefd7;
}
.titoloReminder {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  max-width: 95%;
  line-height: 15px;
  margin-top: 5px;
}
.messaggioReminder {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  max-width: 95%;
  line-height: 15px;
  padding: 1px;
}
.titoloGoogleEvent {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  max-width: 95%;
  line-height: 15px;
  margin-top: 5px;
  padding: 2px;
}
.descrizioneGoogleEvent {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  max-width: 95%;
  line-height: 15px;
  padding: 2px;
}
.remiderEditIcons {
  font-size: 14px;
  margin-top: 7px !important;
  margin-right: 18px !important;
  color: var(--ppMattGrey);
}
.notificationIcons {
  font-size: 14px;
  margin-right: 3px !important;
  color: var(--ppMattGrey);
}
.notificationEditIcon {
  font-size: 14px;
  margin-right: 18px !important;
  color: var(--ppMattGrey);
}
.reminderShowTitle {
  flex: 75%;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.reminderTimePickerIcon {
  font-size: 20px;
  margin-top: 10px;
  margin-right: 9px;
  margin-left: -8px;
}
.reminderTimePicker {
  text-align: center;
  margin-top: 3px !important;
}
.reminderTimePicker::placeholder {
  color: #999 !important;
  /* Imposta il colore del testo del placeholder a grigio */
}
.reminderModalitàNotifica {
  font-size: 18px;
  margin-top: 10px;
  margin-right: 14px;
}
.reminderDatePicker {
  margin-left: -15px;
}
.md-datepicker-input-container {
  margin-left: 0px !important;
}
.md-datepicker-calendar-pane {
  z-index: 1050 !important;
}
.md-backdrop.md-select-backdrop {
  z-index: 2999;
}
.md-select-icon::after {
  font-size: 14px !important;
  height: 26px;
  margin-right: 3px;
}
.reminderHeader {
  font-size: 20px;
  letter-spacing: .005em;
  box-sizing: border-box;
  font-weight: 400px;
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  margin-top: 10px;
  padding: 0px 20px !important;
  position: sticky;
}
.reminderHeaderCompose {
  font-size: 21px;
  letter-spacing: .005em;
  box-sizing: border-box;
  font-weight: 400px;
  align-items: center;
  flex-direction: row;
  width: 100%;
  margin-top: 15px;
  padding: 0px 20px !important;
}
.responsiveDialog {
  max-height: 600px;
}
.reminderBody {
  max-height: 320px;
  overflow: scroll;
  overflow-wrap: break-word;
  /* Permette la rottura delle parole lunghe */
  word-wrap: break-word;
  /* Compatibilità con vecchi browser */
}
.cutString {
  width: 91%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (max-height: 850px) {
  .reminderBody {
    max-height: 300px;
  }
  .responsiveDialog {
    max-height: 400px;
    overflow-x: hidden;
    padding: 7px;
  }
}
@media only screen and (max-height: 650px) {
  .reminderBody {
    max-height: 200px;
  }
  .responsiveDialog {
    max-height: 300px;
    overflow-x: hidden;
    padding: 7px;
  }
}
@media only screen and (max-height: 550px) {
  .reminderBody {
    max-height: 100px;
  }
  .responsiveDialog {
    max-height: 200px;
    overflow-x: hidden;
  }
}
.reminderCreatePostButton {
  font-weight: 600;
  font-size: 14px;
  width: 35%;
  border-radius: 5px;
  margin-top: 20px;
}
.dropdownCreatePost {
  top: 35px;
  width: 99%;
}
.modal-open {
  overflow: hidden;
  /* Nasconde lo scroll sulla pagina padre */
}
.reminderTimePickerContainer {
  margin-top: 0 !important;
  margin-bottom: 0px;
}
.monthCalendarReminderTitle {
  width: auto;
  max-width: 85%;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  margin-bottom: 7px;
}
.monthCalendarImage {
  height: 30px;
  width: 30px;
  object-fit: cover;
  display: block;
  margin-right: 5px;
  border-radius: 3px;
  cursor: pointer;
}
.monthCalendarReminderText {
  width: auto;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal !important;
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.margin-group-reminder-section {
  margin-bottom: 20px;
}
.reminderScheduledDate {
  margin-left: 20px;
  font-size: 15px;
}
.reminderCompose {
  z-index: 2801 !important;
}
.warningReminderCreatePost {
  background-color: #fdf6cd;
  color: #1f1c06;
  font-family: arial;
  font-size: 12px;
  padding: 5px;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.calendarFilterLabel {
  font-weight: 500;
  color: var(--ppBlue);
  margin-bottom: 10px;
}
.green.md-checked .md-icon {
  background-color: #80d680 !important;
  /* Colore di sfondo del checkbox selezionato */
}
md-checkbox.minHeight {
  min-height: 30px !important;
}
.spinnerLoaderEvent {
  text-align: left;
  font-size: 17px;
  margin-left: 3px;
  margin-right: 16px;
}
@media (max-width: 768px) {
  .reminderTimePickerIcon {
    margin-left: 2px;
    margin-top: 5px;
  }
  .reminderTimePickerContainer {
    width: 107% !important;
  }
  .reminderTipoNotifica {
    text-align: center;
    margin-bottom: 6px !important;
  }
  .reminderDatePicker {
    display: flex;
  }
  .reminderDatePicker .md-datepicker-input-container {
    width: 100% !important;
    margin-top: 13px;
    text-align: center;
  }
  .reminderDivTimePicker {
    margin-top: 11px;
  }
  .scrollEvent {
    max-height: 130px;
  }
  .dialogEventCustomClass {
    max-height: 815px;
    margin-top: 25px;
  }
  .ReminderButtons {
    margin-top: 20px;
  }
  .reminderCreatePostButton {
    width: 40%;
  }
}
.import-icone-fonti {
  margin-top: 10px;
  margin-bottom: 20px;
}
.import-icone-fonti a {
  color: #646464;
}
.import-detail {
  display: flex;
  margin-top: -28px;
  margin-left: 28px;
  width: 90%;
  /* -ms-word-break: break-all;
    word-break: break-all;*/
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.import-title {
  display: table;
  margin-bottom: 5px;
  font-size: 14px;
  color: var(--ppBlue);
  font-weight: 400;
}
.import-description {
  display: table;
  font-size: 13px;
}
.import-img {
  object-fit: cover;
  width: 130px;
  max-height: 150px ;
  float: left !important;
  margin-right: 25px;
  margin-bottom: 40px;
}
.usasubito {
  width: 35px;
  text-align: right;
}
.usasubito i {
  color: #646464;
}
.usasubito i:hover {
  color: var(--ppCyan);
}
.smarfeed-fieldset {
  opacity: 0.4;
  cursor: not-allowed !important;
}
.fa-pocket::before {
  content: "\f265";
}
.elenco_social_smartfeed {
  text-align: left;
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  margin: 0 auto;
  line-height: 13px;
  height: 48px;
  border: 1px solid #e9e9e9;
}
.elenco_social_smartfeed .foto_profilo {
  width: 36px;
  height: 36px;
  margin: 0px;
  z-index: 1;
  float: left;
}
.elenco_social_smartfeed .simbolo_social {
  height: 15px;
  left: 42px;
  position: absolute;
  top: 30px;
  width: 15px;
  display: inline-block;
}
.elenco_social_smartfeed .descrizione {
  float: left;
  margin-left: 8px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.elenco_social_smartfeed .descrizione .titolo {
  font-weight: bold;
  color: #101b4a;
  text-transform: uppercase;
}
.elenco_social_smartfeed .descrizione .social {
  text-transform: capitalize;
}
.history-label {
  height: 18px;
  font-size: 11px;
  margin-bottom: 2px;
  margin-top: 10px;
}
.mostra_btn {
  padding: 0px;
  border: none;
  background-color: var(--ppCyan);
}
.mostra_btn button {
  background-color: var(--ppCyan) !important;
}
.mostra_btn i {
  color: #fff;
}
.labelArchiveBtn {
  padding-left: 0px;
  margin-top: 25px;
}
.archiveBtn {
  cursor: pointer;
  border-radius: 3px !important;
  border: 1px solid #e6e6e6 !important;
  height: 34px;
}
.archiveBtn i {
  color: var(--ppCyan);
}
.lineTable {
  border-top: 1px solid #f0f0f0;
  height: auto;
}
.buttonImport {
  padding-left: 0px;
  margin-top: 24px;
}
.colorHeart {
  color: #ccc;
}
@media (min-width: 360px) and (max-width: 767px) {
  .import-img {
    width: 90%;
    margin-bottom: 10px;
  }
  .labelArchiveBtn {
    padding-left: 15px;
    margin-top: 20px;
  }
  .buttonImport {
    padding: 0px 15px !important;
    margin-top: 20px !important;
  }
  .blockAlert {
    width: auto !important;
    left: 0px !important;
  }
}
@media (min-width: 360px) and (max-width: 991px) {
  .labelLink {
    padding-top: 10px;
  }
  .lineTable {
    border-top: 1px solid #f0f0f0;
    height: auto;
  }
  .buttonPocket {
    margin: 0px !important;
  }
  .import-img {
    width: 80px;
  }
  .video-thumb-import {
    width: 80px !important;
  }
  .video-thumb-import .play-video {
    min-width: 80px;
  }
  .image-carousel-IG .play-carousel {
    min-width: 80px;
  }
}
.archiveModal .modal-dialog.modal-lg {
  transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  max-height: 95vh;
  max-width: 95vw;
  margin: 0px;
}
.noteModal,
.mediaZoomModal,
.rebrandlyModal,
.linkZoomModal {
  z-index: 3000 !important;
  justify-content: center;
  display: flex !important;
  padding-top: 5vh;
  background-color: rgba(0, 0, 0, 0.3);
}
.noteModal .modal-dialog,
.mediaZoomModal .modal-dialog,
.rebrandlyModal .modal-dialog,
.linkZoomModal .modal-dialog {
  margin-top: 0px;
  width: 600px;
}
.attentionNotice {
  background-color: var(--ppCyan);
  color: #fff;
  padding: 10px;
  border-radius: 3px;
  margin: 20px 0px;
  text-align: center;
  font-weight: bold;
  line-height: 25px;
}
.elementTable {
  padding-top: 10px;
  padding-bottom: 10px;
}
.blockDetail {
  display: inline-block;
  width: 100%;
  margin-bottom: 0px !important;
  padding: 15px;
}
.quoteText {
  font-size: 18px;
  vertical-align: top;
  padding: 8px 3px 3px;
  color: var(--ppCyan);
}
.descriptionFeed {
  font-size: 13px;
  padding-left: 6px !important;
  overflow: hidden !important;
  word-wrap: break-word !important;
  resize: vertical !important;
  min-height: 31px;
}
.iconDescriptionFeed {
  font-size: 18px;
  color: var(--ppCyan);
  vertical-align: top;
  padding: 8px 3px 3px;
}
.editNameFeed {
  border-top: 1px solid #dddddc;
  padding: 10px;
}
.numberTruncation {
  color: var(--ppCyan);
  width: 30px;
  border: none;
  padding: 4px;
  box-shadow: 0 1px 0 #e6e6e6;
}
.buttonPocket {
  background-color: #ef3e56;
  color: #fff;
  margin: 10px;
}
.quickEditSmartFeed {
  margin-top: 15px;
  background-color: #fff;
  box-shadow: 0px 0px 0px 1px #dddddc inset;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.headerModalEditSmartFeed {
  padding: 0px;
}
.headerModalEditSmartFeed ul {
  font-size: 18px;
  display: inline-block;
  margin-bottom: 0px;
}
.headerModalEditSmartFeed .buttonLeft {
  margin: -10px 5px 0px;
  padding-top: 10px;
  float: left;
  display: table;
}
.closeEditSmartfeedIcon {
  background: none;
  border: none;
  padding-right: 15px;
}
.iconSmartFeed {
  float: left;
  padding-top: 3px;
}
.headerModalZoom {
  padding: 15px 20px 0;
}
.headerModalZoom ul {
  font-size: 18px;
  color: #000000;
  display: inline-block;
  margin-bottom: 0px;
}
.headerModalZoom .buttonLeft {
  margin: -10px 5px 0px;
  padding-top: 10px;
  float: left;
  display: table;
}
.headerModalZoom .titleZoom {
  padding: 0px;
  color: var(--ppMattGrey);
}
.contentImgModalZoom {
  height: 85%;
}
.contentImgModalZoom .spinner-container {
  min-height: unset !important;
  height: 100%;
}
.imgModalZoom {
  width: 100%;
  object-fit: contain;
}
.imgUserImportZoom {
  border-radius: 20px;
  height: 38px;
  vertical-align: middle;
  width: 38px;
  margin-right: 5px;
}
.colorUrl {
  color: #999;
}
.boxShortLinkAlert {
  text-align: center;
  float: center;
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding-top: 5px;
}
.boxShortLinkAlert button {
  margin: 2px;
  padding: 6px;
}
.importImgLink {
  margin-left: 25px;
  margin-top: -5px;
}
.importHeaderTweeter {
  font-size: 13px;
  height: 70px;
  margin-bottom: 5px;
}
.imgProfileTW {
  float: left;
  width: 40px;
}
.nameProfileTW {
  float: left;
  line-height: 14px;
  padding-top: 3px;
}
.blockAlert {
  display: block;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  top: 160px;
  left: -100px;
}
.exclamationIconAlert {
  font-size: 88px;
  color: #F8D486;
}
.titleAlert {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin: 15px 0;
  text-align: center;
}
.textAlert {
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  margin-bottom: 20px;
}
.infoAlert {
  width: 200px;
  padding: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.importText {
  padding: 10px 0 10px 10px;
  margin-bottom: -1px;
  word-wrap: break-word;
  min-height: 35px;
  max-width: 239px;
}
.box-feed-import {
  height: 210px;
  border: 1px solid #e9e9e9;
  padding: 20px;
  border-radius: 10px;
}
.box-feed-import:hover {
  border: 2px solid #21add1;
}
.tabActive {
  background-color: white !important;
  box-shadow: 0 -2px #21add1;
  color: #21add1 !important;
}
.tabActive:focus {
  background: white;
}
.noBorderTab {
  border: none !important;
  border-radius: 0px !important;
}
.import_tab {
  background: var(--ppBkgGrey);
  color: var(--ppGrey);
}
.import_tab:hover {
  box-shadow: 0 -2px #21add1;
  background: white;
}
.import_tab:focus {
  box-shadow: 0 -2px #21add1;
  background: white;
}
.logo_import {
  height: 40px;
}
.personal_import_menu {
  background: white;
  padding-left: 0px;
  border-bottom: 1px solid var(--ppBkgGrey);
  font-weight: bold;
  padding-top: 6px;
  padding-bottom: 6px;
}
.menu_import {
  height: 20px;
}
.menu_logo_import {
  height: 20px;
  width: 20px;
  text-align: center;
  filter: grayscale(100%);
}
.btn-load-file {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  font-size: 12px;
  margin-left: 15px;
  font-weight: bold;
}
.import_result_title {
  background: #ffffff;
  padding: 5px 10px;
  border: 1px solid var(--ppBkgGrey);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.boxImport {
  margin: 20px;
  margin-bottom: 0px;
  padding: 20px 25px;
  border-radius: 5px;
  width: 95%;
  border: 1px solid var(--ppMidGrey);
}
.elencoImport {
  width: 100%;
  display: block;
  overflow-y: scroll;
  scrollbar-width: thin;
  background-color: var(--ppBkgGrey);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 1200px;
  padding-bottom: 20px;
}
a.notselected {
  color: var(--ppGrey);
}
a.notselected:hover {
  color: var(--ppCyan);
}
.contentSmartFeed {
  margin-top: -15px;
  padding: 20px;
  background-color: #f9f9f9;
}
.importUpdate {
  text-align: center;
}
.importUpdate > a {
  display: inline-block;
  margin: 10px;
}
.singleImportVideoEmbedYouTube {
  width: 100%;
  height: 300px;
}
.singleImportPodcastEmbedSpotify {
  width: 100%;
  height: 250px;
}
.singleImportVideoEmbedInstagram {
  width: 100%;
  height: 400px;
}
.videoImportInstagram {
  max-height: 480px;
  max-width: 100%;
  margin-bottom: 15px;
}
.checkGrigio {
  background-color: var(--ppMattGrey) !important;
  border-color: var(--ppMattGrey) !important;
}
.contentImportChangeName {
  margin-top: 10px;
  padding-bottom: 20px;
}
.select_instagram_hashtag {
  padding-top: 2px;
  padding-bottom: 1px;
  padding-right: 1px;
  margin-left: 5px;
  font-weight: unset;
}
.blockImportContent {
  padding: 0px 20px;
}
.titleModalCyanImport {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  background-color: var(--ppCyan);
  color: #ffffff;
}
.importFromDevice {
  padding-left: 0px;
  padding-right: 0px;
}
.video-thumb-import {
  position: relative;
  height: 150px;
  width: 130px;
  overflow: hidden;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 25px;
  background-color: var(--ppBkgGrey);
  display: flex;
  align-items: center;
}
.import-video {
  width: 130px;
  max-height: 150px;
}
.video-thumb-import .play-video {
  max-width: 480px;
  width: 100%;
  z-index: 100;
  height: 150px;
  display: block;
  position: absolute;
  min-width: 100px;
  background-image: url('../assets/img/brand/video_play.png');
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
.image-carousel-IG {
  cursor: pointer;
}
.image-carousel-IG .play-carousel {
  height: 35px;
  position: absolute;
  min-width: 125px;
  background-image: url('https://cdn.postpickr.com/import/multiposticon.png');
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: right;
}
.buttonEditAndDelete {
  font-size: 15px;
  margin-right: 5px;
  color: var(--ppMidGrey);
}
.import-form-control {
  height: 20px;
  font-size: 12px;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
  background-color: white;
  border: none;
  border-bottom: 1px solid var(--ppBkgGrey);
  color: var(--ppCyan);
}
.ig_img-container {
  margin-right: -12px;
  margin-left: -12px;
  margin-top: 10px;
}
.ig_img-content {
  width: 100%;
  margin-bottom: 11px;
}
.arrowCaroselloInstagram {
  margin-top: -35px;
}
.arrowCaroselloInstagram.prev {
  left: 20px;
  transition: all 0.2s linear 0s;
}
.arrowCaroselloInstagram.next {
  right: 20px;
  transition: all 0.2s linear 0s;
}
.divCaroselloInstagram {
  display: block;
  width: 230px;
  text-align: center;
  margin-top: 5px;
}
.pocketFilterClass {
  display: inline-flex;
  padding-right: 15px !important;
  width: 100%;
}
.blockImportPostErrorDate {
  background-color: var(--ppRed) !important;
  color: white;
  width: 135px;
  padding: 3px;
  font-weight: 600;
}
.insertTitle {
  color: var(--ppCyan);
  font-weight: 400;
}
.insertDescription {
  color: var(--ppCyan);
  font-weight: 400;
}
.emptyButton {
  height: 20px;
  width: 20px;
}
.foto_profilo_import {
  width: 47px !important;
  height: 47px !important;
}
.modalSmartFeedEdit {
  z-index: 10000 !important;
  background-color: rgba(0, 0, 0, 0.3);
  display: grid !important;
  place-items: center;
}
.modalSmartFeedEdit .modal-dialog {
  width: 350px;
}
.modalSmartFeedEdit .padding-single-social {
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.modalSmartFeedEdit .single_social_smartfeed {
  text-align: left;
  padding: 5px 5px 5px 5px;
  font-size: 12px;
  margin: 0 auto;
  line-height: 13px;
}
.modalSmartFeedEdit .single_social_smartfeed .foto_profilo {
  width: 36px;
  height: 36px;
  margin-left: 10px;
  z-index: 1;
  float: left;
}
.modalSmartFeedEdit .single_social_smartfeed .simbolo_social {
  height: 15px;
  left: 55px;
  position: absolute;
  top: 90px;
  width: 15px;
  display: inline-block;
}
.modalSmartFeedEdit .single_social_smartfeed .descrizione {
  float: left;
  margin-left: 8px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 70%;
}
.modalSmartFeedEdit .single_social_smartfeed .descrizione .titolo {
  font-weight: bold;
  color: #101b4a;
  text-transform: uppercase;
}
.modalSmartFeedEdit .single_social_smartfeed .descrizione .social {
  text-transform: capitalize;
}
.modalSmartFeedEdit .buttonConfirm {
  border-radius: 5px;
  background-color: var(--ppCyan);
  color: white;
  font-weight: normal;
}
.modalSmartFeedEdit .buttonDeny {
  border-radius: 5px;
  font-weight: normal;
}
.modalSmartfeedCalendarEdit {
  display: grid !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.3);
  place-items: center;
  align-items: center;
  z-index: 10000 !important;
}
@media (min-width: 360px) and (max-width: 991px) {
  .boxImport {
    margin: 10px;
    padding: 10px 15px !important;
  }
  .opzioniAggiuntive {
    margin-top: 20px;
    border-top: 1px solid #e9e9e9;
  }
  .importFromDevice {
    padding-left: 15px;
    margin-top: 10px;
  }
  .elencoImport {
    height: 350px;
  }
  .exclamationIconAlert {
    font-size: 50px;
  }
}
.fb-reaction {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
}
.fb-reaction.like {
  background-image: url('../assets/img/brand/reactions.png');
  background-position: 0 -571px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.fb-reaction.anger {
  background-image: url('../assets/img/brand/reactions.png');
  background-position: 0px -537px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.fb-reaction.angry {
  background-image: url('../assets/img/brand/reactions.png');
  background-position: 0px -537px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.fb-reaction.haha {
  background-image: url('../assets/img/brand/reactions.png');
  background-position: -17px -554px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.fb-reaction.love {
  background-image: url('../assets/img/brand/reactions.png');
  background-position: -17px -571px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.fb-reaction.sorry {
  background-image: url('../assets/img/brand/reactions.png');
  background-position: 0 -588px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.fb-reaction.sad {
  background-image: url('../assets/img/brand/reactions.png');
  background-position: 0 -588px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.fb-reaction.wow {
  background-image: url('../assets/img/brand/reactions.png');
  background-position: 0 -605px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.fb-reaction.thankful {
  background-image: url('../assets/img/brand/reactions_new.png');
  background-position: -17px -161px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.fb-reaction.pride {
  background-image: url('../assets/img/brand/reactions_new.png');
  background-position: 0 -178px;
  background-repeat: no-repeat;
  background-size: auto auto;
}
.titoloanalytics {
  line-height: 35px;
  padding-left: 10px;
}
.head-title {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 20px;
}
.head-title .name {
  font-size: 16px;
  color: var(--ppCyan);
  text-transform: uppercase;
  font-weight: 400;
}
.foot-title {
  text-align: right;
  margin-bottom: 40px;
  font-size: 18px;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #eee;
  border-bottom: 3px solid #eee;
}
.foot-title span {
  font-size: 25px;
  color: #fc0058;
}
.listCore.fixed {
  position: fixed;
  top: 50px;
}
.listCore {
  background: #fff;
  list-style: none;
  position: absolute;
  top: -15px;
  width: 100%;
  padding: 0;
  overflow: auto;
}
.listCore > li > a {
  display: inline-block;
  background: #fff;
  width: 100%;
  padding: 8px 15px;
  color: #333;
  font-size: 13px;
  border-bottom: 1px solid #eee;
}
.listCore > li.active > a,
.listCore > li > a:hover {
  color: #fc0058;
}
.head-sort {
  margin-bottom: 15px;
}
.wrap-loginFB {
  text-align: center;
}
.wrap-loginFB img {
  margin: 40px 0;
  display: inline-block;
}
.box-overview ul {
  list-style: none;
  list-style-position: outside;
  padding: 0;
}
.box-overview ul li {
  line-height: 30px;
}
.desc-div {
  display: block;
  margin: 10px;
  text-align: center;
}
.desc-div > .desc-num {
  font-size: 26px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.desc-div > .desc-num22 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.desc-div > .desc-txt {
  font-size: 14px;
}
.table-audience.table > tbody > tr > th,
.table-audience.table > tfoot > tr > th,
.table-audience.table > thead > tr > td,
.table-audience.table > tbody > tr > td,
.table-audience.table > tfoot > tr > td {
  line-height: 1;
  padding: 8px;
  font-size: 13px;
}
.highcharts-contextmenu.div.hr {
  margin: 3px !important;
}
.img-avatar {
  object-fit: cover;
}
.img-avatar-square {
  display: inline-block !important;
  height: 64px;
  width: 64px;
}
.table-posts-title {
  width: auto;
  font-size: 11px !important;
  cursor: pointer;
  color: var(--ppCyan);
  text-transform: uppercase;
}
.imgFooterReport {
  max-width: 200px;
  max-height: 55px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  object-fit: contain;
}
.infoPopularPost {
  margin-bottom: 10px;
  font-size: 10px;
  padding-top: 10px;
}
.hideItemToReport {
  display: none;
}
.iconPopulaPost > img {
  height: 45px;
}
.textLimitExportPDF {
  padding: 5px;
  text-align: center;
}
.textLimitExportPDF h5 {
  display: block ruby;
}
.textModalExport {
  padding: 20px;
  text-align: center;
}
.modalExportReportPDF {
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #ddd;
  background-color: #4bcfe6;
}
.modalExportReportPDF > img {
  padding: 25px;
}
.blockReactionElencoPost {
  margin-right: 1px;
  display: inline-grid;
}
.blockReactionElencoPostTotal {
  display: block;
}
.contentPost {
  max-width: 400px;
  width: 400px;
  display: inline-block;
}
.fotoPost {
  float: left !important;
  width: 80px;
  height: 80px;
  margin: 5px 10px 5px 5px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  object-fit: cover;
}
.fotoPostReel {
  float: left !important;
  width: 64px;
  height: 90px;
  margin: 5px 10px 5px 5px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  object-fit: cover;
}
.video-thumb-audience {
  margin-right: 10px;
  flex-shrink: 0;
  position: relative;
  height: 80px;
  width: 80px;
  overflow: hidden;
  float: left !important;
  margin: 2px 10px 5px 5px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  object-fit: cover;
}
.video-thumb-audience canvas,
.play-video {
  position: absolute;
  height: 80px;
  width: 84px;
}
.video-thumb-audience .play-video {
  max-width: 150px;
  width: 100%;
  z-index: 100;
  height: 80px;
  display: block;
  position: absolute;
  min-width: 95px;
  background-image: url('../assets/img/brand/video_play.png');
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: 27%;
}
.contentString {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* distribuisce messaggio e data */
  flex: 1;
  padding: 5px 0;
  margin-left: 5px;
  height: 90px;
  margin-top: 10px;
}
.infoPost {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  margin-bottom: 10px;
  margin-top: auto;
  /* AGGIUNTO: per mandarlo in basso */
}
.infoPostTiktok {
  font-size: 10px;
}
.messaggioPost {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  width: 100%;
  line-height: 1.2;
  color: #444;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.messaggioPopularPost {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  width: 80%;
  line-height: 1.2;
  color: #444;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.messaggioPostTikTok {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  width: 100%;
  line-height: 1.2;
  color: #444;
  font-size: 0.9em;
  margin-bottom: 5px;
}
.targetPost {
  padding-top: 10px;
}
.blockInfoAudienceInstagram {
  padding-top: 0px;
}
.blockOldAccountInstagram {
  width: 70%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 1px solid #dddddc;
  margin: auto;
  font-weight: bold;
  text-transform: uppercase;
}
.blockOldAccountInstagram > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.blockProfile {
  height: 306px !important;
}
@media (min-width: 360px) and (max-width: 767px) {
  .titlePage {
    padding-left: 5px;
  }
}
.iconAudience {
  height: 60px;
  width: 60px;
}
.buttonReconnectAudience {
  padding-bottom: 28px;
  padding-top: 10px;
}
.iconAudience {
  height: 60px;
  width: 60px;
  margin-left: auto;
  margin-right: auto;
}
.stars-outer {
  display: inline-block;
  position: relative;
  font-family: FontAwesome;
}
.stars-outer::before {
  content: "\f006 \f006 \f006 \f006 \f006";
}
.stars-inner {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
}
.stars-inner::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  color: #f8ce0b;
}
.loadingBanner {
  text-align: center;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.popularMedia {
  float: left;
  padding: 5px 10px 5px 5px;
}
.fontWeightBoldAudience {
  font-weight: bold;
}
.scroll-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.modern-post-list {
  display: flex;
  flex-direction: column;
}
.modern-post-row {
  margin-top: 1rem;
}
.modern-post-row:first-of-type {
  margin-top: 0;
}
.modern-post-header,
.modern-post-row {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem;
  background: #f9f9f9;
  border-radius: 5px;
  min-width: 100%;
}
.modern-post-header {
  font-weight: 600;
  background-color: var(--ppCyanLight);
  font-size: 13px;
  min-height: 55px;
}
.col-post,
.col-metric {
  padding: 0.5rem;
  border-right: 1.3px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modern-post-header .col-post,
.modern-post-header .col-metric {
  border-right: 1.3px solid #21add1;
}
.col-metric:last-child {
  border-right: none;
}
.col-post {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 430px;
  min-width: 220px;
}
.col-interactions {
  margin-left: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-right: 15px;
  flex: 0.3;
}
.col-metric {
  flex: 1;
  text-align: center;
  min-width: 96px;
}
.post-thumbnail {
  width: 80px;
  height: 80px;
  background-size: cover;
  border-radius: 8px;
  margin-right: 10px;
}
.modern-post-row {
  align-items: center;
}
.sort-metrics {
  font-size: 11px;
  margin-left: 2px;
  color: #21add1;
}
.datePost {
  font-size: 12px;
  color: var(--ppBlue);
  font-weight: 600;
  margin-top: auto;
}
.no-break {
  page-break-inside: avoid;
  break-inside: avoid;
}
.infoLinkedInProfilePost {
  text-align: center;
  margin-bottom: 25px;
}
.fontweight600 {
  font-weight: 600;
}
.limit-height {
  max-height: 330px;
  overflow-y: auto;
}
@media (max-width: 1200px) {
  .scroll-wrapper {
    display: block;
  }
  .modern-post-header,
  .modern-post-row {
    min-width: 100%;
    width: max-content;
    /* assicura che il contenuto si adatti */
  }
}
@media (min-width: 992px) {
  .audienceMenu .selectChannel {
    padding-right: 10%;
  }
  .audienceMenu .selectPeriod {
    padding-left: 5%;
    padding-right: 5%;
  }
  .audienceMenu .selecetReport {
    padding-left: 10%;
  }
}
/* ===============================
   SEZIONE PRICING COMPLETA E RESPONSIVE
   =============================== */
.pricing-wrapper {
  padding: 0px 40px 40px 40px;
  text-align: center;
  transition: .3s;
}
.pricing-main-title {
  text-align: center;
  font-weight: 600 !important;
  color: var(--ppBlue);
  margin-bottom: 15px;
}
.title-trial {
  font-weight: 600 !important;
  color: var(--ppBlue);
  margin-bottom: 15px;
}
/* Header */
.header-trial {
  font-size: 28px;
  margin-bottom: 15px;
}
/* Checkmarks */
.checks {
  list-style: none;
  padding: 0;
  margin: 0 0 30px;
  font-size: 16px;
  color: var(--ppBlue);
  font-weight: 500;
}
.checks li {
  display: inline-flex;
  align-items: center;
  margin: 0 10px;
}
.dot-trial {
  color: #4CAF50;
}
/* ===============================
   GRIGLIA DELLE CARD
   =============================== */
.pricing-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
  justify-items: stretch;
  align-items: stretch;
  max-width: 1200px;
  margin: 0 auto;
}
/* Card base */
.card {
  background: #fff;
  border: 2px solid #d8dfe5;
  border-radius: 14px;
  padding: 26px;
  text-align: left;
  position: relative;
  transition: .25s ease;
  box-sizing: border-box;
}
.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}
/* Badge */
.badge-trial {
  position: absolute;
  top: -12px;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  padding: 5px 14px;
  border-radius: 30px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
/* Title e sottotitolo Piani */
.titlePlan {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}
.subtitlePlan {
  /* color: #555; */
  font-size: 14px;
  margin-bottom: 20px;
}
/* Check icon */
.check {
  width: 0;
  height: 0;
  margin-right: 10px;
  position: relative;
  background: #4CAF50;
}
.check:after {
  content: "";
  position: absolute;
  width: 6px;
  height: 12px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
  top: -6px;
  left: 0;
}
/* Price */
.price {
  font-size: 20px;
  font-weight: bold;
  color: var(--ppBlue);
}
.monthly {
  font-size: 13px;
}
.price-large {
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
  color: var(--ppBlue);
}
.price-large .period {
  font-size: 16px;
  font-weight: 400;
  margin-left: -15px;
}
.annual-info {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.mensil-info {
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 38px;
}
/* Features list */
.features {
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
.features li {
  display: flex;
  font-size: 14px;
  align-items: center;
  margin: 10px 0;
  line-height: 1.5;
}
/* Righe che possono andare su due righe: spunta allineata in alto alla prima riga */
.features li.feature-multiline {
  align-items: flex-start;
}
.features li.feature-multiline .check {
  margin-top: 10px;
}
/* Bottone CTA */
.cta {
  width: 100%;
  color: #fff;
  padding: 12px;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 10px;
  transition: .2s;
}
.cta:hover {
  transform: translateY(-2px);
  opacity: .9;
}
/* COLORI CARD */
.card.professional {
  border-color: #14b8a6;
}
.card.professional .titlePlan,
.card.professional .check {
  color: #14b8a6;
}
.card.professional .cta {
  background: #14b8a6;
}
.card.business {
  border-color: #db2777;
}
.card.business .badge-trial {
  background: #db2777;
}
.card.business .titlePlan,
.card.business .check {
  color: #db2777;
}
.card.business .cta {
  background: #db2777;
}
.card.advanced {
  border-color: #2563EB;
}
.card.advanced .titlePlan,
.card.advanced .check {
  color: #2563EB;
}
.card.advanced .cta {
  background: #2563EB;
}
.card.agency {
  border-color: #7E22CE;
}
.card.agency .titlePlan,
.card.agency .check {
  color: #7E22CE;
}
.card.agency .cta {
  background: #7E22CE;
}
/* ===============================
   SEZIONE DUAL CONTAINER (FATTURAZIONE)
   =============================== */
.pricing-dual-container {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: flex-start;
  max-width: 700px;
  margin: 0 auto;
}
.pricing-column {
  flex: 0 1 270px;
  min-width: 250px;
}
.pricing-column-label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  text-align: center;
}
/* Pulsanti fatturazione */
.billing-btn {
  flex: 1;
  padding: 11px 20px;
  font-size: 15px;
  font-weight: 700;
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
  color: var(--ppBlue);
}
.billing-btn:hover {
  color: #333;
  background: #F1F5F9;
}
.billing-btn.active {
  background: var(--ppBkgGrey);
  color: #333;
}
/* Wrapper pulsanti fatturazione */
.billing-switcher-wrapper {
  display: flex;
  background: #fff;
  border-radius: 8px;
  padding: 4px;
  gap: 4px;
  border: 2px solid;
  border-color: #D3D3D37F;
}
/* ===============================
   INPUT COUPON
   =============================== */
.coupon-alert-info {
  padding-bottom: 5px;
  font-weight: 700;
  font-size: 28;
}
.coupon-input-container {
  display: flex;
  border: 2px solid;
  border-color: #D3D3D37F;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  padding: 2px;
}
.coupon-input-field {
  flex: 1;
  padding: 12px 16px;
  font-size: 15px;
  border: none;
  outline: none;
  color: #333;
  background: transparent;
}
.coupon-input-field::placeholder {
  color: #999;
}
.coupon-submit-btn {
  background: var(--ppCyan);
  border: none;
  color: #fff;
  padding: 0 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
  outline: none;
  border-radius: 5px;
}
.coupon-submit-btn:hover:not(:disabled) {
  background: #0896ba;
}
.coupon-submit-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.coupon-submit-btn svg {
  width: 20px;
  height: 20px;
}
/* Messaggio successo */
.coupon-success-block {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 5px;
}
.coupon-success-body {
  margin: 0 auto;
  padding: 20px 20px 1px;
  max-width: 100%;
  overflow-x: visible;
  -webkit-transition: opacity 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}
/* ===============================
   PIANI SPECIALI
   =============================== */
.special-plans-container {
  display: flex;
  gap: 25px;
  justify-content: center;
  margin: 0 auto;
}
.special-plan-card {
  flex: 1;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  padding: 32px;
  text-align: left;
}
.plan-card-title {
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 12px 0;
}
.plan-card-description {
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 24px 0;
}
.plan-contact-btn {
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  outline: none;
}
.cyan-btn {
  color: #21ADD1;
  background: transparent;
  border: 2px solid #21ADD1;
}
.cyan-btn:hover {
  background: #21ADD11A;
}
.trial-notice {
  text-align: center;
  /* color: #6c757d; */
  font-size: 15px;
  line-height: 1.5;
}
.highlight-underline {
  text-decoration: underline;
  text-decoration-color: #db2777;
  text-decoration-thickness: 4px;
  text-underline-offset: 9px;
}
.strike {
  position: relative;
  display: inline-block;
}
.strike::after {
  content: "";
  position: absolute;
  inset: 0.5px 0.25em;
  /* vertical horizontal */
  top: 50%;
  height: 1px;
  background: black;
  transform: translateY(-50%);
}
/* ===============================
   RESPONSIVE DESIGN
   =============================== */
/* 2 CARD PER RIGA SU TABLET */
@media (max-width: 1200px) {
  .pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* 1 CARD SU MOBILE */
@media (max-width: 768px) {
  .pricing-grid {
    grid-template-columns: 1fr;
  }
  .pricing-dual-container {
    flex-direction: column;
  }
  .pricing-column {
    max-width: 100%;
    width: 100%;
    flex: 0;
  }
  .special-plans-container {
    flex-direction: column;
  }
  .special-plan-card {
    max-width: 100%;
  }
  .pricing-main-title {
    font-size: 22px;
  }
}
.sceltacanale {
  height: 40px;
}
.sceltacanale .btn,
.sceltacanale .form-control {
  height: 50px;
  line-height: 38px;
  padding: 4px 12px;
  overflow: hidden;
}
.selectTagProduct {
  height: 30px;
  width: 309px;
  font-weight: 400;
  font-family: inherit !important;
}
.selectTagProduct .btn,
.selectTagProduct .form-control {
  height: 40px;
  width: 309px;
  line-height: 30px;
  padding: 4px 12px;
  overflow: hidden;
  font-weight: 400;
  font-family: inherit !important;
}
.selectTagVideo {
  height: 30px;
  width: 348px;
  font-weight: 400;
  font-family: inherit !important;
}
.selectTagVideo .btn,
.selectTagVideo .form-control {
  height: 40px;
  width: 348px;
  line-height: 30px;
  padding: 4px 12px;
  overflow: hidden;
  font-weight: 400;
  font-family: inherit !important;
}
.sceltamembro {
  height: 40px;
}
.sceltamembro.btn,
.sceltamembro .form-control {
  height: 44px;
  line-height: 34px;
  padding: 4px 6px;
}
.ui-select-bootstrap .ui-select-choices-row > a {
  padding: 3px 8px !important;
}
.assigned_xs {
  border-radius: 20px;
  height: 18px;
  width: 18px;
}
.cl-active {
  border-bottom: 2px solid var(--ppCyan);
}
.tasks-block {
  padding-top: 5px;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.header-read {
  background-color: #cdcdcd !important;
}
@media screen and (max-width: 640px) {
  .margin-40-left {
    margin-left: 10px;
  }
}
@media screen and (min-width: 640px) {
  .margin-40-left {
    margin-left: 40px;
  }
}
.btn-options {
  background: none;
  font-size: 12px;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 1.42857;
}
.engage-link-preview {
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 10px;
}
.engage-link-preview p {
  margin-bottom: 5px !important;
}
.engage-actions {
  color: #999;
  font-size: 0.8em;
  font-weight: 600 !important;
  letter-spacing: 0.07em;
  text-transform: uppercase;
  padding: 0px !important;
  border: none !important;
  background: none !important;
}
.engage-actions:hover {
  color: var(--ppCyan) !important;
}
.engage-actions-active {
  color: #101b4a !important;
}
.engage-actions-group {
  min-width: 200px;
  outline: 0 none;
}
.engage-actions-group .btn,
.engage-actions-group .form-control {
  font-size: 12px;
  font-weight: 600;
  height: 32px;
  line-height: 21px;
  padding: 4px 8px;
  text-transform: uppercase;
}
.icon-actions {
  font-size: 15px !important;
}
.engage-actions-numbers {
  font-size: 0.8em;
  font-weight: 600 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.engage-header {
  border-bottom: 1px solid #dee1e1;
  border-left: 1px solid #dee1e1;
  border-right: 1px solid #dee1e1;
  color: #fff;
  font-size: 0.72em;
  padding: 5px 10px !important;
  height: 26px;
}
@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.timeline-wrapper {
  background-color: #e9eaed;
  color: #141823;
  padding: 20px;
  border: 1px solid #ccc;
  margin: 0 auto 1em;
}
.timeline-item {
  background: #fff;
}
.animated-background {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #f6f7f8;
  background: #eeeeee;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  -webkit-background-size: 800px 104px;
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}
.background-masker {
  background: #fff;
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.outlined .background-masker {
  border: 1px solid #ddd;
}
.outlined:hover .background-masker {
  border: none;
}
.outlined:hover .background-masker:hover {
  border: 1px solid #ccc;
  z-index: 1;
}
.background-masker.header-top,
.background-masker.header-bottom,
.background-masker.subheader-bottom {
  top: 0;
  left: 40px;
  right: 0;
  height: 10px;
}
.background-masker.header-left,
.background-masker.subheader-left,
.background-masker.header-right,
.background-masker.subheader-right {
  top: 10px;
  left: 40px;
  height: 8px;
  width: 10px;
}
.background-masker.header-bottom {
  top: 18px;
  height: 6px;
}
.background-masker.subheader-left,
.background-masker.subheader-right {
  top: 24px;
  height: 6px;
}
.background-masker.header-right,
.background-masker.subheader-right {
  width: auto;
  left: 300px;
  right: 0;
}
.background-masker.subheader-right {
  left: 230px;
}
.background-masker.subheader-bottom {
  top: 30px;
  height: 10px;
}
.background-masker.content-top,
.background-masker.content-second-line,
.background-masker.content-third-line,
.background-masker.content-second-end,
.background-masker.content-third-end,
.background-masker.content-first-end {
  top: 40px;
  left: 0;
  right: 0;
  height: 6px;
}
.background-masker.content-top {
  height: 20px;
}
.background-masker.content-first-end,
.background-masker.content-second-end,
.background-masker.content-third-end {
  width: auto;
  left: 380px;
  right: 0;
  top: 60px;
  height: 8px;
}
.background-masker.content-second-line {
  top: 68px;
}
.background-masker.content-second-end {
  left: 420px;
  top: 74px;
}
.background-masker.content-third-line {
  top: 82px;
}
.background-masker.content-third-end {
  left: 300px;
  top: 88px;
}
.parent-post-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  width: 90%;
  float: left;
}
.alert-stream {
  color: #fff;
  font-weight: bold;
}
.bg-gray-sender {
  background-color: #f9f9f9 !important;
}
.photo-reply {
  margin-bottom: 10px;
  width: 130px;
}
.photo-reply-remove {
  font-size: 18px;
  left: 113px;
  position: relative;
  top: 13px;
}
.photo-reply-sm {
  margin-top: -25px;
  width: 80px;
}
.photo-reply-sm-remove {
  font-size: 18px;
  left: 73px;
  position: relative;
  top: 13px;
}
.btn-gif {
  font-size: 11px;
}
.horizontal-slide {
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}
.horizontal-slide .item-slide {
  display: inline-block;
  float: none;
}
.item-slide {
  display: inline-block;
  height: 104px;
  line-height: 100px;
  margin: 0 0 4px;
  padding-left: 2px;
  padding-right: 2px;
  width: auto;
}
.item-slide a {
  background-color: #dedede;
}
.item-slide a:hover {
  background-color: var(--ppCyan) !important;
}
.ReplyModalAzioni tr:hover .editing {
  visibility: visible !important;
}
.css-checkbox-engage-menu {
  width: 100%;
  font-size: 14px !important;
  margin-bottom: 5px !important;
}
.progress-engage-menu {
  margin-bottom: 10px;
  margin-left: 22px;
}
.btn-engage-all,
.btn-engage-all:hover,
.btn-engage-all:focus,
.btn-engage-all.focus,
.btn-engage-all:active,
.btn-engage-all.active {
  background-color: #101b4a !important;
  border-color: #101b4a !important;
  color: #ffffff;
}
.btn-engage-read,
.btn-engage-read:hover,
.btn-engage-read:focus,
.btn-engage-read.focus,
.btn-engage-read:active,
.btn-engage-read.active {
  background-color: #cdcdcd !important;
  border-color: #cdcdcd !important;
  color: #ffffff;
}
.nav-main {
  font-size: 17px;
}
.nav-main .nav-main-heading {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
}
.nav-main a {
  color: #ffffff;
}
.nav-main a:hover,
.nav-main a:focus {
  color: var(--ppCyan);
}
.nav-main a:hover > i,
.nav-main a:focus > i {
  color: var(--ppCyan);
}
.nav-main a.active,
.nav-main a.active:hover {
  color: var(--ppCyan);
}
.nav-main a.active > i,
.nav-main a.active:hover > i {
  color: var(--ppCyan);
}
.nav-main a > i {
  color: #ffffff;
}
.nav-main a.nav-submenu:before {
  color: #ffffff;
  content: "\f0d9";
}
.nav-main .nav-main-heading {
  color: #ffffff;
}
.nav-main ul a {
  font-size: 17px;
  color: #ffffff;
}
.nav-main ul a:hover,
.nav-main ul a:focus {
  color: var(--ppCyan);
}
.nav-main li.open > a.nav-submenu {
  color: var(--ppCyan);
}
.nav-main li.open > a.nav-submenu > i {
  color: var(--ppCyan);
}
.nav-main li.open > a.nav-submenu:before {
  content: "\f0d7";
}
.nav-main li.open > ul > li {
  opacity: 0.7;
}
.burgerBtn :hover {
  color: var(--ppCyan);
}
.burgerBtn i {
  font-size: 20px;
}
.burgerBtn button {
  color: #ffffff;
  background-color: transparent;
}
.burgerBtn button :hover .burgerBtn button :active {
  color: var(--ppCyan);
}
.lineNotifsTable {
  padding-right: 5px;
  display: table;
  width: 100%;
}
.selectNotif {
  padding: 0px;
  text-align: center;
}
.selectNotif input {
  width: 20px;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
}
.postLine {
  border-bottom: 1px dashed #e9e9e9;
  margin-top: 5px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.postLine .titlePost {
  height: 50px;
  margin-bottom: 10px;
}
.postLine .userImg {
  float: left;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: relative;
  margin-right: 10px;
  display: block;
}
.postLine .userImg img {
  border-radius: 50%;
  width: 48px;
}
.postLine .userImg .socialIcon {
  position: absolute;
  left: 32px;
  top: 32px;
  width: 17px;
  height: 17px;
  border-radius: unset !important;
}
.infoLine {
  border-top: 1px solid #f0f0f0;
}
.postLine .postDetail {
  display: contents;
}
.postDetail > span,
.postDetail small {
  display: block;
}
.notificationText {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.toast-success {
  background-color: var(--ppCyan) !important;
}
.toast-info {
  background-color: #feeb3e !important;
  color: var(--ppBlue) !important;
}
.headerRight {
  display: block;
}
#toast-container {
  margin-top: 100px;
  z-index: 1000;
}
#toast-container .toast-success {
  background-image: none !important;
  padding: 15px 15px 15px 50px;
}
#toast-container .toast-info {
  background-image: url("https://www.postpickr.com/testimg/exclamation-icon-red.png") !important;
}
.toast-close-button {
  border-radius: 30px;
  border: 1px solid #fff !important;
  width: 30px;
  height: 30px;
  text-align: center;
  text-shadow: none !important;
  font-weight: normal !important;
}
.toast-close-button:focus {
  outline: 0 !important;
  border: 0 !important;
}
.contentChangeGroup {
  padding: 30px;
  padding-bottom: 15px;
}
.contentChangeGroup > p {
  padding: 0px;
  margin-bottom: 40px;
}
.footerChangeGroup {
  text-align: center !important;
  padding: 30px;
  padding-top: 15px;
}
.labelWarningChangeGroup {
  margin-top: 30px;
  margin-bottom: 10px;
}
.labelWarningChangeGroup > span,
.labelWarningChangeGroup a {
  display: block;
  text-align: center;
}
.nameGroup {
  max-width: 40%;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: bottom;
  font-weight: 800;
}
.btnUpgrade {
  padding: 10px 30px;
  margin: 20px 0px;
}
.btnUpgrade span {
  font-weight: 500;
  letter-spacing: 0.05em;
}
.iconPicklet {
  font-size: 48px;
  color: #0a77a8;
}
.wrapper {
  overflow: hidden;
}
.circle {
  margin: auto;
  width: 130px;
  height: 65px;
  background-color: white;
  border-top-left-radius: 380px;
  border-top-right-radius: 380px;
  border: 22px solid #ff002b;
  border-bottom: 0;
  transform-origin: bottom;
  position: absolute;
  z-index: 1;
  transform: rotate(-180deg);
  bottom: 0;
  left: -22px;
}
.circle-out {
  margin: auto;
  width: 130px;
  height: 65px;
  background-color: white;
  border-top-left-radius: 380px;
  border-top-right-radius: 380px;
  border: 22px solid #ededed;
  border-bottom: 0;
  position: relative;
}
.tasto-overview {
  font-weight: 500;
  border-radius: 5px;
  padding: 5px 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  background-color: #ffffff;
  color: #21add1;
  border-color: #21add1;
  font-size: 13px;
}
.tasto-add-channel {
  float: right;
  font-weight: normal;
  font-size: 12px;
  border-radius: 5px;
}
.tasto-servizi-aggiuntivi {
  width: 100%;
  font-weight: normal;
  border-radius: 5px;
  padding: 5px 10px;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #ffffff;
  color: #21add1;
  border-color: #21add1;
  font-size: 12px;
}
.tasto-servizi-aggiuntivi:focus {
  background-color: #ffffff;
  border-color: #21add1;
  color: #21add1;
}
.tasto-servizio-attivo {
  width: 100%;
  font-weight: normal;
  border-radius: 5px;
  padding: 5px 10px;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #e9e9e9;
  color: #999999;
  border-color: #999999;
  font-size: 12px;
}
.tasto-servizio-attivo:hover {
  background-color: #999999;
  border-color: #999999;
}
.tasto-servizio-attivo:focus {
  background-color: #e9e9e9;
  border-color: #999999;
  color: #999999;
}
.box-servizi-aggiuntivi {
  height: 240px;
  border: 1px solid #e9e9e9;
  padding: 20px;
  border-radius: 10px;
  position: relative;
}
.servizio-attivo {
  background-color: var(--ppBodyGrey);
}
/* CLASSE PER ETICHETTA BETA 
.badge-beta {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: var(--ppCyan);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    padding: 1px 10px;
    border-radius: 10px 10px 10px 10px;
    letter-spacing: 0.5px;
} */
.windowsAICarouselCreator {
  z-index: 100005 !important;
}
.windowsAICarouselCreator .modal-dialog {
  width: 95vw !important;
  max-width: none !important;
  height: 95vh;
  margin: 2.5vh auto !important;
}
@media (min-width: 992px) {
  .windowsAICarouselCreator .modal-dialog {
    width: 910px;
  }
}
.windowsAICarouselCreator .modal-content {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 10px;
}
.windowsAICarouselCreator .modal-header {
  flex-shrink: 0;
}
.windowsAICarouselCreator .modal-body {
  flex: 1;
  min-height: 0;
  padding: 0;
}
.windowsAICarouselCreator .modal-body iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 0 0 10px 10px;
}
#openInfoSocial {
  display: block;
}
#infoSocial {
  display: hidden;
}
.activities-accordion {
  border: none;
  margin-bottom: 5px;
  text-align: center;
}
.single-actvity {
  border-radius: 0px !important;
  box-shadow: none;
  border: none !important;
}
.activities-heading .panel-title {
  font-size: 14px;
}
.activities-heading .panel-title > a {
  color: #646464;
  font-weight: 600;
}
.activities-heading .panel-title > a:hover {
  color: var(--ppMattGrey);
}
.activities-heading {
  border-left: solid 3px var(--ppCyan) !important;
}
.activities-heading .panel-heading {
  border-radius: 0px 0px 0 0;
  line-height: 50px;
  min-height: 50px;
  font-size: 15px;
  font-weight: 600;
  border-left: solid 3px #dddddc;
}
.activities-list {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  font-size: 14px;
}
.activities-list li {
  padding: 10px;
  display: flow-root;
}
.activities-description {
  margin-top: 10px;
  text-align: left;
  width: 85%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activities-post-ref {
  color: var(--ppMattGrey) transparent;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}
.activities-post-ref:hover {
  color: var(--ppMattGrey);
}
@media (min-width: 992px) {
  .lineNotifsTable {
    max-height: 300px;
  }
}
@media (min-width: 1200px) {
  .lineNotifsTable {
    max-height: 270px;
  }
}
@media (max-width: 991px) {
  .lineNotifsTable {
    max-height: 400px;
  }
  .headerRight {
    width: 150px !important;
  }
  .activities-description {
    margin-top: unset;
    width: 65%;
    -webkit-line-clamp: 3;
  }
}
/* --- COLORI BASE POSTPICKR --- */
:root {
  --ppRed: #fc0058;
  --ppBlue: #101b4a;
  --ppCyan: #21add1;
  --ppCyanLight: #eaf7ff;
  --ppGrey: #2f2f2f;
  --ppOrange: #fe9c03;
  --ppMidGrey: #d2d2d2;
  --ppMattGrey: #999999;
  --ppRedCheck: #ff0000;
  --ppGreenCheck: #1DB100;
  --ppWarningYellow: #f7e259;
  --ppBodyGrey: #f5f5f5;
  --ppBkgGrey: #e8e8e8;
  --ppDarkGrey: #333333;
}
button,
a,
input {
  outline: none;
}
button:focus,
a:focus,
input:focus {
  outline: 0;
}
button:active,
a:active,
input:active {
  outline: 0;
}
/* ----------------------------- */
/* --- CLASSI UTILI --- */
.ppRed {
  color: var(--ppRed);
}
.ppBlue {
  color: var(--ppBlue) !important;
}
.ppCyan {
  color: var(--ppCyan);
}
.ppCyanLight {
  color: var(--ppCyanLight);
}
.ppGrey {
  color: var(--ppGrey);
}
.ppOrange {
  color: var(--ppOrange);
}
.ppMidGrey {
  color: var(--ppMidGrey);
}
.ppMattGrey {
  color: var(--ppMattGrey);
}
.ppRedCheck {
  color: var(--ppRedCheck);
}
.ppGreenCheck {
  color: var(--ppGreenCheck);
}
.ppBkgGrey {
  color: var(--ppBkgGrey);
}
.ppDarkGrey {
  color: var(--ppDarkGrey);
}
.ppBgBkgGrey {
  background: #F9F9F9;
}
.yellowNotes {
  color: #efbb40;
}
.colorInherit {
  color: inherit;
}
.ppLogoSize {
  width: 180px;
  height: 42px;
}
.ppLogoSizeSmall {
  width: 39px;
  height: 40px;
}
.ppLogoSizeMobile {
  width: 140px;
  height: auto;
}
.backCyan {
  background-color: var(--ppCyan);
}
.backRed {
  background: var(--ppRed);
}
.backWhite {
  background-color: #fff !important;
}
.backFAFAFA {
  background-color: #fafafa !important;
}
.back-eaeaea {
  background-color: #eaeaea;
}
.noBackground {
  background: none;
}
.textRedPP {
  color: var(--ppRed);
}
.textBluePP {
  color: var(--ppBlue);
}
.textCyan {
  color: var(--ppCyan) !important;
}
.textWhite {
  color: #ffffff !important;
}
.textGrey {
  color: #979898;
}
.textDarkGrey {
  color: var(--ppGrey);
}
.textStrongDarkGrey {
  font-weight: 500;
  color: var(--ppGrey);
}
.textStrongBlue {
  font-weight: 500;
  color: var(--ppBlue);
}
.textDecorationNone {
  text-decoration: none !important;
}
.cursorDefault {
  cursor: default;
}
.cursorPointer {
  cursor: pointer;
}
.cursorZoomIn {
  cursor: zoom-in;
}
.redThumbDown {
  color: red;
}
.greenThumbup {
  color: green;
}
.noAction {
  cursor: not-allowed;
}
.noAction > div {
  pointer-events: none;
  opacity: 0.6;
}
.noAction > span,
.noAction > button {
  pointer-events: none;
}
.cursorNotAllowed {
  cursor: not-allowed !important;
}
.non-cliccabile {
  pointer-events: none;
}
.breakWord {
  word-wrap: break-word;
}
.anywhere {
  word-wrap: anywhere;
}
.overflowHidden {
  overflow: hidden;
}
.textTransformNone {
  text-transform: none;
}
.toUppercase {
  text-transform: uppercase;
}
.toCapitalize {
  text-transform: capitalize;
}
.overflowScroll {
  overflow: scroll;
}
.overflowAutoY {
  overflow-y: auto;
}
/*font*/
.lineHeight13 {
  line-height: 13px;
}
.lineHeight1 {
  line-height: 1;
}
.lineHeight1Dot2 {
  line-height: 1.2;
}
.lineHeight1Dot3 {
  line-height: 1.3;
}
.fontSize9 {
  font-size: 9px;
}
.fontSize10 {
  font-size: 10px;
}
.fontSize11 {
  font-size: 11px;
}
.fontSize12 {
  font-size: 12px;
}
.fontSize13 {
  font-size: 13px !important;
}
.fontSize14 {
  font-size: 14px;
}
.fontSize15 {
  font-size: 15px !important;
}
.fontSize16 {
  font-size: 16px;
}
.fontSize18 {
  font-size: 18px;
}
.fontSize20 {
  font-size: 20px;
}
.fontSize24 {
  font-size: 24px;
}
.fontSize40 {
  font-size: 40px;
}
.fontSize50 {
  font-size: 50px;
}
.fontSize64 {
  font-size: 64px;
}
.italicFont {
  font-style: italic;
}
.textTransformNone {
  text-transform: none !important;
}
.textTransformCapitalize {
  text-transform: capitalize;
}
.titleModalCyan {
  padding: 10px 10px 10px 35px;
  border-bottom: 1px solid #ddd;
  background-color: var(--ppCyan);
  color: #ffffff;
}
.txtCenter {
  text-align: center;
}
.txtLeft {
  text-align: left;
}
.txtRight {
  text-align: right;
}
.txtCyanCenter {
  text-align: center;
  color: var(--ppCyan);
}
.iconWarning {
  color: var(--ppRed);
  display: block;
}
.imgScreen50 {
  width: 50%;
}
.objectFitCover {
  object-fit: cover;
}
.objectFitContain {
  object-fit: contain;
}
.noBorder {
  border: none !important;
}
.borderBottom {
  border-bottom: 1px solid #eee;
}
.borderBottomCCCCCC {
  border-bottom: 1px solid #cccccc;
}
.borderDEDEDE {
  border: 1px solid #dedede;
}
.borderRight {
  border-right: 1px solid #ddd;
}
.topRightBorderRadius10px {
  border-top-right-radius: 10px;
}
.bottomBorderRadius10px {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.rightBorderRadius2px {
  border-radius: 0px 2px 2px 0px;
}
.leftBorderRadius2px {
  border-radius: 2px 0px 0px 2px;
}
.borderRadiusUnset {
  border-radius: unset;
}
.borderRadius5px {
  border-radius: 5px;
}
.borderCyan {
  border-color: var(--ppCyan);
}
.borderCyan2px {
  border: 2px solid var(--ppCyan);
}
.imgBackground {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* margin */
.margin0auto {
  margin: 0 auto;
}
.margin05 {
  margin: 0.5px;
}
.margin4 {
  margin: 4px;
}
.margin5 {
  margin: 5px;
}
.margin6 {
  margin: 6px;
}
.margin10 {
  margin: 10px;
}
.marginTop3 {
  margin-top: 3px;
}
.marginTop4 {
  margin-top: 4px;
}
.marginTop5 {
  margin-top: 5px !important;
}
.marginTop6 {
  margin-top: 6px;
}
.marginTop8 {
  margin-top: 8px;
}
.marginTop10 {
  margin-top: 10px !important;
}
.marginTop13 {
  margin-top: 13px;
}
.marginTop15 {
  margin-top: 15px;
}
.marginTop15Important {
  margin-top: 15px !important;
}
.marginTop18 {
  margin-top: 18px;
}
.marginTop20 {
  margin-top: 20px;
}
.marginTop25 {
  margin-top: 25px;
}
.marginTop30 {
  margin-top: 30px;
}
.marginTop45 {
  margin-top: 45px;
}
.marginTop100 {
  margin-top: 100px;
}
.marginBottom0 {
  margin-bottom: 0px !important;
}
.marginBottom3 {
  margin-bottom: 3px !important;
}
.marginBottom4 {
  margin-bottom: 4px;
}
.marginBottom5 {
  margin-bottom: 5px !important;
}
.marginBottom6 {
  margin-bottom: 6px;
}
.marginBottom10 {
  margin-bottom: 10px;
}
.marginBottom15 {
  margin-bottom: 15px !important;
}
.marginBottom20 {
  margin-bottom: 20px;
}
.marginBottom25 {
  margin-bottom: 25px;
}
.marginBottom27 {
  margin-bottom: 27px;
}
.marginBottom30 {
  margin-bottom: 30px;
}
.marginBottom40 {
  margin-bottom: 40px;
}
.marginBottom45 {
  margin-bottom: 45px;
}
.marginBottom60 {
  margin-bottom: 60px;
}
.marginBottom80 {
  margin-bottom: 80px !important;
}
.marginBottom100 {
  margin-bottom: 100px;
}
.verticalMargin5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.verticalMargin10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.verticalMargin15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.verticalMargin20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.verticalMargin25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.verticalMargin40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.verticalMargin60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.marginRight3 {
  margin-right: 3px;
}
.marginRight5 {
  margin-right: 5px;
}
.marginRight10 {
  margin-right: 10px;
}
.marginRight11 {
  margin-right: 11px;
}
.marginRight15 {
  margin-right: 15px;
}
.marginRight16 {
  margin-right: 16px;
}
.marginRight18 {
  margin-right: 18px;
}
.marginRight20 {
  margin-right: 20px;
}
.marginRight25 {
  margin-right: 25px !important;
}
.marginRight50 {
  margin-right: 50px;
}
.marginLeft3 {
  margin-left: 3px;
}
.marginLeft5 {
  margin-left: 5px;
}
.marginLeft4 {
  margin-left: 4px;
}
.marginLeft2 {
  margin-left: 2px !important;
}
.marginLeft15 {
  margin-left: 15px;
}
.marginLeft18 {
  margin-left: 18px;
}
.marginLeft30 {
  margin-left: 30px;
}
.btn-confirm {
  height: 33px;
  color: #ffff !important;
  border: none !important;
  margin-top: 23px !important;
  width: 100%;
}
.marginLeft6 {
  margin-left: 6px;
}
.marginLeft10 {
  margin-left: 10px;
}
.marginLeft13 {
  margin-left: 13px;
}
.marginLeft17 {
  margin-left: 17px;
}
.marginLeft24 {
  margin-left: 24px;
}
.marginLeft35 {
  margin-left: 35px;
}
.marginLeft40perc {
  margin-left: 40%;
}
.marginLeftAuto {
  margin-left: auto;
}
.lateralMarginAuto {
  margin-left: auto;
  margin-right: auto;
}
.lateralMargin5 {
  margin-left: 5px;
  margin-right: 5px;
}
.lateralMargin10 {
  margin-left: 10px;
  margin-right: 10px;
}
.lateralMargin15 {
  margin-left: 15px;
  margin-right: 15px;
}
.lateralMargin20 {
  margin-left: 20px;
  margin-right: 20px;
}
.top7pc {
  top: 7%;
}
@media only screen and (max-width: 600px) {
  .top7pc {
    top: 5%;
  }
}
.top18pc {
  top: 18%;
  padding-top: 15px;
}
@media only screen and (max-width: 600px) {
  .top18pc {
    top: 5%;
  }
}
/* padding */
.noPadding {
  padding: 0px;
}
.padding5 {
  padding: 5px !important;
}
.padding6 {
  padding: 6px;
}
.padding10 {
  padding: 10px;
}
.padding10x100 {
  padding: 10%;
}
.padding13 {
  padding: 13px;
}
.padding15 {
  padding: 15px !important;
}
.padding20 {
  padding: 20px;
}
.padding30 {
  padding: 30px;
}
.padding40 {
  padding: 40px;
}
.padding50 {
  padding: 50px;
}
.paddingTop5 {
  padding-top: 5px !important;
}
.paddingTop7-5 {
  padding-top: 7.5px !important;
}
.paddingTop10 {
  padding-top: 10px !important;
}
.paddingTop15 {
  padding-top: 15px;
}
.paddingTop20 {
  padding-top: 20px;
}
.paddingTop30 {
  padding-top: 30px;
}
.paddingTop35 {
  padding-top: 35px;
}
.paddingBottom0 {
  padding-bottom: 0px !important;
}
.paddingBottom5 {
  padding-bottom: 5px !important;
}
.paddingBottom10 {
  padding-bottom: 10px !important;
}
.paddingBottom12 {
  padding-bottom: 12px;
}
.paddingBottom15 {
  padding-bottom: 15px !important;
}
.paddingBottom20 {
  padding-bottom: 20px;
}
.paddingBottom30 {
  padding-bottom: 30px;
}
.paddingBottom120 {
  padding-bottom: 120px;
}
.verticalPadding5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.verticalPadding9 {
  padding-top: 9px;
  padding-bottom: 9px;
}
.verticalPadding10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.verticalPadding20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.paddingRight7-5 {
  padding-right: 7.5px;
}
.paddingRight10 {
  padding-right: 10px;
}
.paddingRight15 {
  padding-right: 15px;
}
.paddingLeft0 {
  padding-left: 0px !important;
}
.paddingLeft5 {
  padding-left: 5px;
}
.paddingLeft6 {
  padding-left: 6px;
}
.paddingLeft7-5 {
  padding-left: 7.5px;
}
.paddingLeft10 {
  padding-left: 10px !important;
}
.paddingLeft15 {
  padding-left: 15px;
}
.paddingLeft20 {
  padding-left: 20px !important;
}
.paddingLeft24 {
  padding-left: 24px;
}
.paddingLeft25 {
  padding-left: 25px !important;
}
.paddingLeft28 {
  padding-left: 28px;
}
.paddingLeft16Perc {
  padding-left: 16% !important;
}
.lateralPadding10 {
  padding-left: 10px;
  padding-right: 10px;
}
.lateralPadding12 {
  padding-left: 12px;
  padding-right: 12px;
}
.lateralPadding15 {
  padding-left: 15px;
  padding-right: 15px;
}
.lateralPadding20 {
  padding-left: 20px;
  padding-right: 20px;
}
.lateralPadding30 {
  padding-left: 30px;
  padding-right: 30px;
}
/* less */
.lessMargin5 {
  margin: -5px;
}
.lessMarginT1 {
  margin-top: -1px !important;
}
.lessMarginT15 {
  margin-top: -15px;
}
.lessMarginL2 {
  margin-left: -2px !important;
}
.lessMarginR14 {
  margin-right: -14px !important;
}
.lessLateralMargin20 {
  margin-left: -20px;
  margin-right: -20px;
}
.noMargin {
  margin: 0px !important;
}
.noMarginTop {
  margin-top: 0px;
}
.noMarginBottom {
  margin-bottom: 0px !important;
}
.noMarginBottom {
  margin-bottom: 0px;
}
.noMarginLeft {
  margin-left: 0px;
}
.noMarginRight {
  margin-right: 0px !important;
}
.noLateralMargin {
  margin-left: 0px;
  margin-right: 0px;
}
.noPadding {
  padding: 0px !important;
}
.noPaddingTop {
  padding-top: 0px !important;
}
.noPaddingRight {
  padding-right: 0px !important;
}
.noPaddingBottom {
  padding-bottom: 0px !important;
}
.noPaddingLeft {
  padding-left: 0px !important;
}
.noLateralPadding {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.noVerticalPadding {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
/*size*/
.atCenter {
  margin-left: auto;
  margin-right: auto;
  display: inline-block !important;
  text-align: center !important;
}
.alignTop {
  vertical-align: top;
}
.widthAuto {
  width: auto !important;
}
.width10 {
  width: 10%;
}
.width15 {
  width: 15%;
}
.width20 {
  width: 20%;
}
.width30 {
  width: 30%;
}
.width34 {
  width: 34%;
}
.width35 {
  width: 35%;
}
.width40 {
  width: 40%;
}
.width45 {
  width: 45%;
}
.width50 {
  width: 50%;
}
.width55 {
  width: 55%;
}
.width60 {
  width: 60%;
}
.width67 {
  width: 67%;
}
.width75 {
  width: 75%;
}
.width80 {
  width: 80% !important;
}
.width85 {
  width: 85% !important;
}
.width87 {
  width: 87%;
}
.width90 {
  width: 90% !important;
}
.width92 {
  width: 92%;
}
.width95 {
  max-width: 95%;
}
.width100 {
  width: 100% !important;
}
.width30px {
  width: 30px;
}
.width40px {
  width: 40px;
}
.width45px {
  width: 45px;
}
.width60px {
  width: 60px;
}
.width110px {
  width: 110px;
}
.width130px {
  width: 130px !important;
}
.width140px {
  width: 140px !important;
}
.width180px {
  width: 180px;
}
.width200px {
  width: 200px;
}
.width250px {
  width: 250px;
}
.width300px {
  width: 300px;
}
.width310px {
  width: 310px !important;
}
.width366px {
  width: 366px;
}
.maxWidth500 {
  max-width: 500px !important;
}
.minWidth200px {
  min-width: 200px;
}
.maxWidth400 {
  max-width: 400px !important;
}
.maxWidth450 {
  max-width: 450px !important;
}
.minWidth400 {
  min-width: 400px !important;
}
.minWidth450 {
  min-width: 450px !important;
}
.maxWidth65 {
  max-width: 65%;
}
.maxWidth95 {
  max-width: 95% !important;
}
.heightAuto {
  height: auto;
}
.heightAutoImportant {
  height: auto !important;
}
.height4px {
  height: 4px;
}
.height5px {
  height: 5px;
}
.height17px {
  height: 17px !important;
}
.height18px {
  height: 18px !important;
}
.height20px {
  height: 20px;
}
.height30px {
  height: 30px;
}
.height40px {
  height: 40px !important;
}
.height50px {
  height: 50px;
}
.height80px {
  height: 80px;
}
.height250px {
  height: 250px;
}
.height280px {
  height: 280px;
}
.height500px {
  height: 500px;
}
.height600px {
  height: 600px;
}
.height65 {
  height: 65% !important;
}
.height82 {
  height: 82% !important;
}
.height90 {
  height: 90%;
}
.height86 {
  height: 86%;
}
.height100 {
  height: 100%;
}
.maxHeight74 {
  max-height: 74%;
}
.maxHeight300 {
  max-height: 300px;
}
.maxHeight250px {
  max-height: 250px;
}
.imageLinkPreview {
  max-height: 90px;
  min-height: 90px;
  max-width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.iconAudienceDataLoading {
  font-size: 123px;
  color: var(--ppCyan);
}
.floatRight {
  float: right;
}
.fontWeight600 {
  font-weight: 600 !important;
}
@media (max-width: 767px) {
  .fontSize12XS {
    font-size: 12px !important;
  }
  .fontSize13XS {
    font-size: 13px !important;
  }
  .fontSize15XS {
    font-size: 15px;
  }
  .fontSize18XS {
    font-size: 18px;
  }
  .fontSize24XS {
    font-size: 24px;
  }
  .fontSize25XS {
    font-size: 25px;
  }
  .fontSize28XS {
    font-size: 28px;
  }
  .fontWeightNormalXS {
    font-weight: normal;
  }
  .fontWeightBold {
    font-weight: bold !important;
  }
  .fontWeight500 {
    font-weight: 500 !important;
  }
  .centerXS {
    padding: 0px 25px 0px 25px;
  }
  .centerNavProgetti {
    padding: 0px 10px 0px 10px;
  }
  .noMarginTopXS {
    margin-top: 0px;
  }
  .noMarginBottomXS {
    margin-bottom: 0px !important;
  }
  .noPaddingXS {
    padding: 0px;
  }
  .noPaddingTopXS {
    padding-top: 0px;
  }
  .noMarginXS {
    margin: 0px !important;
  }
  .noMarginLeftXS {
    margin-left: 0px !important;
  }
  .marginTop5XS {
    margin-top: 5px !important;
  }
  .marginBottom5XS {
    margin-bottom: 5px !important;
  }
  .marginTop10XS {
    margin-top: 10px !important;
  }
  .marginTop15XS {
    margin-top: 15px !important;
  }
  .marginTop40XS {
    margin-top: 40px !important;
  }
  .marginBottom10XS {
    margin-bottom: 10px !important;
  }
  .marginBottom15XS {
    margin-bottom: 15px !important;
  }
  .marginBottom20XS {
    margin-bottom: 20px !important;
  }
  .marginLeft20XS {
    margin-left: 20px !important;
  }
  .marginLeftAuto {
    margin-left: auto !important;
  }
  .verticalMargin10XS {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .verticalMargin15XS {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .lateralMargin15XS {
    margin-left: 15px;
    margin-right: 15px;
  }
  .lateralMargin10XS {
    margin-left: 10px;
    margin-right: 10px;
  }
  .noPaddingRightXS {
    padding-right: 0px !important;
  }
  .noPaddingLeftXS {
    padding-left: 0px !important;
  }
  .paddingTop10XS {
    margin-top: 10px;
  }
  .paddingBottom10XS {
    padding-bottom: 10px;
  }
  .paddingRight7-5XS {
    padding-right: 7.5px;
  }
  .paddingLeft7-5XS {
    padding-left: 7.5px;
  }
  .paddingLeft15XS {
    padding-left: 15px;
  }
  .paddingLeft24XS {
    padding-left: 24px;
  }
  .lateralPadding7-5XS {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  .lateralPadd10XS {
    padding-left: 10px;
    padding-right: 10px;
  }
  .lateralPadd15XS {
    padding-left: 15px;
    padding-right: 15px;
  }
  .lateralPadd25XS {
    padding-left: 25px;
    padding-right: 25px;
  }
  .lateralPadd30XS {
    padding-left: 30px;
    padding-right: 30px;
  }
  .noLateralMarginXS {
    margin-left: 0px;
    margin-right: 0px;
  }
  .marginRight20PercXS {
    margin-right: 20%;
  }
  .width50XS {
    width: 50% !important;
  }
  .width60XS {
    width: 60%;
  }
  .width75XS {
    width: 75%;
  }
  .width80XS {
    width: 80% !important;
  }
  .width100XS {
    width: 100%;
  }
  .maxWidth100XS {
    max-width: 100% !important;
  }
  .textCenterXS {
    text-align: center !important;
  }
  .widgetChangelog {
    display: none !important;
  }
  .displayFlowRootXS {
    display: flow-root;
  }
  .overflowScrollXS {
    overflow: scroll;
  }
  .overflowScrollXXS {
    overflow-x: scroll;
  }
  .noBoxShadowXS {
    box-shadow: none;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .widgetChangelog {
    display: none !important;
  }
  .noMarginTopSM {
    margin-top: 0px;
  }
  .noMarginSM {
    margin: 0px;
  }
}
/*display*/
.displayBlock {
  display: block !important;
}
.displayBlockRuby {
  display: block ruby !important;
}
.displayInline {
  display: inline !important;
}
.displayInlineBlock {
  display: inline-block;
}
.displayFlowRoot {
  display: flow-root;
}
.displayInlineTable {
  display: inline-table;
}
.displayContents {
  display: contents;
}
.displayTable {
  display: table !important;
}
.displayTableCaption {
  display: table-caption;
}
.displayTableRow {
  display: table-row;
}
.displayGrid {
  display: grid;
}
.displayInlineGrid {
  display: inline-grid;
}
.displayFlex {
  display: flex !important;
}
.displayNone {
  display: none !important;
}
.displayUnset {
  display: unset;
}
.displayWebkitBox {
  display: -webkit-box;
}
.displayUnset {
  display: unset !important;
}
.opacity02 {
  opacity: 0.2;
}
.opacity04 {
  opacity: 0.4;
}
.opacity05 {
  opacity: 0.5;
}
.opacity06 {
  opacity: 0.6;
}
.opacity1 {
  opacity: 1;
}
.opacityUnset {
  opacity: unset;
}
.noOpacity {
  opacity: 1 !important;
}
.iconViewComposeChannels {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.stringViewComposeChannels {
  border: none;
  margin: 0;
  padding: 0;
  height: 39px;
}
.positionRelative {
  position: relative;
}
.positionAbsolute {
  position: absolute;
}
.centered {
  display: grid !important;
  place-items: center;
}
.hidden {
  visibility: hidden;
}
.ppShadow {
  box-shadow: 0 1px 0 #e6e6e6;
}
.topShadow {
  box-shadow: 0px -6px 12px 0px rgba(0, 0, 0, 0.2);
}
.underlineDecoration {
  text-decoration: underline;
}
.targetBlankUnderline {
  color: var(--ppGrey);
  text-decoration: underline;
}
.targetBlankUnderline:hover,
.targetBlankUnderline:focus {
  color: var(--ppGrey);
  opacity: 0.6;
}
/* ----------------------------- */
.maxContent {
  inline-size: max-content;
}
.img14px {
  width: 14px;
  height: 14px;
}
.img30px {
  width: 30px !important;
  height: 30px !important;
}
.imgWidth14px {
  width: 14px;
  height: auto;
}
.imgWidth16px {
  width: 16px;
  height: auto;
}
.imgWidth20px {
  width: 20px;
  height: auto;
}
.truncateTextOneRow {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.whiteSpaceBreakSpace {
  white-space: break-spaces;
}
.zIndex1 {
  z-index: 1 !important;
}
.alignItemsCenter {
  align-items: center !important;
}
.alignContentCenter {
  align-content: center;
}
.justifyContentCenter {
  justify-content: center !important;
}
.textAlignCenter {
  text-align: center !important;
}
.noBorderTop {
  border-top: none;
}
.borderTopWhite {
  border-top-color: #fff !important;
}
.borderTopLightWhite {
  border-top: 1px solid #e9e9e9;
}
.borderBottomNone {
  border-bottom: none;
}
.lightCyanButton {
  background: #fff;
  color: var(--ppCyan);
  border-color: var(--ppCyan);
}
.lightCyanButton:hover {
  color: #ffffff;
  background-color: #1b90ae;
  border-color: #19819c;
}
.buttonCloseBannerTop {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 28px;
}
.buttonBuyPremiumPlan {
  font-size: 16;
  font-weight: bold;
  padding: 10px;
  border-radius: 5px;
}
.modalDeleteChannel .cancel {
  background-color: var(--ppRed) !important;
  color: #ffffff !important;
}
.modalDeleteChannel .confirm {
  background-color: #ffffff !important;
  color: #545454 !important;
  border: 1px solid #cccccc !important;
}
.widgetChangelog {
  position: relative;
  display: inline-block;
  margin-left: 15px !important;
  margin-right: 10px !important;
}
.printedLines {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: none;
}
#HW_badge_cont {
  position: absolute !important;
}
#HW_badge {
  background: var(--ppCyan) !important;
  top: -2px;
  left: 12px;
  font-size: 10px;
  position: relative;
  font-weight: bold;
  width: 18px;
  height: 18px;
  padding: 1px;
  font-family: Arial, Helvetica, sans-serif;
}
.fontArial {
  font-family: Arial, Helvetica, sans-serif;
}
.centerItem {
  display: grid;
  place-items: center;
}
.top99 {
  top: 99px;
}
.horizontal-line {
  margin-top: 0px !important;
  margin-bottom: 8px !important;
}
.payLogoCreditCard {
  margin-left: 5px;
}
.listDeviceAccount {
  display: block;
  max-height: 100px;
  padding: 6px 1px 0 7px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: thin;
}
.scrollable-modal p {
  max-height: 400px;
  /* Imposta l'altezza massima prima che la modal diventi scrollabile */
  overflow-y: auto;
}
.warningWindow {
  z-index: 3000 !important;
  background-color: rgba(0, 0, 0, 0.3);
  padding-top: 11vh;
}
.borderRadius3 {
  border-radius: 3px;
}
.noBorderRadius {
  border-radius: 0px !important;
}
.labelMenuNovita {
  color: #ffffff;
  background-color: var(--ppRed);
  font-size: 10px;
  font-weight: 600;
  padding: 3px 5px;
  border-radius: 3px;
  letter-spacing: 0.07em;
}
a:focus {
  outline: none;
  outline-offset: 0px;
}
.btn-mattGrey {
  color: #fff;
  background-color: var(--ppMattGrey);
  border-color: var(--ppMattGrey);
}
.btn-mattGrey:hover,
.btn-mattGrey:focus,
.btn-mattGrey.focus,
.btn-mattGrey:active,
.btn-mattGrey.active,
.open > .dropdown-toggle.btn-mattGrey {
  color: #fff;
  background-color: var(--ppMattGrey);
  border-color: var(--ppMattGrey);
}
.btn-mattGrey:active,
.btn-mattGrey.active,
.open > .dropdown-toggle.btn-mattGrey {
  background-image: none;
}
.btn-mattGrey.disabled,
.btn-mattGrey[disabled],
fieldset[disabled] .btn-mattGrey,
.btn-mattGrey.disabled:hover,
.btn-mattGrey[disabled]:hover,
fieldset[disabled] .btn-mattGrey:hover,
.btn-mattGrey.disabled:focus,
.btn-mattGrey[disabled]:focus,
fieldset[disabled] .btn-mattGrey:focus,
.btn-mattGrey.disabled.focus,
.btn-mattGrey[disabled].focus,
fieldset[disabled] .btn-mattGrey.focus,
.btn-mattGrey.disabled:active,
.btn-mattGrey[disabled]:active,
fieldset[disabled] .btn-mattGrey:active,
.btn-mattGrey.disabled.active,
.btn-mattGrey[disabled].active,
fieldset[disabled] .btn-mattGrey.active {
  background-color: var(--ppMattGrey);
  border-color: var(--ppMattGrey);
}
.btn-mattGrey .badge {
  color: var(--ppMattGrey);
  background-color: #fff;
}
.dflex-row {
  display: flex;
  flex-direction: row;
}
.primaLettera:first-letter {
  text-transform: capitalize;
}
.titleTableOnTop {
  position: sticky;
  top: 0;
  background: #fff;
}
.btn-blue {
  background-color: var(--ppBlue);
  border-color: var(--ppBlue);
  color: #ffffff;
}
.btn-blue:hover,
.btn-blue:focus {
  opacity: 0.8;
  background-color: var(--ppBlue);
  border-color: var(--ppBlue);
  color: #ffffff;
}
.space-between {
  display: flex;
  justify-content: space-between;
}
.borderRadius50 {
  border-radius: 50%;
}
.flexAuto {
  flex: auto;
}
.borderNone {
  border: none;
}
.outlineNone {
  outline: none;
}
.centeredItem {
  display: grid;
  place-items: center;
}
.noScrollBar {
  scrollbar-width: none;
}
.noScrollBar::-webkit-scrollbar {
  display: none;
}
.flexCol {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.flexRow {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.imgBlur {
  filter: blur(10px);
}
.borderRequired {
  border: 1px solid var(--ppRedCheck) !important;
}
.noBoxShadow {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}
.alignVertical {
  margin-top: auto;
  margin-bottom: auto;
}
/* aspect-ratio */
.aspectRatio_1 {
  aspect-ratio: 1;
}
.aspectRatio_1-2 {
  aspect-ratio: 0.5;
}
.aspectRatio_4-5 {
  aspect-ratio: 0.8;
}
.aspectRatio_5-3 {
  aspect-ratio: 1.66666667;
}
.aspectRatio_5-4 {
  aspect-ratio: 1.25;
}
.cursorAuto {
  cursor: auto !important;
}
.width355 {
  width: 355px!important;
}
.closeModalMaterial {
  position: absolute;
  right: 0;
  top: 0;
}
.centerIconLabel {
  align-items: center;
  display: flex;
}
.dashedCyanBorder {
  border: none;
  background-image: repeating-linear-gradient(0deg, #21add1 0, #21add1 8px, transparent 8px, transparent 15px), repeating-linear-gradient(90deg, #21add1 0, #21add1 8px, transparent 8px, transparent 15px), repeating-linear-gradient(180deg, #21add1 0, #21add1 8px, transparent 8px, transparent 15px), repeating-linear-gradient(270deg, #21add1 0, #21add1 8px, transparent 8px, transparent 15px);
  background-size: 1px 100%, 100% 1px, 1px 100%, 100% 1px;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
}
.registerTitle {
  margin-bottom: 10px;
}
.registerTitle .titleDesc {
  color: var(--ppCyan);
  font-weight: 700;
}
.registerTitle .titleImg {
  float: right;
}
.registerTitle .titleImg > img {
  width: 200px;
}
.registerSubtitle {
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 400;
  margin-bottom: 30px;
}
.socialList > span {
  width: 8.33333333%;
  padding-left: 7px;
  padding-right: 7px;
  display: inline-table;
}
.socialList > span > img {
  width: 41px;
  height: 41px;
  object-fit: cover;
}
.performanceList > div {
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2em;
  display: flex;
  margin-bottom: 20px;
}
.performanceList > div > i {
  margin-right: 10px;
}
.partnerBadge > a {
  display: inline-block;
  margin-right: 20px;
}
.partnerBadge > a > img {
  width: 120px;
}
.registerInputBox {
  padding: 0px;
  box-shadow: -6px 0px 12px 0px rgba(0, 0, 0, 0.2);
}
.registerInputBox .block-content {
  padding-left: 30px;
  padding-right: 30px;
}
.alreadyRegisteredBox {
  box-shadow: unset;
}
.alreadyRegisteredBox > span {
  margin-left: 20px;
}
.alreadyRegisteredBox > span > a {
  color: #fff;
}
.registerBox .form-group {
  margin-bottom: 0px;
}
.registerBox .form-group .form-material {
  padding: 5px 20px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
}
.registerBox .form-group .form-material > input {
  padding: 0px;
  box-shadow: none;
  background-color: #fff;
  font-size: 14px;
}
.registerBox .form-group .form-material .form-control:focus {
  box-shadow: 0 1px 0 #eaeaea;
}
.acceptTermsBox {
  color: var(--ppGrey);
  text-decoration: underline;
  font-weight: normal;
}
.acceptTermsBox:focus,
.acceptTermsBox:hover {
  color: var(--ppMattGrey);
  text-decoration: none;
}
.btnShowLoginPassword {
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
  right: 0;
  position: absolute;
  color: var(--ppMattGrey);
}
.btnShowRegisterPassword {
  cursor: pointer;
  margin-top: 10px;
  margin-right: 10px;
  right: 0;
  position: absolute;
  color: var(--ppMattGrey);
}
#pageRegister {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffffff;
}
#boxFormRegister {
  height: 100%;
  left: 0;
  display: grid;
  place-items: center;
}
.logoRegister {
  width: 200px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.formRegister .form-group {
  margin-bottom: 0px;
}
.formRegister .form-group .form-material {
  padding: 5px 20px;
  background-color: var(--ppBodyGrey);
  border: 1px solid var(--ppBodyGrey);
}
.formRegister .form-group .form-material > input {
  padding: 0px;
  box-shadow: none;
  font-size: 16px;
  background-color: var(--ppBodyGrey);
}
.formRegister .form-group .form-material input::placeholder {
  color: var(--ppMattGrey);
}
.formRegister .form-group .form-material .form-control:focus {
  box-shadow: 0 1px 0 #eaeaea;
}
#boxTestimonialsRegister {
  height: 100%;
  background-color: var(--ppBodyGrey);
  right: 0;
  display: grid;
  place-items: center;
}
.testimonial-slider {
  width: 100%;
  max-width: 800px;
  /* Limitiamo la larghezza */
  margin: 0 auto;
  text-align: center;
  position: relative;
  box-sizing: border-box;
}
.testimonial-slide {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.testimonial-slide.active {
  opacity: 1;
  position: static;
}
.testimonial-content {
  font-size: 18px;
  color: #333;
  margin: 20px auto;
  font-style: italic;
  line-height: 1.5;
  max-width: 700px;
}
.testimonial-photo {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  object-fit: cover;
  margin: 20px auto;
  border: 1px solid #ccc !important;
  padding: 10px;
}
.testimonial-author {
  font-size: 18px;
  font-weight: bold;
  color: #222;
  margin-top: 15px;
}
.testimonial-position {
  font-size: 13px;
  color: #777;
  margin-bottom: 20px;
}
.slick-dots {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 20px 0 0;
}
.slick-dots li {
  margin: 0 5px;
}
.slick-dots button {
  background-color: #ccc;
  border: none;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.3s;
}
.slick-dots li.slick-active button::before {
  color: var(--ppCyan);
}
#pageLogin {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #ffffff;
}
#boxFormLogin {
  height: 100%;
  display: grid;
  place-items: center;
}
.errorDataFormRegister {
  color: #ff0000;
}
@media (max-width: 768px) {
  #boxFormRegister {
    padding: 0%;
  }
}
/* --- Tutte le classi utilizzate per lo style della sezione monitor --- */
.tabSezioneMonitor {
  background-color: var(--ppBkgGrey);
  color: var(--ppMattGrey);
  text-transform: capitalize;
  padding: 15px !important;
  font-weight: 600;
  border: none !important;
  border-radius: 0px !important;
}
.tabSezioneMonitor:hover {
  color: var(--ppGrey);
}
.active .tabSezioneMonitor > i {
  color: var(--ppCyan);
}
.boxMonitor {
  margin: 10px;
  margin-bottom: 0px;
  padding: 20px;
  padding-bottom: 10px;
  border-radius: 10px;
  width: 95%;
  border: 1px solid var(--ppMidGrey);
  cursor: pointer;
}
.boxMonitorPodcast {
  margin: 10px;
  margin-bottom: 0px;
  padding: 20px;
  padding-bottom: 10px;
  border-radius: 10px;
  width: 95%;
  border: 1px solid var(--ppMidGrey);
  display: flex !important;
  flex-direction: row !important;
  cursor: pointer;
}
.boxMonitor .userImg {
  float: left;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: relative;
  margin-right: 10px;
  display: block;
}
.boxMonitor .userImg img {
  border-radius: 50%;
  width: 40px;
}
.boxMonitor .userImg .socialIcon {
  position: absolute;
  left: 32px;
  top: 32px;
  width: 17px;
  height: 17px;
  top: 25px;
  left: 25px;
  border-radius: unset !important;
}
.boxMonitor .detailMention {
  display: contents;
}
.authService {
  font-weight: bold;
  margin-left: auto;
  color: var(--ppCyan);
  font-size: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.textMonitor {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 20px;
}
.dataMonitor {
  margin-top: 10px;
  display: block;
  float: right;
  font-size: 12px;
}
.dataMonitor a {
  color: var(--ppCyan);
}
.dataMonitor a:hover {
  color: var(--ppBlue);
}
.headerMention {
  display: flex;
  padding: 13px 10px;
  height: 50px;
}
.elencoMention {
  width: 100%;
  display: block;
  min-height: 556px;
  overflow-y: scroll;
  scrollbar-width: thin;
  background-color: var(--ppBkgGrey);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.elencoMention .active {
  border: 1px solid var(--ppCyan);
  background: azure;
}
.noactive {
  border: dashed var(--ppGrey);
  background: var(--ppBkgGrey);
}
.channelMention {
  width: 90%;
  display: block;
  cursor: pointer;
}
.channelMentionPodcast {
  width: 90%;
  display: flex;
  flex-direction: row;
  cursor: pointer;
}
.channelTypePodcast {
  width: 90%;
  cursor: pointer;
  display: flex !important;
  justify-items: center !important;
  align-items: center !important;
}
.activeMonitor {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  color: var(--ppMattGrey);
  cursor: pointer;
  font-size: 24px;
}
.detailMention {
  border: 1px solid var(--ppMidGrey);
  margin: 50px;
  word-break: break-word;
}
.detailMention .userImg {
  float: left;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: relative;
  margin-right: 10px;
  display: block;
}
.detailMention .userImg img {
  border-radius: 50%;
  width: 40px;
}
.detailMention .userImg .socialIcon {
  position: absolute;
  left: 32px;
  top: 32px;
  width: 17px;
  height: 17px;
  top: 25px;
  left: 25px;
  border-radius: unset !important;
}
.singleMention {
  margin: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 8px #dadada;
  -webkit-box-shadow: 0px 0px 8px #dadada;
  -moz-box-shadow: 0px 0px 8px #dadada;
  -o-box-shadow: 0px 0px 8px #dadada;
}
.singleMentionBody {
  border: 1px solid var(--ppMidGrey);
  word-break: break-word;
  width: 100%;
  display: block;
  padding: 20px;
  border-radius: 10px;
}
.singleMentionBody .userImg {
  float: left;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  position: relative;
  margin-right: 10px;
  display: block;
}
.singleMentionBody .userImg img {
  border-radius: 50%;
  width: 40px;
  display: block;
}
.singleMentionBody .userImg .socialIcon {
  position: absolute;
  left: 32px;
  top: 32px;
  width: 17px;
  height: 17px;
  top: 25px;
  left: 25px;
  border-radius: unset !important;
}
.monitorSetting {
  padding: 20px;
  display: flow-root;
  margin-bottom: 0px;
  overflow: auto;
}
.monitorSettingTitle {
  font-size: 16px;
  font-weight: 500;
}
.monitorSettingDesc {
  font-weight: 300;
}
.monitorUpdate {
  display: inline-block;
  margin: 10px;
}
.singleMonitorVideoEmbedYouTube {
  width: 100%;
  height: 300px;
}
.elencoChannelsMention {
  width: 100%;
  display: block;
  min-height: 606px;
  overflow-y: scroll;
  scrollbar-width: thin;
  background-color: #ffffff;
  border-radius: 0px 0px 10px 10px;
  padding: 10px;
  padding-bottom: 20px;
}
.elencoChannelsMention .active {
  border: 2px solid var(--ppCyan);
  background: azure;
}
.tabSezMonitorSingleItem {
  background-color: var(--ppBkgGrey);
  min-height: 606px;
  overflow-y: scroll;
  padding-left: 50px;
  padding-right: 50px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.selectSingleItem {
  width: 80%;
  border: 2px dotted var(--ppMattGrey);
  margin: auto;
  margin-top: 60px;
  padding: 20px;
  text-align: center;
  color: var(--ppMattGrey);
  height: 450px;
  padding-top: 130px;
}
.actionItemMonitor {
  float: right;
  font-size: 16px;
  margin-right: 20px;
}
.actionItemMonitor a {
  color: var(--ppMattGrey);
}
.actionItemMonitor a:hover {
  color: var(--ppBlue);
}
.headerMonitorSingleItem {
  display: block;
  margin-bottom: 20px;
}
.boxNumFollowersMonitor {
  background-color: var(--ppBkgGrey);
  color: var(--ppBlue);
  float: right;
  padding: 5px;
  font-weight: 500;
  border-radius: 5px;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
  top: -40px;
  font-size: 12px;
  margin-left: 5px;
}
.bodyMonitorSingleItem {
  display: block;
  font-size: 15px;
  font-weight: 300;
  color: var(--ppDarkGrey);
}
.mediaContentSingleItem {
  max-width: 100%;
}
.videoSingleItem {
  max-height: 480px;
  max-width: 100%;
}
.textInputBoxSetting {
  font-size: 15px;
  font-weight: 300;
}
.divFilterMonitor {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
}
.divUpdateMonitor {
  position: absolute;
  right: 0;
  margin-right: 30px;
}
.buttonUpdateMonitor {
  padding: 3px 6px;
  font-size: 12px;
  border-radius: 5px;
  font-weight: 400;
}
.titleVideoYT {
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-top: 15px;
}
.descVideoYT {
  display: block;
  margin-top: 10px;
}
.blockTitlesSettings {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
}
.activeType {
  border: 2px solid var(--ppCyan);
  background: azure;
}
.singleItemNoMediaLinkedin {
  background-color: var(--ppBodyGrey);
  color: var(--ppGrey);
  font-size: 14px;
  font-weight: 400;
  padding: 10px;
  border-radius: 5px;
}
.boxCustomerService {
  background-color: var(--ppBkgGrey);
  color: var(--ppBlue);
  padding: 5px;
  font-weight: 500;
  border-radius: 5px;
  padding-right: 10px;
  padding-left: 10px;
  position: relative;
  margin-left: 10px;
  font-size: 12px;
}
.boxSettingMonitorHashtag > input {
  width: 80% !important;
}
.buttonSettingMonitorHashtag {
  width: auto;
  font-weight: 500;
  border-radius: 0px 3px 3px 0px;
}
.buttonSettingMonitorYoutube {
  font-weight: 500;
  border-radius: 0px 3px 3px 0px;
}
.titleModalTermsUse {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  margin: 15px 0;
  text-align: center;
}
.textModalTermsUse {
  font-size: 12px;
  font-weight: 300;
  position: relative;
}
@media (min-width: 359px) and (max-width: 767px) {
  .nav > li > .iconSocialTab {
    width: 25%;
  }
  .nav > li > .tabSezioneMonitor {
    margin-bottom: 0px !important;
  }
  .elencoMention {
    height: auto;
    overflow-y: unset;
    scrollbar-width: thin;
    background-color: var(--ppBodyGrey);
    border-radius: 0px;
  }
  .boxMonitor {
    width: 100%;
    margin: 10px 0px 0px;
  }
  .channelMention .channelName {
    display: block !important;
  }
  .singleMention {
    margin: 0px !important;
  }
  .elencoChannelsMention {
    height: auto;
    background-color: unset;
    overflow: unset;
  }
  .monitorSettingDesc {
    margin-left: 20px;
  }
  .monitorSettingTitle label {
    display: block;
    margin-left: 20px;
  }
  .boxSettingMonitorHashtag {
    display: flex;
    margin-top: 20px !important;
  }
  .boxSettingMonitorHashtag > span {
    width: 12%;
  }
  .boxSettingMonitorHashtag > input {
    width: 60%;
  }
}
.sticky-tab-menu-monitor {
  position: fixed;
  z-index: 999;
  padding: 0;
  backface-visibility: hidden;
  animation: fadeIn ease 0.3s;
  margin-top: -75px;
  width: 1140px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .sticky-tab-menu-monitor {
    width: 720px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sticky-tab-menu-monitor {
    width: 940px;
  }
}
.artworkPodcast {
  display: grid;
  place-items: center;
}
.highlightedText {
  background: yellow;
}
.contentItemGoogleSearch {
  margin-top: 15px;
  margin-bottom: -15px;
  font-size: 14px;
}
.video-tag {
  background-color: var(--ppBkgGrey);
  color: var(--ppGrey);
  padding: 5px;
  border-radius: 4px;
  margin: 0 5px 5px 0;
  height: 25px;
  box-sizing: border-box;
  overflow: hidden;
  max-width: 100%;
  font-size: 13px;
  display: inline-block;
}
.buttonFilter {
  font-size: 12px;
  line-height: 1.42857143;
  color: #545454;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  outline: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 4px 7px;
  border-radius: 5px;
  font-weight: 400;
  width: 28px;
  height: 28px;
}
input:checked ~ label.buttonFilter {
  font-size: 12px;
  line-height: 1.42857143;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  outline: none;
  background-color: var(--ppMattGrey);
  cursor: pointer;
  border: 1px solid var(--ppMattGrey);
  padding: 4px 7px;
  border-radius: 5px;
  width: 28px;
  height: 28px;
}
.gmb_stars-inner {
  position: absolute;
  top: 0;
  left: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 0;
}
.gmb_stars-inner::before {
  content: "\f005 \f005 \f005 \f005 \f005";
  color: #249251;
}
.shareCommentContainer {
  width: 100%;
  outline: none;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  margin-top: 5px;
  border-radius: 10px;
}
.containerMedia {
  display: block;
  position: relative;
  /* 	max-width: 480px;
    max-height: 400px; */
}
.containerIG {
  display: flex !important;
  justify-content: center !important;
  height: 50px !important;
}
.interactionsButtonContainer {
  background-color: var(--ppBkgGrey);
  color: var(--ppBlue);
  padding: 5px;
  font-weight: 500;
  border-radius: 5px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 12px;
  margin-top: 10px;
  max-width: 100px;
}
.fontTextInteractions {
  color: black;
  font-weight: 500;
}
.containerMediaPost {
  display: contents;
}
.containerLikesComment {
  margin-right: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
}
.iconLikesComment {
  margin-right: 2px;
}
.image-container {
  height: 330px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
/* --- Tutte le classi utilizzate per lo style dell'AI Assistant --- */
.btnAIAssistant {
  width: 60px;
  display: block;
  text-align: center;
  position: absolute;
  left: 0px;
  top: 5px;
}
.btnAIAssistant > a {
  cursor: pointer;
  display: inline-block;
}
.tooltipBtnAIAssistant {
  width: 75px !important;
}
.buttonPromptTemplates {
  padding: 6px 12px;
  border-radius: 5px;
  font-weight: 400;
  margin: 2px;
}
.optionPromptTemplates {
  color: var(--ppBlue);
  padding: 12px;
  padding-left: 20px;
  display: inline-block;
  width: 100%;
  font-weight: 400;
  margin: 0px;
  font-size: 14px;
  margin-bottom: -6px;
}
.boxPromptTemplates {
  margin: 8px 12px 8px 20px;
}
.buttonMenuPromptTemplates {
  border-color: var(--ppCyan) !important;
  border-radius: 10px;
  text-align: initial;
  white-space: normal;
}
.buttonMenuPromptTemplates:hover {
  background-color: var(--ppCyan);
  color: #fff;
}
.buttonMenuPromptTemplates:hover .boxPromptTemplatesTitle {
  color: #fff;
}
.boxPromptTemplatesTitle {
  color: var(--ppBlue);
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
}
.boxPromptTemplatesDesc {
  font-weight: 300;
  font-size: 12px;
}
.inputPromptAI {
  font-weight: 300;
  color: var(--ppGrey);
  font-size: 15px;
}
.textAreaResponsePromptAI {
  background-color: var(--ppBodyGrey);
  width: 100%;
  min-height: 104px;
  padding: 20px;
  resize: vertical;
  border: 0px;
  border-radius: 10px;
}
.inputAItext {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0 10px 10px;
  margin-bottom: -1px;
  max-width: 500px;
}
@media screen and (max-width: 991px) {
  .inputAItext {
    max-width: unset;
  }
}
.spellCheckAreaResponsePromptAI,
.hashtagAreaResponsePromptAI {
  background-color: var(--ppBodyGrey);
  width: 100%;
  min-height: 104px;
  padding: 20px;
  resize: vertical;
  border: 0px;
  border-radius: 10px;
}
.hashtagNumber {
  width: 100%;
  margin: 0px;
}
.hashtagNumber > span {
  padding: 2px 2px 1px 0;
  margin-right: 5px;
}
.hashtagNumber > input {
  text-align: center;
  width: 10% !important;
  height: 25px !important;
}
.iconPencilTextArea {
  position: relative;
  float: right;
  top: 20px;
  right: 10px;
  font-size: 12px;
  color: var(--ppMattGrey);
}
.logoAIAssistant {
  width: 32px;
  margin-left: 15px;
}
.conteinerCharacterNumber .md-errors-spacer {
  display: none;
}
md-input-container.noErrorDiv .md-errors-spacer {
  display: none;
}
.imageGenerate {
  max-height: 400px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
  border-radius: 5px;
  max-width: 500px;
}
.disclaimerAIFooter {
  font-size: 12px;
  color: var(--ppMattGrey);
  margin-top: 10px;
  margin-bottom: 20px;
  text-align: center;
}
.selectModelAssistant {
  background: white;
  font-weight: 700;
  color: var(--ppCyan);
  margin-top: 3px;
  margin-left: 10px;
}
.form-control.selectModelAssistant:focus {
  background: none;
}
.infoAIAssistantModel {
  margin-top: 13px;
}
@media (min-width: 769px) and (max-width: 991px) {
  .infoAIAssistantModel {
    margin-top: 0px;
  }
  .imageGenerate {
    max-width: 500px;
  }
}
@media (min-width: 360px) and (max-width: 768px) {
  .logoAIAssistant {
    width: 25px;
  }
  .selectModelAssistant {
    font-size: 12px;
    width: 80px;
    margin-left: 40px;
  }
  .infoAIAssistantModel {
    margin-top: 7px;
  }
  .imageGenerate {
    max-width: 230px;
  }
}
.tox-tinymce-aux,
.tox .tox-dialog-wrap,
.tox .tox-dialog-wrap__backdrop,
.tox .tox-dialog {
  z-index: 3000 !important;
}
.tox .tox-dialog-wrap__backdrop {
  background-color: rgba(0, 0, 0, 0.3) !important;
}
.tox .tox-pop,
.tox .tox-pop .tox-toolbar {
  display: none !important;
}
.tox-statusbar__wordcount {
  display: none !important;
}
.tox-editor-header {
  padding: 0px !important;
  box-shadow: none !important;
}
.tox .tox-tbtn {
  width: 28px !important;
  cursor: pointer;
}
.tox .tox-tbtn svg,
.tox .tox-tbtn svg:hover {
  fill: #646464 !important;
}
.tox .tox-collection--grid .tox-collection__item {
  padding: 8px !important;
  cursor: pointer;
}
.tox .tox-collection__item-icon {
  width: 30px !important;
  height: 30px !important;
  font-size: 28px;
}
.tox-tbtn__select-chevron {
  display: none !important;
}
.mce-content-body {
  font-family: Roboto;
  font-weight: 300;
  font-size: 15px;
  color: var(--ppGrey);
  background-color: #ffffff;
  padding: 0px !important;
}
.mce-content-body > p {
  line-height: 1.4 !important;
  margin: 0px 10px;
}
.mce-content-body::before {
  margin: 0px 10px;
  color: #aaa !important;
}
.mce-content-body [contentEditable="false"][data-mce-selected] {
  cursor: default;
  outline: none;
}
.menzione {
  color: var(--ppCyan);
  font-weight: 400;
}
.menzione .over-limit {
  background-color: #FDF6CD !important;
  /* Colore di evidenziazione */
}
.boxEditorOfCompose,
.boxEditorOfImport,
.boxEditorOfReminder,
.boxEditorOfComment {
  display: block;
}
.boxEditorOfCompose .tox-statusbar,
.boxEditorOfImport .tox-statusbar,
.boxEditorOfReminder .tox-statusbar,
.boxEditorOfComment .tox-statusbar {
  height: 15px !important;
  border: none !important;
}
.boxEditorOfCompose .tox-statusbar__path > *,
.boxEditorOfImport .tox-statusbar__path > *,
.boxEditorOfReminder .tox-statusbar__path > *,
.boxEditorOfComment .tox-statusbar__path > * {
  display: none !important;
}
.boxEditorOfCompose {
  overflow-x: hidden !important;
}
.boxEditorOfCompose .tox-tinymce {
  border: none;
}
.boxEditorOfCompose .tox .tox-edit-area {
  padding: 0px 15px;
}
.boxEditorOfCompose .tox .tox-edit-area__iframe {
  width: 95%;
}
.boxEditorOfCompose .tox .tox-tbtn {
  margin-right: 3px !important;
}
.boxEditorOfMsg {
  display: block;
  min-height: 100px;
}
.boxEditorOfImport {
  width: 100%;
}
.boxEditorOfImport .tox-tinymce {
  z-index: 10 !important;
}
.boxEditorOfReminder {
  display: block;
  min-height: 50px;
}
.boxEditorOfCompose .tox .tox-toolbar-overlord,
.boxEditorOfComment .tox .tox-toolbar-overlord,
.boxEditorOfMsg .tox .tox-toolbar-overlord,
.boxEditorOfReminder .tox .tox-toolbar-overlord,
.boxEditorOfImport .tox .tox-toolbar-overlord {
  display: block ruby;
  height: 39px;
}
.boxEditorOfCompose .tox .tox-toolbar-overlord .tox-toolbar__primary,
.boxEditorOfComment .tox .tox-toolbar-overlord .tox-toolbar__primary,
.boxEditorOfMsg .tox .tox-toolbar-overlord .tox-toolbar__primary,
.boxEditorOfReminder .tox .tox-toolbar-overlord .tox-toolbar__primary,
.boxEditorOfImport .tox .tox-toolbar-overlord .tox-toolbar__primary {
  position: absolute;
  right: 0px;
  top: 0px;
}
.boxEditorOfReminder .tox .tox-toolbar-overlord {
  text-align: right;
}
.boxEditorOfCompose .tox .tox-toolbar-overlord {
  text-align: right;
}
@media (min-width: 360px) and (max-width: 991px) {
  .boxEditorOfMsg .tox-tinymce {
    max-height: 200px;
  }
  .boxEditorOfReminder .tox-tinymce {
    max-height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  body:not(.tox-force-desktop) .tox .tox-dialog {
    align-self: center !important;
  }
}
.preview-wrapper {
  width: 100%;
  max-width: 320px;
  height: 100%;
  display: block;
  background-color: #fff;
  border: 1px solid #D0D1D5;
  border-radius: 10px;
  font-size: 13px;
  margin: auto;
}
.preview-wrapper.story {
  height: 600px;
  width: 320px;
  border: none;
  position: relative;
  z-index: 0;
  background-color: #000;
  padding: 0px !important;
}
.preview-wrapper.facebook {
  padding: 12px 0px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', sans-serif;
}
.preview-wrapper.twitter {
  padding: 9px 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  position: relative;
}
.preview-wrapper.linkedin {
  padding: 12px;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Fira Sans, Ubuntu, Oxygen, Oxygen Sans, Cantarell, Droid Sans, Apple Color Emoji, Segoe UI Emoji, Segoe UI Emoji, Segoe UI Symbol, Lucida Grande, Helvetica, Arial, sans-serif;
}
.preview-wrapper.pinterest {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Hiragino Kaku Gothic Pro, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  position: relative;
}
.preview-wrapper.instagram {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.preview-wrapper.instagram header {
  padding: 12px 12px 0px 12px;
}
.preview-wrapper.telegram {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Roboto", "Apple Color Emoji", "Helvetica Neue", sans-serif;
  border: none;
  background-color: initial;
}
.preview-wrapper.youtube {
  font-family: Roboto, Arial, sans-serif;
  position: relative;
}
.preview-wrapper.gmb {
  font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
  text-align: left;
}
.preview-wrapper.tiktok {
  font-family: TikTokFont, Arial, Tahoma, PingFangSC, sans-serif;
  position: relative;
}
.preview-wrapper.threads {
  padding: 9px 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif;
  position: relative;
}
.preview-wrapper .name {
  color: #050505;
  font-size: 15px;
}
.preview-wrapper video {
  background-color: #000;
}
.date {
  font-size: 12px;
  color: #90949C;
}
.status {
  display: block;
  margin: 11px 0;
  font-size: 14px;
}
.status > a {
  color: inherit;
}
.profile-pic {
  display: block;
  width: 35px;
  height: 100%;
  float: left;
  margin-right: 8px;
  border-radius: 40px;
}
.img-content {
  width: 100%;
  margin-bottom: 11px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.shortMessage {
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
.shortMessage.reels {
  -webkit-line-clamp: 2;
}
.longMessage {
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: unset;
}
.previewReadMore {
  display: inline-block;
  font-weight: 600;
  color: #050505;
  font-size: 13px;
  cursor: pointer;
}
.facebook-username {
  color: #616770;
  font-weight: normal;
}
.facebook-username :hover {
  text-decoration: underline !important;
}
.facebook-username > a {
  color: #050505;
  font-weight: 600;
}
.facebook-img-mobile {
  object-fit: cover;
  display: block;
  margin-bottom: 2px;
}
.facebook-img-mobile.size-318-140 {
  width: 100%;
  height: 140px;
}
.facebook-img-mobile.size-318-200 {
  width: 100%;
  height: 200px;
}
.facebook-img-mobile.size-158-110 {
  width: 50%;
  height: 110px;
}
.facebook-img-mobile.size-106-110 {
  width: 33.3%;
  height: 110px;
}
.facebook-img-mobile.size-179-180 {
  width: 98.5%;
  height: 169px;
}
.facebook-img-mobile.size-158-112 {
  width: 100%;
  height: 112px;
}
.facebook-last-img {
  position: relative;
  float: right;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-weight: 400;
}
.facebook-last-img.last-mobile {
  font-size: 18px;
  align-content: center;
}
.facebook-video {
  min-width: 100%;
  width: 100%;
  height: auto;
  min-height: 100%;
  outline: none;
}
.facebook-video.mobile {
  max-height: 450px;
}
.facebook-icon-option {
  float: right;
  width: 15px !important;
  height: auto;
  object-fit: cover;
  opacity: 0.6;
  padding-left: 8px;
  padding-right: 8px;
}
.facebook-icon-globe {
  width: 12px;
  height: 12px;
  object-fit: cover;
  display: inline-block;
  vertical-align: middle;
}
.facebook-link-footer {
  background-color: #f2f3f5;
  height: auto;
  padding: 8px 12px 12px 12px;
  font-family: inherit;
}
.facebook-link-footer .title {
  width: 100%;
  letter-spacing: normal;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 5px;
  word-wrap: break-word;
  color: #1d2129;
}
.facebook-link-footer .description {
  width: 100%;
  font-size: 12px;
  color: #90949c;
  word-wrap: break-word;
  line-height: 16px;
}
.facebook-link-footer .url {
  color: #90949c;
  font-size: 11px;
  line-height: 11px;
  line-height: 22px;
}
.facebook-img-link-mobile {
  display: block;
  width: 100%;
  height: 188px;
}
.facebook-img-link-mobile > img {
  width: 100%;
  height: 188px;
  object-fit: cover;
  display: block;
}
.facebook-gif-mobile {
  width: 100%;
  max-height: 450px;
}
.facebook-img-action {
  display: inline-block;
  padding: 0px 12px;
  margin-top: 10px;
}
.facebook-img-action > img {
  height: auto;
  object-fit: cover;
}
.facebook-img-comments {
  object-fit: contain;
  float: right;
  width: 85%;
}
.facebook-frist-comment-container {
  display: grid;
  background-color: #f0f2f5;
  padding: 10px;
  border-radius: 20px;
}
.facebook-frist-comment-container .autor {
  font-weight: 600;
  color: #65676b;
}
.facebook-frist-comment-container .autor > img {
  width: 10px;
  height: 10px;
  margin-right: 2px;
}
.facebook-frist-comment-container .username {
  color: #262626;
  font-weight: 600;
  font-size: 12px;
}
.facebook-reels-wrapper {
  position: relative;
  padding: 0px !important;
  margin-top: 10px;
}
.facebook-reels-wrapper.mobile {
  width: 100%;
  height: 600px;
}
.facebook-reels-wrapper .reels-header {
  position: absolute;
  top: 0px;
  width: 100%;
  object-fit: cover;
  z-index: 1;
}
.facebook-reels-wrapper .reel {
  height: 600px !important;
  position: relative;
  top: 0;
  background-color: #000;
}
.facebook-reels-wrapper .reel > video {
  height: auto;
  min-height: 100%;
  max-height: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.facebook-reels-wrapper .img-action {
  width: 50px;
  position: absolute;
  bottom: 5px;
  right: 0px;
  z-index: 1;
}
.facebook-reels-wrapper .user {
  width: 100%;
  display: flex;
  font-size: 15px;
}
.facebook-reels-wrapper .user > img {
  width: 35px;
  height: 35px;
  float: left;
  margin-right: 8px;
  border-radius: 30px;
}
.facebook-reels-wrapper .user > svg {
  color: #fff;
}
.facebook-reels-wrapper .post-content {
  max-height: 500px;
  overflow-y: scroll;
  color: #fff !important;
  position: absolute;
  bottom: 30px;
  left: 0px;
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 15px;
  padding-right: 45px;
}
.facebook-reels-wrapper .post-content.mobile {
  width: 100%;
}
.facebook-reels-wrapper .post-content .message {
  color: #fff !important;
}
.twitter-header {
  position: relative;
  display: flex;
}
.twitter-header .imgIconOption {
  object-fit: contain;
  position: absolute;
  right: 15px;
  top: 5px;
}
.twitter-avatar {
  display: block;
  width: 40px;
  margin-right: 10px;
  text-decoration: none;
}
.twitter-avatar > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.twitter-fullname {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  color: #0f1419;
  padding: 0px;
  font-weight: 700;
}
.twitter-username {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: #536471;
  padding: 0px;
  margin-left: 5px;
}
.twitter-post-container {
  font-size: 15px;
  color: #0f1419;
  line-height: 20px;
  margin-top: -20px;
  padding-left: 20px;
  margin-left: 20px;
  font-weight: 400;
}
.twitter-post-container.twitter-first-comment {
  border-left: 1px solid #cfd9de;
  padding-bottom: 20px;
}
.twitter-link-container-mobile {
  position: relative;
}
.twitter-link-container-mobile .twitter-link-name {
  position: absolute;
  bottom: 6px;
  left: 12px;
  max-width: 90%;
  background-color: rgba(0, 0, 0, 0.77);
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 13px;
}
.twitter-link-thumbnail {
  max-height: 253px;
  background-color: #000;
  object-fit: contain;
  border-radius: 10px;
  width: 100%;
}
.twitter-prettylink {
  margin-top: 5px;
}
.twitter-prettylink > a {
  font-size: 13px;
  color: #536471;
}
.twitter-prettylink > a:hover {
  text-decoration: underline;
}
.twitter-media-container-mobile {
  display: flex;
  width: 100%;
  border-radius: 10px;
  margin-top: 10px;
  border: 1px solid #cfd9de;
}
.twitter-media-container-mobile > video {
  height: auto;
  max-height: 253px;
  border-radius: 10px;
  background-color: #000;
}
.twitter-img {
  display: block;
  object-fit: cover;
}
.twitter-img.size-253-160 {
  border-radius: 9px;
  width: 100%;
  height: 160px;
}
.twitter-img.size-126-143 {
  height: 143px;
  width: 50%;
  padding-right: 1px;
  border-radius: 9px 0px 0px 9px;
}
.twitter-img.size-126-143.second {
  border-radius: 0px 9px 9px 0px;
  padding-right: 0px;
}
.twitter-img.size-126-71 {
  height: 71px;
  width: 100%;
}
.twitter-img.size-126-71.frist-sx {
  border-radius: 9px 0px 0px 0px;
  margin-bottom: 1px;
  padding-right: 1px;
}
.twitter-img.size-126-71.first-dx {
  border-radius: 0px 9px 0px 0px;
  margin-bottom: 1px;
}
.twitter-img.size-126-71.second-dx {
  border-radius: 0px 0px 9px 0px;
}
.twitter-img.size-126-71.second-sx {
  border-radius: 0px 0px 0px 9px;
  padding-right: 1px;
}
.linkedin-user {
  border-radius: 40px;
  width: 30px;
  height: 30px;
  margin-top: 3px;
  margin-right: 10px;
}
.linkedin-avatar {
  width: 40px;
  height: auto;
  float: left;
  margin-right: 8px;
  border-radius: 40px;
}
.linkedin-avatar.small {
  width: 24px;
  height: 24px;
  margin-top: 3px;
  margin-right: 0px;
}
.linkedin-name {
  color: rgba(0, 0, 0, 0.85);
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
}
.linkedin-date {
  color: rgba(0, 0, 0, 0.55);
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  display: inline-block;
}
.linkedin-icon-option {
  float: right;
  opacity: 0.6;
  margin-right: 5px;
}
.linkedin-icon-globe {
  display: inline;
  opacity: 0.6;
  vertical-align: sub;
}
.linkedin-media-container {
  margin: 10px -12px 0px;
}
.linkedin-img {
  display: inline-block;
  object-fit: cover;
  margin-bottom: 1px;
}
.linkedin-img.size-320-196 {
  width: 100%;
  height: 196px;
}
.linkedin-img.size-159-290 {
  width: 50%;
  height: 290px;
}
.linkedin-img.size-159-134 {
  width: 50%;
  height: 134px;
}
.linkedin-img.size-106-134 {
  width: 33.3%;
  height: 134px;
  padding-right: 1px;
}
.linkedin-img.size-106-134.last {
  padding-right: 0px;
}
.linkedin-img.size-159-206 {
  width: 50%;
  height: 206px;
}
.linkedin-img.size-159-206.first {
  padding-right: 2px;
}
.linkedin-last-img {
  position: relative;
  float: right;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding-right: 0px;
}
.linkedin-last-img > span {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  align-content: center;
  display: block;
  width: 100%;
  height: 100%;
}
.linkedin-video {
  margin-bottom: 10px;
  margin: 10px -12px;
}
.linkedin-video > video {
  height: auto;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
}
.linkedin-link-preview-container {
  margin: 10px -12px;
  overflow: hidden;
}
.linkedin-link-preview-container .linkedin-link-thumbnail {
  display: block;
}
.linkedin-link-preview-container .linkedin-link-thumbnail.mobile {
  height: 146px;
}
.linkedin-link-footer {
  background-color: #f3f6f8;
  padding: 12px;
}
.linkedin-link-footer .title {
  letter-spacing: normal;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  margin-bottom: 5px;
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0.85);
}
.linkedin-link-footer .url {
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: rgba(0, 0, 0, 0.55);
}
.linkedin-poll-container {
  margin-top: 10px;
  font-size: 14px;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 10px;
}
.linkedin-poll-container .question {
  font-size: 15px;
  margin-bottom: 5px;
}
.linkedin-poll-container .info {
  font-size: 12px;
  color: #999;
  text-align: left;
}
.linkedin-poll-button {
  color: #0a66c2;
  border: 1px solid #0a66c2;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  margin: 5px 0px;
  font-weight: 500;
  padding: 5px;
}
.linkedin-document-container {
  margin: 5px -12px;
}
.linkedin-document-container .title {
  background-color: #d1d1d1;
  padding: 6px 12px;
  font-weight: bold;
}
.linkedin-first-comment-container {
  margin: 10px 0px;
}
.linkedin-first-comment-container > div {
  margin-left: 50px;
  margin-top: 5px;
  color: var(--grey);
}
.linkedin-footer {
  margin-top: 10px;
}
.linkedin-footer .linkedin-counter-comment {
  border-bottom: 0.5px solid var(--grey);
  color: var(--grey);
  font-size: 12px;
  text-align: right;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.linkedin-first-comment-content {
  display: flow-root;
  background-color: #f2f2f2;
  padding: 10px;
  border-radius: 0px 20px 20px 20px;
}
.linkedin-first-comment-content > h1 > img {
  width: 16px;
  margin-top: 5px;
  margin-right: 5px;
}
.linkedin-first-comment-autor {
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
  margin-left: 5px;
  background-color: #5c6f7c;
  color: #fff;
  padding: 1px 5px;
  border-radius: 3px;
}
.pinterest-media-container {
  position: relative;
  width: 100%;
}
.pinterest-media-container > img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 10px 10px 0px 0px;
}
.pinterest-media-container > video {
  height: 100%;
  width: 100%;
  outline: none;
  border-radius: 10px 10px 0px 0px;
}
.pinterest-media-img-container {
  display: table;
  position: absolute;
  width: 100%;
  padding: 15px;
}
.pinterest-media-img-container.header-action {
  height: 20px;
}
.pinterest-media-img-container.header-action > img {
  opacity: 0.9;
}
.pinterest-media-img-container.footer-action {
  height: 40px;
  bottom: 0px;
}
.pinterest-media-img-container.footer-action > a {
  display: inline-block;
  max-width: 80%;
  color: #111 !important;
}
.pinterest-media-img-container > img {
  width: auto;
  object-fit: cover;
  border-radius: 10px 10px 0px 0px;
}
.pinterest-account-container {
  display: inline-block;
  width: 100%;
  margin-top: 16px;
  padding: 0px 15px;
}
.pinterest-account-container .name {
  font-weight: 500;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 10px;
}
.pinterest-account-container .name.mobile {
  max-width: 270px;
}
.pinterest-avatar {
  float: left;
  width: 48px;
  height: 48px;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 10px;
}
.pinterest-post-container {
  display: inline-block;
  padding: 0px 16px;
}
.pinterest-post-container .pin-title {
  font-size: 15px;
  font-weight: 600;
  margin: 8px 0px;
}
.pinterest-button {
  background-color: #efefef;
  border-radius: 24px;
  box-sizing: border-box;
  color: #211922;
  display: block;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
  padding: 12px 16px;
}
.pinterest-button.save-button {
  background-color: #d50925;
  color: #fff;
}
.pinterest-mobile-footer {
  display: flex;
  margin-bottom: 15px;
  text-align: center;
  padding: 0px 16px;
  margin-top: 10px;
  justify-content: space-between;
  align-items: center;
}
.pinterest-mobile-footer > img {
  object-fit: contain;
  margin-top: 5px;
}
.instagram-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.instagram-mobile-footer {
  display: flow-root;
  margin: 5px 0px;
  padding: 0px 12px;
}
.instagram-mobile-footer .instagram-img-comment-mobile {
  float: right;
  width: 88%;
  margin-top: 5px;
}
.instagram-avatar {
  width: 35px;
  height: 35px;
  float: left;
  margin-right: 8px;
  border-radius: 50%;
}
.instagram-avatar.small {
  width: 30px;
  height: 30px;
}
.instagram-username {
  color: var(--ppGrey);
  font-size: 14px;
  font-weight: 600;
  margin-top: 5px;
  display: inline-block;
}
.instagram-username > span {
  font-weight: 100;
}
.instagram-icon-option {
  display: block;
  height: 15px;
  float: right;
  margin-top: 5px;
}
.instagram-date {
  font-size: 11px;
  color: #8e8e8e;
  margin-bottom: 5px;
  padding: 0px 12px;
}
.instagram-tag {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 5px;
  left: 0px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  padding: 3px;
  text-align: center;
  color: #fff;
}
.instagram-container .md-panel-outer-wrapper {
  position: absolute !important;
  justify-content: center;
  align-items: center;
  display: flex;
}
.instagram-container .md-panel-outer-wrapper .md-panel-inner-wrapper {
  position: initial;
}
.instagram-container .instagram-tag-list {
  padding: 15px;
  font-size: 12px;
}
.instagram-container .instagram-tag-list > h6 {
  margin-bottom: 15px;
  font-weight: 600;
}
.instagram-container .instagram-tag-list > div {
  width: 250px;
}
.instagram-img-container {
  margin-top: 10px;
  position: relative;
}
.instagram-img-container.mobile {
  width: 100%;
  max-height: 398px;
}
.instagram-img-container > img {
  width: 100%;
  object-fit: cover;
  max-height: 398px;
}
.instagram-img-container > video {
  min-width: 100%;
  width: 100%;
  outline: none;
  max-height: 398px;
}
.instagram-story-bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.instagram-story-bar > img {
  width: 100%;
}
.instagram-content {
  margin-top: 5px;
  color: var(--text-color);
  font-size: 14px;
  margin-bottom: 10px;
  padding: 0px 12px;
}
.instagram-frist-comment {
  margin-top: 10px;
  color: var(--text-color);
  font-size: 14px;
  border-top: 1px solid #e5e5e5;
  padding: 5px 12px 10px 32px;
}
.instagram-frist-comment > div {
  color: #8e8e8e;
  margin-bottom: 8px;
  font-weight: 400;
}
.instagram-img-action-mobile {
  display: flex;
  height: 20px;
  margin: 5px 0px 10px 0px;
  padding: 0px 10px;
}
.instagram-img-action-mobile .imgSx {
  width: 80px;
  height: 20px;
  object-fit: contain;
  float: left;
}
.instagram-img-action-mobile .imgDx {
  width: 20px;
  height: 20px;
  float: right;
  object-fit: contain;
}
.instagram-story-user {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 3;
  width: 100%;
  padding: 0px 10px;
  display: flex;
}
.instagram-story-user > svg {
  color: #fff;
}
.instagram-story-username {
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  display: block;
  width: 80%;
}
.instagram-story-username > span {
  display: block;
  width: 100%;
}
.instagram-story-img {
  width: 100%;
  height: 575px !important;
  border-radius: 3px;
  top: 0;
  left: 0;
  z-index: 1;
}
.instagram-story-comments {
  display: table;
  width: 100%;
  position: absolute;
  bottom: 0px;
  border-radius: 8px;
}
.instagram-story-comments > img {
  float: right;
  width: 100%;
  object-fit: cover;
}
.instagram-story-video {
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 600px !important;
  background: black;
}
.instagram-story-video > video {
  height: auto;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
}
.instagram-reels-img-header {
  width: 100%;
  position: absolute;
  top: 10px;
}
.instagram-reels-content {
  color: #fff !important;
  width: 100%;
  display: inline-block;
  position: absolute;
  bottom: 60px;
  padding: 15px;
  padding-right: 45px;
  font-size: 14px;
  max-height: 330px;
  overflow-y: scroll;
  background-color: rgba(0, 0, 0, 0.5);
}
.instagram-reels-content .instagram-reels-user {
  scrollbar-width: none;
  width: 100%;
  display: flex;
  font-size: 15px;
  margin-bottom: 5px;
}
.instagram-reels-action-container {
  position: absolute;
  right: 0px;
  width: 60px;
  bottom: 52px;
}
.instagram-reels-action-container .instagram-reels-user {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  border: 2px solid #fff;
  margin-left: 12px;
}
.instagram-reels-action-container .instagram-reels-img-action {
  width: 60px;
  position: absolute;
  bottom: 45px;
}
.instagram-reels-footer {
  display: flex;
  margin-top: 5px;
}
.instagram-reels-footer .item-footer {
  display: flex;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 13px;
  width: 200px;
  max-width: 250px;
  padding: 2px 6px;
  margin-right: 5px;
}
.instagram-reels-footer .item-footer > i {
  margin-top: 3px;
  margin-right: 5px;
}
.instagram-reels-footer .item-footer > span {
  width: 90%;
  display: inline-block;
}
.boxCaroselloInstagramStories {
  margin-bottom: 5px;
  height: 533px;
  position: relative;
}
.arrowCaroselloInstagram {
  cursor: pointer;
  display: block;
  outline: medium none;
  top: 50%;
  z-index: 5;
  width: 25px;
  position: absolute;
  margin-top: 0px;
}
.arrowCaroselloInstagram > img {
  width: 25px;
  height: 25px;
}
.arrowCaroselloInstagram .prev {
  left: 20px;
  transition: all 0.2s linear 0s;
  left: 1;
}
.arrowCaroselloInstagram .next {
  right: 20px;
  transition: all 0.2s linear 0s;
  right: 1;
}
.navCaroselloInstagram {
  text-align: center;
  padding: 0px;
}
.navCaroselloInstagram > li {
  height: 6px;
  width: 6px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.navCaroselloInstagram > li.active,
.navCaroselloInstagram > li.hover {
  background-color: #0095f6;
}
.navCaroselloInstagramStories {
  position: absolute;
  bottom: -30px;
  text-align: center;
  width: 100%;
}
.telegram-date-header {
  display: block;
  margin: 5px auto;
  font-weight: 400;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 5px 10px;
  border-radius: 20px;
  color: #fff;
  width: 25%;
  text-align: center;
}
.telegram-post-container {
  background-color: #fff;
  border-radius: 10px;
  border: 1px solid #dedede;
  color: #222222;
  margin: 10px 0;
}
.telegram-header {
  margin-bottom: 5px;
  text-align: left;
  color: #c65148;
  font-weight: 500;
  padding: 10px 10px 0px 10px;
}
.telegram-media-container {
  display: inline-block;
  margin: 10px 0px;
  width: 100%;
  border-radius: 2px;
  position: relative;
}
.telegram-media-container > div {
  display: flex;
  width: 50%;
  float: left;
  margin-bottom: 2px;
}
.telegram-img {
  object-fit: cover;
  margin-bottom: 2px;
  border-radius: 2px;
}
.telegram-img.size-315 {
  width: 100%;
  height: auto;
}
.telegram-img.size-156-158 {
  width: 100%;
  height: 158px;
  margin-right: 1px;
  margin-left: 1px;
}
.telegram-icon-gif {
  display: block !important;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 1;
  padding: 2px 5px;
  border-radius: 10px;
  color: #fff;
}
.telegram-icon-magnifying {
  color: #fff;
  font-size: 18px;
  position: absolute;
  top: 5px;
  right: 5px;
}
.telegram-poll-container {
  margin-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  width: 100%;
}
.telegram-poll-container .question {
  color: #0a0a0a;
  font-weight: 600;
  margin: 5px 0px;
}
.telegram-poll-container .info {
  color: #999999;
  font-size: 13px;
}
.telegram-poll-container .info > svg {
  float: right;
  font-size: 18px;
  color: #4a97df;
  margin-right: 5px;
}
.telegram-poll-container .options {
  display: flex;
  margin-right: -5px;
}
.telegram-poll-container .options > span {
  border-bottom: 0.5px solid #b5b5b5;
  width: 100%;
  margin-bottom: 5px;
  padding: 5px;
}
.telegram-file-container {
  width: 100%;
  height: 50px;
  margin-top: 5px;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
}
.telegram-file-container .telegram-file-title-mobile {
  color: #60a2dd;
  font-weight: 600;
  width: 80%;
}
.telegram-file-container .telegram-file-icon {
  border-radius: 50%;
  cursor: pointer;
  display: block;
  float: left;
  height: 42px;
  margin-right: 10px;
  width: 42px;
  background-color: #60a2dd;
}
.telegram-file-container .telegram-file-icon > img {
  width: 20px;
  display: block;
  margin: auto;
  margin-top: 12px;
}
.telegram-date {
  color: #9e9e9e;
  font-size: 13px;
  box-sizing: border-box;
  text-align: right;
  padding-right: 10px;
  padding-bottom: 10px;
}
.telegram-views {
  font-weight: 700;
  margin-right: 8px;
}
.telegram-views > i {
  color: #9e9e9e;
  width: 16px;
  vertical-align: middle;
  margin-bottom: 2px;
}
.telegram-reaction-emoji {
  font-size: 18px;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 8px;
  margin: 2px 1px;
  border-radius: 4px;
  display: inline-block;
  text-align: center;
  cursor: default;
}
.telegram-reaction-emoji.size-104 {
  width: 32.5%;
}
.telegram-reaction-emoji.size-62 {
  width: 19.3%;
}
.telegram-button {
  width: 100%;
  color: #fff;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.2);
  padding: 8px;
  margin-top: 5px;
  border-radius: 5px;
  display: inline-block;
  text-align: center;
}
.telegram-button > img {
  float: right;
  height: 10px;
}
.telegram-link-preview-container {
  background-color: #f8e8e7;
  border-left: 3px solid #c03d33;
  border-radius: 5px;
  padding: 5px;
  margin: 10px auto;
  display: block;
  color: initial;
}
.telegram-link-preview-container .title {
  font-weight: 600;
  color: #c03d33;
}
.telegram-link-preview-container .thumbnail {
  position: relative;
  margin-top: 5px;
}
.telegram-link-preview-container .thumbnail > img {
  border-radius: 5px;
  width: 100%;
}
.youtube-video-container {
  display: flex;
  width: 318px;
  position: relative;
}
.youtube-video {
  height: auto;
  width: 100%;
  min-width: 100%;
}
.youtube-post-container {
  display: inline-block;
  padding: 10px;
  width: 100%;
}
.youtube-post-container .title {
  display: block;
  font-weight: bold;
  font-size: 17px;
  color: #030303;
}
.youtube-post-container .date-mobile {
  color: rgba(0, 0, 0, 0.54);
  font-size: 12px;
  display: block;
  width: 100%;
}
.youtube-img-privacy {
  display: block;
  width: 20px;
  float: left;
  margin: 3px 5px 3px 0px;
}
.youtube-img-action {
  display: block;
  object-fit: contain;
  margin-bottom: 5px;
}
.youtube-info-container {
  color: #222222;
  display: flex;
  text-align: left;
  margin-top: 20px;
  margin: 10px 12px;
}
.youtube-info-container .name {
  font-weight: 500;
  display: ruby-text;
  width: 70%;
}
.youtube-avatar {
  width: 40px;
  height: 40px;
  object-fit: cover;
  margin-right: 16px;
  position: relative;
  text-align: left;
  border-radius: 50%;
}
.youtube-avatar.small {
  width: 25px;
  height: 25px;
}
.youtube-grey-container {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.05);
  color: #606060;
}
.youtube-grey-container.info-privacy {
  padding: 3px 4px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  margin: 5px 0px;
}
.youtube-grey-container.post-content {
  margin: 10px 0px;
  padding: 12px;
  border-radius: 10px;
  width: 100%;
}
.youtube-grey-container.comments {
  margin: 12px;
  padding: 12px;
  border-radius: 10px;
  width: 93%;
}
.youtube-grey-container.comments .youtube-comments {
  border-radius: 10px;
  color: #545454;
  background-color: #e6e6e6;
  padding: 5px 10px;
  width: 90%;
  font-size: 12px;
}
.youtube-message-shorts {
  font-size: 12px !important;
  color: #fff !important;
  max-height: 400px;
  overflow-y: scroll;
}
.youtube-message {
  font-size: 14px;
  padding-right: 12px;
  padding-left: 12px;
}
.yoututbe-button {
  background-color: #efefef;
  border-radius: 24px;
  box-sizing: border-box;
  color: #211922;
  display: block;
  font-style: normal;
  font-weight: 500;
  margin: 0px;
  padding: 3px 6px;
}
.youtube-shorts-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: block;
  margin: 10px;
}
.youtube-shorts-header > img {
  object-fit: contain;
}
.youtube-shorts-content {
  height: 600px !important;
  position: relative;
  top: 0;
  background-color: #000;
}
.youtube-shorts-content > video {
  height: auto;
  min-height: 100%;
  max-height: 100%;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.youtube-shorts-footer {
  font-size: 13px;
  color: #fff;
  width: 275px;
  display: inline-block;
  position: absolute;
  bottom: 50px;
  padding-left: 15px;
  z-index: 5;
}
.youtube-shorts-footer .youtube-shorts-info-audio {
  font-weight: 500;
  display: flex;
  margin-bottom: 10px;
}
.youtube-shorts-footer .youtube-shorts-info-audio > img {
  object-fit: contain;
  margin-right: 8px;
}
.youtube-shorts-action {
  position: absolute;
  right: 0px;
  width: 72px;
  bottom: 40px;
}
.youtube-shorts-action > img {
  float: right;
  margin: 5px;
  border-radius: unset;
}
.gmb-color-blu {
  color: #1a0dab;
}
.gmb-header {
  box-shadow: none;
  padding: 15px;
  display: flex;
}
.gmb-avatar {
  width: 40px;
  height: 40px;
  object-fit: contain;
  border-radius: 50%;
  margin-right: 10px;
}
.gmb-avatar.small {
  width: 30px;
  height: 30px;
}
.gmb-username {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: block;
}
.gmb-post-container {
  display: block;
  padding: 10px 15px;
  position: relative;
}
.gmb-post-container > a {
  color: inherit;
}
.gmb-image {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 8px;
}
.gmb-button-mobile {
  display: inline-block;
  padding: 6px 12px;
  border: 1px solid rgba(32, 33, 36, 0.28);
  border-radius: 15px;
  margin-top: 15px;
}
.gmb-button-mobile > a {
  color: #5f6368;
}
.gmb-icon-topic {
  position: absolute;
  top: 20px;
  left: 30px;
}
.gmb-event-container {
  margin: 10px 0px 20px;
}
.gmb-event-container .title-mobile {
  font-size: 15px;
  margin-bottom: 5px;
}
.tiktok-header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.tiktok-header > img {
  object-fit: contain;
}
.tiktok-video {
  background-size: auto 100%;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 600px !important;
  background: black;
}
.tiktok-video > video {
  height: auto;
  min-height: 100%;
  width: 100%;
  min-width: 100%;
}
.tiktok-footer {
  font-size: 14px;
  color: #fff;
  width: 100%;
  display: inline-block;
  position: absolute;
  padding: 15px;
  padding-right: 45px;
  background-color: rgba(0, 0, 0, 0.5);
}
.tiktok-footer.footer-img {
  bottom: 0px;
}
.tiktok-footer.footer-video {
  bottom: 60px;
}
.tiktok-footer .tiktok-info-audio {
  font-weight: 500;
  display: flex;
  margin-top: 10px;
}
.tiktok-footer .tiktok-info-audio > img {
  object-fit: contain;
  margin-right: 8px;
}
.tiktok-footer .tiktok-info-audio > strong {
  line-height: initial;
  width: 100%;
}
.tiktok-avatar {
  border-radius: 50%;
  object-fit: cover;
}
.tiktok-avatar.avatar-feed {
  right: 8px;
  position: absolute;
  bottom: 305px;
  width: 40px;
  height: 40px;
}
.tiktok-username {
  max-width: 80%;
  display: block;
  margin-right: 5px;
}
.tiktok-lateral-container {
  position: absolute;
  right: 0px;
  width: 72px;
  bottom: 60px;
}
.tiktok-message {
  color: #fff !important;
  max-height: 330px;
  overflow-y: scroll;
}
.tiktok-gallery-img {
  width: 100%;
  object-fit: contain;
}
.tiktok-gallery-img.carosello {
  height: 400px;
}
.tiktok-gallery-img.story {
  height: 580px;
  top: 0;
  left: 0;
  z-index: 1;
}
.tiktok-gallery-arrows {
  height: 25px;
  display: block;
}
.tiktok-gallery-arrows > a {
  z-index: 5;
  cursor: pointer;
  position: absolute;
}
.tiktok-gallery-arrows > a > img {
  height: 25px;
}
.tiktok-gallery-arrows .arrowLeft {
  left: 42%;
}
.tiktok-gallery-arrows .arrowRight {
  right: 42%;
}
.tiktok-gallery-arrows.carosello {
  width: 100%;
  position: absolute;
  bottom: 30px;
}
.tiktok-gallery-arrows.story {
  position: relative;
  bottom: 165px;
}
.tiktok-gallery-nav {
  text-align: center;
}
.tiktok-gallery-nav > li {
  height: 6px;
  width: 6px;
  margin: 0 2px;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
  cursor: pointer;
}
.tiktok-gallery-nav.carosello {
  width: 100%;
  position: absolute;
  bottom: 10px;
  margin: 0px;
  padding: 0px;
}
.tiktok-gallery-nav.carosello > li {
  background-color: #a9a9a9;
}
.tiktok-gallery-nav.carosello > li.hover,
.tiktok-gallery-nav.carosello > li.active {
  background-color: #000;
}
.tiktok-gallery-nav.story {
  position: relative;
  bottom: 160px;
  margin-right: 40px;
}
.tiktok-gallery-nav.story > li {
  background-color: #999999;
}
.tiktok-gallery-nav.story > li.hover,
.tiktok-gallery-nav.story > li.active {
  background-color: #fff;
}
.tiktok-carosello .header {
  display: flex;
  padding: 10px 15px;
}
.tiktok-carosello .header .icon {
  object-fit: contain;
  height: 28px;
}
.tiktok-carosello .header .icon.arrow {
  margin-right: 10px;
}
.tiktok-carosello .header .icon.search {
  margin-left: 10px;
}
.tiktok-carosello .header .username {
  font-weight: 600;
  width: 50%;
  padding: 5px 0px;
}
.tiktok-carosello .header .tiktok-avatar {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.tiktok-carosello .header .button-follow {
  display: block;
  padding: 5px 10px;
  background-color: #f82655;
  color: #fff;
  border-radius: 3px;
  height: 30px;
}
.tiktok-carosello .tiktok-content {
  max-height: 560px;
  overflow-y: scroll;
}
.tiktok-carosello .tiktok-content .gallery-box {
  background-color: #f5f5f5;
  position: relative;
}
.tiktok-carosello .tiktok-content .message {
  font-size: 12px;
  padding: 10px;
}
.tiktok-carosello .tiktok-content .sound {
  margin: 10px;
  padding: 8px 5px;
  background-color: #f1f1f1;
  color: var(--ppGrey);
  border-radius: 3px;
  display: flex;
  width: fit-content;
}
.tiktok-carosello .tiktok-content .sound .iconMusic {
  padding: 2px;
  background-color: #f82655;
  border-radius: 3px;
  margin-right: 5px;
}
.tiktok-carosello .footer {
  display: flex;
  padding: 5px 10px 10px;
}
.tiktok-carosello .footer .comment {
  padding: 8px 5px;
  margin-right: 5px;
  background-color: #f1f1f1;
  color: var(--ppGrey);
  border-radius: 3px;
}
.tiktok-article-anchor,
.tiktok-article-anchor:link,
.tiktok-article-anchor:visited,
.tiktok-article-anchor:hover,
.tiktok-article-anchor:active {
  display: inline-flex;
  align-items: center;
  max-width: 90%;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-decoration: none;
  border-radius: 6px;
  padding: 4px 10px 4px 4px;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 600;
  transition: background-color 0.15s ease;
}
.tiktok-article-anchor .tiktok-article-icon,
.tiktok-article-anchor:link .tiktok-article-icon,
.tiktok-article-anchor:visited .tiktok-article-icon,
.tiktok-article-anchor:hover .tiktok-article-icon,
.tiktok-article-anchor:active .tiktok-article-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background-color: #20d5a8;
  border-radius: 4px;
  margin-right: 8px;
  color: #fff;
  font-size: 11px;
}
.tiktok-article-anchor.overlay,
.tiktok-article-anchor:link.overlay,
.tiktok-article-anchor:visited.overlay,
.tiktok-article-anchor:hover.overlay,
.tiktok-article-anchor:active.overlay {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 2;
  max-width: calc(100% - 20px);
}
.tiktok-article-anchor:hover {
  background-color: rgba(0, 0, 0, 0.75);
}
.threads-header {
  position: relative;
  display: flex;
  font-size: 14px;
}
.threads-header .imgIconOption {
  object-fit: contain;
  position: absolute;
  right: 15px;
  top: 5px;
}
.threads-avatar {
  display: block;
  width: 40px;
  margin-right: 10px;
  text-decoration: none;
}
.threads-avatar > img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.threads-fullname {
  font-weight: bold;
  font-size: 15px;
  line-height: 20px;
  color: #0f1419;
  padding: 0px;
  font-weight: 700;
}
.threads-username {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #536471;
  padding: 0px;
  margin-left: 5px;
}
.threads-post-container {
  font-size: 15px;
  color: #0f1419;
  line-height: 20px;
  margin-left: 20px;
  font-weight: 400;
}
.threads-post-container.threads-first-comment {
  border-left: 1px solid #cfd9de;
  padding-bottom: 20px;
}
.threads-link-container-mobile {
  position: relative;
}
.threads-link-container-mobile .threads-link-name {
  position: absolute;
  bottom: 6px;
  left: 12px;
  max-width: 86%;
  background-color: rgba(0, 0, 0, 0.77);
  color: #fff;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 13px;
  margin-left: 28px;
}
.threads-link-thumbnail {
  max-height: 274px;
  object-fit: contain;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  max-width: 246px;
}
.threads-prettylink {
  margin-top: 5px;
}
.threads-prettylink > a {
  font-size: 13px;
  color: #536471;
}
.threads-prettylink > a:hover {
  text-decoration: underline;
}
.threads-buttons-container {
  margin-top: 8px;
  display: inline-flex;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-left: 28px;
}
.threads-button-image {
  max-height: 18px;
  margin-right: 16px;
}
.threads-post-message {
  margin-left: 28px;
  font-size: 14px;
}
.threads-content {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
}
.threads-content .threads-source {
  color: #999;
  font-size: 12px;
}
.threads-content .threads-text {
  margin-top: 5px;
}
.threads-link {
  margin-top: 10px;
  color: #3897f0;
  text-decoration: none;
  margin-left: 28px;
}
.threads-preview-has-image {
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.threads-carousel-arrow {
  width: 20px !important;
  width: 20px  !important;
  opacity: 0.9 !important;
}
.threads-media-container {
  margin-left: 28px;
  margin-top: 10px;
  position: relative;
  border-radius: 9px;
}
.threads-media-container.mobile {
  width: 318px;
  max-height: 398px;
}
.threads-media-container > img {
  width: 100%;
  object-fit: cover;
  max-height: 398px;
  border-radius: 9px;
}
.threads-media-container > video {
  width: 100%;
  border-radius: 9px;
}
.threads-img-container {
  margin-left: 28px;
  margin-top: 10px;
  position: relative;
}
.threads-img-container.mobile {
  max-height: 398px;
  border-radius: 9px;
}
.threads-img-container > img {
  width: 100%;
  object-fit: cover;
  max-height: 398px;
  border-radius: 9px;
}
.threads-img-container > video {
  min-width: 100%;
  width: 100%;
  height: auto;
  min-height: 100%;
  outline: none;
  border-radius: 9px;
}
.gallery-mosaico {
  margin-top: 5px;
}
.gallery-mosaico .last-img {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  padding-top: 45px;
}
.gallery-mosaico img {
  object-fit: cover;
}
.aiGeneratorModal {
  padding: 0px !important;
}
.aiButtonContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 10px;
  justify-content: center;
}
.aiButtonContainer.collapsed {
  position: relative;
  overflow: hidden;
  max-height: 80px;
}
.aiButtonContainer.expanded {
  max-height: none;
}
.aiButton {
  flex: 0 0 auto;
  display: inline-block;
  padding: 5px 15px;
  font-size: 13px;
  border: 1px solid var(--ppMattGrey);
  color: var(--ppDarkGrey);
  border-radius: 25px;
  cursor: pointer;
  background-color: transparent;
}
.aiButton:hover {
  border: 1px solid var(--ppCyan);
  background-color: var(--ppCyanLight);
}
.aiButtonMenuActive {
  border: 1px solid var(--ppCyan);
  border-radius: 5px;
  background: var(--ppCyanLight);
}
.text-container {
  padding-top: 20px;
  position: relative;
  width: 100%;
  max-width: 700px;
}
.aiGenerateTextarea {
  width: 100%;
  height: 150px;
  padding: 15px;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  resize: block;
  max-height: 250px;
  min-height: 150px;
  margin-top: 15px;
}
.aiSidebarContainer {
  z-index: 505;
  position: unset;
  height: auto;
  max-height: 94vh;
}
.aiModalObject {
  overflow-y: scroll;
  padding: 0px 30px 20px 30px;
  width: 600px;
  height: 94vh;
  box-shadow: 8px 0px 8px 0px rgba(0, 0, 0, 0.05);
}
.aiMainHeader {
  position: sticky;
  top: 0;
  padding-top: 15px;
  background-color: white;
  z-index: 11;
}
.aiBoxHeader {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid transparent;
  box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
}
.aiBoxHeader .left-section {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.aiBoxHeader .left-section .aiTitleHeader {
  font-size: 18px;
  font-weight: 500;
  color: var(--ppBlue);
  width: 100%;
}
.aiBoxHeader .right-section {
  display: flex;
  align-items: center;
  cursor: pointer;
  color: var(--ppBlue);
  font-weight: 600;
}
.aiMainFooter {
  padding: 15px 0px;
  background-color: white;
  text-align: center;
  font-size: 13px;
  color: var(--ppMattGrey);
}
.aiRightSidebar {
  background-color: white;
  width: 315px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 94vh;
  margin-left: 25px;
  margin-right: 20px;
}
.aiAdvancedOptionHeader {
  padding-bottom: 10px;
  background: white;
}
md-switch {
  margin: 0 !important;
}
.aiAdvancedOption {
  padding: 15px 0px;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.selectionTab {
  border-bottom: 2px solid var(--ppCyan);
  margin: 0px 20px;
  padding: 10px;
  text-align: center;
}
.selectionTab .text {
  font-size: 15px;
  font-weight: 600;
  color: var(--ppBlue);
}
.boxAISelection {
  border: 1px solid #e9e9e9;
  padding: 15px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  height: 90px;
  position: relative;
}
.boxAISelection .tabNews {
  position: absolute;
  top: 0px;
  right: 0px;
  background-color: var(--ppRed);
  color: white;
  padding: 3px 7px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.boxAISelection:hover {
  border: 2px solid var(--ppCyan);
  cursor: pointer;
}
.AIIcon {
  height: 30px;
  width: 30px;
  margin-right: 20px;
}
.titleAIBox {
  font-weight: 600;
  color: var(--ppBlue);
}
.descriptionAIBox {
  font-size: 12px;
  font-weight: 500;
  color: var(--PPdarkgrey);
}
.hashtagInput {
  margin: 0px;
  margin-top: 10px;
}
.gallery-container {
  display: flex;
  overflow-x: scroll;
  white-space: nowrap;
  gap: 10px;
  overflow-y: hidden;
  padding-top: 5px;
}
.gallery-container .gallery-upload-image {
  flex: 0 0 auto;
}
.singleImageContainer {
  background-color: #f5f5f5;
  display: flex;
  height: 300px;
}
.generaImmagine {
  font-weight: 800;
  font-size: 16px;
  border-radius: 5px;
  width: 100%;
  margin-top: 10px;
}
.aiCounterToken {
  color: var(--ppMattGrey);
  font-size: 12px;
  font-weight: 600;
  text-align: right;
  align-content: center;
}
.singleImagePreview {
  margin: 0 auto;
  max-width: 100%;
  object-fit: contain;
  max-height: 300px;
}
.selectDescriptionText {
  font-size: 13px;
  color: var(--ppCyan);
  cursor: pointer;
}
.aiGalleryImageContainer {
  text-align: center;
  margin-bottom: 15px;
}
.aiSingleImage {
  height: 50px;
  width: 50px;
  object-fit: cover;
  border: 1px solid var(--ppDarkGrey);
  transition: border-color 0.2s ease;
  opacity: 0.5;
  border-radius: 5px;
}
.aiSingleImage:hover {
  border-color: var(--ppCyan);
  cursor: pointer;
}
.aiSingleImage.selected {
  border-color: var(--ppCyan);
  opacity: unset;
}
.aiButtonResultContainer {
  display: flex;
  gap: 10px;
  margin: 10px 0px 20px 0px;
}
.aiSingleButtonResult {
  margin: 0 auto;
  width: 50%;
}
.aiDescriptionArea {
  width: 100%;
  padding: 15px;
  font-size: 14px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  resize: block;
  max-height: 200px;
  min-height: 90px;
  margin-top: 15px;
  overflow-y: scroll;
}
.descriptionText {
  overflow-y: auto;
  margin-bottom: 5px;
  position: relative;
}
.descriptionText.truncated .fullText,
.descriptionText.truncated .truncatedText,
.descriptionText:not(.truncated) .fullText,
.descriptionText:not(.truncated) .truncatedText {
  display: none;
}
.showMore {
  cursor: pointer;
  font-weight: 500;
  display: inline;
  font-weight: 600;
}
.showMore:hover {
  color: var(--ppBlue);
  text-decoration: underline;
}
.chooseDescriptionTipology {
  padding-left: 10px;
  margin: 10px;
}
.descriptionChannelModal {
  width: 500px;
  max-height: 750px;
  overflow-y: auto;
}
.input-container {
  margin-top: 15px;
  position: relative;
}
.link-input {
  width: 100%;
  padding: 10px 20px;
  border: 1px solid var(--ppBkgGrey);
  border-radius: 5px;
  font-size: 13px;
}
.link-input:focus {
  outline: none;
  border-color: var(--ppCyan);
  background-color: white;
}
.submit-btn {
  position: absolute;
  top: 8px;
  right: 8px;
}
.submit-btn .icon {
  font-size: 25px;
  color: var(--ppCyan);
}
.submit-btn .icon:hover {
  cursor: pointer;
}
.addDescriptionButton {
  font-weight: 800;
  width: 100%;
  border-radius: 5px;
  margin-top: 10px;
}
.aiLoader {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.aiManualDescriptionExample {
  padding: 10px;
  border-radius: 5px;
  background-color: var(--ppBodyGrey);
  font-size: 13px;
}
.channelSelected {
  left: 55px;
  margin-top: 6px !important;
}
.aiDescriptionSubtitle {
  color: var(--ppMattGrey);
  font-size: 13px;
  padding-left: 20px;
  margin-bottom: 10px;
}
.dropdownDesciptionBrandChannel {
  background-color: white;
  border: 1px solid var(--ppBkgGrey);
  border-radius: 5px;
}
.dropdownDesciptionBrandSelectedChannel {
  min-width: 100%;
  overflow-y: auto;
  padding-top: 10px;
  max-height: 260px;
  margin-top: 5px;
}
.linkTextPrompt {
  width: auto;
  display: inline-block;
}
.linkTextPrompt.last {
  display: contents;
}
.form-control {
  background-color: var(--ppBodyGrey);
}
.linkInputArea {
  background-color: white;
  border: 1px solid var(--ppMidGrey);
  font-weight: 400;
  margin-top: 10px;
}
.boxImageAI {
  margin-bottom: 10px;
  border: 1px solid var(--ppBkgGrey);
  padding: 10px;
}
.boxImageAI .innerBoxImageAI {
  background-color: var(--ppBkgGrey);
  position: relative;
}
.boxImageAI .innerBoxImageAI i {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 18px;
  color: var(--ppBlue);
  cursor: pointer;
  z-index: 10;
}
.backToEditorProFromAI {
  position: sticky;
  top: 0;
  z-index: 5;
  background: white;
  height: 50px;
  padding-top: 20px;
  font-size: 20px;
  margin-bottom: 10px;
}
.backToEditorProFromAI i {
  cursor: pointer;
}
.socialIconCaption {
  width: 18px;
  height: 18px;
  margin-right: 4px;
  margin-bottom: 3px;
  border-radius: 50%;
}
.socialIconSidebar {
  height: 15px;
  width: 15px;
}
.singleImageAICaption {
  height: 100px;
  width: 100px;
  object-fit: cover;
}
.containerRadioButton {
  position: relative;
  display: inline-block;
}
.containerRadioButton md-radio-button[disabled] {
  pointer-events: none;
}
.containerRadioButton {
  pointer-events: auto;
}
.aiCreateImageOverlayText {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.aiCreateImageTitle {
  width: 100px;
  color: var(--ppMattGrey);
}
.aiCreateImageTitle + .linkInputArea {
  margin-top: 0px;
}
.aiSubtitleArea {
  width: 100% !important;
  padding: 15px;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  max-height: 250px;
  min-height: 100px;
}
.inline-center {
  display: flex;
  align-items: center;
  gap: 10px;
}
.inline-center .form-group {
  margin: 0;
}
.deleteEditedImage {
  position: absolute;
  top: 0;
  right: 0;
  color: white;
  font-size: 15px;
  padding: 3px;
  background-color: rgba(0, 0, 0, 0.6);
}
.addToEditorButton {
  font-weight: 700;
  width: 100%;
  border-radius: 5px;
}
.generateAgainButton {
  width: 100%;
  background: white;
  border: 1px solid var(--ppMidGrey);
  border-radius: 5px;
  font-weight: 700;
}
.generateAgainButton:hover {
  background: var(--ppMidGrey);
}
.modalAIAPIKey {
  background: white;
  border-radius: 16px;
  padding: 40px 30px;
  text-align: center;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
  position: relative;
}
.modalAIAPIKey h1 {
  color: var(--ppBlue);
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 25px;
}
.modalAIAPIKey p {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 15px;
}
.modalAIAPIKey .button {
  padding: 12px 30px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
  border: 1px solid var(--ppBkgGrey);
  color: var(--ppBlue);
  margin-top: 10px;
}
.modalAIAPIKey .button:hover {
  background: var(--ppBkgGrey);
}
.warning-icon::before {
  content: "!";
  font-size: 36px;
  font-weight: bold;
  color: #f4a261;
}
.warning-icon {
  width: 80px;
  height: 80px;
  margin: 0 auto 30px;
  border: 3px solid #f4a261;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}
.providerClick {
  font-size: 18px;
  font-weight: 700;
  color: var(--ppCyan);
  cursor: pointer;
}
.providerClick:hover {
  color: var(--ppBlue);
}
.connectAPIKeyClick {
  color: var(--ppCyan);
  cursor: pointer;
  float: right;
  font-size: 13px;
}
.connectAPIKeyClick:hover {
  color: var(--ppBlue);
}
.editImageContainer {
  display: flex;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid var(--ppMidGrey);
  height: auto;
  margin-top: 10px;
  overflow: hidden;
  resize: block;
  min-height: 90px;
  max-height: 200px;
}
.historyImageContainer {
  overflow-y: scroll;
  max-height: 300px;
  text-align: center;
  padding: 0px;
}
.imageThumbnail.editedImage {
  margin-right: 0px;
  margin-bottom: 5px;
}
.aiOptionLeft {
  padding-left: 0px;
}
.aiOptionRight {
  padding-right: 0px;
}
.checkboxAIAssistant {
  cursor: pointer;
  transform: scale(1.2);
  margin-left: 2px !important;
  margin-right: 5px !important;
}
.labelCheckbox {
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
.resultDescriptionBrand {
  max-height: 200px !important;
}
@media (max-width: 768px) {
  .aiModalObject {
    width: 100vw;
    height: 90vh;
    padding-right: 25px;
    padding-left: 25px;
    margin-top: 10px;
  }
  .aiOptionLeft,
  .aiOptionRight,
  .aiOptionCenter {
    padding-left: 0px;
    padding-right: 0px;
  }
  .aiButtonResultContainer {
    display: grid;
  }
  .aiButtonResultContainer .aiSingleButtonResult {
    width: 100%;
  }
  .aiButtonResultContainer.aiButtonResultContainerEditImage {
    display: inline-grid;
    width: 100%;
  }
}
@media (min-width: 769px) and (max-width: 991px) {
  .aiModalObject {
    width: 750px;
    height: 90vh;
    padding-right: 25px;
    padding-left: 25px;
    margin-top: 10px;
  }
}
@media (max-width: 991px) {
  .aiBoxHeader {
    box-shadow: none;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .aiBoxHeaderCaptionPerSocialXS {
    border-bottom: 1px solid var(--ppBkgGrey);
    padding-bottom: 10px;
  }
  .socialForCaptionPerSocialXS {
    margin-left: 40px;
  }
  .containerButtonAdvancedOption {
    position: relative;
    display: inline-block;
  }
  .buttonAdvancedOption {
    float: right;
    width: 25px;
  }
  .descriptionChannelModal {
    width: 90vw;
    padding: 20px;
  }
  .chooseDescriptionTipology {
    max-height: 60vh;
    overflow-y: auto;
  }
  .aiGalleryImageContainer {
    margin-bottom: 0px;
    margin-right: 10px;
  }
  .containerEditImage {
    display: flex;
    padding-bottom: 10px;
    overflow-x: auto;
    width: 100%;
    margin-bottom: 5px;
  }
  .imageThumbnail.editedImage {
    margin-bottom: 0px;
    margin-right: 5px;
  }
  .historyImageContainer {
    overflow-x: auto;
    overflow-y: unset;
    max-height: none;
    text-align: left;
    width: 100%;
    display: flex;
    margin-top: 10px;
    padding-bottom: 5px;
  }
  .modal-object.aiModalObject {
    position: relative;
    overflow-x: hidden;
  }
  .page-content {
    position: absolute;
    right: -110%;
    width: 100%;
    height: 100%;
    background: #ffffff;
    transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 10;
    overflow-y: auto;
    padding: 0px 30px;
    border-radius: 10px;
  }
  .page-content.open {
    right: 0;
  }
  .imageOptionEditor {
    z-index: 502;
  }
  .dropdownImageOption {
    right: -55px;
    left: unset;
    padding: 5px 0px;
  }
  .gallery-upload-image .gallery-upload-image-bottom .btn-gallery-upload-zoom {
    opacity: 1;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .gallery-upload-image .gallery-upload-image-bottom .btn-gallery-upload-zoom i {
    font-size: 15px;
  }
  .imageHistoryMobile {
    display: flex;
    overflow-x: auto;
    padding-bottom: 10px;
    margin-bottom: 5px;
  }
  .titleResultsAIAssistant {
    padding-left: 0px;
  }
}
/* Stili personalizzati per la pagina di conferma email */
.email-confirmation-wrapper {
  margin-top: 40px;
}
.confirmation-icon-container {
  /* background: linear-gradient(135deg, #101b4a 0%, #21add1 100%); */
  background-color: var(--ppCyan);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}
.confirmation-icon {
  font-size: 36px;
  color: white;
}
.confirmation-title {
  font-size: 28px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 16px;
  line-height: 1.3;
}
.confirmation-description {
  font-size: 16px;
  color: #6b7280;
  line-height: 1.6;
}
.email-highlight {
  color: var(--ppBlue);
  font-weight: 600;
}
.confirmation-resend-btn {
  min-width: 200px;
  padding: 14px 32px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.confirmation-resend-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.btn-loading {
  pointer-events: none;
  opacity: 0.8;
}
.confirmation-support-box {
  background: var(--ppBodyGrey);
  border: 1px solid var(--ppBkgGrey);
  border-left: 4px solid var(--ppBlue);
  border-radius: 8px;
  padding: 20px;
  text-align: left;
}
.support-title {
  font-weight: 600;
  color: var(--ppBlue);
  margin-bottom: 8px;
  font-size: 14px;
}
.support-content {
  color: #6b7280;
  font-size: 14px;
  line-height: 1.5;
}
.support-link {
  color: var(--ppBlue);
  text-decoration: none;
  font-weight: 500;
}
.support-link:hover {
  text-decoration: underline;
}
.logout-btn {
  color: #9ca3af;
  font-size: 13px;
}
.logout-btn:hover {
  color: #6b7280;
  text-decoration: none;
}
@media (max-width: 768px) {
  .confirmation-title {
    font-size: 24px;
  }
  .confirmation-resend-btn {
    width: 100%;
    min-width: auto;
  }
  .confirmation-support-box {
    text-align: center;
  }
}
/* --------- */
/* Stili personalizzati per la pagina di attivazione account */
.email-confirmation-wrapper {
  margin-top: 40px;
}
.confirmation-icon-container {
  background-color: var(--ppCyan);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 24px;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
  transition: all 0.3s ease;
}
.confirmation-icon-container.success {
  background-color: #10b981;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
}
.confirmation-icon-container.error {
  background-color: #ef4444;
  box-shadow: 0 4px 15px rgba(239, 68, 68, 0.3);
}
.confirmation-icon {
  font-size: 36px;
  color: white;
}
.confirmation-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--ppBlue);
  margin-bottom: 16px;
  line-height: 1.3;
}
.confirmation-description {
  font-size: 16px;
  color: var(--ppDarkGrey);
  line-height: 1.6;
  margin-bottom: 8px;
}
.confirmation-resend-btn,
.confirmation-action-btn {
  min-width: 160px;
  padding: 14px 24px;
  font-weight: 600;
  border-radius: 8px;
  transition: all 0.3s ease;
  margin-bottom: 10px;
}
.confirmation-resend-btn:hover,
.confirmation-action-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}
.btn-outline-primary {
  background-color: transparent;
  border: 2px solid var(--ppCyan);
  color: var(--ppCyan);
}
.btn-outline-primary:hover {
  background-color: var(--ppCyan);
  color: white;
}
/* Animazione per il loading */
.fa-spinner {
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* --------- */
.mcpStepNum {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--ppCyan);
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mcpStep {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 0;
  border-bottom: 1px solid #f0f0f0;
  padding-left: 10px !important;
  margin-bottom: 5px !important;
}
.mcpStepText {
  font-size: 14px;
  line-height: 1.6;
  padding-top: 3px;
}
.mcpHeroIconColumn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mcpHeroIcon {
  display: block;
  width: 100px;
  height: 100px;
  max-width: 100%;
}
.mcpCapCard {
  min-height: 155px;
  width: 100%;
  height: 170px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e9e9e9;
  text-align: left;
  background: #ffffff;
  cursor: pointer;
}
.mcpCapCard:hover {
  border: 2px solid #21add1;
}
.mcpCapIcon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.mcpCapIcon.blue {
  background: #E3F2FD;
}
.mcpCapIcon.green {
  background: #E8F5E9;
}
.mcpCapIcon.orange {
  background: #FFF3E0;
}
.mcpCapIcon.cyan {
  background: #E0F7FA;
}
.mcpCapIcon.purple {
  background: #F3E5F5;
}
.mcpCapIcon.pink {
  background: #FCE4EC;
}
.mcpCapName {
  font-size: 15px;
  font-weight: 700;
  color: #1b2f4b;
  margin-bottom: 4px;
}
.mcpCapDesc {
  font-size: 14px;
  color: #777777;
  line-height: 1.5;
  margin-bottom: 4px;
}
.mcpRisorse {
  height: 95px;
}
.mcpExamplePrompt {
  color: var(--ppCyan);
  font-size: 12px;
  cursor: pointer;
}
.mcpCapabilitiesRow {
  display: flex;
  flex-wrap: wrap;
}
.mcpCapColumn {
  display: flex;
}
.mcp-prompt-list {
  text-align: left;
  font-size: 14px;
  line-height: 1.6;
  font-style: italic;
}
.mcp-prompt-item {
  margin: 12px 0;
}
.mcp-prompt-list hr {
  margin: 14px 0;
  border: 0;
  border-top: 1px solid #dddddd;
}
.mcp-title {
  font-size: 20px !important;
  text-align: center;
}
.mcpModalOverlay {
  position: fixed;
  z-index: 999999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
}
.mcpModalBox {
  width: 600px;
  max-width: 90%;
  padding: 30px;
  background: white;
  border-radius: 10px;
}
.mcpModalClose {
  display: flex;
  justify-content: center;
  margin-top: 25px;
}
@media (max-width: 767px) {
  .mcpHero {
    flex-direction: column;
    align-items: center;
  }
  .mcpHeroIconColumn {
    width: 100%;
    margin-bottom: 20px;
  }
  .mcpHeroIcon {
    width: 90px;
    height: 90px;
  }
  .mcpHero .col-sm-10 {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .mcpTabs {
    display: flex;
    width: 100%;
  }
  .mcpTabs > li {
    width: 50%;
    float: none;
  }
  .mcpTabs > li > a {
    width: 100%;
    text-align: center;
  }
}
md-content {
  color: var(--ppGrey);
}
md-content ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px;
}
/* .md-scroll-mask {
    z-index: 2950 !important;
    background-color: rgba(0,0,0,0.3) !important;
} */
/* .md-select-menu-container {
    z-index: 3090 !important;
} */
.md-dialog-container {
  z-index: 2950;
}
md-pagination-wrapper {
  transition: transform 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.md-toolbar-tools {
  padding: 0px 20px !important;
}
._md-panel-shown .md-panel {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
}
md-toolbar,
md-toolbar._md-toolbar-transitions {
  background-color: #fff !important;
}
md-input-container .md-input-focused {
  border-width: 0 0 1px;
}
md-input-container .md-input {
  color: var(--ppGrey);
}
.md-panel-outer-wrapper {
  position: fixed !important;
}
.md-tabs .md-ink-bar {
  bottom: auto;
}
.md-tabs .md-tab.md-active {
  opacity: 1 !important;
}
.md-tab,
.md-tab-content {
  transition-duration: 0.02s !important;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1) !important;
}
.md-errors-spacer {
  display: none !important;
}
md-icon {
  color: var(--ppGrey) !important;
}
.md-button:not([disabled]):hover {
  background-color: transparent !important;
}
/* .md-select-value.md-select-placeholder,
md-input-container .md-placeholder {
    z-index: 3001 !important;
} */
.md-select-value.md-select-placeholder {
  z-index: 2800 !important;
}
.md-select-menu-container {
  z-index: 3000 !important;
}
md-option .md-text {
  width: 100%;
}
.md-dialog-container.showContainerUp {
  z-index: 2801 !important;
}
md-input-container .md-input.textAreaResultAI {
  background: #EAF7FF;
  border-radius: 5px;
  padding: 25px;
  line-height: 140%;
  max-height: 500px;
  min-height: 150px;
  overflow-y: auto;
  font-weight: 400;
  color: var(--ppDarkGrey);
  border: 1px var(--ppCyan) solid;
}
md-input-container .md-input.responseAITextArea {
  background: #EAF7FF;
  border-radius: 5px;
  padding: 25px;
  line-height: 140%;
  min-height: 150px;
  max-height: 500px;
  resize: vertical;
  overflow-y: auto;
  font-weight: 400;
  color: var(--ppDarkGrey);
  border: 1px var(--ppCyan) solid;
}
md-input-container .md-input.responseAITextArea:focus {
  border: 1px var(--ppCyan) solid;
}
md-input-container .md-input.textAreaResultAI:focus {
  border: 1px var(--ppCyan) solid;
}
.tox .tox-collection__item-label {
  font-size: 13px !important;
}
.tox .tox-collection--list .tox-collection__item--active {
  background-color: var(--ppCyanLight) !important;
}
.tox .tox-tbtn:hover {
  background: var(--ppCyanLight) !important;
}
.md-toolbar-tools.headerAIAssistant {
  height: 50px;
  display: ruby;
}
.md-datepicker-calendar-pane {
  z-index: 6000;
}
.md-datepicker-input-container {
  width: 65%;
}
.classe {
  height: 50px;
}
@media (max-width: 540px) {
  .sweet-alert {
    overflow-y: auto !important;
    max-height: 90vh;
    transform: translate(0, -50%) !important;
    margin: 0 !important;
  }
}
@media (min-width: 541px) and (max-width: 990px) {
  .sweet-alert {
    overflow-y: auto !important;
    max-height: 90vh;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
  }
}
