/**********************************************************
 Root
 **********************************************************/
:root {
    /*** Color ***/
    --color-primary:         #18232d;
    --color-primary-dark:    #0E1419;
    --color-primary-light:   #969B9F;

    --color-secondary:       #25a5cc;
    --color-secondary-dark:  #155A70;
    --color-secondary-light: #9BD6E7;

    --color-accent:          #725ac1;
    --color-accent-dark:     #3F326A;
    --color-accent-light:    #BEB4E2;

    --color-success:         #3fa34d;
    --color-success-dark:    #23592A;
    --color-success-light:   #A7D5AE;

    --color-alret:           #ea526f;
    --color-alret-dark:      #802D3D;
    --color-alret-light:     #F5B0BD;

    --color-grey:            #a2a8ad;
    --color-grey-dark:       #404345;
    --color-grey-light:      #ebf0f4;

    --color-facebook:        #4064b3;
}

@font-face {
    font-family: "RobotoRegular";
    src: url("/fonts/Roboto/RobotoRegular/RobotoRegular.eot");
    src: url("/fonts/Roboto/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Roboto/RobotoRegular/RobotoRegular.woff") format("woff"),
    url("/fonts/Roboto/RobotoRegular/RobotoRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "RobotoLight"; */

@font-face {
    font-family: "RobotoLight";
    src: url("/fonts/Roboto/RobotoLight/RobotoLight.eot");
    src: url("/fonts/Roboto/RobotoLight/RobotoLight.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Roboto/RobotoLight/RobotoLight.woff") format("woff"),
    url("/fonts/Roboto/RobotoLight/RobotoLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "RobotoMedium"; */

@font-face {
    font-family: "RobotoMedium";
    src: url("/fonts/Roboto/RobotoMedium/RobotoMedium.eot");
    src: url("/fonts/Roboto/RobotoMedium/RobotoMedium.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Roboto/RobotoMedium/RobotoMedium.woff") format("woff"),
    url("/fonts/Roboto/RobotoMedium/RobotoMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

/* font-family: "RobotoBold"; */

@font-face {
    font-family: "RobotoBold";
    src: url("/fonts/Roboto/RobotoBold/RobotoBold.eot");
    src: url("/fonts/Roboto/RobotoBold/RobotoBold.eot?#iefix") format("embedded-opentype"),
    url("/fonts/Roboto/RobotoBold/RobotoBold.woff") format("woff"),
    url("/fonts/Roboto/RobotoBold/RobotoBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Proxima";
    src: url("/fonts/proxima/proximanova-regular-webfont.eot");
    src: url("/fonts/proxima/proximanova-regular-webfont.eot?#iefix") format("embedded-opentype"),
    url("/fonts/proxima/proximanova-regular-webfont.woff") format("woff"),
    url("/fonts/proxima/proximanova-regular-webfont.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "bebas";
    src: url("/fonts/bebas/BebasNeue_Regular.eot");
    src: url("/fonts/bebas/BebasNeue_Regular.eot?#iefix") format("embedded-opentype"),
    url("/fonts/bebas/BebasNeue_Regular.woff") format("woff"),
    url("/fonts/bebas/BebasNeue_Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "glyph";
    src: url("/fonts/bebas/BebasNeue_Regular.eot");
    src: url("/fonts/bebas/BebasNeue_Regular.eot?#iefix") format("embedded-opentype"),
    url("/fonts/bebas/BebasNeue_Regular.woff") format("woff"),
    url("/fonts/bebas/BebasNeue_Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html,
body {
    min-height: 100vh;
}

body {
    background-color: #eef3f8;
    color: #222636;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    text-rendering: optimizelegibility;
    margin: 0;
    padding: 0;
    min-width: 100%;
    max-width: 100%;
}

a {
    color: #33bbe5;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
    text-decoration: none;
    cursor: pointer;
}

*:focus {
    outline: none !important;
    text-decoration: none !important;
}

.center {
    text-align: center;
}

a:hover {
    text-decoration: none !important;
}

button {
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: 0 none;
}

label {
    font-weight: 100;
    font-size: 13px;
    color: #8a9198;
    margin-bottom: 7px;
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.btn,
.btn > *,
label,
button {
    cursor: pointer;
}

.row .col {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0 0.75rem;
}

.btn {
    border: none;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.btn-border {
    background: #fff;
    border: 2px solid #fff;
    color: #000;
}

.btn-border:hover {
    background: #0067bd;
    color: #fff;
}

.btn-default {
    background: #fff none repeat scroll 0 0;
    border: 1px dashed #a1abb4;
    color: #000;
    text-transform: uppercase;
}

.btn-default:hover {
    -webkit-box-shadow: 0 2px 8px -6px rgba(35, 47, 53, .09);
    box-shadow: 0 2px 8px -6px;
    background: #fff;
}

.btn-default-no {
    background: transparent;
    border: 1px dashed transparent;
    color: #adb5bb;
    padding: 10px !important;
    text-transform: uppercase;
}

.btn-default-no.active {
    color: #000;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .125);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .125);
}

.butons-content-mediaplan .btn-default:hover {
    color: #fff;
    border: 1px solid #25a5cc;
    background: #25a5cc;
}

[class*="btn-"]:not(.btn-action) {
    border-radius: 2px !important;
}

h3 {
    font-weight: 700;
}

.btn {
    border-radius: 0;
    padding: 10px 15px;
    font-size: 12px;
}

.cl {
    clear: both;
}

.cr {
    clear: right;
}

ul,
li,
table,
tr,
td {
    padding: 0;
    margin: 0;
}

ul,
li {
    list-style: none;
}

p {
    margin: 0;
}

/*SASA*/

#profil_edit_part_agency_block,
#profil_edit_part_brands_block {
    height: auto !important;
}

.container {
    width: 1154px;
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.top_bar_header {
    height: 70px;
}

.navbar-brand {
    display: flex;
    float: none;
    height: 70px;
    position: relative;
}

.navbar-brand img {
    max-width: 100% !important;
    max-height: 48px !important;
    margin: auto;
    display: block;
}

.navbar-logo:after {
    background: url(/img/logo_kicksocial_white.svg) no-repeat 0 0;
    background-size: cover;
    display: block;
    width: 103px;
    height: 53px;
    content: "";
    position: absolute;
    top: 10px;
    left: 53px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.toggled-2 .navbar-logo:after {
    left: 7px;
    width: 40px;
    background-position: -38px 8px;
}

.toggled-2 #sidebar-wrapper:hover .navbar-logo:after {
    left: 20px;
    width: 103px;
    background-position: 0 8px;
}

.navbar-collapse {
    background: #33bbe5;
    height: 70px;
}

.user-box a.user-link {
    border: 1px solid transparent;
    margin: 5px 0 5px 5px;
}

.user-box .user-img {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 50px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/**************left_menu css****************/

#wrapper {
    overflow: hidden;
    position: relative;
    min-height: 100vh;
    max-width: 100vw;
}

#wrapper.toggled {
    padding-left: 250px;
    overflow: scroll;
}

#sidebar-wrapper {
    z-index: 999;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 220px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;
    box-shadow: 0 0 3px #afb6d1;
    background: #18232d;
}

#wrapper.toggled-2 #sidebar-wrapper .fixed-menu {
    overflow: hidden;
    position: fixed !important;
    top: 0;
    width: 56px;
    height: 100%;
}

.fixed-menu {
    background-color: #18232d;
    overflow: hidden;
    position: fixed !important;
    top: 0;
    width: 220px;
    height: 100%;
}

#wrapper.toggled #sidebar-wrapper,
#wrapper.toggled-2 #sidebar-wrapper:hover .fixed-menu {
    width: 220px;
}

#wrapper.toggled-2 #sidebar-wrapper {
    width: 56px;
}

#wrapper.toggled-2 #sidebar-wrapper:hover {
    width: 220px;
}

#page-content-wrapper {
    position: relative;
    margin-left: 220px;
    padding-bottom: 20px;
}
#wrapper.toggled-2 #page-content-wrapper {
    margin-right: 0;
    margin-left: 56px;
    width: auto;

}
.xyz {
    min-width: 360px;
}

#wrapper.toggled #page-content-wrapper {
    margin-right: 0;
}

.fixed-brand {
    width: auto;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.sidebar-nav li {
    margin-top: 2px !important;
    line-height: 50px;
    white-space: nowrap;
}

.sidebar-nav li ul li {
    line-height: 35px;
    height: 35px;
}

.sidebar-nav li ul li i {
    height: 15px;
    line-height: 9px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    border-radius: 0;
    color: #9ca6af;
    font-size: 13px;
    margin-right: 12px;
    overflow: hidden;
}

.sidebar-nav li.hr {
    background-color: rgba(255,255,255,.1);
    height: 1px;
    padding: 0;
    margin: 0;
}

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

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

.side-notificari {
    display: inline;
}

.fa-stack {
    height: 50px;
}
.fa-stack-1x,
.fa-stack-2x {
    top: 6px;
}
.sidebar-nav li a:hover {
    text-decoration: none;
    background: #131b22;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

.no-margin {
    margin: 0;
    border: 0;
}

@media (min-width: 768px) {
    .fixed-brand {
        background: #222636 none repeat scroll 0 0;
        float: none;
        height: 70px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 275px;
    }

    .fixed-brand {
        width: 100%;
    }

    .board_container #page-content-wrapper-inter {
        padding: 1px 0 0 0;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 250px;
    }


}

#wrapper.toggled-2 .user-box .user-img {

    margin: 0 auto;
    position: relative;
    width: 43px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.card,
.card-panel {
    position: relative;
}
.content_mp,
.card-panel,
.profile_tabs {
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 1px -1px rgba(0, 0, 0, 0.08), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.card {
    background-color: #fff;
    border-radius: 2px;
    margin: 10px;
    position: relative;
    transition: box-shadow 0.25s ease 0s;
}

.companies-board-card {
    margin: 0 10px;
}

.col.l3 {
    left: 0;
    margin-left: 0;
    right: 0;
    width: 33%;
    float: left;
}

.col_33 {
    left: 0;
    margin-left: 0;
    right: 0;
}

.sidebar-nav .fa-stack {
    width: 56px;
    margin-top: 5px;
    margin-right: 4px;
}

.title-card-text {
    background-color: #e8edf2;
    font-size: 14px;
    padding: 12px 20px;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
}

.title-card-text-profile {
    border-bottom: 0 solid #e8edf2;
    padding: 13px 10px 13px 15px;
    height: 54px;
    font-family: bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
}
.title-card-text-profile small {
    display: inline-block;
    font-size: 13px;
    padding-top: 7px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.options_card {
    float: right;
    position: relative;
}

.options_card button {
    background: transparent;
    border: 0;
    color: #bdc3d1;
    font-size: 18px;
    line-height: 0;
    padding: 0 0 0 9px;
}

.options_card form {
    background: transparent;
    border: 0;
    color: #bdc3d1;
    font-size: 18px;
    line-height: 0;
    padding: 0 0 0 9px;
    float: left;
}

.options_card a.options_card_icon {
    color: #bdc3d1;
    font-size: 18px;
    line-height: 0;
    padding: 0 0 0 9px;
}

.options_card a.options_card_icon:hover {
    color: #222636;
}

.navbar-toggle {
    background-color: #148e76 !important;
    border: 0;
    color: #fff;
    font-size: 18px;
    height: 69px;
    cursor: pointer;
    width: 56px;
    margin: 0;
    border-radius: 0;
}

.navbar-toggle:hover {
    background: #e8edf2 !important;
}

.glyphicon-th-large::before {
    content: '';
}

.img-card-logo a {
    display: block;
    text-align: center;
    padding: 5px 0;
    margin: 0 auto;
}

.img-card-logo a img {
    border: 1px solid #dde5ec;
    max-width: 100%;
}

.descript-card-text {
    padding: 5px 10px;
}

.menu_top_li a {
    color: #fff;
    display: block;
    height: 70px;
    text-align: center;
    text-transform: uppercase;
    min-width: 96px;
    font-family: Helvetica, serif;
    padding: 0 !important;
}

.navbar-nav {
    float: none;
}

.navbar-default .navbar-nav > li > a {
    line-height: 15px;
    color: #fff;
}

.menu_top_li a:hover {
    background: #087a64;
}

.menu_top_li a i {
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 7px;
}

.navbar-nav li {
    float: left;
}

a.active_top_menu,
a.active_top_menu:hover {
    color: #222636 !important;
    background: #e8edf2 !important;
}

a.active_top_menu i {
    color: #222636
}

.search_top_menu {
    color: #fff !important;
    font-size: 24px;
    position: absolute;
    right: 70px;
    width: 330px;
}

.setings_top_menu a {
    color: #fff !important;
}

li.trial_top_menu {
    float: right;
}

.block_name_avatar_leftmenu .name_left {
    font-size: 14px;
    color: #222636;
}

.block_name_avatar_leftmenu a,
.block_name_avatar_leftmenu a:hover {
    border: 0 !important;
    background: transparent !important;
}

.angle-down-menu {
    position: absolute;
    right: 20px;
    margin-top: 12px;

}

.report_circle {
    background-color: rgba(244, 67, 54, 1);
    color: #fff;
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-indent: 0;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    z-index: 10;
    left: 35px;
    top: 10px;
    -webkit-animation: led 2.5s infinite;
    -moz-animation: led 2.5s infinite;
    -o-animation: led 2.5s infinite;
    animation: led 2.5s infinite;
}

.report_circle_group {
    background-color: rgba(244, 67, 54, 1);
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    position: absolute;
    left: 5px;
    text-align: center;
    text-indent: 0;
    top: 5px;
    width: 18px;
    z-index: 10;
    -webkit-animation: led 2.5s infinite;
    -moz-animation: led 2.5s infinite;
    -o-animation: led 2.5s infinite;
    animation: led 2.5s infinite;
}

.report_circle_list {
    background-color: rgba(244, 67, 54, 1);
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 18px;
    line-height: 18px;
    left: -11px;
    text-align: center;
    text-indent: 0;
    top: -5px;
    width: 18px;
    z-index: 10;
    display: inline-block;
    -webkit-animation: led 2.5s infinite;
    -moz-animation: led 2.5s infinite;
    -o-animation: led 2.5s infinite;
    animation: led 2.5s infinite;
}

.report_circle_brand {
    -webkit-animation: led 2.5s infinite;
    -moz-animation: led 2.5s infinite;
    -o-animation: led 2.5s infinite;
    animation: led 2.5s infinite;
}

/* keyframes */

@-webkit-keyframes led {
    0% {
        opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes led {
    0% {
        opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .4;
    }
}

@-ms-keyframes led {
    0% {
        opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .4;
    }
}

@-o-keyframes led {
    0% {
        opacity: .4;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: .4;
    }
}

@keyframes led {
    0% {
        box-shadow: 0 0 0 0 rgba(193, 0, 0, 1);
        opacity: .4;
    }

    50% {
        box-shadow: 0 0 0 10px rgba(193, 0, 0, 0);
        opacity: 1;
    }
    100% {
        opacity: .4;
    }
}

.status_left {
    color: #b4b4b4;
    font-size: 12px;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.status_block {
    color: #b4b4b4;
    font-size: 12px;
    height: 15px;
}

.arrow_name {
    color: #989898;
    text-align: center;
}

.user-link,
.block_name_avatar_leftmenu,
.arrow_name {
    float: left;
}

.user-box {
    line-height: 18px !important;
}

.block_name_avatar_leftmenu {
    height: 50px;
    max-width: 110px;
    overflow: hidden;
    padding-left: 12px;
    padding-top: 13px;
    text-align: left;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

}

.arrow_name a {
    border: 0 none !important;
    display: inline-block !important;
    height: 20px;
    margin-top: 20px;
    right: 0 !important;
    text-indent: 0;
    width: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.arrow_name a:hover {
    background: transparent !important;
}

.toggled-2 .user-box {
    line-height: 18px !important;
    text-indent: 18px !important;
}

.toggled-2 .block_name_avatar_leftmenu {
    padding-top: 8px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.toggled-2 .status_left {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.toggled-2 .arrow_name a {
    margin-top: 19px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.section_hr hr {
    border: none;
    color: #d4d9de;
    background-color: #d4d9de;
    height: 1px;
    margin-top: 0;
}

.sidebar-nav li ul li a {
    font-size: 11px;
}

/*************** search css *********************/

.sb-search {
    position: relative;
    margin-top: 4px;
    width: 0;
    min-width: 60px;
    height: 60px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
    -webkit-backface-visibility: hidden;
}

.sb-search-input {
    background: rgba(255, 255, 255, .25);
    border: medium none;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    height: 40px;
    left: 80px;
    margin: 0 0 0 -68px;
    outline: medium none;
    padding: 10px 65px 10px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 84%;
    z-index: 10;
}

.sb-search-input::-webkit-input-placeholder {
    color: #fff;
}

.sb-search-input:-moz-placeholder {
    color: #fff;
}

.sb-search-input::-moz-placeholder {
    color: #fff;
}

.sb-search-input:-ms-input-placeholder {
    color: #fff;
}

.sb-icon-search,
.sb-search-submit {
    width: 60px;
    height: 60px;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    line-height: 60px;
    text-align: center;
    cursor: pointer;
}

.sb-search-submit {
    background: #fff;
    /* IE needs this */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 8 */
    filter: alpha(opacity=0);
    /* IE 5-7 */
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.sb-icon-search {
    color: #fff;
    background: #33bbe5;
    z-index: 90;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
}

/* Open state */

.sb-search.sb-search-open,
.no-js .sb-search {
    width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
    background: #148e76 none repeat scroll 0 0;
    color: #fff;
    z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
    z-index: 90;
}

/****************** CARUSEL STYLE *********************/

.carousel {
    max-width: 100%;
    position: relative;
}

.carousel-item img {
    width: 100%;
    height: auto;
}

.carousel-nav {
    position: absolute;
    bottom: 0;
    z-index: 4;
    width: 100%;
}

.carousel-nav a {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    color: #333;
    font-size: 18px;
    opacity: 0.8;
    padding: 10px 20px;
    position: absolute;
    text-decoration: none;
    height: 25px;
    line-height: 22px;
}

.carousel-nav a.prev:hover,
.carousel-nav a.next:hover {
    background: #e8edf2;
}

.carousel-nav a.prev {
    left: 0;
}

.carousel-nav a.next {
    right: 0;
}

.carousel-nav-paginated .carousel-active-page a {
    background: #333;
    color: #fff;
    opacity: .8;
}

.carousel-flip {
    position: relative;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

}

.carousel-flip .carousel-item {
    position: absolute;
    top: 0;
    width: 100%;
    /* necessary for non-active slides */
    display: block;
    /* overrides basic carousel styles */
    z-index: 1;
    opacity: 0;
    height: 250px;
    -webkit-transition: -webkit-transform .2s ease;
    -moz-transition: -moz-transform .2s ease;
    -o-transition: -o-transform .2s ease;
    transition: transform .2s ease;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;

    backface-visibility: hidden;
}

.carousel-no-transition .carousel-item {
    -webkit-transition: none;
    -moz-transition: none;

    -o-transition: none;
    transition: none;
}

.carousel-flip .carousel-active {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    position: relative;
    z-index: 2;
    opacity: 1;
}

.carousel-flip .carousel-out,
.carousel-flip-reverse .carousel-item {
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.carousel-flip .carousel-in {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    opacity: 1;
}

.carousel-flip .carousel-top {
    z-index: 3;
    opacity: 1;
}

.carousel-flip-reverse .carousel-out {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);

}

.carousel-flip-reverse .carousel-in {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.view_all_link {
    display: block !important;
    font-size: 12px !important;
    margin: 0 auto;
    position: relative !important;
    text-align: center;
    width: 100px !important;
}

/************************************ End carusel******************************************/

/********************************** Chart progress ****************************************/

.pie-title-center {
    display: inline-block;
    padding: 20px 0 20px;
    position: relative;
    text-align: center;
}

.chart-card .pie-title-center {
    width: 19.75%;
    height: 190px;
}

.chart-card span.chart_center {
    display: block;
    position: absolute;
    font-size: 17px;
    height: 40px;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -32px;
    line-height: 40px;
    letter-spacing: -.04em;
}

.chart-card p {
    display: block;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    margin-top: -45px;
    position: absolute;
    right: 0;
    top: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.chart-card p .material-icons,
.chart-card p .glyphicons {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}

.overview_popap .pie-title-center {
    width: 19.7%;
    height: 150px;
}

.overview_popap span.chart_center {
    display: block;
    position: absolute;
    font-size: 18px;
    height: 40px;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -34px;
    line-height: 40px;
}

.overview_popap p {
    display: block;
    font-size: 12px;
    height: 30px;
    left: 0;
    line-height: 30px;
    margin-top: -45px;
    position: absolute;
    right: 0;
    top: 100%;
    overflow: hidden;
}

.chart-card canvas {
    background: #fff url("/img/chart_bg.png") no-repeat scroll center center;
    padding: 10px;
    border-radius: 50%;

}

.overview_popap canvas {
    background: #fff url("/img/chart_bg.png") no-repeat scroll center center;
    padding: 10px;
    border-radius: 50%;

}

[class*="demo-pie-"] canvas {
    background-color: transparent;
}
.pie-wrap {
    background-color: transparent;
    position: relative;
    display: inline-flex;
}

.pie-wrap:after {
    background-color: transparent;
    display: block;
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border-radius: 50%;
    border: 5px solid;
}

[data-order="1"] canvas {
    box-shadow: 0 0 10px rgba(76, 175, 80, 0.3);
}
[data-order="1"] .pie-wrap:after {
    border-color: #68b828;
}

[data-order="2"] canvas {
    box-shadow: 0 0 10px rgba(132, 101, 212, 0.3);
}
[data-order="2"] .pie-wrap:after {
    border-color: #8465d4;
}

[data-order="3"] canvas {
    box-shadow: 0 0 10px rgba(244, 67, 54, 0.3);
}
[data-order="3"] .pie-wrap:after {
    border-color: #f44336;
}

[data-order="4"] canvas {
    box-shadow: 0 0 10px rgba(25, 146, 186, 0.3);
}
[data-order="4"] .pie-wrap:after {
    border-color: #1992ba;
}

[data-order="5"] canvas {
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.3);
}
[data-order="5"] .pie-wrap:after {
    border-color: #ffc107;
}

/******************************** End Chart progress ****************************************/

/********************************** Tabs Main page ******************************************/

.ui-slider-tabs {
    width: 100%;
}

.ui-slider-tabs-list-wrapper {
    position: relative;
    width: 100%;
    font-family: Arial, sans-serif;
    margin: 0 0 -1px 0;
    z-index: 50;
}

.ui-slider-tabs-list-wrapper.bottom {
    margin: -1px 0 0 0;
}

.ui-slider-tabs-list-container {
    overflow: hidden;
}

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

.ui-slider-tabs-list li {
    display: inline-block;
    border-bottom: 1px solid #e8edf2;
    border-right: 1px solid #e8edf2;
    margin: 0;
    font-size: 13px;
    font-weight: bold;
    border-top: 3px solid #f8f8f8;
    background: #f8f8f8;
    /* Old browsers */
    max-height: 70px;

}

.ui-slider-tabs-list li a {
    display: block;
    padding: 5px 15px;
    text-decoration: none;
    color: #555;
    margin: 0;
}

.ui-slider-tabs-list li a:hover {
    color: #000;
}

.ui-slider-tabs-list li.selected {
    background: #fff none repeat scroll 0 0;
    border-bottom-color: #fff;

    border-top: 3px solid #33bbe5;
}

.add_socials_platform li.active {
    background: #fff none repeat scroll 0 0;
    border-bottom-color: #fff;

    border-top: 3px solid #33bbe5;
}

.ui-slider-tabs-list-wrapper.bottom .ui-slider-tabs-list li.selected {
    border-top-color: #fff;
    border-bottom-color: #cfcfcf;
}

.ui-slider-tabs-list li.selected a {
    cursor: default;
    color: #000;
}

.ui-slider-tabs-list li:first-of-type {
    border-left: 1px solid #cfcfcf;
}

.ui-slider-tabs-content-container {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #fff;
}

.ui-slider-tab-content {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    padding: 0;
}

.ui-slider-left-arrow,
.ui-slider-right-arrow,
.ui-slider-left-arrow.edge:hover,
.ui-slider-right-arrow.edge:hover {
    display: block;
    position: absolute;
    border-right: 1px solid #e0e6ec;
    border-left: 1px solid #e0e6ec;

    background: #fcfcfc;
    /* Old browsers */
}

.ui-slider-left-arrow:hover,
.ui-slider-right-arrow:hover {
    background: #ffffff;
    /* Old browsers */
}

.ui-slider-left-arrow {
    left: 0;
    top: 0;
}

.ui-slider-left-arrow div {
    background-image: url('/img/leftArrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: inherit;
}

.ui-slider-left-arrow.edge div {
    opacity: .25;
}

.ui-slider-left-arrow.edge {
    box-shadow: none;
    cursor: default;
}

.ui-slider-tabs-list-wrapper.bottom .ui-slider-left-arrow {
    border-top-left-radius: 0;

}

.ui-slider-right-arrow {
    top: 0;
    right: 0;
}

.ui-slider-right-arrow div {
    background-image: url('/img/rightArrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    height: inherit;
}

.ui-slider-right-arrow.edge div {
    opacity: .25;
}

.ui-slider-right-arrow.edge {
    box-shadow: none;
    cursor: default;
}

.ui-slider-tabs-list-wrapper.bottom .ui-slider-right-arrow {
    border-top-right-radius: 0;

}

.ui-slider-tabs-indicator-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.ui-slider-tabs-indicator {
    width: 10px;
    height: 10px;
    background-image: url('/img/indicator.png');
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 3px;
    cursor: pointer;
}

.ui-slider-tabs-indicator.selected {
    background-image: url('/img/indicatorActive.png');
}

.ui-slider-tabs-leftPanelArrow {
    position: absolute;
    left: 0;
    width: 30px;
    height: 35px;
    background-image: url('/img/leftPanelArrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=5);
}

.ui-slider-tabs-rightPanelArrow {
    position: absolute;
    right: 0;
    width: 30px;
    height: 35px;
    background-image: url('/img/rightPanelArrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=5);
}

.ui-slider-tabs-rightPanelArrow.showOnHover,
.ui-slider-tabs-leftPanelArrow.showOnHover {
    opacity: 0;
    display: none;
}

.ui-slider-tabs-content-container:hover .ui-slider-tabs-rightPanelArrow.showOnHover,
.ui-slider-tabs-content-container:hover .ui-slider-tabs-leftPanelArrow.showOnHover {
    opacity: .5;
    display: inline-block;
}

.ui-slider-tabs-content-container .ui-slider-tabs-rightPanelArrow:hover,
.ui-slider-tabs-content-container .ui-slider-tabs-leftPanelArrow:hover,
.ui-slider-tabs-content-container .ui-slider-tabs-rightPanelArrow.showOnHover:hover,
.ui-slider-tabs-content-container .ui-slider-tabs-leftPanelArrow.showOnHover:hover {
    opacity: 1;
}

/******************************** End Tabs Main page ****************************************/

/********************************* Vertical Carusel *****************************************/

#thumbs2 {
    height: 370px;
    float: left;
    *display: inline;
    padding: 16px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    width: 10%;
}

#thumbs2 div.inner {
    width: auto;
    /* padding:2px;*/
    /*the followings should not be changed */
    height: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

#thumbs2 div.inner ul {

    /*the followings should not be changed */
    position: relative;
    left: 0;
    top: 0;
    list-style: none;
    /*font-size:0;*/
    padding: 0;
    margin: 0;
    float: left !important;
    width: auto !important;
    height: auto !important;
}

#thumbs2 ul li {
    display: block;
    border: 4px solid transparent;
    outline: 1px solid transparent;
    margin: 0;
    margin-bottom: 3px;
    /* Spacing between thumbs*/
    box-sizing: content-box;
    text-align: center;
    padding: 0;
    position: relative;
    list-style: none;
    backface-visibility: hidden;
    height: 115px;
    width: 100px;
    cursor: pointer;
}

#thumbs2 ul li div {
    padding-top: 5px;
}

#thumbs2 ul li span {
    padding-top: 5px;
    display: block;
    font-size: 16px;
}

#thumbs2 li:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

#thumbs2 .thumb {

    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    position: absolute;
    font-size: 0;
}

/* --------- navigation controls ------- */

/* The nav id should be: slider id + ("-prev", "-next", and "-pause-play") */

#thumbs2-pause-play {
    display: none;
}

/*.pause*/

#thumbs2-prev,
#thumbs2-next {
    position: absolute;
    width: 108px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 0;
    z-index: 10;
    cursor: pointer;
    transition: opacity 0.6s;
    background-color: #fff;
    backface-visibility: hidden;
    border: 1px solid #e8edf2;
}

#thumbs2-prev:hover,
#thumbs2-next:hover {
    background-color: #33bbe5;
    border: 1px solid #fff;

}

#thumbs2-prev:hover::before,
#thumbs2-next:hover::before {
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
}

#thumbs2-prev {
    top: -25px;
}

#thumbs2-next {
    bottom: -25px;
}

#thumbs2-next.disabled,
#thumbs2-prev.disabled {
    opacity: 0.1;
    cursor: default;
}

/* arrows */

#thumbs2-prev::before,
#thumbs2-next::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: -7px;
    border-left: 3px solid #222636;
    border-top: 3px solid #222636;
}

#thumbs2-prev::before {
    top: 12px;
    -ms-transform: rotate(-45deg);
    /*IE9*/
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#thumbs2-next::before {
    bottom: 12px;
    -ms-transform: rotate(135deg);
    /*IE9*/
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.icon_vertical_slider i {
    font-size: 30px;
    color: #d2d7dc;
    border: 1px solid #d2d7dc;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    line-height: 70px;
}

#thumbs2 ul li:hover i {
    color: #909298;
    border: 1px solid #909298;
}

.icon_vertical_slider {
    text-align: center;
}

.position_vertical_slider {
    margin-top: 30px;
    margin-left: 10px;
}

#thumbs2 ul li.active i {
    border: 2px solid #fff;
    background: #33bbe5;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    height: 70px;
    line-height: 70px;
    width: 70px;
    box-shadow: 0 0 5px #47ddc0;
}

/******************************* End Vertical Carusel ***************************************/

.block_single_team {
    float: left;
    margin: 10px 0 0;
    text-align: center;
    width: 100%;
}

.block_single_team_popap {
    /*float: left;*/
    height: 60px;
    margin: 5px 10px;
    position: relative;
    text-align: center;
    width: 60px;
    cursor: pointer;
}

.block_single_team_popap .dropdown-toggle {
    position: relative;
}

.add_pers_email_popap {
    height: 55px;
    margin-top: 10px;
}

.title_popap {
    /* border-bottom: 1px solid #d7d7d7;*/
    color: #000;
    display: block;
    font-size: 15px;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    text-align: left;
    padding-bottom: 0;
    padding-left: 5px;
}

.delete_team_popap {
    color: #f44336;
    display: block;

    line-height: 6px;
    position: absolute;
    right: 0;
    opacity: 0;
}

.status_team_popap {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cad1d8;
    border-radius: 50%;
    bottom: 5px;
    color: #222636;
    display: block;

    font-size: 12px;
    height: 20px;
    line-height: 19px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 20px;
}

.block_single_team_popap:hover .delete_team_popap {
    opacity: 1;
}

.avatars_popap {
    margin-bottom: 10px;
}

.add_pers_email_popap input {
    float: left;
    width: 360px !important;
    border-radius: 0 !important;
}

.add_pers_email_popap button {
    border-radius: 0 !important;
    float: left;
    height: 43px;
    margin: 0 !important;
}

.avatars_popap_ul .name_left {
    font-size: 12px;
}

.avatars_popap_ul_setca .name_left {
    font-size: 11px;
}

.avatars_popap_ul img {
    margin-left: 5px;
    margin-top: 8px;
    width: 70%;
}

.avatars_popap_ul_setca img {
    margin-left: 0;
    margin-top: 0;
    width: 70%;
}

.avatars_popap_ul_setca .block_single_team_popap {

    height: 40px;
}

.date_generale_company_socials .block_single_team {
    width: 11%;
    margin: 25px 2% 0;
    text-align: center;
    float: left;
}

.img-card-team .dropdown-toggle {
    display: block;
    float: none;
    margin: 0 auto;
}

.brand_team .dropdown-toggle {
    display: block;
    float: none;
    margin: 0 auto;
}

.brand_team img {
    height: 50px;
    margin: 0 auto;
    width: 50px;
}

.name_left {
    color: #222636;
    font-size: 12px;
}

.img-card-team img {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.descript-card-text {
    float: left;
    width: 50%;
}

.descript-card-text p.email {
    margin: 15px 0;
    color: #0058a2;
}

.descript-card-text p.about {
    max-height: 170px;
    overflow: hidden;
}

.value {
    color: #555;
}

.block_group_card {
    display: block;
    float: left;
    margin: 6px 4% 0;
    padding: 6px 2%;
    width: 88%;
}

.block_group_card .user-link {
    margin-right: 10px;
}

.block_group_card_content .user-img {
    width: 25px;
    height: 25px;
}

.notific_person li {
    float: left;
    margin-right: 10px;
}

.notific_person img {
    width: 25px;
    height: 25px;
}

.block_group_card {
    background: #fff;
    border: 1px solid #e8edf2;
}

.card-empy .block_group_card {
    background: #fff;
    border: 0 solid #e8edf2;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    position: relative;
}

.card-empy .slick-list {
    overflow: visible;
}

.block_group_card_company {
    display: block;
    float: left;
    margin: 8px 0 4px;
    width: 99.3%;
}

.block_group_card_company_inter {
    padding: 5px 5px;
}

/*
.block_group_card_company:hover  {
    background: #33bbe5 none repeat scroll 0 0;
    color: #fff;
}
.block_group_card_company:hover  a{
   	color:#fff !important;
	-webkit-transition: -webkit-transform 0s ease;
	-moz-transition: -moz-transform 0s ease;
	-ms-transition: -ms-transform 0s ease;
	-o-transition: -o-transform 0s ease;
	transition: transform 0s ease;
}*/

.block_group_card_company .user-link {
    margin-right: 10px;
}

.block_group_card_company {
    /*background:#f4f8fb;*/
    border: 1px solid #e8edf2;
}

.block_group_card_company:hover {
    background: #e8edf2;
    border: 1px solid #e8edf2;
}

.block_group_card_check {
    float: left;
    height: 46px;
    width: 60px;
}

.block_group_card_check i {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    color: #33bbe5;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-left: 5px;
    margin-top: 10px;
    text-align: center;
    width: 40px;
}

.block_group_board .block_group_card_check i {
    margin-top: 3px;
}

.block_group_card_content a.title_group_block {
    color: #2a2f43;
    font-size: 14px;
    -webkit-transition: -webkit-transform 0s ease;
    -moz-transition: -moz-transform 0s ease;
    -ms-transition: -ms-transform 0s ease;
    -o-transition: -o-transform 0s ease;
    transition: transform 0s ease;
}

.block_group_card_content p {

    margin: 5px 0;
    overflow: hidden;
    height: 15px;
}

.block_group_card:hover {
    background: #33bbe5;
    color: #fff;
}

.block_group_card:hover a {
    color: #fff !important;
    -webkit-transition: -webkit-transform 0s ease;
    -moz-transition: -moz-transform 0s ease;
    -ms-transition: -ms-transform 0s ease;
    -o-transition: -o-transform 0s ease;
    transition: transform 0s ease;
}

.img-card-team .carousel-nav,
.block_team_company .carousel-nav {
    border-top: 1px solid #e8edf2;
}

.block_group_board .carousel-nav {
    border-top: 1px solid #e8edf2;
}

.open_general_statistic {
    height: 0;
    margin: 0 auto;
    width: 170px;
    position: absolute;
    margin-bottom: 40px;
    left: 0;
    right: 0;

}

.open_general_statistic a {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.08), 0 5px 5px 0 rgba(0, 0, 0, 0.08);
    color: #000;
    display: block;
    font-size: 12px;
    height: 35px;
    width: 170px;
    line-height: 35px;
    margin: 0 auto 0;
    text-align: center;
    position: absolute;
    -webkit-transition: -webkit-transform 0s ease;
    -moz-transition: -moz-transform 0s ease;
    -ms-transition: -ms-transform 0s ease;
    -o-transition: -o-transform 0s ease;
    transition: transform 0s ease;
}

.open_general_statistic a:hover {
    background: #33bbe5;
    color: #fff;
    -webkit-transition: -webkit-transform 0s ease;
    -moz-transition: -moz-transform 0s ease;
    -ms-transition: -ms-transform 0s ease;
    -o-transition: -o-transform 0s ease;
    transition: transform 0s ease;
}

.statistic_general_marginbott {
    /*margin-bottom:40px;*/
}

.bx-wrapper {
    margin-top: 50px !important;
}

.bx-controls a {
    transform: rotate(90deg);
    left: 45% !important;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
}

.bx-controls .bx-prev {
    top: -30px !important;
}

.bx-controls .bx-next {
    top: 350px !important;
}

.ui-slider-tab-content {
    /*min-height:700px; */
}

.ui-slider-tabs-content-container {
    height: auto !important;
}

.canvasjs-chart-canvas {
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 5px;
    width: 100% !important;
    height: 250px !important;
}

/*.grafiic_company_main {
    height: 500px;
}*/

.grafiic_company_main .tab {
    width: 100%;
}

/*.top-post_marginbott {
    margin-top: 50px;
}*/

.statistic_general_marginbott .card-content {
    /*border-bottom: 1px solid #ddd;*/
    margin-bottom: 15px;
}

.chartContainer {
    width: 100% !important;
    float: left;
    height: 40vh;
    min-height: 400px;
}

.date_generale_company {
    /*border-top:1px solid #e8edf2;*/
    padding-top: 10px;
    width: 100%;
    height: 150px;
}

.date_generale_company_description_image {
    display: block;
    margin: 0 auto;
    width: auto;
}

.date_generale_company_description_image img {
    max-height: 90px;
    margin-top: 10px;
    max-width: 100%;
    width: auto !important;
}

.date_generale_company_description {
    float: left;
    width: 25%;
}

.date_generale_company_group {
    float: left;
    width: 25%;
}

.date_generale_company_socials {
    float: left;
    width: 25%;
}

.date_generale_company_team {
    float: left;
    width: 25%;
}

.date_generale_company_description_inter,
.date_generale_company_group_inter,
.date_generale_company_socials_inter,
.date_generale_company_team_inter {
    padding: 0 10px;
}

.date_generale_company_description_1 {
    height: 150px;
    font-size: 24px;
    float: left;
    width: 35%;
    margin-right: 5%;
}

.date_generale_company_description_1 span {
    display: block;
    padding: 20px 0 0 50px;
    height: 70px;
    overflow: hidden;
}

.date_generale_company_description_2 {

    float: left;
    width: 50%;
    height: 88px;
    overflow: hidden;
    margin-top: 10px;
}

.date_generale_company_description_3 img {
    width: 90px;
    height: 90px;
}

.title_general {
    border-bottom: 1px solid #e8edf2;
    font-size: 14px;
    padding-bottom: 5px;
}

.date_generale_company_description_3 .user-link {
    display: block;
    width: 100%;
}

.date_generale_company_description_3 .carousel-flip .carousel-item {
    height: 250px;
}

.date_generale_company_description_3 .carousel_exterior {
    height: 250px;
    position: relative;
}

.date_generale_company_description_3 .carousel {
    height: 250px;
    position: absolute;
}

.date_generale_company_group .carousel_exterior {
    height: 480px;
    position: relative;
}

.date_generale_company_group .carousel {
    height: 480px;
    position: absolute;
}

.date_generale_company_description_3 {
    height: 300px;
}

.date_generale_company_group .carousel-flip .carousel-item {
    height: 270px;
}

.date_generale_company_socials .block_single_team img {
    width: 45px;
    height: 45px;
}

.date_generale_company_socials li {
    float: left;
    /* margin: 10px 0 0;*/
    width: 24%;
}

.date_generale_company_socials i {
}

.date_generale_company_socials a.socials-icons {
    background: #e8edf2 none repeat scroll 0 0;
    border-radius: 50%;
    color: #747c83;
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 10px auto 0;
    text-align: center;
    width: 40px;
    font-size: 18px;

}

a.hover-facebook:hover {
    background: #3b5998;
    color: #fff;
}

a.hover-twitter:hover {
    background: #27aae0;
    color: #fff;
}

a.hover-google-plus:hover {
    background: #d34836;
    color: #fff;
}

a.hover-dropbox:hover {
    background: #008bd3;
    color: #fff;
}

a.hover-whatsapp:hover {
    background: #25D366;
    color: #fff;
}

a.hover-odnoklassniki:hover {
    background: #f58220;
    color: #fff;
}

.mediaplan_platform_exist a.hover-facebook {
    background: #3b5998;
    color: #fff;
}

.mediaplan_platform_exist a.hover-twitter {
    background: #27aae0;
    color: #fff;
}

.mediaplan_platform_exist a.hover-google-plus {
    background: #d34836;
    color: #fff;
}

.mediaplan_platform_exist a.hover-dropbox {
    background: #008bd3;
    color: #fff;
}

.mediaplan_platform_exist a.hover-whatsapp {
    background: #25D366;
    color: #fff;
}

.mediaplan_platform_exist a.hover-odnoklassniki {
    background: #f58220;
    color: #fff;
}

.temporary {
    font-size: 40px;
    text-align: center;
    /*height:300px;
	line-height:300px;*/
    font-weight: bold;
    color: #848a90;
    width: 100%;
}

.top-post-icons .ui-slider-tabs-list li a {
    line-height: 100px;
    padding: 0 15px;

}

.top-post-icons i {
    font-size: 16px;
    margin-right: 7px;
    margin-left: 0;
}

.top-post-icons p {
    display: inline;
    font-size: 13px;
    font-weight: normal;
}

.ui-slider-tabs-list li.selected .facebook-tab {
    background: #3b5998;
    color: #fff;
}

.ui-slider-tabs-list li.selected .instagram-tab {
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
    color: #fff;
}

.ui-slider-tabs-list li.selected .vk-tab {
    background: #45668e;
    color: #fff;
}

.ui-slider-tabs-list li.selected .linkedin-tab {
    background: #007bb5;
    color: #fff;
}

.ui-slider-tabs-list li.selected .google-plus-tab {
    background: #dd4b39;
    color: #fff;
}

.ui-slider-tabs-list li.selected .youtube-tab {
    background: #bb0000;
    color: #fff;
}

.ui-slider-tabs-list li.selected .twitter-tab {
    background: #55acee;
    color: #fff;
}

.ui-slider-tabs-list li.selected .vimeo-tab {
    background: #aad450;
    color: #fff;
}

.ui-slider-tabs-list li.selected .pinterest-tab {
    background: #cb2027;
    color: #fff;
}

.ui-slider-tabs-list li.selected .vine-tab {
    background: #00bf8f;
    color: #fff;
}

.selected .color-facebook {
    background: #3b5998 !important;
    color: #fff !important;
}

.selected .color-instagram {
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) !important;
    color: #fff !important;
}

.selected .color-vk {
    background: #45668e !important;
    color: #fff !important;
}

.selected .color-linkedin {
    background: #007bb5 !important;
    color: #fff !important;
}

.selected .color-google-plus {
    background: #dd4b39 !important;
    color: #fff !important;
}

.selected .color-youtube {
    background: #bb0000 !important;
    color: #fff !important;
}

.selected .color-twitter {
    background: #55acee !important;
    color: #fff !important;
}

.selected .color-vimeo {
    background: #aad450 !important;
    color: #fff !important;
}

.selected .color-pinterest {
    background: #cb2027 !important;
    color: #fff !important;
}

.selected .color-vine {
    background: #00bf8f !important;
    color: #fff !important;
}

.selected .add_socials_platform li a {
    background: transparent;
}

.active .color-facebook {
    background: #3b5998 !important;
    color: #fff !important;
}

.active .color-instagram {
    background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF) !important;
    color: #fff !important;
}

.active .color-vk {
    background: #45668e !important;
    color: #fff !important;
}

.active .color-linkedin {
    background: #007bb5 !important;
    color: #fff !important;
}

.active .color-google-plus {
    background: #dd4b39 !important;
    color: #fff !important;
}

.active .color-youtube {
    background: #bb0000 !important;
    color: #fff !important;
}

.active .color-twitter {
    background: #55acee !important;
    color: #fff !important;
}

.active .color-vimeo {
    background: #aad450 !important;
    color: #fff !important;
}

.active .color-pinterest {
    background: #cb2027 !important;
    color: #fff !important;
}

.active .color-vine {
    background: #00bf8f !important;
    color: #fff !important;
}

.active .add_socials_platform li a {
    background: transparent;
}

/*
.add_socials_platform li:hover .color-default-icon,
.add_socials_platform li.active .color-default-icon
{
	background:#fff;
	color:#000;
}
.add_socials_platform li:hover .color-facebook,
.add_socials_platform li.active .color-facebook
{
	background:#3b5998;
	color:#fff;
}
.add_socials_platform li:hover .color-instagram,
.add_socials_platform li.active .color-instagram
{
	background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
	color:#fff;
}
.add_socials_platform li:hover .color-vk,
.add_socials_platform li.active .color-vk
{
	background:#45668e;
	color:#fff;
}
.add_socials_platform li:hover .color-linkedin,
.add_socials_platform li.active .color-linkedin
{
	background:#007bb5;
	color:#fff;
}
.add_socials_platform li:hover .color-google-plus,
.add_socials_platform li.active .color-google-plus
{
	background:#dd4b39;
	color:#fff;
}
.add_socials_platform li:hover .color-youtube,
.add_socials_platform li.active .color-youtube
{
	background:#bb0000;
	color:#fff;
}
.add_socials_platform li:hover .color-twitter,
.add_socials_platform li.active .color-twitter
{
	background:#55acee;
	color:#fff;
}
.add_socials_platform li:hover .color-vimeo,
.add_socials_platform li.active .color-vimeo

{
	background:#aad450;
	color:#fff;
}
.add_socials_platform li:hover .color-pinterest,
.add_socials_platform li.active .color-pinterest

{
	background:#cb2027;
	color:#fff;
}
.add_socials_platform li:hover .color-vine,
.add_socials_platform li.active .color-vine

{
	background:#00bf8f;
	color:#fff;
}*/

/****************************** Tab General Grafic **************************************/

.tabs-menu-general-graphic {
    display: table;
    margin: 10px auto 0;
    position: relative;

}

.tabs-menu-general-graphic li a {
    text-decoration: none;
    margin: 0 0;
    border: 1px solid #e8edf2 !important;
    float: left;
    color: #555;
    padding: 0 0;
    font-size: 12px;
    width: 100%;
    height: 40px;
    border-radius: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tabs-menu-general-graphic li i {
    font-size: 18px !important;
    height: 37px;
    line-height: 36px;
    width: 40px;

}

.stat-company-inter .tabs-menu-general-graphic li i {
    background: #fff;
    border: 2px solid #e8edf2;
    border-radius: 50%;
    color: #909090;
    font-size: 25px !important;
    height: 50px;
    line-height: 50px;
    width: 50px;
    margin: 5px auto;
    display: block;
}

.tabs-menu-general-graphic li i:hover {
    /*background:#33bbe5;*/
    /*border: 2px solid #33bbe5;*/
    /* color: #fff;*/
}

.tabs-menu-general-graphic li a:hover {
    /* background: #f4f8fb;*/
    color: #333;
}

.tabs-menu-general-graphic li.current a {
    background: #fff none repeat scroll 0 0;
    color: #33bbe5;
    border: 1px solid #33bbe5 !important;
}

.tabs-menu-general-graphic li.current a span {
    color: #000;
}

/**************************** End Tab General Grafic ************************************/

/********************************* Tab top post *****************************************/

.tabs-menu {
    /* height: 30px;*/
    float: left;
    clear: both;
}

.buttons-filter-post li a {
    /* background: #f8f8f8 none repeat scroll 0 0;*/
    border: 1px solid #e8edf2;
    color: #9ca0ae;
    font-size: 12px;
    margin: 0 5px;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    line-height: 31px;
    display: flex;
    align-items: center;
    border-radius: 2px;
}

.buttons-filter-post li a:hover {
    border: 1px solid #33bbe5 !important;
}

.buttons-filter-post li.active a {
    background: #1992ba none repeat scroll 0 0;
    border: 1px solid #1992ba;
    color: #fff;
}

.buttons-filter-post li .material-icons.small  {
    font-size: 18px;
}

.tabs-menu li a:hover {
    background: #f4f8fb;
    color: #333;
}

.tabs-menu li.current a {
    background: #1992ba;
    color: #fff;
    border: 1px solid #1992ba;
}

.top_posts_block {
    display: block;
}

.tab {
    /*  border: 1px solid #d4d4d1;*/
    background-color: #fff;
    float: left;
    margin-bottom: 20px;
    width: 98%;
    padding: 0 10px;
}

.tab-content-filter-graphic,
.tab-content-all-posts {
    display: none;
}

.tab-content-filter-graphic {
    width: 100%;
}

#tab-1,
#tab-vizualizari {
    display: block;
}

.buttons-filter-post {
    clear: left;
    position: relative;
    height: 60px;

    /* float:left;*/
    width: 70%;
    text-align: center;
}

.buttons-filter-post ul {
    margin: 0 auto;
    position: absolute;
    /*display: inline-block;*/
    /* width: 510px;*/
    top: 12px;

}

.buttons-filter-post ul.tabs-menu {
    float: none;
}

.buttons-filter-post li {
    float: left;
    position: relative;
}

/* ie needs position:relative here*/

.buttons-filter-post i {
    font-size: 14px;
}

#buttons-filter-graphic {
    /* float:right;
    position:relative;
    left: -50%;*/
    text-align: left;
}

#buttons-filter-graphic ul {
    list-style: none;
    position: relative;
    /* left:50%;*/
    margin-top: 10px;
}

#buttons-filter-graphic li {
    float: left;
    position: relative;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

/* ie needs position:relative here*/

#buttons-filter-graphic i {
    font-size: 20px;
    text-align: center;
}

/************************************* End Tab top post ********************************/

.top_posts_block_single {
    float: left;
    width: 20%;
    padding: 15px 1%;
    display: block;
}

.top_video_block_single {
    float: left;
    width: 18%;
    margin: 15px 1%;
    display: block;
}

.top_posts_block_single_inter {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.top_posts_block_single_inter img {
    /*width:100%;*/
}

.top_video_block_single_inter {
    max-width: 215px;
    width: 100%;
    margin: 0 auto;
}

.top_video_block_single_inter {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

.top_video_block_single_inter img {
    /*width:100%;*/
}

.top_posts_block_single .icon_top_post_social i {
    background-color: rgba(59, 89, 152, 0.5);
    color: #fff;
    display: block;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 20px;
}

.top_video_block_single .icon_top_post_social i {
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin: 0;
}

.title_top_post_block {
    height: 30px;
    margin: 0;
    display: block;
}

.text_top_post_block {
    display: block;
    height: 35px;
    line-height: 17px;
    overflow: hidden;
}

.title_top_post_block img {
    float: left;
    max-height: 25px;
    max-width: 25px;
    margin-right: 5px;
}

.title_top_post_block h2 {
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding-top: 3px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.img_top_post {
    display: inline-block;
}

.date_top_post_block {
    border-bottom: 1px solid #cccccc;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    width: 100%;
    display: block;
    color: #999;
}

.social_icons_top_post_block {
    color: #a0a7b9;
}

.social_icons_top_post_block li {
    float: left;
    font-size: 11px;
    margin-bottom: 5px;
    margin-right: 0;
    width: 25%;
    text-align: center;
}

.social_icons_top_post_block li i {
    font-size: 13px;
    margin-right: 5px;
    width: 100%;
}

.razdel_post_video {
    border-bottom: 1px solid #e8edf2;
    height: 1px;

    margin-bottom: 10px;
    display: block;
    padding-bottom: 20px;
}

.cs_div i {
    color: #bac3d0;
    float: left;
    font-size: 15px;
    margin-right: 0;
    margin-top: 18px;
}

.cs_div {
    background: transparent url("/img/select.png") no-repeat scroll right 11px;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 10px;
    overflow: hidden;
    width: 200px;
}

.cs_div select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #727d8b;
    cursor: pointer;
    font-size: 12px;
    height: 48px;
    margin: 0;
    padding: 10px 8px;
    width: 180px;
}

.cs_div option {
    padding: 5px 8px;
    font-size: 14px;

}

.cs_div option:hover,
.cs_div option:focus,
.cs_div option:active,
.cs_div option:checked {
    background: #e8edf2 !important;
}

.cs_div select:focus {
    outline: none;
}

.menu_scroll_statistic .cs_div i {
    color: #bac3d0;
    float: left;
    font-size: 15px;
    margin-right: 0;
    margin-top: 18px;
}

.menu_scroll_statistic .cs_div {
    background: transparent url("/img/select_w.png") no-repeat scroll right 11px;
    cursor: pointer;
    margin-left: 15px;
    margin-right: 10px;
    overflow: hidden;
    width: 200px;
}

.menu_scroll_statistic .cs_div select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #727d8b;
    cursor: pointer;
    font-size: 12px;
    height: 48px;
    margin: 0;
    padding: 10px 8px;
    width: 180px;
}

.menu_scroll_statistic .cs_div option {
    padding: 5px 8px;
    font-size: 14px;

}

.menu_scroll_statistic .cs_div option:hover,
.menu_scroll_statistic .cs_div option:focus,
.menu_scroll_statistic .cs_div option:active,
.menu_scroll_statistic .cs_div option:checked {
    background: #e8edf2 !important;
}

.cs_div select:focus {
    outline: none;
}

.filter_mediaplan_left {
    float: left;
}

.filter_mediaplan_right {
    float: right;
}

.filter_mediaplan {
    border-bottom: 1px solid #e8edf2;
    height: 49px;
    padding-top: 0;
}

.filter_mediaplan_statistic {

    float: left;
}

.filter_mediaplan_statistic a {
    color: #fff !important;
}

.filter_mediaplan_statistic a.active {
    background: #006a8d !important;
}

.filter_mediaplan_statistic a:hover {
    background: #006a8d !important;
}

.menu_scroll_statistic .select_page_statistic_g {
    background: #006a8d !important;
    height: 49px !important;
    border-left: 0 solid #e8edf2 !important;
    color: #fff !important;
}

.menu_scroll_statistic .select_page_statistic_g select {
    color: #fff !important;
}

.filter_mediaplan_statistic .cs_div select {
    color: #fff !important;
}

.filter_notific {
    border-bottom: 1px solid #e8edf2;
    height: 51px;
    padding-top: 0;
}

.filter_notific_right {
    float: right;
}

.filter_notific_right a {
    color: #a7b1c1;
    display: block;
    font-size: 14px;
    padding: 16px 20px;
}

.filter_notific_right a:hover,
.filter_notific_right a.active {
    border-bottom: 1px solid;
    color: #33bbe5;
}

.mediaplan_list {
    min-height: 85vh;

}

.mediaplan_list_left {
    width: 350px;
    margin-right: 10px;
    display: table-cell;
    vertical-align: top;
}

.mediaplan_list_left_date {
    float: left;
    margin-top: 0;
}

.notific_date {
    float: left;
}

.notific_date h2 {
    font-weight: normal;
    margin-bottom: 7px;
    margin-top: 6px;
}

.notific_date p.parag {
    color: #9eacb4;
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
}

.mediaplan_logo {
    float: left;
    margin-left: 15px;
    margin-right: 20px;
    margin-top: 0;
    max-height: 80px;
}

.notific_logo {
    float: left;
    margin: 12px 20px 12px 15px;
}

.mediaplan_list_left_date h2 {
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 7px;
    font-size: 16px;
}

.mediaplan_list p.parag {
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
    color: #9eacb4;
}

.mediaplan_list b {
    margin-left: 10px;
}

.mediaplan_list_left_sarcini_icon li {
    float: left;
    margin-right: 20px;
}

.mediaplan_list_left_sarcini_icon a {
    font-size: 12px;
    color: #474a54;
}

.mediaplan_list_left_sarcini_icon i {
    background: #bac3d0 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 13px;
    height: 13px;
    line-height: 12px;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
    width: 13px;
}

.mediaplan_list_left_sarcini_icon i.check-icon {
    background: #b6dbaa;
    color: #fff;
}

.mediaplan_list_left_sarcini_icon i.close-icon {
    background: #ffa59c;
    color: #fff;
}

.mediaplan_list_right {
    float: left;

}

.button_add_content_social a {
    border: 1px dashed #cddae7;
    color: #5f6373;
    display: block;
    height: 70px;
    line-height: 70px;
    margin-top: 26px;
    padding: 7px 30px;
}

.button_add_content_social a.active {
    background: #e8edf2;
}

.button_add_content_social a:hover {
    background: #e8edf2;
}

.buttonn {
    border: 1px dashed #cddae7;
    color: #5f6373;
    display: block;
    height: 70px;
    line-height: 70px;
    margin-top: 13px;
    padding: 0 15px 0 15px;
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    float: left;
}

.buttonn.active {
    background: #e8edf2;
}

.buttonn:hover {
    background: #f7faff;
}

.buttonn span {
    float: left;
    margin-left: 5px;
    margin-top: 0;
}

.buttonn i {
    float: left;
    font-size: 20px;
    margin: 25px 10px;
    color: #bac3d0;
}

.mediaplan_list_li {
    width: 100%;

    border-bottom: 1px solid #e8edf2 !important;
    padding: 15px 0 7px;
}

.top-mediaplan {
    /*min-height:700px;*/
}

/*[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}*/

/* Hide the tooltip content by default */

/*[data-tooltip]:before,
[data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}*/

/* Position tooltip above the element */

/*[data-tooltip]:before {
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -50%;
    padding: 10px;
    min-width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #41586c !important;
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 12px;
    line-height: 1.2;
    min-width: 150px;
    white-space: normal;
}*/

/* Triangle hack to make tooltip look like a speech bubble */

/*[data-tooltip]:after {
    position: absolute;
    bottom: 45px;
    left: 50%;
    margin-left: -45px;
    width: 0;
    border-top: 5px solid #41586c;

    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}*/

/* Show tooltip content on hover */

/*[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    transition-duration: 0.5s;
    transition-delay: 0.5s;
}*/

/*tooltip general statistic crome*/

@media screen and (-webkit-min-device-pixel-ratio: 0) {

    /*.tabs-menu-general-graphic [data-tooltip] {
        position: relative;
        z-index: 1002;
        cursor: pointer;
    }*/

    /* Hide the tooltip content by default */
    /*.tabs-menu-general-graphic [data-tooltip]:before,
    .tabs-menu-general-graphic [data-tooltip]:after {
        visibility: hidden;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        opacity: 0;
        pointer-events: none;
    }*/

    /* Position tooltip above the element */
    /*.tabs-menu-general-graphic [data-tooltip]:before {
        position: absolute;
        bottom: 60px;
        left: 50%;
        margin-bottom: 5px;
        margin-left: -50px;
        padding: 7px;
        max-width: 100px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background-color: #000;
        background-color: rgba(22, 160, 133, 1);
        color: #fff;
        content: attr(data-tooltip);
        text-align: center;
        font-size: 14px;
        line-height: 1.2;
        min-width: 150px;
        white-space: normal;
    }*/

    /* Triangle hack to make tooltip look like a speech bubble */
    /*.tabs-menu-general-graphic [data-tooltip]:after {
        position: absolute;
        bottom: 60px;
        left: 50%;
        margin-left: -5px;
        width: 0;
        border-top: 5px solid #000;
        border-top: 5px solid rgba(22, 160, 133, 1);
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
        content: " ";
        font-size: 0;
        line-height: 0;
    }*/

    /* Show tooltip content on hover */
    /*.tabs-menu-general-graphic [data-tooltip]:hover:before,
    .tabs-menu-general-graphic [data-tooltip]:hover:after {
        visibility: visible;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
    }*/
}

.button_add_content_social i {
    margin: 0 5px;
}

.icons_add_socials i {
    margin: 0;
}

.mediaplan_platform_exist i {
    margin: 0;
}

.icons_add_socials li {
    float: left;
    margin: 26px 0 0 20px;
}

.mediaplan_platform_exist li {
    float: left;
    margin: 33px 0 0 30px;
}

.icons_add_socials a {
    background: #e8edf2 none repeat scroll 0 0;
    border-radius: 50%;
    color: #747c83;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    text-align: center;
    width: 35px;
}

.mediaplan_platform_exist a {
    background: #e8edf2 none repeat scroll 0 0;
    border-radius: 50%;
    color: #747c83;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    text-align: center;
    width: 35px;
}

.button_exterior_togle .icons_add_socials {
    opacity: 0;
    overflow: hidden;
    width: 1px;
    height: 130px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    float: left
}

.button_exterior_togle_active .icons_add_socials {
    opacity: 1;
    overflow: hidden;
    width: auto;
    height: 100px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.button_social_open .buttonn {
    padding: 0 7px 0 15px;
}

.add_socials_platform li,
.add_socials_platform i,
.add_socials_platform p {
    float: left;
}

.add_socials_platform i {
    margin: 7px 10px 0 0;
}

.top-post-icons-add .ui-slider-tabs-list-container {
    background: #bac3d0;

}

.add_socials_platform li {
    height: 30px !important;
    background: #222636;
    border-bottom: 1px solid #222636;
    border-right: 0 solid #141621;
    border-top: 3px solid #222636;
}

.inactive .social_icon {
    padding: 0 0;
}

.add_socials_platform li.inactive {
    height: 30px !important;
    background: #f8f8f8;
    border-bottom: 1px solid #e8edf2;
    border-right: 1px solid #e8edf2;
    border-top: 3px solid #f8f8f8;
    color: #000;
    line-height: 28px;
    /* padding: 0 20px;*/
}

.add_socials_platform li.inactive a {
    /* color:#fff;*/
    cursor: no-drop;
}

.add_socials_platform li.inactive a:hover {
    /*color:#fff;*/
}

.add_socials_platform li a {
    height: 31px !important;
    line-height: 31px !important;
    color: #9ca0ae;
}

.add_socials_platform li a:hover {
    /* color:#fff;*/
}

a.color-default-icon:hover {
    color: #fff !important;
}

.selected a.color-default-icon:hover {
    color: #000 !important;
}

.add_socials_platform a {
    color: #ffffff;
    display: block;
    font-size: 18px;
    height: 51px;
    line-height: 50px;
    padding: 0 16px;
}

#navMenuss .active {
    background-color: yellow;
    color: white;
}

#navMenuss {
    list-style: none;
    width: 100px;
    float: left;
    text-align: center;
}

.button_exterior_togle .text-button {
    opacity: 1;
    overflow: hidden;
    width: auto;
    height: 65px;
    color: #bac3d0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.button_exterior_togle_active .text-button {
    height: 65px;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    width: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.button_exterior_togle_active #buttonn {
    padding: 0 15px 0 15px;
}

.top-post-icons-add .ui-slider-left-arrow,
.top-post-icons-add .ui-slider-right-arrow {
    height: 34px !important;
}

.menu_plan_general {
    float: left;
}

.menu_plan_general li {
    float: left;
}

.menu_plan_general a {
    color: #a7b1c1;
    display: block;
    font-size: 14px;
    padding: 0 15px;
    position: relative;
    height: 54px;
    line-height: 54px;
    text-transform: uppercase;
}

.menu_plan_general a:hover,
.menu_plan_general a.active {
    color: #33bbe5;
    /* border-bottom: 1px solid;*/
}

.plan_general_post {
    padding: 10px 0 30px;
}

.plan_general_post h1 {
    font-size: 15px;
    font-weight: normal;
    line-height: 22px;
    margin: 0 0 0 2px;
    height: 66px;
    margin-top: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.platform_icon_title {
    background: #3b5998 none repeat scroll 0 0;
    color: #fff;
    border-radius: 50%;
    display: block;
    font-size: 20px !important;
    line-height: 30px !important;
    height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 30px;
    float: left;
}

.logo_cover_container {
    float: left;
}

.logo_cover {
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-image: none;
    /*border-radius: 3px;*/
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    width: 162px;
    /*height: 162px;*/
    text-align: center;
    line-height: 0;

}

.logo_cover img {
    max-width: 100%;
    width: 100%;
}

.cover_image {
    background: #f0f4f8 no-repeat center center;
    background-size: cover;
}
.cover_image img {
    max-width: 100%;
    min-width: 100%;
}
.cover_image img[onerror][src*="no_image.png"] {
    max-width: 100%;
    min-width: inherit;
    margin: 0 auto;
    display: block;
}

._qa1 {
    /*border: 1px solid #dddfe2;*/
    box-sizing: border-box;
    display: block;
    position: relative;
    height: 100%;
}

._2dgj {
    display: block;
}

.title_htag {
    display: block;
}

.statut {
    margin-top: 30px;
}

.title_statut {
    margin-bottom: 15px;
}

.statut_status {
    color: #a4a9ad;
    display: block;
    font-size: 12px;
    margin: 0 0 10px;

}

.statut_color img {
    height: 30px;
    width: 30px;
}

.statut_gray img {
    height: 30px;
    width: 30px;

    filter: grayscale(1);
    /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
}

.statut li {
    display: inline-block;
    margin-right: 3px;
}

.statut button {
    border: 0;
    background: transparent;
    display: flex;
}

/*.filter_inter_mediaplan {
	margin:10px 0;
	padding:10px 10px;
	border-top:1px solid #e8edf2;
	border-bottom:1px solid #e8edf2;
	 height: 29px;
}*/

.filter_inter_mediaplan {

    /*padding:10px 10px;
	border-top:1px solid #e8edf2;
	border-bottom:1px solid #e8edf2;*/
    height: 50px;
}

.plan_general_post_title {
    margin-left: 20px;
}

.cover {
    padding: 0 20px;
}

.submit_title_filter {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}

.submit_calendar_filter {
    float: left;
}

.hasDatepicker {
    border: 1px solid #e8edf2;
    margin-left: 3px;
    padding: 5px 15px;
}

.from_change {
    border: 0 solid #ccc;
    margin-left: 3px;
    padding: 0;
    width: 100px;
    font-size: 11px;
}

.submit_calendar_filter .ui-datepicker-trigger {
    margin: -4px 12px -4px 7px;
    cursor: pointer;
}

.menu_inter_mediaplan {
    float: left;
}

.menu_inter_mediaplan li {
    float: left;
    /*margin-right:10px;*/
}

.menu_inter_mediaplan a {
    border: 1px solid transparent;
    color: #222636;
    display: block;
    font-size: 14px;
    font-weight: 100;
    padding: 0 0 0 20px;
    height: 54px;
    line-height: 54px;
}

.menu_scroll_statistic_bl .flitru_calendarric_block span {
    font-size: 12px;
}

.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric span,
.menu_scroll_statistic .menu_inter_mediaplan a {
    color: rgba(255,255,255,.7);
}

.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric:hover span,
.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric,
.menu_scroll_statistic .menu_inter_mediaplan a:hover {
    color: #fff;
}

.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric {
    margin-bottom: 0;
}

.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric {
    line-height: 54px;
}

.menu_inter_mediaplan a:hover {
    /*background:#33bbe5;
	border:1px solid #33bbe5;
	color:#fff;*/
}

.menu_inter_mediaplan a:hover i {
    color: #fff;
    background: #026383;
}

.menu_inter_mediaplan button {
    display: block;
    padding: 0 10px;
    background: transparent none repeat scroll 0 0;
    border: 1px solid transparent;
    color: #222636;
    font-size: 15px;
    height: 49px;
}

.menu_inter_mediaplan button:hover {
    background: #33bbe5;
    border: 1px solid #33bbe5;
    color: #fff;
}

.menu_inter_mediaplan button:hover i {
    color: #fff;
}

.ui-tabs-vertical {
    border: 0 none !important;
    margin: 0 auto;
    padding: 0 !important;
    width: 98%;
}

.ui-tabs-vertical .ui-tabs-nav {
    border: 0 none !important;
    float: left;
    margin: 0 !important;
    padding: 0 !important;
    width: 150px;
}

.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right: 2px solid transparent !important;
    margin: 0 !important;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    clear: left;
    width: 100%;
    border-bottom-width: 1px !important;
    border-right: 2px solid #33bbe5 !important;
    margin: 0 !important;
}

.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    float: none !important;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0;
    padding-right: 0;
    border: 0;
}

.ui-tabs-vertical .ui-tabs-panel {
    float: right;
    padding: 0 !important;
    width: 83%;
}

.tab-continer .tab_inter_chart_mediaplan {
    margin: 0 auto;
    min-height: 350px;
    padding: 0;
    width: auto;
    border: 0 solid #e8edf2;
}

.tab_inter_chart_mediaplan {
    margin: 0 auto;
    min-height: 350px;
    padding: 0;
    width: 1000px;
    border: 1px solid #e8edf2;
}

.tab_inter_chart_mediaplan .save_mediaplan {
    background: #1992ba;
    color: #fff !important;
    display: block;
    margin-top: 10px;
    padding: 10px;
    width: 120px;
}

.menu_inter_mediaplan > span {
    margin-left: 5px;
    font-size: 13px;
    color: #fff;
}

.tab_inter_chart_mediaplan .canvasjs-chart-canvas {
    background: transparent none repeat scroll 0 0 !important;
    border-radius: 0 !important;
    height: 300px !important;
    margin-top: 0;
    padding: 0 !important;
    width: 400px !important;
    /*border: 1px solid #e8edf2;*/
}

.total_posts_inchart {
    color: grey;
    font-size: 26px;
    left: 0;
    margin-left: 80px;
    margin-top: 134px;
    /* position: absolute;*/
    text-align: center;
    top: 0;
    width: 240px;
}

.chart_media_plus_legend {
    width: 50%;
    height: 350px;
    float: left;
}

.chart_media_inputs {
    float: left;
    /*margin-left:20px;*/
    /*width: 35%;*/
}

.chart_media_inputs_exter {
    float: left;
    padding: 17px;
}

.chart_media_input {
    margin-bottom: 7px;
    display: inline-table;
}

.chart_media_input_add {
    display: inline-block;
    margin-bottom: 8px;
    margin-top: 10px;
    width: 100%;
}

.chart_date {
    border: 1px solid #cdd1d6;
    padding: 10px 15px;
    width: 50px;
}

.chart_media_input_procent {
    float: left;
}

.chart_media_input_procent input {
    float: left;
}

.chart_media_input_procent p {
    float: left;
    font-family: RobotoRegular, serif;
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    margin-left: 5px;
}

.chart_media_input_name {
    float: left;
}

.chart_name {
    border: 1px solid #cdd1d6;
    margin-left: 20px;
    padding: 10px 15px 11px;
    width: 140px;
    height: 17px;
}

.chart_media_input_color {
    float: left;
}

.chart_media_input_color button {
    border: 0;
    font-size: 18px !important;
    height: 38px !important;
}

a.add_compartiment_link {
    font-size: 12px;
    color: #a4a9ad !important;
    margin-left: 20px;
}

a.remove_tpl_link {
    font-size: 12px;
    color: #a4a9ad !important;
    margin-left: 20px;
}

a.add_compartiment_link i {
    margin-right: 5px;
    font-size: 21px;
}

a.remove_tpl_link i {
    margin-right: 5px;
    font-size: 21px;
}

.close_input_ch i {
    color: #ccc;
    font-size: 22px;
    padding: 10px 10px;
}

.close_input_ch i:hover {
    color: #999;
}

.chart_media_total_posts {
    float: left;
    text-align: center;
    width: 100%;
}

.chart_media_date_posts {
    float: left;
    text-align: center;
    width: 100%;
}

.chart_media_button_posts {
    text-align: center;
    width: 100%;
}

.chart_media_button_posts a {
    background: #33bbe5 none repeat scroll 0 0;
    display: block;

    padding: 15px 30px;
    width: 120px;
    color: #fff !important;
    margin: 0 auto;
}

.chart_media_total_posts_container {
    /*border:1px solid #ebeff2;*/
    /*width:90%;*/
    margin: 0 0 0 38px;
}

.chart_media_total_posts_container input {
    border: 1px solid #cdd1d6;
    float: left;
    padding: 10px;
    text-align: center;
    width: 70px;
}

.chart_media_total_posts_container p {
    float: left;
    font-size: 14px;
    margin: 10px 10px 0 0;
}

.chart_media_total_posts a {
    background: #33bbe5 none repeat scroll 0 0;
    color: #fff !important;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 13px 5% 0;
    width: 90%;
}

.table_mediaplan table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.table_mediaplan table tr {
    border: 1px solid #ddd;
    padding: 5px;
}

.table_mediaplan table th {
    font-family: Arial, serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #f0f4f6;
    height: 30px;
}

.table_mediaplan {
    padding: 15px;
}

@media screen and (max-width: 1200px) {

    .table_mediaplan table {
        border: 0;
    }

    .table_mediaplan table thead {
        display: none;
    }

    .table_mediaplan table tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }

    .table_mediaplan table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }

    .table_mediaplan table td:last-child {
        border-bottom: 0;
    }

    .table_mediaplan table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
}

.table_calendar table {
    border: 1px solid #ccc;
    width: 100%;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.table_calendar table tr {
    border: 1px solid #ddd;
    padding: 5px;
}

.table_calendar table th,
table td,
table th {
    padding: 10px;
    text-align: left;
    max-width: 400px;
    /*border-right: 1px solid #ddd;*/
}

.table_mediaplan table td {
    padding: 10px 15px;
    text-align: left;
    max-width: 200px;
    border-right: 1px solid #ddd;
}

.table_calendar table th {
    /* font-family: Arial;*/
    font-size: 11px;
    font-weight: normal;
    /*letter-spacing: 1px;*/
    text-transform: uppercase;
    background: #f0f4f6;
    position: relative;
}

.table_calendar table th a {
    color: #000;
    display: block;
    float: right;
    font-size: 14px;
    opacity: 0;
    position: absolute;
    right: 13px;
    top: 12px;
}

.table_calendar table th:hover a {
    opacity: 1;
}

.table_calendar table th p {
    text-align: center;
}

.table_calendar {
    padding: 15px 0;
    display: table;
}

@media screen and (max-width: 1200px) {

    .table_calendar table th,
    table td {
        max-width: 100%;
    }

    .table_calendar table {
        border: 0;
    }

    .table_calendar table thead {
        display: none;
    }

    .table_calendar table tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }

    .table_calendar table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }

    .table_calendar table td:last-child {
        border-bottom: 0;
    }

    .table_calendar table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
}

.succes {
    color: #6aac55;
    font-size: 10px;
    /*text-transform: lowercase;*/
    float: left;
    margin-right: 10px;
}

.succes i {

    color: #6aac55;
    width: 15px;
    text-align: center;

    font-size: 10px;
    margin-right: 3px;
}

.neutral {
    color: #555;
    font-size: 10px;
    float: left;
    margin-right: 10px;
}

.neutral i {

    color: #555;
    border-radius: 50%;
    width: 15px;
    text-align: center;

    font-size: 10px;
    margin-right: 3px;
}

.wrong {
    color: #fa7264;
    font-size: 10px;
    float: left;
    margin-right: 10px;
}

.wrong i {
    color: #fa7264;
    border-radius: 50%;
    width: 15px;
    text-align: center;
    font-size: 10px;
    margin-right: 3px;
}

.login_block {
    background-color: #fff;
    border-radius: 2px;

    position: relative;
    transition: box-shadow 0.25s ease 0s;
    width: 680px;
    /*height:330px;*/
    margin: 80px auto 0;
}

.button_login {
    /*width:260px;*/
    width: 530px;

    height: 55px;
    text-align: center;
    line-height: 55px;
    display: block;
    float: left;
    margin: 0 10px;
}

.title_login_block {
    font-size: 24px;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #e8edf2;
}

.button_login_fb {
    background: #3f579d;
    color: #fff;
}

.button_login_fb:hover {
    background: #314890;
    color: #fff;
}

.button_login_gp {
    background: #c73413;
    color: #fff;
}

.button_login_gp:hover {
    background: #be270c;
    color: #fff;
}

.buttons_login {
    height: 55px;
    /* margin: 20px auto;*/
    margin: 70px auto;
    width: 560px;
}

.button_login i {
    font-size: 20px;
    margin-right: 10px;
}

.or_login p {
    background: #fff;
    height: 55px;
    line-height: 55px;
    width: 55px;
    text-align: center;
    border: 1px solid #cececf;
    border-radius: 50%;
    color: #cececf;
    font-size: 18px;
    margin: 0 auto;
}

.or_login {
    height: 29px;
    margin: 20px auto 50px;
    width: 560px;
    border-bottom: 1px solid #cececf;
}

.filed-holder {
    width: 560px;
    margin: 0 auto;
}

.filed-holder input.txt-bar {
    border: 1px solid #cececf;
    padding: 15px;
    width: 350px;
    margin: 0;
    float: left;
    font-size: 15px;
}

.filed-holder input.btn-submit {
    background: #33bbe5 none repeat scroll 0 0;
    border: 0 solid #cececf;
    color: #fff;
    float: left;
    font-family: arial, serif;
    font-size: 18px;

    letter-spacing: 1px;
    margin: 0;
    padding: 14px;
    text-align: center;
    width: 177px;
}

::-webkit-input-placeholder {
    color: #555;
}

::-moz-placeholder {
    color: #555;
}

/* Firefox 19+ */

:-moz-placeholder {
    color: #555;
}

/* Firefox 18- */

:-ms-input-placeholder {
    color: #555;
}

/*
.avatar-zone {
	    background-color: #e8edf1;
    color: #bdc0c5;
    font-size: 90px;
    height: 200px;
    line-height: 190px;
    text-align: center;
    width: 200px;
}*/

.avatar-zone img {
    height: 158px;
    left: 50%;
    margin-left: -80px;
    position: absolute;
}

.avatar_upload {
    float: left;
    padding: 20px 20px 20px 20px;
}

.avatar-zone {
    /*background-color: #e8edf1;*/
    /* border-radius: 50%;*/
    color: #bcc0c4;
    font-size: 68px;
    height: 160px;
    line-height: 160px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 160px;
}

.avatar-zone .img-circle {
    border-radius: 0;
}

.upload_btn {
    cursor: pointer;
}

.date_profil {
    margin-top: 20px;
    float: left;
    width: 20%;
}

.overlay-layer {
    width: 200px;
    height: 40px;
    position: absolute;
    margin-top: -40px;
    opacity: 0.5;
    background-color: #000000;
    z-index: 0;
    font-size: 25px;
    color: #FFFFFF;
    text-align: center;
    line-height: 40px;
}

.upload_btn {
    height: 160px;
    margin-top: -160px;
    opacity: 0;
    position: absolute;
    width: 160px;
    z-index: 10;
}

#toggles *,
#toggles:before,
#toggles::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /*transition*/
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    outline: none;
    font-family: Helvetica Neue, helvetica, arial, verdana, sans-serif;
}

#toggles {
    width: 36px;
    text-align: center;
    margin-top: -20px;
}

.ios-toggle,
.ios-toggle:active {
    /*position:absolute;*/
    top: -5000px;
    height: 0;
    width: 0;
    opacity: 0;
    border: none;
    outline: none;
}

.checkbox-label {
    display: block;
    position: relative;
    padding: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    height: 20px;
    /*border-radius*/
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background: #f8f8f8;
    cursor: pointer;
}

.checkbox-label:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    line-height: 20px;
    text-indent: 40px;
    height: 20px;
    width: 20px;
    /*border-radius*/
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 0;
    left: 0;
    right: auto;
    background: white;
    /*box-shadow*/
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd;
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd;
}

.checkbox-label:after {
    content: attr(data-off);
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: -300px;
    padding: 10px;
    height: 100%;
    width: 300px;
    text-align: right;
    color: #bfbfbf;
    white-space: nowrap;
}

.ios-toggle:checked + .checkbox-label {
    /*box-shadow*/
    -webkit-box-shadow: inset 0 0 0 20px rgba(22, 160, 133, 1), 0 0 0 2px rgba(22, 160, 133, 1);
    -moz-box-shadow: inset 0 0 0 20px rgba(22, 160, 133, 1), 0 0 0 2px rgba(22, 160, 133, 1);
    box-shadow: inset 0 0 0 20px rgba(22, 160, 133, 1), 0 0 0 2px rgba(22, 160, 133, 1);
}

.ios-toggle:checked + .checkbox-label:before {
    left: calc(100% - 20px);
    /*box-shadow*/
    -webkit-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 0 2px transparent, 0 3px 3px rgba(0, 0, 0, .3);
}

.ios-toggle:checked + .checkbox-label:after {
    content: attr(data-on);
    left: 60px;
    width: 36px;
}

/* GREEN CHECKBOX */

.ios-toggle + .checkbox-label {
    /*box-shadow*/
    -webkit-box-shadow: inset 0 0 0 0 rgba(22, 160, 133, 1), 0 0 0 2px #dddddd;
    -moz-box-shadow: inset 0 0 0 0 rgba(22, 160, 133, 1), 0 0 0 2px #dddddd;
    box-shadow: inset 0 0 0 0 rgba(22, 160, 133, 1), 0 0 0 2px #dddddd;
}

.ios-toggle:checked + .checkbox-label {
    /*box-shadow*/
    -webkit-box-shadow: inset 0 0 0 19px rgba(22, 160, 133, 1), 0 0 0 2px rgba(22, 160, 133, 1);
    -moz-box-shadow: inset 0 0 0 19px rgba(22, 160, 133, 1), 0 0 0 2px rgba(22, 160, 133, 1);
    box-shadow: inset 0 0 0 19px rgba(22, 160, 133, 1), 0 0 0 2px rgba(22, 160, 133, 1);
}

.ios-toggle:checked + .checkbox-label:after {
    color: rgba(22, 160, 133, 1);
}

.date_profil .txt-bar {
    width: 70%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #dde5ec;
    font-family: "RobotoRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.checkbox_edit_profil {
    padding: 5px 0 20px;
    height: 20px;
}

.checkbox_edit_profil #toggles {
    float: left;
}

.checkbox_edit_profil p {
    float: left;
    margin: 0 15px;
}

.checkbox_edit_profil .info_icon a {
    color: #bcbcbc;
}

.brand_prew_edit {
    float: left;
    margin: 15px 5%;
    width: 40%;
}

.brand_prew_edit a._2dgj {
    display: block;
    height: 150px;
    vertical-align: middle;
}

.brand_prew_edit_title {
    display: block;
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
}

.team_profil .brand_prew_edit_title {
    border-bottom: 1px solid #dde5ec;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    text-align: left;
    padding-bottom: 5px;
}

.group_profil .brand_prew_edit_title {
    border-bottom: 1px solid #e8edf2;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    text-align: left;
    padding-bottom: 5px;
}

.brand_prew_edit img {
    /* border: 1px solid #dde5ec;
    border-radius: 50%;*/
    display: block;
    margin: 0 auto;
    max-height: 130px;
    max-width: 130px;
}

.date_profil i {
    color: #ccc;
    font-size: 16px;
    text-align: center;
    width: 30px;
}

.date_profil textarea {
    color: #555;
    height: 85px !important;
    resize: none;
}

.tabs_brand_edit .ui-tabs-panel {
    min-height: 333px;
}

.profile_edit_avatar .date_profil i {
    color: #ccc;
    font-size: 16px;
    text-align: center;
    width: 30px;
    float: left;
    /*margin-top:11px;*/
}

.profile_edit_avatar .date_profil .info_icon i {
    color: #ccc;
    font-size: 16px;
    text-align: center;
    width: 30px;
    float: left;
    margin-top: 0;
}

.team_profil {
    float: left;
    margin: 12px;
    width: 29%;
}

.group_profil {
    float: left;
    margin: 12px;
    width: 25%;
}

.group_profil_inter {
    float: left;
    margin: 12px;
    width: 25%;
}

.group_profil_inter .block_group_card {
    display: block;
    margin: 2px 0 3px;
    padding: 6px 5px;
    width: 95%;
}

.group_profil_inter .brand_prew_edit_title {
    border-bottom: 1px solid #e8edf2;
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-align: left;
}

.team_profil li {
    float: left;
    /* margin: 8px;*/
    text-align: center;
    width: 25%;
}

.team_profil a {
    display: block;
    height: 60px;
    width: 60px;
    background: #e8edf2;
    border-radius: 50%;
    text-align: center;
    line-height: 95px;
    font-size: 50px;
    color: #bcc0c4;
    margin: 0 auto 5px;
}

.team_profil li {
    margin-bottom: 10px;
}

.slick-arrow {
}

.team_profil button {

    height: 100px;
    width: 100px;
    background: #e8edf2;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    font-size: 40px;
    color: #bcc0c4;
    margin: 10px auto;
    border: 0;
    cursor: pointer;
    padding: 0;
    display: inline-block !important;
}

.butoons_navigation_agency button {
    border-radius: 0;
}

.profile_edit .team_profil .slick-list {
    /*height: 174px;*/
    padding-top: 20px;
}

.team_profil a:hover {
    background: #dde4ea;
    color: #222636;
}

.group_profil a {
    background: #e8edf2;
    display: block;
    margin-bottom: 10px;
    color: #a2a5a8;
    width: 100%;
    border: 1px solid #e8edf2;
}

.group_profil button {
    background: #e8edf2;
    display: block;
    margin: 0 0 5px;
    color: #a2a5a8;
    width: 100%;
    border: 1px solid #e8edf2;
    text-align: left;
    padding: 0;
    cursor: pointer;
}

.group_profil button.create-group-agentie {
    margin-bottom: 5px;
}

button.exist_avatar {
    background: #fff;
}

.group_profil a:hover {
    background: #dde4ea;
    color: #222636;
}

.group_profil button:hover {
    background: #dde4ea;
    color: #222636;
}

.group_profil a div {
    padding: 6px 12px;
}

.group_profil button div {
    padding: 4px 12px;
}

.group_profil i {
    background: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 15px;
}

.group_profil .slick-arrow i {
    background: transparent;
    border-radius: 0;

    font-size: 14px !important;
    line-height: 11px !important;
    height: 20px;
    margin-right: 0;
    text-align: center;
    width: 18px;
}

.tabs_brand_edit {
    /*height:55px;
		border-bottom: 1px solid #e8edf2;*/
}

.tabs_brand_edit li {
    /*float:left;*/
    /*height: 55px;*/
}

.tabs_brand_edit a.ui-tabs-anchor {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #e8edf2 !important;
    color: #bcc0c4;
    display: block;
    font-size: 31px;
    height: 55px;
    line-height: 35px;
    padding: 10px 15px !important;
    text-align: center;
    width: 65px !important;
}

.tabs_brand_edit a.active,
.tabs_brand_edit a:hover {
    /*background: #e8edf2 none repeat scroll 0 0;*/
}

.tabs_brand_edit img {
    width: 99%;
}

.add_brands {
    /*padding:0px 10px;*/
    border-top: 1px solid #e8edf2;

    width: 100%;
}

.add_brands p {
    font-size: 18px;
    margin: 15px 20px 15px 10px;
}

.add_brands p,
.add_brands ul,
.add_brands li {
    float: left;
}

.content-mediaplan .add_brands ul {
    border-top: 1px solid #e8edf2 !important;
    border-left: 1px solid #e8edf2 !important;
}

.content-mediaplan .add_brands li {
    width: 65px;
    height: 65px;
    padding: 5px 5px;
    border-right: 1px solid #e8edf2 !important;
    border-bottom: 0 solid #e8edf2 !important;

}

#profil_edit_part_agency_block .add_brands li {
    width: auto;
    height: auto;
    padding: 0;
    border-right: 0 solid #e8edf2 !important;
    border-bottom: 1px solid #e8edf2 !important;
}

.content-mediaplan .tabs_brand_edit .add_brands ul {
    border-top: 0 !important;
    border-left: 0 !important;
}

.content-mediaplan .tabs_brand_edit .add_brands li {
    width: auto;
    height: auto;
    padding: 0;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

.add_brands a {
    background: #fff none repeat scroll 0 0;
    border-right: 0 solid #e8edf2;
    color: #bcc0c4;
    display: block;
    font-size: 21px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    padding: 0 0;
    text-align: center;
    width: 55px;

}

.add_brands button {
    background: #fff none repeat scroll 0 0;
    border-color: #e8edf2;
    border-image: none;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    color: #bcc0c4;
    display: block;
    font-size: 21px;
    height: 54px;
    padding: 7px 5px;
    margin: 0 auto;
    text-align: center;
    width: 55px;
}

.add_brands a:hover {
    background: #fff;
    color: #000;
    /*border:1px solid #33bbe5*/
}

.add_brands button:hover {
    background: #fff;
    color: #000;
}

.button_brand_prew {
    color: #222636;
    display: block;
    line-height: 16px;
    margin: 0 auto;
    text-align: center;
}

.button_brand_prew:hover {
    /*border:1px solid #33bbe5;
	background:#33bbe5;*/
    color: #33bbe5;
}

.prew_edit {
    float: left;
    width: 30%;
}

.date_profil_text li {
    margin: 0 0 0;
    /* height: 35px;*/
    line-height: 20px;
    min-height: 30px;
}

.date_profil_text li:first-child {
    font-size: 16px;
}

.edit_profile {
    color: #999;
}

.group_profil .group_profil_comlete {
    background: #fff;
    border: 1px solid #33bbe5;
    color: #000;
    display: block;
    margin-bottom: 8px;
    width: 99%;
}

.group_profil .group_profil_comlete div {
    padding: 4px 12px;
}

.group_profil .group_profil_comlete i {
    background: #33bbe5;
    color: #fff;
    border-radius: 50%;
    height: 30px;
    line-height: 30px;
    margin-right: 15px;
    text-align: center;
    width: 30px;
}

.team_profil img {
    width: 99%;
}

.team_profil img.exist_avatar {
    width: 105%;
}

.add_brands img {
    width: 100%;
}

.calendar_mediaplan {
    border: 1px solid #e8edf2;
    height: 50px;
    margin: 20px;
}

.calendar_mediaplan p {
    float: left;
}

.exterior_calendar {
    padding: 0 20px;
}

.week_graphic_bar {
    color: #b3b3b3;
    display: table-cell;
    padding: 0 10px;
    cursor: pointer;
}

.week_graphic_bar:hover {
    color: #33bbe5;
}

.week_graphic_bar_curent {
    color: #33bbe5;
}

.week_graphic_bar_date li,
.week_graphic_bar_chart li,
.week_graphic_bar_day li {
    display: inline-block;
    font-size: 10px;
    margin: 0 2px;
    position: relative;
    text-align: center;
    width: 24px;

}

.week_graphic_bar_chart {
    /*height:150px;*/
    display: flex;
    width: 217px;
    margin: 0 auto;
}

.week_graphic_bar ul.week_graphic_bar_day,
.week_graphic_bar ul.week_graphic_bar_date {
    display: block;
    height: 18px;
    width: 217px;
    margin: 0 auto;
}

.week_graphic_bar_chart li {
    background: #f9f9f9 none repeat scroll 0 0;
    border-bottom: 2px solid;
    display: block;
    height: 140px;
    margin: 5px 6px;
    position: relative;
    width: 20px;
}

.week_graphic_bar_chart li div {
    color: #fff;
}

.week_graphic_bar_chart_green_1 {
    background: #33bbe5 none repeat scroll 0 0;
    bottom: 0;
    display: block;
    height: 60px;
    position: absolute;
    width: 100%;
    line-height: 60px;
}

.week_graphic_bar_chart_red_1 {
    background: #f44336 none repeat scroll 0 0;
    bottom: 60px;
    display: block;
    height: 30px;
    position: absolute;
    width: 100%;
    line-height: 30px;
}

.note_calendar_name {
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.note_calendar_name p {
    color: #fff;
    cursor: move;
    font-family: arial, serif;
    font-size: 14px;
    /*font-weight: bold;*/
    padding: 0 11px;
    text-shadow: 0 0 10px #555;
}

.buttons_note_calendar {
    float: right;
    position: absolute;
    right: 5px;
    top: 0;
    opacity: 0;
}

.buttons_note_calendar a {
    color: #fff;
    padding: 5px;
    font-size: 14px;
    opacity: 0.6;
}

.buttons_note_calendar button {
    background: transparent none repeat scroll 0 0;
    color: #fff;
    font-size: 13px !important;
    height: 30px !important;
    opacity: 0.7;
    padding: 0 2px !important;
}

.buttons_note_calendar a:hover {
    opacity: 1;
}

.buttons_note_calendar button:hover {
    opacity: 1;
}

.note_calendar:hover .buttons_note_calendar {
    opacity: 1;
}

.note_calendar_text {
    padding: 2px 8px 5px;
}

.note_calendar_text p {
    overflow: hidden;
    max-height: 60px;
}

.note_calendar_date {
    padding: 2px 8px 5px;
    font-size: 11px;
    color: #999;
}

.statut_table_note {
    border-bottom: 1px solid #ddd;
    display: inline-block;
    width: 100%;
}

.statut_table_note .succes {
    padding: 9px 10px;
}

.statut_table_note .wrong {
    margin: 0 10px 5px;
}

.statut_table_note .neutral {
    margin: 0 10px 5px;
}

.note_calendar {
    /*margin-top:10px;*/
}

.table_calendar td {
    min-height: 50px;
}

.note_calendar_img img {
    width: 100%;
}

.saptamini_plan {
    width: 100%;
    display: table;
}

.saptamini_plan_left {
    display: table-cell;
    width: 180px;
    vertical-align: top;

}

.saptamini_plan_right {
    display: table-cell;
    vertical-align: top;

}

.saptamini_plan_left_inter {
    margin: 10px 10px 0 20px;
    /*background:#eee;*/
}

.saptamini_plan_right_inter {
    margin: 10px 20px 0 10px;
}

.arhiva_plan_right_inter {
    margin: 10px 20px 0 10px;
}

.saptamini_plan_an p {
    float: left;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 87px;
}

.saptamini_plan_an .saptamini_plan_an_arrow_left {
    display: block;
    float: left;
    height: 45px;
    width: 30px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #2a2f43;
}

.saptamini_plan_an .saptamini_plan_an_arrow_left:hover {
    background: #cad1d8;
}

.saptamini_plan_an .saptamini_plan_an_arrow_right {
    display: block;
    float: right;
    height: 45px;
    width: 30px;
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    color: #2a2f43;
}

.saptamini_plan_an .saptamini_plan_an_arrow_right:hover {
    background: #cad1d8;
}

.saptamini_plan_an {
    height: 45px;
    border: 1px solid #cad1d8;
}

.saptamini_plan_luna a {
    border-bottom: 1px solid #e0e4e9;
    border-left: 1px solid #e0e4e9;
    border-right: 1px solid #e0e4e9;
    color: #2a2f43;
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
}

.saptamini_plan_luna {
    border-top: 1px solid #e0e4e9;
    margin-top: 10px;
}

.saptamini_plan_luna a:hover,
.saptamini_plan_luna a.active {
    border-bottom: 1px solid #33bbe5;
    border-left: 1px solid #33bbe5;
    border-right: 1px solid #33bbe5;
    background: #33bbe5;
    color: #fff;
}

.saptamini_plan_header_setings {
    background: #e8edf2;
    border: 1px solid #cad1d8;
    height: 45px;
}

.saptamini_plan_setings {
    float: right;
}

.saptamini_plan_setings_dollar,
.saptamini_plan_setings_gear {
    float: left;
}

.saptamini_plan_setings a {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    padding: 0 20px;
    color: #2a2f43;
    border-left: 1px solid #cad1d8;
    display: block;
    float: left;
}

.saptamini_plan_setings button {
    background: transparent;
    height: 45px;
    line-height: 43px;
    font-size: 12px;
    padding: 0 20px;
    color: #2a2f43;
    border-left: 1px solid #cad1d8;
    display: block;
}

.saptamini_plan_setings a:hover {
    background: #fff;
}

.saptamini_plan_setings a i {
    margin-right: 10px;
}

.saptamini_plan_setings button:hover {
    background: #fff;
}

.saptamini_plan_setings button i {
    margin-right: 10px;
}

.saptamini_plan_right_inter #accordion {
    margin-top: 10px;
}

.saptamini_plan_right_inter .ui-accordion-header {
    height: 30px;
}

.saptamini_plan_right_inter .ui-accordion-header-icon {
    float: left;
    margin-top: 7px;
}

.saptamini_plan_right_inter .ui-accordion .ui-accordion-header {
    border: 1px solid #cad1d8;
    margin-top: 10px;
}

.saptamini_plan_right_inter .ui-widget-content {
    background: #e8edf2;
}

.arhiva_plan_right_inter #accordion {
    margin-top: 10px;
}

.arhiva_plan_right_inter .ui-accordion-header {
    height: 30px;
}

.arhiva_plan_right_inter .ui-accordion-header-icon {
    float: left;
    margin-top: 7px;
}

.arhiva_plan_right_inter .ui-accordion .ui-accordion-header {
    border: 1px solid #e0e4e9;
    margin-top: -1px;
}

.arhiva_plan_right_inter .ui-widget-content {
    background: #f3f6f8;
    border-radius: 0;
}

.saptamina_acordion {
    float: left;
    font-size: 14px;
    margin-top: 6px;
    margin-left: 6px;
}

.title_arhiva_acordion {
    float: left;
    font-size: 14px;
    margin-left: 6px;
    margin-top: 6px;
}

.date_acordion {
    float: left;
    font-size: 12px;
    margin: 8px 50px;
}

.cog_acordion_arhiva {
    float: right;
    height: 30px;
}

.date_acordion_arhiva {
    float: left;
    font-size: 12px;
    margin: 8px 10px;
}

.delete_acordion_arhiva {
    float: left;
    font-size: 12px;
    margin: 4px 10px;
}

.arhiv_block_history ul {
    padding: 15px 15px 15px 30px;

}

.platform_history i {
    background: #e8edf2 none repeat scroll 0 0;
    border-radius: 50%;
    color: #747c83;
    display: block;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    text-align: center;
    width: 30px;
}

.platform_history i.fa-facebook {
    background: #3b5998;
    color: #fff;
}

.platform_history i.fa-twitter {
    background: #27aae0;
    color: #fff;
}

.platform_history i.fa-google-plus {
    background: #d34836;
    color: #fff;
}

.platform_history i.fa-dropbox {
    background: #008bd3;
    color: #fff;
}

.platform_history i.fa-whatsapp {
    background: #25D366;
    color: #fff;
}

.platform_history i.fa-odnoklassniki {
    background: #f58220;
    color: #fff;
}

.arhiv_block_history ul {
    display: block;
    height: 35px;
}

.arhiv_block_history li {
    display: block;
    height: 35px;
}

.name_arhiv_brand {
    font-size: 13px;
    margin-left: 13px;
    margin-top: 7px;
}

.history_bar_left {
    float: left;
}

.history_bar_right {
    float: right;
}

.platform_history,
.name_arhiv_brand {
    float: left;
}

.activnosti_user_arhiv p,
.activnosti_user_arhiv button,
.activnosti_user_arhiv a {
    float: left;
}

.del_button_arhiv {
    float: left;
    width: 27px;
}

.uvid_acordion {
    float: right;
}

.vinit_acordion,
.posts_acordion {
    float: left;
    font-size: 13px;
    margin: 6px 30px 6px 90px;
}

.table_date table {
    background: #fff;
    border: 1px solid #e8edf2;
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    font-size: 1em;
    /*table-layout: fixed;*/
    width: 100%;
}

.saptamini_plan_right_inter .ui-accordion-content {
    padding: 10px !important;
}

.arhiva_plan_right_inter .ui-accordion-content {
    padding: 0 !important;
}

.saptamini_plan_right_inter th {
    font-size: 11px;
    font-weight: normal;
    padding: 5px 10px;
    border: 1px solid #ccc;
}

.saptamini_plan_right_inter td {
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
    border: 1px solid #ccc;
    position: relative;
}

.table_null {
    background: #e8edf2;
    border: 0 !important;
    width: 0;
}

.table_number {
    text-align: center;
}

.table_center {
    text-align: center;
}

.add_din_plan {
    background: #fff none repeat scroll 0 0;
    border: 1px solid;
    color: #33bbe5;
    display: block;
    margin: 0 auto;
    padding: 4px 10px;
}

.arhiva_plan_right_inter th {
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    border: 1px solid #ccc;
}

@media screen and (max-width: 1200px) {

    .table_date table th,
    table td {
        max-width: 100%;
    }

    .table_date table {
        border: 0;
    }

    .table_date table thead {
        display: none;
    }

    .table_date table tr {
        margin-bottom: 10px;
        display: block;
        border-bottom: 2px solid #ddd;
    }

    .table_date table td {
        display: block;
        text-align: right;
        font-size: 13px;
        border-bottom: 1px dotted #ccc;
    }

    .table_date table td:last-child {
        border-bottom: 0;
    }

    .table_date table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
    }
}

.div_html_popap {
    display: none;
}

ul.dropdown li {
    position: relative;
}

ul.dropdown,
ul.dropdown-inside {
    list-style-type: none;
    padding: 0;
}

ul.dropdown-inside {
    position: absolute;
    left: -9999px;
    z-index: 1;
}

ul.dropdown li.dropdown-top {
    display: inline;
    float: left;
    margin: 0 1px 0 0;
}

ul.dropdown li.dropdown-top a {
    padding: 0 7px;
    display: block;
}

ul.dropdown li.dropdown-top:hover .dropdown-inside {
    display: block;
    left: 0;
}

ul.dropdown .dropdown-inside {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
}

ul.ksw-dropdown .dropdown-inside label:hover {
    background: #efefef;
}

.dropdown-inside input {
    float: left;
    height: auto !important;
    margin: 8px 4px 0 0 !important;
    width: auto !important;
}

.select_post {
    text-align: left;
}

.select_post input {
    float: left;
    height: auto !important;
    margin: 5px 8px 0 0 !important;
    width: auto !important;
}

.dropdown-inside label {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 7px;
    text-align: left;
    width: 120px;
}

.btn-group {
    text-align: right;
    border-top: 1px solid #e8edf2;

}

.btn-group button {
    background: #33bbe5 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    margin: 10px;
    padding: 10px 70px;
}

.btn-group button:hover {
    background: #087a64 none repeat scroll 0 0;

}

.ui-dialog-content fieldset {
    border: 0;
    padding: 0;
}

.container_popap input {
    border: 1px solid #d7d7d7;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 14px;
    height: 35px;
    margin-bottom: 10px;
    margin-top: 0;
    padding: 0 12px;
    transition: all 0.3s ease 0s;
    width: 100%;
}

.container_popap input.hasDatepicker {
    height: 30px;
    width: auto;
}

.validateTips {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

.add_pers_email_popap button {
    background-color: #33bbe5;
    border: medium none;
    box-shadow: none;
    color: white;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 24px;
    border-radius: 0 !important;
    float: left;
    height: 43px;
    margin: 0 !important;
}

.ui-dialog-buttonset button {
    background-color: #c1c1c1;
    border: medium none;
    /* border-radius: 2px;*/
    box-shadow: none;
    color: white;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    margin: 5px 5px 0;
    padding: 10px 32px;
}

.ui-dialog-buttonset button:first-child {
    background-color: #33bbe5;
    color: white;
}

.ui-dialog-buttonset button:hover {
    background-color: #1992ba;
    color: white !important;

}

.ui-dialog-buttonset button.active {
    background-color: #33bbe5;
    color: white !important;
}

.name_popap_wait {
    /*float:left;*/
    font-size: 18px;
}

.block_single_team_popap_wait {
    float: left;
    height: 100px;
    width: 100px;
    margin: 5px 2% 10px;
    position: relative;
    text-align: center;
}

.block_single_team_popap_wait img {
    width: 100%;
}

.block_single_team_popap_wait .name_popap_wait {
    float: left;

}

.ateptare_om {
    float: left;
}

#in_asteptare_avatar {
    background: #e8edf2 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 50%;
    color: #bcc0c4;
    cursor: pointer;
    display: block;
    font-size: 50px;
    height: 100px;
    line-height: 95px;
    margin: 0 auto;
    text-align: center;
    width: 100px;
}

.avatar_popap_wait p,
.avatar_popap_wait a {
    display: table;
    margin: 0 10px 10px;
}

.in_asteptare_date {
    float: left;
    width: 350px;
}

/*
.image-checkbox{
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid transparent;
	outline: 0;
	position:relative;
    }

.image-checkbox input[type="checkbox"] {
    display: none;
     }

.image-checkbox-checked{
      border-color: #33bbe5;
    }*/

.check_icon_apruv {
    position: absolute;
    right: 0;
    opacity: 0;
}

.check_icon_apruv_brand {
    position: absolute;
    right: 2px;
    opacity: 0;
    top: 0;
}

.image-checkbox-checked .check_icon_apruv {
    opacity: 1;
}

.list_exists_brands .check_icon_apruv_brand {
    opacity: 1;
}

.check_icon_apruv i {
    color: #33bbe5;
}

.check_icon_apruv_brand i {
    color: #33bbe5;
}

.list_exists_brands .col-md-3 {
    /*float: left;
  margin: 8px;
    width: 75px;
	text-align: center;
	 height: 100px;*/
}

.list_exists_brands .col-md-3 p {
    margin-bottom: 15px;
    margin-top: 0;
}

.list_exists_brands .col-md-3 img {
    width: 100%;
    /*padding:5px;*/
    height: auto;
}

.list_exists_brands .col-md-3 label {
    display: inline-block;
    position: relative;
    height: 56px;
    cursor: pointer;
    margin-bottom: 0;
}

.container_popap .icon-platform-popap {
    font-size: 26px;
    height: 57px;
    line-height: 55px;
    text-align: center;
    width: 57px;
    color: #999;
}

.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;

}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.slider {
    width: 400px;
    margin: 0 auto;
}

.team_profil .slider {
    width: 100%;
    margin: 0 auto;
    /*min-height: 150px;*/
}

.group_profil .slider {
    width: 100%;
    margin: 0 auto;
}

.slick-slide {
    margin: 0 0;
}

.slick-slide img {
    /* width: 100%;*/
}

.date_generale_company_team img {
    height: 60px;
    width: 60px;
    margin: 0 auto;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

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

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 42%;
    display: block;
    padding: 10px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    outline: none;
    background-color: #fff;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1.5px solid #dfe0e4;
    z-index: 9;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    /*color: transparent;
    outline: none;
    background: transparent;*/
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    content: '';
    font-family: 'slick', serif;
    font-size: 20px;
    line-height: 1;
    background-image: url(/img/arr_face_carusel.png);
    opacity: .75;
    width: 20px;
    height: 20px;
    display: block;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: 0;
}

[dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}

.slick-prev:before {
    background-position: 0 -42px;
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    right: 0;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: 0;
}

.slick-next:before {
    /*content: '>';
    color:#000;*/
    background-position: 0 -63px;
}

[dir='rtl'] .slick-next:before {
    background-image: url(/img/arr_face_carusel.png);
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-position: 0 -21px;
}

.sp_81EGqLZOO2I.sx_5a1dff {
    width: 20px;
    height: 20px;
    background-position: 0 -21px;
}

.sp_81EGqLZOO2I {
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

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

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}

.slick-dots li button:before {
    font-family: 'slick', serif;
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.multiselect-container > li > a > label {
    padding: 4px 20px 3px 20px;
}

.tasks-lists {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -11px;
    padding: 10px 4px;
    width: 19px;
    height: 3px;
    font: 0/0 serif;
    text-shadow: none;
    color: transparent;
}

.tasks-lists:before {
    content: '';
    display: block;
    height: 3px;
    background: #8c959d;
    border-radius: 1px;
    -webkit-box-shadow: 0 6px #8c959d, 0 -6px #8c959d;
    box-shadow: 0 6px #8c959d, 0 -6px #8c959d;
}

.tasks-list-item {
    display: block;
    line-height: 24px;
    padding: 7px 15px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.check_drets_listing_add_people .tasks-list-item {
    display: block;
    line-height: 24px;
    padding: 9px 15px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0;
}

.tasks-list-item + .tasks-list-item {
    border-top: 1px solid #f0f2f3;
}

.stream_list .tasks-list-item {
    border-top: 1px solid #f0f2f3;
}

.tasks-list-cb {
    display: none;
}

.tasks-list-mark {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-right: 12px;
    width: 20px;
    height: 20px;
    border: 2px solid #c4cbd2;
    border-radius: 12px;
}

.tasks-list-mark:before {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px 0 0 -6px;
    height: 7px;
    width: 11px;
    border: solid #33bbe5;
    border-width: 0 0 4px 4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tasks-list-cb:checked ~ .tasks-list-mark {
    border-color: #33bbe5;
}

.tasks-list-cb:checked ~ .tasks-list-mark:before {
    display: block;
}

.tasks-list-desc {
    /*font-weight: bold;*/
    color: #8a9a9b;
}

.tasks-list-desc i {
    margin-right: 5px;
    font-size: 14px;
}

.tasks-list-cb:checked ~ .tasks-list-desc {
    color: #33bbe5;
}

.group_profil_comlete .edit-group {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    float: right;
    width: auto;
    opacity: 0;
}

.block_team_company .block_group_card .edit-group {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    float: right;
    width: auto;
    opacity: 0;
    color: #fff;
}

.block_group_board .block_group_card .edit-group {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    float: right;
    width: auto;
    opacity: 0;
    color: #fff;
}

.group_profil_inter .block_group_card .edit-group {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    float: right;
    width: auto;
    opacity: 0;
    color: #fff;
}

.group_profil_comlete:hover .edit-group {
    opacity: 1;
}

.block_team_company .block_group_card:hover .edit-group {
    opacity: 1;
    background: transparent;
}

.block_group_board .block_group_card:hover .edit-group {
    opacity: 1;
    background: transparent;
}

.group_profil_inter .block_group_card:hover .edit-group {
    opacity: 1;
    background: transparent;
}

.group_profil_comlete .edit-group:hover {
    background: transparent none repeat scroll 0 0;

}

.group_profil_comlete .edit-group i {
    background: transparent none repeat scroll 0 0;
    color: #000;
    font-size: 16px;
    height: 27px;
    line-height: 27px;
    margin: 0;

}

#tabs-echipa {
    padding: 0;
}

#tabs-echipa.ui-tabs .ui-tabs-panel {
    padding: 0;
}

/* 2 inputuri */

.container_popap input {
    margin: 0 4px;
    width: 47%;
}

.ui-tabs-anchor {
    padding: 10px 20px;
}

.left_tabs_media .ui-tabs-anchor {
    height: 40px;
    line-height: 40px;
    padding: 0;
    width: 150px;
}

.tabs-brands {
    padding: 5px !important;
}

.tabs-brands .ui-tabs-panel {
    padding: 0 !important;
}

.tabs-brands .ui-state-active,
.tabs-brands .ui-widget-content .ui-state-active,
.tabs-brands .ui-widget-header .ui-state-active,
.tabs-brands a.ui-button:active,
.tabs-brands .ui-button:active,
.tabs-brands .ui-button.ui-state-active:hover {
    background: #fff none repeat scroll 0 0;
    color: #000;
    font-weight: normal;
}

.tabs-brands .ui-state-active a,
.tabs-brands .ui-state-active a:link,
.tabs-brands .ui-state-active a:visited {
    color: #000;
}

.tabs-brands .ui-tabs-nav {
    margin: 0;
    padding: 0 !important;
}

.tabs-brands .ui-tabs-tab a,
.tabs-brands .ui-tabs-tab a:link,
.tabs-brands .ui-tabs-tab a:visited {
    border: 1px solid transparent;
}

.tabs-brands .ui-state-active a,
.tabs-brands .ui-state-active a:link,
.tabs-brands .ui-state-active a:visited {
    border: 1px solid #1992ba;
}

.tabs-brands .ui-tabs-nav li {
    margin: 0 !important;
    border: 1px !important;
}

.tabs-brands .ui-state-hover {
    background: #fff !important;
}

.tabs-brands .ui-state-hover a,
.tabs-brands .ui-widget-content .ui-state-hover a,
.tabs-brands .ui-button a:hover,
.tabs-brands .ui-button a:focus {
    background: #fff;
    border: 1px solid #1992ba;
}

.tabs-echipa .ui-state-active,
.tabs-echipa .ui-widget-content .ui-state-active,
.tabs-echipa .ui-widget-header .ui-state-active,
.tabs-echipa a.ui-button:active,
.tabs-echipa .ui-button:active,
.tabs-echipa .ui-button.ui-state-active:hover {
    background: #fff none repeat scroll 0 0;
    color: #000;
}

#dialog-form .tabs-brands .ui-tabs-anchor {
    /*margin: 5px;*/
    padding: 10px;
    width: 35px;
    position: relative;
}

#dialog-form .tabs-brands .ui-tabs-anchor img {
    width: 100%;
}

.visible {
    opacity: 1;
}

.image-checkbox input {
    display: none;
}

.image-checkbox input:checked + .check_icon_apruv {
    border: 1px solid #33bbe5;
    display: block;
    height: 75px;
    /* margin-right: 2px;*/
    opacity: 1;
    width: 100%;
    text-align: right;
    top: 0;
}

#dialog_select_grfic .image-checkbox input:checked + .check_icon_apruv {
    height: 55px;

}

.image-checkbox input:checked > .image-checkbox {
    border: 1px solid;
}

.avatars_popap_ul li {
    float: left;
}

.image-checkbox {
    display: block;
    cursor: pointer;
}

.name_left {
    display: block;
    margin: 0 auto;
    width: auto;
}

.avatars_popap_ul {
    /*border:1px solid #d7d7d7;*/
    padding: 10px;
}

.image-checkbox input:checked + .check_icon_apruv {
    border: 1px solid #33bbe5;
    display: block;
    height: 55px;
    opacity: 1;
    text-align: right;
    top: 0;
    width: 55px;
}

#tabs-brand {
    height: auto;
}

.avatar_upload {
    position: relative;
}

.avatar_upload .remove_brand {
    position: absolute;
    z-index: 11;
}

.avatar_upload .remove_brand a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc !important;
    border-radius: 50%;
    color: #555;
    display: block;
    font-family: Lucida Console, serif;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin: 5px;
    padding: 0;
    width: 20px;
    text-align: center;
}

.avatar_upload .remove_brand a:hover {
    background: #f44336;
    border: 1px solid #f44336 !important;
    color: #fff;

}

.detalii-popap-platforms {
    width: 100%;
    float: left;
}

.detalii-popap-platforms li {
    float: left;
}

.detalii-popap-platforms i {
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #999;
    display: block;
    font-size: 21px;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    text-align: center;
    width: 40px;

}

#ui-id-21 {
    /* background: #f44336 none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 22px;
    margin: 0 0 5px;
    overflow: hidden;
    padding: 5px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;*/
}

#ui-id-21 + .ui-dialog-titlebar-close {
    border-radius: 50%;
    color: #fff !important;
    position: absolute;

    top: 50%;
    width: 20px;
    margin: -14px 0 0 0;
    padding: 1px;
    height: 20px;
}

#ui-id-21 + .ui-dialog-titlebar-close span {
    color: #fff !important;
}

.text-alert {
    color: #f44336;
}

.menu_top_li p {
    font-size: 10px;
}

.img-card-logo {
    float: left;
    /*width: 30%;*/
    margin: 0 15px 0 0;
}

.agency_block_mini {
    display: block;
    height: 250px;
    position: relative;
}

.waiting-avatar {
    height: 50px;
    width: 50px;
    text-align: center;
    background: #e8edf2;
    font-size: 28px;
    border: 0;
    border-radius: 50%;
    color: #bcc0c4;
    margin-bottom: 3px;
}

.alert {
    margin: 10px;
    padding: 10px 20px;
    border: 1px solid;
    background: #fff;
    width: 94%;
}

.alert-danger {
    color: #fff !important;
    border-color: #f44336 !important;
    background: #ff6a5f !important;
}

.alert-white {
    background-image: linear-gradient(to bottom, #fff, #f9f9f9);
    border-color: #d8d8d8 #cacaca #bdbdbd;
    color: #404040;
    line-height: 24px;
    padding-left: 62px !important;
    position: relative;
}

.alert {
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.11);
    display: table;

}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert {
    border: 1px solid transparent;

    margin-bottom: 10px;
    padding: 15px;
}

.alert-white.rounded .icon {

    border-radius: 3px 0 0 3px;
}

.alert-white .icon {
    border: 1px solid #bdbdbd;
    height: 39px;
    left: 0;
    padding-top: 15px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 45px;
}

*::after,
*::before {
    box-sizing: border-box;
}

button.close {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

.close {
    color: #000;
    float: right;
    font-size: 24px;
    font-weight: 100;
    line-height: 1;
    opacity: 0.5;
    text-shadow: 0 1px 0 #fff;
}

.close:hover {
    color: #fff;
    opacity: 1;

}

.alert-white.alert-success .icon,
.alert-white.alert-success .icon::after {
    background: #60c060 none repeat scroll 0 0;
    border-color: #54a754;
}

.alert-white .icon i {
    color: #fff;
    font-size: 20px;
    left: 12px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
}

.alert_block {
    width: auto;
}

/*.chart-card-text {
    height: 550px;
}*/

.companies-statistic-card .ui-slider-tabs-list img {
    height: 50px;
}

.companies-statistic-card .ui-slider-tabs-content-container {
    min-height: calc(100vh - 207px) !important;
}

.companies-board-card .ui-slider-tabs-content-container {
    /*height:530px !important;*/
}

.butoons_navigation_agency button {
    border: 1px solid #e8edf2 !important;
    color: #000;
    font-size: 14px !important;
    line-height: 11px !important;
    display: inline-block;
}

.butoons_navigation_agency button:hover {
    background: #33bbe5 !important;
    border: 1px solid #33bbe5 !important;
    color: #fff;
}

.right_arrow_just {
    float: right;
}

.butoons_navigation_agency {
    /*display:block;
	    position: relative;*/
}

.info-regular-platform {
    /*margin-top:10px;*/
}

.date_generale_company section {
    height: 100px;
}

.date_generale_company_socials .slick-list,
.date_generale_company_team .slick-list {
    padding-top: 20px;
}

.top-post_marginbott .ui-slider-tabs-content-container {
    height: 745px !important;
}

.top_video_block_single_inter h2 {
}

.info-regular-team-agecy-top {
    height: 200px;
    width: 100%;
}

.info-regular-group-agecy-top {
    height: 200px;
}

.img-card-team {
    max-height: 250px;
    overflow: hidden;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.block_team_company {
    max-height: 250px;
    overflow: hidden;
}

.block_group_board {
    margin-bottom: 8px;
    margin-top: 9px;
    max-height: 250px;
    overflow: hidden;
}

.img-card-team .butoons_navigation_agency {
    border-top: 1px solid #e8edf2;
}

.img-card-team .butoons_navigation_agency button {
    margin: 14px !important;
}

.block_team_company .butoons_navigation_agency {
    border-top: 1px solid #e8edf2;
}

.block_group_board .butoons_navigation_agency {
    border-top: 1px solid #e8edf2;
}

.block_team_company .butoons_navigation_agency button {
    margin: 14px !important;
}

.block_group_board .butoons_navigation_agency button {
    margin: 11px !important;
    position: relative
}

.expand-show {
    opacity: 1;
    height:auto;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.expand-hidden {
    opacity: 0;
    height: 1px;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.open_general_statistic a {
    cursor: pointer;
    border-bottom: 0 solid #33bbe5 !important;
    color: #fff;
    background: #41586c;
    box-shadow: inherit;
    text-transform: uppercase;
    margin-top: 0;
    border-radius: 0 0 3px 3px;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
}

.tab-grafic-company_single {
    height: 250px;
}

.regular-container-block {
    min-height: 150px;
}

.avertizare-popap {
    padding: 10px;
    text-align: center
}

.avertizare-popap b {
    color: #33bbe5;

}

.tab-loading {
    width: 100%;
    height: 400px;
    background: url(/img/loading.gif) no-repeat center center;
}

.admin_accept h1 {
    font-weight: normal;
    margin: 5px 0;
}

.admin_accept label {
    display: block;
    font-size: 16px;
    margin: 10px 0;
}

.admin_accept {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    margin: auto;
    min-height: 470px;
    padding: 5px 30px;
    position: relative;
    transition: box-shadow 0.05s ease 0s;
    font-size: 14px;
}

.admin_accept .form-group input {
    border: 1px solid #d4d9de;
    padding: 10px;
    width: 400px;
}

.admin_accept td {
    border: 0;
    padding: 5px 15px;
}

.admin_accept th {
    border-bottom: 1px solid #f0f0f0 !important;
    color: #ccc;
    font-size: 18px;
    font-weight: normal;
    padding: 10px;
}

.admin_accept table a {
    padding: 13px 20px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    color: #000;
    border: 1px dashed #d4d9de !important;
    font-size: 14px;
    transition: all 0.05s ease 0s;
}

.admin_accept table a:hover {
    background: #33bbe5;
    color: #fff;
    transition: all 0.05s ease 0s;
}

.admin_accept h3 {
    background: #33bbe5 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    margin: 20px 0 0;
    padding: 5px 20px;
    text-transform: uppercase;
}

.admin_accept button.btn {
    background: #33bbe5 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    display: block;
    font-size: 14px;
    margin: 20px auto;
    padding: 10px 55px;
    text-transform: uppercase;
}

.admin_accept button.btn:hover {
    background: #087a64;
}

.admin_accept .cke_chrome {
    border: 1px solid #b6b6b6;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    display: block;
    padding: 0;
}

.admin_accept .cke_top,
.admin_accept .cke_bottom {
    background: #e8edf2 none repeat scroll 0 0;
}

.tabs_brand_edit .ui-state-default a img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.tabs_brand_edit li.ui-state-default {
    border-top: 2px solid transparent;
}

.tabs_brand_edit .ui-state-default a:hover img {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    background: transparent !important;
}

.ui-state-active a img {
    -webkit-filter: grayscale(0%) !important;
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    position: relative;
    border-top: 2px solid #33bbe5;
}

#group-tabs-brands .ui-tabs-nav li.ui-tabs-active {
    border-top: 0 solid #33bbe5;
}

.plan_general_post .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #33bbe5;
}

.plan_general_post .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #fff !important;
}

.dgj {
    text-align: center;
    color: #000;
}

.containing-table {
    display: table;
    width: 100%;

}

.centre-align {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.content-center {

    display: inline-block;
    vertical-align: top;
    /* Removes the extra white space below the baseline */
}

.button_view_more_list a {
    border: 1px solid #b6dbaa !important;
    border-radius: 2px;
    color: #81ae73;
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin: 20px auto;
    padding: 0;
    text-align: center;
    width: 150px;
}

.button_view_more_list a:hover {
    background: #81ae73;
    border: 1px solid #81ae73 !important;
    color: #fff;
}

#button_social_container {
    float: left;
    height: 100px;
    margin-right: 10px;
}

.button_social_container {
    display: table-cell;

}

.menu_contentmediaplan {
    float: right;
    /* height: 40px;*/
    /*border-bottom:1px solid #e8edf2;*/
}

.menu_contentmediaplan li {
    float: left;
}

.menu_contentmediaplan li a {
    border: 1px solid #33bbe5 !important;
    /*border-radius: 25px;*/
    color: #33bbe5;
    display: block;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: -6px 0 0 10px;
    padding: 0 20px;
}

.menu_contentmediaplan li a.active {
    border: 1px solid #33bbe5 !important;
    background: #33bbe5;
    color: #fff;
}

.menu_contentmediaplan li a:hover {
    border: 1px solid #33bbe5 !important;
    background: #33bbe5;
    color: #fff;
}

.mediaplan_platform_exist li {
}

.mediaplan_platform_exist {
    position: relative;
}

.number_socials {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #33bbe5;
    border-radius: 50%;
    color: #999;
    font-size: 9px;
    height: 15px;
    line-height: 15px;
    margin-left: 27px;
    margin-top: -6px;
    position: absolute;
    text-align: center;
    width: 15px;
}

.cover_table {
    /*width: 100%;*/
    border-collapse: collapse;
    table-layout: fixed;
    /*border-bottom: 1px solid #e8edf2;*/
    min-height: 162px;
    margin-right: 20px;
}
.cover_table td {
    vertical-align: top;
    padding: 0;
}
.cover_table h1 {
    margin: 5px 0 25px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: -.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.content_mp section[id].brand_info {
    padding: 15px;
}

.brand_info h4 {
    color: #2a2f43;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0 10px;
}

.add_statut_icon {
    height: 28px;
    line-height: 28px !important;
    width: 28px;
    text-align: center;
    font-size: 14px !important;
    background: #bac3d0;
    color: #fff;
    border-radius: 50%;
    border: 1px solid transparent;
}

.statut_color:hover .add_statut_icon {
    border: 1px solid #bac3d0;
    background: #fff;
    color: #bac3d0;
}

.avatars_popap_ul_avatar {
    float: left;
    width: 80px;
    height: 75px;
}

.avatars_popap_ul_buttons {
    float: left;
    width: 470px;
    height: 75px;

}

.status_text {
    float: left;
    font-size: 18px;
    margin-left: 40px;
    margin-top: 27px;
}

.statut_aprobat {
    color: #6aac55;
}

.statut_neaprobat {
    color: #fa7264;
}

.statut_asteptare {
    color: #bac3d0;
}

.avatars_popap_ul_buttons button {
    display: flex;
    border: 0;
    padding: 0;
    background: transparent;
}

.avatars_popap_ul_buttons ul {
    float: right;
}

.avatars_popap_ul_setca li.list_user_status {
    display: block;
    border-bottom: 1px solid #e8edf2;
    height: 75px;
    padding: 7px 0;
}

.avatars_popap_ul_buttons li {
    float: left;
}

.avatars_popap_ul_buttons li i {
    color: #bac3d0;
    font-size: 16px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}

.avatars_popap_ul_buttons li button:hover i {
    color: #fff;
    background: #bac3d0;
}

.avatars_popap_ul_buttons li button:focus i {
    color: #fff;
    background: #bac3d0;
}

.avatars_popap_ul_buttons li button.active i {
    color: #fff;
    background: #bac3d0;
}

.avatars_popap_ul_buttons li button {
    margin-left: 10px;
    margin-top: 23px;
}

.gray img {

    filter: grayscale(1);
    /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
}

.scrol_popap_status {
    max-height: 270px;
    overflow-y: auto;
}

.redactirovanii_td {
    position: relative;
}

.redactirovanii_td:hover .pecil_input {
    opacity: 1;
}

.left_tabs_media li:hover .pecil_input_tab {
    opacity: 1;
}

.pecil_input {
    border: 0;
    background: transparent;
    position: absolute;
    top: 5px;
    right: 5px;
    color: #bac3d0;
    opacity: 0;
}

.pecil_input_tab {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #33bbe5;
    border-radius: 50%;
    color: #33bbe5;
    font-size: 9px;
    height: 18px;
    opacity: 0;
    position: absolute;
    right: 5px;
    top: 10px;
    width: 18px;
}

.input_inter_tab {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #33bbe5;
    height: 36px;
    left: 0;
    margin-left: 1px;
    margin-top: -1px;
    padding-left: 5px;
    position: absolute;
    width: 110px;
}

.left_tabs_media p button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #33bbe5;
    font-size: 11px;
    height: 40px;
    margin-top: -1px;
    position: absolute;
    right: -1px;
    width: 32px;
    z-index: 999;
}

.p2 button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #33bbe5;
    font-size: 10px;
    height: 21px;
    position: absolute;
    width: 30px;
    z-index: 999;
    border-left: 0;
    margin-top: -1px;
}

.denumirea_brand {
    width: 550px !important;
}

.input_inter_table {
    padding: 0;
    border: 0;
    color: #999;
}

.p1 {
    width: 100px;
}

.p1 button {
    border: 0 none;
    bottom: 0;
    font-size: 10px;
    padding: 5px;
    position: absolute;
    right: 0;
    background: #33bbe5 none repeat scroll 0 0;
    color: #fff !important;
}

.imputs_grafic_media {
    float: left;
}

.imputs_grafic_media {
    float: left;
    width: 50%;
}

.add_button_tab {
    display: table-caption;
    margin-top: 10px;
    width: 150px;
}

.add_button_tab button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8edf2;
    color: #33bbe5 !important;
    display: block;
    float: left;
    font-size: 12px;
    height: 35px;
    line-height: 32px;
    width: 152px;
}

.add_button_tab button:hover {
    background: #33bbe5 none repeat scroll 0 0;
    border: 1px solid #33bbe5;
    color: #fff !important;
}

.plan_general_post .left_tabs_media {
    /*float:left;*/
    display: inline-block;
    vertical-align: top;
    float: left;
}

.plan_general_post .ui-tabs .ui-tabs-panel {
    /*float:left;*/
    display: inline-block;
    position: absolute;
    right: 0;
    vertical-align: top;
    width: 850px;
    float: left;
}

.chart_media_inputs {
    float: left;
    /* margin-left: 11%;*/
    max-height: 196px;
    overflow-y: auto;
    /* width: 82%;*/
    width: 100%;
    margin-left: 20px;

}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {

    background: #e8edf2;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #CCC;
}

.activnosti_user_arhiv button {
    border: 0;
    background: transparent;
}

.open_arhiv {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #33bbe5 !important;
    color: #33bbe5;
    display: block;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    margin-left: 20px;
    padding: 0 20px;
}

.open_arhiv:hover {
    background: #33bbe5 none repeat scroll 0 0;
    border: 1px solid #33bbe5 !important;
    color: #fff;
}

.close_arhiv {
    color: #bac3d0;
    margin: 5px 0 5px 10px;
}

.ui-state-active button.close_arhiv_all:hover {
    color: #fff !important;
}

button.close_arhiv_all:hover,
button.close_arhiv:hover {
    color: #000;
}

.arhiva_plan_right_inter .ui-state-active {
    background: #33bbe5;
    color: #fff;
}

.arhiva_plan_right_inter button {
    border: 0;
    background: transparent;
    color: #ccc;
}

.arhiva_plan_right_inter .ui-state-active .ui-icon,
.arhiva_plan_right_inter .ui-button:active .ui-icon {
    background-image: url("/img/ui-icons_ffffff_256x240.png");
}

.arhiv_status {
    margin-left: 10px;
    padding-top: 8px;
    width: 70px;
}

.arhiv_date {
    margin-left: 10px;
    padding-top: 8px;
    width: 100px;
}

.stergere_alert {
    color: #f44336;
    font-size: 16px;
    margin: 20px;
    text-align: center;
}

/*LIST CALENDAR*/

.single_list_calendar {
    display: table;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 10px;
    border-bottom: 5px solid #e8edf2;
}

.date_list_claendar,
.post_list_calendar,
.comment_list_calendar {
    display: inline-table;
    vertical-align: top;
}

.post_list_calendar {
    border: 1px solid #e8edf2;
    display: table-cell;
    min-height: 100px;
    overflow: hidden;
    /*padding: 5px 15px;*/
    width: 470px;
    margin-right: 10px;
    position: relative;
    padding-bottom: 70px;
}

.center-c {
    display: block !important;
}

.date_list_claendar {
    display: table-cell;
    width: 110px;
    overflow: hidden;
    min-height: 100px;
    padding-right: 10px;
}

.container_title_list {
    padding: 5px 15px;
    border-bottom: 1px solid #e8edf2;
    height: 40px;
}

.post_list_calendar h3 {
    font-size: 18px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    margin: 0;
}

.post_list_calendar img {
    display: block;
    height: auto;
    margin: 0 auto;
    /* max-height: 220px;*/
    max-width: 95%;
    width: 100%;
}

.nouazeci {
    margin: 5px auto;
    width: 95%;
}

.opisanie_list_carusel {
    /*border-bottom: 1px solid #ccc;*/
    clear: both;
}

.nouazeci_inte {
    width: 320px !important;
    float: left;

}

.slick-track {
    width: 5000px !important;
}

.nouazeci_inte img {
    width: auto;
    max-width: none;
}

.nouazeci_inte h3 {

    padding: 5px;
}

.nouazeci_inte p {
    padding: 5px;
}

.container_title_list h3 {
    float: left;
    width: 95%;
    display: block;
    box-sizing: border-box;
}

.container_title_list .red_post_list {
    float: right;
    width: 5%;
    text-align: center;
    padding-top: 0;
}

.container_title_list .red_post_list a {
    color: #007eb2;
    font-size: 16px;
}

.post_list_calendar .mask_link {
}

.post_list_calendar a.img_href_list {
    display: block;
    height: auto;
    text-align: center;
}

.tasc_board_post_list_calendar {
    border: 0 solid #e8edf2;
    float: left;
    min-height: 100px;
    overflow: hidden;
    /*padding: 5px 15px;*/
    width: 100%;
    margin-right: 10px;
}

.tasc_board_post_list_calendar h3 {
    font-size: 18px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 5px 0;
    border-bottom: 1px solid #e8edf2;
}

.zag_task {
    font-size: 18px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 5px 0;
    /*border-bottom:1px solid #e8edf2;*/
    display: block;
}

.tasc_board_post_list_calendar img {
    margin: 0 auto;
    height: auto;
    max-width: 100%;
}

.tasc_board_post_list_calendar a.img_href_list {
    display: block;
    padding: 0 15px;
}

.buttons_list_calendar {
}

.list_calendar {
    margin-bottom: 10px;
}

.comment_list_calendar {
    display: table-cell;
    float: none;
    min-height: 100px;
    overflow: hidden;
    position: relative;
    font-size: 12px;
}

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

.date_list_claendar .date_circle {
    background: #fff;
    border: 1px solid #33bbe5;
    border-radius: 50%;
    color: #33bbe5;
    height: 110px;
    width: 110px;
    text-align: center;
}

.number_day_list_calendar {
    font-size: 40px;
    line-height: 30px;
    margin: 15px 0 0;
}

.moon_list_calendar {
    font-size: 22px;
    line-height: 30px;
}

.h_list_calendar {
    font-size: 18px;
    line-height: 20px;
}

.buttons_list_calendar button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bac3d0;
    margin: 10px 0 10px 12px !important;
    padding: 0 !important;
    text-align: left;
    width: 139px;
}

.buttons_list_calendar a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8edf2;
    margin: 10px 0 10px 10px !important;
    padding: 0 !important;
    text-align: left;
    color: #555;
    display: block;
    float: left;
    width: 130px;

}

.buttons_list_calendar i {
    background: #bac3d0;
    color: #fff;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
}

.buttons_list_calendar .succes_buttt i {
    background: #6aac55;
    color: #fff;
}

.buttons_list_calendar .not_succes_buttt i {
    background: #ecb751;
    color: #fff;
}

.buttons_list_calendar span {
    font-size: 12px;
    margin-left: 6px;
}

.text_list_calendar {
    font-size: 12px;
    padding: 10px 15px;
}

.page-posts-comments-internal-wrapper {
    position: relative;
}

.comments-sidebar {
    display: block;

}

.page-posts-comments-internal-list-wrapper {
    background-color: white;
    border: 1px solid #e8edf2;
    border-radius: 5px;
    /* margin-left: 10px;*/
    /* padding: 10px;*/
    position: relative;
}

.page-posts-comment-root {
    padding: 20px;
    height: 415px;
    overflow: auto;
}

.page-posts-comments-arrow-arrow-wrapper {
    border-bottom: 6px solid transparent;
    border-right: 7px solid #e8edf2;
    border-top: 6px solid transparent;
    left: -7px;
    margin-top: -6px;
    position: absolute;
    top: 20px;
    z-index: 6;
}

.page-posts-comments-arrow-arrow {
    border-bottom: 5px solid transparent;
    border-right: 6px solid #fff;
    border-top: 5px solid transparent;
    left: 1px;
    margin-top: -5px;
    position: absolute;
}

.post-comment-wrapper .post-comment-image-wrapper img {
    border-radius: 12px;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: 0;
    padding: 0;
    top: 50%;
    width: auto;
}

.spre_aprob_blok img {
    border-radius: 50%;
    /*height: 35px;
    left: 50%;
    line-height: 35px;*/
    margin: 0;
    padding: 0;
    /*top: 50%;*/
    width: auto;
}

.spre_aprob_blok .avatar-comment {
    float: left;
    width: 50px;
    height: 50px;
}

.spre_aprob_blok .post-comment-content-wrapper {
    float: left;
}

.spre_aprob_blok .to_aprove_actions li {
    float: right;
    width: auto;
    height: 36px;
}

.spre_aprob_blok ul.nav {
    text-transform: uppercase;
}

.post-comment-wrapper .post-comment-image-wrapper {
    display: table-cell;
    max-width: 45px;
    /*padding: 0 10px;*/
    vertical-align: top;
    width: 35px;
}

.post-comment-wrapper .post-comment-content-wrapper {
    display: table-cell;
    vertical-align: top;
}

.text-semibold {
    font-weight: 500;
}

.media-annotation {
    /*background: transparent none repeat scroll 0 0;*/
    border-radius: 2px;
    color: #ccc;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0 5px 5px;
}

.media-annotationn {
    background: #1aafd0 none repeat scroll 0 0;
    color: #fff;
    height: 44px !important;
    margin-top: 1px !important;
    width: 100%;
}

.js-re-comment {
    /* background: #e8edf2 none repeat scroll 0 0;*/
    border-radius: 2px;
    color: #999;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0 5px 0;
    /* padding: 5px 15px; */
}

.media-heading .media-annotation {
    margin-left: 7px;
}

.delete-comment {
    cursor: pointer;
}

.media-heading .js-edit-comment {
    cursor: pointer;
}

.js-re-comment {
    cursor: pointer;
}

.post-comment-wrapper {
    margin-bottom: 20px;
}

.page-posts-comments-reply .post-comment-reply-image-wrapper {
    background-repeat: repeat-y;
    display: table-cell;
    max-width: 45px;
    padding: 0 10px 0 0;
    vertical-align: top;
    width: 25px;
}

.page-posts-comments-reply .post-comment-reply-image-wrapper .avatar {
    border-radius: 50%;
    height: 24px;
    min-width: 24px;
    overflow: hidden;
    width: 24px;
}

.page-posts-comments-reply .post-comment-reply-image-wrapper img {
    border-radius: 12px;
    height: 24px;
    left: 50%;
    line-height: 24px;
    margin: 0;
    padding: 0;
    top: 50%;
    width: auto;
}

.page-posts-comments-reply .post-comment-reply-content-wrapper {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
}

.comment-form {
    display: table;
    width: 100%;
}

.hwt-container {
    -moz-text-size-adjust: none !important;
    overflow: hidden !important;
    position: relative;
    width: 90%;
    display: table-cell;
    margin: 0;
}

.comment-buttons {
    display: table-cell;
    width: 10%;
    vertical-align: top;
}

.hwt-backdrop {
    bottom: 0 !important;
    left: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-right: 99px !important;
    position: absolute !important;
    right: -99px !important;
    top: 0 !important;
}

.hwt-container textarea {
    width: 98%;
    border: 1px solid #bac3d0;
    font-family: "Proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 6px 2%;
    font-size: 12px;

    margin: 0;
}

.page-posts-comments-reply {
    padding: 10px 20px;
    border-top: 1px solid #e8edf2;
}

.comu_napisati {
    background: #e8edf2 none repeat scroll 0 0;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px 5px;
    font-size: 10px;
}

.comu_napisati button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin: 0 !important;
    padding: 0 5px 0 0 !important;
}

.re_number_list {
    display: block;
}

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

.re_number_list {
    background-color: rgba(244, 67, 54, 1);
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    height: 18px;
    left: 9px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 5px;
    width: 18px;
    z-index: 10;
}

.re_number_list i {
    font-style: normal !important;
}

.board_filter ul li {
    float: left;
}

.board_filter button {
    border: 1px solid #e8edf2;
    background: transparent;
    margin: 10px 0 10px 10px;
    padding: 5px 10px;
}

.board_filter button i {
    font-size: 16px;
    margin-right: 5px;
    color: #35383a;
}

.scrol_base {
    border-top: 1px solid #e8edf2;
    /*border-bottom: 1px solid #e8edf2;*/
    /*height: 400px;*/
    /* margin: 0 1%;*/
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    height: calc(100vh - 260px);
}

.scrol_container {

    /*height:470px;*/
    width: 100%;
    float: left;
    /*overflow: auto;*/
    white-space: nowrap;

}

.box_stream {
    border-right: 1px solid #e8edf2;
    display: inline-block;
    /* height: 470px;*/
    overflow-y: hidden;
    width: 31%;
}

.box_stream_inter {
    /*background: #fff url("/img/text_block.png") repeat-y scroll center 0;*/
    display: inline-block;
    height: calc(100vh - 315px);
    overflow-y: auto;
    width: 100%;
}

.box_stream_inter_inter {
    padding: 30px;
}

.title_stream {
    height: 40px;
    border-bottom: 1px solid #e8edf2;
}

.title_stream_left {
    float: left;
}

.title_stream_right {
    float: right;
    position: relative;
}

.title_stream_left i {
    color: #bac3d0;
    font-size: 16px;
    margin: 11px 6px 10px 20px;
}

.title_stream_left span {
    color: #bac3d0;
    font-size: 16px;
    margin-right: 5px;
}

.title_stream_right i {
    color: #bac3d0;
    font-size: 18px;
    margin: 10px 15px;
}

.maket_listing {
    background: #fff url("/img/text_block.png") repeat-y scroll center 0;
    height: calc(100vh - 400px);
    width: 100%;
}

.active .block_group_card {
    background: #33bbe5 none repeat scroll 0 0;
    color: #fff;
}

.active .block_group_card a {
    color: #fff;
}

.add_stream_filter {
    float: right;
}

.add_stream_filter button {
    background: #33bbe5;
    color: #fff;
}

.add_stream_filter button,
.add_stream_filter ul {
    float: left;
}

.add_stream_filter ul {
    margin-right: 10px;
}

.add_stream_filter ul button {
    background: #fff none repeat scroll 0 0;
    color: #000;
}

.add_stream_filter ul i {
    color: #bac3d0;
}

.add_stream_filter ul button {
    margin: 10px 0;
    width: 38px;
}

.tasc_board {
    /*height:300px;*/
    width: 100%;
}

.filter_task_board {
    height: 40px;
}

.filter_task_board li {
    float: left;
}

.filter_task_board a {
    color: #1992ba !important;
    display: block;
    padding: 14px 20px;
}

.tasc_board .ui-tabs-nav {
    background: #f8f8f8 none repeat scroll 0 0;
    border-bottom: 1px solid #e8edf2;
}

.tasc_board .ui-state-default {
    background: transparent !important;
}

.tasc_board .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: #fff none repeat scroll 0 0 !important;
}

#page-content-wrapper.board_container {
    margin-right: 70px;
}

/*#page-content-wrapper.toggled-board-2 {

    width: 375px !important;
}*/

#sidebar-right-board {

    margin-left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 10px;
    transition: all 0.01s ease 0s;
    width: 65px;
    z-index: 99;
    bottom: 0;
}

#sidebar-right-board-inter {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 3px #afb6d1;
    height: 100%;
    white-space: nowrap;
}

.button_left_task {
    padding: 10px 5px 30px !important;
    background: transparent;
    border: 0;
    color: #bac3d0;
}

.button_left_task:hover {
    color: #999;
}

.button_left_task i {
    font-size: 30px;
}

#wrapper.toggled-board-2 #page-content-wrapper {
    margin-right: 750px;
    transition: all 0.5s ease 0s;
    width: 375px !important;
    z-index: 998;
}

#wrapper.toggled-board-2 #sidebar-right-board {
    width: 100%;
    transition: all 0.5s ease 0s;
    height: auto;
}

#wrapper.toggled-board-2 #sidebar-right-board-inter {
    margin-left: 443px;
    transition: all 0.5s ease 0s;
    /*width:443px;*/
}

#wrapper.toggled-board-2 .box_stream {
    width: 100%;
}

#wrapper.toggled-board-2 .test {
    width: 100%;
}

.button-sidebar-board-left {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.content-sidebar-board-right {
    display: inline-block;
    height: 100%;
    vertical-align: top;
}

.block_right_task {
    width: 90%;
    overflow-y: auto;
}

.report_block {
    position: relative;
}

.report_block_number {
    background: #f44336 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    height: 5px;
    left: 40px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    top: 8px;
    width: 5px;
    z-index: 10;
}

.report_block i {
    border: 1px solid #e8edf2;
    border-radius: 50%;
    color: #bac3d0;
    font-size: 18px;
    margin: 7px 11px;
    padding: 11px;
}

.add_buget {
    border: 0;
    background: transparent;
}

.ui-datepicker {
    border: 1px solid #e8edf2;
}

.save_brand table {
    border-collapse: collapse;
    margin-top: 10px;
    width: 100%;
}

.save_brand table th,
.save_brand table td {
    border: 1px solid #e8edf2;
    font-size: 12px;
    font-weight: normal;
    padding: 10px;
}

.last_cell_popap {
    width: 10px;
}

.angle-double-left-close {
    display: inline-block;
}

.angle-double-right-open {
    display: none !important;
}

#wrapper.toggled-board-2 .angle-double-left-close {
    display: none;
}

#wrapper.toggled-board-2 .angle-double-right-open {
    display: inline-block !important
}

#wrapper.toggled-board-2 .board_filter span {
    display: none;
}

#wrapper.toggled-board-2 .board_filter i {
    margin: 0;
}

#wrapper.toggled-board-2 .add_stream_filter ul {
    display: none;
}

#wrapper.toggled-board-2 .add_stream_filter button {
    margin-right: 10px;
}

.ui-accordion .ui-accordion-content {
    white-space: normal;
    height: auto !important;
}

.companies-board-card .ui-slider-tab-content:hover .arrow-left_scrol_timeline,
.companies-board-card .ui-slider-tab-content:hover .arrow-right_scrol_timeline {
    opacity: 1;
}

.arrow-left_scrol_timeline {
    background-color: rgba(0, 0, 0, 0.3);
    border: 0 none;
    color: #fff;
    font-size: 18px;
    height: 42px;
    line-height: 6px;
    opacity: 0;
    position: absolute;
    width: 38px;
}

.arrow-right_scrol_timeline {
    color: #fff;
    opacity: 0;
    font-size: 18px;
    height: 42px;
    position: absolute;
    line-height: 6px;
    right: 0;
    border: 0;
    width: 38px;
    background-color: rgba(0, 0, 0, 0.3);
}

.block_group_board .block_group_card {
    display: block;
    float: none;
    margin: 0 auto;
    padding: 6px 2%;
    width: 90%;
    /* height: 90px;*/
}

.block_group_board section {
    /*margin:0 47px;*/
    margin: 0 auto;
    overflow: hidden;
    width: 90%;
    height: 60px;
}

.block_group_board .left_arrow_just {
    background: #fff none repeat scroll 0 0 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    height: 58px !important;
    margin: 0 0 0 10px !important;
    position: absolute;
    width: 37px !important;
}

.block_group_board .right_arrow_just {
    background: #fff none repeat scroll 0 0 !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    height: 58px !important;
    margin: 0 0 0 10px !important;
    position: absolute;
    width: 37px !important;
    right: 10px;
}

.block_group_board .slick-arrow {
    font-size: 20px !important;
    line-height: 20px !important;
}

.check-circle {
    border: 1px solid #33bbe5;
}

.header_acordion_board {
    border-top: 1px solid #e8edf2 !important;
    /*border-bottom:1px solid #e8edf2 !important;*/
}

.stream_list .tasks-list-item {
    display: inline-block;
    width: 43%;
}

.add_stream_filter button {
    font-size: 11px;
    margin-right: 10px;
}

.header_acordion_board {
    padding: 10px !important;
    font-size: 14px !important;
}

.header_acordion_board_right {
    position: absolute;
    right: 0;
    top: 9px;
}

.header_acordion_board_3 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #1aafd0;
    border-radius: 50px;
    color: #1aafd0;
    font-size: 12px;
    padding: 2px 10px;
    /* position: absolute;*/
    right: 11px;
    top: 8px;
    float: left;

}

.header_acordion_board_4 {
    /*background: #fff none repeat scroll 0 0;*/
    border: 1px solid #1aafd0;
    border-radius: 50px;
    color: #999;
    font-size: 12px;
    padding: 2px 10px;
    /*position: absolute;*/
    right: 11px;
    left: 5px;
    top: 8px;
    float: left;
    margin-left: 5px;
    margin-right: 15px;
}

.ui-accordion-header-active .header_acordion_board_4 {
    color: #fff;
}

.header_acordion_board_2 {
    margin-left: 20px;
    font-size: 12px;
    color: #999;
}

.tasc_board .accordion-task-board .ui-accordion-header-active {
    background: #1aafd0 !important;
    color: #fff;
}

.tasc_board .accordion-task-board .ui-accordion-header-active .header_acordion_board_2 {
    color: #fff;
}

.tasc_board .accordion-task-board .ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/img/ui-icons_ffffff_256x240.png");
}

.tasc_board .accordion-task-board-inter .ui-accordion-header-active {
    background: #f7f7f9 !important;
    color: #111;
}

.tasc_board .accordion-task-board-inter .ui-accordion-header-active .header_acordion_board_2 {
    color: #111;
}

.tasc_board .accordion-task-board-inter .ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/img/ui-icons_555555_256x240.png");
}

.tasc_board .ui-accordion .ui-accordion-content {
    padding: 0;
}

.tasc_board .ui-accordion .ui-accordion-header {
    padding: 0;
    margin: 0;
}

.header_acordion_board_inter {
    width: 100%;
    border-top: 1px solid #e8edf2 !important
}

.tasc_board .ui-widget-content {
    border-radius: 0 !important;
}

.header_acordion_board_inter_table {
    display: inline-table;
    vertical-align: middle;
}

.header_acordion_board_inter_check {
    margin: 5px 10px 5px 5px;
    width: 3%
}

.header_acordion_board_inter_check i {
    color: #bcbfc3;
    border: 1px solid #bcbfc3;
    border-radius: 50%;
    font-size: 15px;
    width: 22px;
    line-height: 22px;
    height: 22px;
    text-align: center;

}

.header_acordion_board_inter_tip {
    border-right: 1px solid #e8edf2;
    color: #2a2a2a;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    width: 13%;
}

.header_acordion_board_inter_brand {
    border-right: 1px solid #e8edf2;
    color: #2a2a2a;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    width: 13%;

}

.header_acordion_board_inter_t {
    border-right: 1px solid #e8edf2;
    display: inline-table;
    height: 40px;
    vertical-align: top;
    width: 33%;
}

.header_acordion_board_inter_text {
    display: inline-block;
    height: 15px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 12px;

}

.header_acordion_board_inter .right_tasc_board {
    float: right;
    margin-right: 10px;
    text-align: right;
    width: 25%;
}

.header_acordion_board_inter_avatar i {
    color: #b6b6b6;
    font-size: 16px;
    padding: 12px 5px;
}

.header_acordion_board_inter_icons li {
    float: left;
}

.header_acordion_board_inter_icons i {
    color: #b6b6b6;
    font-size: 12px;
    padding: 5px;
    width: 10px;
    line-height: 17px;
    height: 17px;
}

.header_acordion_board_inter_icons i.fa-circle {
    font-size: 7px;
    line-height: 18px;
}

.active_red {
    color: #f44336 !important;
}

.active_blue {
    color: #1aafd0 !important;
}

.inactive_grey {
    color: #bac3d0 !important;
}

.tasc_board_content {
    display: inline-table;
    width: 100%;
    border-bottom: 1px solid #e8edf2;
}

.tasc_board_content_post {
    /* border: 1px solid #e8edf2;*/
    float: left;
    margin-right: 10px;
    min-height: 100px;
    overflow: hidden;
    width: 50%;
    max-width: 500px;
}

.tasc_board_content_task {
    display: block;
    float: none;
    font-size: 12px;
    min-height: 100px;
    overflow: hidden;
    position: relative;
}

.tasc_board_coment {
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #e8edf2;
}

.tasc_board_coment_check,
.tasc_board_coment_text,
.tasc_board_coment_avatar {
    display: inline-table;
    vertical-align: top;
}

.tasc_board_coment_check i {
    border: 1px solid #bcbfc3;
    border-radius: 50%;
    color: #bcbfc3;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    cursor: pointer;
}

.tasc_board_coment_text .tasc_board_coment_text_icon li {
    display: inline-table;
    margin-right: 15px;
    font-size: 10px;
}

.tasc_board_coment_text {
    padding-left: 10px;
    width: 65%;
}

.tasc_board_coment_avatar img {
    width: 50px;
    height: 50px;
}

.tasc_board_coment_text_title {
    font-size: 14px;
    margin-bottom: 10px;
}

.tasc_board_coment_text_fin {
    color: #5a6d71;
    font-size: 11px;
}

.tasc_board_coment_text_fin span {
    color: #1aafd0;
    margin-left: 5px;
}

.tasc_board_coment_text_fin input {
    border: 0;
    font-size: 11px;
    color: #5a6d71;
}

.tasc_board_coment_text_fin input:hover {
    text-decoration: underline;
    cursor: pointer;
}

.tasc_board_coment_text_icon {
    margin-top: 5px;
    color: #bcbfc3;
}

.tasc_board_coment_text_icon i {
    color: #999;
    margin-right: 5px;
    font-size: 12px;
}

.tasc_board_coment_avatar {
    float: right;
    margin-right: 20px;
}

.accordion-task-board-inter span.ui-accordion-header-icon {
    margin-left: 10px;
}

.ui-dialog {
    z-index: 10002 !important;
    min-width: 600px !important;
}

.ui-dialog .ui-dialog-content {
    text-align: center;
    margin: 10px;
    /*font-size: 24px;*/
    color: #000;
}

.ui-widget-overlay {
    z-index: 9998 !important;
}

.circularButtonView {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #b9bcc0;
    border-radius: 50%;
    box-sizing: border-box;
    color: #b9bcc0;
    display: inline-flex;
    fill: #b9bcc0;
    flex-shrink: 0;
    height: 25px;
    justify-content: center;
    transition: border 200ms ease 0s, box-shadow 200ms ease 0s, color 200ms ease 0s;
    width: 25px;
}

.circularButtonView:hover {
    background-color: #fff;
    border-color: transparent;
    box-shadow: 0 0 3px 0 #33bbe5;
    color: #33bbe5;
    cursor: pointer;
    fill: #33bbe5;
}

.circularButtonView.active {
    background-color: #fff;
    border-color: transparent;
    box-shadow: 0 0 3px 0 #33bbe5;
    color: #33bbe5;
    cursor: pointer;
    fill: #33bbe5;
}

.circularButtonView .svgIcon {
    height: 12px;
    width: 12px;
    margin-top: 2px;
}

.circularButtonViewPlus {
    -moz-box-align: center;
    -moz-box-pack: center;
    align-items: center;
    background-color: transparent;
    /* border: 1px solid #b9bcc0;*/
    border-radius: 50%;
    box-sizing: border-box;
    color: #b9bcc0;
    display: inline-flex;
    fill: #b9bcc0;
    flex-shrink: 0;
    height: 25px;
    justify-content: center;
    transition: border 200ms ease 0s, box-shadow 200ms ease 0s, color 200ms ease 0s;
    width: 25px;
}

.circularButtonViewPlus .svgIcon {
    height: 14px;
    margin-top: 10px;
    width: 14px;
}

.instrumente_task_board {
    float: right;
}

.title_task_board {
    height: 70px;
}

.title_task_board_left {
    float: left;
    width: 60px;
    height: 60px;
    margin: 10px;
}

.title_task_board_right {
    padding-left: 80px;
    position: relative;
}

.title_task_board_left img {
    width: 100%;
}

.title_task_board_right span {
    display: block;
    padding-top: 10px;
}

.title_task_board_right a {
    color: #1aafd0 !important;
}

.after_save {
    clear: both !important;
    float: none !important;
    margin: 10px !important;
    width: 95.3% !important;
}

.overlay_popap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: opacity 50ms;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

.overlay_popap:target {
    visibility: visible;
    opacity: 1;
}

.popup_maeage {
    background: #fff none repeat scroll 0 0;
    /*border-radius: 5px;*/
    bottom: 0;
    /* padding: 20px;*/
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 60%;
}

.popup_maeage h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}

.popup_maeage .close {
    position: absolute;
    top: 20px;
    right: 30px;
    transition: all 20ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}

.popup_maeage .close:hover {
    color: #06D85F;
}

.popup_maeage .content {
    max-height: 30%;
    overflow: auto;
}

.header_popap_mesage_avatar {
    float: left;
    display: flex;
    height: 30px;
    width: 30px;
}

.header_popap_mesage .ui-state-active i {
    background-color: #fff;
    /*box-shadow: 0 0 3px 0 #33bbe5;*/
    color: #33bbe5;
    cursor: pointer;
    fill: #33bbe5;
    border: 1px solid #33bbe5;
    border-radius: 50%;
    font-size: 14px;

}

.header_popap_mesage_avatar img {
    width: 100%;
}

.header_popap_mesage span {
    height: 30px;
    margin: 0 30px 0 10px;
    line-height: 30px;
    float: left;
}

.header_popap_mesage ul {
    float: left;
}

.header_popap_mesage li {
    float: left;
}

.due_date {
    float: left;
    margin-right: 15px;
}

.due_date i {
    float: left;
}

.due_date input {
    border: 0 none;
    font-size: 11px;
    margin-top: 6px;
}

.due_date input:hover {
    cursor: pointer;
    text-decoration: underline;
}

.header_popap_mesage i {
    color: #b9bcc0;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #b9bcc0;
    border-radius: 50%;
    font-size: 14px;
    margin-right: 5px;
}

.header_popap_mesage {
    border-bottom: 1px solid #e1e2e4;
    height: 30px;
    padding: 20px;
}

.color_coment_title {
    float: left;
    height: 24px;
    margin: 10px;
    width: 3px;
}

.company_popap_mesage .circularButtonView {
    float: left;
    margin: 10px 0;
}

.name_coment_title {
    float: left;
    padding-bottom: 10px;
}

.company_popap_mesage {
    /*height:110px;*/
    border-bottom: 1px solid #e1e2e4;
    overflow: auto;
}

.company_popap_mesage_title {
    padding: 10px 20px;
}

.company_popap_mesage_title td {
    vertical-align: top;
}

.name_coment_title h3,
.name_coment_title h4 {
    font-weight: normal;
    margin: 10px 0;
}

.name_coment_title h3,
.name_coment_title h3 {
    font-size: 21px;
}

.name_coment_title h4 {
    font-size: 21px;
}

.header_popap_mesage_avatar2 {
    display: inline-flex;
    float: left;
    height: 40px;
    width: 40px;
    margin-right: 13px;
}

.chat_popap_text_mesage {
    width: 100%;
}

.chat_popap_text_mesage td {
    padding: 0 0 0 30px;
    vertical-align: top;
}

.popap_text_mesage td {
    padding: 0 0 0 0;
    vertical-align: top;
}

.chat_popap_text_mesage_right {
    /*	float:left;*/
}

.chat_popap_text {
    margin: 15px 0;

}

.chat_popap_text_atach {
    display: inline-block;
}

.header_popap_mesage_avatar2 img {
    width: 100%;
}

.chat_popap_text_mesage_right {
    /*padding-left:20px;*/
}

.chat_popap_text_name {
    font-size: 21px;
    float: left;
    margin-right: 10px;
}

.chat_popap_text_in {
    font-size: 16px;
    float: left;
    margin-right: 10px;
    margin-top: 4px;
}

.chat_popap_text_mesage_right {
    padding: 0;
}

.chat_popap_text_date {
    float: left;
    font-size: 11px;
    color: #bbbbbb;
    margin-top: 8px;
}

.chat_popap_text_icons {
    float: right;
}

.chat_popap_text_icons a {
    float: left;
    color: #cdcfd2 !important;
    display: block;
    padding: 10px;
    font-size: 16px;
}

.chat_popap_text_mesage_right_bottom {
    margin-top: 10px;
    font-size: 12px;
}

.atachment {
    border-top: 1px solid #e1e2e4;
    padding-top: 10px;
}

.chat_popap_text_mesage_right_bottom p {
    min-height: 50px;
    font-size: 14px;
    color: #898e95;
}

.atachment span {
    color: #5a6d71;
}

.atachment span i {
    margin-right: 5px;
}

.files_atacment {
    margin-top: 10px;
    margin-bottom: 10px;
}

.files_atacment td {
    text-align: center;
    vertical-align: middle;
    width: 33%;
    position: relative;
    border-right: 1px solid #f0f0f0;
}

.files_atacment td img {
    max-width: 100%;
}

.chat_popap_container {
    /*height: calc(100% - (0px + 320px));*/
    overflow: auto;
    height: 100%;

}

.chat_popap_container_inter {
    padding: 10px 20px;
}

.details-pane-footer {
    background-color: #f8f8f9;
    /*border-top: 1px solid #e1e2e4;*/
    bottom: 0;
    /*flex-shrink: 0;*/
    /* position: absolute;*/
    width: 100%;
    height: 145px;
}

.header_popap_mesage li.ui-tabs-active {
    border-top: 0 solid #33bbe5 !important;
}

.header_popap_mesage #ui-id-21 {
    padding: 0;
}

.header_popap_mesage .ui-tabs-anchor {
    padding: 0;
}

.overlay_popap .ui-tabs {
    height: 100%;
}

.tab_popap_task_inter {
    position: relative;
    height: calc(100% - 70px);
}

.tab_popap_task_inter table {
    border-collapse: collapse;
    margin-top: -1px;
}

.dinamic_tr_popap {
    height: auto;
}

.table_dinamic {
    table-layout: fixed;
}

.tab_popap_task_inter td {

    padding: 0;

}

.name_coment_title h3 {
    float: left;
    margin-right: 20px;
}

.name_coment_task {
    border: 1px solid transparent;
    /* margin-top: 10px;*/
}

.name_coment_task:hover {
    border: 1px solid #e1e2e4;
    box-shadow: 0 4px 4px -2px #e1e2e4;
}

.name_coment_task .text_grow {
    /*margin-top:5px;*/
}

.name_coment_task .text_grow textarea {
    width: 100%;
}

.name_coment_task_focus {
    border: 1px solid #e1e2e4;
}

.name_coment_task i {
    border: 1px solid #b9bcc0;
    border-radius: 50%;
    color: #b9bcc0;
    font-size: 14px;
    height: 25px;
    line-height: 25px;

    text-align: center;
    width: 25px;

}

/*.autogrow-textarea-mirror {
    border: 1px solid #cdcfd2;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: "proxima-nova","Helvetica Neue","Helvetica",Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: auto;
    line-height: 20px;
    min-height: 70px;
    overflow-wrap: break-word;
    padding: 4px 9px;
    position: absolute;
    resize: none;
    visibility: hidden;
    white-space: pre-wrap;
}*/

.text_grow textarea,
.autogrow-textarea-mirror {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    min-height: 20px;
    padding: 0;
}

.text_grow textarea {
    box-sizing: border-box;
    font-family: "proxima-nova", "Helvetica Neue", "Helvetica", Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 21px;
    min-height: 70px;
    padding: 6px;
    resize: none;
    white-space: pre-wrap;
}

.company_popap_mesage_grow {
    padding: 0 15px 5px;
}

.tb_dinamic {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.icons_task_popap {
    opacity: 0;
    width: 170px;
}

.icons_task_popap_open {
    opacity: 0;
    width: 180px;
}

.name_coment_task:hover .icons_task_popap,
.name_coment_task_focus .icons_task_popap {
    opacity: 1;
}

.name_coment_task_focus {
    background: #f3f9fa;
}

.icons_task_popap li {
    float: left;
    margin-top: 4px;
}

.icons_task_popap li i {
    border: 0;
}

.grad_tasc {
    margin-left: 55px;
    display: none;
}

.grad_tasc .text_grow textarea {
    font-size: 14px;
    line-height: 20px;
    height: 37px !important;
}

.grad_tasc_colapse {
    margin-left: 55px;

}

.grad_tasc_colapse .text_grow textarea {
    font-size: 14px;
    line-height: 20px;
    height: 37px !important;
}

.company_popap_mesage_grow td {
    vertical-align: top;
    padding-top: 5px;
}

.description_task_grow {
    border-top: 1px solid #e1e2e4 !important;
    font-size: 12px !important;
    min-height: 70px !important;
    overflow: auto !important;
    resize: vertical !important;
}

.icon_subtasc {
    padding-top: 9px !important;
}

.name_coment_task .circularButtonView {
    margin: 7px 4px !important;
    height: 20px;
    width: 20px;
}

.description_togle {
    /*display:none*/
}

.TaskAncestry-taskNames {
    margin-bottom: 20px;
    margin-left: 65px;
}

.TaskAncestry-ancestor {
    float: left;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 7px;
    margin-left: 10px;
}

.TaskAncestry-ancestorLink {
    border-bottom: 1px dotted #898e95;
    color: #898e95;
    fill: #898e95;
}

.TaskAncestry-ancestorDetailsArrow {
    height: 12px;
    position: relative;
    top: 2px;
    width: 12px;
}

.description_togle {
    /*display:none;*/
    height: 1px;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0;
}

.name_coment_task_focus .description_togle {
    /*display:block;*/
    height: auto;
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.description_togle textarea:focus {
    /*background:#fff;*/
}

.agency-card {
    min-height: 296px;
}

.icon_subtasc i {
    font-size: 24px;
    border: 0;
}

.name_tassk {
    height: 20px !important;
}

.grad_tasc .name_coment_task.tb_dinamic .circularButtonView {
    height: 15px;
    margin: 10px 4px !important;
    width: 15px;
}

.grad_tasc .name_coment_task.tb_dinamic .circularButtonView .svgIcon {
    height: 9px;
    margin-top: 3px;
    width: 9px;
}

.grad_tasc_colapse .name_coment_task.tb_dinamic .circularButtonView {
    height: 15px;
    margin: 10px 4px !important;
    width: 15px;
}

.grad_tasc_colapse .name_coment_task.tb_dinamic .circularButtonView .svgIcon {
    height: 9px;
    margin-top: 3px;
    width: 9px;
}

.icon_subtasc a:hover i {
    color: #33bbe5;
}

.delete_tasc {
    margin: 0 auto;
    text-align: center;
    width: 300px;
}

.delete_tasc .delete_tasc_icon {
    margin: 40px 0 20px;
    font-size: 60px;
    color: #fac285;
    text-align: center;
}

.delete_tasc .delete_tasc_text_large {
    font-size: 25px;
    color: #555;
    margin-top: 10px;
}

.delete_tasc .delete_tasc_text_small {
    font-size: 18px;
    color: #999;
    margin-top: 10px;
}

.delete_tasc_button button {
    background: #cd2d2d none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    margin-top: 20px;
    padding: 10px 20px;
    width: 100%;
}

.delete_tasc_button button:hover {
    background: #bd2222;
}

.ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #e8edf2;
    margin: 0;
}

.ui-tabs .header_popap_mesage .ui-tabs-nav {
    border-bottom: 0 solid #e8edf2;
    margin: 0;
}

.select_valuta .cs_div {
    background: transparent url("/img/select.png") no-repeat scroll right 6px;
    width: 95%;
    margin-left: 10px;
}

.select_valuta select {
    height: 38px !important;
    margin-left: 11px;
    margin-right: 0 !important;
    padding: 10px 0;
    width: 80%;
}

.select_valuta i {
    width: auto !important;
}

.check_primary {
    text-align: left;
}

.check_primary form {
    float: left;
    margin-bottom: 10px;
    margin-top: 10px;
}

.statut_table_note select {
    width: 100%;
    border: 0;
    height: 28px;
    font-size: 11px;
}

.statut_table_note .cs_div {
    background: transparent url("/img/select.png") no-repeat scroll right 0;
}

.statut_table_note .cs_div option {
    font-size: 12px;
    padding: 5px 8px;
}

.toggles_principala {
    float: left;
    margin-top: 16px;
}

.dp-wrap {
    /*position: relative;*/
    display: inline-block;
}

.dp-con {
    width: 167px;
    background: #fff;
    color: #000;
    position: absolute;
    right: 0;
    top: 29px;
    display: none;
    text-align: left;
    z-index: 9999;
    /*-webkit-border-radius: 5px 0 5px 5px;
    -moz-border-radius: 5px 0 5px 5px;
    -ms-border-radius: 5px 0 5px 5px;
    -o-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;*/
    -webkit-box-shadow: 1px 3px 9px -3px #a0a0a0;
    -moz-box-shadow: 1px 3px 9px -3px #a0a0a0;
    -ms-box-shadow: 1px 3px 9px -3px #a0a0a0;
    -o-box-shadow: 1px 3px 9px -3px #a0a0a0;
    box-shadow: 1px 3px 9px -3px #a0a0a0;
}

.right_column_header .dp-con {
    top: 40px !important;
}

.dp-con > ul > li {
    border-bottom: 1px #ececec solid;
}

.dp-con > ul > li a {
    color: #878787;
    font-size: 11px;
    padding: 15px;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    display: block;
}

.dp-con > ul > li a:hover {
    background: #f0f0f0;
}

.toggleHideShow {
    display: block;
}

.target {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;

}

.target + .toggleHideShow {
    border-top-left-radius: 0 !important;
}

.dp-wrap button {
    background: transparent;
    /*color:#bac3d0;*/
}

.brand_principal_text {
    color: #bac3d0;
    float: left;
    margin: 12px;
}

.aprr {
    color: #6aac55;
}

.neaprr {
    color: #fa7264;
}

.statut_table_note .cs_div {
    margin: 0;
}

.statut_table_note .cs_div select {
    padding: 0 0 0 5px;
}

.statut_table_note {
}

*::after,
*::before {
    box-sizing: border-box;
}

*::after,
*::before {
    box-sizing: border-box;
}

.statut_table_note .cs_div {
    width: 100%;
}

.chart_media_date_posts .cs_div {
    background: transparent url("/img/select.png") no-repeat scroll 95% 4px;
    margin-left: 0;
    margin-top: 10px;
}

.chart_media_date_posts .cs_div select {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #cdd1d6;
    box-shadow: none;
    color: #727d8b;
    cursor: pointer;
    font-size: 12px;
    height: 35px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 0 8px;
    width: 180px;
}

.buttons_list_calendar .cs_div {
    background: transparent url("/img/select.png") no-repeat scroll right 5px;
    border: 1px solid #e8edf2;
    cursor: pointer;
    float: left;
    margin-left: -2px;
    margin-right: 7px;
    margin-top: 10px;
    overflow: hidden;
    width: 136px;
    padding: 5px !important;
    margin-bottom: 10px;
}

.buttons_list_calendar .cs_div select {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    color: #727d8b;
    cursor: pointer;
    font-size: 12px;
    height: 25px;
    margin: 0;
    padding: 3px 8px;
    width: 100%;
}

.status_popap_redact,
.statut_popap_redact,
.data_time_popap_redact,
.format_popap_redact {
    float: left;
    width: 50%;
}

.data_time_popap_redact {
    /*margin-bottom:10px;*/
}

.status_popap_redact_inter {
    border: 1px solid #d7d7d7;
    padding: 0 0 0 5px;
    height: 30px;
}

.status_popap_redact_inter .squaer_status {
    float: left;
    margin-right: 5px;
    margin-top: 10px;
    margin-left: 5px;
}

.status_popap_redact_inter span {
    float: left;
    margin-right: 5px;
    margin-top: 8px;
    margin-left: 5px;
}

.status_popap_redact_inter select {
    border: 0 none;
    height: 30px;
    width: 100%;
}

.statut_popap_redact .cs_div select {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    box-shadow: none;
    color: #727d8b;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    margin: 0;
    padding: 5px 8px;
    width: 100%;
}

.statut_popap_redact .cs_div {
    background: transparent url("/img/select.png") no-repeat scroll right 3px;
    width: 95%;
    margin-bottom: 10px;
}

.format_popap_redact .cs_div {
    margin-bottom: 10px;
}

.format_popap_redact .cs_div select {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    box-shadow: none;
    color: #727d8b;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    margin: 0;
    padding: 5px 8px;
    width: 100%;
}

.format_popap_redact .cs_div {
    background: transparent url("/img/select.png") no-repeat scroll right 3px;
    width: 95%;
}

.img_popap_redact {
    width: 100%;
    position: relative;
}

.img_popap_redact_hover {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 99.4%;
    position: absolute;
    opacity: 0;
}

.img_popap_redact:hover .img_popap_redact_hover {
    opacity: 1;
}

.img_popap_redact_hover a {
    color: #fff !important;
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 18px;
}

.img_popap_redact_hover_sub {
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}

.img_popap_redact_sub:hover .img_popap_redact_hover_sub {
    opacity: 1;
}

.img_popap_redact_hover_sub a {
    color: #fff !important;
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 18px;
    line-height: 0;
}

.img_popap_redact img {
    width: 100%;
}

/*.delete_button {
    background: transparent none repeat scroll 0 0 !important;
    border: 1px solid #d7d7d7 !important;
    color: #bac3d0 !important;
}
.delete_button:hover {
	color:#f44336 !important;
}*/

.text_popap_redact {
    width: 100%
}

.text_popap_redact textarea {
    border: 1px solid #ccc;
    font-family: proxima, serif;
    height: 100px;
    margin-top: 10px;
    padding: 10px;
    width: 550px;
}

.instrument_popap_redact button {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin-top: 10px;
    border: 1px solid #ccc;
    background: transparent;
}

.instrument_popap_redact .instrument_popap_redact_inter {
    border: 0 none;
    height: auto;
    margin: 8px 0 0;
    padding: 0;
    width: 100%;
}

.instrument_popap_redact {
    color: #533e00;
    float: left;
    height: 50px;
    position: relative;
    width: 49%;
}

.instrument_popap_redact input {
    height: 50px !important;
    opacity: 0;
    /*position: absolute;*/
    position: relative;
    width: 100% !important;
    z-index: 999;
}

.instrument_popap_redact:before {
    content: '+ ADD IMAGE';
    display: block;
    background-color: #1992ba;
    box-shadow: 0 1px 0 #66bfff inset;
    color: #fff;
    padding: 10px 0;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #07c;
    text-align: center;
    font-size: 10pt;
    position: absolute;
    left: 0;
    right: 0;
    margin: 10px 0;

}

.instrument_popap_redact:hover:before {
    background: #0c81a8;

    box-shadow: 0 1px 0 #3af inset;
    color: rgba(255, 255, 255, 0.9);
}

.instrument_popap_redact:active:before {
    background: #0c81a8;

    box-shadow: 0 1px 0 #3af inset;
    color: rgba(255, 255, 255, 0.9);
}

.instrument_popap_redact_width button {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    margin-top: 10px;
    border: 1px solid #ccc;
    background: transparent;
}

.instrument_popap_redact_width .instrument_popap_redact_inter {
    border: 0 none;
    height: auto;
    margin: 8px 0 0;
    padding: 0;
    width: 100%;
}

.instrument_popap_redact_width {
    color: #533e00;
    float: left;
    height: 50px;
    position: relative;
    width: 49%;
}

.instrument_popap_redact_width input {
    height: 50px !important;
    opacity: 0;
    /*position: absolute;*/
    position: relative;
    width: 100% !important;
    z-index: 999;
}

.instrument_popap_redact_width:before {
    content: '+ ADD IMAGE';
    display: block;
    background-color: #1992ba;
    box-shadow: 0 1px 0 #66bfff inset;
    color: #fff;
    padding: 10px 0;
    outline: none;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #07c;
    text-align: center;
    font-size: 10pt;
    position: absolute;
    left: 0;
    right: 0;
    margin: 10px 0;

}

.instrument_popap_redact_width:hover:before {
    background: #0c81a8;

    box-shadow: 0 1px 0 #3af inset;
    color: rgba(255, 255, 255, 0.9);
}

.instrument_popap_redact_width:active:before {
    background: #0c81a8;

    box-shadow: 0 1px 0 #3af inset;
    color: rgba(255, 255, 255, 0.9);
}

.data_time_popap_redact .submit_calendar_filter .hasDatepicker {
    height: 32px;
    margin-bottom: 12px;
    margin-left: 0;
    width: 142px;
    font-size: 12px;
}

.data_time_popap_redact .cs_div {
    background: transparent url("/img/select.png") no-repeat scroll right 2px;
    width: 100px;
}

.data_time_popap_redact .cs_div select {
    width: 100px;
    height: 32px;
    padding: 7px 8px;
    border: 1px solid #d7d7d7;
}

.border_top_list_upload {
    border-top: 1px solid #e1e2e4;
}

.icons_uplad_atachment button {
    border: 0;
    background: transparent;
    padding: 0 5px;
}

.files_atacment a {
    display: block;
}

.files_atacment a span {
    color: #1aafd0;
    display: block;
    margin-top: 5px;
}

.icons_uplad_atachment button:hover i {
    color: #33bbe5;
}

.icons_uplad_atachment i {
    color: #b9bcc0;
    font-size: 15px;
}

.files_atacment td:hover .icons_uplad_atachment {
    opacity: 1;
}

.icons_uplad_atachment {
    bottom: -20px;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.text_grow ::-webkit-input-placeholder {
    color: #999;
}

.text_grow ::-moz-placeholder {
    color: #999;
}

/* Firefox 19+ */

.text_grow :-moz-placeholder {
    color: #999;
}

/* Firefox 18- */

.text_grow :-ms-input-placeholder {
    color: #999;
}

.dialog_add_plan {
    margin-bottom: 10px;
}

.add_plan_tip_postare,
.add_plan_post,
.add_plan_data {
    border: 1px solid #e8edf2;
    float: left;
    font-size: 12px;
    line-height: 29px;
}

.add_plan_tip_postare_inter,
.add_plan_post_inter,
.add_plan_data_inter {
    padding: 0 20px 0 20px;
}

.add_plan_tip_postare {
    width: 150px;
}

.add_plan_post {
    width: 425px;
}

.add_plan_data {
    width: 150px;
    text-align: center;
}

.add_plan_tip_postare,
.add_plan_post {
    margin-right: 10px;
}

/*
.add_plan_list_title span {
	opacity:0;
}
*/

.tabs_popap {
    width: 100%;
}

.tab_dialog_add_plan {
    /*width:500px;*/
}

.tab_dialog_add_plan .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-top: 0;
    background: #e8edf2;
}

.tab_dialog_add_plan .ui-tabs .ui-tabs-nav li {
    border-left: 1px solid #e8edf2;
    border-right: 1px solid #e8edf2;
    border-bottom: 1px solid #e8edf2;
}

.tab_dialog_add_plan .ui-tabs .ui-tabs-nav {
    border-top: 1px solid #e8edf2 !important
}

.tab_dialog_add_plan .ui-tabs .ui-tabs-panel {
    float: left;
    padding: 0 !important;
    width: auto;
    margin-left: 13px;
}

.add_plan_list_title {
    width: 200px;
}

.tab_dialog_add_plan .ui-tabs .ui-tabs-panel li .add_plan_list_title,
.tab_dialog_add_plan .ui-tabs .ui-tabs-panel li .add_plan_list_date {
    float: left;
}

.post_img {
    width: auto !important;
    line-height: 0;

}

.date_profil_text span,
.date_profil_text a {
    display: inline-block;
    margin-top: 10px;
    max-width: 85%;
}

.edit_profile a {
    color: #0058a2;
}

li.top_by {
    color: #1992ba;
}

.top_by {
    color: #1992ba !important;
}

.sortindicator {
    height: 20px;
}

#SliderTabsBrands ul li a.ui-tabs-anchor {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #e8edf2 !important;
    color: #bcc0c4;
    display: block;
    font-size: 21px;
    height: 35px;
    line-height: 35px;
    padding: 10px 15px !important;
    text-align: center;
    width: 35px !important;
}

#SliderTabsBrands ul li {
    border-top: 2px solid transparent;
}

#SliderTabsBrands ul li a img {
    width: 99%;
}

.chart-card-text-detailat li {
    float: none;
    margin: 5px 5px 7px;
    text-align: center;
    width: 9%;
}

.chart-card-text-detailat li.current i {
    background: transparent;
    /*border: 1px solid #33bbe5;*/
    border: 1px solid transparent;
    border-radius: 0;

    font-size: 25px !important;
    color: #33bbe5;

}

.chart-card-text-detailat li a {
    padding: 0;
    float: none;
    display: block;
}

.chart-card-text-detailat li a i {
    background: transparent none repeat scroll 0 0;
    border: 1px solid transparent;
    border-radius: 0;
    color: #909090;
    font-size: 25px !important;
    height: 33px;
    line-height: 34px;
    /*opacity: 0.7;*/
    width: 45px;
}

.chart-card-text-detailat li a i:hover {
    opacity: 1;
}

.chart-card-text-detailat li a i:hover {
    border: 1px solid #33bbe5;
    color: #33bbe5;
}

/*
.chart-card-text-detailat li a span{
	display:none;
}*/

.chart-card-text-detailat li a span {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    overflow: hidden;
}

.ksw-tabs-grafics-continer {
    width: 98% !important;
}

.btn.disbaled {
    background: #e8edf2 !important;

}

.chart-card-text-detailat .fa-g_1 {
    background: transparent url("/img/icons/g_1.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-g_1 {
    background: transparent url("/img/icons/g_1_h.png") no-repeat scroll center -12px !important;
}

.chart-card-text-detailat .fa-g_2 {
    background: transparent url("/img/icons/g_2.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-g_2 {
    background: transparent url("/img/icons/g_2_h.png") no-repeat scroll center -12px !important;
}

.chart-card-text-detailat .fa-g_3 {
    background: transparent url("/img/icons/g_3.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-g_3 {
    background: transparent url("/img/icons/g_3_h.png") no-repeat scroll center -12px !important;
}

.chart-card-text-detailat .fa-g_4 {
    background: transparent url("/img/icons/g_4.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-g_4 {
    background: transparent url("/img/icons/g_4_h.png") no-repeat scroll center -12px !important;

}

.chart-card-text-detailat .fa-v_1 {
    background: transparent url("/img/icons/v_1.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-v_1 {
    background: transparent url("/img/icons/v_1_h.png") no-repeat scroll center -12px !important;

}

.chart-card-text-detailat .fa-v_2 {
    background: transparent url("/img/icons/v_2.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-v_2 {
    background: transparent url("/img/icons/v_2_h.png") no-repeat scroll center -12px !important;

}

.chart-card-text-detailat .fa-v_3 {
    background: transparent url("/img/icons/v_3.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-v_3 {
    background: transparent url("/img/icons/v_3_h.png") no-repeat scroll center -12px !important;
}

.chart-card-text-detailat .fa-v_4 {
    background: transparent url("/img/icons/v_4.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-v_4 {
    background: transparent url("/img/icons/v_4_h.png") no-repeat scroll center -12px !important;
}

.chart-card-text-detailat .fa-vi_1 {
    background: transparent url("/img/icons/vi_1.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-vi_1 {
    background: transparent url("/img/icons/vi_1_h.png") no-repeat scroll center -12px !important;
}

.chart-card-text-detailat .fa-vi_2 {
    background: transparent url("/img/icons/vi_2.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-vi_2 {
    background: transparent url("/img/icons/vi_2_h.png") no-repeat scroll center -12px !important;
}

.chart-card-text-detailat .fa-vi_3 {
    background: transparent url("/img/icons/vi_3.png") no-repeat scroll center -12px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-vi_3 {
    background: transparent url("/img/icons/vi_3_h.png") no-repeat scroll center -12px !important;
}

.chart-card-text-detailat .fa-c_1 {
    background: transparent url("/img/icons/c_1.png") no-repeat scroll center -13px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-c_1 {
    background: transparent url("/img/icons/c_1_h.png") no-repeat scroll center -13px !important;
}

.chart-card-text-detailat .fa-c_2 {
    background: transparent url("/img/icons/c_2.png") no-repeat scroll center -13px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-c_2 {
    background: transparent url("/img/icons/c_2_h.png") no-repeat scroll center -13px !important;
}

.chart-card-text-detailat .fa-c_3 {
    background: transparent url("/img/icons/c_3.png") no-repeat scroll center -13px !important;
    height: 30px !important;
}

.chart-card-text-detailat li.current .fa-c_3 {
    background: transparent url("/img/icons/c_3_h.png") no-repeat scroll center -13px !important;
}

.fa-g_1 {
    background: transparent url("/img/icons/g_1.png") no-repeat scroll center 0 !important;
}

li.current .fa-g_1 {
    background: transparent url("/img/icons/g_1_h.png") no-repeat scroll center 0 !important;
}

.fa-g_2 {
    background: transparent url("/img/icons/g_2.png") no-repeat scroll center 0 !important;
}

li.current .fa-g_2 {
    background: transparent url("/img/icons/g_2_h.png") no-repeat scroll center 0 !important;
}

.fa-g_3 {
    background: transparent url("/img/icons/g_3.png") no-repeat scroll center 0 !important;
}

li.current .fa-g_3 {
    background: transparent url("/img/icons/g_3_h.png") no-repeat scroll center 0 !important;
}

.fa-g_4 {
    background: transparent url("/img/icons/g_4.png") no-repeat scroll center 0 !important;
}

li.current .fa-g_4 {
    background: transparent url("/img/icons/g_4_h.png") no-repeat scroll center 0 !important;
}

.fa-v_1 {
    background: transparent url("/img/icons/v_1.png") no-repeat scroll center 0 !important;
}

li.current .fa-v_1 {
    background: transparent url("/img/icons/v_1_h.png") no-repeat scroll center 0 !important;
}

.fa-v_2 {
    background: transparent url("/img/icons/v_2.png") no-repeat scroll center 0 !important;
}

li.current .fa-v_2 {
    background: transparent url("/img/icons/v_2_h.png") no-repeat scroll center 0 !important;
}

.fa-v_3 {
    background: transparent url("/img/icons/v_3.png") no-repeat scroll center 0 !important;
}

li.current .fa-v_3 {
    background: transparent url("/img/icons/v_3_h.png") no-repeat scroll center 0 !important;
}

.fa-v_4 {
    background: transparent url("/img/icons/v_4.png") no-repeat scroll center 0 !important;
}

li.current .fa-v_4 {
    background: transparent url("/img/icons/v_4_h.png") no-repeat scroll center 0 !important;
}

.fa-vi_1 {
    background: transparent url("/img/icons/vi_1.png") no-repeat scroll center 0 !important;
}

li.current .fa-vi_1 {
    background: transparent url("/img/icons/vi_1_h.png") no-repeat scroll center 0 !important;
}

.fa-vi_2 {
    background: transparent url("/img/icons/vi_2.png") no-repeat scroll center 0 !important;
}

li.current .fa-vi_2 {
    background: transparent url("/img/icons/vi_2_h.png") no-repeat scroll center 0 !important;
}

.fa-vi_3 {
    background: transparent url("/img/icons/vi_3.png") no-repeat scroll center 0 !important;
}

li.current .fa-vi_3 {
    background: transparent url("/img/icons/vi_3_h.png") no-repeat scroll center 0 !important;
}

.fa-c_1 {
    background: transparent url("/img/icons/c_1.png") no-repeat scroll center 0 !important;
}

li.current .fa-c_1 {
    background: transparent url("/img/icons/c_1_h.png") no-repeat scroll center 0 !important;
}

.fa-c_2 {
    background: transparent url("/img/icons/c_2.png") no-repeat scroll center 0 !important;
}

li.current .fa-c_2 {
    background: transparent url("/img/icons/c_2_h.png") no-repeat scroll center 0 !important;
}

.fa-c_3 {
    background: transparent url("/img/icons/c_3.png") no-repeat scroll center 0 !important;
}

li.current .fa-c_3 {
    background: transparent url("/img/icons/c_3_h.png") no-repeat scroll center 0 !important;
}

.ui-dialog .ui-dialog-buttonpane {
    clear: left;
}

.tabs-menu-general-graphic span {
    /*display:none;*/
    line-height: 38px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ksw-tabs-grafics {
    text-align: center !important;
}

.ksw-tabs-grafics ul {
    display: inline-table !important;
    margin: 0 auto !important;
    padding: 0;
    width: auto;
}

.ksw-tabs-grafics li {
    float: left;
}

.companies-board-card .ui-slider-tabs-list li img {
    max-height: 40px;
}

.companies-board-card .ui-slider-tabs-list li a {
    max-height: 42px;
    padding: 5px 15px;
}

.companies-board-card .ui-slider-tabs-list li {
    max-height: 55px;
}

.board_container .col_33 {
    width: 100%;
}

.data_board_task {
    color: #999;
    font-size: 12px;
    padding-top: 15px !important;
    width: 100px;
}

.data_board_task input {
    font-size: 11px;
    width: 100px;
    border: 0;
    margin-top: -10px;
}

.header_popap_mesage li {
    margin-top: -3px;
}

.curent_tasc_miine {
    color: orange;
}

.curent_tasc_azi {
    color: #f44336;
}

.edit_post_button {
    position: absolute;
    right: 0;
    top: 11px;
    background: transparent;
}

.edit_post_button i {
    border: 1px solid transparent;
    border-radius: 50%;
    color: #bcbfc3;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px;
}

.tasc_board_post_list_calendar:hover {
    /*background:#f7f7f9;*/
}

.tasc_board_post_list_calendar:hover .edit_post_button i {
    color: #1aafd0 !important;
    border: 1px solid #1aafd0;
}

.comment-buttons .btn {
    /* border-radius: 0;
    padding: 4px 20px;
	background:#b9bcc0 !important;
	 color: #fff;
	   border: 0 none !important;*/
    margin: 0 !important;
    height: 42px;
}

.comment-buttons .btn:hover {
    /*background:#33bbe5 !important; */
}

.comment-buttons .text-left a {
    margin: 3px 10px 0 0;
}

.comment-buttons .text-left a .header_popap_mesage_avatar {
    height: 25px;
    width: 25px;
}

.header_popap_mesage .cs_div {
    background: transparent url("/img/select.png") no-repeat scroll right 1px;
    cursor: pointer;
    float: left;
    margin-left: 0;
    margin-right: 10px;
    overflow: hidden;
    width: 80px;
}

.header_popap_mesage .cs_div select {
    background: transparent none repeat scroll 0 0;

    box-shadow: none;
    color: #727d8b;
    cursor: pointer;
    font-size: 12px;
    height: 29px;
    margin: 0;
    padding: 5px 8px;
    width: 75px;
    border: 1px solid #d7d7d7;
}

.tasc_board_coment_text_fin img {
    cursor: pointer;
}

.xdsoft_datetimepicker {
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
    background: #fff;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color: #333;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 8px;
    padding-left: 0;
    padding-top: 2px;
    position: absolute;
    z-index: 9999;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
}

.xdsoft_datetimepicker.xdsoft_rtl {
    padding: 8px 0 8px 8px;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border: none;
}

/*For IE8 or lower*/

.xdsoft_datetimepicker button {
    border: none !important;
}

.xdsoft_noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;

    -moz-user-select: none;
    -ms-user-select: none;

    user-select: none;
}

.xdsoft_noselect::selection {
    background: transparent
}

.xdsoft_noselect::-moz-selection {
    background: transparent
}

.xdsoft_datetimepicker.xdsoft_inline {
    display: inline-block;
    position: static;
    box-shadow: none;
}

.xdsoft_datetimepicker * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker,
.xdsoft_datetimepicker .xdsoft_timepicker {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active,
.xdsoft_datetimepicker .xdsoft_timepicker.active {
    display: block;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
    width: 224px;
    float: left;
    margin-left: 8px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
    width: 256px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 58px;
    float: left;
    text-align: center;
    margin-left: 8px;
    margin-top: 0;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
    float: right;
    margin-right: 8px;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_datepicker.active + .xdsoft_timepicker {
    margin-top: 8px;
    margin-bottom: 3px
}

.xdsoft_datetimepicker .xdsoft_monthpicker {
    position: relative;
    text-align: center;
}

.xdsoft_datetimepicker .xdsoft_label i,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
}

.xdsoft_datetimepicker .xdsoft_label i {
    opacity: 0.5;
    background-position: -92px -19px;
    display: inline-block;
    width: 9px;
    height: 20px;
    vertical-align: middle;
}

.xdsoft_datetimepicker .xdsoft_prev {
    float: left;
    background-position: -20px 0;
}

.xdsoft_datetimepicker .xdsoft_today_button {
    float: left;
    background-position: -70px 0;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_next {
    float: right;
    background-position: 0 0;
}

.xdsoft_datetimepicker .xdsoft_next,
.xdsoft_datetimepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_today_button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 30px;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-indent: 100%;
    white-space: nowrap;
    width: 20px;
    min-width: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    float: none;
    background-position: -40px -15px;
    height: 15px;
    width: 30px;
    display: block;
    margin-left: 14px;
    margin-top: 7px;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
    float: none;
    margin-left: 0;
    margin-right: 14px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
    background-position: -40px 0;
    margin-bottom: 7px;
    margin-top: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
    height: 151px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: center;
    border-collapse: collapse;
    cursor: pointer;
    border-bottom-width: 0;
    height: 25px;
    line-height: 25px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:first-child {
    border-top-width: 0;
}

.xdsoft_datetimepicker .xdsoft_today_button:hover,
.xdsoft_datetimepicker .xdsoft_next:hover,
.xdsoft_datetimepicker .xdsoft_prev:hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.xdsoft_datetimepicker .xdsoft_label {
    display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
    float: left;
    width: 182px;
    text-align: center;
    cursor: pointer;
}

.xdsoft_datetimepicker .xdsoft_label:hover > span {
    text-decoration: underline;
}

.xdsoft_datetimepicker .xdsoft_label:hover i {
    opacity: 1.0;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select {
    border: 1px solid #ccc;
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 101;
    display: none;
    background: #fff;
    max-height: 160px;
    overflow-y: hidden;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
    right: -7px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
    right: 2px
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #fff;
    background: #ff8000;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
    padding: 2px 10px 2px 5px;
    text-decoration: none !important;
}

.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 100px;
    text-align: right;
}

.xdsoft_datetimepicker .xdsoft_calendar {
    clear: both;
}

.xdsoft_datetimepicker .xdsoft_year {
    width: 48px;
    margin-left: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar table {
    border-collapse: collapse;
    width: 100%;

}

.xdsoft_datetimepicker .xdsoft_calendar td > div {
    padding-right: 5px;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    height: 25px;
}

.xdsoft_datetimepicker .xdsoft_calendar td,
.xdsoft_datetimepicker .xdsoft_calendar th {
    width: 14.2857142%;
    background: #f5f5f5;
    border: 1px solid #ddd;
    color: #666;
    font-size: 12px;
    text-align: right;
    vertical-align: middle;
    padding: 0;
    border-collapse: collapse;
    cursor: pointer;
    height: 25px;
}

.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
    width: 12.5%;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    background: #f1f1f1;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #33aaff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #33aaff;
    box-shadow: #178fe5 0 1px 3px 0 inset;
    color: #fff;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current.xdsoft_disabled:hover {
    background: #33aaff !important;
    box-shadow: #178fe5 0 1px 3px 0 inset !important;
    color: #fff !important;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_disabled:hover {
    color: inherit !important;
    background: inherit !important;
    box-shadow: inherit !important;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    font-weight: 700;
    text-align: center;
    color: #999;
    cursor: default;
}

.xdsoft_datetimepicker .xdsoft_copyright {
    color: #ccc !important;
    font-size: 10px;
    clear: both;
    float: none;
    margin-left: 8px;
}

.xdsoft_datetimepicker .xdsoft_copyright a {
    color: #eee !important
}

.xdsoft_datetimepicker .xdsoft_copyright a:hover {
    color: #aaa !important
}

.xdsoft_time_box {
    position: relative;
    border: 1px solid #ccc;
}

.xdsoft_scrollbar > .xdsoft_scroller {
    background: #ccc !important;
    height: 20px;
    border-radius: 3px;
}

.xdsoft_scrollbar {
    position: absolute;
    width: 7px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
    left: 0;
    right: auto;
}

.xdsoft_scroller_box {
    position: relative;
}

.xdsoft_datetimepicker.xdsoft_dark {
    box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
    background: #000;
    border-bottom: 1px solid #444;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    color: #ccc;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
    border-bottom: 1px solid #222;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div {
    background: #0a0a0a;
    border-top: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
    background-color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select {
    border: 1px solid #333;
    background: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover {
    color: #000;
    background: #007fff;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0a0a0a;
    border: 1px solid #222;
    color: #999;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    background: #0e0e0e;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
    color: #cc5500;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
    background: #ffe9d2;
    box-shadow: #ffb871 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
    background: #c1ffc9;
    box-shadow: #00dd1c 0 1px 4px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: #cc5500;
    box-shadow: #b03e00 0 1px 3px 0 inset;
    color: #000;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
.xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
    color: #000 !important;
    background: #007fff !important;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
    color: #666;
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
    color: #333 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
    color: #111 !important
}

.xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
    color: #555 !important
}

.xdsoft_dark .xdsoft_time_box {
    border: 1px solid #333;
}

.xdsoft_dark .xdsoft_scrollbar > .xdsoft_scroller {
    background: #333 !important;
}

.xdsoft_datetimepicker .xdsoft_save_selected {
    display: block;
    border: 1px solid #dddddd !important;
    margin-top: 5px;
    width: 100%;
    color: #454551;
    font-size: 13px;
}

.xdsoft_datetimepicker .blue-gradient-button {
    font-family: "museo-sans", "Book Antiqua", sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #82878c;
    height: 28px;
    position: relative;
    padding: 4px 17px 4px 33px;
    border: 1px solid #d7d8da;
    background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f4f8fa', GradientType=0);
    /* IE6-9 */
}

.xdsoft_datetimepicker .blue-gradient-button:hover,
.xdsoft_datetimepicker .blue-gradient-button:focus,
.xdsoft_datetimepicker .blue-gradient-button:hover span,
.xdsoft_datetimepicker .blue-gradient-button:focus span {
    color: #454551;
    background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
    /* IE10+ */
    background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f8fa', endColorstr='#FFF', GradientType=0);
    /* IE6-9 */
}

.new_calendar_filter {
    position: relative;
}

.new_calendar_filter input {
    background: transparent;
    font-size: 11px;
    height: 32px;
    line-height: 30px;
    margin: 0;
    width: 100%;
}

.new_calendar_filter i {
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 8px;
    color: #727d8b;
    z-index: -1;
}

.active .tasc_board_coment_check i {
    color: #33bbe5;
    border: 1px solid #33bbe5;
}

.tasc_board_coment_check i:hover {
    color: #33bbe5;
    border: 1px solid #33bbe5;
}

.active .tasc_board_coment_text_title {
    color: #ccc;
    text-decoration: line-through;
}

.active .tasc_board_coment_text_fin {
    color: #ccc;
}

.active .tasc_board_coment_text_fin input {
    color: #ccc;
}

.active .tasc_board_coment_text_icon a,
.active .tasc_board_coment_text_icon i {
    color: #ccc;
}

.active .tasc_board_coment_avatar .user-img {

    filter: grayscale(1);
    /* Microsoft Edge and Firefox 35+ */
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
}

.tabs_vertical .ui-tabs-nav li {
    border: 1px solid #e8edf2;
    float: none !important;
    display: table;
}

.jscolor {
    color: transparent !important;
}

.chart_media_input_color input {
    border: 0 none;
    height: 38px;
    width: 36px;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .chart_media_input_color input {

        height: 38px;

    }
}

.add_task_group_container input {
    margin: 5px 0;
    width: 100%;
}

.add_task_group_container .perioada_dialog_inter_de_la {
    margin: 5px 2% 5px 0;
    width: 48%;
    float: left;
}

.add_task_group_container .perioada_dialog_inter_pina_la {
    margin: 5px 0 5px 0;
    width: 50%;
    float: left;
}

.perioada_dialog input {
    background: #fff url("/img/calendar.png") no-repeat scroll 97% center;
}

/*DOBAVITI STRELCU V ADD TASK*/

.buttons_list_calendar {
}

/*
input[type=radio],
input[type=checkbox] {
	display: none;
}
label:before {
	content: "";
	display: inline-block;

	width: 16px;
	height: 16px;

	margin-right: 10px;
	position: absolute;
	left: 0;
	bottom: 1px;
	background-color: #aaa;
	box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .8);
}

.radio label:before {
	border-radius: 8px;
}
.checkbox label {
	margin-bottom: 10px;
}
.checkbox label:before {
    border-radius: 3px;
}

input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}

input[type=checkbox]:checked + label:before {
	content: "\2713";
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
	font-size: 15px;
	color: #f3f3f3;
	text-align: center;
    line-height: 15px;
}
*/

.dialog_add_task input[type=radio] {
    display: none;
}

.dialog_add_task label:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    /*position: absolute;*/
    left: 0;
    bottom: 1px;
    background-color: #fff;
    border: 1px solid #d7d7d7;

}

.dialog_add_task label {
    display: flex;
    float: left;
    line-height: 30px;
    margin-right: 30px;
    vertical-align: top;

}

.dialog_add_task .radio label:before {
    border-radius: 2px;
}

.dialog_add_task input[type=radio]:checked + label:before {
    background: #33bbe5 none repeat scroll 0 0;
    border: 1px solid #33bbe5;
    color: #fff;
    content: "✔";
    font-size: 25px;
    line-height: 25px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    vertical-align: sub;
}

.tasc_board_dialog_avatar {
    float: left;
}

.tasc_board_dialog_avatar img {
    height: 30px;
    width: 30px;
}

.content_add_task_group_container input {
    margin: 0;
}

.content_add_task_group_container .cs_div {
    margin-left: 0;
}

.tasc_board_dialog_avatar img,
.tasc_board_dialog_avatar p {
    float: left;
}

.tasc_board_dialog_avatar p {
    margin: 8px;
}

.content_add_task_group_container {
    margin-top: 20px;
}

.buttons_list_calendar {
    display: block;
    /* height: 27px;*/
    margin-bottom: 10px;
    margin-top: 5px;
    padding: 0 15px;
    position: absolute;
    bottom: 0;
}

.buttons_list_calendar_inter_aprobare,
.buttons_list_calendar_inter_unschedule,
.buttons_list_calendar_inter_publica {
    float: left;
}

.buttons_list_calendar_inter_unschedule {
    width: 36%;
    margin-right: 2%;
}

.buttons_list_calendar_inter_aprobare {
    margin-right: 2%;
    width: 30%
}

.buttons_list_calendar_inter_publica {

    width: 30%
}

.buttons_list_calendar_inter_unschedule table,
.buttons_list_calendar_inter_unschedule tbody,
.buttons_list_calendar_inter_unschedule tr,
.buttons_list_calendar_inter_unschedule td {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

.buttons_list_calendar_inter_unschedule input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8edf2;
    color: #555;
    display: inline-block;
    font-size: 11px;
    height: 17px;
    padding: 4px !important;
    text-align: left;
    width: 90%;
}

.statut_popap_redact p {
    margin-bottom: 5px
}

.data_time_popap_redact p {
    margin-bottom: 5px
}

.statut_format_redact p {
    margin-bottom: 5px
}

.dialog_add_task .statut_popap_redact,
.dialog_add_task .data_time_popap_redact,
.dialog_add_task .statut_format_redact {
    float: left;
    width: 31%;
}

.statut_format_redact .cs_div select {
    -moz-appearance: none;
    background: transparent none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    box-shadow: none;
    color: #727d8b;
    cursor: pointer;
    font-size: 12px;
    height: 32px;
    margin: 0;
    padding: 5px 8px;
    width: 100%;
}

.statut_format_redact .cs_div {
    margin-left: 0;
    margin-right: 0;
    background: transparent url("/img/select.png") no-repeat scroll right 2px;
}

.dialog_add_task .data_time_popap_redact {
    margin-right: 10px;
}

.tab-loading {
    left: 0;

    right: 0;
    height: 300px !important;
    width: 97% !important;
    border-radius: 2px;
    margin: 10px 10px 10px 0;
    position: relative;
    transition: box-shadow 0.25s ease 0s;
    background: #fff url(/img/loading4.gif) no-repeat center center !important;
}

#top_posts_continer {
    margin-top: 0;
}

.top_posts_continer {
}

.post_img {
    border: 1px solid #ccc;
    text-align: center;
    margin-bottom: 10px;
}

.block_group_card .edit-group {
    display: none;
}

.block_group_card_content_avatar {
    min-height: 20px;
}

.title-card-text .options_card_icon .fa-cog {
    /*display:none;*/
}

.accordion-task-board-add {
    margin-top: 50px !important
}

.button_add_tasc_in_block button {
    display: block;
    margin: 50px auto;
    background: #33bbe5 none repeat scroll 0 0;
    color: #fff;
    padding: 10px 20px;
}

#wrapper.toggled-board-2 .title_stream .button-common-cp {
    display: none;
}

.plan_general_post .tabs_vertical {
    border: 1px solid #e8edf2;
    clear: left;
    display: table;
    margin: 0 auto;
    width: 1000px;
    height: 360px;
}

/*
.plan_general_post .cl {
	clear:none;
}*/
/*
.plan_general_post .cs_div {
    border:1px solid #e8edf2;
	margin-left: 11px;
}*/

.save_mediaplan {
    margin-left: 40px !important;
}

.generate_mediaplan {
    margin-left: 12px;
}

.redactirovanii_td button.pecil_input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #bac3d0;
    opacity: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    float: none;
    margin-bottom: 0;
    margin-right: 6px;
    margin-top: 0;
    padding: 0;
}

.redactirovanii_td button {
    float: right;
    font-size: 11px;
    margin-bottom: 0;
    margin-right: -5px;
    margin-top: -5px;
    padding: 10px 10px 0 10px;
    position: relative;
    z-index: 1001;
}

.notific_post {
    /*padding:10px;*/
    border-bottom: 1px solid #e8edf2;
}

.notific_post_menu {
    display: table;
    width: 100%;
}

.notific_post_menu_left {
    float: left;
}

.notific_post_menu_right {
    float: right;
}

.notific_post_menu a {
    color: #a7b1c1;
    display: block;
    float: left;
    font-size: 14px;
    padding: 16px 20px;
    border-bottom: 1px solid transparent;
    position: relative;
}

.notific_post_menu a:hover,
.notific_post_menu a.active {
    border-bottom: 1px solid;
    color: #33bbe5;
}

.notificari_table td {
    border: 1px solid #000;
}

.trimis_de_notific {
    width: 60px;
}

.postari_notific {
    width: 60px;
}

.actiuni_notific {
    width: 150px;
    /* display: table;*/
}

.logo_notific {
    border-right: 1px solid #e8edf2;
    text-align: center;
    width: 200px;
    vertical-align: top;
    /*display:table;*/
    font-size: 9px;
    display: block;

}

.text_notific {
    vertical-align: top;

}

.text_notific,
.users_notific,
.trimis_de_notific,
.postari_notific {
    border-right: 1px solid #e8edf2;
}

.title_notific,
.text_notific {
    border-bottom: 1px solid #e8edf2;
}

.text_notific_post {
    border-right: 1px solid #e8edf2;
}

.logo_notific img {
    max-width: 100%;
}

.user_view {
    float: left;
    text-align: center;
    margin-right: 15px;
}

.user_view img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.trimis_de_notific {
    text-align: center
}

.trimis_de_notific img {
    border-radius: 50%;
    height: 55px;
    margin: 5px 0;
    width: 55px;
}

.actions_notific_left img {
    border-radius: 50%;
    height: 50px;
    margin: 5px 0;
    width: 50px !important;
}

.chart_media_input_color input {
    background-repeat: no-repeat;
    background-position: center center;
}

.block_notific {
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    box-shadow: 0 4px 4px -2px #e1e2e4;
    margin: 10px 1%;
    width: 98%;
    display: inline-block;
}

.block_notific tbody {
    width: 100%;
    display: inline-block;
}

.block_notific tr {
    width: 100%;
    /*display: table;*/
}

.title_notific {
    width: 25%;
}

.user_view_date p {
    font-size: 11px;
    color: #999;
}

.postari_notific {
    text-align: center;
}

.title_notific {
    vertical-align: top;
}

.title_notific h2 {
    font-weight: normal;
}

.text_notific_post {
    font-size: 12px;
    float: left;
    width: 33%;
}

.system_note {
    font-size: 12px;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8edf2;
}

.system_note .text_notific_post_content {
    float: left;
    padding: 15px 20px;
}

.system_note .actions_notific_comment {
    padding: 15px 20px 5px;
}

.actiuni_notific a {
    display: block;
    margin-bottom: 10px;
    color: #999;
}

.actiuni_notific a .fa-close {
    color: rgba(244, 67, 54, 1);
}

.actiuni_notific a i.fa-check {
    color: #33bbe5;
}

.actiuni_notific i {
    float: left;
    font-size: 12px;
    margin-right: 0;
    text-align: center;
    width: 25px;
}

.actions_notific_right a {
    display: block;
    margin-bottom: 10px;
    color: #999;
}

.actions_notific_right a .fa-close {
    color: rgba(244, 67, 54, 1);
}

.actions_notific_right a i.fa-check {
    color: #33bbe5;
}

.actions_notific_right i {
    float: left;
    font-size: 12px;
    margin-right: 0;
    text-align: center;
    width: 25px;
}

.notificari_block {
    /*min-height:600px;*/
    padding-bottom: 5px;
}

.text_notific img {
    width: 100%;
    margin-bottom: 10px;
}

.actions_notific_left {
    float: left;
}

.actions_notific_right {
    float: right;
    width: 100px;
}

.header_brand_notific {
    border-bottom: 1px solid #e8edf2;
    height: 60px;
}

.header_brand_notific img {
    height: 50px;
    float: left;
    margin: 5px 10px;
}

.header_brand_notific .title {
    float: left;
    font-size: 18px;
    height: 60px;
    line-height: 60px;
    margin-left: 5px;
}

.postat_de_notific_poza img {
    float: left;
}

.postat_de_notific_poza .user_view_date {
    float: left;
    margin: 17px;
}

.text_notific_inter {
    padding: 10px;
}

.text_notific_post img {
    width: 100%;
    margin-bottom: 10px;
}

.text_notific_post p {
    margin-bottom: 10px;
}

.notific_comment p {
    margin-bottom: 0;
}

.user_notific_view .user_view img {
    width: auto;
}

.user_notific_view .user_view {
    margin-bottom: 20px;
}

.user_view_date p,
.actions_notific_left p {
    margin: 0;
}

.notific_text_post {
    height: 70px;
    overflow: hidden;
}

.filter_notific_right li {
    float: left;
}

.text_notific b {
    font-weight: 600;
}

.notificari_block_history .logo_notific img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}

.notificari_block_history .header_brand_notific img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}

.ales_istoric_declin {
    background: rgba(244, 67, 54, 1);
    color: #fff !important;
    border-radius: 2px;
}

.ales_istoric_declin .fa-close {
    color: #fff !important;
}

.ales_istoric_chek {
    background: #33bbe5;
    color: #fff !important;
    border-radius: 2px;
}

.ales_istoric_chek .fa-check {
    color: #fff !important;
}

.media_title_repartizare {
    line-height: 15px;
}

.media_title_repartizare span {
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    margin-right: 6px;
    vertical-align: middle;
    width: 15px;
    margin-top: -1px;
}

.week_graphics_bar {
    display: table;
    width: 100%;
}

.table_calendar table {
    /*table-layout: auto !important*/
}

.table_calendar table th a {
}

.dialog_add_platform_block_s select {
    padding: 10px;
    float: left;
    width: 350px;
    margin-top: 20px;
    border: 1px solid #ccc;
    height: 39px;
    border-radius: 0;
}

.plan_general_post .cs_div {
    border: 1px solid #e8edf2;
    padding: 0 10px;
    width: 979px;

    margin: 10px auto 0;
}

.buttons_list_calendar .cs_div {
    width: auto;

}

.plan_general_post .cs_div select {
    width: 100%;
    color: #000
}

.danger {
    padding: 8px 10px;
    color: #fa7264;
}

.fc-button-group a {
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    height: 40px;
    line-height: 42px;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
}

.fc-today-button {
    box-sizing: border-box;
    color: #000;
    cursor: pointer;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding: 0 20px;
    white-space: nowrap;
}

.fc-state-down,
.fc-state-active {
    background-color: #33bbe5;
    border-color: #33bbe5;
    color: #fff !important;
}

.fc table {
    box-shadow: 0 4px 4px -2px #e1e2e4;
    margin-bottom: 20px;
}

.ui-autocomplete {
    padding: 5px 10px !important;
    border-bottom: 1px solid #e8edf2;
    border-left: 1px solid #e8edf2;
    border-right: 1px solid #e8edf2;
    box-shadow: 0 4px 4px -2px #e1e2e4;
}

.ui-menu-divider {
    display: inline-block;

}

.autocomplete_user {

    margin-right: 5px;
}

.autocomplete_user img {
    width: 25px;
}

.add_item_dialog i {
    color: #33bbe5;
    font-size: 18px;
}

.ui-dialog-buttonset .ui-button {
    /*margin: 0.5em 0 0.5em 0 !important;*/
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0.3em 1em 0.5em !important;
}

.save_fb_to_brand {
    background-color: #1992ba;
    color: white;
    padding: 12px 38px;
    margin: 20px 8px 0;
    min-width: 103px;
    float: left;
    display: block;
}

.notific_comment {
    border-bottom: 1px solid #e8edf2;
    margin-bottom: 9px;
    min-height: 85px;
    padding-left: 130px;
}

.actions_notific_comment {
    float: right;
}

.actions_notific_comment a {
    float: left;
    color: #999;
    margin-left: 15px;
}

.actions_notific_comment a i {
    float: left;
    font-size: 12px;
    margin-right: 5px;
    text-align: center;
    width: 15px;
}

.actions_notific_comment a p {
    float: left;
    /* margin-right: 15px;*/
}

.notific_comment b {
    font-weight: 600;
}

.autocomplete_user.ui-state-active {
    padding: 3px 1em 3px 0.4em;
}

.autocomplete_user_name {
    display: inline-block;
}

.autocomplete_user_name .autocomplete_user_poza {
    float: left;
}

.autocomplete_user_name p {
    float: left;
    margin: 6px 8px;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
    margin: 0 !important;
}

.save_comment_text {
    height: auto;
    width: auto;
    background: transparent;
    border-radius: 2px;
    color: #999;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 5px 0;
    padding: 0 !important;
}

.content-notific {
    min-height: 85vh
}

.fb-content p {
    float: left;
    max-height: 45px;
    overflow: hidden;
    /* width: 65%;*/
}

.fb-post {
    float: left;
    /* margin-right: 5%;
    width: 30%;*/
    max-width: 150px;
}

.post-picture {
    max-width: 100% !important;
}

.fb-content {
    /*height:200px;*/
}

.table_null {
    width: 5px;
    padding: 0 !important;
}

.table_center_date {
    font-size: 11px !important;
}

.saptamini_plan_right_inter .ui-accordion-header-active {
    background: #33bbe5;
    color: #fff;
}

.saptamini_plan_right_inter .ui-state-active .ui-icon,
.saptamini_plan_right_inter .ui-button:active .ui-icon {
    background-image: url("/img/ui-icons_ffffff_256x240.png");
}

.add_plan_list_img {
    display: block;
    float: left;
    height: 100%;
    margin-right: 10px;
    width: 70px;
}

.add_din_plan_post {
    border-bottom: 1px solid #e8edf2;
    height: 31px;
    margin-top: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 588px;
}

.add_din_plan_post.active {
    background: #e8edf2 none repeat scroll 0 0;
}

.add_plan_list_title_img img {
    height: 100%;
    float: left;
    /*margin-right:10px;*/
}

.add_plan_list_title_img p {
    float: left;
    height: 26px;
    margin-right: 10px;
    overflow: hidden;
    width: 350px;
}

.add_plan_list_title_img {
    height: 100%;
}

.add_plan_list_date {
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 140px;
}

.pipka_notific {
    background-color: rgba(244, 67, 54, 1);
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    height: 8px;
    right: 8px;
    line-height: 22px;
    position: absolute;
    text-align: center;
    text-indent: 0;
    width: 8px;
    z-index: 10;
    top: 10px;
}

.delete_asociation {
    background-color: rgba(244, 67, 54, 0.7);
    color: #fff !important;
    display: block;
    position: absolute;
    right: 10px;
    text-align: center;
    width: 20px;
}

.item_content {
    /*min-width:150px;*/
    /*vertical-align:top;*/
    vertical-align: middle;
}

.item_content p {
    max-height: 30px;
    overflow: hidden;
}

.fb-content {
    min-width: 150px;
    vertical-align: top;
}

.fb-content p {
    max-height: 30px;
    overflow: hidden;
}

.post-list-comments {
    height: 480px;
    overflow: auto;
}

.delete_mediaplan {
    background: transparent none repeat scroll 0 0;
    border: 0 solid #33bbe5 !important;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    padding: 0 5px;
}

.delete_mediaplan:hover {
    background: #ffa59c none repeat scroll 0 0;
    color: #fff;
    border: 0 !important
}

.post-comment-content-text {
    padding: 5px 0;
}

.comment_to_response {
    background: #f4f4f4 !important;
    padding: 5px 10px;

    border: 1px solid #33bbe5
}

.comment_to_response a {
}

.comment_user img.img-circle {
    display: none;
}

.message_no_notes {
    text-align: center;
    margin: 50px;
    font-size: 30px;
    color: #a7b1c1;
}

.filter_notific .report_circle {
    float: right;
    left: 80%;
    position: absolute;
    right: 0;
    top: 3px;
}

.notific_post_menu_left .report_circle {
    float: right;
    left: 80%;
    position: absolute;
    right: 0;
    top: 3px;
}

.policy_block {
    padding: 30px;
    max-width: 1000px;
    width: 90%;
    margin: 0 auto;
}

.policy_block a {
    font-size: 16px;
    text-decoration: underline;
}

.policy_block_head h2 {
    margin-top: 0;
    color: #162020;
    padding-top: .38889rem;
    padding-bottom: .38889rem;
    line-height: 1.25;
    font-weight: 400;
    font-family: Proxima Nova, proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding-top: .5rem;
    padding-bottom: .5rem;
    margin-bottom: 0rem;
    font-size: 28px
}

.policy_block_head h3 {
    margin-top: 0;
    color: #33bbe5;
    padding-top: .38889rem;
    padding-bottom: .38889rem;
    line-height: 1.25;
    font-weight: 400;
    font-family: Proxima Nova, proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding-top: .5rem;
    padding-bottom: 1rem;
    margin-bottom: 0;
    font-size: 22px
}

.policy_block_head ul {
    font-size: 16px;
    padding-left: 20px;
    list-style-type: disc;
}

.policy_block_head li + li {
    margin-top: 15px;
}

.policy_block_head li {
    list-style-type: disc;
    padding-left: 10px;
}

.policy_block_head p {
    font-size: 16px;
    line-height: 22px;
    margin: 20px 0 25px;
}

.anotation_block {
    margin-bottom: 20px;
    border: 1px dashed #ccc;
    border-radius: 5px;
    padding: 15px 20px;
}

.anotation_block h3 {

    margin-top: 0;
    color: #33bbe5;
    line-height: 1.25;
    font-weight: 400;
    font-family: Proxima Nova, proxima-nova, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding-top: .5rem;
    padding-bottom: 0rem;
    margin-bottom: 0;
    font-size: 22px
}

.anotation_block p {
    font-size: 16px;
    line-height: 22px;
    margin: 25px 0;
}

.anotation_block ul {
    font-size: 16px;
    padding-left: 20px;

}

.anotation_block li + li {
    margin-top: 15px;
}

.anotation_block li {
    list-style-type: disc;
    padding-left: 10px;
}

.language_block {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    margin: auto;
    min-height: 470px;
    padding: 5px 30px;
    position: relative;
    transition: box-shadow 0.05s ease 0s;
    font-size: 14px;
}

.language_block th {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.language_block td {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.metrici_block {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    margin: auto;
    min-height: 470px;
    padding: 5px 30px;
    position: relative;
    transition: box-shadow 0.05s ease 0s;
    font-size: 14px;
}

.metrici_block th {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.metrici_block td {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.templates_block {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    margin: 10px;
    min-height: 470px;
    padding: 5px 30px;
    position: relative;
    transition: box-shadow 0.05s ease 0s;
    font-size: 14px;
}

.templates_block th {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.templates_block td {
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.button_report_brand {

    width: 100%;
    position: absolute;
    bottom: 15px;
}

.button_report_brand button {
    padding: 10px 20px;
    background: #1992ba;
    color: #fff;
    margin-left: 16px;
    width: 161px;
    /*font-weight: 600;  */
    float: left;
    height: 39px;
}

.col-4 {
    width: 33%;
    float: left;
    position: relative;
}

.col-6 {
    width: 50%;
    float: left;
    position: relative;
}

.col-8 {
    width: 66%;
    float: left;
    position: relative;
}

.col-12 {
    width: 100%;
    float: left;
    position: relative;
}

.date_pick input {
    width: 150px !important;
}

.ui-dialog-buttonset button {
    margin: 0
}

.avatar_popap_company {
    float: left;
    margin: 13px 0 0 13px;
}

.avatar_popap_company img {
    width: 100px;
}

.name_popap_company {
    float: left;
    margin: 13px;
    font-size: 14px;
}

.name_popap_company_export {
    float: left;
    margin: 13px;
    font-size: 16px;
}

.overview_popap_line_top {
    border-bottom: 1px solid #ccc;
}

#top_posts_form {
    clear: both;
    text-align: center;
    padding-top: 0;
}

#top_posts_form button {
    padding: 5px 20px;
}

.green_button {
    background-color: #1992ba !important;
}

.text_obisnenie {
    display: table;
    /*height:130px;*/
}

.text_obisnenie p {
    display: table-cell;
    vertical-align: middle;
    /*height:130px;*/
}

.date_pick {
    padding-top: 20px;
    margin-bottom: 20px;
}

.today .date_list_claendar .date_circle {
    border: 1px solid #33bbe5 !important;
    color: #fff !important;
    background: #33bbe5 !important;
}

.btn_load_more {
    display: block;
    background: #fff;
    border: 1px dashed #cad1d9;
    color: #292f47;
    padding: 10px 50px;
    clear: left;
    margin: auto;
}

.top_posts_block_single_inter img {
    /*max-height: 200px !important;*/
}

.go_to_mediaplan {
    display: block;
    height: 19px;
    line-height: 19px;
    text-align: center;
    width: 75px;
    float: left;
    margin-left: 16px;
    color: #fff;
    background: #1992ba;
    font-size: 14px;
    /*font-weight: 600;*/
    /*border: 1px solid #ccc;*/
}

.change_period {

    height: 28px;
    text-align: center;
    width: 75px;
    margin-left: 10px;
    color: #fff;
    background: #33bbe5;
    font-size: 12px;
    line-height: 0;
}

.change_period:hover {

    color: #fff;
    background: #1992ba;
}

.block_save_mediaplan input {
    margin-left: 15px;
    border: 1px solid #ccc;
    padding: 9px;
    margin-right: 10px;
    width: 200px;
}

.block_save_mediaplan button {
    color: #fff;
    background: #1992ba;
}

.top_postari_null {
    text-align: center;
    margin: 50px;
    font-size: 30px;
    color: #c0c8d5;
}

/*
.alert {
    -moz-animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation: cssAnimation 0s ease-in 3s forwards;
    -o-animation: cssAnimation 0s ease-in 3s forwards;
    animation: cssAnimation 0s ease-in 3s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes cssAnimation {
  0% {
    opacity: 1;

  }
  100% {
    opacity: 0;
    left: -9999px;
	display:none !important;
	height:0px !important;
	margin:0px !important;
	padding:0px !important;
	font-size:1px !important;


  }
}
@keyframes cssAnimation {
  0% {
    opacity: 1;

  }
  100% {
    opacity: 0;
    left: -9999px;
	display:none !important;
	height:0px !important;
	margin:0px !important;
	padding:0px !important;
	font-size:1px !important;
  }
}
*/

.list_exists_brands #aviable_platform_1 .fa-facebook {
    color: #4267b2;
}

.table_mediaplan h3 {
    font-weight: 100;
    text-align: center;
    margin: 10px 0 20px;
    font-size: 18px;
    color: #a7b1c1;
}

.arhiva_plan_right_inter > p {
    font-weight: 100;
    text-align: center;
    margin: 10px 0 33px;
    font-size: 22px;
    color: #a7b1c1;
}

.show_wait_popup span.icon_description {
    font-size: 9px !important;
    display: block;
    vertical-align: middle;
    margin-top: 2px;
    height: 12px;
    text-align: left;
    color: #999;
}

.show_wait_popup span.icon_last_update {
    font-size: 9px !important;
    display: block;
    vertical-align: middle;
    margin-top: 2px;
    color: #999;
}

.saptamini_plan_setings_gear .icon_last_update {
    font-size: 11px !important;
    display: inline-table;
    vertical-align: middle;
    float: left;
    height: 45px;
    line-height: 45px;
    margin: 0 15px 0 5px;
}

.show_wait_popup i {
    font-size: 18px;
    margin-right: 15px;
    display: inline-table;
    color: #33bbe5;
    line-height: 30px;
}

.fa-stack {
    line-height: 25px !important;
    font-size: 17px !important
}

.latin_list li {
    list-style-type: upper-latin;
}

.accept_invitation {
    min-width: 100px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
}

.accept_invitation i {
    margin-top: 9px;
    margin-right: 2px;
    margin-left: 10px;
}

.top_video_block ul {
    display: block;
}

.top_video_block {
    /*padding:15px 0;*/
}

.submit_calendar_filter input {
    width: 80px;
    height: 32px;
    color: #000;
    font-size: 12px;
    margin: 0 -1px;
}

.btn_afiseaza {
    float: right;

}

.btn_afiseaza button {
    float: left;
    background: #1992ba;
    color: #fff;
    padding: 10px 10px;
    margin-left: 10px;

}

.statut_table_note .cs_div {
    width: 90%;
    padding: 8px 5%;
    border-left: 0;
    border-right: 0;
}

.mediaplan_edit_paket {
    width: 650px !important;
    display: block;
    max-width: 650px !important;
    border: 1px solid #dde5ec;
}

.mediaplan_edit_language {
    width: 95% !important;
    display: block;
    border: 1px solid #dde5ec;
    margin-left: 5%;
}

.mediaplan_edit_paket_inter {
    width: 330px;
}

.mediaplan_edit_paket_inter h1 {
    border-bottom: 1px solid #dde5ec;
}

.my_kick_block {
    padding: 20px 10px;
    border-collapse: inherit;
}

.my_kick_block td {
    padding: 0;
}

.my_kick_block td h1 {
    margin: 0;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 1px solid #dde5ec;
}

.paket_profile_left {
    background: #33bbe5;
    color: #fff;
    height: 160px;
    width: 300px;
}

.paket_profile_left h1 {
    padding: 0;
}

.mediaplan_edit_paket_table {
    max-width: 650px;
}

.mediaplan_edit_paket_content {
    padding: 15px 20px;
}

.mediaplan_edit_paket_content_left {
    width: 240px;
    min-width: 330px;
}

.paket_rectangle {
    width: 0;
    height: 0;
    border-top: 80px solid #dde5ec;
    border-left: 30px solid #33bbe5;
    border-bottom: 80px solid #dde5ec;
}

.mediaplan_edit_paket_content table,
.mediaplan_edit_paket_content tr,
.mediaplan_edit_paket_content td {
    border: 0;
    margin: 0;
    padding: 0;

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

.container_upgrade_paket {
    height: 160px;
    background: #dde5ec;
    text-align: center;

}

.button_upgrade_paket {
    display: inline-block;
    height: 50px;
    width: 200px;
    line-height: 50px;
    text-align: center;
    background: #f25928;
    color: #fff;
    font-size: 16px;
    margin-top: 52px;
}

.button_upgrade_paket:hover {
    background: #ffab3d;
}

.paket_name {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px;
}

.paket_retele {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
}

.paket_retele span {
    font-size: 48px;
    margin-right: 5px;
}

.paket_profile_left_inter {
    padding: 10px 20px;
}

.paket_descript {
    font-size: 14px;
}

.curent_plan {
    padding: 0 0 15px 20px;
    width: 300px;
}

.curent_plan_left {
    float: left;
}

.curent_plan_right {
    float: right;
}

.curent_plan_right b {
    color: #33bbe5;
    font-weight: bold;
}

.mediaplan_edit_language_content {
    height: 218px;
}

.mediaplan_edit_language_content_inter {
    padding: 10px 20px;
}

.list_radio_check {

    float: left;
    margin-top: 10px;
}

.final_price {
    width: 50%;
    float: left;
    margin-top: 30px;
    text-align: center;
}

.list_radio_check label {
    height: 50px;

    line-height: 40px;
    font-size: 21px;
}

.radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}

.radio + label {
    cursor: pointer;
}

.radio:not(checked) {
    position: absolute;
    opacity: 0;
}

.radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 35px;
}

.radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border: 1px solid #33bbe5;
    border-radius: 50%;
    background: #FFF;
}

.radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #33bbe5;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3);
    opacity: 0;
    transition: all .2s;
}

.radio:checked + label:after {
    opacity: 1;
}

.radio:focus + label:before {
    /* box-shadow: 0 0 3px 3px rgba(0,0,0,.2);*/
}

/*
.instrument_popap_redact_inter {
	position:relative;
}*/

.ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

.options_card_icon i {
    float: left;
}

.options_card_icon .icon_text {
    float: left;
}

.badge {
    width: 150px;
    display: inline-block;
    height: auto;
    overflow: hidden;
    background: transparent;
    color: #555;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
}

.plus_10 {
    height: 140px !important;
    background: #33bbe5 !important;
}

.main_claim_home img {
    width: auto;
}

.create_mediaplan {
    display: block;
    background: #f25928;
    color: #fff;
    float: left;
    margin-left: 10px;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    padding: 10px 10px;
}

.create_mediaplan:hover {

    background: #df4b1c;
}

.options_card_icon_sort i {
    font-size: 20px;
    margin-top: -6px;
    margin-right: 5px;
    color: #555;
}

.options_card_icon_sort-l i {
    font-size: 18px;
    margin-top: 0;
    margin-left: 0;
    color: #999;
}

/************************ DROP MENU *****************************/

/* Dropdown Button */

.dropbtnn {

    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */

.dropdownn {
    position: relative;
    display: inline-block;
}

/* Dropdown Button */

/* Dropdown Content (Hidden by Default) */

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    font-size: 12px;
}

/* Links inside the dropdown */

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */

.dropdown-content a:hover {
    background-color: #f1f1f1
}

/* Show the dropdown menu on hover */

.dropdownn:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdownn:hover .dropbtnn {
    /* background-color: #3e8e41;*/
}

/* Dropdown Button */

.dropbtnl {

    color: white;

    font-size: 16px;
    border: none;
    cursor: pointer;
    background: transparent
}

/* The container <div> - needed to position the dropdown content */

.dropdownl {
    border: 0 none !important;
    display: inline-block !important;
    height: 20px;
    margin-top: 20px;
    right: 0 !important;
    text-indent: 0;
    width: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

/* Dropdown Button */

/* Dropdown Content (Hidden by Default) */

.dropdown-contentl {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 11;
    right: 0;
    text-align: right;
    width: 100px;
    top: 40px;
}

/* Links inside the dropdown */

.dropdown-contentl a {
    color: black;
    padding: 5px 16px;
    text-decoration: none;
    display: block;
    width: 100%;
    margin: 0;
    text-align: right;
    box-sizing: border-box;
    height: 35px;
}

/* Change color of dropdown links on hover */

.dropdown-contentl a:hover {
    background-color: #f1f1f1 !important
}

/* Show the dropdown menu on hover */

.dropdownl:hover .dropdown-contentl {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */

.dropdownl:hover .dropbtnl {
    /* background-color: #3e8e41;*/
}

.demo_title {
    margin: 10px 0;
    font-size: 21px;
    font-weight: 100;
}

.introjs-helperLayer {
    background: #fff !important;
}

.add_plus_brand a {
    background: #f25928 !important;
    color: #fff !important;
    font-size: 40px !important;
}

.button_video_tur {
    background: #f25928 !important;
    color: #fff !important;
    font-size: 15px !important;
}

.loading_block {
    background: #1a2133 url("/img/gif_loading_ksw_new_test3.gif") no-repeat scroll center center;
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 9999;
}

.obiesnenie_loading_ksw {
    width: 600px;
    margin: 0 auto;
    position: absolute;
    top: 17%;
    left: 0;
    right: 0;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

.logo_loading_ksw {
    background: transparent url("/img/logo_load.png") no-repeat scroll center center;
    width: 305px;
    height: 25px;
    margin: 0 auto;
    position: absolute;
    bottom: 17%;
    left: 0;
    right: 0;
}

.saptamini_plan_setings_gear i {
    float: left;
    margin-top: 13px;
}

.saptamini_plan_setings_gear .icon_text {
    display: inline-block;
    margin-top: -8px;
}

.saptamini_plan_setings_gear .icon_text span {
    float: none;
    height: 18px !important;
    display: block;
    text-align: left !important;
}

.publica_button_list:hover i,
.publica_button_list.active i {
    background: transparent;
}

.publica_button_list.active {
    background: #33bbe5;
}

.publica_button_list.active span {
    color: #fff;
}

.tab_check_add_people .radio {
    vertical-align: top;
    width: 17px;
    height: 17px;
    margin: 0 3px 0 0;
}

.tab_check_add_people .radio + label {
    cursor: pointer;
}

.tab_check_add_people .radio:not(checked) {
    position: absolute;
    opacity: 0;
}

.tab_check_add_people .radio:not(checked) + label {
    position: relative;
    padding: 0 0 0 25px;
}

.tab_check_add_people .radio:not(checked) + label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid #33bbe5;
    border-radius: 50%;
    background: #FFF;
}

.tab_check_add_people .radio:not(checked) + label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #33bbe5;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .3);
    opacity: 0;
    transition: all .2s;
}

.tab_check_add_people .radio:checked + label:after {
    opacity: 1;
}

.tab_check_add_people .radio:focus + label:before {
    /* box-shadow: 0 0 3px 3px rgba(0,0,0,.2);*/
}

.tab_check_add_people {
    padding: 0 30px;
    height: 50px;
    font-size: 12px !important;
}

.tab_check_add_people label {
    font-size: 16px;
    margin-right: 30px;
    padding-right: 25px;
}

.tab_check_add_people .list_radio_check {
    margin: 10px auto 0;
    display: block;
    float: none;
}

.title_listing_add_people {
    background: #f2f2f2;
    text-align: center;
    padding: 10px 0;
}

.listing_single_check_add_people {
    margin: 5px 4px;
    width: 48%;
    float: left;

}

.listing_single_check_add_people p.title_listing_add_people {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}

.listing_single_check_add_people li {
    border-bottom: 1px solid #f2f2f2;
    text-align: left;
    height: 37px;
}

.name_drets_listing_add_people {
    float: left;
    margin-top: 12px;
    color: #000;
    font-size: 11px;
}

.check_drets_listing_add_people {
    float: right;
}

.listing_check_add_people {
    margin-left: 20px;
    overflow: scroll;
    overflow-x: hidden;
    height: calc(100vh - 488px);
}

.title_popap_prava {
    margin: 15px auto !important;
    text-align: center;
    font-size: 14px;
    padding: 0 100px;
    line-height: 24px;
}

.title_popap_prava span {
    color: #a7b1c1;
    font-size: 14px;
}

.select_page_statistic_g {
    border-left: 1px solid #e8edf2;
    box-sizing: border-box;
    display: block;
    float: right;
    height: 50px;

}

.list_platforms_tabs {
    border-bottom: 1px solid #e8edf2;
    height: 33px;
    width: 100%;
}

.filter_inter_mediaplan_statistic .submit_title_filter {
    float: left;
    margin-left: 16px;
    margin-right: 25px;
    margin-top: 15px;
}

.menu_inter_mediaplan {
    float: right;
    margin-right: 15px;

}

.block_graph_st {
    /*width:1025px;*/
    margin: 0 auto 0;
}
.content-mediaplan.block_graph_st > .card-content > .clearfix {
    background-color: #1992ba;
}


.fani_1_left {
    width: 70%;
    vertical-align: top;
}

.fani_1_right {
    width: 30%;
    vertical-align: top;
}

.post_1 {
    width: 100%;
}

.post_1_left {
    width: 60%;
    float: left;
}

.post_1_right {
    width: 40%;
    float: left;
}

.vizual_1_left {
    width: 70%;
    display: inline-block;
    vertical-align: top;
}

.vizual_1_right {
    width: 29%;
    display: inline-block;
    vertical-align: top;
}

.impact_1_center {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.impact_2_center {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.fani_2_left {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.fani_2_right {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    float: left;
}

/*

#container_like .highcharts-point.highcharts-color-0,
#container_like .highcharts-data-label-connector.highcharts-color-0 ,
#container_like .highcharts-legend-item.highcharts-color-0 .highcharts-point
{
	fill: #1892b9;
	stroke: #1892b9;
}


#container_like .highcharts-point.highcharts-color-1,
#container_like .highcharts-data-label-connector.highcharts-color-1 ,
#container_like .highcharts-legend-item.highcharts-color-1 .highcharts-point
{
	fill: #b8c2cc;
	stroke: #b8c2cc;
}

#pie_like .highcharts-point.highcharts-color-0,
#pie_like .highcharts-legend-item.highcharts-color-0 .highcharts-point
{
	fill: #1892b9;
}

#pie_like .highcharts-data-label-connector.highcharts-color-0 {
	stroke: #1892b9;
}

#pie_like .highcharts-point.highcharts-color-1,
#pie_like .highcharts-legend-item.highcharts-color-1 .highcharts-point
 {
	fill: #b8c2cc;
}
#pie_like .highcharts-data-label-connector.highcharts-color-1 {
	stroke: #b8c2cc;
}


#container_postari .highcharts-point.highcharts-color-0,
#container_postari .highcharts-data-label-connector.highcharts-color-0 ,
#container_postari .highcharts-legend-item.highcharts-color-0 .highcharts-point
{
	fill: #69daff;
	stroke: #69daff;
}


#container_postari .highcharts-point.highcharts-color-1,
#container_postari .highcharts-data-label-connector.highcharts-color-1 ,
#container_postari .highcharts-legend-item.highcharts-color-1 .highcharts-point
{
	fill: #1992ba;
	stroke: #1992ba;
}
#container_postari .highcharts-point.highcharts-color-2,
#container_postari .highcharts-data-label-connector.highcharts-color-2 ,
#container_postari .highcharts-legend-item.highcharts-color-2 .highcharts-point
{
	fill: #066281;
	stroke: #066281;
}
#container_postari .highcharts-point.highcharts-color-3,
#container_postari .highcharts-data-label-connector.highcharts-color-3 ,
#container_postari .highcharts-legend-item.highcharts-color-3 .highcharts-point
{
	fill: #003242;
	stroke: #003242;
}*/

.date_totale_fani {
    width: 100%;
}

.date_totale_fani div {
    width: 25%;
    float: left;
    height: 100px;
    text-align: center;
    margin-top: 20px;
    position: relative;
}

.date_totale_fani div time {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    color: #999;
    text-align: center;
}

.date_totale_postari {
    width: 100%;
    padding-top: 30px;
}

.date_totale_postari div {
    width: 33%;
    float: left;
    height: 70px;
    text-align: center;
    margin-top: 10px
}

p.total_fans_title {
    color: #92969c;
    font-size: 14px;
    margin: 10px;
    position: relative;
    top: 0;
    text-transform: uppercase;
    font-weight: bold;
}

p.total_fans_number {
    color: #2a2f43;
    font-size: 30px;
    margin: 5px;
    position: relative;
    top: 0;
}

.fani_1_left_top h3 {
    color: #2a2f43;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
}

.fani_1_right_top h3 {
    color: #2a2f43;
    /*float: left;*/
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 23px;
    margin-bottom: 0;
}

.post_1_left_top h3 {
    color: #2a2f43;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
}

.post_1_right_top h3 {
    color: #2a2f43;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
}

.vizual_1_left_top h3 {
    color: #2a2f43;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
}

.vizual_1_right_top h3 {
    color: #2a2f43;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 10px;
}

.impact_1_center_top h3 {
    color: #2a2f43;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
}

.vizual_2_center_top h3 {
    color: #2a2f43;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
}

.fani_2_left_top h3 {
    color: #2a2f43;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #b8bcc1;
    padding-bottom: 10px;
}

.fani_2_right_top h3 {
    color: #2a2f43;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #b8bcc1;
    padding-bottom: 10px;
}

.fani_1_right_top h3 {
    color: #2a2f43;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #b8bcc1;
    padding-bottom: 10px;
}

.fani_3_left_top h3 {
    color: #2a2f43;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #b8bcc1;
    padding-bottom: 10px;
}

.fani_4_left_top h3 {
    color: #2a2f43;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #b8bcc1;
    padding-bottom: 10px;
}

.fani_4_right_top h3 {
    color: #2a2f43;
    font-size: 14px;
    font-weight: bold;
    margin-left: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 0;
    border-bottom: 1px solid #b8bcc1;
    padding-bottom: 10px;
}

.fani_1_left_top .fani_1_left_top_buttons {
    float: right;
    margin-right: 10px;
}

.fani_1_left_top .fani_1_left_top_buttons button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cad1d8;
    float: left;
    margin-top: 10px;
    padding: 10px 20px;
    border-collapse: collapse;
    margin-right: -1px;
}

.fani_1_left_top .fani_1_left_top_buttons button.active,
.fani_1_left_top .fani_1_left_top_buttons button:hover {
    background: #e8edf2 none repeat scroll 0 0;
    border: 1px solid #cad1d8;
}

.vizual_2_center_top_buttons button:first-of-type,
.impact_1_center_top_buttons button:first-of-type,
.fani_1_left_top_buttons button:first-of-type {
    border-radius: 2px 0 0 2px;
}
.vizual_2_center_top_buttons  button:last-of-type,
.impact_1_center_top_buttons button:last-of-type,
.fani_1_left_top_buttons button:last-of-type {
    border-radius: 0 2px 2px 0;
}

.impact_1_center_top .impact_1_center_top_buttons {
    float: right;
    margin-right: 10px;
}

.impact_1_center_top .impact_1_center_top_buttons button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cad1d8;
    float: left;
    margin-top: 10px;
    padding: 10px 20px;
    border-collapse: collapse;
    margin-right: -1px;
}

.impact_1_center_top .impact_1_center_top_buttons button.active,
.impact_1_center_top .impact_1_center_top_buttons button:hover {
    background: #e8edf2 none repeat scroll 0 0;
    border: 1px solid #cad1d8;
}

.vizual_2_center_top .vizual_2_center_top_buttons {
    float: right;
    margin-right: 10px;
}

.vizual_2_center_top .vizual_2_center_top_buttons button {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cad1d8;
    float: left;
    margin-top: 10px;
    padding: 10px 20px;
    border-collapse: collapse;
    margin-right: -1px;
}

.vizual_2_center_top .vizual_2_center_top_buttons button.active,
.vizual_2_center_top .vizual_2_center_top_buttons button:hover {
    background: #e8edf2 none repeat scroll 0 0;
    border: 1px solid #cad1d8;
}

#container_map .loading {
    height: 400px;
    width: 100%;
    text-align: center;
    line-height: 400px;
}

.gauge_m_container {
    width: 65%;
    display: inline-block;
    vertical-align: top;
}

.figure_m {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.gauge_f_container {
    width: 65%;
    display: inline-block;
    vertical-align: top;
}

.figure_f {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.title_gender {
    width: 100%;
    height: 30px;
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}

.title_gender p {
    font-size: 14px;
    font-weight: bold;
    color: #92969c;
}

.like_gender_male .gauge_m {
    width: 66%;
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
}

.like_gender_male .figure_m {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin-top: 46px;
}

.like_gender_female .gauge_f {
    width: 66%;
    display: inline-block;
    vertical-align: top;
}

.like_gender_female .figure_f {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin-top: 17px;
}

.fani_3_left {
    width: 50%;
    float: left;
}

.fani_3_center {
    width: 50%;
    float: left;
}

.fani_3_right {
    width: 50%;
    float: left;
}

.fani_4_left {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.fani_4_right {
    width: 100%;
    float: left;
}

.list_conturis {
    padding: 10px 15px;
    box-sizing: border-box;
    /*display: flow-root;*/
}

.list_conturis li {
    width: 31%;
    display: block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #dbe0e5;
    margin: 0 1%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

.list_conturis li div {
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.flag_conturies {
    /*padding-top: 5px;*/
    box-sizing: border-box;
    height: 35px;
    margin-right: 7px;
    padding-top: 10px;
    transform: scale(.85);
    margin-top: 4px;
}

.number_conturies,
.rate_conturies {
    float: right !important;
}
.number_conturies {
    padding: 0 8px;
}
.rate_conturies {
    color: #1992ba;
    min-width: 30px;
    text-align: right;
    padding: 0;
}

.rate_conturies .fa-caret-down,
.rate_conturies.rate-down {
    color: #c1544e;
}

.rate_conturies i {
    margin-left: 5px;
}

.name_conturies {
    font-size: 14px;
    font-weight: bold;
}

.circle_source_container .circle_1 {
    background: #1992ba;
    color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 100px;
}

.circle_source_container .circle_2 {
    background: #1992ba;
    color: #fff;
    width: 95%;
    height: 95%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 95px;
}

.circle_source_container .circle_3 {
    background: #1992ba;
    color: #fff;
    width: 90%;
    height: 90%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 90px;
}

.circle_source_container .circle_4 {
    background: #1992ba;
    color: #fff;
    width: 85%;
    height: 85%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 85px;
}

.circle_source_container .circle_5 {
    background: #1992ba;
    color: #fff;
    width: 80%;
    height: 80%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 80px;
}

.circle_source_container .circle_6 {
    background: #1992ba;
    color: #fff;
    width: 75%;
    height: 75%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 75px;
}

.circle_source_container .circle_7 {
    background: #1992ba;
    color: #fff;
    width: 70%;
    height: 70%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 70px;
}

.circle_source_container .circle_8 {
    background: #1992ba;
    color: #fff;
    width: 65%;
    height: 65%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 65px;
}

.circle_source_container .circle_9 {
    background: #1992ba;
    color: #fff;
    width: 60%;
    height: 60%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 60px;
}

.circle_source_container .circle_10 {
    background: #1992ba;
    color: #fff;
    width: 55%;
    height: 55%;
    border-radius: 100%;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    line-height: 60px;
}

.circle_source_container {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 16px;
    font-weight: bold;
    margin: auto;

}

.circle_source_title {
    margin-top: 10px;
}

/*.source_circle {
    justify-content: space-between;
}
.source_circle li {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 5px;
    padding-top: 30px;
}*/

.post_2_statistic_title h3 {
    color: #2a2f43;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    margin: 50px auto 10px;
}

.post_2_statistic_title h3 span {
    position: relative;
    display: inline-block;
    margin: 0 auto 0 26px;
}

.post_2_statistic_title p {
    color: #868686;
    text-align: center;
    font-size: 12px;
    margin-bottom: 20px;
}

.prc {
    position: relative;
    top: 0;
    width: 70px;
    height: 35px;
    background-color: #ddd;
    border-radius: 70px 70px 0 0;
}

.prc span {
    position: relative;
    top: 12px;
}

.impact_pie {
    width: 25%;
    float: left;
    text-align: center;
}

.orase_tari li {
    width: 100%;
}

.impact_pies {
    margin-top: 40px;
}

.impact_pies h3 {
    text-transform: uppercase;
    font-size: 16px;
    color: #2a2f43;
    margin-bottom: 5px;
}

.impact_pies p {
    text-transform: uppercase;
    font-size: 12px;
    color: #92969c;
    font-weight: bold;
}

.vizual_1_left_left {
    float: left;
    width: 30%;
}

.vizual_1_left_right {
    float: left;
    width: 30%;
}

.vizual_1_left_left,
.vizual_1_left_right {
    margin-top: 30px;
}

.vizual_1_left_left_pie {
    float: left;
    width: 100%;
    text-align: center;
}

.vizual_1_left_left_pie p {
    font-size: 16px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: bold;
}

.number_people_m {
    float: left;
    width: 40%;
    text-align: center;
}

.number_people_m p {
    color: #92969c;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 18px;
    margin-top: 50px;
}

.vizual_2_period_block {
    float: left;
    width: 25%;
}

.vizual_2_period_block_inter {
    margin: 10px;
    border: 1px solid #e8edf2;
    text-align: center;
    overflow: hidden;
}

.vizual_2_period_block_inter h3 {
    color: #2a2f43;
    font-size: 14px;
    text-transform: uppercase;
}

.vizual_2_period_block_inter p {
    color: #92969c;
    font-size: 18px;
}

.vizual_2_period_block_inter i {
    margin-left: 10px;
    color: #47a8c8;
}

.interactiun_smile {
    padding: 25px 0 5px 15px;
}

.interactiun_smile li {
    float: left;
    width: 16.6666%;
}

.smile_bl {
    vertical-align: middle;
    display: flex;
    ext-align: center;
    align-items: center;
    justify-content: center;
}

.smile_bl span {
    line-height: 34px;
    margin-left: 7px;
    max-width: 60px;
    max-height: 34px;
}

.metrix_left,
.metrix_center,
.metrix_right {
    float: left;
    width: 33%;
    box-sizing: border-box;
    padding: 20px 30px;
}

.metrix_list h3 {
    text-transform: uppercase;
    font-size: 16px;
    border-bottom: 1px solid #e8edf2;
    color: #3c425a;
    padding-bottom: 5px;
    margin: 10px 0;
}

.metrix_list i {
    color: #1992ba;
    margin-right: 10px;
}

.metrix_list li {
    color: #3c425a;
    margin-bottom: 30px;
}

.margin_top_20 {
    margin-top: 40px;
}

.block_graph_st.margin_top_20 {
    margin-top: 0;
}

.block_stattistic .lighten-3 {
    text-transform: uppercase;
    color: #2a2f43;
    font-size: 22px;
    font-weight: normal;
    display: contents;

    font-family: "Helvetica Neue", Helvetica, sans-serif;
    text-shadow: 0 0 0 transparent !important;
}

.block_stattistic .lighten-3 i {
    margin-right: 10px;
}

.menu_scroll_statistic {
    /*border-bottom:1px solid #e8edf2;*/
    /*height: 49px;*/
    padding-top: 0;
    background-color: #1992ba;
    border-radius: 2px;
    position: relative;
    max-height: 54px;
}

.menu_scroll_statistic.stickydiv {
    position: fixed;
    top: 0;
    left: 220px;
    right: 0;
    z-index: 998;
    margin-top: 0;
    /*width: calc(100% - 300px);*/
    box-shadow: 0 0 10px -3px #000 !important;
}

.toggled-2 .menu_scroll_statistic.stickydiv {
    /*width: calc(100% - 136px);*/
    left: 56px;
}

section {
    position: relative;
}

.for_menu_scroll {
    height: 40px;
    position: absolute;
    width: 100%;
    top: -40px;
}

.edgerank_1 {
    text-align: right;
    margin: 35px 0 10px;
}

.edgerank_1 i {
    color: #f34739;
    font-size: 18px;
    margin-right: 10px;
}

.edgerank_1 span {
    color: #2c2e43;
    font-size: 28px;
    font-weight: bold;
    font-family: sans-serif;
    /*font-weight:bold;*/
}

.edgerank_2 {
    color: #2c2e43;
    font-weight: bold;
    text-align: right;
    font-size: 14px;
}

.fani_3_left_center {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.temporar_buttons_edit {
    text-align: center;
}

.temporar_buttons_edit button {
    padding: 10px;
    border: 1px solid #ccc;
    width: 200px;
    background: #f0f0f0;

}

.temporar_buttons_edit button:hover {
    background: #fff;
}

.foto_list_edit {
    border: 1px solid #d7d7d7;
    height: 30px;
    margin: 0 auto 0;
    padding-top: 15px;
    width: 99.7%;
}

.foto_list_edit_single {
    height: 30px;
    float: left;
    width: 50%;
}

.foto_list_edit_single input {
    height: auto;
    float: left;
    width: auto;
}

.foto_list_edit_single label {
    padding-top: 5px !important;
    color: #000;
}

.post_type_photo select {
    width: 100%;
    box-sizing: border-box;
    padding: 7px 10px;
    border: 1px solid #d7d7d7;
    margin-bottom: 10px;
}

.post_information .text_description {
    margin-top: 10px;
    /* height: 65px;*/
}

.post_information .text_description_select {
    margin-top: 10px;
    height: 35px;
}

.post_information .text_description textarea {
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    padding: 10px;
    resize: vertical;
    /* width: 99%;*/
}

.post_information .text_description select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d7d7d7;
    border-radius: 0;
    box-sizing: border-box;
    height: 40px;
    padding: 10px;
}

.post_information input {
    margin: 0;
    width: 550px;
}

.post_information label {
    box-sizing: border-box;
    color: #555;
    display: block;
    font-family: Proxima, serif;
    font-size: 12px;
    line-height: 35px;
    padding-right: 10px;
    text-align: right;
    width: 20%;

}

.post_information input,
.post_information textarea,
.post_information select {
    width: 80%;
    text-align: left;
    display: block;

    font-family: proxima, serif;
    padding: 5px 10px;
    box-sizing: border-box;
}

.post_information label,
.post_information input {
    float: left;
}

.post_information div {
    display: block;
    margin-bottom: 10px;
    min-height: 30px;
}

.add_img_redact {
    display: block;
    margin-top: 137px;
    text-align: center;
}

.add_img_redact a {
    background: #1992ba none repeat scroll 0 0;
    color: #fff !important;
    font-family: Arial, serif;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto 10px;
    padding: 20px 60px;
    position: relative;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 200px;
}

.add_img_redact i {
    font-size: 14px;
    margin-right: 10px;
}

.add_img_redact p {
    color: #fff !important;
    margin-top: 110px;
}

form.form-horizontal {
    margin-top: 30px;
}

em.message {
    margin-top: 10px;
}

form.form-horizontal div.form-group textarea {
    resize: none;
}

.pull-rightt {
    display: block;
    text-align: right;
    width: 100%;
}

.text_link_container {
    height: 40px;
}

.img_list_uplad li {
    float: left;
    width: 33.3333333333333%;
    position: relative;
}

.img_list_uplad li a {
    display: block;
    height: 100%;
    line-height: 200px;
}

.img_list_uplad li a.delete_picture {
    display: block;
    height: 20px;
    line-height: 0;
}

.img_list_uplad li img {
    width: auto;
    /*height:120px;*/
}

.button_show_more_album {
    background-color: #1992ba;
    border: 1px solid #07c;
    box-shadow: 0 1px 0 #66bfff inset;
    color: #fff;
    font-family: Arial, serif;
    font-size: 14px;
    /*font-weight: bold;*/
    margin: 10px auto;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
    width: 49.7%;
}

/*
.instrument_popap_redact_inter {
	background:#1992ba !important;
	    color: #fff !important;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto 10px;
    padding: 10px 0;
    position: relative;
    text-transform: uppercase;
	width: 49.7%;
}*/

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
     .button_show_more_album {
        padding: 10px 70px;
     }
}*/

.button_show_more_album:hover {
    background: #0c81a8;
}

.tab_redact_karusel li.ui-state-default {
    border: 1px solid #d7d7d7 !important;
    margin-bottom: 0;
    margin-right: 5px;
}

.tab_redact_karusel li.li_add_carusel_item {
    border: 1px solid #d7d7d7 !important;
    margin-bottom: 0;
    margin-right: 5px;
}

.tab_redact_karusel li.li_add_carusel_item a {
    display: block;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
}

.tab_redact_karusel li.ui-tabs-active {
    border: 1px solid #33bbe5 !important;
    margin-bottom: 0;
}

.tab_redact_karusel .ui-tabs-nav {
    border: 0 solid #33bbe5;
    margin-bottom: 0;
}

.tab_redact_karusel .ui-tabs-anchor {
    padding: 10px 15px;
}

.carusel_tab {
    margin-top: 20px;
}

.carusel_container {
    box-sizing: border-box;
    padding: 10px 15px;
    background: #f6f7f9;
    border: 1px solid #dfe0e4;
    margin-top: 10px;
    text-align: left;
}

.carusel_container_image {
    float: left;
    width: 50%;
}

.carusel_container_quest {
    float: left;
    width: 50%;
}

.carusel_container_image h3 {
    color: #90949c;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 0;
    text-transform: uppercase;
    float: left;

}

.carusel_container_image i {
    font-size: 17px;
    margin-left: 10px;
    float: left;
    color: #bec2c9;
}

.carusel_container_image button {
    background: #fff none repeat scroll 0 0 !important;
    border: 2px solid #d7d7d7 !important;
    color: #4b4f56 !important;
    box-shadow: none;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 16px;

    margin: 5px 0 0;
    padding: 10px 32px;
    border-radius: 2px;
    font-weight: bold;
}

.carusel_container_image button:hover {
    background: #f6f7f9 !important;
}

.carusel_container_quest h4 {
    color: #90949c;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 10px;
    text-transform: uppercase;
}

.carusel_container_quest p {
    color: #90949c;
    font-size: 15px;
    font-weight: bold;
    margin: 30px 0 30px;
    text-transform: uppercase;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
}

.carusel_container_quest a {
    color: #365899 !important;
}

.carusel_container_quest ul {
    margin-left: 10px;

}

.carusel_container_quest li {
    margin: 10px 0;
    list-style: circle;
}

.carusel_container_quest li b {
    font-weight: bold;
}

.carusel_container_input_head {
    box-sizing: border-box;
    color: #555;
    display: block;
    font-family: Proxima, serif;
    font-size: 11px;
    line-height: 37px;
    padding-right: 10px;
    text-align: right;
    width: 20%;
}

.carusel_container_input_head p {
    color: #90949c;
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.carusel_container_input_head i {
    color: #bec2c9;
    float: left;
    font-size: 17px;
    margin-left: 10px;
}

.carusel_container_input {
    height: 40px;
}

.carusel_container_input input {
    display: block;
    text-align: left;
    width: 70%;
}

.carusel_container_input_head,
.carusel_container_input input {
    float: left;
}

.character-counter {
    color: #90949c;
    font-family: proxima, serif;
    font-size: 12px;
    margin-left: 5px;
}

.container_image_carusel {
    float: right;
    text-align: center;
}

.container_image_carusel p {
    border-bottom: 0 none;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0 0;
    padding-bottom: 0;
}

.container_image_carusel img {
    width: 200px;
    max-height: 150px;
    /*margin-right:10px;*/
}

.carusel_container_inputs {
    margin-top: 20px;
}

.delete_carusel a {
    color: #d7260e !important;
    display: block;
    margin: 10px auto;
}

.delete_carusel i {
    margin-right: 5px;
}

.container_image_carusel_inter {
    width: 200px;
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.container_image_carusel_inter a {
    color: #fff !important;
}

.container_image_carusel_inter:hover .img_popap_redact_hover_sub {
    opacity: 1;
}

.img_popap_redact {
    width: 100% !important;
}

.img_list_uplad li {
    height: 120px;
    display: none;
}

.img_list_uplad li:first-child {
    width: 100%;
    height: 324px;
}

.img_list_uplad li:first-child img {
    height: 100%;
    max-width: 100%;
}

.img_list_uplad li img {
    max-height: 100%;
    max-width: 100%;
}

.img_list_uplad li:nth-child(1),
.img_list_uplad li:nth-child(2),
.img_list_uplad li:nth-child(3),
.img_list_uplad li:nth-child(4) {
    display: inline-block;
}

.img_list_uplad li:nth-child(2),
.img_list_uplad li:nth-child(3),
.img_list_uplad li:nth-child(4) {
    height: 120px;
    line-height: 120px;
}

.img_list_uplad {
    background: transparent url("/img/default_img.png") no-repeat scroll center center;
    min-height: 324px;
    position: relative;
}

.container_add_edit_repartizare {
    position: relative;
}

.img_list_uplad ul {
    position: relative;
    z-index: 9999;
}

.button_upload_one_pic {
    left: 226px;
    position: absolute;
    top: 220px;

}

/*
.img_list_uplad li:last-child{
 clear:both;
}*/

.instrument_popap_redact_width::before {
    background-color: #1992ba;
    border: 1px solid #07c;
    box-shadow: 0 1px 0 #66bfff inset;
    color: #fff;
    content: "+ ADD IMAGE";
    cursor: pointer;
    display: block;
    font-size: 10pt;
    left: 0;
    margin: 10px 0;
    outline: medium none;
    padding: 10px 0;
    position: absolute;
    right: 0;
    text-align: center;
    white-space: nowrap;
}

.setari_list {
    margin: 0 auto;
    width: 80%;
}

.setari_list_title {
    height: 50px;
    border-bottom: 1px solid #ccc;
}

.setari_list_title h3 {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    float: left;
    margin: 0;
    line-height: 50px;
}

.setari_list_title .setari_notificari_icon {

    float: right;
}

.setari_list_title .setari_notificari_icon i {
    color: #afafaf;
    font-size: 25px;
    margin: 0;

}

.setari_list_title .setari_notificari_icon span {
    color: #afafaf;
    font-size: 12px;
    margin: 0;
}

.setari_list ul {
    display: block;
}

.setari_list li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e8edf2;
}

.setari_list span {
    float: left;
    color: #555;
    font-size: 14px;
}

.toggles_email {
    float: right;
    height: 20px;
    margin-top: 12px;
    padding: 0;
}

.toggles_email input {
    height: 0;
    left: -33px;
    position: relative;
    top: 33px;
}

.delete_profil {
    color: #999 !important;
    float: left;
    padding: 10px 20px !important;
    background: #fff !important;
}

.delete_profil:hover {
    color: #555 !important;
    background: #fff;
}

.confirmare_1 {
    font-size: 18px;
    margin: 20px 0 10px;
    color: #555;
}

.confirmare_2 {
    font-size: 14px;
    margin: 10px 0 20px;
    color: #999;
}

.fc-toolbar .fc-right .fc-button-group a {
    padding: 0 20px 0 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.fc-toolbar .fc-right .fc-button-group a:hover {
    background: #e8edf2;
}

.fc-toolbar .fc-right .fc-button-group a.fc-state-active {
    background: #007eb2;
}

.create_tour_mediaplan_container {
    width: 1000px;
    margin: 0 auto;
}

.progressbar {
    margin: 0;
    padding: 0;
    counter-reset: step;
}

.progressbar li {
    list-style-type: none;
    width: 20%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #7d7d7d;
}

.progressbar li a {
    color: #6f6f6f;

}

.progressbar li:before {
    width: 50px;
    height: 50px;
    content: counter(step);
    counter-increment: step;
    line-height: 47px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
    font-size: 18px;
}

.progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 23px;
    left: -50%;
    z-index: -1;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active {
    color: green;
}

.progressbar li.active:before {
    border-color: #33bbe5;
    background: #33bbe5;
    color: #fff;
}

.progressbar li.active + li:after {
    background-color: #33bbe5;
}

.pagination_top {
    display: block;
    padding-top: 20px;
}

.create_mediaplan_cell {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 10px;
}

.create_mediaplan_cell_inter h1 {
    font-size: 40px;
    margin: 5px 0 0;
    color: #3f3f3f;
}

.create_mediaplan_cell_inter h3 {
    font-size: 14px;
    margin: 0 0 5px;
    color: #63656d;
    font-weight: normal;
    text-transform: uppercase;
}

.bebas {
    font-family: bebas, serif;
}

.create_mediaplan_cell_inter {
    text-align: center;
}

.create_mediaplan_cell_inter img {
    height: 240px
}

.center_next_2 {
    /* margin-top: 30px;*/
    padding: 15px 15px;
}

.center_next_2 {
    background: #edf1f4;
    width: 100%;
}

.center_next_2 a {
    background: #33bbe5 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-transform: uppercase;
    width: 200px;
}

.help_text_next {
    color: #727d8b;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    width: 93%;
}

.help_icon_next {
    display: inline-block;
    color: #727d8b;
    float: left;
    font-size: 18px;
    height: 60px;
    line-height: 20px;
    text-align: left;
    width: 20px;
    vertical-align: top;
}

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

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

.coll-md-1,
.coll-md-10,
.coll-md-11,
.coll-md-12,
.coll-md-2,
.coll-md-3,
.coll-md-4,
.coll-md-5,
.coll-md-6,
.coll-md-7,
.coll-md-8,
.coll-md-9 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    box-sizing: border-box;
}

.create_first_input {
    width: 400px;
}

.tab_first_input {
    width: 400px !important;
    float: left !important;
}

.tab_first_tab {
    width: 550px;
    margin: 10px auto 0;
}

.tab_first_tab .ui-tabs-nav li.ui-tabs-active {
    border: 0 !important;
}

.tab_first_tab .ui-tabs-nav li.ui-tabs-active a {
    color: #fff;
    background: #33bbe5 !important;
}

.tab_first_tab .ui-tabs-nav li.ui-tabs-active a p {
    background: #33bbe5;
}

.tab_first_tab .chart_media_input_add {
    text-align: left;
    margin-left: 10px;
    line-height: 20px;
}

/*
.tab_first_tab .chart_media_input_add{
	width:50%;
}
.tab_first_tab .chart_media_total_posts{
	width:50%;
}*/

.decsriptio_firs_input {
    border-collapse: collapse;
    height: 20px;
    line-height: 20px;
    margin: 0 auto;
    width: 552px;
    border-right: 1px solid #cdd1d6;
    margin-top: 15px;
    margin-bottom: 15px;
}

.decsriptio_firs_input li.decsriptio_firs_input_categoria {
    width: 150px;
    float: left;
}

.decsriptio_firs_input li.decsriptio_firs_input_numar {
    width: 146px;
    float: left;
}

.decsriptio_firs_input li.decsriptio_firs_input_tipul {
    width: 170px;
    float: left;
}

.decsriptio_firs_input li.decsriptio_firs_input_culoare {
    width: 82px;
    float: left;
}

.fc-month-button i {
    background-color: #bac3d0;
    -webkit-mask: url("/img/calendar_31.svg") no-repeat 50% 50%;
    mask: url("/img/calendar_31.svg") no-repeat 50% 50%;
    background-position: 20px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 20px auto !important;
    height: 38px;
    width: 17px;
    display: block;
    float: left;
    margin-right: 10px;

}

.fc-agendaWeek-button i {
    background-color: #bac3d0;
    -webkit-mask: url("/img/calendar_7.svg") no-repeat 50% 50%;
    mask: url("/img/calendar_7.svg") no-repeat 50% 50%;
    background-position: 20px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 20px auto !important;
    height: 40px;
    width: 17px;
    display: block;
    float: left;
    margin-right: 10px;
}

/*
.fc-listWeek-button i {
    background-color: #bac3d0  !important;
	-webkit-mask:  url("/img/calendar_list.svg") no-repeat 50% 50%;
    mask: url("/img/calendar_list.svg") no-repeat 50% 50%;
    background-position: 20px 9px !important;
    background-repeat: no-repeat !important;
    background-size: 20px auto !important;
	height:40px;
	width:23px;
    display: block;
    float: left;
    margin-right: 10px;
}*/

.fc-listWeek-button i {
    background-color: transparent !important;
    color: #fff;
    margin-right: 10px;
}

/*
.fc-month-button.fc-state-active  i{
    background-color: #fff  !important;
}
.fc-agendaWeek-button.fc-state-active i {
    background-color: #fff  !important;
}
.fc-listWeek-button.fc-state-active i {
    background-color: #fff  !important;
}*/

/*
.fc-month-button.fc-state-active {
	background-position:3px -63px !important;
}
.fc-agendaWeek-button.fc-state-active {
	background-position:3px -63px !important;
}
.fc-listWeek-button.fc-state-active {
	background-position:3px -63px !important;
}*/

.decsriptio_firs_input span {
    border-left: 1px solid #cdd1d6;
    display: block;
    width: 100%;
}

.chartContainer-media-create {
    width: 330px;
}

.chart_media_plus_legend_create {
    width: 350px !important;
    margin: 0 auto !important;
    float: none !important;
    height: 250px !important;
    position: relative !important;
}

.chart_media_plus_legend_create .total_posts_inchart {
    position: absolute;
    margin-left: 0;
    width: 335px;
    margin-top: 105px;
}

.create_mediaplan_cell .cs_div {
    margin: 0 auto 50px;
}

.success_button button {
    background: #33bbe5 none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-transform: uppercase;
    width: 200px;
}

.sweet-alert button.cancel {
    background-color: #C1C1C1 !important;
}

.sweet-alert button.confirm {
    background: #DD6B55
}

.svg_list {
    height: 19px;
    margin-right: 5px;
    margin-top: 10px;
    position: relative;
    width: 19px;
}

.fc-state-default img {
    fill: #94d31b;
}

.table_mediaplan_create_scroll {
    height: 298px;
    overflow-x: hidden;
    overflow-y: scroll;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.block_save_mediaplan_create {
    margin-bottom: 10px;
}

.block_save_mediaplan_create input {
    width: 783px;
    margin-left: 0;
}

.publica_button_list {
    float: left;
}

.publica_button_list button {
    height: 37px !important;
    border: 0;
    background: #3b5998;
    color: #fff;
}

.publica_button_list button i {
    background: transparent !important;
}

.setingss_link {
    background: transparent;
    color: #33bbe5;
}

.setingss_link i {
    margin-right: 5px;
}

/*
.title-card-text .badge {
	padding-top:2px;
}
*/

.link_to_brand {
}

.setings_top_menu {
    float: right !important;
    margin-right: 15px;
}

.setings_top_menu a {
    color: #fff;
    display: block;
    font-family: Helvetica, serif;
    height: 70px;
    min-width: 96px;
    text-align: center;

}

.setings_top_menu a i {
    color: #fff;
    display: block;
    font-size: 20px;
    padding: 9px 4px;
    position: relative !important;
}

.setings_top_menu_icon {

    margin-right: 5px;
}

.user_subb_menu {
    margin-right: 28px;
}

.setings_top_menu_icon a {
    color: #fff;
    display: block;
    font-family: 'Helvetica', serif;
    height: 20px;
    min-width: 70px;
    text-align: center;

}

.setings_top_menu_icon a i {
    color: #fff;
    display: block;
    font-size: 24px;
    padding: 22px 4px 5px;
    position: relative !important;
}

.result_winner_right {
    text-align: center;
}

.link_update a {
    border: 1px dashed #ccc;
    color: #33bbe5;
    display: block;
    float: left;
    font-size: 14px;
    margin: 10px 0;
    padding: 8px 15px;
}

.go_to_profile {
    display: block;
    background: #33bbe5 none repeat scroll 0 0;
    width: 100%;
    margin-top: 5px;
    padding: 10px 0;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;

}

.go_to_profile:hover {
    background: #148e76;
}

.b_404 {
    padding-top: 100px;
}

.number_404 {
    height: 150px;
    line-height: 150px;
    width: 150px;
    font-size: 40px;
    border-radius: 50%;
    border: 1px solid #ccc;
    color: #33bbe5;
    text-align: center;
    margin: 0 auto;
    display: block;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.08), 0 1px 5px 0 rgba(0, 0, 0, 0.08);

}

.title_404 {
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    margin-top: 50px;
    color: #a7b1c1;
}

.links_404 {
    text-align: center;
    margin-top: 50px;
    font-size: 14px;
}

.droopp .wrapper {
    display: inline-block;
    width: 180px;
    margin: 0 10px 0 0;
    height: 20px;
    position: relative;
}

.droopp .parent {

    width: 100%;
    display: block;
    cursor: pointer;
    line-height: 49px;
    height: 49px;

    border: 0 solid #AAA;

    font-size: 14px;
    z-index: 2;
    position: relative;
    -webkit-transition: border-radius .1s linear, background .1s linear, z-index 0s linear;
    -webkit-transition-delay: .8s;
    text-align: center;
}

.droopp a:hover {
    color: #1b7694 !important;

}

.droopp .parent:hover,
.droopp .content:hover ~ .parent {
    /*  background: #fff;*/
    -webkit-transition-delay: 0s, 0s, 0s;
}

.droopp .content:hover ~ .parent {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    z-index: 0;
}

.droopp .content {
    position: absolute;
    top: 0;
    display: block;
    z-index: 1;
    height: 0;
    width: 350px;
    left: -160px;
    padding-top: 49px;
    -webkit-transition: height .5s ease;
    -webkit-transition-delay: .4s;
    /* border: 1px solid #777;*/
    /*border-radius: 5px;*/
    /* box-shadow: 0 1px 2px rgba(0,0,0,.4);*/
}

.droopp .content img {
    float: left;
    margin-right: 5px;
}

.droopp .wrapper:active .content {
    height: 123px;
    z-index: 3;
    -webkit-transition-delay: 0s;
}

.droopp .content:hover {
    height: auto;
    z-index: 3;
    -webkit-transition-delay: 0s;
}

.droopp .content ul {
    background: #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 100%;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.droopp .content ul a {
    text-decoration: none;
    display: block;
}

.droopp .content ul a span {
    padding-top: 15px;
    display: block;
    color: #000;
}

.droopp .content li:hover {

    color: #333;
}

.droopp .content li {
    list-style: none;
    text-align: left;
    color: #888;
    font-size: 14px;
    /*line-height: 45px; */
    /*height: 45px;*/
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.droopp .content li:last-of-type {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.button_stat_otions {
    color: #000 !important;
    font-size: 12px !important;
    height: 40px;
    padding: 15px 16px !important;
    width: 100%;
    text-align: left;
}

.button_stat_otions:hover {
    background: #fff;
}

.dialog_select_grfic_stat .check_icon_apruv {
    height: 55px !important;
}

.table_color_circular {
    width: 100%;
    font-size: 13px;
}

.table_color_circular th,
.table_color_circular td {
    border-bottom: 1px solid #dddddd;
}

.table_color_circular td {
    /*width: 30%;*/

}

.table_color_circular tr > td:nth-last-child(2) {
    width: 200px;
}

.table_color_circular tr > td:last-child {
    width: 260px;
    text-align: right;
}
.table_color_circular tr:not(:first-of-type) > th {
    font-size: 14px;
}

.color_center {
    text-align: center;
}

.prev_tex_dialog {
    margin: 15px 0;
    text-align: center;
}

.color_center {
    background-repeat: no-repeat;
    background-position: 50%;
}

.change_coll {
    color: transparent !important;
    margin-right: 5px;
}

.archive h3 {
    font-size: 24px;
    text-align: center;
    margin-top: 20px;
}

.table_color_circular input[id*="valueInput_"] {
    padding: 7px 9px;
    border: 1px solid #ddd;
}

/*
.container_popap_color {
	max-height:305px;
    overflow: hidden;
    overflow-y: auto;
}*/

.comentariu_statistic {
    border: 1px solid #dde5ec;
    font-family: Helvetica, Arial, sans-serif;
    margin: 20px auto;
    width: 100%;
    display: block;
    padding: 10px;
    min-height: 200px;
    max-height: 500px;
}

.button_lasa_comment_stat_active {
    background: #1992ba none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 0 auto 15px;
    text-transform: uppercase;
    float: none;
    border: 1px solid #1992ba;
    padding: 0 40px;
    border-radius: 2px;
}

.button_lasa_comment_stat_active:hover {
    background: #026383;
    color: #fff;
}

.button_lasa_comment_stat_active:focus {
    color: #fff;
}

.button_lasa_comment_stat:focus {
    color: #ccc;
}

.button_lasa_comment_stat {
    background: #fff none repeat scroll 0 0;
    color: #666;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0 40px;
    margin: 0 auto 15px;
    text-transform: uppercase;
    float: none;
    border: 1px dashed #ccc;
    border-radius: 2px;
}

.comment_stattistic a {
    float: none;
    display: inline-block;
    margin-right: 10px;
}

.btn_com_stat {
    text-align: center;
}

[class*="button_lasa_comment_stat"] > .fa {
    font-size: 16px;
    margin-right: 8px;
}

.button_lasa_comment_stat:hover {
    background: #1b7694 none repeat scroll 0 0;
    color: #999;
}

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 100px;
    display: none;
    text-indent: -9999px;
    background: #3fc3ee;

}

.menu_topp {
    text-align: center;
}

ul.menu_topp > li {
    float: left;
    position: relative;
}

ul.menu_topp > li > a {
    display: block;
    padding-top: 5px !important;
    color: white;
    /*background-color: red;*/
    text-decoration: none;
}

ul.menu_topp > li > a:hover {
    background-color: #f0f4f8;
    color: #fff;
}

ul.submenu {
    display: none;
    position: absolute;
    width: 193px;
    top: 70px;
    left: 0;
    background-color: white;
    border: 1px solid #ccc;
    z-index: 1
}

ul.submenu > li {
    display: block;
    text-align: left !important;
}

ul.submenu > li > a {
    display: block;
    padding: 5px 10px;
    color: #000;
    text-decoration: none;
    text-align: left !important;
    height: 38px !important;
}

ul.submenu > li > a:hover {
}

ul.menu_topp > li:hover > ul.submenu {
    display: block;
}

.menu_top_parrent {
    height: 70px !important;
    padding: 0 15px !important;
}

.menu_topp .submenu li {
    width: 100%;
}

.menu_topp .submenu li:hover {
    background: #f0f4f8;
}

.menu_top_parrent img {
    width: 40px;
    border-radius: 100%;
    border: 1px solid #95a5a6;
    margin-top: 14px;
}

.menu_top_parrent span {
    display: block;
}

.submenu a i {
    color: #ccc;
    display: inline-block;
    font-size: 18px;
    padding: 5px 4px;
    position: relative;
}

.user_subb_menu .submenu {
    left: -110px
}

.user_subb_menu .submenu i {
    float: left;
}

.user_subb_menu .submenu span {
    line-height: 29px;
    float: left;
    margin-left: 5px;
}

.hidden-menu {
    display: block !important;
    position: fixed;
    list-style: none;
    padding: 10px;
    margin: 0;
    box-sizing: border-box;
    min-width: 250px;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 3px #afb6d1;
    height: 100%;
    top: 80px;
    left: -245px;
    transition: left .2s;
    z-index: 2;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.hidden-menu-fixed {
    top: 0;
}

.hidden-menu-ticker {
    display: none;
}

.hidden {
    display: none;
}

.btn-menu {
    color: #fff;

    padding: 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    transition: left .23s;
    z-index: 3;
    width: 13px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}

.btn-menu span {
    display: block;
    height: 2px;
    background-color: #666;
    margin: 5px 0 0;
    transition: all .1s linear .23s;
    position: relative;
}

.btn-menu span.first {
    margin-top: 0;
}

.hidden-menu-ticker:checked ~ .btn-menu {
    left: 180px;
}

.hidden-menu-ticker:checked ~ .hidden-menu {
    left: 220px;
}

.hidden-menu-ticker:checked ~ .btn-menu span.first {
    -webkit-transform: rotate(45deg);
    top: 7px;
}

.hidden-menu-ticker:checked ~ .btn-menu span.second {
    opacity: 0;
}

.hidden-menu-ticker:checked ~ .btn-menu span.third {
    -webkit-transform: rotate(-45deg);
    top: 0;
}

.menu-v {
    float: right;

}

.block_name_avatar_leftmenu .name_left {
    text-indent: 0;

}

.menu-v ul {
    background: #fff none repeat scroll 0 0;
    display: none;
    height: 100vh;
    left: 220px;
    list-style: outside none none;
    margin: -55px 0 0;
    padding-left: 0;
    position: fixed;
    width: 250px;
    box-shadow: 0 0 3px #afb6d1;
}

.toggled-2 .menu-v {
    display: none;
}

.toggled-2 .name_left {
    height: 33px;
    overflow: hidden;
}

.menu-v .title-v {
    border-left: 1px solid #d4d9de;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 55px;
    line-height: 4px;
    padding-right: 0;
    text-indent: 4px;
    width: 30px;

}

.menu-v .title-v::before {
    color: #999;
    content: ">>";
    display: inline-block;
    font-family: Comic Sans MS, serif;
    margin-top: 25px;
    right: 0;
}

.menu-v.open-v .title-v::before {
    content: '<';
}

.menu-v.open-v ul {
    display: block !important;
}

.menu-v li {
}

.form-group-v {
    width: 100%;
}

.search_img img {
    width: 50px;
}

.search_img_td {
    width: 50px;
}

.form-control-search {
    background: #fff url("/img/s_icon.png") no-repeat scroll calc(100% - 15px) center;
    border-bottom: 1px solid #ccc;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0 none;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 50px 10px 10px;
    width: 100%;
    border-radius: 0;
    height: 40px;
    font-size: 13px;
}

.search_img {
    line-height: 0;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #dce8f3;
}

.ul_tabs_profile li {
    width: 25%;
    border-top: 1px solid transparent !important;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.ul_tabs_profile li.ui-tabs-active {

    border-top: 1px solid #e8edf2 !important;
    border-left: 1px solid #e8edf2;
    border-right: 1px solid #e8edf2;
}

.ul_tabs_profile li.ui-tabs-active a:hover {
    background: transparent;
}

.ul_tabs_profile li a {
    width: 100%;
    text-align: center;
    padding: 15px;
    outline: none;
    font-size: 14px;
}

.ul_tabs_profile li a:hover {
    background: #f4f5f6;
}

.profile_tab_container {
    /* padding:20px;*/
    /* min-height:500px;*/
}

.btn-file {
    position: relative;
    overflow: hidden;
    background: #fff;
    color: #2b3d50;
    /*border: 1px solid #d3d5dc;*/
    border-radius: 2px;
    /*padding-left: 0;
    padding-right: 0;*/
    text-overflow: ellipsis;
}

.btn-file:hover {
    background: #f4f5f6;
    color: #2b3d50;
    /*border: 1px solid #d3d5dc;*/
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
    min-width: 100%;
    min-height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
}

.avatar_profile_container {
    text-align: center;
}

.avatar_profile_container p {
    font-size: 14px;
    font-weight: 500;

    margin: 10px 0;
}

.avatar_profile_container img {
    max-width: 200px;
    width: 100%;
    /*border-radius:50%;*/
    border: 5px solid #fff;
    box-shadow: 0 0 6px -4px #000;
}

.avatar_agency_container{
    background: no-repeat center center;
    background-size: cover;
    background-clip: content-box;
    max-width: 200px;
    max-height: 200px;
    min-width: 170px;
    min-height: 170px;
    border: 1px solid #ddd;
    box-shadow: 0 0 6px -5px #000;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 15px;
    float: left;
}

.avatar_agency_container img {
    width: 100%;
}

.avatar_button_upload {
    margin-top: 40px;
}

.avatar_button_upload p {
    margin-top: 20px;
    color: #a6a6a6;
}

.agency_button_upload p {
    margin-top: 10px;
    color: #a6a6a6;
    font-size: 10px;
}

.input_profile_container {
    margin-top: 9px;
}

/*.input_profile_container .form-group {
    margin-bottom: 25px;
}*/

.input_profile_container span {
    font-size: 14px;
}

.input_profile_container label {
    font-size: 12px;
    margin-bottom: 0;
}

.form-control {
    outline: none;
}
.form-control {
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff !important;
    /* background-image: none;*/
    border: 1px solid #d3d5db;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    -webkit-transition: border-color ease-in-out .1s, -webkit-box-shadow ease-in-out .1s;
    -o-transition: border-color ease-in-out .1s, box-shadow ease-in-out .1s;
    transition: border-color ease-in-out .1s, box-shadow ease-in-out .1s;
}

.change_link {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    float: right;
}

.profile_tab_container_inter {
    padding: 15px 15px 0;
    min-height: 415px;
}

.buttons_profile {
    margin-top: 25px;
    padding: 10px 15px;
    /* background:#fafbfc;*/
    border-top: 1px solid #ebecf1;
}

.buttons_profile .btn {
    padding: 15px 30px;
}

.btn-kick {
    color: #fff !important;
    background-color: #33bbe5;
    border: 1px solid #33bbe5;
    text-transform: uppercase;

}

.btn-kick:hover {
    color: #fff;
    background-color: #27add7;
    border-color: #13856f;
}

.btn-link {
    color: #000;
}

.agency_container_icon {
    /* height:100px;*/
    width: 100px;
    text-align: center;
    margin-right: 10px;
    float: left;
}

.agency_container_icon img {
    border: 1px solid #eaeff3;

}

.plus {
    font-size: 45px;
}

.agency_bar_logos_top {
    /*position: absolute;*/
}

.agency_bar_logos_top div {
    float: right;
    margin-right: 15px;
}

.social-platform,
.agency_bar_logos {
    border-top: 1px solid #e8edf2;
}

.agency_bar_logos {
    padding-bottom: 10px;
}

.agency_bar_logos img {
    width: 100%;
}

.activeaza {
    background: #c6cbd0;
    color: #fff;
    width: 100%;
    margin-top: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.activat {
    background: #33bbe5;
    color: #fff;
    width: 100%;
    margin-top: 10px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.activat-block-agency img {
    border: 3px solid #33bbe5 !important;
}

.agency_container_icon img:hover {
    border: 1px solid #33bbe5 !important;
}

/*.agency_bar_logos div {
    padding-top: 3px;
}*/

.agency_bar_logos div .name_brand {
    font-size: 11px;
    margin-top: 10px;
    height: 21px;
    overflow: hidden;

}

.agency_block_profile {
    /*border:1px solid #e8edf2;
    margin:5px;*/
    position: relative;
}

.agency_block_profile h3 {
    margin: 0 -15px 20px;
    padding: 10px;
    font-size: 16px;
    padding-bottom: 20px;
    /*border-bottom: 1px solid #ddd;*/
}

/*.contrainer_agency_profile {
    padding-top: 5px !important;
}*/

.container_agecy_echipa_pers {
    display: block;
    height: 40px;
    width: 40px;
    min-width: 40px;
    text-align: center;
    line-height: 35px;
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin: 5px;
    border: 1px solid #cad1e2;
    background-color: #fff;
}

.container_agecy_echipa_pers img {
    max-width: 100%;
}

.container_agecy_echipa_add {
    display: block;
    border: 1px dashed #95a5a6;
    height: 40px;
    width: 40px;
    min-width: 40px;
    text-align: center;
    line-height: normal;
    border-radius: 50%;
    float: left;
    margin: 5px;
    background: #fff;
}

.container_agecy_echipa_add:hover {
    border: 1px dashed #000;
}

.descript_brand_bloc_agency p {
    margin: 5px 0;
}

.sterge_agentia_button {
    float: right;
}

/*.button_add_agency_first {
    background: transparent;
}*/

.button_add_agency {
    background: transparent;
}

.cell_icons_brand {
    text-align: center;
    margin-bottom: 40px;
}

.brand_cell_search {
    margin: 0;
    padding: 3px;
}

.brand_cell_search_inter {
    padding: 10px 0;
    border: 1px solid #ccc;
    margin: 5px 0;
    display: block;
}

.brand_cell_search_inter.active {
    border: 1px solid #33bbe5;
}

.brand_cell_search_inter a,
.brand_cell_search_inter .name {
    height: 15px;
    overflow: hidden;
    display: block;
    margin-top: 10px;
    font-size: 11px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.brand_cell_search_inter .name {
    margin-top: 5px;
}

.padding_5 {
    padding: 9px 0;
}

.padding_5 p {
    margin-bottom: 20px;
}

.brand_cell_search_inter img {
    width: 80%;
    min-width: 60px;
}

.brand_container_title {
    float: left;
    width: 50%;
}

.brand_container h3 {
    margin: 8px 0;

    font-size: 14px;

    /*text-align: right;*/
    float: right;

    margin-right: 10px;
    line-height: 19px;
}

.add_brand_button {
    color: #fff;
    font-weight: 100;
    font-size: 13px;
    text-transform: uppercase;
    right: 23px;
    top: 0;
    float: right;
}

.add_brand_button:hover {
    background: #27add7;
}

.brand_info {
    margin-top: 15px;
    padding-bottom: 25px;
    position: relative;
}

.brand_info_mask {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 3;
    background-color: rgba(255, 255, 255,.5);
}

.brand_info h3 {
    float: none;
    /*background: #e8edf2;*/
    padding: 15px 30px;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -.03em;
}

.valuta_brand {
    margin-top: 17px;
}

.valuta_brand label {
    margin-bottom: 8px;
}

.valuta_brand select {
    width: 142px;
}

.brand_info .input-group {
    width: 100%;
}

.brand_info .input-group > * {
    height: 56px;
    max-height: 56px
}
.brand_info .input-group output.form-control {
    padding: 17px 12px;
}

.brand_info {
    border: 7px solid #e8edf2;
}

.echipa_in_brand {
    border-top: 1px solid #e8edf2;
    margin: 20px 0 0 0;
    padding: 0 12px;
}

.platforma_in_brand {
    margin: 0 0 20px 0;
    padding: 5px 12px;
}

.social_platform_conain {
    width: 100%;
    height: 100px;
    line-height: 108px;
    text-align: center;
    font-size: 35px;
    color: #fff;
    position: relative;
}

.social_platform_facebook {
    background: #3b5998;
}

.social_platform_instagram {
    background: #fccc63;
}

.social_platform_vk {
    background: #45668e;
}

.social_platform_ok {
    background: #ff6600;
}

.social_platform_twit {
    background: #55acee;
}

.social_platform_linkidin {
    background: #007bb5;
}

.social_platform_google {
    background: #dd4b39;
}

.social_platform_youtube {
    background: #ff0000;
}

.mod_block {
    background: #fff;
    border: 1px solid #ccc;
    color: #18232d;
}

.add_social_platform_container {
    text-align: center;
    padding: 5px;
    margin-top: 10px;
}

.title_brand_fb p {
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.add_social_platform_container .btn {
    width: 100%;
    padding: 7px 2px;
    margin-top: 7px;
    font-size: 12px;
}

.add_social_platform_container.disabled .social_platform_conain {
    background: #cecece;
}

.add_social_platform_container.disabled p {
    color: #cecece;
    margin-top: 10px;
    font-size: 12px;
}

.close_brand_platform {
    position: absolute;
    top: 4px;
    right: 7px;
    font-size: 12px;
    line-height: normal;
    color: #fff !important;
    font-family: proxima, sans-serif;
    display: none;
    background: transparent;
}

.social_platform_conain:hover .close_brand_platform {
    display: block;
}

.platforme_title {
    margin: 20px 0 5px 0;
}

.brand_pricipal_togle {
    float: right;
}

.brand_pricipal_togle div,
.brand_pricipal_togle p {
    float: left;
}

.brand_pricipal_togle p {
    font-size: 12px;
    margin: 3px 10px;
}

.thead-default th {
    color: #fff;
    background-color: #33bbe5;
    text-transform: uppercase;
}

.profile_tab_container_inter table {
    font-size: 14px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
}

.profile_tab_container_inter table .btn {
    width: 150px;
    background: transparent;
    color: #000;
    border: 1px solid #33bbe5;
}

.profile_tab_container_inter table td,
.profile_tab_container_inter table th {
    line-height: 50px !important;
    padding-left: 25px !important;
}

.plan_curent_title {
    text-align: center;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 45px;
}

.last_td {
    border-left: 1px solid #ddd;
    width: 205px;
}

.btn-all {
    background: #ff694b !important;
    border: 0 !important;
    color: #fff !important;
}

.btn-all-e {
    border: 1px solid #27add7 !important;
    background: #fff !important;
    color: #000 !important;

}

.btn-all-e:hover {
    border: 1px solid #27add7 !important;
    background: #27add7 !important;
    color: #fff !important;

}

.last_row_table {
    background: #f5f5f5;
}

.th_last_top {
    background: #27add7 !important;
}

.container_price h1.title_page {
    margin-top: 10px;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 45px;
    color: #000;
    text-align: center;
    border-bottom: 1px solid #33bbe5;
    padding-bottom: 20px;
    position: relative;
}

.price_tabs_container_li {
    border-bottom: 0;
    margin: 40px 0 0;
}

.price_tabs_container_li a {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 25px !important;
    text-align: center;
    border: 1px solid #d0d0d0 !important;
    border-radius: 0 !important;
    color: #d0d0d0 !important;
    background: #fff;
    padding: 3px !important;

}

.price_tabs_2 li.ui-tabs-active a {
    background: #fff;
    border: 1px solid #33bbe5 !important;
    color: #33bbe5 !important;
}

.container_price .arrow_icon {
    background: #33bbe5;
    height: 20px;
    width: 20px;
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -10px;
    border-radius: 10px;
}

.price_tabs_2 {
    border: 0 !important;
}

.price_tabs_2 .col-md-5 {
    width: 30% !important;
    padding: 15px !important;
    border: 0 !important;
}

.ul_tabs_profile li.col-md-5.ui-tabs-active {

    border-top: 0 solid #e8edf2 !important;

}

.descript_tab_price {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.descript_tab_price p {
    margin-top: 20px;
    margin-bottom: 28px;
    font-size: 14px;
}

.module_selectate h1 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px;
    margin: 0;
    padding: 0;
}

.module_selectate li {
    background: #fff;
    min-height: 60px;
    border: 1px solid #ddd;
    margin-bottom: 10px;

    cursor: pointer;
    position: relative;
}

.module_added_price {
    height: 57px;
    width: 15%;
    float: left;
    padding-top: 15px;
    padding-left: 15px;
}

.module_selectate .toggles_principala {
    margin-top: 20px;
}

.toggles_principala {
    float: left;
    width: 40px;
}

.toggles-id {
    width: 36px;
    text-align: center;
    margin-top: -20px;
}

.text_module_price {
    padding: 18px 5px 0;
    float: left;
    width: 65%;
}

.text_module_price .title_module {
    font-size: 14px;
    cursor: pointer;
    width: 80%;
    float: left;
}

.price_module_title {
    float: right;
    font-size: 13px;
    color: #989898;
}

.video_container_module {
    float: right;
    width: 20%;
}

.video_container_module a {
    color: #fff !important;
    background: #33bbe5;
    text-align: center;
    float: right;
    height: 100%;
    width: 80px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.video_container_module button {
    color: #fff !important;
    background: #27add7;
    text-align: center;
    float: right;
    height: 100%;
    width: 80px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.video_icon_help i {
    font-size: 35px;
    padding-top: 5px;
}

.work_plan_container h1 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px;
    margin: 0;
    padding: 0;
}

.work_plan_container_inter {
    background: #fff;
    height: 425px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    position: relative;
}

.price_top {
    height: 150px;
}

.reduceri_plan_container {
    color: #919191;
    margin-top: 40px;
}

.price_plan_old {
    background: #fff;
    color: #000;
    height: 100px;
    line-height: 104px;
    text-align: center;
    font-size: 28px;
    border-radius: 150px;
    width: 100px;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px solid #ddd;

    position: absolute;
    top: -30px;
    left: 140px;
    text-decoration: line-through;
}

.price_plan_new {
    background: #27add7;
    color: #fff;
    height: 150px;
    line-height: 150px;
    text-align: center;
    font-size: 50px;
    border-radius: 150px;
    width: 150px;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: 2px solid #fff;
    position: absolute;
    top: -30px;
}

.price_new_number {
    font-size: 70px;
}

.dollar_simbol {
    font-size: 24px;
    margin-left: 5px;
}

.explicatie_luna {
    text-align: center;
    margin-top: 123px !important;
}

.list_period_buttons button {
    background: #fff;
    width: 25%;
    /*display: inline-flex;*/
    border: 1px solid #d0d0d0;
    /*border-right-width: 1px;
    border-right-style: solid;
    border-right-color: rgb(208, 208, 208);*/
    height: 40px;
    position: relative;
    border-collapse: collapse;
    /*border-right: 0;*/
    border-left: 0;
    font-size: 12px;
    justify-content: center;
}

.list_period_buttons li:not(.procent_paket) {
    border-left: 1px solid #ddd;
}

.period_selected {
    background: #33bbe5 !important;
    color: #fff;
    border-color: #33bbe5 !important;
}

.reduceri_procent {
    background: #f58a00;
    color: #fff;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
}

.title_brands_price {
    font-size: 18px;
    text-align: center;
    font-family: "Proxima", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 30px 0 0;
}

.period_brands {
    width: 210px;
    margin: 0 auto;
}

.period_brands span {
    border-radius: 50%;
    vertical-align: top;
    display: inline-block;
}

.button_added_brand {
    float: left;
}

.button_added_brand .btn {
    border-radius: 100%;
    font-size: 26px;
    height: 30px;
    width: 30px;
    padding: 0;
    text-align: center;
    line-height: 38px;
}

.period_brands span {
    border-radius: 50%;
    vertical-align: top;
    display: inline-block;
}

.period_brands input {
    width: 110px;
    margin-top: 20px;
}

.period_brands input {
    font-size: 70px;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.branduri_number {
    border: 0;
    text-align: center;
    width: 70px;
    font-size: 28px;
    color: #18232c;
    line-height: 25px;
    display: inline-flex;
    vertical-align: top;
}

.total_price {
    text-align: center;
    border-top: 1px solid #d0d0d0;
    padding-top: 10px;
}

.total_price span {
    margin: 0 10px;
    font-size: 14px;
}

.title_module_selectate h1 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 36px;
    margin: 25px 0 0 0;
    padding: 0;
    text-align: center;
}

.buttons_buy_list li {
    float: left;
    width: 48%;
}

.buttons_buy_list li button {
    width: 100%;
    height: 50px;
}

.buy_button {
    background: #fff;
    border: 1px solid #ddd;
    color: #33bbe5;
    font-size: 18px;

}

.buy_button i {
    margin-right: 10px;
    color: #000;
}

.buttons_buy_list li.space_rice_button {
    float: left;
    width: 4%;
    display: block;
    color: transparent;
}

.trial_price_button {
    background: #ddd;

    color: #fff;
    font-size: 18px;
    border: 1px solid #ddd;
}

.trial_price_button i {
    margin-right: 10px;
}

.block_aditional_module {
    margin-top: 10px;
}

.block_aditional_module_price {
    background: #fff;
    border: 1px solid #ddd;
}

.block_aditional_module_price_title {
    border-bottom: 1px solid #d0d0d0;
    font-size: 18px;
}

.block_aditional_module_price_title i {
    padding: 10px 10px;
    color: #33bbe5;
}

.block_aditional_module_price_title span {
    padding: 10px 0;
}

.block_aditional_module_price_play {
    float: right;
}

.block_aditional_module_price_title a i {
    color: #fff;
    background: #000;
}

.block_aditional_module_price_list ol {
    counter-reset: myCounter;
    padding: 10px 0;
    list-style: square inside;
    margin-left: 30px;
    line-height: 18px;
    color: #33bbe5;
}

.block_aditional_module_price_list li {
    /*list-style: outside;*/
    font-size: 12px;
    padding: 5px !important;
    color: #555d5d;
}

.block_aditional_module_price_list li::before {

    content: "• ";
    color: #33bbe5;
    font-size: 28px;
    height: 3px;
    display: block;
    margin-left: -19px;
    padding-top: 3px;

}

.disable_mudule i {
    color: transparent;
}

.disable_mudule {
    color: #bababa;
}

.disable_mudule a i {
    background: #bababa;
}

.disable_mudule li::before {
    color: #bababa;
}

.purchase-extra-cost {
    text-align: right;
}

.swal2-modal .swal2-content {
    font-size: 14px;
    text-align: center;
    font-weight: 300;
    line-height: normal;
    word-wrap: break-word;
}

.ui-price sub,
.ui-price sup {
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 1.428571428571429 !important;
    color: #a8acb3;
}

.ui-price-content span {
    font-weight: 300;
    font-size: 30px;
}

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

.btn-success {
    background-color: #f84f30 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 14px;
    border: 0;
    border-radius: 0;
    margin-right: 10px;
    text-transform: uppercase;
}

.btn-success:hover {
    background-color: #D82703 !important;
}

.period_brands .glyphicon {
    top: -2px;
    left: -6px;
}

.last_buton_period {
    border-right: 1px solid #d0d0d0 !important;
}

.table > thead > tr > th {
    /*border-bottom: 1px solid #fff;*/
}

.agency_container_icon {
    position: relative;
}

.agency_container_icon:hover .close_brand_platform {
    display: block;
    color: #000 !important;
    top: 10px !important;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("/img/ui-icons_555555_256x240.png") !important;
}

.btn-link {
    background: transparent !important;
    color: #555 !important;

}

.delete_button {
}

/*experement*/

.navbar-collapse {
    background: #fff;
    height: 50px !important;
    padding-left: 0;
}

.card {
    background-color: transparent;
    border-radius: 0;
    margin: 0 30px;
    /*min-width: 1000px;*/
}

.navbar-toggle {
    height: 70px;
}

.sidebar-nav li .caption {
    font-size: 11px;
    color: #707a83;
    padding-left: 20px;
    transition: all .3s ease-in;
}
.toggled-2 .sidebar-nav li .caption {
    opacity: 0;
}
.toggled-2 #sidebar-wrapper:hover .sidebar-nav li .caption,
.toggled-2 .sidebar-nav:hover li .caption {
    opacity: 1;
}
.block_name_avatar_leftmenu .name_left {
    color: #fff;
}

.img-circle {
    border-radius: 0;
}

.navbar-toggle {
    background-color: #fff !important;
}

.top_bar_header {
    /*box-shadow: 0 0 10px -5px #000 !important;*/
    box-shadow: 0 0 200px rgba(24,35,44, 0.5);
    /*z-index: 9999;*/
}

.fixed-brand {
    background: #18232d;
    border-bottom: 1px solid #414951;
}

.menu-v .title-v {
    border-left: 1px solid #414951;
    height: 50px;
    width: 25px;
}

.section_hr hr {
    background-color: #414951;
}

.menu_top_li a i,
.navbar-default .navbar-nav > li > a {
    color: #848f99;

}

.active_top_menu {
    background: #e8edf2 !important;
    display: block;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background: #18232d;
}

.setings_top_menu_icon a i {
    color: #555;
}

ul.menu_topp > li > a {
    color: #555;
}

.avatar_left {
    background: #222b37;
    border-bottom: 1px solid #414951;
}

.menu-v .title-v::before {
    color: #fff;
    content: ">";
    margin-top: 22px;
}

.waves-effect {
    height: 40px;
    width: 40px;
    overflow: hidden;
    background: #fff;
}

.user-box .user-img {
    width: 100%;
}

.navbar-toggle {
    color: #999;
}

.title-card-text-profile {
    padding: 13px 0 13px 0;
}
.title-card-text-profile .glyphicons:not(.icon_i) {
    color: #222636b8;
    font-size: 18px;
    margin-top: 7px !important;
}
.title-card-text-profile .icon_i {
    color: #fff;
    margin: 0 5px auto !important;
}

.title-card-text-profile .blue-grey {
    text-shadow: 1px 1px #ffffff60;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    background: #e8edf2;
    text-shadow: 1px 1px #ffffff60;
    text-transform: uppercase;
}

.input-group-addon {
    background-color: #fff;
    border-radius: 0;
}

.add_person_profile_block .list_radio_check label {
    height: 20px;
    line-height: 20px;
}

.sterge_platforma_block p {
    text-align: center;
    margin: 15px 0;
    font-size: 18px;
}

/*.ui-tooltip {
    background: #fff !important;
    box-shadow: none !important;
    color: #9ca6af !important;
    border: 1px solid #111 !important;

}

.ui-tooltip:before {
    border: solid;
    border-color: rgba(24, 35, 45, 1) transparent;
    border-width: 0 10px 10px 10px;
    top: -10px;
    content: "";
    display: block;
    left: 15px;
    position: absolute;
    z-index: 99;
}*/

.input_popap_user {
    width: 49%;
    display: inline-block;
    text-align: left;
}

.input_popap_user input {
    margin: 0;
}

.hiden {
    display: none;
}

.block_add_comp,
.block_comp_list {
    display: none;
}

.block_add_brandd {
    display: none;
}

.show {
    display: block;
}

.fag {
    font-size: 30px;
    margin: 20px 0 15px;
    padding-top: 5px;
    color: #445f77;
}

.mod_block p {
    padding: 10px 0;
    border-top: 1px solid #ccc;
}

.col-md-4.pad_z {
    padding: 0;
    text-align: left;
}

.ok_icon {
    font-size: 27px;
    padding: 0;
    color: #33bbe5;
}

.pad_z .checkbox-label::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    line-height: 20px;
    text-indent: 40px;
    height: 10px;
    width: 10px;
}

.pad_z .checkbox-label {
    width: 100%;
    height: 10px;
    margin-top: 7px !important;
}

.pad_z #toggles {
    width: 22px;
    text-align: center;
    margin-top: -20px;
}

.pad_z .ios-toggle:checked + .checkbox-label::before {
    left: calc(100% - 10px);
}

.disponibil_brandd {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e8edf2;
    height: 35px;
}

.inline {
    display: inline;
}

.icon_i {
    font-size: 15px;
    margin: -2px 5px auto;
    color: #cad1e2;
    vertical-align: middle !important;
    line-height: inherit !important;
}

/*.tooltip-event:hover .icon_i,*/
.icon_i:hover {
    color: #000;
}

.add_social_platform_container .pad_z .btn {
    width: 100%;
    padding: 2px 0;
    margin-top: 2px;
    font-size: 12px;
}

.agency_button_upload .col-md-6 {
    padding-left: 0;
}

.rb-switcher {
    float: right;
    margin-top: 4px;
    margin-bottom: 0;
}

.rb-switcher input {
    display: none;
}

.rb-switcher i {
    display: inline-block;
    cursor: pointer;
    padding-right: 20px;
    transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    border-radius: 20px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}

.rb-switcher i:before {
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: white;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.rb-switcher :checked + i {
    padding-right: 0;
    padding-left: 20px;
    box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #33bbe5;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 40px #33bbe5;
}

.pad_z legend {
    display: block;
    padding: 0;
    margin-bottom: 3px;
    font-size: 14px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 0 solid #e5e5e5;
    float: left;
    font-weight: bold;
    width: auto;
}

.btn-all-add {
    border: 1px solid #27add7 !important;
    background: #fff !important;
    color: #000 !important;
    width: 170px !important;
    margin-top: 40px !important;
}

.btn-all-add:hover {
    border: 1px solid #27add7 !important;
    background: #27add7 !important;
    color: #fff !important;

}

.dialog_alege_pagina_fb {
    width: 100% !important;
}

.modal {
    z-index: 9999;
}

.modal-dialog-fluid .modal-dialog {
    width: 90%;
}

.navbar-brand-popap {
    float: none;
    margin: 0 auto;
    min-height: 220px;
    max-height: 55vh;
    overflow-y: auto;
    padding-top: 10px;
}

.brand-collapsee-popap {
    text-align: center;
}

.modal-footer-fb button {
    display: inline-block;
    float: none;
    width: auto;
}

.modal-footer-fb {
    text-align: center !important;
}
.brand-collapse-popap {
    position: relative;
    overflow: hidden;
}
.brand-collapse-popap:after,
.brand-collapse-popap:before {
    background-color: transparent;
    height: 40px;
    display: block;
    content: "";
    position: absolute;
    left: -100px;
    right: -100px;
    border-radius: 50%;
}
.brand-collapse-popap:after {
    bottom: -40px;
    box-shadow: 0 -4px 10px 0 rgba(0,0,0,.05);
}
.brand-collapse-popap:before {
    top: -40px;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);
}

.navbar-brand-popap li {
    float: left;
    width: 20%;
}

.modal-conten-fb {
    height: 95vh;
}

.modal-footer-fb {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.modal-footer-fb button {
    width: auto !important;
    padding: 10px 30px !important;
}

.descript_fb_modal_brand {
    text-align: center;
    margin: 0 20px 20px;
}

.brand-collapse-popap {
    max-width: 1140px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.navbar-brand-popap li:hover .brand_fb_inter {
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 7px rgba(0, 0, 0, .1);

}

.brand_fb img {
    width: 185px;
    height: 185px;
}

.brand_fb_inter {
    height: 185px;
    width: 185px;
    margin: 0 auto;
    position: relative;
}

.mask_check_fb_brand {
    background: rgba(0, 0, 0, 0.2);
    height: 185px;
    width: 185px;
    position: absolute;
    display: none;
}

.navbar-brand-popap li:hover .mask_check_fb_brand {
    display: block;

}

.circle_check {
    margin: 5px;
    border: 2px solid #fff;
    height: 25px;
    width: 25px;
    float: right;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    text-align: center;
}

.brand_fb.open .mask_check_fb_brand {

    display: block !important;

}

.brand_fb.open .mask_check_fb_brand {
    background: rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .1) !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .1) !important;
}

.brand_fb.open .circle_check {

    background: #33bbe5;

}

.brand_fb.closed .fa-check {
    display: none;
}

.brand_fb.open .fa-check {
    display: block;
    color: #fff;
    padding-top: 4px;
}

.name_brand {
    font-size: 12px;
    margin-top: 10px;
}

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

.swal2-modal {
    padding: 0 !important;
}

.swal2-buttonswrapper {
    background: #f6fafb;
    border-top: 1px solid #eceff0;
    padding: 30px;
}

.anulare_platforma_button {

    color: #555;
}

.sterge_platforma_button {
    background: transparent;

}

.swal2-confirm {
    background: #f84f30 !important;
    box-shadow: initial !important;

}

.btn-danger {
    color: #333 !important;
    background-color: transparent;
    border-color: transparent;
    text-transform: uppercase;
}

.swal2-title {
    padding: 40px 0 0 !important;
}

.swal2-content {
    padding: 10px 40px !important;
}

.title_delete_platform {
    margin: 0;
    color: #f85030;

}

.icon_delete_platform {
    border-radius: 50%;
    height: 60px;
    width: 60px;
    background: #f84f30;
    color: #fff !important;
    text-align: center;
    line-height: 60px !important;
}

.swal2-content p {
    line-height: 30px;
    text-align: left;
}

.swal2-buttonswrapper .swal2-cancel:hover {
    background: #eceff0;
}

button {
    outline: none;
}

/**/

.show-tick {
    width: 50% !important;
    border-top: 0;
    float: right !important;
}

.show-tick button {
    padding: 9px !important
}

.filtru_brands input {
    width: 100% !important;

    height: 40px !important;
}

.filtru_brands .input-group {
    width: 100% !important;
}

.filtru_brands .dropdown-toggle {
    border: 1px solid #d3d5db;
    background: #fff;
    color: #111;
    margin-bottom: 0;
}

.filtru_brands .dropdown-toggle:hover {
    background: #fff;
}

.filtru_cheks {
    margin: 10px 0 0 0;
}

.button_notificari {
    position: relative;
    border: 0;
    text-align: left;
    padding: 10px 20px;
}

.button_notificari:hover {
    background: transparent;
    color: #000;
    box-shadow: 0 0 !important;
}

.report_circle_brand {
    background-color: rgba(244, 67, 54, 1);
    color: #fff;
    width: 10px;
    height: 10px;
    line-height: 22px;
    text-indent: 0;
    text-align: center;
    border-radius: 50%;
    font-size: 11px;
    z-index: 10;
    position: absolute;
    float: left;
    margin-right: 0;
    top: 7px;
    left: 32px;
}

.icon_cereri_brand {
    font-size: 19px;
    margin-right: 5px;
    color: #9ca6af;
}

.ui-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.ui-dialog {
    opacity: .5;
    transform: scale(0.5) !important;
}

.ui-dialog {
    opacity: 1;
    transform: scale(1) !important;
}

.ui-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.btn:active,
.btn:focus {
    /*background: url() !important;*/
    box-shadow: initial;
}

a,
button:active,
button:focus,
button:hover,
button {
    outline: 0 none !important;
}

/*modal popap magnific*/

/* Styles for dialog window */

#small-dialog {
    background: white;
    padding: 20px 30px;
    text-align: left;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}

/**
 * Fade-zoom animation for first dialog
 */

/* start state */

.my-mfp-zoom-in .zoom-anim-dialog {
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

/* animate in */

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
    opacity: 1;

    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

/* animate out */

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);

    opacity: 0;
}

/* Dark overlay, start state */

.my-mfp-zoom-in.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */

.my-mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.4;
}

/* animate out */

.my-mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
 * Fade-move animation for second dialog
 */

/* at start */

.my-mfp-slide-bottom .zoom-anim-dialog {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;

    -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-20px) perspective(600px) rotateX(10deg);
    transform: translateY(-20px) perspective(600px) rotateX(10deg);

}

/* animate in */

.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    -webkit-transform: translateY(0) perspective(600px) rotateX(0deg);
    -moz-transform: translateY(0) perspective(600px) rotateX(0deg);
    -ms-transform: translateY(0) perspective(600px) rotateX(0deg);
    -o-transform: translateY(0) perspective(600px) rotateX(0deg);
    transform: translateY(0) perspective(600px) rotateX(0deg);
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
    opacity: 0;

    -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    -o-transform: translateY(-10px) perspective(600px) rotateX(10deg);
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */

.my-mfp-slide-bottom.mfp-bg {
    opacity: 0;

    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */

.my-mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.4;
}

/* animate out */

.my-mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}

/**
 * Fade-zoom animation right for first dialog
 */

/* start state */

.my-mfp-slide-right .zoom-anim-dialog {
    opacity: 0;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    right: -600px;
}

/* animate in */

.my-mfp-slide-right.mfp-ready .zoom-anim-dialog {
    opacity: 1;
    right: 0;
    /* padding: 0 30px;*/
}

/* animate out */

.my-mfp-slide-right.mfp-removing .zoom-anim-dialog {
    right: -600px;

    opacity: 0;
}

/* Dark overlay, start state */

.my-mfp-slide-right.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */

.my-mfp-slide-right.mfp-ready.mfp-bg {
    opacity: 0.4;
}

/* animate out */

.my-mfp-slide-right.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    overflow: hidden;
}

.dialog-user {
    background: #FFF;
    /*padding: 20px 30px;*/
    text-align: left;
    max-width: 900px;
    max-height: 90vh;
    min-height: 360px;
    margin: 0 auto;
    position: relative;
    border-radius: 3px;
}

.dialog-user-module {
    background: #FFF;
    /*padding: 20px 30px;*/
    text-align: left;
    max-width: 540px;
    margin: 40px auto;
    position: relative;
}

.dialog-user h1 {
    font-family: bebas, sans-serif;
    /*text-align: center;*/
    margin: 20px 0;
    line-height: 1;
    padding: 0 15px;
}

.dialog-user-module h1 {
    font-family: bebas, sans-serif;
    padding-left: 30px;
}

.dialog-strategie {
    background: #FFF;
    /*padding: 20px 30px;*/
    text-align: left;
    max-width: 600px;
    margin: 40px auto;
    position: relative;
}

.dialog-strategie-module {
    background: #FFF;
    /*padding: 20px 30px;*/
    text-align: left;
    max-width: 540px;
    margin: 40px auto;
    position: relative;
}

.dialog-strategie h1 {
    font-family: bebas, sans-serif;
    padding-left: 0;
}

.dialog-strategie-module h1 {
    font-family: bebas, sans-serif;
    padding-left: 30px;
}

.dialog-create-calendar {
    background: transparent;
    /*padding: 20px 30px;*/
    text-align: left;
    width: 1000px;
    margin: 40px auto;
    position: relative;
}

.dialog-create-calendar h1 {
    font-family: bebas, sans-serif;
    padding-left: 0;
}

.dialog-succes {
    background: #FFF;
    /*padding: 20px 30px;*/
    text-align: center;
    max-width: 540px;
    margin: 40px auto;
    position: relative;
}

.right_modal_container {
    padding: 30px 10px;
    box-sizing: border-box;

}

.ajax-text-and-image {
    max-width: 100%;
    margin: 20px auto;
    background: transparent;
    padding: 0;
}

.ajcol {
    width: 50%;
    float: left;
    height: 450px;
    position: relative;

}

.ajcol_l {
    width: 40%;
    float: left;
    height: 450px;
    position: relative;
}

.ajcol_r {
    width: 60%;
    float: left;
    height: 450px;
    position: relative;
}

.ajcol_l img {
    width: 100%;
    /*max-width: 80%;*/
    height: auto;
    margin: auto;
    display: table-caption;
}

@media all and (max-width: 30em) {
    .ajcol {
        width: 100%;
        float: none;
    }
}

.button_delete {
    background-color: #f84f30 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 12px;
    border: 0;
    border-radius: 2px;
    margin-right: 10px;
    text-transform: uppercase;
    padding: 11px 30px;
}

.button_deleteȘhover {
    color: #fff;
}

.button_change {
    background-color: #33bbe5 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 12px;
    border: 0;
    border-radius: 0;
    margin-right: 10px;
    text-transform: uppercase;
    padding: 11px 30px;
}

.button_change:hover {
    color: #fff;
    background: #25a5cc !important;
}

.button_add_calendar {
    background-color: #fff !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #33bbe5;
    font-size: 12px;
    border: 1px solid #33bbe5;
    border-radius: 0;
    margin-right: 10px;
    text-transform: uppercase;
    padding: 10px 20px;
}

.button_add_calendar:hover {
    color: #fff;
    background: #25a5cc !important;
}

.user_information {

    padding-left: 10px;
}

.user_information p {
    font-size: 14px;
    margin-bottom: 10px;
    color: #7b7e82;
    margin-top: 20px;

}

.user_information p span {
    font-size: 18px;
    color: #ccc;
    width: 24px;
}

.user_information p .glyphicons-copy:before {
    width: 18px;
    height: 18px;
    font-size: 18px;
}

.delete-user {
    float: right;
    margin-top: 10px;
}

.swal2-confirm button {
    background: #f84f30 !important;
}

.white-popup-block {
    position: relative;
}

.cereri_brand_container {
    padding: 20px;
}

.img_cereri img {
    max-width: 100%;
}

.cereri_brand_single_container {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 10px;
    clear: both;
    display: table;
}

.accept_cereri {
    background: #33bbe5;
    color: #fff;
    font-weight: 100;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 20px;
    width: 170px;
    margin-bottom: 10px
}

.declin_cereri {
    background: #fff;
    color: #000;
    font-weight: 100;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 20px;
    width: 170px;
    /*border: 1px solid #ccc;*/
}

.img_cereri p {
    font-size: 18px;
    text-align: center;
    overflow: hidden;
    height: 40px;
    line-height: 20px;
}

.delete_bg {
    background: #ff694b;
    color: #fff;
    height: 450px;
    position: relative;
    text-align: center
}

.delete_bg span {
    padding-top: 160px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 110px;
    display: block;
}

.inactive_bg {
    background: #575e63;
    color: #fff;
    height: 450px;
    position: relative;
    text-align: center
}

.inactive_bg span {
    padding-top: 160px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 110px;
    display: block;
}

.green_bg {
    background: #218000;
    color: #fff;
    height: 450px;
    position: relative;
    text-align: center
}

.green_bg span {
    padding-top: 160px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 110px;
    display: block;
}

.re_bg {
    background: #33bbe5;
    color: #fff;
    height: 450px;
    position: relative;
    text-align: center
}

.re_bg span {
    padding-top: 170px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 110px;
    display: block;
}

.ajcol_l span {
    padding-top: 170px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 110px;
    display: block;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.fb_bg {
    background: #4c6fa6;
    color: #fff;
    height: 450px;
    position: relative;
    text-align: center
}

.fb_bg span {
    padding-top: 165px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 110px;
    display: block;
}

.delete_bg_large {
    background: #ff694b;
    color: #fff;
    height: 450px;
    position: relative;
    text-align: center width : 100 %;
}

.delete_bg_large span {
    padding-top: 60px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 150px;
    display: block;
    width: 150px;
    margin: 0 auto 30px;
}

.dialog_confirm {
    text-align: center;
    font-size: 14px;
}

.confirm_ok_delete {
    margin: 20px auto;
    display: inline-block;
    background-color: #fff !important;
    color: #000;
    font-size: 14px;
    border-radius: 0;
    text-transform: uppercase;
    padding: 15px 30px;
    border: 1px solid #ccc;
}
.confirm_ok_delete:hover {
    background-color: #33bbe5 !important;
    color: #fff;
    border: 1px solid #33bbe5;
}

.f-modal-alert {
    /*background-color: #fff;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 20px;*/
    padding: 50px;
}

.f-modal-alert .f-modal-icon {
    border-radius: 50%;
    border: 4px solid gray;
    box-sizing: content-box;
    height: 80px;
    margin: 20px auto;
    padding: 0;
    position: relative;
    width: 80px;
}

.f-modal-alert .f-modal-icon.f-modal-success,
.f-modal-alert .f-modal-icon.f-modal-error {
    border-color: #A5DC86;
}

.f-modal-alert .f-modal-icon.f-modal-success:after,
.f-modal-alert .f-modal-icon.f-modal-success:before,
.f-modal-alert .f-modal-icon.f-modal-error:after,
.f-modal-alert .f-modal-icon.f-modal-error:before {
    background: #fff;
    content: '';
    height: 120px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 60px;
}

.f-modal-alert .f-modal-icon.f-modal-success:before,
.f-modal-alert .f-modal-icon.f-modal-error:before {
    border-radius: 120px 0 0 120px;
    left: -33px;
    top: -7px;
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.f-modal-alert .f-modal-icon.f-modal-success:after,
.f-modal-alert .f-modal-icon.f-modal-error:after {
    border-radius: 0 120px 120px 0;
    left: 30px;
    top: -11px;
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.f-modal-alert .f-modal-icon.f-modal-success .f-modal-placeholder,
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
    border-radius: 50%;
    border: 4px solid rgba(165, 220, 134, 0.2);
    box-sizing: content-box;
    height: 80px;
    left: -4px;
    position: absolute;
    top: -4px;
    width: 80px;
    z-index: 2;
}

.f-modal-alert .f-modal-icon.f-modal-success .f-modal-fix,
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-fix {
    background-color: #fff;
    height: 90px;
    left: 28px;
    position: absolute;
    top: 8px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 5px;
    z-index: 1;
}

.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line,
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
    background-color: #A5DC86;
    border-radius: 2px;
    display: block;
    height: 5px;
    position: absolute;
    z-index: 2;
}

.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-tip,
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-tip {
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 25px;
}

.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-long,
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-long {
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 47px;
}

.f-modal-alert .f-modal-icon.f-modal-error {
    border-color: #F27474;
}

.f-modal-alert .f-modal-icon.f-modal-error .f-modal-x-mark {
    display: block;
    position: relative;
    z-index: 2;
}

.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder {
    border: 4px solid rgba(200, 0, 0, 0.2);
}

.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line {
    background-color: #F27474;
    top: 37px;
    width: 47px;
}

.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-left {
    left: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-right {
    right: 16px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.f-modal-alert .f-modal-icon.f-modal-warning {
    border-color: #F8BB86;
}

.f-modal-alert .f-modal-icon.f-modal-warning:before {
    -webkit-animation: pulseWarning 2s linear infinite;
    animation: pulseWarning 2s linear infinite;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0%;
}

.f-modal-alert .f-modal-icon.f-modal-warning:after {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body {
    background-color: #F8BB86;
    border-radius: 2px;
    height: 47px;
    left: 50%;
    margin-left: -2px;
    position: absolute;
    top: 10px;
    width: 5px;
    z-index: 2;
}

.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot {
    background-color: #F8BB86;
    border-radius: 50%;
    bottom: 10px;
    height: 7px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    width: 7px;
    z-index: 2;
}

.f-modal-alert .f-modal-icon + .f-modal-icon {
    margin-top: 50px;
}

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

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

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

.f-modal-icon.f-modal-error.animate:after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in;
}

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

.animateXLeft {
    -webkit-animation: animateXLeft .75s;
    animation: animateXLeft .75s;
}

.animateXRight {
    -webkit-animation: animateXRight .75s;
    animation: animateXRight .75s;
}

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

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

@-webkit-keyframes animateSuccessTip {
    0%,
    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%,
    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%,
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}

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

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

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

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

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

@-webkit-keyframes animateXLeft {
    0%,
    65% {
        left: 82px;
        top: 95px;
        width: 0;
    }
    84% {
        left: 14px;
        top: 33px;
        width: 47px;
    }
    100% {
        left: 17px;
        top: 37px;
        width: 47px;
    }
}

@keyframes animateXLeft {
    0%,
    65% {
        left: 82px;
        top: 95px;
        width: 0;
    }
    84% {
        left: 14px;
        top: 33px;
        width: 47px;
    }
    100% {
        left: 17px;
        top: 37px;
        width: 47px;
    }
}

@-webkit-keyframes animateXRight {
    0%,
    65% {
        right: 82px;
        top: 95px;
        width: 0;
    }
    84% {
        right: 14px;
        top: 33px;
        width: 47px;
    }
    100% {
        right: 16px;
        top: 37px;
        width: 47px;
    }
}

@keyframes animateXRight {
    0%,
    65% {
        right: 82px;
        top: 95px;
        width: 0;
    }
    84% {
        right: 14px;
        top: 33px;
        width: 47px;
    }
    100% {
        right: 16px;
        top: 37px;
        width: 47px;
    }
}

@-webkit-keyframes scaleWarning {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scaleWarning {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes pulseWarning {
    0% {
        background-color: #fff;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    30% {
        background-color: #fff;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        background-color: #F8BB86;
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes pulseWarning {
    0% {
        background-color: #fff;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    30% {
        background-color: #fff;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.5;
    }
    100% {
        background-color: #F8BB86;
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

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

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

.dialog-succes h1 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 30px;
}

.container_popap_butons {
    background: #f6fafb;
    border-top: 1px solid #eceff0;
    width: 100%;
    height: 72px;
}

.add-person-drept-container {
    position: relative;
    padding: 20px;
    /*max-height: 90vh;*/
}

.add-person-drept-container h1 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    padding: 0;
    margin: 20px 0;
    line-height: 1;
}

.verde {
    color: #5fa900;
}

.rosu {
    color: #f84f30;
}

.prava_tablita .rb-switcher {
    float: none;
    margin: 0 auto;
    display: table;
    margin-top: 10px;
}

.prava_tablita td span {
    font-size: 16px;
}

.prava_tablita p {
    font-size: 16px;
    text-align: center;
}

.prava_tablita td {
    text-align: center;
    border-right: 1px solid #eceff0;
}

.prava_tablita tr:nth-child(even) {
    background: #f6fafb;
}

.name_serv_drept p {
    text-align: left;
}

.center_button_adauga {
    background-color: #33bbe5 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    margin: 20px auto;
    /* display: table-caption; */
    display: block;
    font-size: 14px;
    border: 0;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 15px 30px;
}

.center_button_add {
    background-color: #33bbe5 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    margin: 30px auto 20px;
    /*display: table-caption;*/
    display: block;
    font-size: 14px;
    border: 0;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 15px 30px;
}

.center_button_adauga_company_brand {
    background-color: #33bbe5 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    margin: 30px auto 20px;
    /*display: table-caption;*/
    display: block;
    font-size: 14px;
    border: 0;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 15px 30px;
}

.buttons_popap {
    position: absolute;
    right: 0;
    background: #f6fafb;
    border-top: 1px solid #eceff0;
    width: 100%;
    height: 62px;
    padding-bottom: 10px;
    bottom: 0;
}

.buttons_popap button {
    margin-right: 10px;
}

.dialog-brands {
    max-width: 1200px;
    margin: auto;
    background: #fff;
    /*max-height: 90vh;
    overflow: auto;*/
}

.content_mp {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 3px;
    color: #333333;
    padding: 10px;
    min-height: 85vh;
}

.content_mp section[id] {
    margin-bottom: 30px;
}

.button_add_cm {
    display: block;
    height: 75px;
    width: 220px;
    border: 1px dashed #a1abb4;
    text-transform: uppercase;
    font-size: 14px;
    color: #848f99;
    background: rgba(245, 247, 248, 0);
    float: left;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}

.button_add_cm:hover {
    -webkit-box-shadow: 0 2px 8px -4px rgba(35, 47, 53, .09);
    box-shadow: 0 2px 8px -4px;
}

.button_exist_cm {
    display: block;
    height: 75px;
    width: 220px;
    border: 1px solid #4c6fa7;
    font-size: 14px;
    color: #848f99;
    background: rgba(245, 247, 248, 0);
    float: left;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}

.button_exist_cm {
    display: block;
    height: 75px;
    width: 220px;
    border: 1px solid #33bbe5;
    text-transform: uppercase;
    font-size: 14px;
    color: #848f99;
    background: rgba(245, 247, 248, 0);
    float: left;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}

.button_exist_cm:hover {
    -webkit-box-shadow: 0 2px 8px -4px rgba(35, 47, 53, .09);
    box-shadow: 0 2px 8px -4px;
}

.button_exist_cm {
    display: block;
    height: 75px;
    width: 220px;
    border: 1px solid #4c6fa7;
    font-size: 14px;
    color: #848f99;
    background: rgba(245, 247, 248, 0);
    float: left;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 10px;
}

.button_exist_cm:hover {
    -webkit-box-shadow: 0 2px 8px -4px rgba(35, 47, 53, .09);
    box-shadow: 0 2px 8px -4px;
}

.button_exist_cm i {
    background: #4c6fa7;
    color: #fff;
    float: left;
    height: 73px;
    width: 50px;
    font-size: 24px;
    line-height: 70px;
}

.button_exist_cm div {
    text-align: left;
    display: inline-table;
    height: 73px;
    vertical-align: middle;
    padding-top: 15px;
}

.button_exist_cm span {
    color: #4c6fa7;
    font-size: 12px;
    font-weight: bold;
}

.wizard {
    /*margin: 20px auto;*/
    background: #fff;
}

.wizard .nav-tabs {
    position: relative;
    margin: 20px auto 40px;
    border-bottom-color: transparent;
}

.wizard > div.wizard-inner {
    position: relative;
}

.connecting-line {
    height: 1px;
    background: #a1abb4;
    position: absolute;
    width: 78%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab {
    width: 50px;
    height: 50px;
    line-height: 48px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 1px dashed #a1abb4;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 20px;
}

span.round-tab i {
    color: #555555;
}

.wizard li.active span.round-tab {
    border: 1px solid #33bbe5;
    background: #33bbe5;
    color: #fff;

}

.wizard li.active span.round-tab i {
    color: #5bc0de;
}

span.round-tab:hover {
    color: #333;
    border: 1px solid #333;
}

.wizard .nav-tabs > li {
    width: 25%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0;
    border: 5px solid transparent;
    border-bottom-color: #5bc0de;
    transition: 0.1s ease-in-out;
}

/*.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 45%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0;
    border: 10px solid transparent;
    border-bottom-color: #5bc0de;
}*/

.wizard .nav-tabs > li a {
    width: 50px;
    height: 50px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}

.wizard .tab-pane {
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px;
}

.wizard-dizactiv .tab-pane {
    position: relative;
    padding-top: 0;
    padding-bottom: 0;
}

.tab-pane img {
    max-width: 100%;
}

.wizard h3 {
    margin-top: 0;
}

@media ( max-width: 585px) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

    span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }
}

.wizzard-place .list-inline > li {
    float: left;
    padding: 0;
    margin-left: 10px;
    margin-right: 0;
}

.wizzard-place .list-inline > li button {

    margin-right: 0;
}

.wizzard-place h3 {
    font-size: 38px;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: right;
}

.wizzard-place p {
    color: #a1abb4;
    text-align: right;

    margin: 20px 0;
}

.wiz-list p {
    position: absolute;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #949ca2
}

.wiz-list .active p {

    color: #33bbe5
}

.radio_wizard_block {
    border: 1px dashed #a1abb4;
    padding: 20px;
    min-height: 185px;
}

.radio_wizard_block .rb-switcher {
    float: left;
}

.radio_wizard_block span {
    margin-left: 15px;
    font-size: 16px;
    line-height: 26px;
}

.radio_wizard_block li {
    padding: 10px 5px;
}

.content_help_wizz h3,
.content_help_wizz p {
    text-align: left;
}

.content_help_wizz p {
    margin: 5px 0;
    font-size: 11px;
}

.content_help_wizz h3 {
    font-size: 18px;
    font-family: proxima;
}

.content_help_wizz h3 span {
    font-size: 18px;
    margin-right: 5px;
}

.doza_table {
    margin: 15px 0
}

.doza_table_2 {
    margin: 15px 0
}

.doza_table table {
    width: 100%;
}

.doza_table .btn span.glyphicon {
    opacity: 0;
}

.btn.active span.glyphicon {
    opacity: 1;
}

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

.doza_table label {
    width: 100%;
}

.doza_table th {
    text-align: center;
}

.doza_table td {
    padding: 5px;
}

.doza_table .btn-default {
    color: #fff;
    padding: 10px 20px;
}

.doza_table .btn-default.active {
    background-color: #33bbe5 !important;
    color: #fff;
    border: 1px solid #33bbe5;
}

.doza_table_m .btn-default {
    color: #000;
    padding: 10px 13px;
}

.doza_table_m .btn-default.active {
    background-color: #33bbe5 !important;
    color: #fff;
    border: 1px solid #33bbe5;
}

.right_cell {
    text-align: right;
}

.right_cell span {
    line-height: 18px;
    color: #a1abb4;
}

.period_brands button {
    color: #000;
}

a .round-tab {
    color: #000;
}

.complete_wizzard h3 {
    text-align: center;
}

ul.complete_list_wizzard {
    margin-bottom: 20px;
}

.complete_list_wizzard li {
    padding: 10px 0;
    border-bottom: 1px dashed #a1abb4;
    height: 65px;
}

.complete_list_wizzard span {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 43px;
    font-weight: bold;
}

.complete_list_wizzard span.input-group-addon {
    line-height: initial;
    font-size: 14px;
}

.complete_list_wizzard li .input-group {
    padding-left: 15px;

}

.list-inline.pull-center {
    margin: 0 auto;
    width: 360px;
}

.container {
    width: 100% !important;
    max-width: 1154px;
}

.list-inline button {
    padding: 10px 10px;
}

.list-inline.pull-center button {
    padding: 15px 30px;
}

.content_top_title {
    height: 50px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e8edf2;
}

.content_top_title .btn {
    text-transform: uppercase;
    min-width: 200px;
    background: #fff;

    border: 1px dashed #cad1d9;
}

.butons-content-mediaplan .btn {
    text-transform: uppercase;
    /*width:50px;*/
}

.butons-content-mediaplan .text-left .btn {
    width: auto;
    margin-right: 10px;
}

.butons-content-mediaplan {
    height: 53px;
}

/*calendar_content strategie*/

.section-calendar-body {
    /*position: fixed;*/
    left: 250px;
    top: 215px;
    right: 0;
    bottom: 0;
    overflow: auto;
}

.calendar-week {
    position: relative;
    padding-bottom: 10px;
}

.calendar-week-head {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    /*background: #fff;*/
}

.calendar-week-table {
    width: 100%;
    min-width: 1000px;
    display: table;
    table-layout: fixed;
}

.calendar-week-names {
    /* text-transform: uppercase;*/
    font-size: 12px;
    line-height: 1.25;
    color: #a8acb3;
}

.calendar-week-row {
    display: table-row;
}

.calendar-week-names .calendar-week-day-cell {
    border-bottom: 1px solid #a1abb4;
    padding: 15px 0 5px;
}

.calendar-week-day-cell.cell-time {
    width: 85px;
    padding: 9px 0;
    border-left: 0;
    vertical-align: top;
}

.calendar-week-day-cell {
    display: table-cell;
    width: 14.285714285714286%;
    vertical-align: top;
    position: relative;
}

.calendar-week-day-cell .day-date {
    color: #000;
    margin-left: 5px;
}

.calendar-week-body {
    position: relative;
    /* border-right: 1px solid #ebecf0;*/
}

.calendar-week-dates .calendar-week-day-cell,
.calendar-week-day-timerange .calendar-week-day-cell {
    border-left: 1px solid #ebecf0;
    border-bottom: 1px solid #ebecf0;
    border-right: 1px solid #ebecf0;
}

.right_strategy_prew_block {
    max-width: none;
}

.calendar-week-day-time {
    position: relative;
    min-height: 130px;
}

.content_top_title .text-left {
    line-height: 50px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
}

.content_top_title .text-right {
    height: 50px;
}

.content_top_title .text-left .fa-facebook {
    background: #4d70a7;
    color: #fff;
    padding: 5px 7px;
    margin-right: 5px;
    border-radius: 2px;
}

.content_top_title .text-center input {
    border: 0;
    text-align: center;
    box-shadow: initial;
    box-sizing: content-box;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;

}

.content_top_title .text-center input:hover,
.content_top_title .text-center input:focus {
}

.content_top_title .text-center input:focus ~ span {
    opacity: 1;
}

.table_stategy td {
    vertical-align: top;
}

.content_top_title .text-center span {
    border: 0;
    text-align: center;
    box-shadow: initial;
    opacity: 0;
    margin-top: 14px;
    margin-right: -40px;
}

.content_top_title .text-center span {
    text-align: center;
    box-shadow: initial;
    opacity: 1;
    position: relative;
    z-index: 999;
    right: 0;
    float: left;
    margin-top: 0;
    margin-right: 0;
}

.content_top_title .text-center .input-group {
    margin: auto;
    width: 100%;
}

.content_top_title .text-center .input-group:hover span {
    opacity: 1;
}

.date-day {
    text-align: right;
    padding: 5px;
    /*border-bottom: 1px solid #ebecf0;*/
}

.inactive_day {
    background: #f5f7f8;
    color: #ccc;
}

.mark_post_calendar {
    height: 5px;
    width: 5px;
    margin: 10px;
    border-radius: 100%;
    display: block;
    float: left;
}

.name_list_calendar {
    margin: 4px 0;
    display: block;
    float: left;
    max-width: 65%;
    height: 18px;
    overflow: hidden;
}

.list_post_calendar_single img {
    height: 20px;
    width: 20px;
    float: right;
    margin: 4px;

}

.list_post_calendar_single {
    border-bottom: 1px solid #ebecf0;
    padding: 5px;
    cursor: pointer;
}

.list_post_calendar_single:hover {
    background: #f0f4f8;
}

.calendar-week-day-cell-saptamina:hover {
    background: #f0f4f8;
}

.hideContent {
    overflow: hidden;

    height: 80px;
}

.showContent {

    height: auto;
}

.showContent {
    height: auto;
}

.show-more {
    padding: 5px 0;
    text-align: center;
}

.show-more a {
    text-transform: uppercase;
    font-size: 10px;
    color: #000;
    font-weight: bolder;
}

.list_post_calendar_single:first-child {
    border-top: 1px solid #ebecf0;
}

.mfp-container {
    padding: 0 !important;
    z-index: 999;
}

.right_popap_strategie {
    margin-right: 0 !important;
    height: 100vh;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.right_popap_strategie {
    margin-right: 0 !important;
    height: 100vh;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ajax-text-and-image {
    margin: 0;
}

.mfp-wrap {
    z-index: 10000 !important
}

.right_popap_strategie h1 {
    margin: 0 15px 0 10px;
    padding-top: 20px;
    display: inline-block;
}

.right_popap_strategie_add h1 {
    margin: 0 15px 0 15px;
    border-bottom: 1px solid #a1abb4;
    padding-top: 35px;
    width: 100%;
    width: -moz-available;
    /* WebKit-based browsers will ignore this. */
    /*width: -webkit-fill-available;*/
    /* Mozilla-based browsers will ignore this. */
}

.right_popap_strategie_add h2 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0 15px 0 15px;
    /*border-bottom: 1px solid #d3d5db;*/
    padding-top: 24px;
    width: 100%;
    width: -moz-available;
    /*width: -webkit-fill-available;*/
    text-align: center;
    font-size: 22px;

}

.right_popap_strategie_add h2 span {
    font-size: 14px;
    color: #999;
    margin: 2px;
}

.right_popap_strategie_add p.descript_tip {
    margin: 0 15px;
    background: #f4f5f8 !important;
    padding: 10px 15px;

}

.title_popap_strategy {
    /*margin-bottom: 20px;*/
}

.title_popap_strategy span {
    font-size: 25px;
    margin: 20px 10px 0 0;
    display: inline-block;
}

.title_popap_strategy span.glyphicons-synchronization {

    margin: 0 10px 0 0 !important;

}

.information_popap_strategy {
    color: #a1abb4;
    /*height: 70px;*/
    overflow: hidden;
    padding: 0;
}

.right_popap_strategie_container {
    /*height: calc( 100vh - 100px);*/
    overflow: hidden;
    /*overflow-y: auto;*/
}

.my-mfp-slide-right.mfp-ready.mfp-bg {
    z-index: 10000;
}

.right_popap_strategie_container img {
    /* width: 100%;*/
}

.strategy_container_text {
    border: 1px dashed #a1abb4;
    padding: 20px;
    border-top: none;
}

.strategy_container_text h3 {
    margin: 0;
    padding: 0 0 10px;
}

.carousel-inner {
    overflow: initial;
}

.carousel-inner .item {
    padding: 0 0;
}

.strategy_container_data {
    text-align: center;
    padding: 27px 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
}

.arr-strategy {
    position: absolute;
    display: block;
    font-size: 28px;
    color: #000;
    z-index: 9;
    top: 19px;
}

.right-arr-strategy {
    right: 20px;
}

.information_popap_strategy button span {
    font-size: 21px;
    color: #33bbe5
}

.arrow_strategy {

    position: absolute;
    width: 100%;
    /*border-top: 1px solid #ddd;*/
    /*  padding-left: 20px;*/
}

.calendar_right_butons button {
    width: auto;
}

.calendar_right_butons .button_change {
    margin-right: 0;
}

.right_popap_calendar {
    min-height: 100vh;
    box-shadow: 0 0 20px -15px #000;
    background: #fff;
}

.dialog-create-calendar {
    padding: 0 !important;
}

.creaza_calendar_popap h1 {
    border-bottom: 1px solid #a1abb4 !important;

}

.agency_select_container {
    margin-right: 10px;
    outline: none;
    width: 220px;
}

.agency_select_container button {
    padding: 3px 25px  3px  3.5px !important;
    margin: 0 !important;
    height: 39px;
    background: #fff !important;
    color: #000;
    border: 1px solid #d3d5db
}

.agency_select_container .btn-group button:hover,
.agency_select_container button:focus,
.agency_select_container button:active {
    background: #fff !important;
}

.agency_select_container button span {
    height: 32px;
    line-height: 30px;
    display: flex !important;
}

.agency_select_container .dropdown-menu li {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.agency_select_container i {
    margin-right: 5px;
}

.agency_select_container .btn-group {
    border: 0;
    height: 40px;
}

.agency_select_container h3 {
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
}

.dropdown-menu,
.bs-caret {
    outline: none !important;
}

.bs-caret {
    height: 20px;
}

.agency_select_container .dropdown-menu li a span.text {
    vertical-align: top;
    padding-top: 7px;
}

.agency_select_container .form-control {
    height: 34px;
}

.brand_select_1 {
    background-image: url(/img/agenstvo_m.png);
    width: 30px;
    height: 30px;
    background-size: contain;
}

.brand_select_2 {
    background-image: url(/img/braand2.png);
    width: 30px;
    height: 30px;
    background-size: contain;
}

.brand_select_3 {
    background-image: url(/img/braand3.png);
    width: 30px;
    height: 30px;
    background-size: contain;
}

.brand_select_4 {
    background-image: url(/img/braand4.png);
    width: 30px;
    height: 30px;
    background-size: contain;
}

.brand_select_5 {
    background-image: url(/img/braand5.png);
    width: 30px;
    height: 30px;
    background-size: contain;
}

.brand_select_6 {
    background-image: url(/img/braand6.png);
    width: 30px;
    height: 30px;
    background-size: contain;
}

.brand_select_7 {
    background-image: url(/img/braand7.png);
    width: 30px;
    height: 30px;
    background-size: contain;
}

.create_company_select {
    background-image: url(/img/plus_circle.png);
    width: 30px;
    height: 30px;
    background-size: contain;
}

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

.nav-stacked i {
    height: 30px;
    line-height: 26px;
}

.submenu.inactive {
    display: none !important;
}

.submenu.active {
    display: block !important;
}

.right_popap_calendar .bootstrap-select {
    width: 100% !important;
    border-top: 0;
}

.bootstrap-select > .dropdown-toggle {
    padding: 10px 25px 10px 10px;
    text-align: left;
}

.bootstrap-select .dropdown-menu {
    max-width: 100%;
    overflow: hidden;
}

.post_create_right .pull-left .fa {
    font-size: 8px;
    margin-right: 5px;
    vertical-align: middle;
}

.color-tip-1 {
    color: #f84f30;
    font-size: 8px !important;
    vertical-align: middle;
    margin-right: 5px;
}

.color-tip-2 {
    color: #33bbe5;
    font-size: 8px !important;
    vertical-align: middle;
    margin-right: 5px;
}

.color-tip-3 {
    color: #b1e533;
    font-size: 8px !important;
    vertical-align: middle;
    margin-right: 5px;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .125);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .125);
}

.calendar_create {
    margin-top: 20px;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    font-size: 40px !important;
    font-weight: normal !important;
}

.contain_add_post {
    border: 1px dashed #a1abb4;
    padding: 10px;
    margin-top: 10px;

}

/*LOAD*/

/*

.AttachmentsCarouselSlide {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 20px solid transparent;
        border-right-width: 20px;
        border-left-width: 20px;
    border-left-width: 65px;
    border-right-width: 65px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.AttachmentsCarouselSlide-loader, .AttachmentsCarouselSlide-nonImagePlaceholder {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.LoadingIndicator {
    -webkit-animation: animation-fadeIn 1s ease-in;
    animation: animation-fadeIn 1s ease-in;
    height: 32px;
    margin: auto;
    overflow: hidden;
    width: 32px;
}

.LoadingIndicator-circle {
    -webkit-animation: LoadingIndicator-rotation 0.67s linear infinite;
    animation: LoadingIndicator-rotation 0.67s linear infinite;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAzMiAzMic+PGxpbmVhckdyYWRpZW50IGlkPSdGYXN0TG9hZGluZ0luZGljYXRvci1saW5lYXJHcmFkaWVudCcgZ3JhZGllbnRVbml0cz0ndXNlclNwYWNlT25Vc2UnIHgxPScxLjc4MDQnIHkxPScxNi4wMzc5JyB4Mj0nMzAuMTQzOScgeTI9JzE2LjAzNzknPjxzdG9wIG9mZnNldD0nMC40MTY5JyBzdG9wLWNvbG9yPScjQ0RDRkQyJy8+PHN0b3Agb2Zmc2V0PScwLjkzNzYnIHN0b3AtY29sb3I9J3JnYmEoMjQ4LDI0OCwyNDksMCknLz48L2xpbmVhckdyYWRpZW50PjxjaXJjbGUgY3g9JzE2JyBjeT0nMTYnIHI9JzEyLjcnIHN0eWxlPSdmaWxsOiBub25lOyBzdHJva2U6IHVybCgjRmFzdExvYWRpbmdJbmRpY2F0b3ItbGluZWFyR3JhZGllbnQpOyBzdHJva2Utd2lkdGg6IDI7Jz48L2NpcmNsZT48L3N2Zz4=");
    height: 100%;
    width: 100%;
}*/

.social_conect {
    /* margin:20px 0;*/
}

.facebook_programat {
}

.facebook_programat i {
    background: #4c6fa6;
    color: #4c6fa6;
    font-size: 18px;
    padding: 5px;
}

.facebookk_conmtainer_added {
    border: 1px solid #4c6fa6;
    margin: 0 0 20px 0;
    padding: 0;

}

.facebook_programat i {
    background: #4c6fa6;
    padding: 15px 20px;
    color: #fff;
    font-size: 18px;
}

.facebook_programat span {
    text-transform: uppercase;
}

.facebook_programat span {
    margin-left: 10px;
}

.left_popapcalendar .nav-pills {
    margin: 10px 15px 30px;
    font-size: 13px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    /*background: #33bbe5;*/
}

.nav-pills > li > a {
    border-radius: 0;
}

.left_popapcalendar .tab-content .tab-pane .unclickable {
    padding: 12px 12px 5px 12px;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5 currentcolor;
    border-radius: 3px;
}

.left_popapcalendar .tab-content img {
    /*float:left;*/
}

.left_popapcalendar .nav-pills li a {
    color: #18232d;
}

.left_popapcalendar .nav-pills li.active a {
    color: #fff;
}

.left_popapcalendar .nav-pills li.active a:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 35px;
    width: 0;
    height: 0;
    border-top: 8px solid #18232d;
    border-right: 20px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 20px solid transparent;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}

.title_tight_popap img {
    height: 40px;
    width: 40px;
    float: left;
    border-radius: 100%;
}

.buttons_facebooc_programat {
    float: right;
    margin-right: 3px;
}

.buttons_facebooc_programat button {
    margin: 8px 5px 5px 0;
    background-color: #337ab7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 11px;
    border: 0;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 0 15px;
    height: 30px;
}

.facebook_programat i {
    float: left;
}

.facebook_programat p {
    float: left;
    margin: 15px;
}

.buttons_facebooc_cancel {
    background: #f4f5f8 !important;
    color: #555 !important;
}

.title_tight_popap {
    float: left;
    /*margin-left:10px;*/
}

.title_tight_popap .title_tight_popap {
    float: left;
    margin-left: 10px;
}

.title_tight_popap h3 {
    color: #3b599e;
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: bold;
}

.text_tight_popap {
    padding: 10px 0;
    margin: 10px 0;
    width: 100%;
}

.text_tight_popap {
    border: 0;

}

.image_right_popap_empty {

    border: 1px solid #dbdbdb;
}

.images_right_popap {
    text-align: center;
}

.image_right_popap_empty span {
    color: #dbdbdb;
    font-size: 34px;
    margin-top: 34px;
    margin-bottom: 10px;
}

.image_right_popap_empty p {
    color: #a1a2a4;
    text-transform: uppercase;
    font-size: 11px;
}

.image_right_popap {
    height: 125px;
    width: 125px;
    position: relative;
}

.image_right_popap img {
    width: 100%;
}

.image_right_popap_empty,
.image_right_popap {
    float: left;
}

.image_right_popap {
    margin-right: 5px;
    margin-bottom: 5px;
    text-align: center;
    cursor: pointer;
}

.image_right_popap:hover {
    border-color: #c8c8c8;
}

.mask_right_popap_image {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.image_right_popap:hover .mask_right_popap_image {
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.mask_right_popap_image a {
    color: #fff;
}

.download_right_image,
.delete_right_image {
    position: absolute;
}

.download_right_image {
    left: 5px;
    top: 5px;
}

.delete_right_image {
    right: 5px;
    top: 5px;
}

.content_left_prew {
    margin-top: 10px;
}

.publicat {
    color: #218000;
}

.nepublicat {
    color: #848f99;
}

.status_calendar_luna {
    padding: 5px 5px 5px 10px;
    line-height: 10px;
    border-top: 1px solid #ebecf0;
    border-bottom: 1px solid #ebecf0;
    margin: 5px 0 10px;
}

.status_calendar_luna_publicat {
    float: left;
    font-size: 11px;
    margin-top: 2px;
}

.status_calendar_luna_publicat .icon_status {
    margin-right: 5px;
}

.status_calendar_luna_tip {
    float: right;
}

.status_calendar_luna .status_calendar_luna_tip span {
    font-size: 16px;
}

.default_img {
    background: linear-gradient(90deg, #f3f5f6 0%, #f3f5f6 40%, #ffffff 50%, #f3f5f6 60%);
    background-size: 200% 200%;
    animation: Animation-default 2s linear infinite;
    text-align: center;
    border: 1px solid #f3f5f6;
}

.default_img span {
    color: #dbdbdb;
    font-size: 70px;
    margin-top: 100px;
    margin-bottom: 100px;
}

@-webkit-keyframes Animation-default {
    0% {
        background-position-x: 200%
    }
    100% {
        background-position-x: 0%
    }
}

/*emoji*/

.main-content {
    background: #fff;
    position: relative;
}

.main-content textarea {
    width: 100%;
    font-size: 14px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -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);
    -moz-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.main-content textarea {
    min-height: calc(9em + 2px);
    overflow: auto;
    padding: 6px 24px 6px 12px;
    line-height: 1.42857143;
    height: auto;
}

.emojionearea:not(.emojionearea-inline) .emojionearea-editor {
    min-height: 0em;
}

.main-content textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    -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);
}

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

#message-box {
    resize: none;
    width: 400px;
    min-height: 100px;
    padding: 5px;
    overflow: hidden;
    box-sizing: border-box;
}

.left_popapcalendar {
    height: 100vh;
    background: #fff;
    right: -457px;
    -webkit-transition: all 0.2s ease 0.5s;
    -moz-transition: all 0.2s ease 0.5s;
    -o-transition: all 0.2s ease 0.5s;
    transition: all 0.2s ease 0.5s;
}

.mfp-ready .left_popapcalendar {
    right: 0;
}

.calendar-week-day-cell-saptamina {
    min-height: 150px;
}

.brand_status {
    font-size: 10px;
    height: 30px;
}

.brand_status span {
    margin: 5px -5px 0 10px;
}

.brand_status span.fa-comment {
    padding: 0;
    font-size: 14px;
    color: #c3cde1;
}

.brand_status span.fa-comment.active {
    color: #f84f30;
}

.brand_status span.fa-comment span {
    padding: 0 3px;
    font-weight: bold;
    font-family: proxima, sans-serif;
    font-size: 14px;
}

.saptamina_post {
    padding: 0 10px;
}

.saptamina_post img {
    width: 100%;
}

.saptamina_post h3 {
    font-weight: bold;
    margin: 10px 0 2px;
    font-size: 12px;
    text-transform: uppercase;
}

.saptamina_post span {
    font-size: 11px;
    color: #848f99;
}

.send_apruv_button {
    display: block;
    font-weight: bold;
    margin: 10px auto 30px;
}

.send_apruv_button i {
    margin-right: 5px;
}

.status_calendar_luna_tip span {
    color: #c3cde1;
}

.place_container {

    padding-top: 5px;

}

.place_container img {
    max-width: 100%;
}

.content_left_prew img {
    max-width: 100%;
}

.padding_1_col {
    padding: 1px;
}

._52d9 {
    background-color: rgba(0, 0, 0, .4);
    bottom: 0;
    color: #fff;
    font-size: 35px;
    font-weight: normal;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

._52da {
    display: table;
    height: 100%;
    width: 100%;
}

._52d9 {
    color: #fff;
    font-size: 35px;
    font-weight: normal;
}

._52db {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.slider-pr {
    text-align: left !important;
}

.slider-pr h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin: 0;
}

.slick-center .slide-h3 {
    /* color: #FFF;*/
}

.slider-pr {
    /*width: 420px;*/
    /* height: 150px;*/
    text-align: center;
}

.slider div {
    margin-right: 5px;
}

.slide-h3 {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 1px 4px rgba(0, 0, 0, .05);
    margin: 0 6px 0 0;
    white-space: normal;
}

.slick-slide {
    opacity: .6;
    width: 10px;
}

.slick-center {
    display: block;

    opacity: 1;
}

.date_carusel_redact_text {
    border: 1px solid #d3d5db;

}

.date_carusel_redact_text .text_tight_popap {
    margin: 5px 0;
}

.tab-add-carusel .nav-tabs {
    background: #f9f9f9;
}

.tab-add-carusel .nav-tabs > li {
    position: relative;
    width: 10%;
    text-align: center;
}

.tab-add-carusel .nav-tabs > li > a {
    display: inline-block;
    width: 100%;
    border-radius: 0;
    font-size: 18px;

}

.tab-add-carusel .nav-tabs > li > span {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 6px;
    top: 0;
    color: #f93e00;
    font-family: proxima, sans-serif;
    font-weight: bold;
}

.tab-add-carusel .nav-tabs > li:hover > span {
    display: inline-block;
}

.tab-add-carusel .tab-content {
    border: 1px dashed #a1abb4;
    padding: 10px;
    border-top: 0;
}

.tab-add-carusel-img-descript {
    float: left;
    margin-left: 10px;
    color: #ccc;
}

.slide_title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    margin: 5px 0;
}

.focus-textarea {
    width: 100%;
}

.focus-textarea span {
    top: 15px !important;
}

.focus-textarea input {
    padding-right: 50px;
}

.delete-slide-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.tab-content > .tab-pane {
    position: relative;
}

._4ozq {
    position: relative;
    clear: both;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1) inset, 0 1px 4px rgba(0, 0, 0, .05);
}

._5eut {
    height: 70px;
    padding: 6px 8px;
}

._4ozq ._1ig7 {
    bottom: -4px;
    position: relative;
    z-index: 0;
}

._1fsn {
    margin: 15px 2px 0 2px;
    z-index: 15;
}

.rfloat {
    float: right;
}

._ohf {
    float: right;
}

._4jy3,
._4jy3._42fr:active,
._4jy3._42fr._42fs {
    line-height: 22px;
}

._517h,
._59pe:focus,
._59pe:hover {
    background-color: #f6f7f9;
    border-color: #ced0d4;
    color: #4b4f56;
}

._4jy0 {
    transition: 200ms cubic-bezier(.08, .52, .52, 1) background-color, 200ms cubic-bezier(.08, .52, .52, 1) box-shadow, 200ms cubic-bezier(.08, .52, .52, 1) transform;
}

._4jy0 {
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-radius: 2px;
    box-sizing: content-box;
    font-size: 12px;
    -moz-osx-font-smoothing: grayscale;
    font-weight: bold;
    justify-content: center;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
}

._42ft {
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
}

._4jy0::before {
    content: '';
    display: inline-block;
    height: 20px;
    vertical-align: middle;
}

._1032 {
    color: #000;
    font-weight: bold;
    height: 36px;
    margin-bottom: 1px;
    margin-top: 1px;
}

._1032,
._1m-h {
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
}

._1m-h {
    color: #1d2129;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar_media_add {
    border: 1px dashed #a1abb4;
    margin-bottom: 20px;
}

.calendar_media_add .form-group {
    padding: 10px;
}

.calendar_media_add p {
    padding: 10px;
    border-bottom: 1px solid #d3d5db;
}

.but_link_add {
    margin-top: 10px;
}

.but_link_add1 {
    width: 48%;
    float: left;
}

.but_link_add2 {
    width: 48%;
    float: right;
}

.but_link_add2 button {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    margin: 0 0 0 0 !important;
}

.but_link_add .focus-textarea input {
    margin: 0 0 10px !important;
    height: 40px !important;
}

.unclickable {
    position: relative;
    max-width: 440px;
    margin: auto;
}

.unclickable .unclickableMask {
    background: url(/img/-PAXP-deijE.gif) repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}

._47we {
    float: right;
    margin: 0;
    margin-right: 0;
}

.sp_UJDMZc714Ke.sx_934f8c {
    width: 16px;
    height: 16px;
    background-position: -552px -1033px;
}

.sp_sHYA6SkUZfZ_3x.sx_579808 {
    width: 24px;
    height: 24px;
    background-position: -55px -113px;
}

.sp_UJDMZc714Ke {
    background-image: url(/img/s1o4f8UMBek.png);
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
    height: 44px;
    width: 20px;
}

.sp_sHYA6SkUZfZ_3x {
    background-image: url(/img/fBjA8_IwJif.png);
    background-size: 103px 337px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    width: 16px;
}

._4jy0 .img {
    bottom: 1px;
    position: relative;
    vertical-align: middle;
}

.mobile_prew {
    width: 320px;
    margin: 0 auto;
    border: 0 !important;
    border-top: 10px solid #dddfe2 !important;
}

.nav-pills a {
    -webkit-transition: all 0s linear;
    -moz-transition: all 0s linear;
    -o-transition: all 0s linear;
    transition: all 0s linear;
}

.async_fan .async_fan_saving_show,
.touch .async_fan .async_fan_saving_show,
.touch .async_fan_saving .async_fan_saving_hide {
    display: none;
}

._5qc1 {
    font-size: 13px;
    line-height: 17px;
}

._5rgt p,
._5t8z p {
    margin-bottom: 6px;
}

._2zh4,
._15ks {
    background: #f3f3f3;
    font-size: 12px;
    line-height: 36px;
    display: inline-flex;
    width: 100%;
    border-top: 1px solid #d6d8db;
}

._2zh4 a,
._15ks a {
    color: #5e5e5e;
    display: block;
    padding: 0 15px;
    font-weight: bold;
    position: relative;
}

._15kl a::before {
    border-left: 1px solid #d6d8db;
    bottom: 7px;
    content: '';
    left: 0;
    position: absolute;
    top: 7px;
}

.fbEmuPreview {
    background-color: #fff;
    padding: 10px;
    width: 254px;
    border: 0 !important;
    margin: 0 auto;
}

.q_b603_kx3g {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.28;
    padding-top: 10px;
}

.q_b603_kx3g .w_b603_kx3h,
.q_b603_kx3g .n_b603_kx3e {
    color: #3b5998;
    white-space: nowrap;
}

.mobile_prew_carusel .content_left_prew {
    margin-left: -60px;
}

.mobile_prew_carusel .nouazeci_inte {
    width: 200px !important;
}

.mobile_prew_carusel .slick-arrow {
    display: none !important;
}

.m50_procent {
    width: 50%;
    float: left;
    padding-right: 3px;
}

._6m3 {
    border: 1px solid #ccc;
    padding: 10px 15px;
}

._5s6c {
    font-family: Georgia, serif;
    letter-spacing: normal;
}

._6m6,
._6m6._6m6._6m6._6m6 {
    font-family: Georgia, Lucida Grande, Tahoma, Verdana, Arial, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 5px;
    max-height: 110px;
    overflow: hidden;
    word-wrap: break-word;
}

._6m3 ._6mb {
    font-size: 11px;
    line-height: 11px;
    text-transform: uppercase;
    margin-top: 6px;
}

._6m3 ._6mb,
._6m3 ._d5q,
._6m3 ._59tj ._6mb a {
    color: #90949c;
}

.fbEmuPreview .default_img span {
    color: #dbdbdb;
    font-size: 50px;
    margin-top: 70px;
    margin-bottom: 70px;
}

.manevrare_post li {
    margin-bottom: 5px;
    /*display: flow-root;*/
    position: relative !important;
}

.manevrare_post div {
    float: right;
}

.manevrare_post span {
    color: #c6cbd0;
    border: 2px solid #c6cbd0;
    height: 40px;
    line-height: 35px;
    width: 40px;
    border-radius: 100%;
    text-align: center;
    font-size: 20px;

}

.text_m_but {
    float: right;
    height: 40px;
    line-height: 40px;
    margin-right: 5px;
    text-transform: uppercase;
    opacity: 0;
    transition: 0.2s;
    font-weight: 600;
    font-size: 10px;
}

.manevrare_post li:hover .text_m_but {
    opacity: 1;

}

.sheudle-color.active,
.sheudle-color.active span {
    color: #5777ac;
    border-color: #5777ac;
}

.ok-color.active,
.ok-color.active span {
    color: #218000;
    border-color: #218000;
}

.sheudle-color:hover,
.sheudle-color:hover span {
    color: #5777ac;
    border-color: #5777ac;
}

.ok-color:hover,
.ok-color:hover span {
    color: #218000;
    border-color: #218000;
}

.redact-color:hover,
.redact-color:hover span {
    color: #33bbe5;
    border-color: #33bbe5;
}

.copy-color:hover,
.copy-color:hover span {
    color: #ffb400;
    border-color: #ffb400;
}

.sterge-color:hover,
.sterge-color:hover span {
    color: #bc2328;
    border-color: #bc2328;
}

.drept-color:hover,
.drept-color:hover span {
    color: #7500a6;
    border-color: #7500a6;
}

.publicate_container {
    margin-top: 30px;
}

.manevrare_post li {
    opacity: 0;
    transition: 0.2s;
}

.publicate_container_single:hover .manevrare_post li {
    opacity: 1;
}

.publicate_container_single {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e8edf2;
}

.publicate_container_single .unclickable {
    width: 500px;
}

.manevrare_post .active,
.manevrare_post .active .text_m_but {
    opacity: 1;
}

/*** The timeline styles and structure ***/

.tl-wrapper {
    /*background: #e4f0f4;*/
    min-height: 1px;
    position: relative;
    padding-top: 20px;
}

.timeline {
    position: relative;
    width: 100%;
    min-height: 1px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.timeline li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

/*** The items ***/

.tl-item {
    visibility: hidden;
    overflow: hidden;
    z-index: 0;
}

.tl-item .tl-copy {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
}

.tl-item .tl-image {
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
}

.tl-item.tl-active {
    visibility: visible;
    z-index: 10;
}

.tl-item.tl-active .tl-copy {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.tl-item.tl-active .tl-image {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.tl-image {
    float: left;
    width: 60%;
}

.tl-image img {
    display: block;
}

.tl-copy {
    width: 40%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    /*background: #289ecb;
  color: #fff;*/
}

.tl-copy:after {
    /*content: "";
  position: absolute;
  bottom: 30px;
  left: -19px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 21px 20px 21px 0;
  border-color: transparent #289ecb transparent transparent;*/
}

/*** The arrows for the items ***/

.tl-items-arrow-left,
.tl-items-arrow-right {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 40px;
    margin-top: -40px;
    z-index: 100;
}

.tl-items-arrow-left:before,
.tl-items-arrow-left:after,
.tl-items-arrow-right:before,
.tl-items-arrow-right:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 28px;
    height: 2px;
    background: #000;
}

.tl-items-arrow-left {
    left: -10px;
}

.tl-items-arrow-left:before {
    top: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tl-items-arrow-left:after {
    bottom: 0;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tl-items-arrow-right {
    right: -10px;
}

.tl-items-arrow-right:before {
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tl-items-arrow-right:after {
    bottom: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/*** The nav's styles ***/

.tl-nav-wrapper {
    position: absolute;
    bottom: 10px;
    left: 0;
    margin: 0;
    padding: 0 0 0 0;
    border-top: 1px dashed #ddd;
    overflow-x: hidden;
    width: 100%;
}

.tl-nav-wrapper:before,
.tl-nav-wrapper:after {
    content: "";
    width: 38px;
    height: 86px;
    position: absolute;
    top: 0;
    background: #f0f0f0;
    z-index: 50;
}

.tl-nav-wrapper:before {
    left: 0;
}

.tl-nav-wrapper:after {
    right: 0;
}

.no-csstransforms .tl-nav-wrapper {
    overflow-x: auto;
}

.tl-nav {
    list-style: none;
    margin: 0;
    padding: 16px 50px;
    border-top: 1px dashed transparent;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.tl-nav li {
    width: 70px;
    height: 70px;
    position: relative;
    float: left;
    cursor: pointer;
    margin-right: 1rem;
    font-size: 12px;
    text-align: center;
}

.tl-nav li div {
    width: 54px;
    height: 54px;
    margin: auto;
    background: #289ecb;
    color: #fff;
    padding-top: 9px;
    border-radius: 1000px;
    -webkit-transition: 0.6s ease;
    transition: 0.6s ease;
}

.tl-nav li:hover div,
.tl-nav li.tl-active div {
    width: 70px;
    height: 70px;
    background: transparent;
    color: #289ecb;
    border: 1px solid #289ecb;
    font-size: 20px;
    padding-top: 6px;
}

.date_circle_2 {
    font-size: 14px;
}

.tl-nav li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -2px;
    background: #289ecb;
    border-radius: 1000px;
}

/*** The nav's nav styles ***/

.tl-nav-arrow-left,
.tl-nav-arrow-right {
    position: absolute;
    width: 12px;
    height: 20px;
    top: 40%;
    z-index: 100;
}

.tl-nav-arrow-left:before,
.tl-nav-arrow-left:after,
.tl-nav-arrow-right:before,
.tl-nav-arrow-right:after {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 4px;
    background: #289ecb;
}

.tl-nav-arrow-left {
    left: 9px;
}

.tl-nav-arrow-left:before {
    top: 0;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tl-nav-arrow-left:after {
    bottom: 0;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tl-nav-arrow-right {
    right: 9px;
}

.tl-nav-arrow-right:before {
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tl-nav-arrow-right:after {
    bottom: 0;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.no-csstransforms .tl-nav-arrow-left,
.no-csstransforms .tl-nav-arrow-right {
    display: none;
}

.tl-copy .page-posts-comment-root {
    min-height: calc(100vh - 550px);
}

.menu_post_calendar {
    position: absolute;
    right: 10px;
}

.btn-calendar-more {
    background: transparent;
    font-size: 14px;
    height: 30px;
    line-height: 19px;
    color: #c3cde1;
    width: 50px;
    text-align: right;
}

.btn-calendar-more:hover {

    color: #555;

}

.spre_aprob_blok li {
    position: relative;
}

.spre_aprob_blok .nav li {
    width: 50%;
}

.spre_aprob_blok ul.nav {
    margin-top: 20px;
}

.aproba_list_punct {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.to_aprove_actions li i {
    color: #bac3d0;
    font-size: 16px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}

.to_aprove_actions li button:hover i {
    color: #fff;
    background: #bac3d0;
}

.to_aprove_actions button {
    background: transparent;
}

.spre_aprob_blok_exter h3 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 30px;
}

.spre_aprob_blok_exter .nav-tabs {
    text-align: center;
}

.aproba_list_punct .post-comment-content-wrapper {
    line-height: 37px;
    padding-left: 10px;
}

.aproba_list_punct .media-heading {

    margin: 0;
}

.neaprobat {
    color: #db0000;
    font-weight: 700;
    text-align: right;
    font-size: 12px;
}

.aprobat {
    color: #000;
    font-weight: 700;
    text-align: right;
    font-size: 12px;
}

.display-table {
    display: table;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

/*.tab-content .drepturi-list {
    border-top: 0 solid #ddd;
}*/

.drepturi-list {
    width: 100%;
    border-top: 1px solid #ddd;
}

.drepturi-list button {
    background: transparent;
}

table.drepturi-list li {
    float: right !important;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
}

.drepturi-list .drept_name {
    padding-left: 10px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 12px;
    color: #737373;
}

.drepturi-list i {
    color: #bac3d0;
    font-size: 16px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
}

.drepturi-list button:hover i {
    color: #fff;
    background: #bac3d0;
}

.drepturi-list button {
    margin-left: 10px;

}

.drepturi-list td {
    padding-left: 20px;

}

.drepturi-list tr {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.drepturi-list .fa-send-o {
    border: 1px solid #bac3d0;
}

.drepturi-list .fa-check {
    border: 1px solid #bac3d0;
    color: #33bbe5;
    font-size: 21px;
    line-height: 31px;
}

.date_grey {
    color: #a9a9a9;
    font-size: 11px !important;
    font-weight: 100;
}

.nav-tabs > li > a {
    margin-right: 0;
}

.publicate_container_single_slide {
    overflow: auto;
    height: calc(100vh - 445px);
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 0;
    display: none;
    z-index: 999;
    left: 0;
    width: 220px;
}

.ekko-lightbox {

    z-index: 99999;
}

.modal-backdrop {
    z-index: 99998;
}

.zoom_right_image {
    font-size: 30px;
}

.zoom_right_image span {
    padding-top: 45px;
}

.modal-header {
    padding: 10px;
    border-bottom: 0 solid #e5e5e5;
    position: absolute;
    z-index: 9;
    right: 0;
    left: 0;
}

.modal-header button {
    color: #fff;
}

.modal-body {
    position: relative;
    padding: 0;
}

.modal-footer {
    padding: 0;
    text-align: initial !important;
    border-top: 0 solid #e5e5e5;
    position: absolute;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    z-index: 99;
    opacity: 0;
    transition: 0.5s;
}

.modal-content:hover .modal-footer {
    opacity: 1;
}

.modal-footer a {
    color: #fff;
}

.name_image_modal {
    float: left;
    padding: 15px 30px;
}

.name_image_modal p {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
}

.name_image_modal span {
    color: #848f99;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.button_image_modal {
    float: right;
}

.button_image_modal a {
    padding: 0 20px;
    display: table-cell;
    height: 70px;
    text-transform: uppercase;
    line-height: 70px;
    border-left: 1px solid #284b5a;
}

.button_image_modal a:hover {
    background: rgba(0, 0, 0, 0.3);
}

.button_image_modal a .glyphicons {
    line-height: unset;
    margin-right: 5px;
    color: #0fa7fe;
}

.ekko-lightbox-nav-overlay a:last-child span {
    text-align: right;
    display: flex;
    right: 0 !important;
    position: absolute;
    top: 0;
    bottom: 70px;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
}

.ekko-lightbox-nav-overlay a:first-child span {
    text-align: right;
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    bottom: 70px;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.4);
    right: auto !important;
}

.filtru_publicate {
    border: 1px solid #e8edf2;
}

.filtru_publicate span {
    font-size: 18px;
}

.filtru_publicate .btn-group {
    border: 0;
}

.filtru_publicate .btn.dropdown-toggle {
    margin: 0;
    padding: 0 20px;
    background: transparent;
    font-size: 14px;
    border-top: 0;
    border-bottom: 0;
    border-right: 1px solid #e8edf2;
    border-left: 0 solid #e8edf2;
    height: 40px;
    color: #000;
    width: 200px !important;
    text-transform: none;
}

.filtru_publicate .btn.dropdown-toggle:hover {
    background: transparent;

}

.filtru_publicate .btn.dropdown-toggle span {
    font-size: 14px;
}

.filtru_publicate span.text {
    font-size: 14px;
}

.filtru_publicate .btn-group {
    float: left !important;
}

.arrow_jurnal_left {

    width: 10%;
    float: left;

}

.arrow_jurnal_right {

    width: 10%;
    float: left;
}

.data_jurnal_center {
    text-align: center;
    margin: auto;
    float: left;
    width: 80%;
    font-size: 28px;
}

.jurnal_blok_top {
    font-size: 18px;
}

.jurnal_blok {
    margin-top: 50px;
}

.jurnal_blok_top i {
    background: #fff none repeat scroll 0 0;
    border: 1px dashed #a1abb4;
    color: #000;

    box-sizing: border-box;

    height: 40px;
    text-align: center;
    line-height: 40px;

    cursor: pointer;
}

.jurnal_blok_top i:hover {
    background: #ddd;
}

.jurnal_blok_top {
    margin-bottom: 20px;
    border-bottom: 1px dashed #ddd;
    height: 60px
}

.block_jurnal {
    border: 1px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 15px;
    height: 150px;
    text-align: center;
    position: relative;
}

.jurnal_blok_top {
}

.jurnal_blok_bottom {
    padding: 0 !important;
}

.luna_tile_jurnal {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 10px;
    text-transform: uppercase;
    color: #ddd;
}

.blok_jurnal_exist button {
    padding: 10px 20px;
    color: #fff;
    background: #25a5cc;
    margin-top: 60px;
    text-transform: uppercase;
    border-radius: 2px;
}

.blok_jurnal_create button {
    display: block;
    margin-top: 35px;
    color: #ddd;
    opacity: 0;
    transition: 0.1s;
    width: 100%;
    border: 0;
}

.blok_jurnal_create:hover button {
    opacity: 1;
    color: #ddd;
    box-shadow: 0 0 0;
}

.blok_jurnal_create:active button {

    color: #ccc !important;

}

.blok_jurnal_create i {
    border-radius: 100%;
    border: 1px solid #ddd;
    font-size: 36px;
    margin-bottom: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.jurnal_notificare {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    line-height: 30px !important;
    border-top: 1px solid #ddd;
}

.jurnal_notificare span {
    margin-top: 10px;
}

.jurnal_notificare {
    color: #a1a1a1;
}

.welcome_block {
    text-align: center;
}

.welcome_block {
    font-size: 16px;
    padding-top: 150px;
}

.uppercase {
    text-transform: uppercase;
}

.perioada_luna_calendar th {
    text-align: center;
}

.perioada_luna_calendar tr span {
    width: 15.7%;
    display: inline-block;
    text-align: center;
}

.complete_list_wizzard li:last-child {
    height: auto;
    border: 0;
}

.desc-4 {
    margin-top: 0;
}

.title_content {
    margin: 10px auto;
    display: inherit;
}

.title_content p {
    font-size: 14px;
    float: left;
    text-transform: uppercase;
    font-weight: 600;

}

.title_content .dropdown {
    float: left;
    margin-left: 5px;
    margin-top: 1px;
    opacity: 0
}

.title_content:hover .dropdown {

    opacity: 1
}

input,
textarea,
select,
a {
    outline: none !important;
}

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

.options_card_icon {
    padding: 6px 20px;
    width: auto !important;
}

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

.btn-token {
    margin-left: 15px;
    font-size: 10px;
    background: #fff none repeat scroll 0 0 !important;
    border: 1px dashed #a1abb4 !important;
}

.btn-token:hover {
    color: #fff;
    border: 1px solid #25a5cc !important;
    background: #25a5cc !important;
}

.tabs-menu-general-graphic li a:hover {
    background: #fff none repeat scroll 0 0;
    color: #33bbe5;
    border: 1px solid #33bbe5 !important;
}

.tabs-menu-all-posts .current a {
    background: #fff none repeat scroll 0 0;
    color: #000;
    border: 1px solid #33bbe5;
}

.tabs-menu-all-posts .current a i {
    color: #33bbe5;
}

.hamburger_menu {
    position: absolute;
    right: 15px;
    font-size: 17px;
    z-index: 999;
    cursor: pointer;
    color: #bdc3d1;
}
.hamburger_menu:hover {
    color: #555;
}

.aside-link-label {
    position: absolute;
    left: 129px;
    top: 15px;
    padding: 0 8px;
    border-radius: 2px;
    color: #fff;
    background: #41586c;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    line-height: 18px;
}

/*.sidebar-nav li:first-child a {
    color: #555f63;
}*/

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

.top_10 {
    margin-top: 10px;
}

.atribute-item .button_active_module {
    width: 100%;
    margin-bottom: 10px;
}

.no_buy_module {
    color: #d1d3d5;
}

.container_agecy_module button {
    color: #d1d3d5;
    border: 1px dashed #d1d3d5;
}

.no_buy_module button {
    border: 1px dashed #a1abb4;
    color: #000;
}

.info_icon_right {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
    padding: 10px;
    border: 1px dashed transparent;
    cursor: pointer;
}

.info_icon_right:hover {
    border: 1px dashed #a1abb4;
}

.help_modal {
    width: 400px;
}

.right_popap_strategie_container p {
    /* padding: 10px 20px;
    line-height: 24px;*/
    /*undeva mai atinge*/
}

.dialog-strategie h1 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 0;
    font-size: 30px;
    margin-left: 0 !important;
}

.module_tabs_buy .nav-tabs li {
    width: 50%;
}

.module_tabs_buy .nav-tabs {
    border-bottom: 0 solid #ddd;
}

.module_tabs_buy .nav-tabs li a {
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 2px solid #dfe3e8;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    color: #ccc;
    font-size: 14px;

}

.module_tabs_buy .nav-tabs li a {
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 2px solid #dfe3e8;
    border-top: 0 solid transparent !important;
    border-right: 0 solid transparent !important;
    border-left: 0 solid transparent !important;
    color: #ccc;
}

.module_tabs_buy .nav-tabs li a:focus {

    border-top: 0 solid transparent !important;
    border-right: 0 solid transparent !important;
    border-left: 0 solid transparent !important;

}

.module_tabs_buy .nav-tabs li a:hover {
    background: transparent;
    border-bottom: 2px solid #33bbe5;

}

.module_tabs_buy .nav-tabs li.active a {
    color: #33bbe5;
    border-bottom: 4px solid #33bbe5;
}

.module_exist_cart {
    border: 1px solid #dfe3e8;
    text-align: center;
    margin-top: 15px;
    cursor: pointer;
}

.module_exist_cart_title {
    background: #18232d;
    color: #9ca6aa;
    font-size: 13px;
    height: 50px;
    line-height: 48px;
    padding-left: 10px;
}

.module_exist_cart_title .fa-stack-1x,
{
    top: 16px;
}

.name_modd {
    float: left;
    padding-left: 10px;
}

.number_exist_module {
    font-size: 18px;
    font-weight: bold;
}

.number_exist_module span {
    color: #33bbe5;
}

.module_exist_cart button {
    background: transparent;
    color: #979797;
    text-transform: uppercase;
    margin: 10px;
    font-weight: bold;
}

.module_exist_cart {
    height: 220px;
}

.circle_plus_module {
    height: 75px;
    width: 75px;
    text-align: center;
    line-height: 64px;
    font-size: 63px;
    color: #dfe3e8;
    border: 1px dashed #dfe3e8;
    border-radius: 100%;
    font-weight: normal;
    margin: 45px auto;
}

.cart_add_circle {
    text-align: center;
}

.module_exist_cart:hover {
    border: 1px solid #33bbe5
}

.module_exist_cart_con.open .module_exist_cart {
    border: 1px solid #33bbe5
}

.module_exist_cart_con.open .module_exist_cart .module_exist_cart_title {
    background: #33bbe5;
    color: #fff;
}

.module_exist_cart_con.open .module_exist_cart button {

    color: #33bbe5;
}

.alert_module_popap {
    width: 415px;
    margin: 10px auto;
    padding: 15px;
    display: block;
    border: 1px dashed #ff673e;
    float: none;
}

.alert_module_popap_iner {
    border: 1px solid #ff673e;
    padding: 20px;
}

.alert_module_popap span {

    display: inline-block;
}

.alert_module_popap span.glyphicons-alert {

    font-size: 30px;
    color: #ff673e;
}

.alert_module_popap span.text_alert {
    width: 90%;
    margin-left: 10px;
}

.inffo_module_popap {

    width: 100%;
    margin: 15px 0;
    padding: 15px;
}

.inffo_module_popap_iner {
    border: 1px solid #F8BB86;
    padding: 20px;
}

.inffo_module_popap span {

    display: inline-block;
}

.inffo_module_popap span.glyphicons-info-sign {

    font-size: 30px;
    color: #F8BB86;
}

.inffo_module_popap span.text_inffo {
    width: 90%;
    margin-left: 10px;
    text-align: left;
}

.buttons_popap_center {
    margin: 10px auto 0;
    display: table;
}

.buttons_popap_center button {
    margin: 5px;

}

.paket_blok .glyphicons-facetime-video {
    position: absolute;
    right: 15px;
    top: 0;
    cursor: pointer;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-left: 1px solid #576069;
    color: #fff;
}

.paket_blok .glyphicons-question-sign {
    position: absolute;
    right: 15px;
    top: 0;
    cursor: pointer;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    border-left: 1px solid #576069;
    color: #fff;
    font-size: 18px;
}

.paket_blok {
    margin-bottom: 20px;
}

.border_paket {
    border-right: 1px solid #b5bcc2;
    border-bottom: 1px solid #b5bcc2;
    border-left: 1px solid #b5bcc2;
    /* min-height: 480px;*/
    /*display: table-cell;*/
    display: block;
}

.procent_paket div {
    width: 25%;
    text-align: center;
    color: #0a8bb3;
    padding-top: 3px;
    font-weight: bold;
    justify-content: center;
}

.pricepaket {
    text-align: center;
    padding: 20px;
}

.pricepaket_1 {
    font-size: 40px;
}

.pricepaket_2 {
    font-size: 26px;
}

.pricepaket_3 {
    color: #a7a9ab;
}

.number_brands_paket {
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
}

.number_brands_paket p {
    margin-bottom: 10px;
}
.button_added_brand {
    display: inline-flex;
}
.button_added_brand .btn {
    border-radius: 100%;
    font-size: 30px;
    height: 35px;
    width: 35px;
    padding: 0;
}
.button_added_brand .glyphicon {
    top: -8px !important;
    left: 0 !important;
    font-size: 12px;
    color: #798690;
}

.TariffPlans__itemFeaturesList {
    width: 100%;
    max-height: 225px;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-box-lines: multiple;
    flex-wrap: wrap;
    overflow: hidden;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 20px;
}

.TariffPlans__itemFeaturesItem {
    font-size: 13px;
    font-weight: 300;
    text-align: left;
    color: #2c3e50;
    line-height: 1.6;
    display: -ms-flexbox;
    display: flex;
    /*justify-content: center;
    align-items: center;*/
    padding: 0 0 0 25px;
}

.TariffPlans__itemFeaturesYes {
    height: 20px;
    width: 20px;
    padding-left: 25px;
    display: block;
    background: url("/img/little-check.svg") no-repeat 0;
    margin-left: -20px;
}

.TariffPlans__itemFeaturesItem > span {
    margin-left: 5px;
    width: calc(100% - 30px);
    align-self: flex-start;
}

.cumpara_button {
    margin: 15px 0 5px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #25a5cc;
    text-align: center;
    font-size: 14px;
    padding: 16px 20px;
    position: relative;
}

.cumpara_button span {
    font-size: 30px;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1;
    margin-bottom: -7px;
}

.price_button_valut {
    float: right;
    font-size: 14px;
}

.economy_subbutton {
    color: #409800;
    font-size: 12px;
    margin-right: 5%;
    display: block;
    text-align: right;
    margin-bottom: 10px;
}

.free_trial_button {
    margin: 0;
    width: 100%;
    display: block;
    background: #fff !important;
    color: #000 !important;
    font-weight: bold;
    border: 1px solid transparent;
}

.free_trial_button:hover {
    border: 1px solid #b5bcc2;
    background: #fff !important;
    color: #000 !important;
}

.form-field {
    margin-bottom: 29px;
}

.form-input-label {
    color: #3c4049;
    font-size: 12px;
    line-height: 1.25;
    display: block;
    letter-spacing: .025em;
    margin-bottom: 9px;
    font-weight: 600;
}

.form-input-label {
    color: #3c4049;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: .025em;
    font-weight: 600;
}

.form-input-holder {
    position: relative;
}

.form-input {
    display: block;
    border: 1px solid #d3d5db;
    padding: 9px 10px;
    margin: 0;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    box-sizing: border-box;
    background: #fff;
    transition: background .3s;
    border-radius: 2px;
    color: #2c3e50;
}

.form-payment .field-group .form-field {
    float: left;
    width: 50%;
}

.form-input-label {
    color: #3c4049;
    font-size: 12px;
    line-height: 1.25;
    display: block;
    letter-spacing: .025em;
    margin-bottom: 9px;
    font-weight: 600;
}

.form-payment .field-group .form-field:first-child input {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.form-input {
    display: block;
    border: 1px solid #d3d5db;
    border-right: 1px solid rgb(211, 213, 219);
    padding: 9px 10px;
    margin: 0;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    box-sizing: border-box;
    background: #fff;
    transition: background .3s;
    border-radius: 2px;
    /*border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-radius: 0 3px 3px 0;*/
    color: #2c3e50;
}

.form-payment .field-number img {
    float: right;
    margin-top: -5px;
}

.form-payment {
    padding-top: 20px;
}

.form-input-holder button {
    margin: 0;
    background: #fff;
    color: #000;
    border: 1px solid #d3d5db;
}

.form-input-holder button:hover,
.form-input-holder button:focus {
    margin: 0;
    background: #fff;
    color: #000;
    border: 1px solid #d3d5db;
    width: 100%;
}

.Select-control .bootstrap-select {
    width: 200px !important;
}

.left_popap_freetrial {
    background: url(/img/images_leading/left_bg_fretrial.png) #25a5cc repeat-y scroll right 0;
    padding: 25px;
    color: #fff;
}

.left_popap_freetrial h3 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 29px;
    font-weight: 100;
    text-align: left;

}

.module_freetrial {
    border: 1px solid #fff;
    display: block;
    padding: 15px;
    position: relative;
    text-align: left;
    margin: 5px 0 15px;
}

.module_freetrial i {
    font-size: 18px;
    margin-right: 5px;
}

.module_freetrial span {
    font-size: 18px;
}

.lable_free_module {
    position: absolute;
    right: 15px;
    top: 4px;
}

.brandur_dispon_free_popap {
    margin-top: 10px;
    text-align: center;
    color: #cce3e9;
    font-size: 16px;
}

.zile_block_free_popap {
    margin: 70px 0;
}

.calendar_icon_reg {
    background: transparent url("/img/calendar_i.png") no-repeat scroll 0 0;
    width: 103px;
    height: 90px;
    margin: 22px auto;
}

.calendar_icon_zile {
    color: #fff;
    font-weight: bold;
    line-height: 21px;
}

.calendar_icon_cifra {
    color: #585b68;
    font-size: 46px;
    font-weight: bold;
    height: 70px;
    line-height: 60px;
}

.descipt_zile {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.active_free_button_container button {
    color: #fff !important;
    background: #ec141a !important;
    padding: 10px;
    width: 290px !important;
    line-height: 33px;
    height: 50px;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: block;
    margin: 0 auto;
    font-size: 24px;
    float: none;
}

.active_free_button_container i {
    margin-left: 10px;
}

.right_popap_freetrial {
    text-align: center;
}

.info_carddd {
    /*margin-left:70px;*/
}

.info_carddd span {
    margin-right: 9px;
    margin-bottom: 30px;
    display: inline-block;
    font-size: 14px;
}

.module_exist_cart_title .fa-stack-1x {
    margin-top: 10px;
}

.module_exist_cart_title i {
}

.brand_price_new {
    display: flex;
    justify-content: space-between;
    margin: 0 -10px 40px;
}

.brand_price_new.flex-row {
    flex-wrap: nowrap;
}

/*.brand_price_new .col-md-3 {
    max-width: 310px;
    display: grid;
}*/

.btn-filtre {
    box-shadow: 0 0 !important;
    padding: 10px 0;
}

.btn-filtre i {
    margin-right: 5px;
    padding-top: 2px;
}

.btn-filtre.active {
    color: #33bbe5;
}

.user_photo_modal {
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 100%;
    overflow: hidden;
    margin-top: 120px;
}

.add_module_agentie {
    border-top: 1px solid #ddd;
}

.module_existente_modal {
    margin-bottom: 10px;
}

.module_existente_modal .fag {
    font-size: 20px;
    background: #7d98b0;
    color: #fff;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    line-height: 40px;
    text-align: center;
    margin: 5px;
    padding: 0;
}

.menu_top_notific {
    height: 70px !important;
    display: block;
    font-size: 28px;
    color: #555;
    width: 60px;
    text-align: center;
    line-height: 72px;
}

.notific_moddule .nav-tabs li {
    width: 25%;
}

/* CSS used here will be applied after bootstrap.css */

.dropdown {
    /*display:inline-block;*/
    margin-left: 20px;

}

.notific .dropdown {
    /*display:inline-block;*/
    margin-left: 0;

}

.glyphicon-bell {

    font-size: 1.5rem;
}

.notifications {
    min-width: 420px;
}

.menu-title {
    color: #33bbe5;
    display: inline-block;
}

.glyphicon-circle-arrow-right {
    margin-left: 10px;
}

.notification-heading,
.notification-footer {
    padding: 2px 10px;
    text-align: center;
}

.dropdown-menu.divider {
    margin: 5px 0;
}

.item-title {
    font-size: 1.3rem;
    color: #000;
}

.notifications a.content {
    text-decoration: none;
    background: #ccc;
}

.notific .dropdown-menu {
    right: 0;
    left: auto;
    margin: 0;
    border-radius: 0;
}

.image-holder {
    margin: 12px 22px 12px 0;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    overflow: hidden;
    position: relative;
    float: left;
    border: 1px solid transparent;
}

.image-holder .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon-info-30 {
    width: 30px;
    height: 30px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPgogIDxkZWZzPgogICAgPHN0eWxlPgoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjMDBhY2VkOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBkPSJNMTIuMDAwLDIzLjk5NyBDNS4zNzIsMjMuOTk3IC0wLjAwMCwxOC42MjYgLTAuMDAwLDExLjk5OCBDLTAuMDAwLDUuMzcwIDUuMzcyLC0wLjAwMiAxMi4wMDAsLTAuMDAyIEMxOC42MjcsLTAuMDAyIDI0LjAwMCw1LjM3MCAyNC4wMDAsMTEuOTk4IEMyNC4wMDAsMTguNjI2IDE4LjYyNywyMy45OTcgMTIuMDAwLDIzLjk5NyBaTTEyLjAwMCwxLjA0MyBDNS45NTAsMS4wNDMgMS4wNDUsNS45NDggMS4wNDUsMTEuOTk4IEMxLjA0NSwxOC4wNDggNS45NTAsMjIuOTUyIDEyLjAwMCwyMi45NTIgQzE4LjA1MCwyMi45NTIgMjIuOTU0LDE4LjA0OCAyMi45NTQsMTEuOTk4IEMyMi45NTQsNS45NDggMTguMDUwLDEuMDQzIDEyLjAwMCwxLjA0MyBaTTExLjkzOSw3Ljk1MSBDMTEuNTYxLDcuOTUxIDExLjIxOSw3LjYyNyAxMS4yMTksNy4yMzEgQzExLjIxOSw2LjgzNSAxMS41NjEsNi41MjkgMTEuOTM5LDYuNTI5IEMxMi4zMzUsNi41MjkgMTIuNjU5LDYuODM1IDEyLjY1OSw3LjIzMSBDMTIuNjU5LDcuNjI3IDEyLjMzNSw3Ljk1MSAxMS45MzksNy45NTEgWk0xMi40MDcsMTguMDE2IEMxMi40MDcsMTguMDE2IDExLjQ3MSwxOC4wMTYgMTEuNDcxLDE4LjAxNiBDMTEuNDcxLDE4LjAxNiAxMS40NzEsOS4zMjAgMTEuNDcxLDkuMzIwIEMxMS40NzEsOS4zMjAgMTIuNDA3LDkuMzIwIDEyLjQwNyw5LjMyMCBDMTIuNDA3LDkuMzIwIDEyLjQwNywxOC4wMTYgMTIuNDA3LDE4LjAxNiBaIiBpZD0icGF0aC0xIiBjbGFzcz0iY2xzLTIiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPgo8L3N2Zz4K) no-repeat 50%;
}

.icon {
    display: inline-block;
}

.image-holder.type-info {
    border-color: #d8e9f0;
    background: #f0f9fc;
    text-align: center;
    width: 48px;
    min-width: 48px;
    height: 48px;
    font-size: 20px;
}
.shortcut .image-holder.type-info {
    width: 40px;
    min-width: 40px;
    height: 40px;
}

.image-holder.succes_notific {
    background-color: #ebf6e7;
    border-color: #d6e9c6;
    color: #81ba82;
    text-align: center;
    line-height: 46px;
    font-size: 20px;
}

.image-holder.danger_notific {
    background-color: #fbefee;
    border-color: #f6d4d1;
    color: #f69089;
    text-align: center;
    line-height: 46px;
    font-size: 20px;
}

.image-holder img {
    max-width: 100%;
}

.item-info {
    font-size: 12px;
    line-height: 20px;
    margin: -3px 0 0;
    word-wrap: break-word;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
}
#notific_list .item-info {
    max-height: 40px;
}

.item-info .flex-bar a {
    letter-spacing: normal;
    font-size: 12px;
    font-weight: bold;
    line-height: 22px;
    text-align: center;
    background-color: transparent;
    border-color: transparent;
    height: 24px;
    padding-left: 7px;
    padding-right: 7px;
    background-clip: padding-box;
}

.item-info .flex-bar a:hover {
    background-color: #e8edf2;
}

.notification-item h4 {
    margin-top: 0;
    font-size: 12px;
}

.tab_totific {
    height: 50px;
}

.seting_notific_button {
    float: right !important;

    margin-right: 10px;
    display: block;
}

.seting_notific_button span {
    color: #555;
    padding: 13px;
    border: 1px solid transparent
}

.seting_notific_button span:hover {
    border: 1px dashed #a1abb4;
}

.setings_notific_block {
    padding: 10px 20px;
}

.mark_citite {
    float: right !important;
    font-size: 11px;
    padding-top: 15px;
    padding-right: 15px;
}

.notification-heading {
    padding-left: 15px;

}

.notification-heading h4 {
    font-size: 16px;
    color: #555;
}

.setings_notific_block li {
    height: 45px;
    float: none;
    border-bottom: 1px solid #ddd;
}

.dropdown-menu .divider {
    margin: 0;
}

.EmailNotificationsContiner {
    width: 250px;
    float: right;
}

.setings_notific_block span {
    line-height: 45px;
}

.information_popap_strategy p {
    line-height: normal;
}

.setings_notific_block div {
    border-bottom: 1px solid #ddd !important;
    padding: 10px 0;
}

.setings_notific_block div:last-child {
    border-bottom: 0 none !important;
}

.setings_notific_block div:hover {
    background: #fafcfc;
}

.setings_notific_block div label {
    /*width: 100%;*/
}

.setings_notific_block div label.rb-switcher {
    width: auto;
    position: absolute;
    right: 30px;
}

.button_prew {
    border: 0;
    text-align: center;
}

.menu_list_notific_popap {
    position: absolute;
    right: 10px;
    top: 45%;
    font-size: 8px;
    opacity: 0;
    color: #999;
}

.menu_list_notific_popap button {
    background: transparent;
    border: 0;
}

.content_necitit {
    background: #f5f7f8;
}

.content_necitit {
    border-bottom: 1px solid #fff;
}

.content_citit {
    border-bottom: 1px solid #ddd;
}

.setings_notific_block label {
    margin: 0;
    padding: 10px 0;
}

.user_top_avatar {
    display: block;
    height: 70px;
}

.user-wrapper {
    padding: 10px 0;
    border-top: 1px solid #ebecf0;
}

.user-wrapper li {
    float: none !important;
}

.user-wrapper li a:hover {
    background-color: #eee;
    color: #555;
}

.user-wrapper li a {
    display: block;
    color: #555;
    padding: 10px 20px !important;
}

.user-wrapper li a i {
    margin-right: 7px;
    width: 15px;
}

.user_width_modal {
    width: 250px;
}

.logo_title {
    height: 40px;
    width: 40px;

    overflow: hidden;
    display: inline-block;
    bottom: 31px;
    margin-bottom: -5px;
    margin-right: 10px;
    margin-left: 10px;
}

.logo_title img {

    width: 100%;
}

.block_add_comp .agency_block_profile {
    padding-bottom: 50px;
}

.first_agency_plus {
    position: relative;
    right: 0;
    float: right;
}

.buttons_profile a.btn {
    color: #fff !important;
}

.descript_buy_mod {
    width: 100%;
    padding: 5px 20px 0;
    /* border: 1px solid #ddd;*/
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}

.descript_buy_mod span {
    color: #33bbe5;
}

.container_agecy_module ul {
    margin-top: 15px;
}

.container_agecy_module li {
    /* padding: 15px;
     background: #fff;
     margin-bottom: 2px;*/
    padding: 15px;
    background: #fff;
    margin-bottom: 5px;
    box-shadow: 1px 1px 8px -5px;

}

.container_agecy_module span {
    line-height: 40px;
    margin-left: 10px;
}

.container_agecy_module .right span {
    line-height: 40px;
    margin-right: 10px;
}

.container_agecy_module i {
    margin: 0;
}

.container_agecy_module .right {
    float: right;
}

.no_buy_module {
    background: #fff !important;
}

.no_buy_module a,
.no_buy_module a .fag {
    color: #d1d3d5 !important
}

.contain_agent_echip {
    margin-top: 10px;
}

.wizard-dizactiv .nav-tabs > li {
    width: 33.3%;
}

.wizard-dizactiv .connecting-line {
    width: 70%;
}

.wizard-dizactiv,
.wizard-dizactiv h3,
.wizard-dizactiv p {
    text-align: center !important;
}

.deactivateaccount-losses {
    display: table;
}

.deactivateaccount-losses li {
    display: inline-table;
    width: 24.5%;
    padding: 2px;
}

.deactivateaccount-losses li p {
    font-size: 18px;
}

.deactivateaccount-losses li .glyphicons {
    font-size: 40px;
    margin-top: 10px;
}

.deactivateaccount-losses-item-in {
    border: 1px solid #ddd;
    height: 200px;
    padding: 10px;
}

p.deactivateaccount-text {
    color: #000;
    font-weight: 100 !important;
    font-size: 14px !important;
    margin: 20px;
!important;

}

.deactivateaccount-losses-item p {

    margin: 10px 0;
}

.billing-form-input {
    clear: both;
    width: 300px;
    padding: 5px 10px;
    display: block;
    margin: 20px auto;
}

.save-question {
    clear: both;
    width: 500px;
    padding: 5px 10px;
    display: block;
    margin: 20px auto;
    height: 150px;
    border: 1px solid #ddd;
    resize: none;
}

.blur_content {
    /*-webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    -o-filter: blur(3px);*/
    -ms-filter: blur(3px);
    filter: blur(3px);
}

.company_container_profile_blur {
    /*-webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);*/
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.blur_mask_company {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 9;
}

.blur_mask_page {
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}

.company_container_profile_blur .blur_mask_company {
    display: block;
}

.blur_mask {
    height: calc(100vh - 70px);
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: 10;
    width: calc(100vw - 225px);
}

.lock_message {
    text-align: center;
    margin-top: 50px;
    position: absolute;
    z-index: 999;
}

.lock_message {
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: 20vh;
}

.lock_message h1 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 15px;
}

.btn-darckblue {
    font-size: 16px;
    color: #fff;
    background: #F44336;
    text-transform: uppercase;
}

.btn-darckblue:hover {
    color: #fff;
    background: #D51405;

}

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

.lock_message .alert_module_popap .glyphicons {
    float: left;
}

.lock_message .alert_module_popap .text_alert {
    float: left;
}

.active-cont-popap-container {
    text-align: center;
}

.input_confirm_restabilire {
    margin-bottom: 0;
}

.lost_pass {
    margin-bottom: 20px;
    margin-left: 200px;
    padding-top: 3px !important;
    color: #0797ae
}

.active-cont-popap-succes h1 {
    padding-left: 0;
    margin-top: 0;
}

.cod_access_imput {
    clear: both;
    width: 166px;
    padding: 5px 10px;
    display: block;
    margin: 20px auto;
    margin-bottom: 20px;
    margin-bottom: 20px;
    border: 3px solid #ddd;
    display: block;
    font-size: 30px;
    text-align: center;
}

.email_resst {
    margin-bottom: 15px;
}

.dialog-succes .btn {
    margin-right: 0;
}

.alert {

    z-index: 10;
    font-size: 14px right : 0;
}

.alert h3,
.alert .h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    text-transform: uppercase;
}

.alert-message-contain {
    right: 0;
    position: absolute;
    z-index: 9;

}

.alert-message {
    right: 0;

}

.alert-message .alert {
    width: 300px;
    right: 0;
    background: #43ac6a;
    color: #fff;
    bottom: 0;
}

/*
.splash_update {
      animation: colorchange 1s;
      -webkit-animation: colorchange 1s;
    }

    @keyframes colorchange
    {
      0%   {background: #dff0d8;}
      100% {background: #fff;}
    }

    @-webkit-keyframes colorchange
    {
      0%   {background: #dff0d8;}
      100% {background: #fff;}
    }*/

.icon_alert {
    float: left;
}

.alert-success h3 {
    font-size: 14px;
}

.btn-text {
    background: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}

.alert-message .alert {
    right: -500px;
}

.blok_modul_existt {
    display: inline-block;
}

.confirmare_user_delete {
    font-size: 15px;
    margin-left: 15px;
    color: #ff694b;
}

.right_modal_container h1 {
    margin-top: 0;
    margin-bottom: 0;
}

.right_modal_container h1 span {
    font-size: 30px;
    margin-right: 10px;
}

.right_modal_container p.deactivateaccount-text {
    color: #000;
    font-weight: 100 !important;
    font-size: 12px !important;
    margin: 10px 15px;
    display: block;
    clear: both;
}

.right_modal_container p.deactivateaccount-thankyou {
    color: #000 !important;
    font-weight: 100 !important;
    font-size: 12px !important;
    margin: 10px 15px;
}

.container_agecy_module a:hover {
    text-decoration: none;
}

/*.krujoc_module {
background: #33bbe5;
height: 30px;
width: 30px;
line-height: 30px !important;
text-align: center;
color: #fff;
border-radius: 100%;
display: inline-block;
margin-left: 0 !important;
margin-right: 10px;
font-size: 13px !important;
}*/

.krujoc_module {
    background: #33bbe5;
    height: 25px;
    width: 25px;
    line-height: 25px !important;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    margin-left: 0 !important;
    margin-right: 10px;
    font-size: 13px !important;
}

.krujoc_module.krujoc_module_empty {
    background: #ddd;
}

.wow {
    visibility: hidden;
}

.relative {
    position: relative;
}

.load_gif {
    position: absolute;
    top: 170px;
    left: 53vw;
    /*background: transparent url("http://dev.lideri.com/ksw/_verstca/projects/load/load2.gif") no-repeat scroll center center;*/
    height: 200px;
    width: 200px;
    margin: auto;
}

.first_agency_plus button,
.first_agency_plus div {
    float: left;
    /*margin-left: 20px;*/
}

.list_company_delete span {
    line-height: 50px;
    margin-left: 10px;
    font-size: 16px;
}

.companie_stersa_img {
    width: 150px;
    margin: 10px auto;
}

.companie_stersa_img img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

.inactive_bg img {
    width: 100%;
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

.list_company_delete li {
    float: left;
    margin: 15px;
    text-align: center;
}

.list_company_delete li p {
    font-size: 16px;
    margin: 10px 0;
}

.list_company_delete li button {
    width: 150px;
}

.green {
    color: green !important;
}

.alert_nu_ai_acces_company {
    padding: 20px;
    width: 500px;
    border: 2px solid #F44336;
    margin: 50px auto;

    display: none;
    position: absolute;
    text-align: center;
    z-index: 10;
    left: 0;
    right: 0;
    top: 250px;

}

.alert_nu_ai_acces_pagina {
    padding: 20px;
    width: 500px;
    border: 2px solid #33bbe5;
    margin: 50px auto;
    position: absolute;
    text-align: center;
    z-index: 10;
    left: 0;
    right: 0;
    top: 250px;
    background: #fff;
}

.alert_nu_ai_acces_pagina h2 {
    color: #33bbe5;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40px;
    margin-bottom: 0;

}

.alert_nu_ai_acces_pagina h3 {
    font-size: 14px;
    margin-top: 10px;
}

.alert_nu_ai_acces_pagina h3 strong {
    font-size: 18px;
    display: block;
    margin-top: 10px;
}

.paket_alert {
    text-align: center;
}

.paket_alert h3 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    padding-top: 50px;
    font-size: 28px;
    margin-top: 0;
}

.alert_nu_ai_acces_company {
    display: none;
    position: absolute;
    text-align: center;
    z-index: 10;
}

.alert_nu_ai_acces_company h2 {
    color: #F44336;
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    margin-bottom: 0;

}

.alert_nu_ai_acces_company_block {
    display: block;
}

.paket_alert {
    width: 220px;
    background: #2e4153;
    color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.paket_alert p {
    line-height: 40px;
}

.paket_alert button {
    background: #fff;
    color: #000;
    margin-bottom: 20px;
    width: 200px;
    text-transform: uppercase;
}

.paket_alert p span {
    font-size: 30px;
}

.pimpa_air {
    height: 50px;
    width: 50px;
    position: absolute;
    left: 80px;
    top: -12px;
    background: #fff;
    color: orange;
    z-index: 11;
    border-radius: 100%;
    font-size: 30px;
    padding-top: 10px;
}

.paket_alert-bg {
    background: linear-gradient(90deg, transparent 0%, #506c87 50%, transparent 100%);
    background-size: 200% 200%;
    animation: Animation-default-alert 5s linear infinite;
    text-align: center;

}

@-webkit-keyframes Animation-default-alert {
    0% {
        background-position-x: 200%
    }
    100% {
        background-position-x: 0%
    }
}

.info_activ {
    font-size: 10px;
    /*text-transform: uppercase;*/
}

.info_activ b {
    color: green;
}

.info_activ a {
    color: #27add7 !important;
}

.add-person-drept-container .spre_aprob_blok_exter .istoric_activare_module li {
    text-align: left;
    height: 90px;
    border-top: 1px solid #ddd;
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.istoric_activare_module li {
    font-size: 14px;
}
.istoric_activare_module time {
    font-size: 12px;
}
.istoric_activare_module .flex-grow {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.istoric_activare_module .btn {
    padding: 10px;
}

.istoric_activare_module .fa {
    font-size: 18px;
}

.add-person-drept-container li > button + span {
    flex-grow: 1;
}

.add-person-drept-container li span.green {
    line-height: 50px;
    margin: 10px;
    color: #fff !important;
    background: green;
    border-radius: 2px;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 10px;
}

.right {
    float: right;
}

.help_modal p {
    padding: 15px;
}

.calendar_period {
    float: right;
}

.strategie_top_button {
    /* border-bottom: 1px solid #e8edf2;*/
}

.right_popap_strategie_container .carousel-inner .item {
    /*padding-top: 40px;*/
}

.nav_icon_strategie {
    padding: 0 14px;
}

.nav_icon_strategie li {
    float: left;
    width: 20%;
    text-align: center;
}

.nav_icon_strategie li.active {
    background: #f9f9f9 url(/img/checkmark.png) no-repeat 90% 13%;
    color: #fff;
    box-shadow: inset 0 0 10px -7px #999;
    background-size: 13%;
}

.nav_icon_strategie li.active a:focus {
    background: transparent;
}

.nav_icon_strategie li a {
    color: #ddd;
}

.nav_icon_strategie li.active a {
    color: darkgray;
}

.nav_icon_strategie li span {
    font-size: 24px;
    margin-bottom: 10px;
}

.tile_icon_tab_strategie {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;

    font-size: 30px;

}

.width-post-facebook {
    position: relative;
    max-width: 475px;
    margin: 0 auto 20px;
    border: 1px solid #ddd;
    padding: 20px;
}

.alert_nu_ai_acces_pagina .button_active_module {
    width: 170px;
}

.calendar-week-table-strategy {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.alert_strategy_plan_block {
    background: #e5f7ff;
    border: 1px solid #9dcce2;
    height: 77px;
}

.alert_strategy_plan_block .glyphicons {
    color: #a5d1e5;
    font-size: 50px;
    float: left;
    padding: 12px 5px 12px 15px;
}

.alert_strategy_plan_block table {
    padding: 10px 10px !important;
    display: inline-block;
}

.alert_strategy_plan_block table p {
    margin-right: 30px;
}

.alert_strategy_plan_block table span {
    font-weight: bold;
    width: 100px;
}

.alert_strategy_plan_block button {
    float: right;
    margin: 18px;
}

.alert_strategy_plan_block td {
    padding: 5px 10px;
}

.right_strategy_prew_block h1 {
    font-family: "bebas", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-left: 0;
    font-size: 30px;
    margin: 0 15px 0 0;
    padding-top: 20px;
    display: inline-block;
}

.day-cell-active {
    box-shadow: 0 0 20px -10px #999;
    border-right: 0 solid transparent !important;
    z-index: 9;
}

.day-cell-active .date-day {
    /*border: 1px solid #33bbe5 !important;*/
    background: #25a5cc;
    color: #fff;
}

.table_stategy .list_post_calendar_single {
    border-bottom: 1px solid #ebecf0;
    padding: 5px;
    cursor: pointer;
    display: block;
    height: 38px;
    background: #f0f4f8;
}

.table_stategy .mark_post_calendar {
    height: auto;
    width: auto;
    margin: 3px 8px 3px 5px;
    border-radius: 100%;
    display: block;
    float: left;
    font-size: 18px;
}

.button_contain_aplica {
    text-align: center;
    padding: 10px;
}

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

.fliped_blocks_strategy_single {
    position: relative;
    height: 100px;
    width: 14.28%;
    float: left;
}

.fliped_blocks_strategy label {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    width: 300px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.card-flip div.front:hover {

    background: #f5f7f8;
}

.card-flip {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 600ms;
    transition: all 600ms;
    z-index: 20;
    border: 1px solid #fff;

}

.card-flip div {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    text-align: center;
    /*line-height: 100px;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /*border-radius: 2px;*/
}

.card-flip div span {
    font-size: 35px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.card-flip .back {
    background: #f5f7f8;
    color: #000;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border: 1px solid #ddd;
}

.card-flip .back p {
    height: 63px;
    overflow: hidden;
    font-size: 11px;
    text-align: left;
}

.card-flip .back button {
    padding: 0 15px;
    background: transparent;
    color: #25a5cc;
    text-decoration: underline;
    font-size: 11px;
}

.fliped_blocks_strategy label:hover .card-flip {
}

.fliped_blocks_strategy_single input {
    display: none;
}

:checked + .card-flip {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.comercial-b {
    background: #2cb7d5;
    color: #fff;
}

.comercial-c {
    color: #2cb7d5;
}

.branding-b {
    background: #ff5223;
    color: #fff;
}

.branding-c {
    color: #ff5223;
}

.informativ-b {
    background: #ffb533;
    color: #fff;
}

.informativ-c {
    color: #ffb533;
}

.util-b {
    background: #33a741;
    color: #fff;
}

.util-c {
    color: #33a741;
}

.agrement-b {
    background: #de8147;
    color: #fff;
}

.agrement-c {
    color: #de8147;
}

.user-b {
    background: #cc7528;
    color: #fff;
}

.user-c {
    color: #cc7528;
}

.interactiv-b {
    background: #da57bf;
    color: #fff;
}

.interactiv-c {
    color: #da57bf;
}

.procent_tip {
    font-size: 18px;
}

.back {
    padding: 10px;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background: #fff;
    color: darkgray;
}

.list_post_calendar_single_inactive .mark_post_calendar {
    color: #cbcbcb;
}

.list_post_calendar_single_inactive {
    background: #fff !important
}

.title_popap_strategy_plasca button {
    height: 40px;
    margin-top: 11px;
    margin-right: 15px;
}

.table_stategy .right_popap_strategie_container {
    border: 1px solid #ddd;
    padding: 0;
}

.left-arr-strategy {
    left: 20px;
}

.right-arr-strategy {
    right: 20px;
}

.menu_scroll_statistic_bl {
    display: block;
    height: 54px;
}

.period_avansat {
    background: #e8edf2;
    float: left;
    padding: 10px;
}

.cover_table .hasDatepicker {
    width: 150px;
}

.line-height-popap-img {
    line-height: 450px;
}

.list_desript_tips {
    padding: 30px 0;
}

.list_desript_tips li {
    padding-right: 20px;
    width: 49%;
    box-sizing: border-box;
    float: left;
    padding-bottom: 20px;
    display: flex;
    vertical-align: top;
}

.list_desript_tips li .TariffPlans__itemFeaturesYes {
    margin-right: 5px;
}

.pimpa_air_close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.pimpa_air_close button {
    background: #fff;
    height: 25px;
    width: 25px;
    color: #000;
    border-radius: 100%;
    text-align: center;
    padding: 6px !important;
}

.pimpa_air h3 {
    color: orange
}

/*ADD main.css!!!!!!*/

.flitru_calendarric_block .fa {
    margin-right: 0;
    font-size: 15px;
}

.menu_scroll_statistic_bl .flitru_calendarric_block .fa {
    color: #fff;
}

.period_avansat_f {
    float: left;
    padding: 0;
}

.flitru_calendarric_block .dropdown {
    margin: 0;
}

.flitru_calendarric_block .flitru_calendarric {
    height: 48px;
    display: block;
    line-height: 58px;
    font-size: 14px;
    /*float: right;*/
    transition: all .2s ease-out;
}

.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric {
    height: 54px;
}

.flitru_calendarric_block .flitru_calendarric span {
    color: #000;
}

.flitru_calendarric_block .flitru_calendarric .fa {
    margin-left: 5px;
    font-size: 18px;
}

.flitru_calendarric_block .flitru_calendarric #daterange,
.flitru_calendarric_block .flitru_calendarric .fa {
    color: #33bbe5;
}

.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric #daterange,
.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric .fa {
    color: #fff;
}

.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric .fa {
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric:hover .fa {
    background-color: #026383;
}

.period_avansat {
    background: transparent;
}

.cover_table td {
    padding-bottom: 0;
    padding-top: 0;
}

.menu_inter_mediaplan i {
    color: #fff;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    background: #1992ba;
    border-radius: 100%;
    font-size: 18px;
    position: relative;
}

.menu_inter_mediaplan .report_circle_brand {
    top: -3px;
    left: 22px;
    display: none;
}

/*.menu_scroll_statistic .menu_plan_general .item-brand {
    display: none;
}*/
.menu_scroll_statistic.stickydiv .menu_plan_general .item-brand {
    display: block;
}
.menu_plan_general .item-brand a {
    line-height: 0;
    /*padding: 0 10px;*/
    display: flex;
    align-items: center;
}
.menu_plan_general .item-brand a span {
    margin-left: 7px;
    display: inline-block;
    line-height: 1;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.menu_plan_general .item-brand a .avatar.small {
    width: 34px;
    height: 34px;
    border-color: rgba(255,255,255,.35);
    margin-top: -2px;
}

.filtraza-popap {
    min-width: 660px;
    padding: 10px 0;
}

.list_period {
    float: left;
    width: 495px;
}

.list_period li {
    display: inline-block;
}

.list_period li a {
    padding: 5px 10px;
    margin: 0 5px;
    border-radius: 50px;
    display: block;
    font-size: 12px;
}

.list_period li a:hover {
    background: #1992ba;
    color: #fff;
}

.list_period li a.active {
    background: #1992ba;
    color: #fff;
}

.list_period_right {
    /*float: left;*/
    width: 159px;
    /*padding-left: 10px;*/
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 57px;
    overflow: hidden;
}

.list_period_right_head {
    text-align: center;
    height: 48px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list_period_right_head .btn {
    border: 0;
}

.list_period_right_head .btn .fa {
    font-size: 21px;
    font-weight: 500;
}

.list_period_right_moon {
    overflow-y: auto;
    overflow-x: hidden;
    height: 284px;
}

.list_period_right_moon a {
    display: inline-block;
    color: #333;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 12px;
}

/*.list_period_right_moon a:hover {
    background: #1992ba;
    color: #fff;
}*/

.list_period_right_moon a.active {
    background: #1992ba;
    color: #fff;
}

.cal_per {
    float: left;
    padding: 10px;
    font-size: 11px;
}

.button_period {
    display: block !important;
    text-align: center;
    padding-bottom: 10px;
}

.calendars_period input {
    height: 35px;
    width: 100%;
}

.table-condensed > tbody > tr > td {
    padding: 3px 7px;

}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background: #1992ba;
}

.btn-number {
    color: #999;
}

#SliderTabs #settimeperiod,
.menu_scroll_statistic_bl #settimeperiod {
    float: right;
}

.filtru_general {
    z-index: 999;
}

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

.block_post_general_img {
    background: no-repeat center 25%;
    background-size: cover;
    height: 170px;
    position: relative;
    background-color: #f7f7f7;
    margin-bottom: 10px;
    display: block;
}

.block_post_general_img img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

/*.top-post .title-card-text {
    font-size: 18px;
}*/

.top_posts_continer .tab {
    width: 100%;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline-color: transparent !important;
}

.btn-group.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
    outline-color: transparent !important;
}

.input_profile_container span {
    border-top: 0;
    border-left: 0;
}

.input_profile_container span i {
    font-size: 18px;
    color: #8296ab;
}
.input_profile_container output,
.input_profile_container input {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 0 0;
}

.input_profile_container select {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: 0 0 0;
}

.input_profile_container .input-group-addon {

    border-right: 0;

}

.dialog_confirm p {
    padding: 0 25px 25px;
}

/*Css for visa mastercard paypal*/
.cc-selector input {
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cc-selector-2 input {
    position: absolute;
    z-index: 999;
    margin: 32px 0 0 17px;
}

.visa {
    background-image: url(/img/card_bancar_logo.png);
}

.paypal {
    background-image: url(/img/paypal_logo.png);
}

.cc-selector-2 input:active + .drinkcard-cc,
.cc-selector input:active + .drinkcard-cc {
    opacity: .9;
}

.cc-selector-2 input:checked + .drinkcard-cc,
.cc-selector input:checked + .drinkcard-cc {
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
    border: 1px solid #25a5cc;
}

.drinkcard-cc {
    cursor: pointer;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 374px;
    height: 77px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1) grayscale(1) opacity(.7);
    -moz-filter: brightness(1) grayscale(1) opacity(.7);
    filter: brightness(1) grayscale(1) opacity(.7);
    border: 1px dashed #a1abb4;
}

.drinkcard-cc:hover {
    -webkit-filter: brightness(1) grayscale(0) opacity(.9);
    -moz-filter: brightness(1) grayscale(0) opacity(.9);
    filter: brightness(1) grayscale(0) opacity(.9);
}

.alege_metoda_plata p {
    font-size: 18px;
    text-align: center;
    margin-bottom: 20px;
}

.margin_0 {
    margin: 0 !important;
}

.container_plata_card {
    border: 1px solid #b5bcc2;
    padding: 20px;
    text-align: center;
    min-height: 455px;
}

.container_plata_card_profile {

    padding: 20px;
    text-align: center;
    min-height: 455px;
}

.help_modal h1 {
    margin-left: 15px !important;
    margin-bottom: 10px;
}

.help_modal .btn-default {
    margin-right: 15px;
}

.help_page {
    float: right;
    font-size: 12px;
    line-height: 25px;
    cursor: pointer;
}

.help_page i {
    margin-right: 5px;
    font-size: 14px;
}

.myNext {
    width: 130px !important;
    font-size: 16px !important;
    border: 2px solid #86e2ff !important;
    color: #86e2ff !important;
}

.mySkip {

    font-size: 16px !important;
    border: 2px solid #86e2ff !important;
    color: #86e2ff !important;
}

.enjoyhint_next_btn:hover {
    color: rgba(255, 255, 255, 1) !important;
    background: #25a5cc !important;
}

.enjoyhint_skip_btn:hover {
    color: rgba(255, 255, 255, 1) !important;
    background: #25a5cc !important;
}

.enjoyhint {
    z-index: 9999 !important;
}

.enjoyhint_close_btn {

    border: 2px solid #86e2ff !important;

}

.enjoyhint_close_btn:hover {

    color: rgba(255, 255, 255, 1) !important;
    background: #25a5cc !important;

}

.cell_icons_brand_iner_sterse,
.brand_container_iner_sterse {
    /*display: none;*/
}

.cell_icons_brand_iner_sterse img,
.brand_container_iner_sterse img,
.deleted_brand img,
.grayimg {
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}

.deleted_brand img {
    opacity: 0.5;
}

.deleted_brand a {
    color: #a6a6a6 !important;
}

.restabelire_brand_button {
    margin: auto;
    width: 40%;
    display: inline-table;
}

.card_restabelire_brand_but {
    /* display: flex;*/
    text-align: center;
    padding-bottom: 15px;
}

.card_restabelire_brand {
    padding: 10px;
    background: #18232d;
    margin-bottom: 0;
    color: #9ca6af;
    margin-top: 15px;

}

.card_restabelire_brand h3 {
    text-align: center;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
}

.brand_container_iner_sterse .brand_info {
    margin-top: 0;
}

.time_out {
    color: red;
    font-size: 2em;
    font-family: bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.timer_container {
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
}

.timer_container h3 {
    float: none;
    padding: 10px;
    padding-bottom: 20px;
}

#add_user_to_user_info .btn {
    float: right !important;
    margin-top: 10px;
}

.ad_user_to_user_info {
}

.add_user_to_user_info_email,
.add_user_to_user_info_level {
    font-size: 14px !important;
    color: #42464a !important;
}

.brand_info_iner .input-group-addon {
    padding-right: 0;
}

.agency_block_profile .input_profile_container .input-group-addon {
    padding-right: 0;
}

.show_one_brand {
    cursor: pointer;
}

.cell_icons_brand .active .brand_cell_search_inter {
    border: 1px solid #27add7 !important;

}

.cell_icons_brand .brand_cell_search_inter:hover {
    border: 1px solid #27add7 !important;

}

.block_arhiv_statistic_list {
    margin-top: 50px;
    text-align: center;
    padding: 0 6px;
}

.block_arhiv_statistic_list p {
    color: #000;
}

.block_arhiv_statistic_list span {
    color: #00a0cb;
    float: right;
}

.block_arhiv_statistic_list a {
    padding: 5px 15px;
}

.block_arhiv_statistic_list a:hover {
    background: #fff;
}

.nu_sunt_rapoarte {
    padding-top: 20px;

    color: #ddd !important;
}

.istoric_activare_module > li > * {
    flex-wrap: nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 10px;
}
.istoric_activare_module > li > :first-child,
.istoric_activare_module > li > :last-child {
    padding: 0;
}

.spre_aprob_blok .fa-angle-double-right {
    font-size: 20px;
    padding: 18px;
    float: left;
}

.name_stat_arhiva_popap {
    font-size: 14px;
    display: block;
    top: 10px;
    float: left;
    padding: 17px;
}

.spre_aprob_blok_exter li.list-butt-arch {
    padding: 0 !important;
    border: 0 !important;
    float: left;
    height: auto !important;
}

.spre_aprob_blok_exter .button_change {
    margin-right: 0 !important;
}

.free_period {
    /* background: #33a741 !important;*/
    /* background: #dde2e6 !important;*/
    background-color: #e8edf2 !important;
    background-image: url(/img/general-pattern-bg-fade.png) !important;
    background-size: 210px !important;
    box-shadow: inset 1px 1px 3px;
}

.free_period a {
    color: #000 !important;
}

.free_period .krujoc_module {
    color: #fff !important;
    /*background: #fff !important;*/
}

.free_period button {
    border: 1px solid transparent;
    background: green;
    color: #fff;
}

.have_free li {
    color: #000;
    font-size: 16px;
}

.have_free li i {
    color: green;
    font-size: 20px;
    margin-right: 5px;
}

.list-butt-del-arch .btn {
    height: 39px !important;
    line-height: 10px;
    padding: 10px 15px;
    font-size: 18px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {

    filter: alpha(opacity=30);

    opacity: .3;
}

.mfp-wrap {
    overflow-y: auto;
}

.spre_aprob_blok_exter {
    text-align: center
}

.spre_aprob_blok_exter .save_brand {
    margin: 50px auto;
}

.spre_aprob_blok_exter .title_popap {
    text-align: center
}

/*.glyphicons-facetime-video {
    display: none !important;
}*/

.image-checkbox .glyphicons-facetime-video {
    display: inline-block !important;
}

.tabs-menu-general-graphic .glyphicons-facetime-video {
    display: inline-block !important;
}

.agency_select_container .dropdown-menu a {
    background-repeat: no-repeat;
    /*padding-left: 45px !important;*/
    padding: 0 !important;
    height: 30px;

    margin: 5px !important;
    line-height: 30px !important;
    /*padding-bottom: 10px !important;*/

    background-size: 25px;
    background-position: 10px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user_width_modal a {
    padding-left: 0 !important;
    padding-top: 0 !important;
    margin: auto !important;
    line-height: normal !important;
    padding-bottom: 18px !important;
}

.notific .dropdown-menu > a {
    padding-left: 0 !important;
    padding-top: 0 !important;
    margin: auto !important;
    line-height: normal !important;
    padding-bottom: 15px !important;
}

.krujoc_module_brand {
    background: #33bbe5;
    height: 20px;
    width: 20px;
    line-height: 20px !important;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    display: inline-block;
    margin-left: 0 !important;
    margin-right: 10px;
    font-size: 11px !important;
    position: absolute;
    right: 10px;
    top: 4px;

}

a.button_add_comp {
    padding: 4px !important;
}

a.add_brand_to_company {
    padding: 4px !important;
}

.cereri_continer {
    padding: 18px;
}

.title_brand_fb {
    height: 35px;
    overflow: hidden;
}

.no_brands #brand_continer {
    background: url(/img/default_brand.svg) no-repeat;
    background-size: cover;
    background-origin: content-box;
    height: 900px;
    max-width: 100%;
    padding-top: 10px;
    box-shadow: inset 0 -20px 40px 10px white;
}

.results_no {
    background: url(/img/default_brand_filtre.svg) no-repeat;
    height: 630px;
    margin-top: 10px;
    background-position: 0 0;
    background-size: 75%;
}

.users_inactive_block {
    clear: left;
    border-top: 1px solid #e8edf2;
    margin-top: 5px;
    padding-top: 5px;
}

.access_brand_block {
    padding: 10px;
}

.no_company_brands {
    background: url(/img/default_brand_filtre.svg);
    height: 100px;
    background-repeat: no-repeat;
}

.nus_companii {
    background: url(/img/default_brand_filtre.svg);
    height: 150px;
    background-repeat: no-repeat;
    margin-top: 15px;
}

.brand_company_name {
    font-weight: bold;
    text-transform: uppercase;
    color: #27add7;
}

.title_users_inactive_block {
    height: 25px;
}

.title_users_inactive_block h4 {
    float: left;
    font-size: 12px;
    margin: 0;
    padding-top: 6px;
    color: darkgray;
}

.title_users_inactive_block button {
    float: right;
    font-size: 11px;
    margin: 0;
    padding-top: 6px;
    background: transparent;
    font-family: Verdana, sans-serif;
}

/*Loader style*/

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;

    border: 3px solid #3498db;
}

#loader_let {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;

    margin: auto;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 3px solid #e74c3c;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 3px solid #f9c922;
}

/* change border to transparent and set only border-top to a solid color */

#loader {
    border: 3px solid transparent;
    border-top-color: #0087b1;
}

#loader:before {
    border: 3px solid transparent;
    border-top-color: #2e9abc;
}

#loader:after {
    border: 3px solid transparent;
    border-top-color: #33bbe5;
}

#loader {
    border-radius: 50%;
}

#loader:before {
    border-radius: 50%;
}

#loader:after {
    border-radius: 50%;
}

/* copy and paste the animation inside all 3 elements */

/* #loader, #loader:before, #loader:after */
/*
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite;
*/
/* include this only once */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);
        /* IE 9 */
        transform: rotate(0deg);
        /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);
        /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);
        /* IE 9 */
        transform: rotate(360deg);
        /* Firefox 16+, IE 10+, Opera */
    }
}

#loader {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.ball-chasing .loader {
    width: 100px;
    height: 100px;
    animation: rotate 2s linear infinite;
}

.ball-chasing .loader .ball-1,
.ball-chasing .loader .ball-2 {
    position: absolute;
    top: 0;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    background-color: #fff;
    animation: chasingBallBounce 2s linear infinite;
}

.ball-chasing .loader .ball-2 {
    top: auto;
    bottom: 0;
    animation-delay: -1s;
}

@keyframes chasingBallBounce {
    50% {
        transform: scale(0);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.ball-pulse .loader {
    width: 250px;
    height: 250px;
}

.ball-pulse .ball {
    width: 100%;

    height: 100%;

    background-color: transparent;

    border-radius: 50%;

    animation: ballPulse 2.5s ease-in-out infinite;

    border: 25px solid #00dbff;

    z-index: -9;
}

@keyframes ballPulse {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.ball-pulse-double .loader {
    width: 100px;
    height: 100px;
}

.ball-pulse-double .ball-1,
.ball-pulse-double .ball-2 {
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    background-color: #FFF;
    border-radius: 50%;
    animation: ballPulseDouble 2s ease-in-out infinite;
    opacity: .5;
}

.ball-pulse-double .ball-2 {
    animation-delay: -1s;
}

@keyframes ballPulseDouble {
    0%,
    100% {
        transform: scale(0);
    }
    50% {
        transform: scale(1);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.wave .loader {
    width: 100px;
    height: 100px;
}

.wave .loader > div {
    float: left;
    margin: 40% 2% 0 0;
    width: 4%;
    height: 16%;
    background-color: #FFF;
    animation: wave 1s cubic-bezier(0.2, 0.68, 0.18, 1.08) infinite;
}

.wave .loader .line-1 {
    margin-left: 30%;
}

.wave .loader .line-1 {
    animation-delay: 0.1s;
}

.wave .loader .line-2 {
    animation-delay: 0.2s;
}

.wave .loader .line-3 {
    animation-delay: 0.3s;
}

.wave .loader .line-4 {
    animation-delay: 0.4s;
}

.wave .loader .line-5 {
    animation-delay: 0.5s;
}

@keyframes wave {
    0%,
    100% {
        transform: scaleY(1);
    }
    50% {
        transform: scaleY(2);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.wave-spread .loader {
    width: 100px;
    height: 100px;
}

.wave-spread .loader > div {
    float: left;
    margin: 40% 2% 0 0;
    width: 4%;
    height: 16%;
    background-color: #FFF;
    animation: wave 1s cubic-bezier(0.85, 0.25, 0.37, 0.85) infinite;
}

.wave-spread .loader .line-1 {
    margin-left: 30%;
}

.wave-spread .loader .line-1,
.wave-spread .loader .line-5 {
    animation-delay: .4s;
}

.wave-spread .loader .line-2,
.wave-spread .loader .line-4 {
    animation-delay: .2s;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.circle-pulse .loader {
    width: 100px;
    height: 100px;
}

.circle-pulse .loader > div {
    margin: 23px 0 0 23px;
    width: 50%;
    height: 50%;
    border: 2px solid #FFF;
    border-radius: 50%;
    animation: circlePulse 1s ease infinite;
}

@keyframes circlePulse {
    0% {
        transform: scale(0.1);
    }
    80% {
        opacity: .8;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.circle-pulse-multiple .loader {
    width: 100px;
    height: 100px;
}

.circle-pulse-multiple .loader > div {
    position: absolute;
    top: 24px;
    left: 24px;
    width: 50%;
    height: 50%;
    border: 2px solid #FFF;
    border-radius: 50%;
    animation: circlePulse 1s ease infinite;
}

.circle-pulse-multiple .loader .circle-2 {
    animation-delay: -.9s;
}

.circle-pulse-multiple .loader .circle-3 {
    animation-delay: -.8s;
}

@keyframes circlePulse {
    0% {
        transform: scale(0.1);
    }
    80% {
        opacity: .8;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.arc-rotate-double .loader {
    width: 100px;
    height: 100px;
}

.arc-rotate-double .loader > div {
    position: absolute;
    border: 2px solid;
    border-color: transparent #FFF;
    border-radius: 50%;
    animation: load 1s infinite ease-in-out;
}

.arc-rotate-double .loader .arc-1 {
    margin: 32% 0 0 32%;
    width: 36%;
    height: 36%;
}

.arc-rotate-double .loader .arc-2 {
    margin: 40% 0 0 40%;
    width: 20%;
    height: 20%;
    animation-direction: reverse;
    animation-delay: -0.5s;
}

@keyframes load {
    0% {
        transform: rotate(0deg) scale(1);
    }
    50% {
        transform: rotate(180deg) scale(0.6);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.arc-rotate .loader {
    width: 100px;
    height: 100px;
}

.arc-rotate .loader .arc {
    position: absolute;
    border: 2px solid;
    border-color: transparent #FFF #FFF #FFF;
    border-radius: 50%;
    margin: 32% 0 0 32%;
    width: 36%;
    height: 36%;
    animation: single-arc-rotate 1s infinite linear;
}

@keyframes single-arc-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.square-split .loader {
    width: 100px;
    height: 100px;
}

.square-split .loader > div {
    float: left;
    width: 50%;
    height: 50%;
}

.square-split .loader > div::after {
    content: '';
    display: block;
    margin: 50% 0 0 50%;
    width: 50%;
    height: 50%;
    background: #FFF;
    animation: squareSplit 2s infinite ease-in-out alternate;
}

.square-split .loader .square-2 {
    transform: rotate(90deg);
}

.square-split .loader .square-3 {
    transform: rotate(270deg);
    animation-direction: reverse;
}

.square-split .loader .square-4 {
    transform: rotate(180deg);
    animation-direction: reverse;
}

@keyframes squareSplit {
    20% {
        transform: rotate(0deg);
        margin: 50% 0 0 50%;
    }
    50% {
        transform: rotate(90deg);
        margin: 0;
    }
    80% {
        transform: rotate(180deg);
        margin: 50% 0 0 50%;
    }
    100% {
        transform: rotate(180deg);
        margin: 50% 0 0 50%;
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.arc-scale .loader {
    width: 100px;
    height: 100px;
}

.arc-scale .loader .arc {
    position: relative;
    margin: 25% 0 0 25%;
    width: 50%;
    height: 50%;
    border: 4px solid #FFF;
    border-radius: 50%;
    animation: rotate 2.9s infinite linear;
}

.arc-scale .loader .arc::before,
.arc-scale .loader .arc::after {
    content: '';
    position: absolute;
    top: -5px;
    width: 33px;
    height: 62px;
    background-color: #4169E1;
    animation: rotate 2s infinite ease;
}

.arc-scale .loader .arc::before {
    left: -6px;
    transform-origin: 29px 29px;
}

.arc-scale .loader .arc::after {
    left: 27px;
    transform-origin: 0 29px;
    animation-delay: 0.5s;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.clock .loader {
    width: 100px;
    height: 100px;
}

.clock .loader .arc {
    position: relative;
    margin: 23% 0 0 23%;
    border: 2px solid #FFF;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.clock .loader .arc::after,
.clock .loader .arc::before {
    content: '';
    position: absolute;
    top: 4%;
    left: 48%;
    width: 4%;
    height: 46%;
    background-color: #FFF;
    transform-origin: 50% 100%;
    border-radius: 5px;
    animation: rotate 2s infinite linear;
}

.clock .loader .arc::after {
    height: 36%;
    top: 14%;
    animation-duration: 12s;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.arc-rotate2 .loader {
    width: 100px;
    height: 100px;
}

.arc-rotate2 .loader .arc {
    position: absolute;
    width: 100%;
    height: 100%;
}

.arc-rotate2 .loader .arc::before,
.arc-rotate2 .loader .arc::after {
    content: '';
    position: absolute;
    top: 32%;
    left: 32%;
    border: 2px solid;
    border-radius: 50%;
    width: 36%;
    height: 36%;
}

.arc-rotate2 .loader .arc::before {
    border-color: #FFF;
    opacity: .3;
}

.arc-rotate2 .loader .arc::after {
    border-color: transparent;
    border-bottom-color: #FFF;
    animation: rotate 1s infinite linear;
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.square-rotate-3d .loader {
    width: 100px;
    height: 100px;
}

.square-rotate-3d .loader .square {
    margin-top: 25%;
    margin-left: 25%;
    width: 50%;
    height: 50%;
    background-color: #FFF;
    animation: squareRotate3d 2s infinite ease-in-out;
}

@keyframes squareRotate3d {
    25% {
        transform: perspective(100px) rotateX(180deg) rotateY(0deg);
    }
    50% {
        transform: perspective(100px) rotateX(180deg) rotateY(-180deg);
    }
    75% {
        transform: perspective(100px) rotateX(0deg) rotateY(-180deg);
    }
    100% {
        transform: perspective(100px) rotateX(0deg) rotateY(0deg);
    }
}

#loaders::before,
#loaders::after {
    content: "";
    display: table;
}

#loaders::after {
    clear: both;
    overflow: hidden;
}

.loader-container .loader {
    position: absolute;

    top: 0;
    left: -84px;

    right: 0;

    bottom: 0;

    margin: auto;

    opacity: 0.1;
}

.lodd1 {
    animation: draw1 10s infinite;
    animation-delay: 0s;

}

.lodd2 {
    animation: draw2 10s infinite;

}

.lodd3 {
    animation: draw3 10s infinite;

}

.lodd4 {
    animation: draw4 10s infinite;

}

@keyframes draw1 {
    0% {
        stroke-dashoffset: 1400;
    }
    12.5% {
        stroke-dashoffset: 0;
    }

    25% {
        stroke-dashoffset: -1400;
    }

    100% {
        stroke-dashoffset: -1400;
    }
}

@keyframes draw2 {
    0% {
        stroke-dashoffset: 1100;
    }
    25% {
        stroke-dashoffset: 1100;
    }

    37.5% {
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dashoffset: -1100;
    }

    100% {
        stroke-dashoffset: -1100;
    }
}

@keyframes draw3 {
    0% {
        stroke-dashoffset: 2100;
    }
    50% {
        stroke-dashoffset: 2100;
    }

    62.5% {
        stroke-dashoffset: 0;
    }
    75% {
        stroke-dashoffset: -2100;
    }

    100% {
        stroke-dashoffset: -2100;
    }
}

@keyframes draw4 {
    0% {
        stroke-dashoffset: 1400;
    }
    75% {
        stroke-dashoffset: 1400;
    }

    87.5% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: -1400;
    }
}

#loading_page {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 999999;
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.general_inter,
.final_inter {
    display: none
}

.loading_general,
.loading_finish {
    display: block !important;
}

.loading_general {
    display: block !important;
}

.loading_general .general_inter {
    display: block !important;
}

/*
.loading_general, .general_inter {
    display: block !important;
}*/

.loading_finish .final_inter {
    display: block !important;
}

/**loader style end*/

.photo_agency_in_brand {
    float: left;
    border: 1px solid #ddd;
}

.photo_agency_in_brand img {
    height: 60px;
    width: 60px;
}

.brand_container_title_right {
    float: right;
    min-width: 200px;

}

.brand_text_agency {
    max-width: 70%;
    float: left;
    margin-left: 10px;
    font-size: 12px;
    line-height: 20px;
}

.semitransparent {
    color: #999;
}

.nus_cereri {
    background: url(/img/def_notific.svg) no-repeat 0 30px;
    height: 380px;
}

.cine_o_sters_brand {
    text-align: center;
    padding-top: 10px;
}

.cine_o_sters_brand img {
    height: 60px;
    width: 60px;
    border-radius: 100%;
    /*-webkit-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -moz-filter: grayscale(0%);*/
    filter: grayscale(0%);

}

.vinovnik {
    margin: 10px;
}

.mfp-content .mfp-close {
    /*position: absolute;
top: 0;
right: 18px;
font-size: 40px;
background: transparent;*/
}

#user_mail_chbtn:hover {
    background: #e8edf2;
}

.filter-option.pull-left {
    background-repeat: no-repeat;
    background-size: contain;
    /*padding-left: 40px;*/
    white-space: nowrap;
}

.dropdown-menu .list_period a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.dropdown-menu .list_period_right_moon a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 !important;
}

.social_icons_top_post_block .active {
    color: #33bbe5;
}

.list_period_right_moon .inactive a {
    color: #ddd;
}

.list_period_right_moon .inactive a:hover {
    color: #ddd;
    background: transparent;
}

.toggled-2 .paket_alert {
    display: none;
}

.company_selector_continer {
    float: left;
}

.brand_selector_continer {
    float: left;
}

.company_selector_continer h3 {
    font-size: 12px;
    font-weight: normal;
    margin: 7px 0;
}

.brand_selector_continer h3 {
    font-size: 12px;
    font-weight: normal;
    margin: 7px 0;
}

.company_selector_btn {
    border: 1px solid #d3d5db;
    background: transparent;
    padding: 3px;
    width: 200px;
    font-size: 12px;
    text-align: left;
    height: 38px;
    background-image: url(/img/arr_select_comp.png);
    background-position: 100% 0;
    background-repeat: no-repeat;

}

.brand_selector_btn {
    border: 1px solid #d3d5db;
    background: transparent;
    padding: 3px;
    width: 200px;
    font-size: 12px;
    text-align: left;
    height: 38px;
    background-image: url(/img/arr_select_comp.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
}

.filt_selector_btn {
    border: 0 solid #d3d5db;
    border-right: 1px solid #d3d5db;
    background-color: transparent;
    padding: 3px 15px;
    width: 200px !important;
    font-size: 12px;
    text-align: left;
    height: 38px;
    background-image: url(/img/select.png);
    background-position: 100% 5px;
    background-repeat: no-repeat;
    float: left;

}

.filt_pub span {
    font-size: 12px;
}

.right_selector_list {
    margin-top: 38px;
}

.top_selector_list {
    font-size: 12px;
    padding: 3px;
    min-width: 200px;
}

.top_selector_list li {
    clear: both;
    /*margin-bottom: 5px;*/
    padding: 5px;
}

.top_selector_list li i {
    height: 30px;
    width: 30px;
    display: block;
    background-size: cover;
    float: left;
}

.buttons-filter-post li a:hover {
    cursor: pointer;
}

.table-condensed td {
    cursor: pointer;
}

.table-condensed td.active {
    color: #fff;
}

.table-condensed .prev span,
.table-condensed .next span {
    cursor: pointer;
    /* width:85%*/
}

.table-condensed .prev span:hover,
.table-condensed .next span:hover {
    background: #ddd;
}

.ui-tabs .ui-tabs-nav li {
    border-top: 0 solid transparent !important;
}

.li_icon {
    height: 30px;
    width: 30px;
    min-width: 30px;
    float: left;
    display: block;
    background: transparent no-repeat center;
    background-size: cover;
}

.company_selector_continer span,
.brand_selector_continer span {
    margin: 6px;
    display: block;
    float: left;
    max-width: 130px;
    height: 18px;
    overflow: hidden;
}

.top_selector_list li {
    width: 100%;
    cursor: pointer;
}

.top_selector_list li:hover {
    background: #e7ecf1;
}

.top_criterii .current a {
    border: 1px solid #33bbe5 !important;
}

.sortindicator {
    margin-left: 5px !important;
}

.dropdown-menu {
    border-radius: 0;
}

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */

.bootstrap-datetimepicker-widget {
    list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 20px;
    color: #777777;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eeeeee;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #777777;
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1px;
    cursor: pointer;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.active_period {
    margin-left: 5px;
    color: #33bbe5 !important;
}

/*.flitru_calendarric_block .open a.flitru_calendarric {
    padding: 0 20px;
    background: #1992ba;
    border-radius: 50px;
    color: #fff;
}*/

/*.flitru_calendarric_block .open a.flitru_calendarric span,
.flitru_calendarric_block .open a.flitru_calendarric span.active_period {
    color: #fff !important;
}*/

.top_postari_null {
    background: #fff url("/img/post_null.svg") no-repeat center 30px;
    height: 325px;
    width: 100%;
    margin: 10px auto;
    display: block;
    font-size: 18px;
}

.posts-advanced .top_postari_null {
    background-position: 15px 30px;
    margin: 10px 0;
}
.title_block_top_posts {
    font-size: 12px;
    /* margin-top: 15px;*/
    /*border-top: 1px solid #e8edf2;*/
    padding-top: 20px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}

.razdel_post_video + .title_block_top_posts {
    border-top: 0 none;
}

.top_selector_list li i.create_new_select {
    background-image: url(/img/create_new_select.png);
    height: 30px;
    width: 30px;
    display: block;
    background-size: cover;
    float: left;
    margin-right: 7px;
}

.add_new_option {
    line-height: 28px;
}

.error_span {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    background: transparent;
}

span.error_span {
    color: red;

    font-size: 11px;
}

.flitru_calendarric_block .show_wait_popup {
    position: absolute;
    right: 0;
    top: -60px;
    display: inline-flex;
}

.top_period {
    color: #fff;
    background: #1992ba;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 12px;
    border-radius: 4px;
}

.period_date {
    border: 0;
    color: #fff;
    cursor: pointer;
    background-image: url(/img/arr_select_comp.png);
    background-position: 100% -8px;
    background-repeat: no-repeat;
    font-weight: bold;
    font-size: 12px;
    padding-right: 25px;
    background-color: transparent;
    min-width: 175px;
}

.add_brand_to_company.add_new_option a {
    padding: 0;
    line-height: 29px;
}

.add_brand_to_company.add_new_option a:hover {
    background: transparent;
}

.sidebar-nav .active {
    background: #131b22;
}

.bg_butt_reload {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -40px;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    display: none;
}

.arrow_butt_show {
    color: #fff;
    position: absolute;
    z-index: 1001;
    font-size: 16px;
    right: 220px;
    top: 10px;

}

.show_wait_popup {
    position: relative;
    z-index: 0;
}

.arrow_butt_show {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    transform: translateX(0px);
}

@-webkit-keyframes bounceInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
    }
}

@keyframes bounceInRight2 {
    0% {
        opacity: 0;
        transform: translateX(-100px);
    }
    60% {
        opacity: 1;
        transform: translateX(30px);
    }
    80% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight2;
    animation-name: bounceInRight2;

}

.text-right {
    /* overflow: hidden;*/
}

.center_btn_statistik {
    margin: 30px auto;
    display: block;
    font-size: 14px;
    padding: 20px;
}

/*BUTTON SELECT PERIOD*/

.buttonbuy {
    width: 400px;
    height: 60px;
    position: relative;
    margin: 40px auto 0;
    /*box-shadow: 0 4px #0e788f;*/
}

.demo {
    background: #199eba;
    width: 400px;
    height: 60px;
    padding: 0 0 0 50px;
    text-align: center;
    position: absolute;
    line-height: 60px;
    font-size: 14px;
    top: 0;
    left: 0;
    z-index: 2;
    transition: 0.5s;
    /*border-radius: 3px;*/
    color: #fff;
    text-shadow: 1px -1px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
}

.disc {
    background: #85A416;
    position: absolute;
    width: 0;
    height: 60px;
    padding: 10px 0;
    text-align: center;
    line-height: 40px;
    top: 0;
    right: 0;
    z-index: 1;
    /*border-radius: 0 3px 3px 0;*/
    color: #fff;
    /*text-shadow: 1px -1px rgba(0, 0, 0, 0.3);*/
    transition: 0.5s;
    /* box-shadow: 0 4px #772400;*/
}

img.buy {
    vertical-align: middle;
    position: absolute;
    z-index: 3;
    left: 14px;
    top: 14px;
    transition: 1.5s;
}

.buttonbuy .fa {
    font-size: 30px;
    color: #fff;
    position: absolute;
    z-index: 999;
    padding: 15px 20px;
    transition: 1.5s;
    text-shadow: 1px -1px rgba(0, 0, 0, 0.3);
}

.buttonbuy:hover .demo {
    width: 300px;
    font-size: 12px;

    color: #fff;
    text-shadow: 1px -1px rgba(0, 0, 0, 0.3);
}

.buttonbuy:hover .disc {
    width: 100px;

}

.buttonbuy:hover img.buy {
    transform: rotate(360deg);
}

.buttonbuy:hover .fa {
    transform: rotate(360deg);
}

.press_butt {
    /*box-shadow: 0 2px #0e788f;
    top: 2px;*/
}

.press_butt .fa {
    transform: rotate(360deg);
}

.press_butt .demo {
    width: 300px;
    font-size: 12px;
}

.press_butt .disc {
    transition: 0s;
    width: 100px;
    /*box-shadow: 0 2px #772400;*/
}

/*BUTTON SELECT PERIOD*/

/*DATAPIKER*/

#container-datarange {
    position: relative;
}

#container-datarange .daterangepicker.opensright::before {
    right: 129px;
    left: auto !important;
}

#container-datarange .daterangepicker.opensright::after {
    right: 130px;
    left: auto !important;
}

#container-datarange .daterangepicker .ranges li {
    padding: 16px 20px !important;
    display: inline-block;
    height: 48px;
}

#container-datarange .daterangepicker .drp-buttons .btn {
    padding: 10px 28px !important;
}

#container-datarange .daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    /*width: 278px;*/
    max-width: none;
    padding: 0;
    margin-right: 30px !important;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 3001;
    display: none;
    font-family: arial, sans-serif;
    font-size: 15px;
    line-height: 1em;
    padding-left: 160px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .180);
}

#container-datarange .daterangepicker .drp-buttons {
    margin-left: -160px;
    height: 57px;
    overflow: hidden;
}

#container-datarange .daterangepicker:before,
#container-datarange .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

#container-datarange .daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc;
}

#container-datarange .daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

#container-datarange .daterangepicker.opensleft:before {
    right: 9px;
}

#container-datarange .daterangepicker.opensleft:after {
    right: 10px;
}

#container-datarange .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

#container-datarange .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
}

#container-datarange .daterangepicker.opensright:before {
    left: 9px;
}

#container-datarange .daterangepicker.opensright:after {
    left: 10px;
}

#container-datarange .daterangepicker.drop-up {
    margin-top: -7px;
}

#container-datarange .daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}

#container-datarange .daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

#container-datarange .daterangepicker.single .daterangepicker .ranges,
#container-datarange .daterangepicker.single .drp-calendar {
    float: none;
}

#container-datarange .daterangepicker.single .drp-selected {
    display: none;
}

#container-datarange .daterangepicker.show-calendar .drp-calendar {
    display: block;
}

#container-datarange .daterangepicker.show-calendar .drp-buttons {
    display: block;
}

#container-datarange .daterangepicker.auto-apply .drp-buttons {
    display: none;
}

#container-datarange .daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
}

#container-datarange .daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px;
}

#container-datarange .daterangepicker .drp-calendar.right {
    padding: 8px;
}

#container-datarange .daterangepicker .drp-calendar.single .calendar-table {
    border: none;
}

#container-datarange .daterangepicker .calendar-table .next span,
#container-datarange .daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid black;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}

#container-datarange .daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#container-datarange .daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

#container-datarange .daterangepicker .calendar-table th,
#container-datarange .daterangepicker .calendar-table td {
    white-space: nowrap;
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    max-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    /*border-radius: 4px;*/
    border: 1px solid transparent;
    cursor: pointer;
}

#container-datarange .daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff;
}

#container-datarange .daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
}

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

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

#container-datarange .daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0;
}

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

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

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

#container-datarange .daterangepicker td.active,
#container-datarange .daterangepicker td.active:hover,
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #33bbe5;
    border-color: transparent;
    color: #fff;
}

#container-datarange .daterangepicker th.month {
    width: auto;
}

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

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

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

#container-datarange .daterangepicker select.yearselect {
    width: 40%;
}

#container-datarange .daterangepicker select.hourselect,
#container-datarange .daterangepicker select.minuteselect,
#container-datarange .daterangepicker select.secondselect,
#container-datarange .daterangepicker select.ampmselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px;
}

#container-datarange .daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0 auto;
    line-height: 30px;
    position: relative;
}

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

#container-datarange .daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle;
}

#container-datarange .daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px;
}

#container-datarange .daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}

#container-datarange .daterangepicker.show-ranges .drp-calendar.left {
    /*border-left: 1px solid #ddd;*/
}

#container-datarange .daterangepicker .main-calendar {
    /*float: left;*/
    border-top-left-radius: 4px;
    overflow: hidden;
}

#container-datarange .daterangepicker .main-calendar .flex-bar {
    border-bottom: 1px solid #ddd;
}

#container-datarange .daterangepicker .main-calendar .flex-bar,
#container-datarange .daterangepicker .main-calendar .flex-bar li,
#container-datarange .daterangepicker .main-calendar .flex-bar li a {
    height: 36px;
}

#container-datarange .daterangepicker .main-calendar .flex-bar li a {
    line-height: 18px;
}

#container-datarange .daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0;
    border-bottom: 1px solid #ddd;
}

#container-datarange .daterangepicker .ranges .list_period_right_head {
    height: 32px;
}

/*.daterangepicker.show-calendar .ranges {
    padding-top: 8px;
}*/

#container-datarange .daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-y: auto;
    /*height: 271px;*/
}
#container-datarange .daterangepicker .ranges li,
.list_period_right_moon li,
#container-datarange .daterangepicker .main-calendar .flex-bar a {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer;
}

.list_period_right_moon li:hover,
#container-datarange .daterangepicker .main-calendar .flex-bar li a:hover,
#container-datarange .daterangepicker .ranges li:hover {
    background-color: #eee;
}

.list_period_right_moon li a.active,
.list_period_right_moon li.active,
.daterangepicker .main-calendar .flex-bar li a.active,
.daterangepicker .ranges li.active {
    background-color: #33bbe5;
    color: #fff;
}

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

    /*.daterangepicker .ranges ul {
        width: 140px;
    }*/

    #container-datarange .daterangepicker.single .ranges ul {
        width: 100%;
    }

    #container-datarange .daterangepicker.single .drp-calendar.left {
        clear: none;
    }

    #container-datarange .daterangepicker.single.ltr .ranges,
    #container-datarange .daterangepicker.single.ltr .drp-calendar {
        float: left;
    }

    #container-datarange .daterangepicker.single.rtl .ranges,
    #container-datarange .daterangepicker.single.rtl .drp-calendar {
        float: right;
    }

    #container-datarange .daterangepicker.ltr {
        direction: ltr;
        text-align: left;
    }

    #container-datarange .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0;
    }

    #container-datarange .daterangepicker.ltr .drp-calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #container-datarange .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0;
    }

    #container-datarange .daterangepicker.ltr .drp-calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    #container-datarange .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px;
    }

    #container-datarange .daterangepicker.ltr .drp-calendar {
        float: left;
    }

    /*.daterangepicker.ltr .ranges {
        float: left;
    }*/

    #container-datarange .daterangepicker.rtl {
        direction: rtl;
        text-align: right;
    }

    #container-datarange .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0;
    }

    #container-datarange .daterangepicker.rtl .drp-calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    #container-datarange .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0;
    }

    #container-datarange .daterangepicker.rtl .drp-calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #container-datarange .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px;
    }

    #container-datarange .daterangepicker.rtl .ranges,
    #container-datarange .daterangepicker.rtl .drp-calendar {
        text-align: right;
        float: right;
    }
}

@media (min-width: 730px) {
    /*.daterangepicker .ranges {
        width: auto;
    }*/

    /*.daterangepicker.ltr .ranges {
        float: left;
    }*/

    #container-datarange .daterangepicker.rtl .ranges {
        float: right;
    }

    #container-datarange .daterangepicker .drp-calendar.left {
        clear: none !important;
    }
}

.daterangepicker_start {
    position: relative;
    width: 650px;
    display: none;
    margin: auto !important;
    top: 15px;
}

.daterangepicker_start.open {
    display: block;
}

.daterangepicker_start::before,
.daterangepicker_start::after {
    display: none;
}

/*DATAPIKER*/

.bottom_but_start {
    width: 600px;
}

.bottom_but_start .arrow_butt_show {
    top: -40px;
}

.z-index1001 {
    z-index: 1001;
}

.z-index0 {
    z-index: 0;
}

.button_lasa_comment_stat:hover {
    background: #ddd;
}

.url_input_carusel {
    margin: 10px 0 !important;
}

.filtru_brands .form-control {
    margin-bottom: 10px;
}

.but_link_add .form-control {
    height: 43px;
    margin-bottom: 10px;
}

.right_popap_strategie_container h1 {
    font-size: 26px;
}

.left_popapcalendar h1 {
    font-size: 26px;
}

.claendar_luna_title {
    margin: 7px 0;
    font-size: 18px;
    font-weight: normal;
    color: #555;

    text-transform: uppercase;
}

.claendar_luna_title span {

    color: #c2c2c2;
}

/*.daterangepicker.show-ranges {
    width: 650px;
}*/

.back_to_statistic {
    margin-left: 10px;
    font-size: 12px;
    display: inline-block;
}

.back_to_statistic a {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border: 1px dashed #a1abb4;
    padding: 0 23px;
    color: #000;
    background: #fff;
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
}

.reset_colors {
    margin: auto;
    display: block;
}

.map_new {
    padding: 20px 0;
}

#info {
    float: left;
    padding-left: 20px;
    /* margin: 20px 0 0 0;*/
    border-left: 1px solid silver;
}

#info h2 {
    display: inline;
    font-size: 13pt;
}

#info .f32 .flag {
    vertical-align: bottom !important;
}

#info h4 {
    margin: 1em 0 0 0;
}

.map_new #container,
.map_new #info {
    width: 50%;
    float: left;
}

.by_age {
    margin-top: 50px;
}

.vizual_1_left_top {
    margin-bottom: 30px;
}

img.grafice_inactiv {
    max-width: 100%;
    min-width: 100%;
    margin: auto;
}

.descrition_loading {
    position: absolute;
    color: #fff;
    left: 0;
    text-align: center;
    right: 0;
    margin: auto;
    top: 65%;
    font-size: 18px;
    text-shadow: 1px 1px 5px #333;
}

#top_posts_form .arrow_butt_show {
    white-space: nowrap;
    right: 200px;
    top: -40px;
}

#page-content-wrapper h2 {
    margin: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
    background: #d6dde4;
}

.open_upload_dialog, .upload_avatar, #selectlanguage {
    cursor: pointer;
}

#user_mail_chbtn {
    padding: 0 !important;
    margin: 0 !important;
}

#change_mail {
    padding: 8px;
}

.btn-default:hover {
    border-color: #222;
}

.sterge_agentia_button:hover {
    color: #fff;
    background: #ff673e;
    border: 1px solid #ff673e;
}

.free_period .btn-default:hover {
    color: #fff;
    background: #099609;
    border: 1px solid green;
}

.free_period a {
    background: #fff;
    padding: 0 20px 0 10px;
    border-radius: 100px;
}

.free_period .glyphicons-star {
    font-size: 20px;
    line-height: 29px;
}

.button_active_module:hover {
    color: #fff;
    background: green;
    border: 1px solid green;
}

.container_agecy_echipa_pers:hover {
    border: 1px solid #33bbe5;
}

.cusubmenu .fa-stack {
    height: auto !important;
}

.menu_admin {
    background: #073d4e
}

.menu_admin a {
    color: #fff !important;
}

.menu_admin ul {
    background: #131b22;
}

.menu_admin ul li a:hover {
    background: #0b0f13;
}

.dialog_cereri_companii:focus,
.dialog_cereri_companii:active {
    background: transparent;
}

.user_avatar {
    max-width: 100px;
}

.dashboard_header {
    background: #fff;
    height: 150px;
    box-shadow: 0 0 10px -5px #000 !important;

}

.company_dashboard {
    padding: 20px;
}

.company_dashboard img {
    max-height: 110px;
}

/*** Table ***/
.table-col {
    display: table !important;
}
.table-row,
.table-col > * {
    display: table-row !important;
}
.table-cel,
.table-row > *,
.table-col > * > * {
    display: table-cell !important;
}

/*** Flex ***/
.flex-row,
.flex-col,
.flex-bar,
.flex-bar > * {
    display: flex;
}
.flex-row,
.flex-col,
.flex-bar > * {
    align-items: stretch;
    align-content: stretch;
}
.flex-bar {
    align-items: center;
    align-content: stretch;
}
.flex-row {
    flex-direction: row;
    flex-wrap: wrap;
}
.flex-col {
    flex-direction: column;
}
.flex-grow,
.flex-row > .grow,
.flex-col > .grow {
    flex-grow: 1;
}
.flex-grow-none,
.flex-row > .grow-none,
.flex-col > .grow-none {
    flex-grow: 0 !important;
}
.flex-middle {
    align-items: center;
}
.flex-nowrap {
    flex-wrap: nowrap;
}

/*** Collapse ***/
[class*="tab-collapse"] {
    overflow: hidden;
    transition: all .5s ease-out;
}
[class*="tab-collapse"].out {
    max-height: 2060px;
}
.tab-collapse-post {
    max-height: 343px;
}
.tab-collapse-video {
    max-height: 343px;
}
.tab-collapse-fans {
    max-height: 232px;
}

/*** Temporary ***/
.contain_agent_echip,
.agency_block_profile {
    position: relative;
}
/*
.contain_agent_echip:after,
.agency_block_profile .col-md-4:after {
    background-color: rgba(255,255,255,.75);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
*/

/*** ***/
.atribute-module {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #e8edf2;
    padding-bottom: 15px;
}

.atribute-module .atribute-item {
    width: 20%;
    padding: 0 15px;
    position: relative;
}
.atribute-module .atribute-item:first-of-type {
    padding-left: 0;
}
.atribute-module .atribute-item:last-of-type {
    padding-right: 0;
}

.atribute-module .atribute-item p {
    height: 18px;
    overflow: hidden;
}
.atribute-module .atribute-item .button_active_module {
    padding-left: 0;
    padding-right: 0;
    height: 39px;
    overflow: hidden;
}

#daterange {
    background-color: transparent;
    border: 0 none;
    height: 33px;
    width: 162px;
    cursor: pointer;
}

.filtru_brands .button_notificari {
    width: auto;
    margin: 0 10px 0 0;
    padding: 10px 20px 10px 0;
}
.filtru_brands [data-toggle="buttons"] {
    width: auto;
    padding: 0 15px 0 0;
}

/*** Tiles ***/
.tile {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}
.col-md-4 .tile-item {
    width: 20%;
}
.tabs-menu-general-graphic .col-md-3 {
    width: 20% !important;
}

.noscroll {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.agency_button_upload {
    width: 45% !important;
}






/*** Adaptive ***/
@media only screen and (max-width: 2000px) {

}
@media only screen and (max-width: 1900px) {
    .menu_inter_mediaplan > span {
        display: none;
    }
    .menu_inter_mediaplan a {
        border: 0 none;
        padding: 0 7px;
    }
}
@media only screen and (max-width: 1700px) {
    .col-md-4 .tile-item {
        width: 25%;
    }
    .menu_inter_mediaplan a span {
        display: none;
    }
}
@media only screen and (max-width: 1600px) {
    .menu_plan_general .item-brand a span,
    .menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric span {
        display: none;
    }
}
@media only screen and (max-width: 1500px) {
    .menu_plan_general a {
        font-size: 13px;
        padding: 0 8px;
    }
    .agency_button_upload {
        width: 90% !important;
    }
    /*.input_profile_container,*/
    .col-md-4 .padding_5,
    .input_profile_container h4,
    .descript_brand_bloc_agency h4,
    .atribute-item,
    .contrainer_agency_profile,
    .contrainer_agency_profile + .col-md-8.col-lg-7.col-xl-6,
    .brand_info h3,
    .buttons_profile,
    .container_price h1.title_page,
    .descript_tab_price p,
    /*[class*="fani_"] h3,
    [class*="vizual_"] h3,*/
    .fani_1_left_top_buttons,
    .vizual_2_center_top,
    .list_conturis,
    .date_totale_fani,
    .date_totale_postari,
    .post_2_statistic_title,
    .vizual_1_left_left,
    .vizual_1_left_right,
    .vizual_1_right_right,
    .vizual_1_right_left,
    .top_posts_continer,
    .interactiun_smile,
    .impact_pies,
    .btn_com_stat,
    .metrix_list h3,
    .block_stattistic .lighten-3,
    .plan_general_post,
    .source_circle,
    .title-card-text-profile,
    .content_top_title,
    /*.title-card-text,*/
    .title_block_top_posts,
    .btn_load_more,
    /*#container-datarange .daterangepicker > *,*/
    .brand_price_new,
    .navbar-header,
    .top_bar_header {
        zoom: .85 !important;
    }
    .chart-card,
    .ul_tabs_profile,
    .sidebar-nav,
    .tab-collapse-post,
    .tab-collapse-video,
    .tabs-menu-all-posts,
    .add-person-drept-container,
    .tabs-menu-general-graphic {
        zoom: .87 !important;
    }
    .sidebar-nav .fa-stack {
        width: 66px;
    }
    .toggled-2 .navbar-logo:after {
        left: 17px;
        background-position: -38px 9px;
    }
}
@media only screen and (max-width: 1440px) {
    .menu_plan_general a {
        font-size: 12px;
        padding: 0 6px;
    }
}
@media only screen and (max-width: 1400px) {
    .card {
        margin: 0 15px;
    }
    .col-md-4 .tile-item {
        width: 33.3333%;
    }
    .filtru_brands .button_notificari {
        width: 100%;
        margin: 0;
    }
    .filtru_brands [data-toggle="buttons"] {
        width: 50%;
    }
    .atribute-module .atribute-item {
        padding: 0 10px;
    }
    .container_agecy_module {
        zoom: .85;
    }
    .menu_inter_mediaplan a {
        border: 0 none;
        font-size: 14px;
        padding: 0 5px;
    }
    .number_brands_paket {
        padding-top: 10px;
        text-align: center;
    }
    .pricepaket {
        padding-bottom: 15px;
        padding-top: 5px;
    }
}
@media only screen and (max-width: 1300px) {
    .flitru_calendarric_block * {
        font-size: 13px;
    }
    .menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric {
        padding-right: 0;
    }
    .menu_scroll_statistic_bl .flitru_calendarric #daterange {
        width: 160px;
    }
    .menu_inter_mediaplan {
        margin-right: 0;
    }
    .menu_plan_general a {
        font-size: 13px;
        padding: 0 8px;
    }
    .toggled-2 .menu_scroll_statistic.stickydiv {
        left: 62px;
    }
    .brand_price_new {
        width: 100%;
        padding: 0 15px;
    }
    .paket_blok.col-md-3 {
        padding: 0 5px;
    }
    .atribute-module .atribute-item {
        padding: 0 3px;
    }
    .toggled-2 .navbar-logo:after {
        left: 11px;
        height: 52px;
    }
    .sidebar-nav li {
        padding-left: 2px;
    }
    .sidebar-nav .fa-stack {
        width: 56px;
    }
    .tabs-menu-general-graphic .col-md-3 {
        width: 25% !important;
    }
    #daterange {
        font-size: 13px;
    }
    .flitru_calendarric_block .flitru_calendarric .fa {
        margin-left: 0;
    }
    .menu_scroll_statistic_bl .flitru_calendarric_block .flitru_calendarric span {
        display: none;
    }
    /*.input_profile_container,*/
    .col-md-4 .padding_5,
    .input_profile_container h4,
    .descript_brand_bloc_agency h4,
    .atribute-item,
    .contrainer_agency_profile,
    .contrainer_agency_profile + .col-md-8.col-lg-7.col-xl-6,
    .brand_info h3,
    .buttons_profile,
    .container_price h1.title_page,
    .descript_tab_price p,
    /*[class*="fani_"] h3,
    [class*="vizual_"] h3,*/
    .fani_1_left_top_buttons,
    .vizual_2_center_top,
    .list_conturis,
    .date_totale_fani,
    .date_totale_postari,
    .post_2_statistic_title,
    .vizual_1_left_left,
    .vizual_1_left_right,
    .vizual_1_right_right,
    .vizual_1_right_left,
    .top_posts_continer,
    .interactiun_smile,
    .impact_pies,
    .btn_com_stat,
    .metrix_list h3,
    .block_stattistic .lighten-3,
    .plan_general_post,
    .source_circle,
    .title-card-text-profile,
    .content_top_title,
    /*.title-card-text,*/
    .title_block_top_posts,
    .btn_load_more,
    /*#container-datarange .daterangepicker > *,*/
    .brand_price_new,
    .navbar-header,
    .top_bar_header {
        zoom: .9 !important;
    }
    .chart-card,
    .ul_tabs_profile,
    .sidebar-nav,
    .tab-collapse-post,
    .tab-collapse-video,
    .tabs-menu-all-posts,
    .add-person-drept-container,
    .tabs-menu-general-graphic {
        zoom: .95 !important;
    }
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1200px) {
    .col-md-4 .tile-item {
        width: 50%;
    }
    .menu_scroll_statistic_bl .flitru_calendarric #daterange {
        width: 0;
        overflow: hidden;
    }
}
@media only screen and (max-width: 1100px) {
}
@media only screen and (max-width: 1000px) {
    .menu_inter_mediaplan a {
        font-size: 13px;
        padding: 0;
    }
    .menu_plan_general a {
        font-size: 12px;
    }
}

/*** Colors ***/
.bg-primary,
.btn-primary {
    background-color: #33bbe5;
}
.ink-primary,
.text-primary {
    color: #33bbe5;
}

.ink-grey-light,
.text-muted {
    color: #7f929f;
}
.ink-grey {
    color: #666;
}
.ink-grey-dark {
    color: #333;
}

.text-secondary {}
.text-success {}
.text-danger {
    color: #ff673e !important;
}
.text-warning {}
.text-info {}
.text-light {}
.text-dark {}
.text-white {
    color: white !important;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active {
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #33bbe5;
    color: #fff;
}
.btn-primary:hover {
    background-color: #25a5cc;
    -webkit-box-shadow: 0 2px 8px -6px rgba(35, 47, 53, .09);
    box-shadow: 0 2px 8px -6px;
    border-color: #25a5cc;
    color: #fff;
}

:disabled {
    opacity: .5 !important;
}

/*** Scrolling ***/
.scroll {
    overflow-x: hidden;
    overflow-y: auto;
}

#module_active_brand .scroll,
#module_company_module .scroll {
    max-height: 60vh;
}
#adauga_company_user .scroll,
#change_brand_user .scroll,
#change-person-drept-companie .scroll,
#add-person-drept-brand .scroll,
#dizactiv_profile .scroll,
#change_company_user_new .scroll,
#adauga_new_company_user .scroll,
#send_apruve_post .scroll {
    max-height: 40vh;
}
#edit_top_5 .scroll,
#dialog_archive_details .scroll,
[id*="edit_color_"] .scroll {
    max-height: 53vh;
}
#cereri-branduri .scroll,
#cereri-companii .scroll {
    max-height: 70vh;
    padding: 0 20px;
    margin-bottom: 20px;
}

/*** Notifications ***/
.notifications-bar {
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.notifications-bar > :not(:first-child) {
    padding-left: 5px;
    padding-right: 10px;
}
.notifications-bar > label > span {
    font-size: 13px;
    color: #666;
    display: inline-block;
    margin-left: 8px;
}
.notifications-bar,
.notifications-wrapper {
    margin: 0 -10px;
}
.shortcut .notifications-wrapper {
    margin: 0;
}
#notific_list .notifications-wrapper {
    width: 100%;
    overflow-y: auto;
    max-height: 500px;
    border-top: 1px solid #ebecf0;
    border-bottom: 1px solid #ebecf0;
    margin: 0;
}
.notifications-wrapper > li {
    background-color: #f5f7f8;
    padding-right: 15px;
    border-bottom: 1px solid #eee;
    position: relative;
    float: none;
}
.shortcut .notifications-wrapper > li {
    padding-right: 0;
    border-bottom: 0 none;
}
.shortcut .notifications-wrapper .image-holder {
    margin: 8px 12px 8px 0;
}
#notific_list .notifications-wrapper > li:last-of-type {
    border-bottom: 0 none;
}
#notific_list .notifications-wrapper > li {
    padding-right: 10px;
    padding-left: 15px;
}
.notifications-wrapper input,
.notifications-wrapper button,
.notifications-wrapper label {
    cursor: pointer;
}
.notifications-bar label,
.notifications-bar button,
.notifications-wrapper button,
.notifications-wrapper label {
    transition: all .3s ease-out;
}
.notifications-bar label,
.notifications-wrapper button,
.notifications-wrapper label {
    background-color: transparent;
    padding: 10px 15px;
    margin: 0;
    min-width: 48px;
}
.shortcut .notifications-wrapper label.notification-read {
    padding: 10px 0 10px 10px;
    min-width: 28px;
}
.fade-out,
.notifications-wrapper > li button,
.notifications-wrapper > li .notification-select:not(.select-checked),
.notifications-wrapper:not(.all-select-checked) > li .notification-select {
    opacity: 0;
    visibility: hidden;
}
.notifications-wrapper > li:hover button {
    opacity: .5;
}
.fade-in,
.notifications-wrapper > li:hover button,
.notifications-wrapper > li button:hover,
.notifications-wrapper > li .notification-select.select-checked,
.notifications-wrapper.all-select-checked > li .notification-select,
.notifications-wrapper > li:hover .notification-select {
    opacity: 1;
    visibility: visible;
}
.notifications-wrapper .notification-read > input {
    display: none;
}
.notifications-wrapper > li:not(.read) > .notification-read > input + img,
.notifications-wrapper .notification-read > input:not(:checked) + img {
    opacity: .3;
}
.notifications-wrapper > li.read > .notification-read > input + img,
.notifications-wrapper > li .notification-read > input:checked + img {
    opacity: 1;
}
.notifications-wrapper .item-title {
    font-size: 14px;
    margin-bottom: 0;
    display: block;
}
.shortcut .notifications-wrapper .item-title {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#notific_list .notifications-wrapper .item-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notifications-wrapper .chat_time {
    font-size: 11px;
    margin-bottom: 3px;
    display: block;
}

.shortcut .item-info,
.shortcut .notifications-wrapper .item-title,
.notifications-wrapper .chat_time {
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notifications-wrapper .read {
    background-color: transparent;
}
.notification-item {
    padding: 10px 0;
    overflow: hidden;
}
.shortcut .notification-item {
    padding: 6px 0;
    max-height: 68px;
}
.notification-item b {
    color: #4894c5;
}

.notifications-wrapper + .btn_load_more {
    margin-top: 20px;
    margin-bottom: 20px;
}
.shortcut .notifications-wrapper .notification-item + div,
.shortcut .notifications-wrapper .notification-select,
#notific_list .notifications-wrapper .notification-item + div,
#notific_list .notifications-wrapper .notification-select {
    display: none;
}

/*** Container Modal ***/
[data-modal="block"] h1,
[data-modal="block"] h2,
[data-modal="block"] h3,
[data-modal="block"] h4,
[data-modal="block"] h5,
[data-modal="block"] h6 {
    color: #18232d;
    text-transform: uppercase;
    margin: 0 0 15px;
}
[data-modal="block"] h1 {
    font-size: 32px;
}
[data-modal="block"] h2 {
    font-size: 24px;
}
[data-modal="block"] h3 {
    font-size: 18px;
}
[data-modal="block"] {
    position: relative;
}
[data-modal="block"] .block-modal,
[data-modal="block"] + .block-modal {
    background-color: rgba(255,255,255,.95);
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .3s linear;
}
[data-modal="block"] .block-modal.show,
[data-modal="block"] + .block-modal.show {
    opacity: 1;
    visibility: visible;
}

/*** Popover ***/
[id*="popover"].popover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    max-width: 300px;
}
[id*="popover"].popover .popover-title {
    padding: 15px 20px;
    font-size: 13px;
    text-transform: uppercase;
    background-color: #fff;
    border-bottom: 1px solid #ebecf0;
    border-radius: 5px 5px 0 0;
}
[id*="popover"].popover .popover-content {
    padding: 10px 15px 10px 0;
    margin-left: 15px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 300px;
}
[id*="popover"].popover .uninvited_brand_users,
[id*="popover"].popover .uninvited_brand_users > * {
    display: flex !important;
}
[id*="popover"].popover .uninvited_brand_users {
    flex-direction: column;
}
[id*="popover"].popover .uninvited_brand_users > * {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100% !important;
}
[id*="popover"].popover .uninvited_brand_users > * > button ~ div:last-child {
    margin-left: 5px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
[id*="popover"].popover .container_agecy_echipa_pers {
    min-height: 40px;
    max-height: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 40px;
    width: 40px;
    text-align: center;
    line-height: 0;
    overflow: hidden;
    float: none;
}

/*** jQuery-UI Colorpicker ***/
input.color-picker {
    font-size: 12px;
    text-transform: uppercase;
    padding: 7px 9px;
    border: 1px solid #ddd;
    vertical-align: middle;
    width: 140px;
}
.color_center > span,
.color-picker-change {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: inline-table;
    border: 0 none;
    vertical-align: middle;
}
.color-picker-change {
    margin-right: 5px;
}
.color-picker-change > img {
    display: none !important;
}
.color-picker-button {
    background: url("/img/icons/outline-color_lens-24px.svg") no-repeat center center;
    background-color: transparent !important;
    background-size: contain;
    color: #C2C2C2 !important;
    font-size: 18px;
    height: 24px;
    width: 24px;
    line-height: 1;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
}

.color-picker-button:hover {
    background: transparent url("/img/icons/round-color_lens-24px.svg") no-repeat center center;
}
.ui-colorpicker {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 10px;
    line-height: 1em;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .180);
    min-width: 10px !important;
}
.ui-colorpicker table {
    width: auto;
    border-collapse: separate;
}
.ui-colorpicker table td {
    padding: 0;
    max-width: 1000px;
}
.ui-colorpicker.ui-dialog .ui-dialog-content {
    text-align: inherit;
    margin: 0;
    font-size: 14px;
}
.ui-colorpicker-border {
    border: 1px solid #eee;
}
.ui-colorpicker-map {
    position: relative;
}
.ui-colorpicker-map > * {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ui-colorpicker-swatches {
    width: 79px !important;
    height: 228px !important;
}
.ui-colorpicker-bar-container {
    padding-right: 10px !important;
    padding-left: 5px !important;
}
.ui-colorpicker-preview-container {
    padding-bottom: 5px !important;
}

.ui-colorpicker-preview-initial,
.ui-colorpicker-preview-current {
    width: 39px !important;
}
.ui-colorpicker.ui-dialog .ui-dialog-buttonpane {
    text-align: right;
    border-width: 1px 0 0 0;
    margin: 10px -10px 0;
    padding: 10px 0 0 !important;
    border-top: 1px solid #ddd;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    text-align: right;
    padding-right: 10px;
}
.ui-dialog .ui-dialog-buttonpane button {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 0 8px;
    padding: 10px 28px !important;
}
.ui-dialog-buttonset button.ui-colorpicker-ok {
    background-color: #33bbe5;
    border: 1px solid #33bbe5;
}
.ui-dialog-buttonset button.ui-colorpicker-cancel {
    background-color: #fff;
    border: 1px dashed #a1abb4;
    color: #000;
    text-transform: uppercase;
}
.ui-dialog-buttonset button.ui-colorpicker-cancel:hover {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

/*** ***/
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: 0;
}

.ui-tabs .ui-tabs-panel {
    margin-bottom: 40px;
}

/*** Button Action ***/
.btn-action {
    width: 30px;
    height: 30px;
    min-height: 30px;
    border-radius: 50%;
    transition: all .3s ease-out;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.btn-action:hover {
    background-color: #eee;
}
.btn-action,
.btn-action:active {
    background-color: transparent;
}

/*** Material Icons ***/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/material-icons/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/fonts/material-icons/MaterialIcons-Regular.woff2) format('woff2'),
    url(/fonts/material-icons/MaterialIcons-Regular.woff) format('woff'),
    url(/fonts/material-icons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;

    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

.material-icons.mini  {font-size: 14px;}
.material-icons.tiny  {font-size: 16px;}
.material-icons.small {font-size: 20px;}
.material-icons.big   {font-size: 28px;}
.material-icons.large {font-size: 32px;}

/*** Placeholder ***/
::-webkit-input-placeholder {
    color: #bbb !important;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1 !important;
    transition: opacity .3s ease;
}
::-moz-placeholder {
    color: #bbb !important;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1 !important;
    transition: opacity .3s ease;
}
:-moz-placeholder {
    color: #bbb !important;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1 !important;
    transition: opacity .3s ease;
}
:-ms-input-placeholder {
    color: #bbb !important;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1 !important;
    transition: opacity .3s ease;
}
:focus::-webkit-input-placeholder {
    opacity: 0 !important;
    transition: opacity .3s ease;
}
:focus::-moz-placeholder {
    opacity: 0 !important;
    transition: opacity .3s ease;
}
:focus:-moz-placeholder {
    opacity: 0 !important;
    transition: opacity .3s ease;
}
:focus:-ms-input-placeholder {
    opacity: 0 !important;
    transition: opacity .3s ease;
}

/*** ***/
.caption {
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -.03em;
}
.title {
    margin-top: 5px;
}

/**********************************************************
 Report Subscribe
 **********************************************************/
.report-subscribe {
    flex-grow: 4;
    min-width: 740px;
    max-width: 800px;
}
@media only screen and (max-width: 1470px) {
    .report-subscribe {
        flex-grow: 1;
        min-width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
}
.report-subscribtion,
.item-subscribtion,
.card-expand .edit-subscribtion {
    display: flex;
}
.disabled-subscribtion,
.report-subscribtion label,
.report-subscribtion select,
.report-subscribtion input,
.report-subscribtion button {
    transition: all .2s ease-in;
}
.report-subscribtion {
    flex-direction: column;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none outside;
}
.report-subscribtion.disabled-subscribtion:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    cursor: default;
    background-color: rgba(232,237,242,.3);
}
.item-subscribtion {
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    position: relative;
    padding: 0 15px;
    border: 1px solid transparent;
    border-bottom-color: #e8edf2;
}
.add-subscribtion:only-child,
.item-subscribtion:nth-last-child(1):not(:first-child):not(.edit-subscribtion),
.item-subscribtion:nth-last-child(2):not(.edit-subscribtion) {
    border-bottom: 0 none;
}
.item-subscribtion > .head,
.item-subscribtion > .body,
.item-subscribtion > .foot {
    padding-top: 15px;
    padding-bottom: 15px;
}
.item-subscribtion > .head,
.item-subscribtion > .body {
    width: calc((100% - 110px)/3);
}
.item-subscribtion > .head {
    flex-grow: 1;
}
.item-subscribtion > .body {
    padding-left: 20px;
    /*width: 27%;*/
    flex-grow: 1;
}
.item-subscribtion > .foot {
    padding-left: 20px;
    width: 80px;
}
.item-subscribtion label {
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 0;
    padding-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: -.03em;
    line-height: 1;
    border-bottom: 1px solid transparent;
    display: inline-flex;
    align-items: center;
}
.item-subscribtion label > img {
    margin-right: 5px;
}
.item-subscribtion select,
.item-subscribtion input,
.item-subscribtion output {
    font-size: 13px;
    line-height: 1.4;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
}
.item-subscribtion select,
.item-subscribtion input {
    background-color: transparent;
    border-width: 0 0 1px;
    border-bottom-style: solid;
    border-bottom-color: #ddd;
}
.item-subscribtion output {
    padding-left: 1px;
}
.item-subscribtion select {
    height: 30px;
}
.edit-subscribtion label {
    margin-right: 14px;
}
.item-subscribtion label,
.edit-subscribtion [type="radio"]:checked + label {
    color: #1992ba;
}
.edit-subscribtion [type="radio"] + label {
    color: #8a9198;
}
.edit-subscribtion [type="radio"]:checked + label {
    border-bottom-color: #1992ba;
}
.edit-subscribtion [type="radio"] ~ input:not([type="radio"]),
.edit-subscribtion [type="radio"] ~ select,
.edit-subscribtion [type="radio"] {
    display: none;
}
.edit-subscribtion [type="radio"]:checked + label ~ label + input:not([type="radio"]),
.edit-subscribtion [type="radio"]:checked + label + input:not([type="radio"]) + input:not([type="radio"]),
.edit-subscribtion [type="radio"]:checked + label ~ label + select,
.edit-subscribtion [type="radio"]:checked + label + select + select {
    display: block;
}
.edit-subscribtion {
    background-color: #fff;
    display: none;
    border: 1px solid #0691bc;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    min-height: 100%;
    z-index: 2010;
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.15);
}
.add-subscribtion .edit-subscribtion {
    top: auto;
    bottom: 0;
}
.add-subscribtion {
    padding: 0;
}
.add-subscribtion > button {
    background-color: transparent;
    border: 1px dashed #cad1d9;
    min-height: 50px;
    text-transform: uppercase;
    border-radius: 2px;
}
.item-subscribtion .block-modal,
.add-subscribtion > button:hover {
    background-color: rgba(242,245,249,.95);
}
.item-subscribtion .block-modal {
    flex-direction: row;
    align-items: center;
}
.item-subscribtion .block-modal h3 {
    font-size: 15px;
    margin-bottom: 0;
}

/*** Thumbnail ***/
.thumb {
    background: no-repeat center center;
    background-size: cover;
    overflow: hidden;
    display: inline-flex;
    border: 1px solid #cad1e2;
}
.thumb,
.thumb > img {
    width: 100px;
    height: 100px;
}

/*** Avatar ***/
.avatar {
    background: no-repeat center 20%;
    background-size: cover;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    border: 1px solid #cad1e2;
}
.avatar,
.avatar > img {
    width: 48px;
    height: 48px;
}
.avatar.small,
.avatar.small > img {
    width: 38px;
    height: 38px;
}

/**********************************************************
 Drawer
 ----------------------------------------------------------
 drawer
    nav-view
        side-left
        side-right
        side-full
 **********************************************************/
.drawer,
.drawer > .nav-view {
    transition: all .5s ease;
    opacity: 0;
}
.drawer.show,
.drawer.show > .nav-view {
    transition: all .5s ease;
    opacity: 1;
}
.drawer {
    background-color: rgba(33,36,54,.8);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
}
.drawer.show {
    z-index: 1000;
}
.drawer > .nav-view {
    display: flex;
    background-color: white;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60vw;
    height: 100vh;
    overflow: hidden;
}
.drawer > .nav-view,
.drawer > .nav-view.side-left {
    left: -60vw;
    right: auto;
    box-shadow: .2vw 0 4vw 0 rgba(0,0,0,.2);
}
.drawer.show > .nav-view,
.drawer.show > .nav-view.side-left {
    left: 0;
    right: auto;
}
.drawer > .nav-view.side-right {
    left: auto;
    right: -60vw;
    box-shadow: -.2vw 0 4vw 0 rgba(0,0,0,.2);
}
.drawer.show > .nav-view.side-right {
    left: auto;
    right: 0;
}
.drawer > .nav-view.side-full {
    width: 100vw;
    left: 0;
    right: 0;
    box-shadow: none;
    z-index: -1;
}
.drawer.show > .nav-view.side-full {
    left: 0;
    right: 0;
    z-index: 999;
}
.nav-view > [data-drawer-action="hide"]:hover {
    background-color: rgba(0,0,0,.05);
}
.nav-view > [data-drawer-action="hide"] {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 0 solid transparent;
}
@media only screen and (max-width: 1600px) {
    .drawer > .nav-view {
        width: 70vw;
    }
    .drawer > .nav-view,
    .drawer > .nav-view.side-left {
        left: -70vw;
    }
    .drawer > .nav-view.side-right {
        right: -70vw;
    }
    .drawer > .nav-view.side-full {
        width: 100vw;
        left: 0;
        right: 0;
    }
}
@media only screen and (max-width: 1400px) {
    .drawer > .nav-view {
        width: 80vw;
    }
    .drawer > .nav-view,
    .drawer > .nav-view.side-left {
        left: -80vw;
    }
    .drawer > .nav-view.side-right {
        right: -80vw;
    }
    .drawer > .nav-view.side-full {
        width: 100vw;
        left: 0;
        right: 0;
    }
}
@media only screen and (max-width: 1200px) {
    .drawer > .nav-view {
        width: 90vw;
    }
    .drawer > .nav-view,
    .drawer > .nav-view.side-left {
        left: -90vw;
    }
    .drawer > .nav-view.side-right {
        right: -90vw;
    }
    .drawer > .nav-view.side-full {
        width: 100vw;
        left: 0;
        right: 0;
    }
}
@media only screen and (max-width: 1000px) {
    .drawer > .nav-view {
        width: 100vw;
    }
    .drawer > .nav-view,
    .drawer > .nav-view.side-left {
        left: -100vw;
    }
    .drawer > .nav-view.side-right {
        right: -100vw;
    }
    .drawer > .nav-view.side-full {
        left: 0;
        right: 0;
    }
}


/*** Dashboard Stuff ***/
#page-content-wrapper,
#sortable,
.content-main,
.content-left,
.content-right,
.content-card .card-popup,
.content-card,
.content-card > .head,
.content-card > .foot,
.content-card > .body,
.content-card > .head > :not(.list),
.content-card > .foot > :not(.list) {
    display: flex;
}
#page-content-wrapper {
    min-height: 100vh;
    flex-direction: column;
}
.content-inner {
    margin: 0 30px;
    position: relative;
    flex-grow: 1;
}
.content-inner,
.content-inner * {
    box-sizing: border-box;
}
.content-inner > h1 {
    margin: 13px 0;
    line-height: 1;
}
.content-inner > h1 > span {
    font-family: bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    text-shadow: 1px 1px #ffffff60;
    padding-top: 4px;
}
.content-inner > h1 > i:first-of-type {
    margin-right: 10px;
    color: #222636b8;
    font-size: 18px;
}
.content-inner > h1 > .icon_i {
    font-size: 15px;
    color: #fff;
    vertical-align: middle;
    margin: 0 5px;
}
.content-inner > .flex-row {
    flex-wrap: nowrap;
    flex-grow: 1;
}
.content-main {
    flex-direction: column;
    order: 2;
    min-width: calc(100% - 360px);
    width: calc(100% - 360px);
}
.content-left,
.content-right {
    /*width: 25%;*/
    min-width: 360px;
    max-width: 360px;
    flex-direction: column;
}
.content-left {
    padding-right: 10px;
    order: 1;
}
.content-right {
    padding-left: 10px;
    order: 3;
}
.content-left:empty ~ .content-right:empty ~ .content-main,
.content-left:empty + .content-right:empty + .content-main {
    min-width: 100%;
    width: 100%;
}
.content-left:not(:empty) + .content-right:not(:empty) + .content-main,
.content-left:empty + .content-right:not(:empty) + .content-main {
    padding-right: 10px;
}
.content-left:not(:empty) + .content-right + .content-main {
    padding-left: 10px;
}
/*    .content-left:not(:empty) + .content-right:empty + .content-main,
    .content-left:empty + .content-right:not(:empty) + .content-main {
        min-width: calc(75% + 10px);
    }
    .content-left:not(:empty) + .content-right:not(:empty) + .content-main {
        min-width: 50%;
    }*/
.content-left:empty,
.content-right:empty {
    display: none;
}
.content-card {
    background-color: #fff;
    min-height: 40px;
    border-radius: 3px;
    color: #333;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.05), 0 2px 1px -1px rgba(0,0,0,.08), 0 1px 1px 0 rgba(0,0,0,.05);
    margin-bottom: 20px;
    position: relative;
    justify-content: space-between;
    border: 1px solid transparent;
}
.content-card h1,
.content-card h2,
.content-card h3,
.content-card h4,
.content-card h5,
.content-card h6 {
    text-transform: uppercase;
    margin: 0 0 10px;
}
.content-card .card-popup {
    background-color: rgba(255,255,255,.9);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .3s linear;
}
.content-card .card-popup.show {
    opacity: 1;
    visibility: visible;
    z-index: 200;
}

#sortable {
    flex-direction: row;
    flex-wrap: wrap;
    /*flex-grow: 1;*/
    align-items: stretch;
    align-content: flex-start;
    margin: 0 -10px;
    padding: 0;
}
#sortable.ui-sortable-disabled:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    z-index: 9990;
}
#sortable,
#sortable > li {
    list-style: none outside;
    position: relative;
}
#sortable > li {
    background-color: transparent;
    padding: 0 10px 20px;
    margin: 0;
    cursor: default;
}
#sortable > li:only-of-type,
#sortable > li:first-of-type,
#sortable > li:last-of-type,
#sortable > li:nth-of-type(2) {
    align-self: stretch;
    align-content: flex-start;
}
#sortable > li:only-child {
    align-self: flex-start;
}
#sortable > :not(.board-collapse) {
    width: 100%;
    max-width: 100%;
}
#sortable > .board-collapse,
#sortable > .ui-sortable-helper.board-collapse + .ui-sortable-placeholder {
    width: 50%;
    max-width: 50%;
}
#sortable .content-card {
    padding: 0;
    margin-bottom: 0;
    height: 100%;
    min-height: 280px;
}
#sortable .content-card.card-expand {
    position: absolute;
    top: 0;
    bottom: -40px;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.2);
    z-index: 9999;
}
#sortable .board-collapse + .board-collapse .content-card.card-expand {
    left: -40px;
    right: 10px;
}
#sortable .content-card.card-expand,
#sortable .board-collapse + .board-collapse + .board-collapse .content-card.card-expand {
    left: 10px;
    right: -40px;
}
#sortable :not(.board-collapse) .content-card.card-expand {
    left: 10px;
    right: 10px;
}
#sortable .content-card .expand-show,
#sortable .content-card.card-expand .expand-hide {
    display: none;
}
#sortable .content-card.card-expand .expand-show {
    display: inline-flex;
}
#sortable > .ui-sortable-helper > .content-card {
    border-color: #33bbe5;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.1);
}
#sortable > .sortable-placeholder:before {
    background-color: #f5f5f5;
    outline: 2px dashed #eee;
    display: block;
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 0;
    bottom: 20px;
}

.content-card > .head:not(.flex-col),
.content-card > .foot:not(.flex-col) {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
}
.content-card,
.content-card .body:not(.tile) {
    flex-direction: column;
    flex-wrap: nowrap;
}
.content-card .body:not(.tile) {
    justify-content: center;
}
.content-card > .body,
.content-card > .head {
    padding: 19px;
    /*padding: .8vw;*/
}
.content-card > .head:not(:only-child) {
    border-bottom: 1px solid #f0f4f8;
}
.content-card > .head > .head,
.content-card > .foot > .head {
    margin-right: 15px;
}
.content-card > .head > .foot,
.content-card > .foot > .foot {
    margin-left: 15px;
}
.content-card .body {
    flex-grow: 1;
}
.content-card > .foot {
    padding: 0 19px 19px;
    /*padding: 0 .8vw .8vw;*/
}
h3.caption,
.content-card h3 {
    font-size: 14px;
}
.content-card > .head h3 {
    margin-top: 2px;
    margin-bottom: 2px;
}
.content-card > .head h3,
.content-card > .head h3 a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.card-center > * {
    align-items: center;
    justify-content: center;
}
.card-center > * > * {
    text-align: center;
}
.card-center > .head > .foot,
.card-center > .foot > .foot {
    margin-left: 0;
}
.card-center .icon_i {
    margin: 0 5px auto;
}
.content-card .tile {
    margin: -10px;
}
.bar-item .tile {
    margin: -8px;
}
.content-card .tile-item {
    padding: 10px;
    width: 25%;
}
.bar-item .tile-item {
    padding: 8px;
    width: 90px;
    min-width: 90px;
}
.content-card .tile-item > a,
.content-card .tile-item img {
    width: 100%;
    display: block;
    text-align: center;
}
.content-card .tile-item > a,
.content-card .tile-item .name {
    overflow: hidden;
}
.content-card .tile-item img {
    border: 1px solid #ddd;
}
.content-card .tile-item .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
    display: block;
    margin-top: 5px;
    line-height: 1;
}
.card-profile {
    padding: 10px;
}
.content-card .brand_info {
    padding: 15px;
    margin-top: 0;
}
.content-card .brand_info h3 {
    padding: 0;
}
.content-card .card-bar {
    justify-content: space-between;
}
.content-card .bar-item {
    padding-left: 20px;
    padding-right: 15px;
    border-left: 1px solid #e8edf2;
    width: 33.3333%;
}
.content-card .bar-item:first-child {
    padding-left: 0;
    border-left: 0 none;
}
.content-card .bar-item:last-child {
    padding-right: 0;
}
.content-card .bar-item .float-popup > .flex-grow,
.content-card .bar-item > .flex-grow {
    margin-bottom: 15px;
}
.content-card .container_agecy_echipa {
    margin: 0 -5px;
}
.content-card .logo_cover {
    min-width: 100px;
    width: 100px;
    align-self: flex-start;
}
.bar-item .logo_cover {
    margin-right: 15px;
}
.card-center .logo_cover {
    min-width: 130px;
    width: 40%;
    margin-top: 0;
    margin-bottom: 10px;
    align-self: center;
}
.card-center .container_agecy_echipa {
    margin-bottom: 20px;
}
.card-center .list {
    width: 90%;
    margin-bottom: 10px;
}
.content-card .list-item {
    grid-column-gap: 10px;
    padding-bottom: 0;
    min-height: 36px;
}
.bar-item .list-item {
    min-height: 34px;
}
.bar-item .notifications-wrapper {
    max-height: 136px;
    overflow: hidden;
    margin: 0 -20px;
}
.bar-item .notifications-wrapper > li {
    padding-right: 20px;
    padding-left: 20px;
}
.content-card .list-item .head {
    font-size: 20px;
    justify-self: center;
}
.content-card .list-item .head small {
    font-size: 16px;
}
.content-card .list-item > .body {
    text-align: left;
}
.content-card .list-3 > .list-item {
    grid-template-columns: 30px auto auto;
}
.bar-item .btn-default {
    line-height: 1;
}
.content-card .btn {
    font-weight: 500;
}

.bar-item .container_agecy_echipa,
.bar-item .tile,
.bar-item .list {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
}

.content-card .top_posts_block {
    margin: -15px -1%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: hidden;
}
.content-card .top_posts_block_single {
    min-width: 16.6666%;
    width: 16.6666%;
}
.board-collapse .content-card .top_posts_block_single,
.dashboard-add .content-card .top_posts_block_single {
    min-width: 33.3333%;
    width: 33.3333%;
}

/*** Dashboard Add Panel ***/
.dashboard-add {
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    align-content: flex-start;
}
.dashboard-add > * > .head,
.dashboard-add > * > .body,
.dashboard-add > * > .foot,
.dashboard-add .dashboard-tab > .head,
.dashboard-add .dashboard-tab > .body,
.dashboard-add .dashboard-tab > .foot,
.dashboard-add .sidebar,
.dashboard-add .dashboard-tab,
.dashboard-add .dashboard-wrapper {
    display: flex;
}
.dashboard-add > * > .head,
.dashboard-add > * > .body,
.dashboard-add .dashboard-tab > .body,
.dashboard-add .sidebar,
.dashboard-add .content-main,
.dashboard-add .dashboard-tab,
.dashboard-add .dashboard-wrapper {
    flex-direction: column;
}
.dashboard-add .body,
.dashboard-add .dashboard-wrapper {
    flex-grow: 1;
}
.dashboard-add .sidebar {
    width: 400px;
    flex-basis: 400px;
}
.dashboard-add .content-main {
    flex-grow: 1;
    box-shadow: -4px 0 10px 0 rgba(0,0,0,.07);
}
.dashboard-add .dashboard-preview,
.dashboard-add > * > .head,
.dashboard-add > * > .body,
.dashboard-add > * > .foot,
.dashboard-add .dashboard-tab > .body,
.dashboard-add .dashboard-tab > .foot {
    padding-left: 30px;
    padding-right: 30px;
}
.dashboard-add .dashboard-preview,
.dashboard-add > * > .body,
.dashboard-add > * > .foot,
.dashboard-add .dashboard-tab > .body,
.dashboard-add .dashboard-tab > .foot {
    padding-top: 30px;
    padding-bottom: 30px;
}
.dashboard-add > * > .head {
    justify-content: flex-end;
    height: 100px;
    min-height: 100px;
}
.dashboard-add > * > .body,
.dashboard-add .dashboard-tab > .body {
    overflow-x: hidden;
    overflow-y: auto;
}
.dashboard-add > * > .foot,
.dashboard-add .dashboard-tab > .foot {
    flex-direction: row;
    flex-wrap: nowrap;
    height: 110px;
    min-height: 110px;
}
.dashboard-add .dashboard-tab > .foot {
    background-color: #f6fafb;
    justify-content: flex-end;
    border-top: 1px solid #eceff0;
}
.dashboard-add > * > .head > .caption {
    font-family: bebas, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 20px;
    letter-spacing: .01em;
    line-height: 0.5;
    border-bottom: 1px solid #a1abb4;
}
.dashboard-add .btn {
    padding: 16px 24px;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
}
.dashboard-add .dashboard-wrapper {
    position: relative;
    z-index: 10;
}
.dashboard-add .dashboard-tab {
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in;
}
.dashboard-add .dashboard-tab.tab-show {
    z-index: 20;
    opacity: 1;
    visibility: visible;
}
.dashboard-add .dashboard-tab .content-card {
    border-color: #d1d7dc;
    min-height: 300px;
    margin-bottom: 0;
}
.dashboard-add .sidebar .list li {
    padding-bottom: 20px;
}
.dashboard-add .sidebar .list button,
.dashboard-add .sidebar .list blockquote {
    transition: all .25s linear;
}
.dashboard-add .sidebar .list .active button,
.dashboard-add .sidebar .list button:active {
    background-color: #33bbe5;
    border: 1px dashed #33bbe5;
    color: #fff;
}
.dashboard-add .sidebar .list :not(.active) button:hover {
    background-color: #eee;
    border: 1px dashed #000;
    color: #000;
}
.dashboard-add .sidebar .list button {
    background-color: transparent;
    color: #1a1a1a;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 100%;
    min-height: 52px;
    padding: 0 16px;
    border: 1px dashed #a1abb4;
    line-height: 1;
}
.dashboard-add .sidebar .list button > img,
.dashboard-add .sidebar .list button > .material-icons {
    margin-right: 10px;
}
.dashboard-add .sidebar .list blockquote {
    font-size: 13px;
    color: #7f929f;
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0 0 0 40px;
    margin: 0;
    border: 0 none;
    opacity: 0;
    visibility: hidden;
    position: relative;
}
.dashboard-add .sidebar .list .active blockquote {
    height: auto;
    margin-top: 10px;
    opacity: 1;
    visibility: visible;
    min-height: 24px;
}
.dashboard-add .sidebar .list blockquote:before {
    font-family: 'Glyphicons Regular', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    color: #4d4d4d;
    display: block;
    content: "\E196";
    height: 24px;
    width: 24px;
    position: absolute;
    top: 2px;
    left: 5px;
    border-radius: 50%;
    line-height: 1;
}
.dashboard-add .dashboard-preview {
    padding-top: 0;
}

/*** Form Element ***/
.form-element {
    background-color: #fff;
    border: 1px solid #a1abb4;
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 15px 16px;
    vertical-align: middle;
    margin-bottom: 0;
    white-space: nowrap;
    flex-wrap: nowrap;
}
.form-element,
.form-element > input,
.form-element > select,
.form-element > textarea {
    font-size: 13px;
    color: #000;
}
.form-element > input,
.form-element > select,
.form-element > textarea {
    width: 100%;
    border: 0 none;
    background-color: transparent;
    padding: 0;
}
.form-element > input,
.form-element > select {
    height: 20px;
    line-height: 20px;
}
textarea.form-element,
.form-element > textarea {
    min-height: 104px;
    resize: none;
}
.form-element .material-icons {
    margin-right: 10px;
}

.list-2 > .list-item {
    display: grid;
    grid-column-gap: 10px;
    grid-row-gap: 5px;
    grid-template-columns: 50% auto;
    padding-bottom: 10px;
}
.list .form-element {
    justify-content: space-between;
}

.daterange-picker {
    max-width: 190px;
    min-width: 190px;
    /*text-align: center;*/
    cursor: default;
    border: 0 none;
    color: #33bbe5;
}
.daterange-embed,
.daterange-container {
    position: relative;
}
.daterange-container .daterangepicker {
    position: absolute;
    box-shadow: 0 6px 12px rgba(0,0,0,.18);
}
.daterange-embed .daterangepicker {
    position: static;
    box-shadow: none;
    border: 0 none;
    margin-top: 0;
    margin-bottom: 10px;
    z-index: auto;
    display: block !important;
    top: 0;
    left: 0;
    right: auto;
}
.daterange-embed .daterangepicker:after,
.daterange-embed .daterangepicker:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    overflow: hidden;
    visibility: hidden;
    clear: both;
    position: static;
    padding: 0;
    margin: 0;
}
.daterange-embed .daterangepicker .drp-calendar {
    padding: 0;
}
.daterange-embed .daterangepicker .drp-calendar.left {
    padding-right: 30px;
}

/*** Dropdown Select ***/
.dpopdown-select {
    position: relative;
    cursor: pointer;
}
.dpopdown-select.form-element {
    padding-top: 13px;
    padding-bottom: 13px;
}
.dpopdown-select.menu-show > .dpopdown-bg {
    background-color: transparent;
    display: block;
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow: hidden;
    z-index: 1000;
}
.dpopdown-select > ul,
.dpopdown-select > button,
.dpopdown-select label {
    transition: all .3s ease-out;
}
.dpopdown-select label,
.dpopdown-select > button,
.dpopdown-select label > span,
.dpopdown-select > button > span {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.dpopdown-select label,
.dpopdown-select > button {
    width: 100%;
}
.dpopdown-select > button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: 0 none;
    height: 100%;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dpopdown-select > button > span {
    flex-grow: 1;
}
.dpopdown-select.form-element > button > .material-icons:last-of-type {
    margin-left: 10px;
    margin-right: 0;
}
.dpopdown-select > ul {
    background-color: #fff;
    height: auto;
    max-height: 70vh;
    position: absolute;
    /*min-width: calc(100% + 2px);
    top: calc(100% + 1px);
    left: -1px;*/
    left: 10px;
    right: 10px;
    box-shadow: 0 0 14px 3px rgba(0,0,0,.1);
    opacity: 1;
    visibility: visible;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1010;
}
.dpopdown-select.menu-hide > ul {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.dpopdown-select input[type="radio"] {
   display: none;
}
.dpopdown-select label:hover {
    background-color: rgba(0,0,0,.05);
}
.dpopdown-select label {
    background-color: transparent;
    color: #222;
    padding: 10px 20px;
    margin-bottom: 0;
    cursor: pointer;
    line-height: 1;
}
.dpopdown-select label.active,
.dpopdown-select input[type="radio"]:checked + label {
    background-color: rgba(0,0,0,.1);
}

@media only screen and (max-width: 2200px) {
}
@media only screen and (max-width: 2000px) {
}
@media only screen and (max-width: 1800px) {
}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1500px) {
    .content-main {
        min-width: calc(100% - 320px);
        width: calc(100% - 320px);
    }
    .content-left,
    .content-right {
        min-width: 320px;
        max-width: 320px;
    }
    .dashboard-add .sidebar {
        width: 300px;
        flex-basis: 300px;
    }
    .content-card .tile {
        margin: -5px;
    }
    .content-card .tile-item {
        padding: 5px;
    }
    .dashboard-add .dashboard-tab .content-card {
        border-color: #d1d7dc;
        min-height: 240px;
        margin-bottom: 0;
    }
    /*.content-card,*/
    .adaptive,
    .content-card > .head:not(.noadaptive),
    .content-card > .foot:not(.noadaptive),
    .content-card .card-popup:not(.noadaptive),
    .content-card .logo_cover,
    .content-card .agency_button_upload,
    .content-card .brand_info h3,
    .float-popup .foot:not(.noadaptive),
    .dashboard-add > * > .head,
    .dashboard-add > * > .body,
    .dashboard-add > * > .foot,
    .dashboard-add .dashboard-tab > .body,
    .dashboard-add .dashboard-tab > .foot,
    .content-card .block_post_general_img {
        zoom: .75;
    }
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1400px) {
    .dashboard-add .sidebar {
        width: 280px;
        flex-basis: 280px;
    }
    .content-inner {
        margin: 0 15px;
    }
    #sortable > .board-collapse,
    #sortable > .ui-sortable-helper.board-collapse + .ui-sortable-placeholder {
        width: 100%;
        max-width: 100%;
    }
    [data-role="collapse"] {
        display: none;
    }
    .card-center .list {
        width: 100%;
    }
    .content-card .tile-item {
        width: 33.3333%;
    }
    .bar-item.float-container.show .tile-item {
        width: 25%;
        min-width: 25%;
    }
    .content-card .bar-item > .flex-grow {
        padding-bottom: 10px;
    }
}
@media only screen and (max-width: 1300px) {
    .content-main {
        min-width: calc(100% - 300px);
        width: calc(100% - 300px);
    }
    .content-left,
    .content-right {
        min-width: 300px;
        max-width: 300px;
    }
    #sortable > .board-collapse,
    #sortable > .ui-sortable-helper.board-collapse + .ui-sortable-placeholder {
        width: 50%;
        max-width: 50%;
    }
    [data-role="collapse"] {
        display: inline-flex;
    }
    .content-right .tile-item {
        width: 33.3333%;
    }
    .content-card.card-center .logo_cover {
        width: 60%;
    }
    .dashboard-add .dashboard-preview,
    .dashboard-add > * > .body,
    .dashboard-add > * > .foot,
    .dashboard-add .dashboard-tab > .body,
    .dashboard-add .dashboard-tab > .foot {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .dashboard-add .dashboard-preview,
    .dashboard-add > * > .head,
    .dashboard-add > * > .body,
    .dashboard-add > * > .foot,
    .dashboard-add .dashboard-tab > .body,
    .dashboard-add .dashboard-tab > .foot {
        padding-left: 20px;
        padding-right: 20px;
    }
    .dashboard-add > * > .foot,
    .dashboard-add .dashboard-tab > .foot {
        height: 90px;
        min-height: 90px;
    }
    /*.content-card,*/
    .adaptive,
    .content-card > .head:not(.noadaptive),
    .content-card > .foot:not(.noadaptive),
    .content-card .card-popup:not(.noadaptive),
    .content-card .logo_cover,
    .content-card .agency_button_upload,
    .content-card .brand_info h3,
    .float-popup .foot:not(.noadaptive),
    .dashboard-add > * > .head,
    .dashboard-add > * > .body,
    .dashboard-add > * > .foot,
    .dashboard-add .dashboard-tab > .body,
    .dashboard-add .dashboard-tab > .foot {
        zoom: .92;
    }
    .content-card .block_post_general_img {
        zoom: .5;
    }
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1200px) {
    #sortable > .board-collapse,
    #sortable > .ui-sortable-helper.board-collapse + .ui-sortable-placeholder {
        width: 100%;
        max-width: 100%;
    }
    [data-role="collapse"] {
        display: none;
    }
}
@media only screen and (max-width: 1100px) {
    .content-left,
    .content-right,
    .content-inner > .flex-row {
        flex-wrap: wrap;
    }
    .content-left,
    .content-right {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }
    .content-right {
        padding-left: 0;
        padding-right: 10px;
    }
    .content-left {
        padding-right: 0;
        padding-left: 10px;
    }
    .content-left .content-card,
    .content-right .content-card {
        width: 49%;
        max-width: 50%;
    }
    #sortable > .board-collapse,
    #sortable > .ui-sortable-helper.board-collapse + .ui-sortable-placeholder {
        width: 50%;
        max-width: 50%;
    }
    [data-role="collapse"] {
        display: inline-flex;
    }
}
@media only screen and (max-width: 1000px) {
}
@media (min-width: 564px) {
    .daterange-container .daterangepicker {
        /*width: 682px;*/
        width: 542px;
    }
}


/**********************************************************
 List
 ----------------------------------------------------------
 list
    list-top
    list-separate
    list-hover
    list-bg?

 list-item
    active?
    hover?
    separate

 head
 body
 foot
 **********************************************************/

.list {
    padding: 0;
}
.list,
.list > li {
    list-style: none outside;
    margin: 0;
}
.list,
.list-item,
[class*="grid-"] {
    position: relative;
}
.list-item,
[class*="grid-"] {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 5px;

    /****/
    grid-template-columns: 48px auto 30px 30px;
    grid-template-rows: auto;
    /****/

    align-items: center;
    min-height: 48px;
}
.list-item {
    padding-bottom: 20px;
}
.list-top .list-item {
    align-items: start;
}
.list-item.separate,
.list-separate > .list-item {
    border-bottom: 1px solid #eee;
}
.list-separate > .list-item,
.list-hover > .list-item {
    padding-top: 20px;
}
.list.list-separate > .list-item:last-child {
    border-bottom: 0 none;
}
.list-separate:not(.list-hover) > .list-item:first-child {
    padding-top: 0;
}
.list-separate:not(.list-hover) > .list-item:last-child {
    padding-bottom: 0;
}
.list-hover > .list-item {
    padding-left: 20px;
    padding-right: 20px;
}
.list-hover > .list-item:hover,
.list-item.active,
[class*="grid-"].active {
    background-color: #f5f7f8;
}
.list-item > .head,
[class*="grid-"] > .head {
    justify-self: start;
}
.list-item > .body,
[class*="grid-"] > .body {
    flex-direction: column;
}
.list-item > .body > *,
[class*="grid-"] > .body > * {
    line-height: 1.4;
}
.list-item > .foot,
[class*="grid-"] > .foot {
    justify-self: end;
}
.list-item .thumb,
.list-item .avatar,
[class*="grid-"] .thumb,
[class*="grid-"] .avatar {
    display: flex;
}
.list-item h1,
.list-item h2,
.list-item h3,
.list-item h4,
.list-item h5,
.list-item h6 {
    font-weight: 600;
    margin: 0;
}
.list-item time,
[class*="grid-"] time {
    color: #999;
    font-size: .9em;
}
.list-item strong,
[class*="grid-"] strong {
    font-size: 14px;
    color: #2a2f43;
}
.list > label {
    font-weight: inherit;
    font-size: inherit;
    color: inherit;
    margin-bottom: 0;
}
.list-item .caption,
[class*="grid-"] .caption {
    color: #2a2f43;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: -.04em;
}
.list-item .caption {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*** Template grid ***/
.grid-2,   .list-2   > .list-item {grid-template-columns: auto auto;}
.grid-2_1, .list-2_1 > .list-item {grid-template-columns: 48px auto;}
.grid-2_2, .list-2_2 > .list-item {grid-template-columns: 50% auto;}

.grid-3,   .list-3   > .list-item {grid-template-columns: auto auto auto;}
.grid-3_1, .list-3_1 > .list-item {grid-template-columns: 48px auto 30px;}
.grid-3_2, .list-3_2 > .list-item {grid-template-columns: 100px auto auto;}

.grid-4,   .list-4   > .list-item {grid-template-columns: auto auto auto auto;}
.grid-4_1, .list-4_1 > .list-item {grid-template-columns: 48px auto auto 30px;}

/**********************************************************
 Floating Popup
 ----------------------------------------------------------
    float-zindex
        float-container
            float-bg
            float-popup
                float-show
                float-hide
 **********************************************************/
.float-container {
    position: relative;
}
.float-container.show {
}
.float-bg {
    background-color: rgba(33,36,54,.35);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: all .3s ease-out;
    z-index: 210;
}
.float-container.show .float-bg {
    opacity: 1;
    visibility: visible;
}
.float-popup {
    background-color: #fff;
    min-width: 100%;
    min-height: 100%;
    z-index: 220;
}
.float-container.show .float-popup {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 10px 15px 0 rgba(0,0,0,.2);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.content-right .float-container.show .float-popup {
    right: 0;
}
.float-show,
.float-hide {
    transition: height, min-height, max-height 0s;
}
.float-hide {
    font-size:   0 !important;
    line-height: 0 !important;
    height:      0 !important;
    min-height:  0 !important;
    max-height:  0 !important;
    width:       0 !important;
    min-width:   0 !important;
    max-width:   0 !important;
    padding:     0 !important;
    margin:      0 !important;
    border:      0 !important;
    outline:     0 !important;
    opacity:     0 !important;
    visibility:  hidden !important;
    overflow:    hidden !important;
    display:     none;
}
.float-zindex {
    z-index: auto;
}
.float-zindex.float-zindex-actual {
    z-index: 1000;
}

.bar-item.float-container.show .float-popup {
    top: -33px;
    left: -13px;
    padding: 33px;
    min-width: 400px;
    max-width: 620px;
    width: 30vw;
}
.bar-item.float-container.show:first-child .float-popup {
    left: -33px;
    width: 40vw;
    max-width: 800px;
}
.bar-item.float-container.show:last-child .float-popup {
    right: -33px;
    left: auto;
    min-width: 300px;
    max-width: 100%;
    width: 25vw;
}
.content-card .input_profile_container,
.bar-item .input_profile_container,
.content-card .input_profile_container label,
.content-card .input_profile_container .form-group {
    width: 100%;
}
.content-card .input_profile_container {
    margin-top: 0;
    margin-bottom: 9px;
}
.content-card .input_profile_container label {
    text-align: left;
}
.content-card .input-group > * {
    height: 56px;
    max-height: 56px;
}
.bar-item.float-container.show .logo_cover {
    margin-bottom: 10px;
}
.float-container.show .agency_button_upload {
    min-width: 170px;
    width: 170px;
}
.content-right .float-container.show .agency_button_upload {
    width: auto !important;
}
.bar-item.float-container.show .btn-file,
.bar-item.float-container.show .logo_cover,
.bar-item.float-container.show .agency_button_upload {
    min-width: 170px;
    width: 170px;
}
.bar-item.float-container.show .logo_cover,
.bar-item.float-container.show .agency_button_upload {
    margin-right: 30px;
}
.bar-item.float-container.show .container_agecy_echipa {
    max-height: 300px;
    min-width: 360px;
    overflow-x: hidden;
    overflow-y: auto;
}
.bar-item.float-container.show .tile {
    max-height: 330px;
    min-width: 360px;
    overflow-x: hidden;
    overflow-y: auto;
}
.bar-item.float-container.show .list {
    max-height: 300px;
    min-width: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

/*** Dummy message ***/
.dummy-message {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 420px;
    padding: 50px 0;
    margin: 0 auto;
    color: #87929a;
    text-align: center;
}
.dummy-message .material-icons {
    font-size: 64px;
    color: #b4bfc7;
    margin-bottom: 30px;
    text-shadow: 1px 1px 0 rgba(255,255,255,.6);
}
.dummy-message .caption {
    color: #4c5963;
    text-shadow: 1px 1px 0 rgba(255,255,255,.7);
    margin: 0 auto 15px;
    text-transform: none;
}
.dummy-message p {
    font-size: 14px;
    text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}
.dummy-message a:hover {
    color: #337ab7;
}
.dummy-message a {
    color: #33bbe5;
}
.dummy-message.small {
    max-width: 380px;
    padding: 36px 0;
    color: #9eadb7;
}
.dummy-message.small .caption {
    font-size: 16px;
    margin: 0 auto 7px;
    color: #616f79;
}
.dummy-message.small p {
    font-size: 13px;
}

/**********************************************************
 Responsive
 ----------------------------------------------------------

 **********************************************************/
.device-mobile,
#sidebar-wrapper .sidebar-bg,
.notifications-bar button .material-icons {
    display: none;
}
@media only screen and (max-width: 1000px) {
    .content_top_title .text-right,
    .notifications-bar > label > span {
        display: none !important;
    }
}

@media only screen and (max-width: 820px) {
    .notific.profile {
        display: none;
    }
    #container-datarange .daterangepicker.opensleft:before {
        left: 9px !important;
        right: auto !important;
    }
    #container-datarange .daterangepicker.opensleft:after {
        left: 10px !important;
        right: auto !important;
    }
    section {
        padding-top: 0;
    }
}

@media only screen and (max-width: 800px) {
    body {
        z-index: 0;
    }
    #wrapper {
        z-index: 10;
    }
    #sidebar-wrapper {
        width: 320px;
        position: fixed;
        top: 0;
        bottom: 0;
        left: -320px;
        right: auto;
        z-index: 40;
        box-shadow: 0 0 0 0 rgba(0,0,0,0);
        transition: all .2s ease-out;
    }
    #sidebar-wrapper.show {
        left: 0;
    }
    #sidebar-wrapper.show .sidebar-bg {
        background-color: rgba(0,0,0,.5);
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    .navbar {
        border-radius: 0;
    }
    .navbar-logo:after {
        left: auto;
    }
    .navbar-collapse {
        background-color: transparent;
    }
    .notific.profile {
        display: block;
    }
    .fixed-menu {
        position: absolute !important;
        top: 72px;
        bottom: 0;
        width: 100%;
    }
    #page-content-wrapper {
        overflow: hidden;
        margin-left: 0;
        padding-bottom: 5px;
        z-index: 20;
    }
    .top_bar_header.navbar-default {
        background-color: #33bbe5;
        color: #fff;
        z-index: 30;
    }
    .top_bar_header {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: none;
    }
    .top_bar_header .device-mobile {
        display: flex;
        flex-grow: 1;
    }
    .top_bar_header .device-mobile > * {
        padding: 0 10px;
    }
    .top_bar_header .device-mobile h1 {
        font-size: 20px;
        line-height: 1;
        margin: 0;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .menu_top_notific {
        color: #fff;
    }
    .card {
        margin: 64px 5px 0;
    }
    .title-card-text-profile {
        padding: 10px 5px;
        height: auto;
    }
    .content_mp {
        padding: 0;
    }
    .icon_i,
    .card-profile,
    .content-left,
    .content-right,
    [data-role="collapse"].expand-hide.btn-action,
    .device-desktop,
    .menu_plan_general,
    #bs-example-navbar-collapse-1 {
        display: none !important;
    }
    .tab {
        float: none;
        margin-bottom: 10px;
        width: 100%;
        padding: 0;
    }
    .ui-tabs .ui-tabs-panel {
        margin-bottom: 0;
    }
    .list_exists_brands .col-md-3 {
        width: 25%;
        height: 100px;
        float: left;
    }
    .buttons-filter-post {
        width: 100%;
    }
    #SliderTabs #settimeperiod {
        float: none;
    }
    .flitru_calendarric_block .flitru_calendarric {
        height: 36px;
        line-height: 48px;
    }
    .tabs-menu-general-graphic li a {
        overflow: hidden;
    }
    .top_posts_block_single,
    .top_video_block_single {
        width: 25%;
    }
    .menu_scroll_statistic_bl,
    .menu_scroll_statistic.stickydiv {
        height: 70px;
    }
    .menu_scroll_statistic.stickydiv {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
    }
    .menu_inter_mediaplan,
    .menu_scroll_statistic_bl #settimeperiod {
        margin-top: 8px;
    }
    .menu_inter_mediaplan li {
        padding: 0 10px;
    }
    .content_mp section[id] {
        margin-bottom: 0;
    }
    .metrix_left,
    .metrix_center,
    .metrix_right {
        float: none;
        width: auto;
        padding: 0 20px;
    }
    .vizual_2_center_top h3,
    .impact_1_center_top h3,
    .fani_1_left_top h3,
    .fani_4_right_top h3,
    .fani_4_left_top h3,
    .fani_2_left_top h3,
    .fani_1_right_top h3,
    .fani_3_left_top h3 {
        margin-left: 10px;
        margin-right: 10px;
    }
    .date_totale_fani_1,
    .vizual_2_period_block,
    .vizual_1_left_left,
    .vizual_1_left_right {
        width: 50%;
    }
    #container_map,
    .fani_3_left,
    .fani_3_center,
    .vizual_1_left,
    .vizual_1_right,
    .fani_1_left,
    .fani_1_right,
    .post_1_left,
    .post_1_right {
        width: 100% !important;
        float: none;
    }
    .brand_info {
        border: none;
    }
    .content-inner {
        margin: 64px 5px 0;
    }
    .content-main {
        min-width: 100%;
        width: 100%;
        padding-right: 0 !important;
    }
    #sortable > .board-collapse {
        width: 100%;
        max-width: 100%;
    }
    .echipa_in_brand,
    .agency_bar_logos {
        padding: 0;
    }
    .notifications-bar,
    .notifications-wrapper {
        margin: 0;
    }
    .notifications-wrapper > li button,
    .notifications-wrapper > li .notification-select:not(.select-checked),
    .notifications-wrapper:not(.all-select-checked) > li .notification-select {
        opacity: 1;
        visibility: visible;
    }
    .notifications-bar {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media only screen and (max-width: 700px) {
    .title-card-text-profile small.float-right {
        display: block;
        padding-top: 0;
        padding-left: 28px;
        float: left !important;
        clear: both;
        line-height: 1;
    }
    .add-person-drept-container {
        padding: 15px 15px 5px;
    }
    #edit_top_5 .add-person-drept-container {
        padding: 15px 0;
    }
    .chart-card-text-detailat {
        text-align: center;
    }
    .chart-card .pie-title-center {
        width: 19.5%;
    }
    .tabs-menu-general-graphic .col-md-3 {
        width: 33.3333% !important;
    }
    .top_posts_block_single,
    .top_video_block_single {
        width: 33.3333%;
        padding: 10px 1%;
    }
    #container-datarange .daterangepicker .drp-calendar.left {
        border-left: none;
        float: left;
    }
    #container-datarange .daterangepicker .drp-calendar.right {
        float: left;
    }
    #container-datarange .daterangepicker {
        right: auto !important;
        margin-right: 0 !important;
        padding-left: 0;
        width: 436px;
    }
    .list_period_right,
    .notifications-bar button span {
        display: none;
    }
    .notifications-bar button .material-icons {
        display: inline-block;
    }
}

@media only screen and (max-width: 600px) {
    .list_exists_brands .col-md-3 {
        width: 33.3333%;
    }
    .chart-card .pie-title-center {
        width: 30%;
    }
    #buttons-filter-graphic li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .edit-subscribtion {
        left: -21px;
        right: -21px;
    }
    .impact_pie,
    .date_totale_fani div {
        width: 50%;
    }
    .source_circle {
        flex-direction: column;
    }
    .vizual_2_center_top .vizual_2_center_top_buttons,
    .impact_1_center_top .impact_1_center_top_buttons,
    .fani_1_left_top .fani_1_left_top_buttons {
        float: none;
        margin-left: 10px;
    }
    .vizual_2_center_top h3,
    .impact_1_center_top h3,
    .fani_1_left_top h3,
    .fani_4_right_top h3,
    .fani_4_left_top h3,
    .fani_2_left_top h3,
    .fani_1_right_top h3,
    .fani_3_left_top h3 {
        float: none;
    }
    #cereri-companii .list-3_2 > .list-item,
    #cereri-branduri .list-3_2 > .list-item {
        grid-template-columns: 100px 1fr;
        grid-row-gap: 10px;
    }
    #cereri-companii .list-3_2 > .list-item .foot,
    #cereri-branduri .list-3_2 > .list-item .foot {
        grid-column-start: 1;
        grid-column-end: 3;
        flex-direction: row;
    }
    #cereri-companii .list-3_2 > .list-item .foot button,
    #cereri-branduri .list-3_2 > .list-item .foot button {
        margin-bottom: 0;
        margin-left: 10px;
        width: auto;
    }
    [id] .scroll {
        padding: 0 10px !important;
    }
    .ajcol_l {
        display: none;
    }
    .ajcol_r {
        width: 100%;
        float: none;
        height: auto;
    }
    .buttons_popap {
        position: relative;
    }
    .dialog-user {
        min-height: 300px;
    }
    .item-subscribtion {
        padding: 0;
    }
}

@media only screen and (max-width: 500px) {
    #sidebar-wrapper {
        width: 70vw;
        left: -70vw;
    }
    .top_bar_header .device-mobile h1 {
        font-size: 21px;
    }
    .tabs-menu-general-graphic .col-md-3 {
        width: 50% !important;
    }
    .top_posts_block_single,
    .top_video_block_single {
        width: 48%;
    }
    #container-datarange .daterangepicker {
        width: 100%;
    }
    .buttons_profile .btn {
        padding: 15px 20px;
    }
    .notifications-bar label,
    .notifications-wrapper button,
    .notifications-wrapper label {
        padding: 10px 10px;
        min-width: 40px;
    }
    .notifications-wrapper > li {
        padding-right: 0;
    }
    .dashboard-add {
        flex-direction: column;
    }
    .dashboard-add .sidebar {
        width: 100%;
        flex-basis: auto;
    }
    .dashboard-add .sidebar .list li {
        overflow: hidden;
    }
    .daterange-embed .drp-calendar.right {
        float: left;
    }
    .dashboard-add .sidebar,
    .dashboard-add .content-main {
        zoom: .9;
    }
}

@media only screen and (max-width: 400px) {
    .list_exists_brands .col-md-3 {
        width: 50%;
    }
    .chart-card .pie-title-center {
        width: 40%;
    }
}

/**********************************************************
 Dropdown
 **********************************************************/
.ksw-dropdown {
    cursor: pointer;
    position: relative;
}
.ksw-dropdown.active:before {
    background-color: transparent;
    display: block;
    content: "";
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000;
}
.ksw-popup,
[id].ksw-popup.show,
.ksw-dropdown.active > .ksw-popup,
.ksw-dropdown [class*="fa-caret"] {
    transition: all .3s ease;
}
.ksw-popup {
    background-color: transparent;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
.ksw-dropdown > .ksw-popup {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
[id].ksw-popup.show,
.ksw-dropdown.active > .ksw-popup {
    background-color: white;
    padding: 10px 0;
    opacity: 1;
    z-index: 9010;
    pointer-events: auto;
    box-shadow: 2px 2px 7px 0 rgba(0,0,0,.2);
}
.ksw-dropdown.active [class*="fa-caret"] {
    transform: rotate(180deg);
}
.ksw-popup > *:hover {
    background-color: var(--color-grey-light);
    color: var(--color-secondary);
}
.ksw-popup > * {
    font-weight: 500;
    color: var(--color-primary);
    line-height: 1;
    padding: 14px 24px;
    white-space: nowrap;
}
.ksw-popup > .ksw-divider {
    border-bottom: 1px solid var(--color-grey-light);
}

/*** ***/
#report-popup,
#report-popup *,
#report-popup *:hover,
.menu_scroll_statistic_bl .menu_inter_mediaplan .ksw-dropdown:hover > a,
.menu_scroll_statistic_bl .menu_inter_mediaplan .ksw-dropdown.active > a {
    background-color: var(--color-primary);
    color: white;
    transition: all .2s ease;
}
#report-popup {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-template-rows: auto;
    grid-row-gap: 20px;
    right: 0;
    padding: 70px 0 0;
    box-shadow: none;
}
#report-popup > * {
    display: flex;
    flex-direction: column;
    padding: 0 20px 50px 40px;
    cursor: pointer;
}
#report-popup > *:not(:first-child) {
    border-left: 1px solid rgba(255,255,255,.1);
}
#report-popup > * > [class*="fa-"] {
    font-size: 54px;
    margin-bottom: 46px;
}
#report-popup > * > strong {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#report-popup > *:hover > strong {
    color: var(--color-success);
}
#report-popup > * > strong > [class*="fa-"] {
    font-size: 16px;
    color: var(--color-success);
    margin-left: 10px;
}
#report-popup > *:hover > strong > [class*="fa-"] {
    margin-left: 16px;
}
#report-popup > * > p {
    font-weight: 300;
    line-height: 1.5;
    opacity: .5;
    white-space: normal;
}

.menu_scroll_statistic_bl .menu_inter_mediaplan {
    margin-right: 0;
}
.menu_scroll_statistic_bl .menu_inter_mediaplan a {
    color: white;
    padding: 0 30px;
}
.menu_scroll_statistic_bl .menu_inter_mediaplan a > [class*="fa-"],
.menu_scroll_statistic_bl .menu_inter_mediaplan a:hover > [class*="fa-"] {
    background-color: transparent;
    font-size: 14px;
    width: auto;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
}
#settimeperiod {
    padding: 0 15px;
}

@media only screen and (max-width: 1100px) {
    .menu_scroll_statistic_bl .menu_inter_mediaplan a {
        padding: 0 20px;
    }
    #settimeperiod {
        padding: 0 10px 0 0;
    }
}


.highcharts-xaxis-labels .tooltip {
    min-width: 200px;
}
.vizual_2_period {
    display: flex;
    align-items: stretch;
}
.vizual_2_period_block {
    display: flex;
    float: none;
}
.vizual_2_period_block_inter {
    flex-grow: 1;
}