/* ********************************** */
/* LIVEBOT */
/* Marcin Jamrogowicz - Livemarket.pl */
/* ********************************** */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Raleway:300,400,700&subset=latin,latin-ext);

@charset "UTF-8";

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

[data-icon]:before {
    font-family: "livebot" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "livebot" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
    content: "\61";
}
.icon-clicked:before {
    content: "\62";
}
.icon-kontakty:before {
    content: "\63";
}
.icon-lead:before {
    content: "\64";
}
.icon-mailing:before {
    content: "\65";
}
.icon-pulpit:before {
    content: "\66";
}
.icon-read:before {
    content: "\67";
}
.icon-scheduler:before {
    content: "\68";
}
.icon-search:before {
    content: "\69";
}
.icon-sms:before {
    content: "\6a";
}
.icon-social-media:before {
    content: "\6b";
}
.icon-user:before {
    content: "\6c";
}
.icon-zrodla:before {
    content: "\6d";
}
.icon-cogwheel:before {
    content: "\6e";
}
.icon-puzzles:before {
    content: "\6f";
}

a:hover,
a:focus,
a:active {
    outline: 0 !important;
}


html,
body {
    min-height: 100%;
}
body {
    font: 13px/16px 'Raleway', Arial, sans-serif;

    /*background: #272139 url('../img/bg.jpg') top center/100% auto repeat-y;*/
    /*background: rgb(60,86,101);*/
    /*background: -moz-linear-gradient(-45deg,  rgba(60,86,101,1) 0%, rgb(52, 114, 138) 20%, rgba(39,58,90,1) 50%, rgba(46,50,87,1) 71%, rgb(73, 87, 116) 100%);*/
    /*background: -webkit-linear-gradient(-45deg,  rgba(60,86,101,1) 0%, rgb(52, 114, 138) 20%,rgba(39,58,90,1) 50%,rgba(46,50,87,1) 71%, rgb(73, 87, 116) 100%);*/
    /*background: linear-gradient(135deg,  rgba(60,86,101,1) 0%, rgb(52, 114, 138) 20%,rgba(39,58,90,1) 50%,rgba(46,50,87,1) 71%, rgb(73, 87, 116) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5665', endColorstr='#525574',GradientType=1 );*/

    /*background: rgb(60,86,101);*/
    /*background: -moz-linear-gradient(-45deg,  rgba(60,86,101,1) 0%, rgba(52,114,138,1) 25%, rgba(50,82,114,1) 50%, rgba(71,103,135,1) 75%, rgba(71,106,137,1) 100%);*/
    /*background: -webkit-linear-gradient(-45deg,  rgba(60,86,101,1) 0%,rgba(52,114,138,1) 25%,rgba(50,82,114,1) 50%,rgba(71,103,135,1) 75%,rgba(71,106,137,1) 100%);*/
    /*background: linear-gradient(135deg,  rgba(60,86,101,1) 0%,rgba(52,114,138,1) 25%,rgba(50,82,114,1) 50%,rgba(71,103,135,1) 75%,rgba(71,106,137,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c5665', endColorstr='#476a89',GradientType=1 );*/

    background: rgb(61,79,102);
    background: -moz-linear-gradient(-45deg,  rgba(61,79,102,1) 0%, rgba(53,102,140,1) 25%, rgba(50,82,114,1) 50%, rgba(71,103,135,1) 75%, rgba(71,106,137,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(61,79,102,1) 0%,rgba(53,102,140,1) 25%,rgba(50,82,114,1) 50%,rgba(71,103,135,1) 75%,rgba(71,106,137,1) 100%);
    background: linear-gradient(135deg,  rgba(61,79,102,1) 0%,rgba(53,102,140,1) 25%,rgba(50,82,114,1) 50%,rgba(71,103,135,1) 75%,rgba(71,106,137,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d4f66', endColorstr='#476a89',GradientType=1 );

}
.top {
    height: 80px;
    background: rgba(8,5,12,.5);
    position: relative;
}
.logo {
    float: left;
    margin-top:25px;
    position: relative;
    padding-right:20px;
}
.logo:before {
    content: '';
    background: url('../img/shadow.png') no-repeat;
    width: 415px;
    height: 80px;
    position: absolute;
    top: -27px;
    left: -140px;
}
.logo img {
    width: 140px;
    height: auto;
    position: relative;
    z-index: 10;
}
.choose-project {
    float: left;
}
.choose-project button {
    height: 80px;
    background: #1a1724;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    text-align: left;
    padding: 0 20px;
}
.choose-project button:active,
.choose-project button:focus {
    outline: 0;
    background: #1a1724 !important;
}

.choose-project.open button:active,
.choose-project.open button:focus,
.choose-project.open button:hover,
.choose-project button:hover {
    background: #0B0910 !important;
    outline: 0 !important;
}
.choose-project.open button {
    background: #0B0910 !important;
}
.choose-project button i {
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    font-size: 18px;
    color: #fff;
    margin-left:5px;
    vertical-align: top;
}
.choose-project.open button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.choose-project button div {
    color: #8D8DA0;
    font: 13px/16px 'Raleway', Arial, sans-serif;
    margin:5px 0;
}
.current-project {
    color: #f0f0f0;
    text-transform: uppercase;
    font: 300 20px/22px 'Raleway', Arial, sans-serif;
    display: inline-block;
}
.dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    min-width: 100%;
    border: 0;
}
.open .dropdown-menu {
    visibility: visible;
    opacity: 1;
}
.choose-project .dropdown-menu {
    background: #0B0910;
    padding: 0 0 5px 0;
}
.choose-project .dropdown-menu > li > a {
    color: #848494;
    padding: 5px 20px;
}
.choose-project .dropdown-menu > li > a:hover,
.choose-project .dropdown-menu > li > a:active,
.choose-project .dropdown-menu > li > a:focus {
    background: #242631;
    color: #9699A7;
}
.dropdown-menu .divider {
    background-color: #27242F;
    margin: 5px 0;
}
.add-some a {
    text-transform: uppercase;
    font-size:12px;
    font-weight: bold !important;
    color: #494857;
}
.add-some i {
    font-size:10px;
    background: #5A5A6A;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 3px 2px 2px 2px;
    width: 14px;
    height: 14px;
    text-align: center;
    margin-right:5px;
    color: #A2A2B3;
}
.main-menu {
    float: left;
    margin: 0;
    padding: 0;
}
.main-menu > li {
    float: left;
    list-style-type: none;
}
.main-menu > li > a {
    height: 80px;
    padding: 14px 10px;
    display: block;
    text-align: center;
    color: #c6bdd9;
    text-transform: uppercase;
    font-size:12px;
    font-weight:bold;
    position: relative;
    /*-webkit-transition: background .3s;*/
    /*-moz-transition: background .3s;*/
    /*-ms-transition: background .3s;*/
    /*-o-transition: background .3s;*/
    /*transition: background .3s;*/
}
.main-menu > li > a:hover,
.main-menu > li > a:focus,
.main-menu > li > a:active {
    text-decoration: none;
}
.main-menu > li > a > span {
    font-size: 28px;
}
.main-menu > li > a > div {
    margin-top:5px;
}
.main-menu svg,
.main-menu img {
    height: 30px;
    width:60px;
    font-family: "livebot" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:28px;
    text-anchor: middle;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: visible !important;
    display: inline-block;
}
.main-menu img {
    margin-bottom: 5px;
}
.main-menu > li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 50px;
    padding: 0 15px;
    text-align: center;
}
.main-menu > li > ul li {
    display: inline-block;
    list-style-type: none;
    margin: 0 15px;
}
.main-menu > li > ul a {
    line-height:50px;
    font-size:14px;
    color: #bdbdc7;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.main-menu > li > ul a:hover,
.main-menu > li > ul a:active,
.main-menu > li > ul a:focus {
    text-decoration: none;
    color: #fff;
}
.main-menu .sub-current a {
    color: #fff;
}
.poss {
    position: static;
}
.top .container-fluid {
    max-width: 1400px;
    margin: 0 auto;
}
.user button,
.user button:hover,
.user button:focus,
.user button:active,
.user.open button,
.user.open button:hover,
.user.open button:focus,
.user.open button:active{
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}
.user {
    height: 80px;
    padding: 15px 0;
    float: right;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
.user button {
    height: 50px;
    text-align: right;
    overflow: visible;
}
.user button > div {
    float: right;
}
.user button span {
    color: #a5afd1;
    max-width: 65px;
    display: block;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user button div div {
    color: #666279;
    font-size:12px;
    max-width: 65px;
    display: block;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.user .dropdown-menu {
    left: auto;
    right: 0;
}
.user svg {
    float: right;
    font-family: "livebot" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 30px;
    height: 30px;
    font-size:28px;
    text-anchor: middle;
    margin-left:10px;
    text-shadow: 0 0 30px #808FB1;
    overflow: visible;
    -webkit-transition: text-shadow .3s;
    -moz-transition: text-shadow .3s;
    -ms-transition: text-shadow .3s;
    -o-transition: text-shadow .3s;
    transition: text-shadow .3s;
}
.user:hover svg {
    text-shadow: 0 0 30px #acbfe9;
}
.user.open {
    background: #271F29;
}
.user ul {
    background: #271F29;
    padding-top: 0;
}
.user ul li a {
    color: #89868A;
    padding: 5px 20px;
}
.user .dropdown-menu .divider {
    background-color: #423B44;
    margin: 5px 0;
}
.user ul li a:hover,
.user ul li a:focus,
.user ul li a:active {
    background: #4B3E4E;
    color: #fff;
}

.menu-mobile-toggle {
    width: 40px;
    height: 28px;
    position: relative;
    margin: 25px 0 0 15px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer;
    display: none;
    float: right;
}
.menu-mobile-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 50%;
    background: #C2C8D0;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.menu-mobile-toggle span:nth-child(even) {
    left: 50%;
    border-radius: 0 9px 9px 0;
}

.menu-mobile-toggle span:nth-child(odd) {
    left:0px;
    border-radius: 9px 0 0 9px;
}

.menu-mobile-toggle span:nth-child(1), .menu-mobile-toggle span:nth-child(2) {
    top: 0px;
}

.menu-mobile-toggle span:nth-child(3), .menu-mobile-toggle span:nth-child(4) {
    top: 12px;
}

.menu-mobile-toggle span:nth-child(5), .menu-mobile-toggle span:nth-child(6) {
    top: 24px;
}

.menu-mobile-toggle.open span:nth-child(1),.menu-mobile-toggle.open span:nth-child(6) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.menu-mobile-toggle.open span:nth-child(2),.menu-mobile-toggle.open span:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-mobile-toggle.open span:nth-child(1) {
    left: 5px;
    top: 9px;
}

.menu-mobile-toggle.open span:nth-child(2) {
    left: calc(50% - 5px);
    top: 9px;
}

.menu-mobile-toggle.open span:nth-child(3) {
    left: -50%;
    opacity: 0;
}

.menu-mobile-toggle.open span:nth-child(4) {
    left: 100%;
    opacity: 0;
}

.menu-mobile-toggle.open span:nth-child(5) {
    left: 5px;
    top: 19px;
}

.menu-mobile-toggle.open span:nth-child(6) {
    left: calc(50% - 5px);
    top: 19px;
}

/*  ************  */
/*  MAIN CONTENT  */
/*  ************  */
.content {
    max-width: 1400px;
    margin: 0 auto 20px auto;
}
.content > .row {
    display: table;
    width:100%;
    margin: 0;
}
.table-col {
    display: table-cell;
    float: none;
    vertical-align: top;
}
.sidebar {
    background: #142e54;
    position: relative;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.3);
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    z-index:10;
    padding: 5px 0 0 0;
}

.sidebar:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/bg.jpg') top left/1600px repeat-y;
    opacity: .3;
}
.little-title {
    color: #d4d1d1;
    font-family: 'Raleway', Arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size:12px;
    margin: 0 0 5px 0;
}
.inner {
    position: relative;
    z-index:10;
    padding: 5px 20px;
}
.inner-no-padding {
    padding: 5px 0;
}
.inner-no-padding .little-title {
    padding: 0 20px
}
.catalogs {
    padding: 0;
    margin: 0;
}
.catalogs li {
    padding: 0 20px;
}
.catalogs a {
    font-family: 'Raleway', Arial, sans-serif;
    color: #bcbbcd;
    font-size:16px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    line-height:35px;
    display: block;
}
.catalogs a:hover,
.catalogs a:active,
.catalogs a:focus {
    text-decoration: none;
    color: #fff;
}
.catalogs li {
    list-style-type: none;
}
.catalogs .active {
    background: rgba(0,0,0,.2);
}
.catalogs .active a {
    font-weight: bold;
    color: #f4f5de;
}
.catalogs span {
    float: right;
    background: rgba(0,0,0,.4);
    color: rgba(255,255,255,.5);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    line-height:22px;
    height: 22px;
    padding: 0 8px;
    margin-top:9px;
    font-family:'Roboto', Arial, sans-serif;
    font-size:14px;
    font-weight: normal;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.catalogs a:hover span {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.sep {
    height: 9px;
    background: url('../img/sep.png') center center/100% no-repeat;
}

.sidebar .inner h2 {
    margin-top:7px;
}
.grouping {
    float: right;
}

.add-some-content {
    margin:5px 0;
    float: left;
}
.add-some-content a {
    color: #9ba2b2;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.add-some-content i {
    background: #24262F;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.add-some-content a:hover,
.add-some-content a:focus,
.add-some-content a:active {
    text-decoration: none;
    color: #fff;
    outline: 0;
}
.add-some-content a:hover i ,
.add-some-content a:focus i ,
.add-some-content a:active i {
    color: #fff;
}
.main-content {
    /*background: #323752;*/
    background: rgba(5, 10, 37, 0.52);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.3);
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    color: #b4b9c4;
}
.person {
    margin-right:-15px;
    margin-left: -15px;
    padding-left: 15px;
    padding-bottom:10px;
    clear: both;
}
.avatar {
    margin: 0 10px;
    width: 38px;
    height: 38px;
    overflow: hidden;
    float: left;
}
.avatar img {
    max-width: 100%;
    max-height: 100%;
}
.person-name {
    line-height:38px;
    float: left;
    font-size:18px;
    margin: 0 15px 0 8px;
    cursor: pointer;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.person-name:hover,
.person-name:focus,
.person-name:active {
    color: #fff;
}
.person-top:after {
    content: '';
    clear: both;
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,.05);
}
.person-top .left {
    float: left;
    padding-top: 10px;
}
.person-top .center,
.person-top .right {
    float: right;
    color: #788099;
}
.mailing-campaign {
    float: left;
    background: rgba(0,0,0,.3);
    color: #5c617b;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 8px;
    margin: 5px;
    font-size:18px;
    font-family:'Roboto', Arial, sans-serif;
    position: relative;
    margin-top: 6px;
}
.mailing-campaign span {
    position: absolute;
    top: -5px;
    right: -13px;
    width: 20px;
    height: 20px;
    font-size:10px;
    background: #1A1724;
    text-align: center;
    line-height:20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #878BA0;
}
.visits,
.spent-time {
    float: left;
    height: 56px;
    background: rgba(255,255,255,.05);
    line-height:56px;
    padding: 0 15px;
    position: relative;
}
.spent-time span,
.visits span {
    color: rgba(255,255,255,.3);
    font-weight:300;
}
.spent-time strong,
.visits strong {
    font-weight: bold;
    font-family:'Roboto', Arial, sans-serif;
    font-size:22px;
    margin-right:3px;
}
.spent-time {
    width: 160px;
}
.visits {
    width:115px;
}
.empty-info {
    padding: 10px;
}
.leads,
.cart,
.searched {
    float: left;
    height: 56px;
    line-height:56px;
    padding: 0 15px;
    font-size:22px;
}
.leads span,
.cart span,
.searched span {
    font-weight: bold;
    font-family:'Roboto', Arial, sans-serif;
}
.leads i,
.cart i,
.searched i {
    font-size:18px;
    margin-right:5px;
}
.leads {
    padding-right: 22px;
}

/* ************* */
/* PERSON COLORS */
/* ************* */
.visits.green,
.spent-time.green {
    color: #4c9068;
}
.visits.green:after,
.spent-time.green:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #4c9068;
}
.leads.green,
.cart.green,
.searched.green,
.orders.green{
    color: #4c9068;
}
.leads.red,
.cart.red,
.searched.red,
.orders.red{
    color: #af6262;
}
.visits.blue,
.spent-time.blue {
    color: #5589A2;
}
.visits.blue:after,
.spent-time.blue:after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #5589A2;
}
.leads.blue,
.cart.blue,
.searched.blue {
    color: #5589A2;
}
.leads.yellow,
.cart.yellow,
.searched.yellow {
    color: #d49e47;
}
.person-bottom {
    margin-top:10px;
}
.tags {
    float: left;
    margin-left:10px;
}
.tags span {
    font-size:13px;
    color: rgba(255,255,255,.3);
    padding: 3px 8px;
    background: rgba(0,0,0,.5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    height: 21px;
    float: left;
    margin: 0 5px 5px 0;
    position: relative;
}
.tags span a {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    color: #d1d1d1;
    padding: 3px 5px 0 5px;
    height: 21px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0;
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
}
.tags span:hover a {
    opacity: 1;
    visibility: visible;
}
.tags span.light-color {
    color: rgba(255,255,255,.7);
}
.person-scheduler {
    float: right;
    margin-right:15px;
}
.person-scheduler i {
    float: left;
    font-size:24px;
    color:#9fa5b8;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    cursor: pointer;
}
.person-scheduler i:hover {
    color: #fff;
}
.person-scheduler .date {
    float: left;
    color: #8e94a7;
    font-family:'Roboto', Arial, sans-serif;
    font-size:14px;
    line-height:26px;
    margin-right:15px;
}
.date .dropdown-menu {
    opacity: 1;
    visibility: visible;
}
.person-details {
    padding-top:20px;
    margin-left: 10px;
}
.person-details > .row {
    margin-right:0;
    margin-bottom:10px;
}
.person-details .row {
    clear: both;
}
.btn-action {
    background: #11131d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    padding: 7px 12px;
    font-weight: bold;
    font-size: 12px;
    float: left;
    color: #868596;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    clear: both;
    margin-bottom:10px;
    border: 0;
}
.btn-action:hover,
.btn-action:focus,
.btn-action:active {
    color: #dcdcdc;
    text-decoration: none;
    outline: 0;
}
.clrfix:after {
    content: '';
    clear: both;
    display: block;
    width:100%;
}
.send-mail {
    width: 100%;
    background: #4c7a90;
    color: #cecdd3;
    text-align: center;
    vertical-align: middle;
    font-size:14px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
.btn-blue {
    background: #4C7A8F;
    color: #B8C8D0;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background: #4C7A8F !important;
}
.send-mail i {
    font-size:20px;
    margin-left:10px;
    vertical-align: middle;
}
.send-mail:hover,
.send-mail:focus,
.send-mail:active {
    background: #56859c;
}
.person-table {
    margin: 10px 0;
    background: rgba(103, 143, 208, 0.13);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    width:100%;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.person-table .little-title {
    padding: 15px 10px;
    margin: 0;
    border-radius: 2px 2px 0 0;
    background: rgba(0,0,0,.5);
    /*overflow: hidden;*/
    /*position: relative;*/
}
/*.person-table .little-title:before {*/
    /*content: '';*/
    /*position: absolute;*/
    /*background: url('../img/shadow.png') top left/100% 20px no-repeat;*/
    /*width: 700px;*/
    /*height: 20px;*/
    /*top: -10px;*/
    /*left: -250px;*/
    /*z-index: 50;*/
/*}*/
.person-table .nav-tabs .little-title {
    background: transparent;
}
.person-table table {
    width:100%;
}
.person-table td {
    padding: 10px;
    font-size:14px;
    color: #dadadd;
    font-family:'Roboto', Arial, sans-serif;
}
.person-table tr:nth-child(odd) td {
    background: rgba(255,255,255,.08);
}
.person-table td:first-child {
    color: rgba(217, 218, 226, 0.67);
}
.person-table .nav-tabs .little-title {
    padding: 5px 0;
}
.person-table .nav-tabs .little-title span,
.nav-tabs-normal .little-title span{
    font-family: 'Roboto', Arial, sans-serif;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left:5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    color: rgba(255,255,255,.5);
    line-height:20px;
    text-align: center;
}
.person-table .nav-tabs,
.nav-tabs-normal {
    background: rgba(0,0,0,.5);
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    border: 0 !important;
}
.person-table .nav-tabs > li.active > a,
.person-table .nav-tabs > li.active > a:focus,
.person-table .nav-tabs > li.active > a:hover,
.nav-tabs-normal > li.active > a,
.nav-tabs-normal > li.active > a:focus,
.nav-tabs-normal > li.active > a:hover{
    background: #254065;
    border: 0 !important;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
section:nth-child(even) .person-table .nav-tabs > li.active > a,
section:nth-child(even) .person-table .nav-tabs > li.active > a:focus,
section:nth-child(even) .person-table .nav-tabs > li.active > a:hover,
section:nth-child(even) .nav-tabs-normal > li.active > a,
section:nth-child(even) .nav-tabs-normal > li.active > a:focus,
section:nth-child(even) .nav-tabs-normal > li.active > a:hover {
    background: #1e3552;
}
.person-table .nav-tabs > li.active > a h2,
.person-table .nav-tabs > li.active > a:focus h2,
.person-table .nav-tabs > li.active > a:hover h2,
.nav-tabs-normal > li.active > a h2,
.nav-tabs-normal > li.active > a:focus h2,
.nav-tabs-normal > li.active > a:hover h2{
    color: #B4B3C1;
}
.person-table .nav-tabs > li,
.nav-tabs-normal > li{
    margin-bottom: 0;
}
.person-table .nav-tabs > li > a,
.nav-tabs-normal > li > a{
    border: 0 !important;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 8px;
}
.person-table .nav-tabs > li > a h2,
.nav-tabs-normal > li > a h2 {
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.person-table .nav-tabs > li > a:hover,
.person-table .nav-tabs > li > a:focus,
.person-table .nav-tabs > li > a:active,
.nav-tabs-normal .nav-tabs > li > a:hover,
.nav-tabs-normal .nav-tabs > li > a:focus,
.nav-tabs-normal .nav-tabs > li > a:active{
    background: transparent;
}
.person-table .nav-tabs > li > a:hover h2,
.person-table .nav-tabs > li > a:focus h2,
.person-table .nav-tabs > li > a:active h2,
.nav-tabs-normal > li > a:hover h2,
.nav-tabs-normal > li > a:focus h2,
.nav-tabs-normal > li > a:active h2 {
    color: #fff;
}
.person-table:first-child {
    margin-top:0;
}
.campaign-table td:last-child {
    text-align: right;
    font-size: 20px;
}
.campaign-table td:last-child i {
    margin-left: 10px;
    color: rgba(255,255,255,.1);
    display: inline-block;
}
.campaign-table td:last-child i.active {
    color: #c7d0ff;
    text-shadow: 0 0 5px rgba(255,255,255,.5);
}
.person-table .text {
    padding: 10px;
}
.choose-session,
.chosen-session {
    padding: 0;
    /*display: table-cell;*/
    /*float: none;*/
    vertical-align: top;
}
.choose-session ul {
    padding: 0;
    margin: 0;
}
.choose-session li {
    list-style-type: none;
}
.choose-session li:nth-child(odd) a {
    background: rgba(255,255,255,.08);
}
.choose-session .current a {
    font-weight: bold;
    color: #fff;
}
.choose-session .list-show-more {
    border: none !important;
    border-color: transparent !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    color: #d4d1d1 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 10px 0 !important;
}
.campaign-table .list-show-more2 {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    color: rgba(217, 218, 226, 0.67) !important;
    padding: 0 !important;
    transition: .3s;
}
.list-show-more-td {
    transition: .3s;
    background-color: rgba(0, 0, 0, 0.5) !important;
}
.list-show-more-td:hover  {
    background-color: #374861 !important;
}
.choose-session .list-show-more:hover {
    background-color: rgba(0, 0, 0, 0.1) !important;
}
.choose-session a {
    overflow: hidden;
    color: rgba(255,255,255,.6);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding: 0 10px;
    display: block;
    font-family:'Roboto', sans-serif;
}
.choose-session a:hover,
.choose-session a:focus,
.choose-session a:active {
    color: #fff;
    text-decoration: none;
    background: rgba(0,0,0,.3) !important;
}
.choose-session a span {
    float: right;
    line-height:50px;
    color: rgba(255,255,255,.3);
    font-size:12px;
    font-weight: 300;
}
.choose-session a span strong {
    height: 24px;
    background: rgba(0,0,0,.4);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    display: inline-block;
    line-height:24px;
    text-align: center;
    margin-left:5px;
    font-family:'Roboto', Arial, sans-serif;
    font-weight:300;
    padding: 0 10px;
    margin-right:5px;
}
.chosen-session {
    background: rgba(0,0,0,.3);
}
.session-table > .row {
    margin: 0;
    display: table;
    width:100%;
}
.chosen-session h2 {
    color: #58596F;
    background: none !important;
}
.chosen-session ul {
    padding: 0 10px;
    margin: 0;
    max-width:495px;
}
.chosen-session li {
    list-style-type: none;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.chosen-session a {
    color: #7f8295;
    line-height:20px;
    font-size:14px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-family:'Roboto', sans-serif;
}
.chosen-session a:hover,
.chosen-session a:focus,
.chosen-session a:active {
    color: #fff;
    text-decoration: none;
}
.session-date {
    float: left;
    padding-top: 10px;
}
.session-source {
    font-weight: normal;
    clear: both;
    color: rgba(255,255,255,.5);
    padding-top: 3px;
}
.session-source div {
    display: inline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}
.comments-table {
    margin-bottom:0;
}
.comments-table ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.comments-table li {
    padding: 10px;
}
.comment-author {
    float: left;
    color: #dadadd;
    font-size:14px;
}
.comment-date {
    color: #6d7080;
    font-size:12px;
    float: left;
    margin-left:15px;
}
.comment {
    color: #b5b7c5;
    padding-top:10px;
    padding-bottom:5px;
}
.comments-table li:nth-child(odd) {
    background: rgba(255,255,255,.08);
}
.comments-table textarea {
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    border: 0;
    resize: vertical;
    height: 100px;
    float: left;
    padding: 15px;
    color: #727689;
}
.comments-table textarea:focus,
.comments-table textarea:active {
    outline: 0;
}
.comments-table .btn-action {
    margin: 10px;
}
.person-details {
    display: none;
}
.person:nth-child(even) {
    background: rgba(0, 0, 0, 0.25);
}
.multiselect{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    background: rgba(103, 143, 208, 0.13);
    color: #b9b9c1;
    width: 100%;
    text-align: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding-right:30px;
    position: relative;
    height: 35px;
}
.multiselect:hover,
.multiselect:active,
.multiselect:focus {
    background: rgba(255,255,255,.15) !important;
    color: #fff !important;
}
.open .multiselect,
.open .multiselect:hover,
.open .multiselect:focus,
.open .multiselect:active {
    background: #181B2B !important;
    color: #fff !important;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}
.multiselect span {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display: block;
}
.multiselect b {
    display: none;
}
.multiselect-arrow:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    right: 0;
    height: 100%;
    width: 30px;
    text-align: center;
}
.add-groups .btn-group {
    width:100%;
}
.add-groups .btn-action {
    margin-top:10px;
}
.multiselect-container {
    background: #181B2B;
}
.multiselect-container a {
    color: #9C9DB3 !important;
}
.multiselect-container a:hover,
.multiselect-container a:focus,
.multiselect-container a:active {
    background: rgba(255,255,255,.2) !important;
    color: #fff !important;
}
.multiselect-container li.active a,
.multiselect-container li.active a:hover,
.multiselect-container li.active a:focus,
.multiselect-container li.active a:active {
    background: #4c7a90 !important;
    color: #fff !important;
}
.client-groups a {
    color: #807f91;
}
.client-groups a:hover,
.client-groups a:active,
.client-groups a:focus {
    text-decoration: none;
}
.client-groups i {
    display:inline-block;
    margin-left:10px;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}
.client-groups.active i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.add-tags form {
    padding: 10px;
}
.person-table input[type="text"],
.person-table input[type="password"],
.person-table input[type="number"]{
    width:100%;
    /*max-width:400px;*/
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: rgba(0,0,0,.2);
    padding: 8px 10px;
    float: left;
    margin-bottom:10px;
    height: 35px;
}
.person-table input[type="text"]:focus,
.person-table input[type="password"]:focus,
.person-table input[type="number"]:focus {
    outline: 0;
}
.choose-tag {
    position: relative;
    padding-right:60px;
}
.choose-tag + input {
    margin-top:10px;
}
.sp-palette-button-container {
    display: none;
}
.sp-replacer {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    background: rgba(0,0,0,.2);
    width: 50px;
    height: 35px;
}
.sp-dd {
    display: none;
}
.sp-preview {
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    border: 0;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0;
}
.sp-container {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    background: #12141B;
}
.sp-palette .sp-thumb-el {
    border: 0;
}
.sp-palette .sp-thumb-active .sp-thumb-inner {
    background-image: none !important;
}
.sp-palette .sp-thumb-active .sp-thumb-inner:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #fff;
    text-shadow: 0 0 5px #000;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 18px;
}
.person-table td a,
.person-table .text a,
.person-table td a:active,
.person-table .text a:active,
.person-table td a:focus,
.person-table .text a:focus {
    color: #9D9EB3;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.person-table td a:hover,
.person-table .text a:hover {
    color: #fff;
    text-decoration: none;
}
.modal-content {
    background: #192946;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
}
.modal-body {
    overflow: hidden;
}
.modal-body .choose-tag {
    color: rgba(255, 255, 255, 0.6);
}
.modal-body .add-tags .btn-action {
    margin-top:0;
}
.modal-body .big-list {
    color: rgba(255, 255, 255, 0.6);
    font-family:'Roboto', sans-serif;
}
.modal-header {
    border-bottom: 1px solid #283b5d;
    color: #94949A;
}
button.close {
    color: #fff;
    opacity: .6;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    text-shadow: none;
    font-size: 26px;
}
button.close:hover,
button.close:active,
button.close:focus {
    color: #fff;
    opacity: 1;
    outline: 0;
}
.modal-footer {
    border-top:1px solid #283b5d;
}
.modal-footer button {
    float: right;
    clear: none;
    background: #4C7A8F;
    color: #B8C8D0;
    margin-bottom:0;
}
.modal {
    width: 100%;
    height:100%;
    text-align: center;
    margin: 0 auto;
}
.modal:before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    height:100%;

}
.modal-dialog {
    display: inline-block;
    width:90%;
    max-width:600px;
    vertical-align: middle;
    text-align: left;
}
.login-html {
    height: 100%;
}
.login-body {
    position: relative;
    height: 100%;
    min-height: 100%;
    text-align: center;
}
.login-box {
    height: 100%;
}
.login-box:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.login {
    width: 95%;
    display: inline-block;
    vertical-align: middle;
    padding: 30px;
    background: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,.4);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,.4);
    box-shadow: 0 0 30px rgba(0,0,0,.4);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin: 0 auto;
}
.login img {
    max-width:250px;
    height: auto;
    display: inline-block;
    margin-bottom:30px;
}
.login input[type="text"],
.login input[type="password"] {
    clear: both;
    width: 100%;
    max-width:300px;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: rgba(255,255,255,.2);
    color: #fff;
    padding: 5px 15px;
    margin-bottom:10px;
    text-align: center;
    display: inline-block;
    height:30px;
}
.login input:focus {
    outline: 0;
}
.btn-login {
    background: #4C7A8F;
    color: #B8C8D0;
    float: none;
    display: inline-block;
}
.preloader-active,
.preloader-img {
    overflow: hidden;
}
.preloader-img .preloader:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../img/preloader.gif') center center no-repeat;
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s;
    z-index: -9999;
    opacity: 0;
}
.preloader:before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -webkit-transition: opacity .6s, z-index 0s ease .6s;
    -o-transition: opacity .6s, z-index 0s ease .6s;
    transition: opacity .6s, z-index 0s ease .6s;
    z-index: -9999;
    opacity: 0;
}
.preloader-img .preloader:before,
.preloader-active .preloader:before {
    -webkit-transition: opacity .6s, z-index 0s ease 0s;
    -o-transition: opacity .6s, z-index 0s ease 0s;
    transition: opacity .6s, z-index 0s ease 0s;
    z-index: 9999;
    opacity: .6;
}
.preloader-img .preloader:after {
    -webkit-transition: opacity .6s, z-index 0s ease 0s;
    -o-transition: opacity .6s, z-index 0s ease 0s;
    transition: opacity .6s, z-index 0s ease 0s;
    z-index: 9999;
    opacity: 1;
}
.alerts {
    position: fixed;
    top: 15px;
    left: 15px;
    right: 15px;
    z-index:3000;
    background: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 15px 55px;
    color: #fff;
    font-size:16px;
    line-height:22px;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}
.alerts i:first-child {
    position: absolute;
    top: 15px;
    left: 25px;
    font-size:20px;
}
.alerts.success {
    background: #4c9068;
}
.alerts.success i:first-child:before {
    content: "\f00c";
}
.alerts.error {
    background: #AF0046;
}
.alerts.error i:first-child:before {
    content: "\f071";
}
.alerts.info {
    background: #367C9E;
}
.alerts.info i:first-child:before {
    content: "\f129";
}
.alerts i:last-child {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size:20px;
    cursor: pointer;
}
.alert {
    padding: 15px;
    border-radius: 3px;
    background: #4c9068;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
}
.alert.alert-error {
    background: #AF0046;
}
.form-basic {
    margin: 0 -15px;
    font-family: 'Roboto', Arial, sans-serif;
}
.form-basic fieldset {
    margin-bottom:20px;
}
.form-basic legend {
    text-transform: uppercase;
    font-size:13px;
    color: rgba(255,255,255,.6);
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.3);
    border: none;
    padding:10px 15px;
    margin-bottom: 10px;
}
.form-field {
    margin-bottom:15px;
}
.form-field label {
    display: block;
    color: #b4b9c4;
}
.form-field input[type="text"],
.form-field input[type="number"],
.form-field input[type="password"] {
    width:100%;
    background: rgba(103, 143, 208, 0.13);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    height: 35px;
    padding: 5px 10px;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    color: #b4b9c4;
}
.form-field input[type="text"]:focus,
.form-field input[type="number"]:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);
    box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.form-field .btn-group,
.form-field .btn-group button {
    width:100%;
}
.select2-container {
    width:100% !important;
}
.select2-container .select2-selection {
    width:100%;
    background: rgba(255,255,255,.08);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    height: 35px;
    padding: 5px 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.select2-container .select2-selection[aria-expanded=true] {
    background: #181B2B;
}
.select2-container .select2-selection:focus,
.select2-container .select2-selection:active,
.select2-container .select2-selection:focus:active {
    outline: 0;
}
.select2-container .select2-selection span {
    color: #b4b9c4 !important;
}
.select2-container .select2-selection .select2-selection__arrow b {
    border: none;
    position: static;
}
.select2-container .select2-selection .select2-selection__arrow b:before {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    right: 0;
    height: 100%;
    width: 30px;
    text-align: center;
}
.select2-dropdown {
    border: none;
    background: #181B2B;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
    box-shadow: 0 0 20px rgba(0,0,0,.5);
}
.select2-dropdown input {
    border: none !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background: #424760;
    color: rgba(255,255,255,.6) !important;
    padding: 5px;
}
.select2-dropdown input:focus {
    outline: 0;
}
.select2-results__option {
    color: rgba(255,255,255,.6);
    padding: 0;
}
.select2-results__option span {
    padding: 6px 10px;
    display: block;
}
.select2-container .select2-results__option[aria-selected=true] {
    background: #323548;
}
.select2-container .select2-results__option--highlighted[aria-selected] {
    background: #676B80;
}
.form-basic  .btn-action {
    margin-top:10px;
}
.form-basic textarea {
    width: 100%;
    background: rgba(255,255,255,.08);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    min-height: 100px;
    padding: 10px;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
    resize: vertical;
}
.form-basic textarea:focus {
    outline: 0;
}
/*HIGHCHARTS STYLES*/
.highcharts-background {
    fill: rgba(0,0,0,0);
}
.highcharts-title {
    color: rgba(255, 255, 255, 0.7) !important;
    fill: rgba(255, 255, 255, 0.7) !important;
}

.catalogs-container {
    position: relative;
    z-index:5;
}
.catalogs-trigger {
    display: none;
    color: #fff;
    padding: 10px 20px;
    font-size:16px;
    text-decoration: none;
    outline: 0;
    line-height: 22px;
}
.catalogs-trigger i {
    margin-left:10px;
}
.catalogs-trigger:hover,
.catalogs-trigger:focus,
.catalogs-trigger:active {
    text-decoration: none;
    outline: 0;
    color: #fff;
}
.catalogs-trigger span {
    float: right;
    background: rgba(0,0,0,.4);
    color: rgba(255,255,255,.5);
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    line-height: 22px;
    height: 22px;
    padding: 0 8px;
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -ms-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.catalogs-trigger:hover span {
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.pagination {
    text-align: center;
    display: block;
}
.pagination > * {
    display: inline-block;
    float: none;
    vertical-align: top;
}
.pagination i {
    font-size:16px;
    vertical-align: middle;
}
.current-page {
    border: 0;
    width: 35px;
    background: none;
    height:31px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    background: #5589A2;
}
.pagination .numbers span {
    color: #B4CFDC;
    padding-left:5px;
}
.pagination .numbers {
    background: #3C6E86;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 10px 0 0;
    font-family:'Roboto', sans-serif;
    margin: 0 5px;
}
.pagination a span {
    vertical-align: middle;
}
.big-tabs {
    margin: 0 -15px;
    background: rgba(0, 0, 0, 0.5);
    border-bottom: 0;
}
.nav-tabs.big-tabs a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    float: left;
    padding: 15px 25px;
    border: 0;
    margin: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.nav-tabs.big-tabs a h2 {
    margin-bottom:0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.nav-tabs.big-tabs > li {
    margin-bottom:0;
    float: left;
}
.nav-tabs.big-tabs > li.active > a,
.nav-tabs.big-tabs > li.active > a:focus,
.nav-tabs.big-tabs > li.active > a:hover {
    background: #1a2d4a;
    border: 0;
}
.nav-tabs.big-tabs > li.active > a h2,
.nav-tabs.big-tabs > li.active > a:focus h2,
.nav-tabs.big-tabs > li.active > a:hover h2 {
    color: #fff;
}
.nav-tabs.big-tabs > li > a:focus,
.nav-tabs.big-tabs > li > a:hover,
.nav-tabs.big-tabs > li > a:active {
    background: #23273A;
}
.nav-tabs.big-tabs > li > a:focus h2,
.nav-tabs.big-tabs > li > a:hover h2,
.nav-tabs.big-tabs > li > a:active h2 {
    color: #fff;
}
.big-tabs-content {
    padding: 15px 0;
}
.form-basic fieldset > .row:last-child .form-field {
    margin-bottom:5px;
}
.even-odd-rows legend {
    margin-bottom:0;
}
.even-odd-rows .row:nth-child(odd) {
    background: rgba(98, 138, 202, 0.17);
}
.even-odd-rows .row:last-child {
    background: none;
    padding: 5px 0;
}
.even-odd-rows > .row {
    padding: 15px 0;
}
.form-basic fieldset > .row {
    margin:0;
}
.info-success,
.info-error,
.info-warning {
    width: 20px;
    height:20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    line-height:20px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-left:7px;
    color: #fff;
}
.info-success {
    background: #4c9068;
}
.info-error {
    background: #AF0046;
}
.info-warning {
    background: #DCC200;
}
.nav-tabs.big-tabs > li > a h2 span {
    vertical-align: middle;
    display: inline-block;
}
.even-odd-rows > .row .form-field {
    margin-bottom:0;
}
.nav-tabs.tabs-right li {
    float: right;
}
.tab-title {
    float: left !important;
    font-size:18px;
    padding: 12px 15px;
    height: 31px;
    color: #fff;
}
.tab-title i {
    font-size:14px;
}
.rule-number {
    float: left;
    width: 10%;
    font-size: 22px;
    line-height: 35px;
    color: #A2B7D0;
}
.rule-number + .form-field {
    width:90%;
    float: left;
}
.checkbox label {
    float: left;
}
.checkbox input:focus + label:before,
.checkbox input:active + label:before,
.checkbox input:hover + label:before,
.radio input:focus + label:before,
.radio input:active + label:before,
.radio input:hover + label:before{
    outline: 0 !important;
}
.checkbox input + label:before {
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.radio label:after {
    background: #1D233E;
}
.radio label:before {
    border: 0;
}
.multiselect-container > li > a > label {
    padding-left: 12px;
}
.mailing-meta {
    margin-bottom:15px;
    font-family:'Roboto', sans-serif;
    padding: 0 30px;
    text-align: left;
}
.mailing-meta span {
    margin-right: 12px;
    padding-right: 12px;
    color: #9da2b9;
    position: relative;
}
.mailing-meta span:after {
    content: '';
    position: absolute;
    top: 7px;
    right: -1.5px;
    width: 3px;
    height: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #575B6D;
}
.mailing-meta span:last-child:after {
    display: none;
}
.mailing-checklist a {
    float: right;
    width: auto;
    padding:0  20px;
    line-height:35px;
}
.mailing-checklist a span {
    display: inline-block;
    background: #2E5D73;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    line-height:24px;
    padding: 0 12px;
    margin-left:10px;
}
.footer {
    max-width:1400px;
    color: #D8D8D8;
    margin-bottom:40px;
}
.footer a {
    color: #fff;
}
.mail-editor {
    /*padding: 15px;*/
}
.mail-editor .nav-tabs.big-tabs {
    background: #406A9C;
    margin: 0;
}
.mail-editor .nav-tabs a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #406A9C;
    float: left;
    padding: 15px 25px;
    border: 0;
    margin: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.mail-editor .nav-tabs h2 {
    color: #fff;
}
.mail-editor .nav-tabs > li.active > a,
.mail-editor .nav-tabs > li.active > a:focus,
.mail-editor .nav-tabs > li.active > a:hover {
    background: #6384AD;
}
.mail-editor .nav-tabs > li > a:focus,
.mail-editor .nav-tabs > li > a:hover,
.mail-editor .nav-tabs > li > a:active {
    background: #3A608E;
}
.mail-editor .nav-tabs > li > a:focus h2,
.mail-editor .nav-tabs > li > a:hover h2,
.mail-editor .nav-tabs > li > a:active h2 {
    color: #fff;
}
.tab-editor-content {
    margin-bottom:20px;
}
.variables input {
    padding: 5px 12px;
    background: #111425;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    float: left;
    margin: 0 15px 5px 0;
}
.variable-desc {
    padding-top:5px;
    float: left;
}
.add-url {
    margin-top:10px;
}
.add-url input {
    height: 35px;
}
.send-test-mail input {
    width: auto;
    float: left;
    margin-top: 20px !important;
    height:35px;
}
.remove-rule {
    color: #D47D80;
    font-size: 22px;
    margin-top: 15px;
    display: inline-block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.remove-rule:hover,
.remove-rule:focus,
.remove-rule:active {
    color: #FFDBDC;
}
.tabs-inside.nav-tabs {
    margin: 0;
    background: #14182B;
}
.tabs-inside.nav-tabs a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #14182B;
    float: left;
    padding: 15px 25px;
    border: 0;
    margin: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.tabs-inside.nav-tabs h2 {
    color: #7F8394;
}
.tabs-inside.nav-tabs > li.active > a,
.tabs-inside.nav-tabs > li.active > a:focus,
.tabs-inside.nav-tabs > li.active > a:hover {
    background: #2d4360;
}
.tabs-inside.nav-tabs > li > a:focus,
.tabs-inside.nav-tabs > li > a:hover,
.tabs-inside.nav-tabs > li > a:active {
    background: #14182B;
}
.tabs-inside.nav-tabs > li > a:focus h2,
.tabs-inside.nav-tabs > li > a:hover h2,
.tabs-inside.nav-tabs > li > a:active h2 {
    color: #fff;
}
.tabs-inside-content {
    padding: 0;
}
.big-list {
    margin: 0 -15px;
}
.big-list table {
    width:100%;
}
.big-list td,
.big-list th{
    padding: 12px;
}
.big-list td:first-child,
.big-list th:first-child {
    padding-left:20px;
}
.first-col-thin td:first-child {
    width:50px;
}
.big-list td:last-child,
.big-list th:last-child {
    padding-right:30px;
}
.big-list tr:nth-child(even) td {
    background: rgba(68, 100, 132, 0.38);
}
.big-list th {
    text-transform: uppercase;
    font-size:12px;
    color: #616C82;
}
.big-list td a {
    color: #b4b9c4;
    text-decoration: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.big-list tr:hover a,
.big-list tr:focus a,
.big-list tr:active  a{
    color: #fff;
}
.big-list td {
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
}
.big-list tr:hover td {
    background: #101a2b;
}
.list-options {
    text-align: right;
}
.list-options a {
    color: #D47D80;
    font-size: 20px;
    margin: 0 0 0 15px;
    display: inline-block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.list-options a:hover,
.list-options a:focus,
.list-options a:active {
    color: #FFDBDC !important;
}
.list-options .remove-rule:hover {
    color: #DE5E61 !important;
}
.list-options .edit-rule:hover {
    color: #907F66 !important;
}
.visibility {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255,255,255,0.2);
}
.active .visibility {
    background: #4c9068;
    position: relative;
}
.active .visibility:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height:20px;
    color: #fff;
    font-size:12px;
}
.big-list h1 {
    padding:15px 25px;
    font-size:18px;
    background: rgba(0, 0, 0, 0.43);
    margin: 0 0 5px 0;
}
.no-margin {
    margin:0 !important;
}
.event-group-remove {
    color: #9FA3B7;
    margin-left:7px;
    line-height:35px;
}
.search-advanced-container {
    overflow: hidden;
}
.search-advanced {
    display: none;
    clear: both;
    padding-bottom:30px;
}
.search-advanced .btn-action {
    margin: 0;
}
.search-advanced-trigger {
    padding: 15px;
    float: right;
    color: #fff;
    text-transform: uppercase;
    clear: both;
}
.search-advanced-trigger .fa {
    margin-left:10px;
    font-size:14px;
}
.search-advanced-trigger:hover,
.search-advanced-trigger:focus,
.search-advanced-trigger:active {
    color: #fff;
    text-decoration: none;
}
.toolbox-col .btn-action {
    margin: 0;
    height: 35px;
}
#cartModal .modal-dialog {
    max-width: 1100px;
    width:95%;
    margin: 10px 0;
}
#cartModal .cart-search {
    background: rgba(255,255,255,.1);
    padding: 7px 15px;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    position: relative;
}
#cartModal .cart-search i {
    color: #fff;
    position: absolute;
    top: 8px;
    left: 12px;
}
#cartModal .cart-search input {
    background: transparent;
    border: 0;
    color: rgba(255, 255, 255, 0.6);
    width: 100%;
    padding: 0 0 0 20px;
}
#cartModal .cart-search input[type=submit] {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 30px;
    padding: 0 15px;
    border-radius: 0 2px 0 0;
    background: rgba(0,0,0,.1);
}
#cartModal .cart-search:focus {
    -webkit-box-shadow:  0 0 15px rgba(255,255,255,.2);
    -moz-box-shadow:  0 0 15px rgba(255,255,255,.2);
    box-shadow:  0 0 15px rgba(255,255,255,.2);
}
#cartModal .cart-search input:focus {
    outline: 0;
}
#cartModal .inner {
    padding: 15px;
    background: rgba(255,255,255,.05);
    height:400px;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    overflow-y: scroll;
}
.cart-product {
    color: #fff;
    position: relative;
}
.cart-product > div {
    padding: 10px;
}
.cart-product:nth-child(odd) > div {
    background: rgba(0,0,0,.2);
}
.cart-product .product-thumb {
    float: left;
    height: 50px;
    width: 50px;
    margin: 0 15px 0 0;
}
.cart-product .product-thumb img {
    max-width: 50px;
    max-height: 50px;
    display: block;
    margin: 0 auto;
}
.cart-product .product-title {
    font-size: 14px;
    padding-top: 5px;
    padding-right: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cart-product .product-price {
    background: #4C7A8F;
    display: inline-block;
    padding: 3px 10px;
    border-radius: 20px;
    margin-top: 5px;
    color: rgba(255,255,255,.8);
    font-size: 14px;
}
.cart-product .cart-add {
    position: absolute;
    font-size: 30px;
    top: 10px;
    right: 0;
    width: 50px;
    text-align: center;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.cart-product .cart-add:focus,
.cart-product .cart-add:active,
.cart-product .cart-add:hover {
    text-decoration: none;
    color: #fff;
}
.cart-chosen-container .inner {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.cart-chosen-container h2 {
    line-height: 30px;
    font-size: 14px;
    color: rgba(255,255,255,0.6);
    margin: 0;
    text-transform: uppercase;
}
.cart-chosen-container .cart-product .product-thumb {
    margin: 0 15px 0 50px;
}
.cart-chosen-container .cart-product .product-title {
    padding: 5px 0 0 0;
}
.cart-chosen-container .cart-product .cart-add {
    left: 0;
}
.cart-summary {
    color: rgba(255, 255, 255, 0.51);
    margin-top:15px;
}
.chart {
    min-width: 320px;
    height: 250px;
    margin: 0 auto;
}
/*.content .dashboard {*/
    /*margin-top:-20px;*/
/*}*/
.content .dashboard .main-content {
    padding-bottom:5px;
}
.dashboard .main-content > .big-list > h1 {
    margin-bottom:15px;
}
.dashboard .person-table {
    margin-bottom:30px;
}
.form-basic .send-mail {
    float: left;
    width: auto;
    margin: 0 15px;
}
.info-text {
    padding: 15px;
    clear: both;
}
.mailing-checklist .send-mail {
    margin-top:10px;
    float: right;
}
.refresh-list {
    padding: 15px 30px;
    color: #fff;
    display: block;
}
.refresh-list i {
    margin-right:5px;
}
.refresh-list:hover,
.refresh-list:active,
.refresh-list:focus {
    color: #fff;
    text-decoration: none;
}
.user.notification button {
    padding-top:0;
    position: relative;
}
.user.notification svg {
    display: inline-block ;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 28px !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 30px;
    margin-left: 0;
    margin-top:-9px;
}
.number-notif {
    position: absolute;
    top: 0;
    right: 0;
    background: #C72464;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff !important;
    font-size:12px;
    width: 22px;
    height: 22px;
    line-height:22px;
    text-align: center;
    font-family: 'Open sans', sans-serif;
}

.fc-unthemed .fc-content,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-row,
.fc-unthemed tbody,
.fc-unthemed td,
.fc-unthemed th,
.fc-unthemed thead {
    border-color: #32517b;
}
.fc-unthemed .fc-today {
    background: #32517b;
}
.notification ul {
    padding-top: 5px;
}
.fc-center h2 {
    color: #fff;
}
.fc-state-default {
    background: #32517b !important;
    /*background: -moz-linear-gradient(top,  rgba(197,218,244,1) 0%, rgba(148,153,190,1) 100%);*/
    /*background: -webkit-linear-gradient(top,  rgba(197,218,244,1) 0%,rgba(148,153,190,1) 100%);*/
    /*background: linear-gradient(to bottom,  rgba(197,218,244,1) 0%,rgba(148,153,190,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5daf4', endColorstr='#9499be',GradientType=0 );*/
    border: 0;
    text-shadow: none !important;
    color: rgba(255,255,255,0.8);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.fc-state-default:focus {
    outline: 0 !important;
}
.fc-state-active,
.fc-state-down,
.fc-state-default:hover {
    background: #D2D4E6 !important;
    color: #000;
}
.fc-state-default.fc-corner-right {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.fc-state-default.fc-corner-left {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.events-list i {
    font-family: "livebot" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    margin-left:10px;
    font-size:18px;
    opacity: .2;
}
.events-list i.active {
    opacity:1
}
.fc-event {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    background: #3A87AD;
}
.fc th {
    background: #32517b;
}
.events-list td:last-child {
    width: 80px;
}
.events-list td:nth-child(2) {
    text-align: right;
}
.add-event {
    float: right;
    background: #4c7a90;
    color: #cecdd3;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    margin: -5px 0 0 0;
}
.add-event i {
    margin-left:10px;
}
.events-list-title h1 {
    padding: 15px;
}
.pb15 {
    padding-bottom: 15px !important;
}
.modal-form label {
    color: rgba(255,255,255,0.5);
    font-weight: normal;
}
.modal-form input {
    color: rgba(255,255,255,.8);
    font-family:'Roboto', sans-serif;
}
.btn-black {
    margin-right: 15px;
    background: #11131d !important;
    color: rgba(255,255,255,.4) !important;
}
.online {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #4c9068;
    margin: 12px 10px 0 10px;
}
.online.ago {
    background: #B79049;
}
.introjs-hint-dot {
    border: 10px solid rgb(199, 36, 100) !important;
    top: -18px !important;
    left: -18px !important;
    z-index: 9999 !important;
    -webkit-animation: introjspulse 2s ease-out infinite !important;
    -moz-animation: introjspulse 2s ease-out infinite !important;
    animation: introjspulse 2s ease-out infinite !important;
}
.introjs-hint-pulse {
    border: 5px solid rgb(199, 36, 100) !important;
    background-color: rgb(199, 36, 100) !important;
    z-index: 9999 !important;
    width: 15px !important;
    height: 15px !important;
}
.introjs-tooltip {
    background: #C72464 !important;
    color: #fff !important;
    -webkit-box-shadow: 0 0 30px #4C0A24 !important;
    -moz-box-shadow: 0 0 30px #4C0A24 !important;
    box-shadow: 0 0 30px #4C0A24 !important;
}
.introjs-arrow.right {
    border-left-color: #C72464 !important;
}
.introjs-arrow.left {
    border-right-color: #C72464 !important;
}
.introjs-arrow.bottom {
    border-top-color: #C72464 !important;
}
.introjs-arrow.left-bottom {
    border-right-color: #C72464 !important;
}
.introjs-button {
    border: 0 !important;
    color: #fff !important;
    background: #8A1643 none !important;
    text-shadow: none !important;
    -webkit-transition: background .3s !important;
    -moz-transition: background .3s !important;
    -ms-transition: background .3s !important;
    -o-transition: background .3s !important;
    transition: background .3s !important;
}
.introjs-button:hover,
.introjs-button:active,
.introjs-button:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    background: #520E29 !important;
}
.hints {
    padding: 28px 10px 0 10px;
    float: right;
}
.hints svg {
    display: inline-block ;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 28px !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 30px;
    float: right;
    margin-top:-9px;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    width: 30px;
    height: 30px;
    font-size:28px;
    text-anchor: middle;
    text-shadow: 0 0 30px #808FB1;
    overflow: visible;
    -webkit-transition: text-shadow .3s;
    -moz-transition: text-shadow .3s;
    -ms-transition: text-shadow .3s;
    -o-transition: text-shadow .3s;
    transition: text-shadow .3s;
}
.hints:hover svg {
    text-shadow: 0 0 30px #acbfe9;
}
.tooltip.top {
    height: auto !important;
    background: none !important;
    position: absolute !important;
    width: auto !important;
}
.bulk-edit {
    margin: 20px 0;
}
.person-table th {
    padding: 10px;
    background: rgba(255,255,255,0.12);
    text-transform: uppercase;
    font-size: 12px;
}
.last-col-wider th:last-child {
    width: 150px;
}
.breadcrumbs {
    margin: 65px 0 15px 0;
}
.breadcrumbs ul {
    padding-left:15px;
    overflow: hidden;
}
.breadcrumbs li {
    float: left;
    list-style-type: none;
    margin-right:15px;
    color: rgba(255,255,255,.5);
}
.breadcrumbs li:after {
    content: '\f105';
    padding-left:15px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.breadcrumbs li a {
    color: rgba(255,255,255,.5);
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}
.breadcrumbs li:last-child {
    color: #fff;
}
.breadcrumbs li:last-child:after {
    display: none;
}
.breadcrumbs li a:hover,
.breadcrumbs li a:focus {
    text-decoration: none;
    color: #fff;
}
.edit-contact-offline-button {
    float: right;
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    -ms-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    text-transform: none;
    font-weight: 400;
}
.edit-contact-offline-button:hover,
.edit-contact-offline-button:focus {
    text-decoration: none;
    color: #fff;
}
.edit-contact-offline-button i {
    margin-right:5px;
}
fieldset .btn-action {
    margin-left: 15px;
}
.number {
    padding: 15px;
    text-align: center;
}
.number svg {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    height: 30px;
    text-anchor: middle;
    font-family: 'Roboto', sans-serif;
    dominant-baseline: ideographic;
    overflow: visible !important;
}
.number-desc {
    color: rgba(255, 255, 255, 0.8);
}
.shadow text {
    text-shadow: 0 0 20px #904d46;
}
.shadow.green text {
    text-shadow: 0 0 20px #3c882c;
}
.mt30 {
    margin-top: 30px;
}
.highcharts-container text,
.highcharts-container tspan {
    font-weight:normal !important;
}
.highcharts-container svg {
    width:100% !important;
}
.geolocation {
    position: relative;
}
.geolocation iframe {
    width: 100% !important;
    pointer-events: none;
}
.has-submenu {
    cursor: default;
}
.mt15 {
    margin-top: 15px;
}
.title-with-select {
    padding: 0 10px !important;
}
.title-with-select > span {
    float: left;
    padding: 15px 0;
}
.title-with-select .btn-group {
    float: right;
    margin-top:7px;
}
.title-with-select button {
    height: 30px;
}
.title-with-select button:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 10px;
    right: 0;
    height: 100%;
    width: 30px;
    text-align: center;
}
.title-with-select label {
    text-transform: none;
}
.fieldset.even-odd-rows {
    margin: 0;
}
.no-bg {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.td-number {
    width: 50px;
    font-size: 22px !important;
    line-height: 35px;
    color: #A2B7D0 !important;
    text-align: center;
}
.table-inputs input {
    margin-bottom: 0 !important;
}
.title-with-select.select-left .btn-group {
    float: left;
}
.no-padding {
    padding: 0 !important;
}
.mb15 {
    margin-bottom: 15px;
}
.title-button {
    float: right;
    clear: none;
    margin: 6px 0;
}
.line-height35 {
    line-height: 35px;
}
.line-height35 p {
    margin-bottom: 0 !important;
}
.form-field textarea,
.form-field textarea:focus {
    width: 100%;
    background: rgba(103, 143, 208, 0.13);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    color: rgba(255,255,255,.8);
    font-family: 'Roboto', sans-serif;
    padding: 15px;
    outline: 0;
    resize: vertical
}
.big-list tr.unread td {
    background: rgb(50, 97, 144);
    color: #fff;
}
.big-list tr.unread:nth-child(even) td {
    background: rgba(84, 136, 187, 0.78);
    color: #fff;
}
.counter {
    position: absolute;
    top: 10px;
    right: 15px;
    background: #C72464;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff !important;
    font-size:12px !important;
    width: 22px;
    height: 22px;
    line-height:22px;
    text-align: center;
    font-family: 'Open sans', sans-serif;
    font-weight: normal;
}
.multiselect-container > li.select-depth-1 > a > label {
    padding-left: 10px;
}
.multiselect-container > li.select-depth-2 > a > label {
    padding-left: 20px;
}
.multiselect-container > li.select-depth-3 > a > label {
    padding-left: 30px;
}
.multiselect-container > li.select-depth-4 > a > label {
    padding-left: 40px;
}
.multiselect-container > li.select-depth-5 > a > label {
    padding-left: 50px;
}
.multiselect-container > li.select-depth-6 > a > label {
    padding-left: 60px;
}
.multiselect-container > li.select-depth-7 > a > label {
    padding-left: 70px;
}
.multiselect-container > li.select-depth-8 > a > label {
    padding-left: 80px;
}
.multiselect-container > li.select-depth-9 > a > label {
    padding-left: 90px;
}
.multiselect-container > li.select-depth-10 > a > label {
    padding-left: 100px;
}
.btn-tool {
    width: 100%;
    line-height:25px;
    text-align: center;
}
#salesProfileModal ul {
    list-style-type: none;
    color: rgba(255, 255, 255, 0.9);
    padding-left: 0;
}
#salesProfileModal ul li {
    position: relative;
    font-family: 'Roboto', sans-serif;
    display: block;
    line-height: 17px;
    font-weight: normal !important;
    margin-bottom: 1px;
}
#salesProfileModal input {
    opacity:0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
#salesProfileModal label,
#salesProfileModal label:focus {
    position: absolute;
    top: 4px;
    left: 10px;
    margin-bottom: 0;
    cursor: pointer;
    width:17px;
    height: 17px;
    z-index: 10;
}
#salesProfileModal label:before {
    content: "\f00c";
    padding: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    background: #519068;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:12px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
#salesProfileModal label:after {
    content: '';
    padding: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 0;
    left: 0;
}
#salesProfileModal input:checked + label:before {
    opacity: 1;
}
#salesProfileModal .has_nodes ul {
    padding: 5px 0 5px 25px;
}
#salesProfileModal li.has_nodes > span:after {
    content: "\f107";
    position: absolute;
    top: 8px;
    right: 10px;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    -webkit-transition: transform .3s;
    -moz-transition: transform .3s;
    -ms-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}
#salesProfileModal li.has_nodes.active > span:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
#salesProfileModal li span {
    display: block;
    -webkit-transition: background .3s;
    -moz-transition: background .3s;
    -ms-transition: background .3s;
    -o-transition: background .3s;
    transition: background .3s;
    padding: 5px 25px 5px 35px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#salesProfileModal li.has_nodes > span {
    cursor: pointer;
}
#salesProfileModal li.has_nodes > span:hover,
#salesProfileModal li.has_nodes > label:hover + span,
#salesProfileModal li.has_nodes > input:hover + span{
    background: rgba(255,255,255,.1);
}
#salesProfileModal li.has_nodes > ul {
    display: none;
}
.ptb10 {
    padding: 10px 15px;
}
#product-variables-container input[readonly] {
    padding: 5px 12px;
    background: #111425;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    float: left;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
#product-variables-container tr:hover input[readonly] {
    background: rgba(68, 100, 132, 0.38);
}
.form-modal label {
    color: #b4b9c4;
}
.session-icon-cart {
    color: #e66666;
}
.session-icon-lead {
    color: #5589A2;
}
.session-icon-lead {
    color: #5589A2;
}
.session-icon-register {
    color: #ffd966;
}
.session-icon-order {
    color: #4c9068
}
[class^="session-icon-"] {
    font-size: 18px;
    margin-right: 15px;
    line-height:50px;
    float: right;
}
.session-table-min {
    padding: 0 10px;
}
.session-table-min table {
    -webkit-box-shadow:  0 0 15px rgba(0,0,0,.4);
    -moz-box-shadow:  0 0 15px rgba(0,0,0,.4);
    box-shadow:  0 0 15px rgba(0,0,0,.4);
    margin-bottom: 15px;
}
.session-table-min table td {
    font-size:12px;
    padding: 6px 10px;
}
.session-table-min table th {
    padding: 6px 10px;
    font-size:12px;
    background: rgba(0, 0, 0, 0.45);
}
.orders-summary {
    float: right;
    font-family:'Roboto',sans-serif;
    font-size: 14px;
    line-height: 26px;
    position: relative;
    color: #af6262;
}
.orders-summary {
    margin-right: 25px;
}
.orders-summary:after {
    content: '';
    position: absolute;
    top: 12px;
    right: -15px;
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.41);
}
.session-title {
    font-size: 18px;
    text-transform: uppercase;
    font-family: Roboto;
    color: rgba(255, 255, 255, 0.7);
}
.site_action {
    margin-bottom: 10px;
}
.tabs-right2 {
    margin: 0 -10px 0 0;
}
.tabs-right2 li {
    float: right;
    list-style-type: none;
}
.tabs-right2 li a {
    display: block;
    text-decoration: none;
}
.tabs-right2 li a .little-title {
    display: block;
    padding: 15px 15px;
}
.tabs-right2 li.active a span {
    background: #283858;
    color: #fff;
}
.tabs-right2 li a:hover,
.tabs-right2 li a:active,
.tabs-right2 li a:focus {
    text-decoration: none;
}
.ttu {
    text-transform: uppercase;
}
.selected-date-range {
    font-family: 'Roboto', 'sans-serif';
    font-weight: normal;
    line-height: 42px;
    margin-right: 15px;
    text-transform: none;
}
.daterangepicker.dropdown-menu {
    opacity: 1;
    visibility: visible;
    display: none;
    min-width: 0 !important;
    background: #8fafc5;
}
.daterangepicker:before,
.daterangepicker:after {
    border-bottom: 7px solid #8fafc5 !important;
}
.daterangepicker .input-mini {
    background: rgba(255,255,255,.8);
}
.daterangepicker .input-mini.active {
    border: 1px solid #000 !important;
}
.daterangepicker .calendar-table {
    background: rgba(255,255,255,.8);
}
.login-body:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
/* entire container, keeps perspective */
.flip-container {
    display: inline-block;
    vertical-align: middle;
    perspective: 1000px;
    max-width: 95%;
    text-align: center;
    transform-style: preserve-3d;
}
/* flip the pane when hovered */
.flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width: 100%;
    max-width:700px;
    height: 400px;
}
.flipper {
    /*display: inline-block;*/
}

/* flip speed goes here */
.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}

/* hide back of pane during swap */
.front, .back {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}

/* front pane, placed above back */
.front {
    z-index: 2;
    /* for firefox 31 */
    transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
    transform: rotateY(180deg);
}

.login h1 {
    font-size: 22px;
    font-family: 'EncodeSansCondensed-Bold', sans-serif;
    color: #fff;
    padding: 15px;
    background: rgba(0, 0, 0, 0.5);
    margin: 8px -30px;
}
.login p {
    font-size: 14px;
    font-family: 'EncodeSansCondensed-Regular', sans-serif;
    color: rgba(255, 255, 255, 0.7);
    margin: 15px 0;
    line-height: 20px;
    text-align: justify;
}
.front .login img {
    margin-bottom: 5px;
}
.login-buttons {
    overflow: hidden;
    text-align: center;
}
.login-buttons a,
.login-buttons input {
    clear: none;
    float: none;
    display: inline-block;
    margin: 0 7px 10px 7px;
    font-size: 14px;
    padding: 10px 20px;
}
.btn-learn-more {
    background: #C32864;
    color: rgba(255, 255, 255, 0.7);
}
.left-big-column {
    background: rgba(255,255,255,.05);
    padding: 15px;
}
.small-title {
    text-transform: uppercase;
    font-size: 15px;
    color: rgba(255, 255, 255, .85);
    margin-top: 0;
    font-weight: bold;
}
.lgf-init-view-outer {
    width: 100%;
    max-width: 90%;
    padding: 50px;
    margin: 0 auto;
}
.lgf-init-view {
    background: rgba(0,0,0,.1);
    overflow: hidden;
    min-height: 200px;
    position: relative;
}
.lgf-editable {
    overflow: visible !important;
}
.lb-lgf-summon {
    position: absolute !important;
}
.accordion-settings .panel-heading {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.75);
    background: rgba(255,255,255,.1);
    border: 0 !important;
    padding: 0 !important;
}
.accordion-settings .panel-heading h4 {
    font-size: 15px !important;
}
.accordion-settings .panel-heading a {
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
}
.accordion-settings .panel-heading a:hover,
.accordion-settings .panel-heading a:active,
.accordion-settings .panel-heading a:focus {
    text-decoration: none;
    background: rgba(255,255,255,.1);
}
.accordion-settings .panel {
    background: transparent;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border: 0 !important;
}
.accordion-settings .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0 !important;
}
.accordion-settings .collapse.in .panel-heading {
    background: rgba(255,255,255,.2);
}
.lgf-icon-select-container {
    text-align: center;
    height: 220px;
    overflow: scroll;
    background: rgba(255,255,255,.1);
    position: relative;
}
.lgf-icon-select-container > div {
    height: 50px;
}
.lgf-icon-select-container img {
    height: 30px;
    width: auto;
    margin-bottom: 10px;
}
.lgf-icon-select-container input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1;
}
.lgf-icon-select-container input + label {
    cursor: pointer;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
    display: block;
    margin: 0 -15px;
    max-width: none;
    padding-top: 10px;
}
.lgf-icon-select-container input + label:hover {
    background: rgba(255,255,255,.1);
}
.lgf-icon-select-container input:checked + label {
    background: rgba(255,255,255,.2);
}
.lb-lgf-shape-handle {
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background: #eb0046;
    -webkit-box-shadow:  0 0 10px rgba(0,0,0,.5);
    -moz-box-shadow:  0 0 10px rgba(0,0,0,.5);
    box-shadow:  0 0 10px rgba(0,0,0,.5);
    margin: -7px auto auto -7px;
    border: 2px solid #fff;
}
.lgf-summon-inner {
    position: relative;
}
.lb-lgf-shape-handles {
    z-index: 999999;
    position: absolute;
    bottom: -15px;
}
.lb-lgf-tpl1-left + .lb-lgf-shape-handles {
    left: -30px;
}
.lb-lgf-tpl1-right + .lb-lgf-shape-handles {
    right: 0;
}
.lgf-view-outer {
    width: 100%;
    max-width: 90%;
    padding: 50px;
    margin: 0 auto;
}
.lgf-view {
    background: rgba(0,0,0,.1);
    overflow: hidden;
    min-height: 500px;
    position: relative;
    padding: 30px 0;
}
.lgf-view .lb-lgf-holder {
    position: static !important;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 1;
}
.lgf-view .lb-lgf-holder > div {
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}
.lgf-view .lb-lgf-shape-handles {
    top: 0;
    bottom: 0;
}
.lgf-screen {
    text-align: right;
    padding-left: 0;
    margin-bottom: 0;
}
.lgf-screen li {
    display: inline-block;
    min-width:100px;
    margin: 0 0 0 10px;
    list-style-type: none;
}
.lgf-screen li button {
    display: block;
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    border: 0;
    padding: 10px;
    text-align: center;
}
.lgf-screen li button:focus {
    outline: 0;
}
.lgf-screen li.active button {
    background: rgba(0,0,0,.15);
}
.lgf-screen-accordion {
    display: none;
}
.mt0 {
    margin-top: 0 !important;
}
.width-100 {
    width: 100%;
}
.panel-tools .form-field,
.panel-tools button {
    margin-bottom: 0 !important;
}
.panel-tools button {
    height: 35px;
}
.lgf-screen-accordion .panel-body {
    overflow: hidden;
}
.lgf-screen-accordion .collapse.in .panel-body {
    overflow: visible;
}
.screen-content-blank {
    border: 1px dashed rgba(255,255,255, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 10px 15px;
    text-align: center;
}
.screen-content {
    margin-bottom: 15px;
    position: relative;
}
.lgf-view .lb-lgf-tpl1-step {
    display: none !important
}
.lgf-view.lgf-view-screen-1 .lb-lgf-tpl1-step.lb-lgf-tpl1-screen-1,
.lgf-view.lgf-screen-no-chosen .lb-lgf-tpl1-step.lb-lgf-tpl1-screen-1 {
    display: block !important
}
.lgf-view.lgf-view-screen-2 .lb-lgf-tpl1-step.lb-lgf-tpl1-screen-2 {
    display: block !important
}
.lgf-view.lgf-view-screen-3 .lb-lgf-tpl1-step.lb-lgf-tpl1-screen-3 {
    display: block !important
}
.screen-field {
    margin-bottom: 5px;
}
.screen-field-header {
    padding: 5px 10px;
    background: rgba(0,0,0,.2);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.screen-field-tools {
    float: right;
}
.screen-field-tools button {
    height: auto;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: rgba(0,0,0,.4);
    padding: 3px 5px;
    border: 0;
    vertical-align: middle;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
    margin-left: 5px;
}
.screen-field-tools button:hover,
.screen-field-tools button:active {
    background: rgba(0,0,0,.5);
}
.screen-field-tools button:focus {
    outline: 0;
}
.screen-field-header > span {
    display: inline-block;
    padding-top: 3px;
}
.screen-field-content {
    display: none;
    padding: 5px;
    background: rgba(255,255,255,.05);
}
.screen-field-blank {
    height: 35px;
    margin-bottom: 5px;
    border: 1px dashed rgba(255,255,255,.3);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.screen-field-content > * {
    margin: 5px 0 !important;
}
.lgf-footer {
    background: rgba(0,0,0,.2);
    padding-top: 10px;
}
.mt10 {
    margin-top: 10px;
}
.lgf-modal-col {
    background: rgba(255,255,255,.15);
    padding: 10px 15px;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 15px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.lgf-form-field-name {
    text-transform: uppercase;
    font-size: 12px;
    float: left;
    padding-top: 3px;
}
.lgf-form-field-tools {
    float: right;
}
.lgf-form-field-tools button {
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: rgba(0,0,0,.3);
    color: #fff;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
    position: relative;
}
.lgf-form-field-tools button:hover,
.lgf-form-field-tools button:active {
    background: rgba(0,0,0,.6);
}
.lgf-form-field-tools button:focus {
    outline: 0;
}
.lgf-form-field-values {
    border-top: 1px solid rgba(255,255,255,.1);
    margin: 10px -15px 0 -15px;
    padding-top: 10px;
}
.lgf-form-field-values input {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    border: 0;
    color: #fff;
    background: rgba(0,0,0,.2);
    padding: 5px 10px;
    font-family: 'Open Sans', 'sans-serif';
    height: 35px;
}
#lgfFormFieldsModal .modal-body {
    overflow: visible;
}
#lgfFormFieldsModal .modal-dialog {
    max-width: 800px;
}
.lgf-form-field-values select {
    width: 100%;
}
.lgf-form-field-values .btn-group {
    display: block;
    width: 100%;
}
.lgf-form-field-values .btn-group button {
    background: rgba(0,0,0,.2);
}
.lgf-form-field-sizes {
    background: #000f29;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    right: 0;
    display: none;
    z-index: 999;
    margin-top: -2px;
}
.lgf-form-field-sizes li {
    list-style-type: none;
    padding: 5px 10px;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
}
.lgf-form-field-sizes li:hover {
    background: rgba(255,255,255,.2);
}
.modal-options {
    background: rgba(255,255,255,.1);
    padding: 10px 0;
}
.lgf-add-form-field-button {
    display: inline-block;
    margin-left: 15px;
    float: none;
    height: 35px;
    margin-bottom: 0;
    vertical-align: top;
}
.lgf-add-form-field + .btn-group {
    vertical-align: top;
    width: 200px;
}
.modal-options .modal-footer {
    float: right;
    border-top: 0;
    padding: 0 15px;
}
.modal-options .btn-save-modal {
    height: 35px;
}
.modal-options .btn-cancel-modal {
    background: #11131d;
    color: #868596;
    height: 35px;
    margin-right: 15px;
}
.ml0 {
    margin-left: 0 !important;
}
.padding15 {
    padding: 15px;
}
.lgf-init-view .lb-lgf-summon-enable {
    display: block !important
}
.targeting-remove-rule,
.targeting-remove-group {
    color: #D47D80;
    font-size: 22px;
    display: inline-block;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    vertical-align: middle;
    margin-top: 20px;
}
.targeting-remove-rule:hover,
.targeting-remove-rule:focus,
.targeting-remove-rule:active,
.targeting-remove-group:hover,
.targeting-remove-group:focus,
.targeting-remove-group:active {
    color: #FFDBDC;
}
.targeting-remove-group {
    margin-top: 5px;
}
fieldset .targeting-group .btn-action {
    margin: 0 15px 0 0;
}
.form-basic fieldset > .row:last-child .targeting-group .form-field {
    margin-bottom: 0;
}
.targeting-toolbox {
    padding: 0;
    position: relative;
}
.targeting-toolbox-join,
.targeting-group-join {
    text-align: left;
}
.targeting-toolbox-join > span,
.targeting-group-join > span {
    margin-right: 15px;
    vertical-align: middle;
    text-transform: uppercase;
}
.targeting-toolbox-join > .btn-group,
.targeting-group-join > .btn-group {
    width: 150px;
}
.targeting-group-options {
    padding: 10px 0;
    background: rgba(9, 14, 22, 0.45);
}
.targeting-toolbox:nth-child(2) .targeting-toolbox-join-container {
    display: none;
}
.targeting-toolbox-join-container {
    background: rgba(9, 14, 22, 0.3);
    padding: 6px 15px;
}
.targeting-toolbox-join .multiselect,
.targeting-group-join .multiselect {
    height: 25px;
    padding: 0 10px;
    background: rgba(76, 122, 143, 0.66);
}
.targeting-toolbox-join .multiselect-arrow:after,
.targeting-group-join .multiselect-arrow:after {
    top: 5px;
}
.targeting-group-options .btn-action,
.targeting-group-join .btn-action {
    height: 25px;
    padding: 5px 12px;
    background: rgba(106, 147, 165, 0.19);
    color: rgba(255, 255, 255, 0.51);
}
.targeting-group {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 0 15px;
    margin-top: 60px;
    background: rgba(69, 129, 158, 0.1);
    border: 1px solid rgba(134, 185, 210, 0.17);
    box-shadow: 0 0 10px rgba(102, 162, 191, 0.24);
    position: relative;
}
.targeting-group:first-child {
    margin-top: 0;
}
.targeting-options {
    margin-top: 5px;
}
.targeting-group:first-child .targeting-group-join-container {
    display: none;
}
.targeting-group-join-container {
    position: absolute;
    top: -45px;
    right: 0;
    left: 0;
    text-align: left;
}
.targeting-group-join {
    position: relative;
    display: inline-block;
}
.targeting-toolbox-inner {
    padding: 10px 15px;
}
.targeting-group-join .multiselect {
    height: 30px;
    background: rgba(43, 72, 103, 0.76);
}
.targeting-group-join .multiselect-arrow:after {
    top: 8px;
}
.title-with-btn .title-button {
    margin-top: -6px;
}
.chat-user-status {
    float: right;
}
.chat-user-status label {
    width: 60px;
    height: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #c72463;
    cursor: pointer;
    position: relative;
    -webkit-box-shadow:  0 0 10px #c72463;
    -moz-box-shadow:  0 0 10px #c72463;
    box-shadow:  0 0 10px #c72463;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
}
.chat-user-status label:before {
    content: '';
    background: rgba(255,255,255,.8);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 3px;
    left: 3px;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.chat-user-status input:checked + label {
    background: #60b17e;
    -webkit-box-shadow:  0 0 10px #60b17e;
    -moz-box-shadow:  0 0 10px #60b17e;
    box-shadow:  0 0 10px #60b17e;
}
.chat-user-status input:checked + label:before {
    left: 33px;
}
.chat-user-status input {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.thread-full .person-thread {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.chat-user-status span {
    line-height: 16px;
    vertical-align: top;
    padding-top: 8px;
    display: inline-block;
    padding-right: 10px;
    font-weight: normal;
    font-size: 16px;
}

@media screen and (max-width: 703px) {
    .flip-container {
        max-width:95%;
    }
}

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

    .dropdown-menu {
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -ms-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
    }
    .choose-project button {
        -webkit-transition: background .3s;
        -moz-transition: background .3s;
        -ms-transition: background .3s;
        -o-transition: background .3s;
        transition: background .3s;
    }
    .current-project {
        max-width: 150px;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .main-menu > li.current > a svg,
    .main-menu > li > a:hover svg {
        text-shadow: 0 0 20px #e7e4ff;
    }
    .main-menu > li:hover > a {
        background: #1a1724;
    }
    .main-menu > li.current > a {
        background: rgba(255,255,255,.05);
    }
    .main-menu > li.current > ul {
        display: block;
        background: rgba(0,0,0,.3) !important;
    }
    .main-menu > li:hover ul {
        display: block;
        background: #1a1724;
        z-index:2005;
    }
    .main-menu > li > ul li:first-child {
        display: none;
    }

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

    /*.person-top .left,*/
    /*.person-top .center {*/
        /*clear: left;*/
        /*float: left;*/
    /*}*/

}

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

    .menu-mobile {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: #1A1724;
        padding-top:80px;
        -webkit-transition: opacity .3s;
        -moz-transition: opacity .3s;
        -ms-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
    }
    .menu-mobile-scroll {
        overflow: scroll;
        height: 100%;
    }
    .menu-mobile:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url('../img/main_bg.jpg') center center/cover no-repeat;
        opacity: .5;
    }
    .menu-mobile > div,
    .menu-mobile > ul {
        position: relative;
        z-index: 10;
    }
    .menu-mobile-toggle {
        display: block;
    }
    .choose-project {
        width: 100%;
    }
    .choose-project button {
        width: 100%;
        background: rgba(26, 23, 36, 0.7);
    }
    .choose-project .dropdown-menu {
        position: static;
        display: none;
        opacity: 1;
        visibility: visible;
    }
    .choose-project.open .dropdown-menu {
        display: block;
    }
    .main-menu {
        width: 50%;
    }
    .main-menu > li {
        width: 33.333%;
    }
    .main-menu > li.current > a svg {
        text-shadow: 0 0 20px #e7e4ff;
    }
    .poss.menu-mobile-open {
        position: fixed;
        top: 0;
        left: 0;
        z-index:2000;
    }
    .poss.menu-mobile-open .menu-mobile {
        opacity: 1;
        visibility: visible;
    }
    .menu-slider-container {
        position: relative;
        width: 100%;
        overflow: hidden;
        -webkit-transition: height .3s;
        -moz-transition: height .3s;
        -ms-transition: height .3s;
        -o-transition: height .3s;
        transition: height .3s;
    }
    .menu-slider {
        width: 200%;
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: left .5s;
        -moz-transition: left .5s;
        -ms-transition: left .5s;
        -o-transition: left .5s;
        transition: left .5s;
    }
    .menu-slider.open {
        left: -100%;
    }
    .main-menu > li > ul {
        top: 0;
        left: 50%;
        width: 50%;
        display: none;
        height: auto;
    }
    .main-menu > li > ul li {
        display: block;
        height: 60px;
    }
    .main-menu > li > ul a {
        display: block;
    }
    .breadcrumbs {
        margin-top:20px;
    }

}

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

    .content > .row {
        display: block;
        width:100%;
        margin: 0;
    }
    .table-col {
        display: block;
        float: left;
        vertical-align: top;
    }
    .client-groups {
        margin: 0 !important;
        padding: 10px 0;
    }
    .groups-bottom {
        display: none;
    }
    .catalogs-trigger {
        display: block;
    }
    .catalogs-dropdown {
        display: none;
    }

}

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

    .person-scheduler {
        float: none;
        text-align: center;
        margin-top:8px;
    }
    .person-scheduler .date,
    .person-scheduler i {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }

}

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

    .user button > div {
        display: none;
    }
    .person-top .left,
    .person-top .right,
    .person-top .center {
        float: none;
        clear: both;
        margin-top:5px;
        margin-left:-15px;
        overflow: hidden;
    }
    .spent-time,
    .visits {
        width: 50%;
    }
    .spent-time {
        padding-left:15px;
    }
    .left {
        padding-left:5px;
    }
    .mailing-campaign {
        margin: 5px 10px;
    }
    .add-groups,
    .send-mail-box {
        width: 100%;
    }
    .person-table td {
        display: block;
    }
    .person-table td:first-child {
        padding-bottom: 0;
    }
    .campaign-table td:last-child {
        text-align: left;
    }

}


.mce-notification-error {
    display: none !important;
}

.search-advanced-container
{
overflow:visible;
}


.sales-profile-checkbox-footer {
    width: auto !important;
    left: 0px !important;
    top: 0px !important;
    font-weight: 400;
    position: relative !important;
    margin-left: -10px;
}

.sales-profile-checkbox-footer:after {
    top: -1px !important;
}

.lc-config .fa-check {
    color: #75b78d;
}
.lc-config .fa-close {
    color: #D47D80;
}
.lc-sales-add label span {
    font-weight:normal;
    color: rgba(255,255,255,.5);
}
.lc-row > div > div {
    padding: 5px 0;
}
.lc-row:nth-child(even) > div > div {
    background: rgba(255,255,255,.05);
}
.lc-edit-salesman {
    float: right;
    color: rgba(255, 255, 255, 0.75);
    margin-right: 15px;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
}
.lc-edit-salesman i {
    margin-right: 5px;
}
.lc-edit-salesman:hover,
.lc-edit-salesman:focus,
.lc-edit-salesman:active {
    color: rgb(255, 255, 255);
    text-decoration: none;
}
.edit-lc-salesman-form,
.lc-sales-add-dropdown {
    display: none;
}
.lc-row input {
    font-size: 16px;
}
.nav-tabs-normal > li > a {
    padding: 15px 20px;
    height: 50px;
}
.nav-tabs-normal > li > a > .little-title {
    margin-bottom: 0;
}
.nav-tabs-normal>li>a:hover {
    background: transparent;
}
.nav-tabs-content-normal .tab-pane {
    padding: 15px;
    background: #254065;
}
section:nth-child(even) .nav-tabs-content-normal .tab-pane {
    background: #1e3552;
}
.nav-tabs-normal .little-title {
    line-height: 20px;
}
.nav-tabs-normal .little-title span {
    background: #295896;
    color: #ffffffba;
}
.accordion-basic-dropdown {
    display: none;
}
.accordion-basic ul {
    padding-left: 0;
}
.accordion-basic li {
    list-style-type: none;
}
.accordion-basic-title {
    padding: 15px 25px;
    background: rgba(255,255,255,.1);
    font-size: 16px;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.76);
}
.accordion-basic-title > i {
    float: right;
}
.accordion-basic-title strong {
    float: right;
    background: #75b78d;
    padding: 2px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    margin-right: 25px;
}
.accordion-basic-title strong.red-strong {
    background: #AF0046;
}
li:nth-child(even) > .accordion-basic-title {
    background: rgba(255,255,255,.05);
}
.accordion-basic-title:hover,
.accordion-basic-title:focus,
.accordion-basic-title:active {
    background: rgba(0,0,0,.6) !important;
    text-decoration: none;
    color: #fff;
}
.accordion-basic-dropdown {
    padding: 15px;
    background: rgba(0,0,0,.1);
}
.info-dark {
    color: rgba(255,255,255,.3);
}
.stage-started td:last-child {
    border-right: 5px solid #cccc57;
}
.stage-finished td:last-child {
    border-right: 5px solid #179a4c;
}
.stage-cancel td:last-child {
    border-right: 5px solid #b32e2e;
}
.accordion-basic-title > span > i {
    margin-right: 15px;
}
.accordion-basic-title > i {
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
}
.accordion-basic-title.active > i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.m10 {
    margin: 10px;
}
.accordion-basic .multiselect-select + .btn-group {
    width: 100%;
}
.services-table td:nth-child(2),
.services-table th:nth-child(2){
    width: 25%;
}
.services-table tr input {
    margin-bottom: 0 !important;
}
.flr {
    float: right;
}
.modal-body .person-table {
    box-shadow: none;
    background: transparent;
}
.person-table.even-odd tr:nth-child(even) td {
    background: rgba(255,255,255,.03);
}
.play-recording {
    background: #4383d2;
    -webkit-box-shadow:  0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow:  0 0 10px rgba(0,0,0,.3);
    box-shadow:  0 0 10px rgba(0,0,0,.3);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 10px;
    margin-left: 5px;
    display: inline-block;
    text-align: center;
    color: #fff !important;
    line-height: 20px;
}
.person-hidden {
    opacity: .2;
}
.alert-static {
    background: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 15px 55px;
    color: #fff;
    font-size:16px;
    line-height:22px;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
    box-shadow: 0 0 20px rgba(0,0,0,.5);
    position: relative;
}
.alert-static i:first-child {
    position: absolute;
    top: 15px;
    left: 25px;
    font-size:20px;
}
.alert-static.alert-static-success {
    background: #4c9068;
}
.alert-static.alert-static-success i:first-child:before {
    content: "\f00c";
}
.alert-static.alert-static-error {
    background: #AF0046;
}
.alert-static.alert-static-error i:first-child:before {
    content: "\f071";
}
.alert-static.alert-static-info {
    background: #367C9E;
}
.alert-static.alert-static-info i:first-child:before {
    content: "\f129";
}
.alert-static i:last-child {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size:20px;
    cursor: pointer;
}
.refresh-btn {
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    background: #4383d2;
    margin-top: 9px;
    -webkit-box-shadow:  0 0 5px rgba(0,0,0,.2);
    -moz-box-shadow:  0 0 5px rgba(0,0,0,.2);
    box-shadow:  0 0 5px rgba(0,0,0,.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
    font-size: 18px;
}
.refresh-btn:focus,
.refresh-btn:active,
.refresh-btn:hover {
    background: #4b99f0;
    color: #fff;
    text-decoration: none;
}
.new-deal-button {
    font-size: 16px;
    padding: 8px 15px;
}
.services-table td:last-child input {
    clear: none;
}
.cancel-new-service-row-button {
    margin-left: 10px;
}
.person-scheduler.flash-scheduler .icon-scheduler {
    color: #C72464;
    -webkit-animation: flash-color 1.5s infinite; /* Safari 4+ */
    -moz-animation:    flash-color 1.5s infinite; /* Fx 1.5+ */
    -o-animation:      flash-color 1.5s infinite; /* Opera 1.51+ */
    animation:         flash-color 1.5s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes flash-color {
    0%   { color: #fff; }
    50% { color: #C02059; }
    100% { color: #fff; }
}
@-moz-keyframes flash-color {
    0%   { color: #fff; }
    50% { color: #C02059; }
    100% { color: #fff; }
}
@-o-keyframes flash-color {
    0%   { color: #fff; }
    50% { color: #C02059; }
    100% { color: #fff; }
}
@keyframes flash-color {
    0%   { color: #fff; }
    50% { color: #C02059; }
    100% { color: #fff; }
}
.scoring-form input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.scoring-form img {
    display: inline-block;
    height: 40px;
}
.scoring-form label {
    display: block;
    text-align: center;
    margin: 15px 0;
    padding: 15px 0;
    background: #000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow:  0 0 15px rgba(0,0,0,.2);
    -moz-box-shadow:  0 0 15px rgba(0,0,0,.2);
    box-shadow:  0 0 15px rgba(0,0,0,.2);
    cursor: pointer;
    position: relative;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
}
.scoring-1 label {
    background: #647184;
}
.scoring-2 label {
    background: #45bfcc;
}
.scoring-3 label {
    background: #C02059;
}
.scoring-form label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
}
.scoring-form label:hover:before {
    opacity: .2;
}
.scoring-form .inactive label {
    opacity: .2;
}
.scoring-form .inactive label:hover {
    opacity: 1;
}
.mb0 {
    margin-bottom: 0;
}
.lead-desc {
    padding: 0 0 8px 25px;
}
.chosen-scoring {
    padding: 5px;
    margin: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow:  0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow:  0 0 10px rgba(0,0,0,.2);
    box-shadow:  0 0 10px rgba(0,0,0,.2);
    float: left;
}
.chosen-scoring img {
    height: 20px;
    display: block;
}
.chosen-scoring.scoring-1 {
    background: #647184;
}
.chosen-scoring.scoring-2 {
    background: #45bfcc;
}
.chosen-scoring.scoring-3 {
    background: #C02059;
}
.lead-date-last-contact,
.lead-date-created {
    margin: 18px 5px 5px 5px;
    float: left;
    width: 125px;
    text-align: right;
}
.lead-date-last-contact img,
.lead-date-created img {
    height: 10px;
    opacity: .5;
    margin-right: 5px;
}
.scoring-container {
    width: 50px;
    float: left;
}
.lead-no-call {
    float: left;
    background: #C02059;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 8px;
    margin: 6px 5px 5px 5px;
    position: relative;
}
.lead-no-call img {
    height: 15px;
}
.threads-container {
    position: relative;
    z-index: 15;
    padding: 0;
    margin: 0;
    height: 769px;
    overflow: scroll;
}
.threads-container li {
    list-style-type: none;
    padding-left: 0;
    position: relative;
}
.threads-container li:nth-child(even) a {
    background: rgba(255,255,255,.03);
}
.threads-container li a {
    display: block;
    color: rgba(255, 255, 255, 0.7);
    padding: 10px 15px;
    text-decoration: none;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
    /*-webkit-box-shadow:  0 0 5px rgba(0,0,0,.1);*/
    /*-moz-box-shadow:  0 0 5px rgba(0,0,0,.1);*/
    /*box-shadow:  0 0 5px rgba(0,0,0,.1);*/
    position: relative;
    z-index: 15;
    overflow: hidden;
}
.threads-container li a:hover,
.threads-container li a:active,
.threads-container li a:focus {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,.1);
}
.thread-name {
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    color: rgba(255,255,255,.6);
}
.threads-sidebar {
    padding: 0;
}
.thread-excerpt {
    color: rgba(255,255,255,.35);
    padding: 5px 0;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
}
.thread-last-activity {
    color: rgba(255,255,255,.3);
    font-family: 'Open sans', 'sans-serif';
    font-size: 11px;
    float: left;
}
.threads-container li.active a > * {
    position: relative;
    z-index: 10;
}
.thread-user-status {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 10px;
    height: 10px;
    background: rgba(0,0,0,.1);
    -webkit-box-shadow:  0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow:  0 0 5px rgba(0,0,0,.1);
    box-shadow:  0 0 5px rgba(0,0,0,.1);
    display: inline-block;
    margin-left: 10px;
}
.thread-user-online {
    background: #4c9068;
    -webkit-box-shadow:  0 0 5px #4c9068;
    -moz-box-shadow:  0 0 5px #4c9068;
    box-shadow:  0 0 5px #4c9068;
}
.threads-container li.active a {
    background: rgb(62,133,188);
    background: -moz-linear-gradient(left, rgba(62,133,188,1) 0%, rgba(74,128,173,1) 100%);
    background: -webkit-linear-gradient(left, rgba(62,133,188,1) 0%,rgba(74,128,173,1) 100%);
    background: linear-gradient(to right, rgba(62,133,188,1) 0%,rgba(74,128,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e85bc', endColorstr='#4a80ad',GradientType=1 );
}
/*.threads-container li:before {*/
    /*content: '';*/
    /*width: 0;*/
    /*height: 0;*/
    /*border-top: 39px solid transparent;*/
    /*border-bottom: 39px solid transparent;*/
    /*border-left: 16px solid #4a80ad;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*-webkit-transition:  .3s;*/
    /*-moz-transition:  .3s;*/
    /*-ms-transition:  .3s;*/
    /*-o-transition:  .3s;*/
    /*transition:  .3s;*/
    /*opacity: 0;*/
/*}*/
.threads-container li.active:before {
    right: -16px;
    opacity: 1;
}
.thread-full {
    padding: 20px;
}
.thread-full-inner {
    padding: 20px;
    background: rgba(0,0,0,.2);
    -webkit-box-shadow:  0 0 10px rgba(0,0,0,.1);
    -moz-box-shadow:  0 0 10px rgba(0,0,0,.1);
    box-shadow:  0 0 10px rgba(0,0,0,.1);
}
.thread-full-scrolling {
    height: 500px;
    overflow: scroll;
}
.chat-message-container {
    float: right;
    clear: both;
    margin: 5px 0;
    max-width: 85%;
}
.chat-message-customer {
    float: left;
}
.chat-message-date {
    font-size: 11px;
    color: rgba(255,255,255,.3);
    font-family: 'Open sans', sans-serif;
}
.chat-message-customer .chat-message-date {
    text-align: right;
}
.chat-message {
    margin-top: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow:  0 0 5px rgba(0,0,0,.1);
    -moz-box-shadow:  0 0 5px rgba(0,0,0,.1);
    box-shadow:  0 0 5px rgba(0,0,0,.1);
    padding: 15px;
    background: #0959a5;
    color: rgba(255,255,255,.5);
    float: left;
    clear: both;
    line-height: 21px;
}
.chat-message-consultant .chat-message {
    background: #31597f;
    float: right;
}
.thread-new-message {
    margin-top: 20px;
    background: rgba(0,0,0,.4);
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 15px;
}
.thread-textarea {
    padding: 0 105px 0 0;
}
.thread-new-message textarea {
    display: block;
    background: transparent;
    resize: none;
    border: 0;
    outline: 0;
    color: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: 40px;
}
.thread-new-message textarea:focus {
    outline: 0;
}
.thread-new-message-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    padding: 10px 15px;
    background: #0959a5;
    color: rgba(255,255,255,.8);
    text-transform: uppercase;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    -webkit-transition:  .3s;
    -moz-transition:  .3s;
    -ms-transition:  .3s;
    -o-transition:  .3s;
    transition:  .3s;
    z-index: 30;
}
.thread-new-message-btn:hover,
.thread-new-message-btn:focus,
.thread-new-message-btn:active {
    text-decoration: none;
    outline: 0;
    background: #096dbe;
}
.thread-details {
    padding: 20px 20px 10px 20px;
    overflow: hidden;
}
.thread-details-name {
    font-size: 20px;
    color: rgba(255,255,255,.7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    line-height: 30px;
    float: left;
}
.thread-details-contact {
    float: right;
    clear: none;
    margin-bottom: 0;
}
#chat-details-contact-modal .modal-dialog {
    max-width: 800px;
}
.thread-user-unread-counter {
    display: none;
    position: absolute !important;
    top: 15px;
    right: 15px;
    background: #C02059;
    color: rgba(255,255,255,.8);
    width: 25px;
    height: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    line-height: 23px;
    text-align: center;
    font-size: 14px;
}
.thread-user-unread-counter.active {
    display: block;
}
.nav-tabs-threads > li.active > a,
.nav-tabs-threads > li.active > a:focus,
.nav-tabs-threads > li.active > a:hover {
    background: #334e6d;
}
.nav-tabs-threads-content .tab-pane {
    padding: 0;
}
.thread-salesman {
    float: right;
    font-size: 11px;
    color: rgba(255,255,255,.3);
}
.thread-full-scrolling-inner {
    overflow: hidden;
}
.choose-thread {
    padding: 25px;
    font-size: 20px;
    font-weight: bold;
}

.chat-message a {
    color: #f7f7f7;
}



/* *************************
/*
/* LIVECONNECT
/*
/* ************************* */

body.lc {
    background: rgb(59,119,97);
    background: -moz-linear-gradient(-45deg, rgba(59,119,97,1) 0%, rgba(39,113,97,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(59,119,97,1) 0%,rgba(39,113,97,1) 100%);
    background: linear-gradient(135deg, rgba(59,119,97,1) 0%,rgba(39,113,97,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b7761', endColorstr='#277161',GradientType=1 );
}
.lc .main-content {
    background: rgba(27, 45, 43, 0.44);
    color: #b4c4c1;
}
.lc .person-table {
    background: rgba(106, 220, 146, 0.19);
}
.lc .main-menu > li > a {
    color: #d7f1d7;
    display: block;
}
.lc .main-menu > li > ul a {
    color: #99a099;
}
.lc .main-menu .sub-current a {
    color: #fff;
}
.lc .logo img {
    width: 180px;
}
.lc .choose-project button {
    background: #0c1716;
}
.lc .choose-project .dropdown-menu > li > a {
    color: #849292;
}
.lc .choose-project .dropdown-menu > li > a:hover,
.lc .choose-project .dropdown-menu > li > a:active,
.lc .choose-project .dropdown-menu > li > a:focus {
    background: #242f31;
    color: #96a79b;
}
.lc .user button span {
    color: #bbdcd2;
}
.lc .user button div div {
    color: #6e8681;
}
.lc .choose-project button div {
    color: #8da098;
}
.lc .btn-action {
    background: #111c1d;
    color: #859596;
}
.lc .tabs-right2 li.active a span {
    background: #366e56;
}
.lc .open .multiselect,
.lc .open .multiselect:hover,
.lc .open .multiselect:focus,
.lc .open .multiselect:active {
    background: #182b2b;
}
.lc .multiselect-container li.active a,
.lc .multiselect-container li.active a:hover,
.lc .multiselect-container li.active a:focus,
.lc .multiselect-container li.active a:active {
    background: #4c908d;
}
.lc .person-table td a,
.lc .person-table .text a,
.lc .person-table td a:active,
.lc .person-table .text a:active,
.lc .person-table td a:focus,
.lc .person-table .text a:focus {
    color: #c0d4d3;
}
.lc .main-menu > li:hover > a {
    background: #172224;
}
.lc .main-menu > li:hover ul {
    background: #172224;
}
.lc .sidebar {
    background: #197b45;
}
.lc .client-groups a {
    color: #839e92;
}
.lc .add-some-content a {
    color: #9bb0b2;
}
.lc .modal-content {
    background: #23563e;
}
.lc .modal-header {
    border-bottom: 1px solid #336547;
}
.lc .modal-footer {
    border-top: 1px solid #336547;
}
.lc .modal-title {
    color: rgba(255, 255, 255, 0.6);
}
.lc .current-page {
    background: #55a286;
}
.lc .pagination .numbers {
    background: #3c8678;
}
.lc .pagination .numbers span {
    color: #b4dcd9;
}
.lc .nav-tabs-content-normal .tab-pane {
    background: #256550;
}
.lc section:nth-child(even) .nav-tabs-content-normal .tab-pane {
    background: #1e5244;
}
.lc section .person-table .nav-tabs > li.active > a,
.lc section .person-table .nav-tabs > li.active > a:focus,
.lc section .person-table .nav-tabs > li.active > a:hover,
.lc section .nav-tabs-normal > li.active > a,
.lc section .nav-tabs-normal > li.active > a:focus,
.lc section .nav-tabs-normal > li.active > a:hover {
    background: #256550;
}
.lc section:nth-child(even) .person-table .nav-tabs > li.active > a,
.lc section:nth-child(even) .person-table .nav-tabs > li.active > a:focus,
.lc section:nth-child(even) .person-table .nav-tabs > li.active > a:hover,
.lc section:nth-child(even) .nav-tabs-normal > li.active > a,
.lc section:nth-child(even) .nav-tabs-normal > li.active > a:focus,
.lc section:nth-child(even) .nav-tabs-normal > li.active > a:hover {
    background: #215144;
}
.lc .open .multiselect,
.lc .open .multiselect:hover,
.lc .open .multiselect:focus,
.lc .open .multiselect:active {
    background: #182b2b !important;
}
.lc .multiselect-container {
    background: #182c2b;
}
.lc .multiselect-container a {
    color: #9cb1b3 !important;
}
.lc .multiselect-container li.active a,
.lc .multiselect-container li.active a:hover,
.lc .multiselect-container li.active a:focus,
.lc .multiselect-container li.active a:active {
    background: #4c9080 !important
}
.lc .nav-tabs-normal .little-title span {
    background: #299691;
}
.lc .fc th {
    background: #327b6e;
}
.lc .fc-unthemed .fc-content,
.lc .fc-unthemed .fc-divider,
.lc .fc-unthemed .fc-popover,
.lc .fc-unthemed .fc-row,
.lc .fc-unthemed tbody,
.lc .fc-unthemed td,
.lc .fc-unthemed th,
.lc .fc-unthemed thead {
    border-color: #347a6e;
}
.lc .big-list tr:hover td {
    background: #0f2f20;
}
.lc .big-list tr:nth-child(even) td {
    background: rgba(68, 132, 126, 0.38);
}
.lc .fc-state-default {
    background: #327b78 !important;
}
.lc .fc-unthemed .fc-today {
    background: #347a6e;
}
.lc .big-list th {
    color: #618182;
}
.lc .nav-tabs.big-tabs > li.active > a,
.lc .nav-tabs.big-tabs > li.active > a:focus,
.lc .nav-tabs.big-tabs > li.active > a:hover {
    background: #2a5549;
}
.lc .mail-editor .nav-tabs.big-tabs {
    background: #4c8e6d;
}
.lc .variables input {
    background: #112525;
}
.lc .tabs-inside.nav-tabs,
.lc .tabs-inside.nav-tabs a{
    background: #142b29;
}
.lc .tabs-inside.nav-tabs > li > a:focus,
.lc .tabs-inside.nav-tabs > li > a:hover,
.lc .tabs-inside.nav-tabs > li > a:active {
    background: #142b2a;
}
.lc .refresh-btn {
    background: #43d290;
}
.lc .refresh-btn:hover,
.lc .refresh-btn:active,
.lc .refresh-btn:focus {
    background: #33b579;
}
.lc .person-table .nav-tabs > li.active > a,
.lc .person-table .nav-tabs > li.active > a:focus,
.lc .person-table .nav-tabs > li.active > a:hover,
.lc .nav-tabs-normal > li.active > a,
.lc .nav-tabs-normal > li.active > a:focus,
.lc .nav-tabs-normal > li.active > a:hover {
    background: #347158;
}
.lc .fc-event {
    background: #327b6e;
}
.lc a.fc-more {
    color: #c2d5d5;
}