/* --------------------------------------------------------
CSS for Ydeal Backoffice

version: 1.0
last modified: 04.08.2016 by Tiago Castro
author: Tiago Castro
email: support@ydeal.me
website: http://www.ydeal.net
----------------------------------------------------------*/
html {
    height: 100%; }

body {
    height: 100%;
    padding-top: 70px;
    background-color: white;
    color: #4A4A4A;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif; }

a {
    color: #0071BA; }

label {
    font-weight: normal;
    cursor: pointer;
    vertical-align: text-top;
    padding: 5px;}

.errorPage {
    text-align: center; }
.errorPage i {
    color: #0071BA; }
.errorPage h1 {
    margin-bottom: 30px !important;
    font-size: 46px; }
.errorPage strong {
    display: inline-block;
    margin-bottom: 30px !important;
    font-size: 20px;
    font-weight: normal; }
.errorPage .btn {
    margin-top: 60px; }

.errorPage__support {
    display: inline-block;
    margin-top: 20px;
    color: #ccc;
    font-size: 12px; }

.button, .btn {
    padding: 10px 20px !important;
    border-radius: 4px;
    border: none;
    box-shadow: none !important;
    color: white;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-decoration: none !important;
    white-space: nowrap; }
.button i, .btn i {
    margin-left: 5px; }

.button--default, .btn-default {
    background-color: #E3E3E3;
    color: #999; }

.button--primary, .btn-primary {
    border: none !important;
    background-color: #0071BA !important; }
.button--primary:hover, .btn-primary:hover {
    background-color: #48CAEB;
    color: white; }
.button--primary:focus, .btn-primary:focus {
    background-color: #00609D; }

.button--outline {
    border: 1px solid #E3E3E3;
    color: #4A4A4A; }
.button--outline:hover {
    background-color: #E3E3E3;
    color: #4A4A4A; }
.button--outline:focus {
    background-color: #4A4A4A;
    border-color: #4A4A4A;
    color: white; }

.button--secondary {
    border: 1px solid #0071BA;
    color: #0071BA; }
.button--secondary:hover {
    background-color: #0071BA;
    color: white; }
.button--secondary:focus {
    background-color: #00609D;
    border-color: #00609D; }

.button--flat {
    background-color: transparent;
    color: #999; }
.button--flat:hover {
    background-color: #E3E3E3;
    color: inherit; }
.button--flat:focus {
    background-color: #4A4A4A;
    color: white; }

.button--large, .btn-lg {
    padding: 15px 30px;
    font-size: 18px; }

.button--small, .btn-xs {
    padding: 5px 10px;
    font-size: 12px; }

input {
    padding: 10px 20px;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: inset 0 2px 1px #f9f9f9;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
input:hover {
    border-color: #4A4A4A; }
input:focus {
    outline: none;
    border-color: #0071BA !important;
    box-shadow: 0 0 0px 1px #0071BA !important; }

input[type="text"],
input[type="password"],
.form-control {
    display: block;
    width: 100%;
    margin-bottom: 20px; }


.creditCardText {
    display: block;
    width: 100%;
    margin-bottom: 20px; }


.pass-field {
    position: relative; }
.pass-field span {
    display: block;
    position: absolute;
    top: 9px;
    right: 10px;
    font-size: 16px;
    color: #E3E3E3;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
.pass-field span:hover {
    color: #4A4A4A; }

.button--label-form {
    padding: 1px 6px;
    border: 1px solid rgba(74, 74, 74, 0.2);
    border-radius: 4px;
    background-color: transparent;
    color: rgba(74, 74, 74, 0.4);
    font-size: 12px;
    vertical-align: top; }

.checkbox-option {
    margin-bottom: 10px;
    clear: both; }

.input-error-desc {
    margin-top: -10px;
    color: #BE0000;
    font-size: 12px; }

input[readonly] {
    background-color: #fafafa;
    cursor: not-allowed; }

.gallery .dropzone-area {
    margin-bottom: 30px; }

.gallery__item {
    margin-bottom: 30px; }
.gallery__item:hover > div {
    border-color: #0071BA;
    box-shadow: 0 0 0px 1px #0071BA; }
.gallery__item div {
    padding: 10px;
    position: relative;
    border: 1px solid #E3E3E3;
    border-radius: 4px; }
.gallery__item div > a:first-child {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 83.3%;
    overflow: hidden; }
.gallery__item img {
    width: 100%;
    max-width: 100%; }
.gallery__item p {
    display: block;
    width: 100%;
    margin: 15px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: bold;
    text-overflow: ellipsis; }
.gallery__item button {
    padding: 0;
    border: none;
    background-color: transparent;
    color: #E3E3E3;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
.gallery__item button:hover {
    color: #0071BA; }

.gallery__item__delete {
    position: absolute;
    left: 20px;
    bottom: 10px;
    color: white !important;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
.gallery__item__delete:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    text-decoration: none; }
.gallery__item__delete span {
    font-size: 11px;
    text-transform: uppercase; }

.gallery__folders {
    padding-left: 0; }
.gallery__folders li {
    list-style-type: none; }
.gallery__folders a {
    display: block;
    width: 100%;
    padding: 10px 15px;
    border-radius: 4px;
    color: #4A4A4A;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.gallery__folders a:hover {
    background-color: #E3E3E3;
    text-decoration: none; }
.gallery__folders i {
    margin-right: 10px; }

.gallery__folders__active {
    border: 1px solid #E3E3E3;
    color: #0071BA !important;
    font-weight: bold; }

.gallery__folders__create {
    border-top: 1px solid #E3E3E3;
    border-radius: 0 !important;
    color: #E3E3E3 !important;
    font-size: 14px; }
.gallery__folders__create:hover {
    color: #0071BA !important; }

.gallery__action {
    padding: 20px !important;
    position: absolute !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 113, 186, 0.8);
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0;
    color: white; }

.gallery__action h4 {
    margin-top: 0; }

.gallery__action h4 a {
    color: white !important;
    font-weight: bold; }

.gallery__action small {
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }

.gallery__item:hover .gallery__action {
    opacity: 1; }

.login {
    max-width: 450px;
    width: 100%;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #BFBFBF; }
.login form {
    font-size: 16px; }
.login label {
    color: #4A4A4A;
    font-weight: normal; }
.login input, .login button {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    color: #4A4A4A; }
.login .button {
    color: white; }

.admin-title, .login__forgot {
    font-weight: 100;
    text-align: center; }

.login__forgot a {
    color: #4A4A4A; }
.login__forgot a:hover {
    color: #0071BA; }

.login__container {
    padding: 30px;
    margin: 15px 0;
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1), 0 25px 40px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
    background-color: white; }
.login__container span {
    display: none; }

.login__container--error {
    -webkit-animation-name: shake;
    -webkit-animation-duration: 0.8s;
    -webkit-transform-origin: 50% 50%; }
.login__container--error .login--with-error label {
    color: #BE0000; }
.login__container--error .login--with-error input {
    border-color: #BE0000; }
.login__container--error .login--with-error span {
    display: block;
    margin: -15px 0 20px;
    color: #BE0000;
    font-size: 12px; }

.login .help-block-error {
    display: none;
    margin: -15px 0 20px;
    color: #BE0000;
    font-size: 12px; }

.login .has-error .help-block-error {
    display: block !important; }

.login__logo {
    display: block;
    max-width: 100px;
    margin: 0 auto 30px auto; }
.login__logo img {
    max-width: 100%; }

@-webkit-keyframes shake {
    10%, 90% {
        -webkit-transform: translate(-2px, 0);
        transform: translate(-2px, 0); }
    20%, 80% {
        -webkit-transform: translate(4px, 0);
        transform: translate(4px, 0); }
    30%, 50%, 70% {
        -webkit-transform: translate(-8px, 0);
        transform: translate(-8px, 0); }
    40%, 60% {
        -webkit-transform: translate(8px, 0);
        transform: translate(8px, 0); } }

@keyframes shake {
    10%, 90% {
        -webkit-transform: translate(-2px, 0);
        transform: translate(-2px, 0); }
    20%, 80% {
        -webkit-transform: translate(4px, 0);
        transform: translate(4px, 0); }
    30%, 50%, 70% {
        -webkit-transform: translate(-8px, 0);
        transform: translate(-8px, 0); }
    40%, 60% {
        -webkit-transform: translate(8px, 0);
        transform: translate(8px, 0); } }
.maintenance {
    margin-top: -30px; }
.maintenance h1 {
    margin-top: 50px;
    margin-bottom: 50px;
    text-transform: uppercase; }
.maintenance p {
    padding: 0 20px;
    max-width: 360px;
    margin-right: auto;
    margin-left: auto;
    color: rgba(74, 74, 74, 0.5);
    font-size: 18px; }
.maintenance p:last-child {
    font-size: 14px; }

.maintenance__logo {
    padding-bottom: 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E3E3E3; }
.maintenance__logo img {
    max-width: 150px; }

.maintenance__try {
    margin: 50px auto;
    color: #4A4A4A !important;
    font-size: 20px;
    font-weight: 100px;
    text-transform: uppercase; }
.maintenance__try button {
    display: block;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    border: none;
    background-color: transparent;
    font-size: 28px; }
.maintenance__try button:hover {
    color: #48CAEB; }

.chart-container {
    padding: 20px;
    margin-bottom: 60px;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    background-color: #f9f9f9; }
.chart-container #embed-api-auth-container {
    float: right;
    color: #bbb;
    font-size: 12px;
    font-style: italic; }
.chart-container #view-selector-container, .chart-container #view-name {
    display: none; }
.chart-container h3 {
    margin: 0 0 30px 0;
    font-weight: 100; }

.state-message p {
    display: block;
    max-height: 200px;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: max-height 0.2s ease, margin 0.2s ease, opacity 0.2s ease, padding 0.4s ease;
    transition: max-height 0.2s ease, margin 0.2s ease, opacity 0.2s ease, padding 0.4s ease;
    opacity: 1; }
.state-message i {
    display: block;
    position: absolute;
    top: 17px;
    right: 20px;
    text-transform: uppercase; }

.state-message--info, .alert-info {
    background-color: rgba(0, 113, 186, 0.2);
    color: #0071BA; }

.state-message--success, .alert-success {
    background-color: rgba(36, 140, 36, 0.2);
    color: #248C24; }

.state-message--warning, .alert-warning {
    background-color: rgba(222, 197, 0, 0.2);
    color: #DEC500; }

.state-message--error, .alert-danger {
    background-color: rgba(190, 0, 0, 0.2);
    color: #BE0000; }

.state-message--dismiss {
    max-height: 0 !important;
    padding: 0 15px !important;
    margin: 0 !important;
    opacity: 0 !important; }

.alert {
    display: block;
    max-height: 200px;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    -webkit-transition: max-height 0.2s ease, margin 0.2s ease, opacity 0.2s ease, padding 0.4s ease;
    transition: max-height 0.2s ease, margin 0.2s ease, opacity 0.2s ease, padding 0.4s ease;
    opacity: 1; }

.alert-info i,
.alert-success i,
.alert-warning i,
.alert-danger i {
    display: none; }
.alert-info button,
.alert-success button,
.alert-warning button,
.alert-danger button {
    color: inherit !important;
    text-shadow: none;
    opacity: 1; }

/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0 0 40px 0;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid #E3E3E3;
    border-radius: 4px 4px 0 0; }

/* Float the list items side by side */
ul.tab li {
    float: left; }

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    border-bottom: 3px solid #fff;
    color: black;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 14px;
    text-transform: uppercase; }

/* Change background color of links on hover */
ul.tab li a:hover {
    border-color: #0071BA;
    background-color: #eee; }

/* Create an active/current tablink class */
ul.tab li a:focus, ul.tab li .active {
    border-bottom: 3px solid #0071BA !important;
    background-color: white;
    color: #0071BA; }

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 20px 20px 20px;
    border: 1px solid #E3E3E3;
    border-top: none;
    border-radius: 0 0 4px 4px; }

/* Tabs Animation */
.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
    /* Fading effect takes 1 second */ }

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }
@keyframes fadeEffect {
    from {
        opacity: 0; }
    to {
        opacity: 1; } }
.mainNav {
    min-height: 70px;
    padding: 20px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    background-color: #0071BA; }
.mainNav ul {
    display: block;
    width: 250px;
    padding: 30px 0 0 0 !important;
    margin: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -260px;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.3s ease;
    transition: left 0.3s ease; }
.mainNav ul li {
    list-style-type: none; }
.mainNav ul a {
    display: block;
    padding: 10px 20px;
    color: #4A4A4A;
    font-size: 16px;
    font-weight: 100; }
.mainNav ul a.active,
.mainNav ul a:hover {
    background-color: #005790;
    text-decoration: none;
    color: white; }
.mainNav ul a.active i.fa,
.mainNav ul a:hover i.fa {
    color: #48CAEB; }
.mainNav ul i {
    margin-right: 20px;
    color: #E3E3E3; }

.mainLogo {
    display: block;
    width: 90px;
    padding: 0 !important;
    float: left; }
.mainLogo img {
    max-width: 90px; }

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

.has-submenu .submenu {
    display: none;
    padding-top: 0 !important;
    margin-top: 0;
    background-color: #005084; }

.has-submenu--open a {
    background-color: #005084; }

.submenu i, .has-submenu--open i {
    color: #013d65 !important; }

.has-submenu.has-submenu--open .submenu {
    display: block !important; }

.active-menu {
    background-color: #005790; }

.active-menu i {
    color: #48CAEB !important; }

.submenu__notify {
    display: block;
    position: absolute;
    top: 5px;
    right: 65px;
    border-radius: 20px;
    background-color: #ff0000;
    color: white;
    line-height: 0px;
    padding: 7px 3px;
    font-size: 10px; }

.burguerButton {
    padding: 5px 10px;
    float: right;
    border: 1px solid white;
    border-radius: 4px;
    background-color: transparent;
    color: white;
    font-size: 13px;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer; }
.burguerButton:hover {
    border-color: #48CAEB;
    background-color: #00609D; }

@media screen and (min-width: 768px) {
    .mainNav {
        width: 130px;
        right: auto !important;
        bottom: 0;
        overflow-y: auto; }
    .mainNav ul {
        display: block;
        width: auto;
        padding-left: 0;
        position: relative;
        margin-top: 10px;
        margin-right: -20px;
        margin-left: -20px;
        top: auto;
        bottom: auto;
        left: auto;
        box-shadow: none;
        background-color: transparent;
        text-align: center; }
    .mainNav ul li {
        list-style-type: none; }
    .mainNav ul a {
        display: block;
        padding: 10px 20px;
        color: white;
        font-size: 13px;
        text-align: center; }
    .mainNav ul a:hover {
        background-color: #005790;
        text-decoration: none; }
    .mainNav ul a:hover i.fa {
        color: #48CAEB; }
    .mainNav ul i.fa {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
        color: #004E81;
        font-size: 22px; }

    .mainLogo {
        float: none; }

    .burguerButton {
        display: none; } }
.pageHeading {
    padding: 15px;
    position: relative;
    margin-bottom: 35px;
    border-bottom: 1px solid #eee;
    background-color: white;
    z-index: 9; }
.pageHeading h1 {
    float: left;
    margin: 5px 0;
    font-size: 28px;
    font-weight: 100; }

.breadcrumbs {
    padding: 10px 0 0 0;
    margin: 0; }
.breadcrumbs li {
    display: inline-block;
    margin-right: 10px;
    list-style-type: none; }
.breadcrumbs li.active {
    border-bottom: none !important; }
.breadcrumbs a:after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 10px;
    border-style: solid;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #d9d9d9; }

.userTools {
    text-align: center; }
.userTools > div {
    display: inline-block;
    vertical-align: middle; }

.userTools__search, .userTools__notifications {
    position: relative;
    margin: 0 20px 0 0; }
.userTools__search button, .userTools__notifications button {
    border: none;
    background-color: transparent;
    color: #979797;
    font-size: 18px; }
.userTools__search button:hover, .userTools__notifications button:hover {
    color: #4A4A4A; }

.userTools__search button, .userTools__notifications button {
    border: none;
    background-color: transparent; }

.search__container {
    height: 70px;
    position: fixed;
    top: -70px;
    right: 0;
    left: 130px;
    z-index: 9;
    box-shadow: 0 12px 45px rgba(0, 0, 0, 0.25);
    background-color: white;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    opacity: 0; }
.search__container input[type="text"] {
    display: block;
    width: 100%;
    height: 70px;
    border: none;
    border-radius: 0;
    font-size: 24px; }
.search__container input[type="text"]:focus {
    border: none; }
.search__container button {
    position: absolute;
    top: 10px;
    right: 35px;
    font-size: 30px; }

.search__container.search__container--open {
    top: 0;
    opacity: 1; }

.notifications-number {
    padding: 0 4px;
    position: absolute;
    margin-left: -2px;
    border-radius: 30px;
    background-color: #BE0000;
    color: white;
    font-size: 9px; }

.notifications__container {
    width: 300px;
    position: absolute;
    margin-left: -140px;
    background-color: white;
    box-shadow: 0 12px 45px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    font-size: 12px;
    text-align: left;
    opacity: 0;
    z-index: 10;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: scale(0, 0);
    /* Safari */
    /* IE 9 */
    transform: scale(0, 0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0; }
.notifications__container ul {
    max-height: 300px;
    padding: 0;
    overflow-y: auto; }
.notifications__container li {
    list-style-type: none; }
.notifications__container li a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #E3E3E3;
    background-color: #F6F6F6;
    color: #4A4A4A; }
.notifications__container li a:hover {
    text-decoration: none; }
.notifications__container li:last-child {
    margin-bottom: 15px; }
.notifications__container span {
    display: block;
    color: #4A4A4A; }
.notifications__container > a {
    display: block;
    padding: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    border-top: 1px solid #E3E3E3;
    border-radius: 0 0 4px 4px;
    background-color: white;
    font-size: 11px;
    text-align: center;
    text-transform: uppercase; }

.notifications__container.notifications__open {
    -webkit-transform: scale(1, 1);
    /* Safari */
    /* IE 9 */
    transform: scale(1, 1);
    opacity: 1; }

.notifications__unread {
    background-color: transparent !important;
    color: #0071BA !important;
    font-weight: bold; }

.userTools__profile {
    margin-left: 15px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none; }

.profile-dropper {
    padding: 15px 35px 15px 15px;
    position: relative;
    margin-top: -15px;
    margin-right: -35px;
    margin-bottom: -15px;
    cursor: pointer;
    z-index: 8; }
.profile-dropper:hover .profile__dropDown {
    display: block; }
.profile-dropper img, .profile-dropper p {
    float: left; }
.profile-dropper img {
    margin-right: 15px; }
.profile-dropper .profile-dropper__name {
    font-weight: bold;
    margin-bottom: 0;
    text-align: left; }
.profile-dropper .profile-dropper__designation {
    display: block;
    color: #ADADAD;
    font-size: 12px;
    font-style: italic;
    font-weight: normal; }

.profile__dropDown {
    display: none;
    padding-top: 70px;
    position: absolute;
    top: -1px;
    right: 0;
    left: 0;
    z-index: -1;
    box-shadow: 0 12px 45px rgba(0, 0, 0, 0.25);
    border-radius: 0 0 4px 4px;
    background-color: white;
    text-align: left; }
.profile__dropDown ul {
    padding: 0;
    margin: 0 15px;
    border-top: 1px solid #E3E3E3; }
.profile__dropDown li {
    margin: 0 -15px;
    list-style-type: none; }
.profile__dropDown a {
    display: block;
    padding: 10px 15px;
    color: #4A4A4A; }
.profile__dropDown a:hover {
    box-shadow: 0 0;
    background-color: #E3E3E3;
    color: #0071BA;
    text-decoration: none; }

.shortcutTools {
    margin-bottom: 35px; }
.shortcutTools h1 {
    float: left;
    margin-top: 0; }
.shortcutTools .button, .shortcutTools .btn {
    float: right;
    margin-top: 0px;
    margin-left: 5px; }

.shortcutTools__back {
    display: block;
    margin-bottom: 20px;
    color: #aaa;
    text-decoration: none; }

@media screen and (max-width: 1000px) {
    .breadcrumbs {
        text-align: center; }

    .userTools {
        float: none !important;
        margin-bottom: 30px; }

    .userTools__search,
    .userTools__notifications {
        float: left;
        margin-top: 5px; }

    .userTools__profile {
        float: right; }

    .pageHeading h1 {
        display: block !important;
        padding-top: 25px;
        margin-top: 25px;
        float: none !important;
        border-top: 1px solid #E3E3E3;
        font-size: 24px;
        text-align: center; } }
@media screen and (min-width: 768px) {
    .pageHeading {
        padding: 15px 35px;
        position: fixed;
        top: 0;
        right: 0;
        left: 130px; }

    .userTools {
        float: right; } }
@media screen and (max-width: 768px) {
    .userTools__search, .userTools__notifications {
        width: 25px;
        margin-right: 10px; }

    .profile-dropper {
        margin-right: -15px !important; }

    .search__container {
        height: 60px;
        left: 0; }
    .search__container input[type="text"] {
        height: 60px;
        font-size: 16px; }
    .search__container button {
        top: 15px;
        right: 5px;
        font-size: 20px; }

    .search__container.search__container--open {
        top: 75px; }

    .notifications__container {
        margin-left: 0; } }
.modal-backdrop {
    background-color: transparent; }

.modal-dialog {
    margin-top: -1px !important; }

.modal-content {
    border: none !important;
    border-radius: 0 0 4px 4px !important;
    box-shadow: 0 12px 45px rgba(0, 0, 0, 0.25); }

.modal-header {
    border-bottom: none; }
.modal-header h4 {
    font-size: 24px;
    font-weight: 100; }

.modal-footer {
    padding-top: 25px;
    border-top: none !important; }

.modal-content {
    padding: 20px; }

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
.dropzone, .dropzone * {
    box-sizing: border-box; }

.dropzone {
    position: relative; }

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    width: 120px;
    margin: 0.5em; }

.dropzone .dz-preview .dz-progress {
    display: block;
    height: 15px;
    border: 1px solid #aaa; }

.dropzone .dz-preview .dz-progress .dz-upload {
    display: block;
    height: 100%;
    width: 0;
    background: green; }

.dropzone .dz-preview .dz-error-message {
    color: red;
    display: none; }

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
    display: block; }

.dropzone .dz-preview.dz-success .dz-success-mark {
    display: block; }

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    position: absolute;
    display: none;
    left: 30px;
    top: 30px;
    width: 54px;
    height: 58px;
    left: 50%;
    margin-left: -27px; }

/*
 * The MIT License
 * Copyright (c) 2012 Matias Meno <m@tias.me>
 */
@-webkit-keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px); }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px); } }
@keyframes passing-through {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px); }
    30%, 70% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px); }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px); } }
@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px); }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px); } }
@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(40px);
        transform: translateY(40px); }
    30% {
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px); } }
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }
    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    20% {
        -webkit-transform: scale(1);
        transform: scale(1); } }
@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1); }
    10% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1); }
    20% {
        -webkit-transform: scale(1);
        transform: scale(1); } }
.dropzone, .dropzone * {
    box-sizing: border-box; }

.dropzone {
    min-height: 200px;
    border: 2px dashed rgba(0, 0, 0, 0.3) !important;
    background: #F6F6F6 !important;
    padding: 20px 20px; }

.dropzone:hover {
    border-color: #0071BA !important; }

.dropzone.dz-clickable {
    cursor: pointer; }

.dropzone.dz-clickable * {
    cursor: default; }

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer; }

.dropzone.dz-started .dz-message {
    display: none; }

.dropzone.dz-drag-hover {
    border-color: #0071BA !important; }

.dropzone.dz-drag-hover .dz-message {
    opacity: 0.5; }

.dropzone .dz-message {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    margin: 0;
    color: rgba(0, 0, 0, 0.3);
    font-size: 16px;
    font-weight: 500; }

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 2.5% !important;
    min-height: 100px;
    width: 45%; }

.dropzone .dz-preview:hover {
    z-index: 1000; }

.dropzone .dz-preview:hover .dz-details {
    opacity: 1; }

.dropzone .dz-preview.dz-file-preview .dz-image {
    border-radius: 4px;
    background: #999;
    background: -webkit-linear-gradient(top, #eee, #ddd);
    background: linear-gradient(to bottom, #eee, #ddd); }

.dropzone .dz-preview.dz-file-preview .dz-details {
    opacity: 1; }

.dropzone .dz-preview.dz-image-preview {
    background: transparent !important; }

.dropzone .dz-preview.dz-image-preview .dz-details {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear; }

.dropzone .dz-preview .dz-remove {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none; }

.dropzone .dz-preview .dz-remove:hover {
    color: #0071BA;
    text-decoration: none !important; }
.dropzone .dz-preview .dz-remove:hover:after {
    color: #BE0000; }

.dropzone .dz-preview .dz-remove:before {
    content: '\f00d';
    width: 15px;
    height: 15px;
    margin-right: 10px;
    font-family: FontAwesome;
    color: #E3E3E3; }

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: none; }

.dropzone .dz-preview:hover .dz-details {
    opacity: 1; }

.dropzone .dz-preview .dz-details {
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%; }

.dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 1em;
    font-size: 16px; }

.dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap; }

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 1px solid rgba(200, 200, 200, 0.8);
    background-color: rgba(255, 255, 255, 0.8); }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) {
    overflow: hidden;
    text-overflow: ellipsis; }

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
    border: 1px solid transparent; }

.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    background-color: rgba(255, 255, 255, 0.4);
    padding: 0 0.4em;
    border-radius: 3px; }

.dropzone .dz-preview:hover .dz-image img {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05); }

.dropzone .dz-preview .dz-image {
    border-radius: 4px;
    overflow: hidden;
    width: 100%;
    height: 120px;
    position: relative;
    margin: 0 auto;
    display: block;
    text-align: center;
    z-index: 10; }

.dropzone .dz-preview .dz-image img {
    display: block;
    margin: 0 auto; }

.dropzone .dz-preview.dz-success .dz-success-mark {
    -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview.dz-error .dz-error-mark {
    opacity: 1;
    -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); }

.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark {
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px; }

.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg {
    display: block;
    width: 54px;
    height: 54px; }

.dropzone .dz-preview.dz-processing .dz-progress {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }

.dropzone .dz-preview.dz-complete .dz-progress {
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in;
    transition: opacity 0.4s ease-in; }

.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    -webkit-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite; }

.dropzone .dz-preview .dz-progress {
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden; }

.dropzone .dz-preview .dz-progress .dz-upload {
    background: #333;
    background: -webkit-linear-gradient(top, #666, #444);
    background: linear-gradient(to bottom, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    -webkit-transition: width 300ms ease-in-out;
    transition: width 300ms ease-in-out; }

.dropzone .dz-preview.dz-error .dz-error-message {
    display: block; }

.dropzone .dz-preview.dz-error:hover .dz-error-message {
    opacity: 1;
    pointer-events: auto; }

.dropzone .dz-preview .dz-error-message {
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: block;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #be2626;
    background: -webkit-linear-gradient(top, #be2626, #a92222);
    background: linear-gradient(to bottom, #be2626, #a92222);
    padding: 0.5em 1.2em;
    color: white; }

.dropzone .dz-preview .dz-error-message:after {
    content: '';
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #be2626; }

#tooltip {
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 10px; }

#tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px; }

#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto; }

#tooltip.left:after {
    left: 10px;
    margin: 0; }

#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0; }


/* <-- y select */
select option {
    padding: 8px;
}
/* y select --> */
/* <-- y dataTable */
.dataTable-image-link:hover {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #0071BA, 0 4px 3px #000;
    display: block;
}
/* y dataTable --> */

table.dataTable {
    width: 100%;
    margin: 0 auto;
    clear: both;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #E3E3E3;
    border-radius: 0 0 4px; }

.dataTables_wrapper {
    margin: 0 auto 30px auto;
    overflow-y: scroll; }
/*  .dataTables_wrapper .top {
    border: 1px solid #E3E3E3;
    padding: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0; }*/
.dataTables_wrapper .jcf-select {
    width: 100%;
    margin-bottom: 0; }

table.dataTable thead th, table.dataTable tfoot th {
    font-weight: 700; }

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px 10px 10px;
    border-bottom: 1px solid #e8e8e8; }

table.dataTable thead th:active, table.dataTable thead td:active {
    outline: none; }

table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 10px 18px 6px; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: center right; }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-size: 10px 15px;
    background-position: 98% 13px; }

table.dataTable thead .sorting {
    background-image: url("../images/sort.svg"); }

table.dataTable thead .sorting_asc {
    background-image: url("../images/sort-asc.svg"); }

table.dataTable thead .sorting_desc {
    background-image: url("../images/sort-desc.svg"); }

table.dataTable tbody tr {
    background-color: #fff; }

table.dataTable tbody tr.selected {
    background-color: #B0BED9; }

table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px; }

table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td {
    border-top: none; }

table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd; }

table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child {
    border-left: 1px solid #ddd; }

table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td {
    border-top: none; }

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f9f9f9; }

table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
    background-color: #acbad4; }

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f4fafd;
    background-color: #eaeaea;
    margin-bottom: -2px; }

table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
    background-color: #aab7d1; }

table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 {
    background-color: #fafafa; }

table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 {
    background-color: #acbad5; }

table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: #f1f1f1; }

table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
    background-color: #f3f3f3; }

table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
    background-color: #f5f5f5; }

table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
    background-color: #a6b4cd; }

table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
    background-color: #a8b5cf; }

table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
    background-color: #a9b7d1; }

table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: #fafafa; }

table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
    background-color: #fcfcfc; }

table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
    background-color: #fefefe; }

table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
    background-color: #acbad5; }

table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
    background-color: #aebcd6; }

table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
    background-color: #afbdd8; }

table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
    background-color: #eaeaea; }

table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
    background-color: #ececec; }

table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
    background-color: #efefef; }

table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
    background-color: #a2aec7; }

table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
    background-color: #a3b0c9; }

table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
    background-color: #a5b2cb; }

table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: nowrap; }

table.dataTable.compact thead th, table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px; }

table.dataTable.compact tfoot th, table.dataTable.compact tfoot td {
    padding: 4px; }

table.dataTable.compact tbody th, table.dataTable.compact tbody td {
    padding: 4px; }

table.dataTable th.dt-left, table.dataTable td.dt-left {
    text-align: left; }

table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty {
    text-align: center; }

table.dataTable th.dt-right, table.dataTable td.dt-right {
    text-align: right; }

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
    text-align: justify; }

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
    white-space: nowrap; }

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
    text-align: left; }

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
    text-align: center; }

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
    text-align: right; }

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
    text-align: justify; }

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap; }

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
    text-align: left; }

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
    text-align: center; }

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
    text-align: right; }

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
    text-align: justify; }

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap; }

table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: content-box; }

.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1; }

.dataTables_wrapper .dataTables_length {
    display: inline-block;
    float: right; }
.dataTables_wrapper .dataTables_length span {
    margin-bottom: 0; }

.dataTables_wrapper .dataTables_filter {
    display: inline-block;
    width: 20%; }
.dataTables_wrapper .dataTables_filter label {
    display: block;
    width: 100%;
    height: 35px;
    padding-top: 6px;
    padding-left: 20px;
    position: relative;
    margin-bottom: 0;
    color: #4A4A4A;
    font-weight: normal;
    text-align: left;}
.dataTables_wrapper .dataTables_filter input {
    width: 100%;
    padding: 5px 20px 5px 100px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin-left: 0 !important;
    border-radius: 100px;
    background-color: transparent; }

.dataTables_wrapper .dataTables_filter input {
    margin-left: .5em; }

.dataTables_wrapper .dataTables_info {
    float: left;
    padding-top: 20px;
    color: #E3E3E3 !important;
    font-size: 12px;
    font-style: italic; }

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: .25em; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: .5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px; }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    border: 1px solid #979797;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
    background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none; }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    border: 1px solid #111;
    background-color: #585858;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
    background: linear-gradient(to bottom, #585858 0%, #111 100%); }

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #2b2b2b;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
    background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
    background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
    box-shadow: inset 0 0 3px #111; }

.dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em; }

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #333; }

.dataTables_wrapper .dataTables_scroll {
    clear: both; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
    vertical-align: middle; }

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
    height: 0;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important; }

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #111; }

.dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    border-bottom: none; }

.dataTables_wrapper:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0; }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center; }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em; } }
@media screen and (max-width: 640px) {
    .dataTables_wrapper .top .select {
        width: 100%; }
    .dataTables_wrapper .dt-buttons {
        border-bottom: 1px dotted #eee;
        margin-bottom: 15px;
        padding: 5px 0 10px 0; }
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_length {
        display: block; }
    .dataTables_wrapper .dataTables_filter {
        margin: 10px auto;
        width: 100%; }
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align: center; }

    .dataTables_wrapper .dataTables_filter {
        margin-top: .5em; } }
/*
 *
 * Main stylesheet for Switchery.
 * http://abpetkov.github.io/switchery/
 *
 */
/* Switchery defaults. */
.switchery {
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    cursor: pointer;
    display: inline-block;
    height: 30px;
    position: relative;
    vertical-align: middle;
    width: 50px;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: content-box;
    background-clip: content-box; }

.switchery > small {
    background: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    height: 30px;
    position: absolute;
    top: 0;
    width: 30px; }

/* Switchery sizes. */
.switchery-small {
    border-radius: 20px;
    height: 20px;
    width: 33px; }

.switchery-small > small {
    height: 20px;
    width: 20px; }

.switchery-large {
    border-radius: 40px;
    height: 40px;
    width: 66px; }

.switchery-large > small {
    height: 40px;
    width: 40px; }

/* y --> */
/* .dataTable .switchery-disabled:active, */
.switchery-active {
    background-color: rgb(72, 202, 235);
    border-color: rgb(72, 202, 235);
    box-shadow: 0px 0px 0px 16px rgb(72, 202, 235) inset;
    transition: border 0.2s ease 0s, box-shadow 0.2s ease 0s, background-color 0.6s ease 0s; }

/* .dataTable .switchery-disabled:active > small, */
.switchery-active > small {
    left: 20px;
    background-color: rgb(255, 255, 255);
    transition: background-color 0.2s ease 0s, left 0.1s ease 0s; }

.dataTable .switchery {
    background-color: #eee; }

.dataTable .switchery-disabled {
    background-color: #C51414; }

/* .dataTable .switchery-active:active {
  background-color: #C51414;
  border-color: rgb(235, 235, 235);
  box-shadow: 0px 0px 0px 0px #C51414 inset;
  transition: border 0.2s ease 0s, box-shadow 0.2s ease 0s; } */

/* .dataTable .switchery-active:active > small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  height: 30px;
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
  transition: background-color 0.2s ease 0s, left 0.1s ease 0s; } */
/* <-- y */

.jcf-radio {
    width: 16px !important;
    height: 16px !important;
    border-radius: 9px; }

.jcf-radio span {
    display: none;
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    background: white;
    border-radius: 100%; }

.jcf-radio input[type=radio] {
    position: absolute;
    height: 100%;
    width: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0; }

.jcf-radio.jcf-checked span {
    display: block; }

.jcf-radio {
    border-radius: 30px !important; }

.jcf-radio.jcf-checked {
    background: #0071BA;
    border-color: #0071BA; }

.jcf-checkbox, .jcf-radio {
    vertical-align: middle;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: default;
    background: #fff;
    border: 2px solid #E3E3E3;
    border-radius: 3px;
    margin: 0 10px 0 0;
    height: 20px;
    width: 20px; }
.jcf-checkbox *, .jcf-radio * {
    cursor: pointer !important; }

.jcf-checkbox span {
    position: absolute;
    display: none;
    height: 6px;
    width: 10px;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -6px;
    border: 2px solid #777;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483,M12=0.7071067811865467,M21=-0.7071067811865467,M22=0.7071067811865483,SizingMethod='auto expand')"; }

:root .jcf-checkbox span {
    margin: -4px 0 0 -5px; }

.jcf-checkbox input[type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0;
    left: 0;
    top: 0; }

.jcf-checkbox.jcf-checked span {
    display: block; }

.jcf-button, .jcf-file {
    display: inline-block;
    position: relative;
    overflow: hidden;
    background: #fff; }

.jcf-button {
    vertical-align: top;
    border: 1px solid #777;
    margin: 0 10px 10px 0;
    padding: 5px 10px; }

.jcf-button .jcf-real-element {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    outline: none;
    opacity: 0;
    padding: 0;
    margin: 0;
    border: 0;
    bottom: 0;
    right: 0;
    left: 0;
    top: 0; }

.jcf-file {
    white-space: nowrap; }

.jcf-file .jcf-real-element {
    position: absolute;
    font-size: 200px;
    height: 200px;
    margin: 0;
    right: 0;
    top: 0; }

.jcf-file .jcf-fake-input, .jcf-file .jcf-upload-button {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid #777;
    line-height: 28px;
    height: 28px; }

.jcf-file .jcf-fake-input {
    text-overflow: ellipsis;
    font-size: 13px;
    width: 125px;
    padding: 0 8px; }

.jcf-file .jcf-upload-button {
    margin: 0 0 0 -1px;
    padding: 0 10px; }

.jcf-scrollable-wrapper {
    box-sizing: content-box;
    position: relative; }

.jcf-scrollbar-vertical {
    position: absolute;
    cursor: default;
    background: #e3e3e3;
    width: 14px;
    bottom: 0;
    right: 0;
    top: 0; }

.jcf-scrollbar-vertical .jcf-scrollbar-dec, .jcf-scrollbar-vertical .jcf-scrollbar-inc {
    background: #bbb;
    height: 14px;
    width: 14px;
    left: 0;
    top: 0; }

.jcf-scrollbar-vertical .jcf-scrollbar-inc {
    top: auto;
    bottom: 0; }

.jcf-scrollbar-vertical .jcf-scrollbar-handle {
    background: #888;
    height: 1px;
    width: 14px; }

.jcf-scrollbar-horizontal {
    position: absolute;
    background: #e3e3e3;
    right: auto;
    top: auto;
    left: 0;
    bottom: 0;
    width: 1px;
    height: 14px; }

.jcf-scrollbar-horizontal .jcf-scrollbar-dec, .jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: #bbb;
    height: 14px;
    width: 14px; }

.jcf-scrollbar-horizontal .jcf-scrollbar-inc {
    left: auto;
    right: 0; }

.jcf-scrollbar-horizontal .jcf-scrollbar-slider {
    display: inline-block;
    position: relative;
    height: 14px; }

.jcf-scrollbar-horizontal .jcf-scrollbar-handle {
    position: absolute;
    background: #888;
    height: 14px; }

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-handle {
    visibility: hidden; }

.jcf-scrollbar.jcf-inactive .jcf-scrollbar-dec, .jcf-scrollbar.jcf-inactive .jcf-scrollbar-inc {
    background: #e3e3e3; }

.jcf-select {
    display: inline-block;
    padding: 5px;
    vertical-align: middle;
    position: relative;
    border: 1px solid #E3E3E3;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f7f7f7+100 */
    background: #ffffff;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
    /* IE6-9 */
    margin: 0 0 20px;
    min-width: 50px;
    min-height: 26px;
    border-radius: 4px;
    cursor: pointer !important;
    clear: both; }
.jcf-select * {
    clear: both;
    cursor: pointer !important; }
.jcf-select:hover {
    border-color: #4A4A4A; }

.jcf-select select {
    z-index: 1;
    left: 0;
    top: 0; }

.jcf-select .jcf-select-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default;
    display: block;
    font-size: 14px;
    line-height: 26px;
    margin: 0 35px 0 8px; }

.jcf-select .jcf-select-opener {
    position: absolute;
    text-align: center;
    background: transparent url("../images/arrow-down.svg") center center no-repeat;
    background-size: 12px;
    width: 26px;
    bottom: 0;
    right: 0;
    top: 0;
    opacity: 0.3; }

body > .jcf-select-drop {
    position: absolute;
    margin: -1px 0 0;
    z-index: 9999; }

body > .jcf-select-drop.jcf-drop-flipped {
    margin: 1px 0 0; }

.jcf-select .jcf-select-drop {
    position: absolute;
    margin-top: 0;
    z-index: 9999;
    top: 100%;
    left: -1px;
    right: -1px; }

.jcf-select .jcf-drop-flipped {
    bottom: 100%;
    top: auto; }

.jcf-select.jcf-compact-multiple {
    display: block;
    width: 100%; }

.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
    display: inline-block;
    padding-top: 2px;
    content: '...'; }

.jcf-select-drop .jcf-select-drop-content {
    border: 1px solid #0071BA; }

.jcf-select-drop.jcf-compact-multiple .jcf-hover {
    background: 0 0; }

.jcf-select-drop.jcf-compact-multiple .jcf-selected {
    background: #e6e6e6;
    color: #000; }

.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
    display: inline-block;
    content: '';
    height: 5px;
    width: 9px;
    margin: -7px 10px 3px 0;
    border: 2px solid #248C24;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483,M12=0.7071067811865467,M21=-0.7071067811865467,M22=0.7071067811865483,SizingMethod='auto expand')"; }

.jcf-list-box {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #b8c3c9;
    min-width: 200px;
    margin: 0 15px; }

.jcf-list, .jcf-list .jcf-list-content {
    vertical-align: top;
    display: inline-block;
    width: 100%; }

.jcf-list {
    position: relative;
    background: #fff;
    line-height: 14px;
    font-size: 12px; }

.jcf-list .jcf-list-content {
    overflow: auto; }

.jcf-list ul {
    list-style: none;
    padding: 0;
    margin: 0; }

.jcf-list .jcf-option, .jcf-list ul li {
    overflow: hidden;
    display: block; }

.jcf-list .jcf-overflow {
    overflow: auto; }

.jcf-list .jcf-option {
    white-space: nowrap;
    cursor: default;
    padding: 7px 9px;
    color: #656565;
    min-height: 14px;
    height: 1%;
    font-size: 14px; }

.jcf-list .jcf-disabled {
    background: #fff !important;
    color: #aaa !important; }

.jcf-list-box .jcf-selected, .jcf-select-drop .jcf-hover {
    background: #e6e6e6;
    color: #000; }

.jcf-list .jcf-optgroup-caption {
    white-space: nowrap;
    font-weight: 700;
    display: block;
    padding: 5px 9px;
    cursor: default;
    color: #000; }

.jcf-list .jcf-optgroup .jcf-option {
    padding-left: 30px; }

.jcf-textarea {
    border: 1px solid #b8c3c9;
    box-sizing: content-box;
    display: inline-block;
    position: relative; }

.jcf-textarea .jcf-scrollbar-horizontal {
    display: none;
    height: 0; }

.jcf-textarea textarea {
    padding: 8px 10px;
    border: none;
    margin: 0; }

.jcf-textarea .jcf-resize {
    position: absolute;
    text-align: center;
    cursor: se-resize;
    background: #e3e3e3;
    font-weight: 700;
    line-height: 15px;
    text-indent: 1px;
    font-size: 12px;
    height: 15px;
    width: 14px;
    bottom: 0;
    right: 0; }

.jcf-textarea .jcf-resize:before {
    border: 1px solid #000;
    border-width: 0 1px 1px 0;
    display: block;
    margin: 4px 0 0 3px;
    width: 6px;
    height: 6px;
    content: ''; }

.jcf-number {
    display: inline-block;
    position: relative;
    height: 32px; }

.jcf-number input {
    -moz-appearance: textfield;
    box-sizing: border-box;
    border: 1px solid #777;
    padding: 3px 27px 3px 7px;
    margin: 0;
    height: 100%; }

.jcf-number input::-webkit-inner-spin-button, .jcf-number input::-webkit-outer-spin-button {
    -webkit-appearance: none; }

.jcf-number .jcf-btn-dec, .jcf-number .jcf-btn-inc {
    position: absolute;
    background: #aaa;
    width: 20px;
    height: 15px;
    right: 1px; }

.jcf-number .jcf-btn-inc {
    top: 1px; }

.jcf-number .jcf-btn-dec {
    top: auto;
    bottom: 1px; }

.jcf-number .jcf-btn-dec:hover, .jcf-number .jcf-btn-inc:hover {
    background: #e6e6e6; }

.jcf-number.jcf-disabled .jcf-btn-dec:hover, .jcf-number.jcf-disabled .jcf-btn-inc:hover {
    background: #aaa; }

.jcf-number .jcf-btn-dec:before, .jcf-number .jcf-btn-inc:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    border: 4px solid #aaa; }

.jcf-number .jcf-btn-inc:before {
    margin: -6px 0 0 -4px;
    border-color: transparent transparent #000; }

.jcf-number .jcf-btn-dec:before {
    margin: -1px 0 0 -4px;
    border-color: #000 transparent transparent; }

.jcf-number .jcf-btn-dec.jcf-disabled:before, .jcf-number .jcf-btn-inc.jcf-disabled:before, .jcf-number.jcf-disabled .jcf-btn-dec:before, .jcf-number.jcf-disabled .jcf-btn-inc:before {
    opacity: .3; }

.jcf-number.jcf-disabled input {
    background: #ddd; }

.jcf-range {
    display: inline-block;
    min-width: 200px;
    margin: 0 10px;
    width: 130px; }

.jcf-range .jcf-range-track {
    margin: 0 20px 0 0;
    position: relative;
    display: block;
    height: 10px; }

.jcf-range .jcf-range-wrapper {
    position: relative;
    background: #e5e5e5;
    border-radius: 5px;
    display: block;
    margin: 5px 0; }

.jcf-range.jcf-vertical {
    min-width: 0;
    width: auto; }

.jcf-range.jcf-vertical .jcf-range-wrapper {
    margin: 0;
    width: 10px;
    height: auto;
    padding: 20px 0 0; }

.jcf-range.jcf-vertical .jcf-range-track {
    height: 180px;
    width: 10px; }

.jcf-range.jcf-vertical .jcf-range-handle {
    left: -5px;
    top: auto; }

.jcf-range .jcf-range-display-wrapper {
    position: absolute;
    min-height: 10px;
    min-width: 10px;
    left: 10px;
    right: 10px; }

.jcf-range .jcf-range-display {
    border-radius: 5px;
    position: absolute;
    background: #888;
    width: 10px;
    height: 10px; }

.jcf-range .jcf-range-display.jcf-range-min {
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px; }

.jcf-range .jcf-range-display.jcf-range-max {
    margin: 0 -10px 0 0;
    padding: 0 10px 0 0; }

.jcf-range.jcf-vertical .jcf-range-display-wrapper {
    left: auto;
    right: auto;
    top: 10px;
    bottom: 10px; }

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-min {
    margin: 0 0 -10px;
    padding: 0 0 10px; }

.jcf-range.jcf-vertical .jcf-range-display.jcf-range-max {
    margin: -10px 0 0;
    padding: 10px 0 0; }

.jcf-range .jcf-range-handle {
    position: absolute;
    background: #aaa;
    border-radius: 19px;
    width: 19px;
    height: 19px;
    margin: -4px 0 0;
    z-index: 1;
    top: 0;
    left: 0; }

.jcf-range .jcf-range-mark {
    position: absolute;
    overflow: hidden;
    background: #000;
    width: 1px;
    height: 3px;
    top: -7px;
    margin: 0 0 0 9px; }

.jcf-range.jcf-vertical .jcf-range-mark {
    margin: 0 0 9px;
    left: 14px;
    top: auto;
    width: 3px;
    height: 1px; }

.jcf-range .jcf-active-handle {
    z-index: 2; }

.jcf-range.jcf-focus .jcf-active-handle {
    border: 1px solid #0071BA;
    margin: -5px 0 0 -1px; }

.jcf-range.jcf-disabled {
    background: 0 0 !important;
    opacity: .3; }

.jcf-disabled {
    background: #ddd !important; }

.jcf-focus, .jcf-focus * {
    border-color: #0071BA !important; }


/* y system messages --> */
.system-message-container {
    background-color: rgba(255,255,255,.5);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 1000; }
.system-message-inner {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10%;
    z-index: 1001; }
.system-message {
    background-color: #fff;
    background-color: rgba(255,255,255,.98);
    border: 1px solid #0071BA;
    box-shadow: 0 6px 24px rgba(0,0,0,.1);
    color: #777;
    padding: 1em; }
.system-message.saving {
    color: #0071BA; }
/* <-- y system messages */


/*
 * Taggle - Input Tags Plugin
 * https://sean.is/poppin/tags
 *
 */
.taggle-container {
    background: white;
    box-shadow: inset 0 2px 1px #f9f9f9;
    min-height: 50px;
    padding: 10px 20px 5px 20px;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    color: #555;
    -webkit-transition: all .25s;
    transition: all .25s;
    cursor: text;
    margin-bottom: 20px;
    position: relative; }
.taggle-container:hover {
    border-color: #4A4A4A; }

.taggle-container.active {
    outline: none;
    border-color: #0071BA;
    box-shadow: 0 0 0 1px #0071BA; }

.taggle-container:before, .taggle-container:after {
    display: block;
    content: "";
    line-height: 0;
    clear: both; }

.taggle_placeholder {
    position: absolute;
    color: #CCC;
    top: 12px;
    left: 8px;
    -webkit-transition: opacity,.25s;
    transition: opacity,.25s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; }

.taggle_list {
    float: left;
    width: 100%;
    padding-left: 0;
    margin-bottom: 0; }

.taggle_list .taggle {
    margin-right: 8px;
    background: #0071BA;
    padding: 5px 22px 5px 10px;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    color: white; }

.taggle_list li {
    float: left;
    display: inline-block;
    white-space: nowrap;
    font-weight: 500;
    margin-bottom: 5px; }

.taggle_list .taggle .close {
    font-size: 14px;
    position: absolute;
    top: 7px;
    right: 7px;
    text-decoration: none;
    padding-left: 2px;
    padding-top: 3px;
    line-height: 75%;
    color: rgba(255, 255, 255, 0.3);
    padding-bottom: 4px;
    display: none;
    border: 0;
    background: 0 0;
    cursor: pointer;
    opacity: 1;
    text-shadow: none;
    font-weight: normal;
    display: block; }

.taggle_input {
    padding: 8px 8px 0 8px;
    padding-left: 0;
    float: left;
    margin-top: -5px;
    margin-bottom: 0 !important;
    background: 0 0;
    width: 100%;
    max-width: 100%;
    border: none !important;
    box-shadow: none !important; }
.taggle_input:focus {
    border: none !important;
    box-shadow: none !important; }

.taggle_input {
    border: 0;
    outline: 0;
    font-size: 16px;
    font-weight: 300;
    -webkit-transition: none;
    transition: none; }

.taggle_sizer {
    padding: 0;
    margin: 0;
    position: absolute;
    top: -500px;
    z-index: -1;
    visibility: hidden; }

.content-container {
    min-height: 100%;
    padding: 5px 35px 35px 35px;
    margin-bottom: -45px; }

.pushDiv, .footer {
    height: 45px; }

.footer {
    padding: 10px 35px 0 35px;
    margin: 0 0 0 130px;
    background-color: #f1f1f1;
    color: #aaa;
    font-size: 12px;
    font-weight: normal; }

@media screen and (min-width: 768px) and (max-width: 1000px) {
    .content-container {
        padding: 85px 35px 35px 165px;
        margin: 30px 0 !important; } }
@media screen and (min-width: 1000px) {
    .content-container {
        padding: 45px 35px 35px 165px; } }
@media screen and (max-width: 768px) {
    .content-container {
        padding-right: 15px !important;
        padding-left: 15px !important; } }
.cke {
    margin: 30px 0 !important; }

.summary {
    margin-bottom: 10px;
    color: #E3E3E3;
    font-style: italic; }

.jcf-select {
    display: block;
    height: 38px; }

.product-images ul {
    border-top: 1px solid #f1f1f1; }

.product-images ul, .product-images ul li {
    padding: 0;
    margin: 0;
    list-style-type: none; }

.product-images li {
    padding: 10px 5px !important;
    position: relative;
    /*border-bottom: 1px solid #f1f1f1;*/ }

.product-images li + li {
    border-top: 1px dotted #eee;
}

.product-images li.product-images__featured {
    background-color: #f1f1f1; }

.product-images li img {
    margin-right: 15px; }

.product-images p {
    width: 100%;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.product-images li > a {
    display: block;
    float: left; }

.product-images li > div {
    width: 100%;
    padding-left: 70px; }

.product-images .clearfix {
    clear: both !important;
    float: none; }

.product-images__action,
.product-images__featured i {
    margin-right: 15px;
    font-size: 10px;
    text-transform: uppercase; }

.product-images__action i {
    margin-right: 5px;
    color: #aaa;
    font-size: 12px; }

.dataTables_wrapper .jcf-select {
    display: inline-block;
    width: auto !important; }

.quick-actions h2 {
    margin-top: 10px;
    font-size: 40px;
    font-weight: bold; }

.quick-actions small {
    color: #aaa; }

.quick-actions__links {
    font-size: 11px;
    text-align: center;
    text-transform: uppercase; }

.quick-actions__link a {
    display: block;
    margin-bottom: 20px;
    cursor: pointer; }

.quick-actions__link a:hover {
    text-decoration: none; }

.quick-actions__link a:hover i {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
    color: #0071BA; }

.quick-actions__links i, .quick-actions__links span {
    cursor: pointer; }

.quick-actions__links i {
    display: block;
    margin-bottom: 20px;
    color: rgba(0, 113, 186, 0.1);
    font-size: 50px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }

.quick-actions__links span {
    color: #4A4A4A; }

.label-availability {
    padding: 2px 5px;
    border-radius: 2px;
    background-color: #333;
    color: white;
    font-size: 11px; }

.label-availability--on, .icon-availability--on {
    background-color: #248C24; }

.label-availability--off, .icon-availability--off {
    background-color: #BE0000; }

.label-availability--disabled, .icon-availability--disabled {
    background-color: #ccc; }

.icon-availability {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 10px;
    border-radius: 10px;
    vertical-align: middle; }

.produto-view__detail .label-availability {
    padding: 4px 8px;
    font-size: 14px; }

.produto-view__value {
    font-weight: bold; }

.produto-view__desc img {
    max-width: 100% !important;
    height: auto !important; }

.field-form {
    position: relative; }

.deleteForm {
    padding: 10px 15px;
    position: absolute;
    top: 26px;
    right: 15px;
    background-color: #BE0000;
    color: white; }

.support-box {
    padding: 30px;
    background-color: #0071BA;
    color: white; }

.support-box h1 {
    margin-bottom: 30px; }

.support-box p {
    max-width: 700px;
    margin-bottom: 40px; }

.support-box > a {
    display: block;
    float: left; }

.support-box > div {
    padding-left: 60px;
    float: left; }

.support-box__contact a {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid white;
    color: #48CAEB; }

.support-box__contact a:last-child {
    border: none; }

.support-box img {
    width: 150px;
    margin-top: 10px; }

.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.ellipsis {
    position: relative; }

.ellipsis:before {
    content: '&nbsp;';
    visibility: hidden; }

.ellipsis div {
    position: absolute;
    top: 50%;
    right: 10px;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
div.dt-button-info{position:fixed;top:50%;left:50%;width:400px;margin-top:-100px;margin-left:-200px;background-color:white;border:2px solid #111;box-shadow:3px 3px 8px rgba(0,0,0,0.3);border-radius:3px;text-align:center;z-index:21}div.dt-button-info h2{padding:0.5em;margin:0;font-weight:normal;border-bottom:1px solid #ddd;background-color:#f3f3f3}div.dt-button-info>div{padding:1em}button.dt-button,div.dt-button,a.dt-button{position:relative;display:inline-block;box-sizing:border-box;margin-right:0.333em;padding:0.5em 1em;border:1px solid #999;border-radius:2px;cursor:pointer;font-size:0.88em;color:black;white-space:nowrap;overflow:hidden;background-color:#e9e9e9;background-image:-webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:-moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:-ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:-o-linear-gradient(top, #fff 0%, #e9e9e9 100%);background-image:linear-gradient(to bottom, #fff 0%, #e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;outline:none}button.dt-button.disabled,div.dt-button.disabled,a.dt-button.disabled{color:#999;border:1px solid #d0d0d0;cursor:default;background-color:#f9f9f9;background-image:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:-moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:-ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:-o-linear-gradient(top, #fff 0%, #f9f9f9 100%);background-image:linear-gradient(to bottom, #fff 0%, #f9f9f9 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f9f9f9')}button.dt-button:active:not(.disabled),button.dt-button.active:not(.disabled),div.dt-button:active:not(.disabled),div.dt-button.active:not(.disabled),a.dt-button:active:not(.disabled),a.dt-button.active:not(.disabled){background-color:#e2e2e2;background-image:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 100%);background-image:linear-gradient(to bottom, #f3f3f3 0%, #e2e2e2 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f3f3', EndColorStr='#e2e2e2');box-shadow:inset 1px 1px 3px #999999}button.dt-button:active:not(.disabled):hover:not(.disabled),button.dt-button.active:not(.disabled):hover:not(.disabled),div.dt-button:active:not(.disabled):hover:not(.disabled),div.dt-button.active:not(.disabled):hover:not(.disabled),a.dt-button:active:not(.disabled):hover:not(.disabled),a.dt-button.active:not(.disabled):hover:not(.disabled){box-shadow:inset 1px 1px 3px #999999;background-color:#cccccc;background-image:-webkit-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-moz-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-ms-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:-o-linear-gradient(top, #eaeaea 0%, #ccc 100%);background-image:linear-gradient(to bottom, #eaeaea 0%, #ccc 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#eaeaea', EndColorStr='#cccccc')}button.dt-button:hover,div.dt-button:hover,a.dt-button:hover{text-decoration:none}button.dt-button:hover:not(.disabled),div.dt-button:hover:not(.disabled),a.dt-button:hover:not(.disabled){border:1px solid #666;background-color:#e0e0e0;background-image:-webkit-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-moz-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-ms-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:-o-linear-gradient(top, #f9f9f9 0%, #e0e0e0 100%);background-image:linear-gradient(to bottom, #f9f9f9 0%, #e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e0e0e0')}button.dt-button:focus:not(.disabled),div.dt-button:focus:not(.disabled),a.dt-button:focus:not(.disabled){border:1px solid #426c9e;text-shadow:0 1px 0 #c4def1;outline:none;background-color:#79ace9;background-image:-webkit-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-moz-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-ms-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:-o-linear-gradient(top, #bddef4 0%, #79ace9 100%);background-image:linear-gradient(to bottom, #bddef4 0%, #79ace9 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#bddef4', EndColorStr='#79ace9')}.dt-button embed{outline:none}div.dt-buttons{position:relative;float:left}div.dt-buttons.buttons-right{float:right}div.dt-button-collection{position:absolute;top:0;left:0;width:150px;margin-top:3px;padding:8px 8px 4px 8px;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.4);background-color:white;overflow:hidden;z-index:2002;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,0.3);z-index:2002;-webkit-column-gap:8px;-moz-column-gap:8px;-ms-column-gap:8px;-o-column-gap:8px;column-gap:8px}div.dt-button-collection button.dt-button,div.dt-button-collection div.dt-button,div.dt-button-collection a.dt-button{position:relative;left:0;right:0;display:block;float:none;margin-bottom:4px;margin-right:0}div.dt-button-collection button.dt-button:active:not(.disabled),div.dt-button-collection button.dt-button.active:not(.disabled),div.dt-button-collection div.dt-button:active:not(.disabled),div.dt-button-collection div.dt-button.active:not(.disabled),div.dt-button-collection a.dt-button:active:not(.disabled),div.dt-button-collection a.dt-button.active:not(.disabled){background-color:#dadada;background-image:-webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:-o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);background-image:linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f0f0f0', EndColorStr='#dadada');box-shadow:inset 1px 1px 3px #666}div.dt-button-collection.fixed{position:fixed;top:50%;left:50%;margin-left:-75px;border-radius:0}div.dt-button-collection.fixed.two-column{margin-left:-150px}div.dt-button-collection.fixed.three-column{margin-left:-225px}div.dt-button-collection.fixed.four-column{margin-left:-300px}div.dt-button-collection>*{-webkit-column-break-inside:avoid;break-inside:avoid}div.dt-button-collection.two-column{width:300px;padding-bottom:1px;-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}div.dt-button-collection.three-column{width:450px;padding-bottom:1px;-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3}div.dt-button-collection.four-column{width:600px;padding-bottom:1px;-webkit-column-count:4;-moz-column-count:4;-ms-column-count:4;-o-column-count:4;column-count:4}div.dt-button-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);background:-ms-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-moz-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-o-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:-webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0,0,0,0.3)), color-stop(1, rgba(0,0,0,0.7)));background:-webkit-radial-gradient(center, ellipse farthest-corner, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);background:radial-gradient(ellipse farthest-corner at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%);z-index:2001}@media screen and (max-width: 640px){div.dt-buttons{float:none !important;text-align:center}}


/* y produtoscategorias-categoria */
.produtos-categorias-form label {
    font-size: 21px;
}
select#produtoscategorias-categoria {
    height: 240px;
}
#produtoscategorias-categoria optgroup option {
    line-height: 1;
    padding: 15px;
}
#produtoscategorias-categoria optgroup option:hover,
#produtoscategorias-categoria optgroup option:focus {
    background-color: #eee;
}
#produtoscategorias-categoria optgroup option:checked {
    /* y todo */
}
#produtoscategorias-categoria optgroup option + option {
    border-top: 1px solid #eee;
}
#produtoscategorias-categoria optgroup option:before {
    content: " \f046";
    content: " \f096";
    font-family: FontAwesome;
    margin-right: 10px;
}
#produtoscategorias-categoria optgroup option:checked:before {
    content: " \f046";
}

/* form */

input[type="file"] {
    max-width: 100%;
}

/* nav-builder "site_menus" */

.nav-builder-list {
    border: 1px dashed #eee;
    min-height: 200px;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.nav-builder-list__item {
    list-style: none;
    margin: 1em;
}

.nav-builder-list__item__inner {
    background-color: #f8f8f8;
    padding: 1em;
    border: 1px solid #eee;
    border-left-width: 4px;
    cursor: move;
}

.nav-builder-list--available {

}

.nav-builder-list--selected .nav-builder-list__item {
    box-shadow: inset 0 1px 0 #fff;
    border-color: #E4EEF4;
    background-color: #EEF9FF;
}

.nav-builder-list .ui-sortable-placeholder {
    visibility: visible !important;
    border: 1px dotted #ddd;
    background-color: transparent;
}

.nav-builder-list__item--child {
    margin-right: 0;
}

/**
 * Nestable
 */

.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; }

.dd-handle { display: block; height: 30px; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; }

#nestable-menu { padding: 0; margin: 20px 0; }

#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

#nestable2 .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}
#nestable2 .dd-handle:hover { background: #bbb; }
#nestable2 .dd-item > button:before { color: #fff; }

@media only screen and (min-width: 700px) {

    .dd { float: left; width: 48%; }
    .dd + .dd { margin-left: 2%; }

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

/* theme 2021 */

#google_translate_element {
    display: none;
}

body {
    /* background-color: #f1f1f1; */
}
body,
.footer {
    /* background-color: #e4e9ec; */
    /* background-color: #f4f5f5; */
    background-color: #eef3f7;
}

.footer {
    color: #a7b5c1;
}

.content-container-stage,
.content-container .alert {
    /* max-width: 1440px; */
}


.content-container-stage {
    background-color: #fff;
    padding: 0;
    border-radius: 0;
    box-shadow: 0 1px 2px rgb(179, 195, 204), 0 8px 12px rgba(137, 159, 173, 0.3);
    /* max-width: 1440px; */
    margin: 0 auto;
}

.content-container-stage .summary {
    display: none;
}

.content-container-stage > div > h1 + p > .btn-success {
    margin: 16px 0 16px 16px;
}

.content-container-stage > div > h1 {
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 20px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 600;
    background-color: transparent;
    line-height: 1;
    color: #0071BA;
}

.content-container-stage th {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: .1em;
}

.content-container-stage th a {
    color: #222;
}

.content-container-stage table th:first-child,
.content-container-stage table td:first-child {
    padding-left: 16px;
}

.content-container-stage > div input,
.content-container-stage > div select {
    height: 44px;
}

.content-container-stage > div input,
.content-container-stage > div select,
.content-container-stage > div textarea {
    background-color: #f8f8f8;
    background-color: #f4f5f5;
    background-color: #fff;
}

.content-container-stage .cke {
    margin: 0 0 20px!important;
}
.content-container-stage .cke_chrome {
    box-shadow: none;
}

.content-container-stage [class*="-update"],
.content-container-stage [class*="-create"] {
    padding: 0;
}

.content-container-stage [class*="-update"] [class*="-form"],
.content-container-stage [class*="-create"] [class*="-form"] {
    /* background-color: #f9f9f9; */
    background-color: #fbfbfb;
    padding: 16px 0 0;
}

.content-container .alert {
    /* max-width: 1440px; */
    margin: 0 auto 20px;
    border-radius: 0;
    border-width: 1px 1px 1px 4px;
    background-color: #fff;
    box-shadow: 0 8px 12px rgba(137, 159, 173, 0.3);
}

[data-user="enius_editor"] #navMenu a[href*="dashboard"],
[data-user="enius_editor"] #navMenu a[href*="user"] {
    display: none;
}

.help-block {
    margin-top: -13px;
    font-size: 12px;
}

[type="file"] + .help-block {
    margin-top: 5px;
}

.content-container-stage table td:last-child {
    text-align: left;
    /* padding-right: 16px; */
}
.content-container-stage table td:last-child a {
    margin-right: 16px;
}