body {
    color: #5c5c5c;
    background: #eeeeee;
    font-family: 'Roboto', sans-serif;
    padding: 0 !important;
    margin: 0 !important;
}

a {
    color: #98a7b5;
}

a:hover {
    color: #ed6383;
}

h1, .main-header {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.5;
}

.main-header {
    margin-bottom: 20px;
    margin-top: 0;
}

.main-header > .updated {
    font-weight: 300;
    font-size: 14px;
}

.updated span {
    display: inline-block;
}

.main-header > .pull-right {
    position: relative;
}

.main-header .question + .tooltip {
    top: 39px !important;
    left: -10px !important;
}

.main-header > .pull-right a {
    font-weight: 300;
    font-size: 14px;
    text-decoration: underline;
    color: #5c5c5c;
}

.sidebar ul li {
    list-style: none;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    outline: 0;
}

*:focus {
    outline: none;
}

::-moz-selection {
    background: #007AFF;
    color: #fff;
}

::selection {
    background: #007AFF;
    color: #fff;
}

::-moz-selection {
    background: #007AFF;
    color: #fff;
}

#container {
    width: 100%;
    height: 100%;
}

.sidebar {
    width: 180px;
    height: 100%;
    position: fixed;
    background: #dcdcdc;
}

ul.sidebar-menu {
    margin: -2px 0 0;
    padding: 0;
}

ul.sidebar-menu {
    /*    margin-top: 60px;*/
    margin-bottom: 30px;
}

ul.sidebar-menu li {
    line-height: 20px;
}

ul.sidebar-menu li a span {
    display: inline-block;
}

ul.sidebar-menu li a {
    color: #8b9199;
    text-decoration: none;
    display: block;
    padding: 10px 0 10px 16px;
    outline: none;
    min-height: 40px;
    transition: all 0.3s ease;
}

ul.sidebar-menu li.active a {
    background-color: #e64b71;
    color: #fff;
    display: block;
}

ul.sidebar-menu li a:hover {
    background-color: #8696a6;
    color: #fff;
}

ul.sidebar-menu li a i {
    font-size: 18px;
}

ul.sidebar-menu li a:hover i,
ul.sidebar-menu li a:focus i {
    color: #007AFF;
}

ul.sidebar-menu li.active a i {
    color: #007AFF;
}

.header {
    min-height: 60px;
    padding: 0 15px;
    transition: all 0.5s;
}

.header {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1002;
    background-color: #8696a6;
}

.ha-header-hide {
    height: 60px;
    -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
}

.ha-header-show {
    height: 60px;
    -webkit-transform: translateY(0%);
        transform: translateY(0%);
}

.wrapper {
    display: inline-block;
    /*    margin-top: 60px;*/
    padding: 26px;
    width: 100%;
    background-color: #fff;
    padding-bottom: 100px;
}

.middle-wrapper {
    padding-top: 60px;
}

.ha-header-hide + .middle-wrapper {
    padding-top: 0;
}

a.logo {
    font-family: 'Bebas Neue Book';
    font-size: 26px;
    color: #fff;
    float: left;
    margin-top: 12px;
    letter-spacing: 0.1em;
    width: 200px;
    margin-left: 20px;
}

a.logo:hover,
a.logo:focus {
    text-decoration: none;
    outline: none;
}

a.logo strong {
    font-family: 'Bebas Neue Bold';
    font-weight: normal;
}

ul.top-menu > li {
    float: left;
}

.notification-row {
    float: right;
    margin-top: 15px;
    margin-left: 65px;
}

.mail_notificatoin_bar {
    margin-top: 7px;
}

.mail_notificatoin_bar {
    margin-right: 4px;
    margin-left: 17px;
    margin-top: 13px;
    position: relative;
    padding-left: 24px;
}

.mail_notificatoin_bar:before {
    content: "";
    width: 1px;
    height: 16px;
    position: absolute;
    left: -1px;
    top: 4px;
    display: block;
    background: #fff;
}

ul.top-menu > li > a {
    color: #8E8E93;
    font-size: 18px;
    padding: 2px 6px;
    margin-right: 15px;
}

ul.top-menu > li > a:hover,
ul.top-menu > li > a:focus {
    background: transparent !important;
    color: #D7D7D7 !important;
}

.notification-row .badge {
    position: absolute;
    right: -11px;
    top: -8px;
    z-index: 100;
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    padding: 3px 5px;
    background: #FF2D55;
    font-weight: 400;
}

.badge {
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    padding: 3px 5px;
    background: #FF2D55;
}

.dropdown-menu.extended {
    max-width: 300px !important;
    min-width: 160px !important;
    top: 38px;
    width: 235px !important;
    padding: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    border: none !important;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.dropdown-menu.extended li p {
    background-color: #E14669;
    color: #fff;
    margin: 0;
    padding: 10px;
}

.dropdown-menu.extended li a {
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
    list-style: none;
}

.dropdown-menu.extended li a {
    padding: 9px 10px !important;
    width: 100%;
    display: inline-block;
}

.dropdown-menu.extended li a:hover {
    background-color: #F7F8F9 !important;
    color: #2E2E2E;
}

.dropdown-menu.inbox li a .photo img {
    border-radius: 2px 2px 2px 2px;
    float: left;
    height: 40px;
    margin-right: 4px;
    width: 40px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

.dropdown-menu.inbox li a .subject .from {
    font-size: 12px;
    font-weight: 600;
}

.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 5px;
}

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}

.top-nav {
    margin-top: 7px;
}

.top-nav ul.top-menu > li .dropdown-menu.logout {
    width: 200px !important;
}

.top-nav li.dropdown .dropdown-menu {
    float: right;
    right: -16px;
    left: auto;
}

.dropdown-menu.extended.logout > li {
    float: left;
    text-align: left;
    width: 100%;
}

.dropdown-menu.extended.logout > li.eborder-top {
    border-top: 2px solid #e64b71 !important;
}

.dropdown-menu.extended.logout > li:last-child {
    float: left;
    text-align: left;
    width: 100%;
    background: #007AFF;
}

.dropdown-menu.extended.logout > li:last-child > a,
.dropdown-menu.extended.logout > li:last-child > a:hover {
    color: #fff;
    border-bottom: none !important;
    text-transform: uppercase;
    background-color: #8f9fb0 !important;
}

.dropdown-menu.extended.logout > li:last-child > a:hover > i {
    color: #fff;
}

.dropdown-menu > li > a {
    color: #797979;
}

.dropdown-menu.extended.logout > li > a {
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 14px;
    list-style: none;
    padding: 9px 10px !important;
    width: 100%;
    display: inline-block;
}

.dropdown-menu.extended.logout > li > a:hover {
    background-color: #F7F8F9 !important;
    color: #2E2E2E;
}

.dropdown-menu.extended.logout > li > a:hover i {
    color: #007AFF;
}

.dropdown-menu.extended.logout > li > a i {
    font-size: 17px;
}

.dropdown-menu.extended.logout > li > a > i {
    display: inline-block;
    padding-right: 10px;
}

.top-nav .username {
    font-size: 14px;
    color: #fff;
    font-weight: 700;
    padding-left: 20px;
    display: inline-block;
    width: 85px;
    vertical-align: middle;
}

.top-nav ul.top-menu > li > a {
    padding: 0;
    background: none;
    margin-right: 0;
}

.top-nav ul.top-menu > li {
    margin-left: 10px;
}

.top-nav ul.top-menu > li > a:hover,
.top-nav ul.top-menu > li > a:focus {
    background: #F1F2F7;
}

.top-nav .dropdown-menu.extended.logout {
    top: 51px;
}

.badge.bg-important {
    background: #FF2D55;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
}

.bg-orange {
    background-color: #f5a623;
}

.bg-positive {
    background-color: #0fa607;
}

.bg-negative {
    background-color: #db2022;
}

.badge-medium {
    width: 24px;
    padding: 6px 9px;
    height: 24px;
    border-radius: 12px;
}

.text-orange {
    color: #f5a623;
}

.profile-ava img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    display: inline-block;
}

.message {
    border-radius: 20px 20px 20px 20px;
    margin: 0 15px 10px;
    padding: 5px 20px;
    position: relative;
}

.dropdown-menu.extended.logout > li.eborder-top,
.dropdown-menu.extended li p {
    position: relative;
}

.dropdown-menu.extended.logout > li.eborder-top:before,
.dropdown-menu.extended li:first-child p:before {
    border-bottom: 9px solid #e64b71;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: block;
    position: absolute;
    top: -10px;
    right: 31px;
    content: "";
}

.dropdown-menu.extended li:first-child p:before {
    border-bottom: 9px solid #E14669;
    top: -9px;
    right: 16px;
}

.header .club {
    color: #fff;
    letter-spacing: 0.05em;
    float: left;
    margin-top: 21px;
    margin-left: 40px;
    font-weight: 300;
    /*width: 150px;*/
}

.qa {
    text-align: center;
}

.qa .profile-ava {
    margin: 10px 0;
}

.qa span {
    display: block;
}

.qa .username {
    font-weight: 500;
    font-size: 12px;
}

.qa .user-pos {
    font-weight: 300;
    font-size: 11px;
    line-height: 1.1;
}

.sidebar .title {
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 16px;
}

.clps:after {
    content: "v";
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -1px;
    text-decoration: none;
}

.clps.collapsed:after {
}

/* Panels */

.row-flex,
.row-flex > div[class*='col-'],
.flex-col,
.flex-col .panel-body,
.flex-grow {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.row-flex, .row-flex > div[class*='col-'] {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
            flex: 1 1 auto;
}

.row-flex {
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: start;
            -webkit-align-content: flex-start;
            align-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.row-flex > div[class*='col-'] {
    margin: -.2px;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.flex-col {
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-col .panel-body {
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.flex-grow {
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
}

.clickable {
    cursor: pointer;
    position: absolute;
    right: 11px;
    top: 4px;
}

.collaps {
    position: absolute;
    right: 28px;
    top: 3px;
    cursor: pointer;
}

.collaps .glyphicon {
    font-size: 11px;
    color: #9F9F9F;
}

.panel-heading {
    padding-top: 23px;
}

.panel-footer {
    padding-bottom: 18px;
}

.panel-heading,
.panel-body,
.panel-footer {
    padding-left: 18px;
    padding-right: 18px;
}

.panel-simple {
    border-color: #d5d5d5;
}

.panel-simple:hover {
    border-color: #ed6383;
    background-color: #f0f0f0;
    cursor: pointer;
}

.panel-simple .panel-heading {
    position: relative;
    padding-bottom: 0;
}

.panel-simple .panel-title {
    font-size: 20px;
    font-weight: 700;
    width: 80%;
    line-height: 1.2;
}

.panel-simple .panel-body {
    line-height: 1.1;
    padding-top: 7px;
    padding-bottom: 11px;
}

.panel-simple .panel-body p {
    margin: 0;
}

.panel-simple .panel-footer {
    background-color: transparent;
    border-top: 0;
}

.panel-simple .action {
    text-align: center;
}

.panel-simple .action .btn {
    font-size: 14px;
    padding: 11px 16px;
}

.panel-simple:hover .btn {
    background-color: #fff;
    color: #ed6383;
}

.panel-simple .progress {
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%;
}

.panel-stacked,
.wr-equal .panel.flex-col {
    margin-bottom: 10px;
}

.panel-stacked .panel-body {
    padding: 0;
}

.panel-stacked .panel-section {
    border-bottom: 1px dashed #d0cfd0;
    padding: 15px 18px;
}

.panel-stacked .panel-section:last-child {
    border-bottom: 0;
}

.panel .title {
    color: #98a7b5;
}

.panel-greengrad:hover .title,
.panel-greengrad:hover .counter-digit > span {
    color: #fff;
}

.panel-greengrad:hover .label-positive {
    background-color: #fff;
    color: #0fa607;
}

.panel-greengrad:hover .label-negative {
    background-color: #fff;
    color: #d0021b;
}

.panel-greengrad:hover .panel-body .percent-val,
.panel-greengrad:hover .panel-body small {
    color: #fff;
}

/* counters */
.counter-digit {
    font-family: 'Bebas Neue Book';
    font-size: 34px;
}

.counter-digit > span {
    color: #ababab;
}

.counter-info {
    line-height: 1.2;
    word-wrap: break-word;
}

.counter-info small {
    font-weight: 700;
    color: rgb(171, 171, 171);
    font-size: 10px;
}

.progress {
    background: url(../img-redisign/progressbar.png);
    height: 16px;
}

.progress-bar {
    background-color: #9b9a9b;
    line-height: 17px;
    box-shadow: none;
    min-width: 20px !important;
}

.label {
    font-size: 100%;
    border-radius: 0;
    padding: 0;
}

.label-pink {
    background-color: #e64b71;
}

.label-positive {
    background-color: #0fa607;
}

.label-negative {
    background-color: #d0021b;
}

.text-pink,
.text-pink a {
    color: #e64b71;
}

.alert-inform {
    border-radius: 5px;
    border: 1px dashed #d0cfd0;
    text-align: center;
}

.nav-pills > li > a {
    color: #98a7b5;
    padding: 6px 15px;
}

.nav-first > li:first-child > a {
    padding-left: 0;
    transition: all 0.3s;
}

.nav-first > li:first-child > a:hover,
.nav-first > li.active:first-child > a {
    padding-left: 15px;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #e64a71;
}

.nav-first {
    margin-bottom: 14px;
}

.nav-secondary {
    display: inline-block;
    border: 1px solid #8696a6;
    border-radius: 5px;
    margin-bottom: 20px;
}

.nav-secondary > li.active > a, .nav-secondary > li.active > a:hover, .nav-secondary > li.active > a:focus {
    background-color: #8696a6;
    font-weight: 700;
}

.nav-secondary > li + li {
    margin-left: 0;
}

.nav-secondary > li > a {
    padding: 4px 25px;
}

.btn-group.dateranges {
    margin-bottom: 20px;
}

.btn-group.dateranges .btn {
    padding: 1px 12px;
}

.btn-group.dateranges .btn:active,
.btn-group.dateranges .btn.active {
    background-color: #8696a6;
    color: #fff;
    border-color: #8696a6;
    box-shadow: none;
}

#dI,
#sDate,
#eDate {
    position: absolute;
    left: 0;
    top: 21px;
    opacity: 0;
    width: 0;
    height: 0;
}

.event-links {
    margin-top: 5px;
}

.event-links li {
    display: inline;
}

.event-links li i {
    margin-right: 10px;
}

.event-links li:last-child i {
    margin-right: 0;
}

/* plan */

.plan h3,
.notice-center {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
}

.notice-center {
    margin: 0 140px;
    padding-top: 11px;
}

.notice-center small {
    display: block;
    margin: 0 auto;
    font-size: 14px;
}

.text-lime {
    color: #8dd62b;
}

.tasks .progress-bar {
    background-color: #9b9a9b;
}

.tasks .progress-bar-danger {
    background-color: #d0011b;
}

.counters {
    clear: both;
    margin-bottom: 20px;
}

.tasks .panel-section {
    text-align: center;
}

.tasks .panel-body .progress {
    margin-bottom: 20px;
}

.months {
    margin-bottom: 20px;
}

.plan .action a,
.plan .action a:hover {
    color: #e64b71;
    text-decoration: none;
}

.chart {
    margin: 30px auto;
    position: relative;
    text-align: center;
    width: 113px;
}

.percent-val {
    color: #e64a71;
    font-family: "Bebas Neue Book";
    font-size: 36px;
    width: 50px;
    height: 60px;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 30px);
}

.percent-val small {
    font-size: 14px;
    font-family: 'Roboto';
    display: block;
}

/* buttons */

.btn {
    font-family: 'Helvetica Neue Bold';
    border-radius: 5px;
    box-shadow: none;
    outline-color: rgb(243, 250, 130) !important;
}

.btn:focus,
.btn:hover {
    box-shadow: none;
}

.btn-default {
    background-color: transparent;
    border-color: #ed6383;
    color: #ed6383;
}

.btn-clear {
    background-color: transparent;
    border-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.btn-clear:active,
.btn-clear:active:focus,
.btn-clear:hover,
.btn-clear:focus {
    outline: none;
    box-shadow: none;
}

.btn-original {
    background-color: #fff;
    border-color: transparent;
    color: inherit;
    box-shadow: 1px 1px 4px rgba(10, 10, 10, 0.2), -1px 2px 4px rgba(10, 10, 10, 0.2);
}

.btn-original:hover,
.btn-original:focus {
    background-color: #ed6383;
    border-color: #ed6383;
    color: #fff;
    box-shadow: 1px 1px 4px rgba(10, 10, 10, 0.2), -1px 2px 4px rgba(10, 10, 10, 0.2);
}

.btn-red {
    background-color: transparent;
    border-color: #db2022;
    color: #db2022;
}

.btn-red:hover,
.btn-red:focus {
    background-color: #db2022;
    color: #fff;
}

.btn-lg {
    font-size: 14px;
    padding: 11px 16px;
}

.btn-default:hover,
.btn-default:focus,
.panel-simple:hover .action .btn:hover {
    background-color: #fff;
    color: #ed6383;
    border-color: #ed6383;
    box-shadow: 1px 1px 4px rgba(10, 10, 10, 0.2), -1px 2px 4px rgba(10, 10, 10, 0.2);
}

.panel-simple:hover .action .btn-red {
    color: #db2022;
}

.panel-simple:hover .action .btn-red:hover {
    border-color: #db2022;
    color: #fff;
    background-color: #db2022;
}

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

.btn-primary:hover,
.btn-primary:focus {
    background-color: #fff;
    color: #ed6383;
    border-color: #ed6383;
    box-shadow: 1px 1px 4px rgba(10, 10, 10, 0.2), -1px 2px 4px rgba(10, 10, 10, 0.2);
}

.btn-white {
    background-color: #fff;
    box-shadow: 1px 2px 3px rgba(10, 10, 10, 0.2), -1px 2px 2px rgba(10, 10, 10, 0.2);
}

.btn-white:hover,
.btn-white:focus {
    background-color: #ed6383;
    color: #fff;
}

.btn-gray {
    border-color: #8696a6;
    color: #8696a6;
    background-color: transparent;
}

.btn-gray:hover,
.btn-gray:focus {
    background-color: #8696a6;
    color: #fff;
    box-shadow: 1px 1px 4px rgba(10, 10, 10, 0.2), -1px 2px 4px rgba(10, 10, 10, 0.2);
}

.btn-default.btn-link,
.btn-primary.btn-link,
.btn-white.btn-link,
.btn-gray.btn-link {
    border: 0;
}

.btn-default.btn-link:hover,
.btn-default.btn-link:focus,
.btn-primary.btn-link:hover,
.btn-primary.btn-link:focus,
.btn-white.btn-link:hover,
.btn-white.btn-link:focus,
.btn-gray.btn-link:hover,
.btn-gray.btn-link:focus {
    background-color: transparent;
    color: currentColor;
    box-shadow: none;
}

.qa .btn {
    width: 137px;
    padding: 11px 33px;
    font-size: 14px;
    margin-top: 24px;
}

.btn-easy {
    background-color: transparent;
    color: #e64b71;
    font-weight: 300;
    font-size: 24px;
    font-family: 'Roboto';
}

.btn-easy:hover,
.btn-easy:focus {
    border-color: #e64b71;
    color: #fff;
}

/* animations */

.alert a:hover::after,
.plan .action a:hover::after,
.alert a:focus::after,
.plan .action a:focus::after {
    opacity: 1;
    -webkit-transform: translateY(0px);
        transform: translateY(0px);
}

.alert a::after,
.plan .action a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: rgba(230, 75, 113, 0.37);
    content: '';
    opacity: 0;
    transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(10px);
        transform: translateY(10px);
}

.alert a,
.plan .action a {
    position: relative;
    display: inline-block;
}

.months .pull-left,
.months .pull-right {
    z-index: 1;
    position: relative;
}

.btn {
    transition: all 0.3s;
}

.btn-easy:after {
    content: '';
    position: absolute;
    z-index: -1;
    transition: all 0.3s;
}

.btn-easy {
    position: relative;
}

.btn-easy:hover:after,
.btn-easy:focus:after,
.btn-easy:active:after {
    width: 100%;
}

.btn-easy:after {
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #e64b71;
}

.panel {
    transition: all .3s;
}

.panel-greengrad {
    position: relative;
    z-index: 0;
}

.panel-greengrad:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    transition: all .3s;
    background: rgb(180, 236, 81); /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(180, 236, 81, 1) 0%, rgba(66, 147, 33, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4ec51', endColorstr='#429321', GradientType=0); /* IE6-9 */
    opacity: 0;
}

.panel-greengrad:hover:after,
.panel-greengrad:active:after {
    opacity: 1;
}

.panel-greengrad:hover {
    color: #fff;
    border-color: #7ed321;
    cursor: pointer;
    color: #fff;
}

/* Plan Edit */

.plan-edit .action,
.plan-add .action {
    text-align: center;
}

.plan-edit .action .btn,
.plan-add .action .btn {
    margin: 0 6px;
    width: 150px;
}

.plan-edit .form-group input,
.plan-add .form-group input {
    font-family: 'Bebas Neue Book';
    width: 58px;
    font-size: 22px;
    padding: 3px 5px;
    transition: all 0.3s ease;
}

.form-control,
.form-control:focus,
.form-control:hover {
    box-shadow: none;
}

.plan-edit .form-group input:focus,
.plan-add .form-group input:focus {
    width: 100px;
    position: absolute;
    right: -10px;
    top: 0;
    z-index: 999;
}

.plan-edit .counters,
.plan-add .counters {
    position: relative;
}

/* Plan Add */

.plan-edit,
.plan-add {
    position: relative;
}

.fill-month,
.fill-month2 {
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 !important;
}

.fill-month .modal-dialog,
.fill-month2 .modal-dialog {
    width: 100%;
    height: calc(100% - 35px);
    margin: 0;
    text-align: center;
}

.fill-month .modal-content,
.fill-month2 .modal-content {
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    background: #efefef;
    border: 1px solid #ed6383;
    box-shadow: none;
}

.fill-month .modal-header,
.fill-month2 .modal-header {
    border: 0;
}

.fill-month .modal-header h4 {
    font-size: 24px;
    font-weight: 300;
    color: #ed6383;
    display: inline-block;
    border-bottom: 1px solid #d9d9d9;
    padding: 35px 10px;
}

.fill-month .modal-body {
    padding: 40px 15px
}

.fill-month .modal-body p {
    font-size: 24px;
    font-weight: 300;
}

.fill-month .action {
    margin-top: 30px;
}

.fill-month .action .btn {
    width: 150px;
}

/* Plan Add Field */

.fill-month2 .modal-header {
    width: 100%;
    font-size: 24px;
    font-weight: 300;
}

.fill-month2 .modal-header .row {
    padding-top: 20px;
}

.prev-month, .next-month {
    opacity: .5;
}

.page_planedit.modal-open,
.page_reports-miss.modal-open,
.page_management.modal-open,
.page_management-products.modal-open,
.page_management-services.modal-open,
.page_settings-screen.modal-open {
    overflow: auto;
}

.fill-month2 .modal-body {
    width: 100%;
}

.fill-month2 .action {
    margin-top: 20px;
}

/* Graphics */

.gtooltip-title {
    color: #ed6383;
    font-size: 12px;
    padding: 0;
    line-height: 1;
    margin-bottom: 0;
    display: block;
}

.gtooltip-name {
    color: #ababab;
    font-size: 12px;
}

.gtooltip-name strong {
    color: #5c5c5c;
}

.stackedCols {
    height: 300px;
    width: 100%;
    margin: 0 auto;
}

.page_graphs .title {
    font-weight: 700;
    margin-bottom: 20px;
}

.page_graphs .notifications,
.page_top10 .notifications,
.page_onday .notifications {
    display: none;
}

.page_graphs .highcharts-tooltip {
    border-radius: 5px !important;
    padding: 10px 20px !important;
}

.page_graphs .nav-first {
    margin-bottom: 30px;
}

.label-first {
    left: 10px;
    position: relative;
}

.label-last {
    right: 14px;
    position: relative;
}

.label-empty {
    color: #ababab;
}

/* Top 10 */

.month-buttons, .week-buttons {
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-flex: 2 2 auto;
        -ms-flex: 2 2 auto;
            flex: 2 2 auto;
}

.page_top10 .panel-body {
    padding-top: 25px;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.btn-alt {
    background-color: transparent;
    color: #ed6383;
    font-family: Roboto;

}

.btn-alt:hover,
.btn-alt:focus {
    border-color: #f7c8d4;
    color: #ed6383;
}

.week-buttons .active .btn,
.month-buttons .active .btn {
    border-color: #ed6383;
    color: #ed6383;
}

.week-buttons .btn-dis,
.month-buttons .btn-dis {
    color: #98a7b5;
    cursor: no-drop;
}

.week-buttons .btn-dis:hover,
.month-buttons .btn-dis:hover,
.week-buttons .btn-dis:focus,
.month-buttons .btn-dis:focus {
    border-color: transparent;
}

.month-buttons li:first-child .btn,
.week-buttons li:first-child .btn {
    padding-left: 0;
}

.month-buttons li:first-child .btn:hover,
.week-buttons li:first-child .btn:hover,
.month-buttons li:first-child .btn:focus,
.week-buttons li:first-child .btn:focus,
.month-buttons li.active:first-child .btn,
.week-buttons li.active:first-child .btn {
    padding-left: 12px;
}

.month-buttons li:last-child .btn,
.week-buttons li:last-child .btn {
    padding-right: 0;
}

.month-buttons li:last-child .btn:not(.btn-dis):hover,
.week-buttons li:last-child .btn:not(.btn-dis):hover,
.month-buttons li:last-child .btn:not(.btn-dis):focus,
.week-buttons li:last-child .btn:not(.btn-dis):focus,
.month-buttons li.active:last-child .btn:not(.btn-dis),
.week-buttons li.active:last-child .btn:not(.btn-dis) {
    padding-right: 12px;
}

.city-rating .title,
.page_onday .title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.city-rating .title {
    color: #98a7b5;
}

.city-rating .progress {
    margin-top: 0;
}

.city-rating .panel:hover {
    background-color: transparent;
}

.panel-heading-gray {
    background-color: #f0f0f0;
    padding: 14px 18px 10px;
}

.panel-heading-gray .panel-title {
    font-size: 14px;
    font-weight: 400;
    color: #ababab;
    line-height: 1;
}

.text-red {
    color: #db2022;
}

.text-green {
    color: #00b102;
}

.text-black {
    color: #5c5c5c;
}

.text-gray {
    color: #98a7b5;
}

.text-gray2 {
    color: #ababab;
}

.current-pos {
    color: #7ed221;
}

ol.cities {
    padding-left: 0;
    list-style-position: inside;
    counter-reset: item;
}

ol.cities li,
ul.progress-list li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    list-style: none;
    position: relative;
}

ol.cities li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #ababab;
    padding-right: 5px;
    position: absolute;
    width: 23px;
    left: -4px;
    top: 0;
    text-align: right;
}

ol.cities .city {
    width: 50%;
    display: block;
    padding-left: 22px;
}

ol.cities .progress {
    width: 50%;
}

.city + .progress .progress-bar {
    text-align: right;
    background-color: #8696a6;
    min-width: 20px;
    padding: 0 7px;
}

.current-pos .progress-bar {
    background-color: #7ed221;
}

/* On day */

.page_onday .title {
    color: #e64b71;
}

.date label {
    color: #d8d8d8;
    font-size: 14px;
    font-weight: 400;
}

.date .form-inline input {
    width: 86px;
    margin-left: 5px;
    border-color: #d8d8d8;
    font-size: 12px;
    padding: 6px;
}

.date .form-control::-webkit-input-placeholder {
    color: #c1c1c1;
}

.date .form-control:-moz-placeholder {
    /* FF 4-18 */
    color: #c1c1c1;
}

.date .form-control::-moz-placeholder {
    /* FF 19+ */
    color: #c1c1c1;
}

.date .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #c1c1c1;
}

.panel-lh,
.panel-rh {
    position: relative;
}

.panel-leftheading {
    width: 95px;
    padding: 10px 15px;
    border: 0;
    border-radius: 3px;
    float: left;
    height: 100%;
    background-color: #f0f0f0;
    position: absolute;
}

.panel-rightheading {
    width: 25%;
    padding: 10px 15px;
    border: 0;
    border-radius: 3px;
    float: right;
    height: 100%;
    background-color: #f0f0f0;
    position: absolute;
    right: 0;
    top: 0;
}

.panel-rightbody {
    margin-left: 95px;
    padding: 15px;
}

.panel-leftbody {
    margin-right: 25%;
    padding: 16px;
}

.page_onday .table > thead > tr > th {
    color: #ababab;
    font-weight: 400;
}

.page_onday .panel-leftheading,
.page_onday .panel-rightheading {
    text-align: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.page_onday .panel-leftheading .counter-digit {
    font-size: 37px;
}

.page_onday .table > thead > tr > th,
.page_onday .table > tbody > tr > td {
    border: 0;
}

.panel .table {
    width: 100%;
}

.main-content .pagination .dp-item {
    font-weight: normal;
    border: 0;
    color: #98a7b5;
    font-size: 14px;
}

.main-content .pagination .dp-item {
    border: 1px solid transparent;
    border-left-style: solid !important;
    padding: 8px 0 !important;
    border-radius: 5px;
}

.datepaginator .pagination .dp-item.dp-off {
    background-color: transparent;
    color: #db2022;
}

.datepaginator {
    margin-bottom: 20px;
}

.datepaginator .pagination .dp-item.dp-selected {
    color: #ed6383 !important;
    border-color: #ed6383;
    background-color: transparent !important;
}

.datepaginator .pagination .dp-item.dp-today {
    background-color: transparent !important;
    color: #98a7b5 !important;
}

.pagination .dp-item:hover,
.pagination .dp-item:focus {
    background-color: #ed6383;
    color: #fff;
    border-color: #ed6383;
}

.datepaginator .dp-nav,
.datepaginator .dp-nav:hover {
    background-color: transparent;
    border-color: transparent;
}

.page_onday .panel .table th:last-child,
.page_onday .panel .table td:last-child {
    text-align: center;
}

/* Settings - club profile */

.row-flex,
.page_settings-club-profile .main-content .row,
.page_security .main-content .row,
.page_reports .main-content .row,
.page_reports-miss .main-content .row,
.page_settings-user-profile .main-content .row,
.page_opening .main-content .row,
.panel-side .row,
.waybill .row {
    margin-left: -5px;
    margin-right: -5px;
}

.row-flex > div[class*='col-'],
.page_settings-club-profile .main-content .row > [class^="col"],
.page_security .main-content .row > [class^="col"],
.page_reports .main-content .row > [class^="col"],
.page_reports-miss .main-content .row > [class^="col"],
.page_settings-user-profile .main-content .row > [class^="col"],
.page_opening .main-content .row > [class^="col"],
.panel-side .row > div,
.waybill .row > [class^="col"] {
    padding-left: 5px;
    padding-right: 5px;
}

.partition:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: 1px dashed #c2bfbf;
    margin-bottom: 30px;
    display: block;
}

.partition.addr,
.partition.passwords1,
.partition.contacts,
.partition.staff-contacts {
    margin-top: 20px;
}

.partition h2,
.page_staff .panel-section h2,
.page_staff_edit .partition h2,
.page_clients .modal h2 {
    font-size: 18px;
    font-weight: 300;
    margin: 0 0 20px;
}

.partition label {
    font-weight: 400;
    font-size: 12px;
}

.partition.addr label,
.partition.localiz label,
.partition.placement label,
.partition.contacts label,
.partition.career label,
.staff-edit label {
    display: block;
}

.page_settings-club-profile .partition:last-child {
    border: 0;
    margin-bottom: 0;
}

.partition.addr .form-inline {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.partition.addr .form-group input {
    height: 28px;
    font-weight: 700;
    width: 100%;
    line-height: 1;
}

.elements > .form-group {
    font-size: 0;
}

.partition.addr .form-group:first-child,
.partition.addr .form-group:nth-child(2) {
    width: 22%;
}

.partition.addr .form-group:nth-child(3) {
    width: 28%;
}

.partition.addr .form-group:nth-child(4),
.partition.addr .form-group:nth-child(5),
.partition.addr .form-group:last-child {
    width: 7%;
}

.partition.addr .form-group:not(:last-child),
.partition.contacts .form-group:not(:last-child) {
    margin-right: 7px;
}

.partition .form-control {
    font-weight: 700;
}

.partition input.form-control,
.filters input.form-control,
.src-period input.form-control,
.bootstrap-select button,
.form .form-control:not(textarea):not(.input-lg),
.form-control:not(textarea):not(.input-lg) {
    height: 28px;
    padding: 4px 12px;
    line-height: 1.3em;
}

.partition.work .form-group input,
#amount_of_clubs {
    width: 50px;
    padding: 4px 2px 4px 4px;
}

.partition.work .form-group > span {
    font-size: 18px;
    padding: 0 2px;
}

.work .extra {
    width: 120px;
    text-align: right;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 1;
    height: 23px;
}

.work-from > label:first-child {
    padding-right: 3px;
}

.work-to > label:first-child {
    padding: 0 3px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select .dropdown-toggle,
.bootstrap-select .dropdown-toggle:hover,
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle.btn-default {
    border: 1px solid #c4c2c2;
    box-shadow: none;
    background-color: transparent;
    color: #5c5c5c;
    outline: none !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1;
}

.contacts .email {
    width: 175px;
}

.form-group-addon {
    font-size: 0;
}

.addon-left + input {
    display: inline-block;
    border-radius: 0 4px 4px 0;
    vertical-align: middle;
}

.addon-left {
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    display: inline-block;
    vertical-align: middle;
    margin-right: -1px;
}

.phones .addon-left,
.social .addon-left {
    padding: 4px 12px;
    font-size: 14px;
}

.phones .addon-left,
.social .addon-left {
    height: 28px;
    font-weight: 700;;
    line-height: 1.5;
    padding-top: 0;
}

.phones input,
.social input {
    width: 150px;
}

.icon_garbage {
    cursor: pointer;
}

.page_settings-club-profile .contacts .icon_garbage {
    margin-left: 5px;
}

.site input {
    display: inline-block;
    width: 200px;
    vertical-align: middle;
}

.placement .form-inline input[type="text"] {
    width: 45px;
}

.placement .form-group:not(:last-child) {
    margin-right: 35px;
}

.placement .checkbox input {
    margin-top: 27px;
}

.placement .links input {
    font-style: italic;
}

.placement .title,
.resolutions .title {
    margin-bottom: 15px;
    font-size: 12px;
}

.placement .checkbox {
    margin-top: 25px;
}

.placement .input-group input {
    border-right: 0;
    padding-right: 0;
}

.placement .input-group-addon {
    background-color: transparent;
    font-size: 12px;
    padding-left: 4px;
    border-left: 0;
    font-weight: 700;
}

.dropzone {
    padding: 0;
    border: 1px dashed #9a9a9a;
    border-radius: 5px;
}

.dropzone .dz-preview.dz-image-preview {
    margin: 0;
    height: 100%;
    width: 100%;
}

.dropzone .dz-preview .dz-image {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.placement .dropzone,
.maczone .dropzone {
    max-width: 188px;
    height: 109px;
    min-height: 109px;
}

.placement .dropzone .dz-preview .dz-details,
.maczone .dropzone .dz-preview .dz-details {
    padding: 7px;
}

.placement .dropzone .dz-preview .dz-details .dz-size,
.maczone .dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 7px;
}

.placement .dropzone .dz-preview .dz-image,
.maczone .dropzone .dz-preview .dz-image {
    border-radius: 5px;
    height: 107px;
}

.placement .dropzone .dz-message,
.maczone .dropzone .dz-message {
    line-height: 1.2;
}

.placement .dz-browser-not-supported .dz-message,
.maczone .dropzone.dz-browser-not-supported .dz-message {
    margin: 10px;
}

.placement .dropzone .fallback,
.maczone .dropzone .fallback {
    margin: 10px 5px;
}

.placement .dropzone .fallback input[type="file"],
.maczone .dropzone .fallback input[type="file"] {
    font-size: 10px;
    max-width: 175px;
}

.placement .dropzone.dz-browser-not-supported .dz-message:before,
.maczone .dropzone.dz-browser-not-supported .dz-message:before {
    display: none;
}

.placement .form-inline,
.club-planning,
.club-photos {
    margin-bottom: 25px;
}

.page_reports .form-control::-webkit-input-placeholder,
.partition .form-control::-webkit-input-placeholder,
.page_clients .searchbox input {
    font-weight: 400;
    font-style: italic;
}

.page_reports .form-control:-moz-placeholder,
.partition .form-control:-moz-placeholder,
.page_clients .searchbox input {
    font-weight: 400;
    font-style: italic;
}

.page_reports .form-control::-moz-placeholder,
.partition .form-control::-moz-placeholder,
.page_clients .searchbox input {
    font-weight: 400;
    font-style: italic;
}

.page_reports .form-control:-ms-input-placeholder,
.partition .form-control:-ms-input-placeholder,
.page_clients .searchbox input {
    font-weight: 400;
    font-style: italic;
}

.social .bootstrap-select.easy-select .dropdown-toggle,
.phones .bootstrap-select.easy-select .dropdown-toggle {
    height: 18px;
    margin-bottom: 0;
}

.phones .bootstrap-select.easy-select .dropdown-toggle {
    padding-top: 3px;
}

.bootstrap-select.easy-select .dropdown-toggle {
    border: 0;
    padding: 0;
}

.bootstrap-select.easy-select .dropdown-toggle i {
    position: relative;
    top: 2px;
}

.bootstrap-select.easy-select .dropdown-toggle .caret {
    right: -4px;
    display: none;
}

.el .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    height: 26px;
}

.costs .input-group-addon:last-child {
    background-color: transparent;
    font-style: italic;
    color: #ababab;
}

/* Settings - user profile */

.user-photo {
    position: relative;
    width: 177px;
}

.user-photo img {
    border-radius: 50%;
}

.user-photo .edit {
    display: block;
    text-align: center;
    position: relative;
    bottom: 44px;
    padding: 5px 10px;
    color: #fff;
    font-size: 12px;
    width: 97px;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}

.contacts .form-inline {
    margin-bottom: 15px;
}

.my-clubs .row > div {
    margin-bottom: 20px;
}

.my-clubs .club {
    position: relative;
}

.my-clubs .club img {
    width: 100%;
}

.my-clubs .club-info {
    position: absolute;
    top: 60px;
    padding: 20px;
    font-weight: 200;
    color: #fff;
    max-height: 153px;
    overflow: hidden;
}

.my-clubs .club-name {
    font-size: 24px;
    margin-bottom: 10px;
    max-width: 230px;
    line-height: 1.4;
}

.my-clubs .club-addr {
    top: 150px;
    max-width: 310px;
    margin-bottom: 10px;
    line-height: 1.2;
}

.club-addr span {
    display: block;
}

.my-clubs .club-other a {
    color: #fff;
    text-decoration: underline;
}

.social-wrapper {
    position: relative;
}

.el .input-group .form-control:not(:first-child):not(:last-child) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.el .input-group-addon {
    padding: 4px 12px;
    background-color: transparent;
}

.el .input-group-addon:last-child {
    border: 0;
    padding-left: 8px;
}

.social-chooser {
    padding: 20px 20px 15px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.11), -1px 1px 5px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    width: 358px;
    position: absolute;
    bottom: -210px;
    left: 0;
    background-color: #fff;
    z-index: 100;
}

.social-chooser li {
    margin-bottom: 10px;
}

.social-chooser li .checkbox {
    width: 52px;
}

.social-chooser .form-group {
    width: 260px;
}

.social-chooser .action button {
    width: 49%;
    margin-top: 10px;
}

.social-chooser .form-group input[type="text"] {
    width: 100%;
}

.social-chooser .checkbox .cr {
    margin-right: 9px;
}

.my-clubs .dropzone {
    max-width: 100%;
    min-height: 109px;
    border: 1px dashed #9a9a9a;
    border-radius: 5px;
    padding: 0;
}

.my-clubs .dropzone .dz-preview {
    margin: 0;
    height: 100%;
    width: 100%;
}

.my-clubs .dropzone .dz-preview .dz-details {
    padding: 7px;
}

.my-clubs .dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 7px;
}

.my-clubs .dropzone .dz-preview .dz-image {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.my-clubs .dropzone .dz-message {
    line-height: 1.2;
    margin: 80px auto 0;
    width: 160px;
}

.my-clubs .dz-browser-not-supported .dz-message {
    margin: 10px;
}

.my-clubs .dropzone .fallback {
    margin: 10px 5px;
}

.my-clubs .dropzone .fallback input[type="file"] {
    font-size: 10px;
    max-width: 175px;
}

.my-clubs .dropzone.dz-browser-not-supported .dz-message:before {
    display: none;
}

.club-edit {
    position: absolute;
    top: 20px;
    width: 100%;
    padding: 0 20px;
}

.club-edit .btn {
    color: #fff;
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
}

.club-edit .btn-delete {
    position: absolute;
    right: 20px;
}

.club-edit .btn:hover,
.club-edit .btn:active {
    color: #fff;
}

.edit-cnt {
    border: 1px dashed #9a9a9a;
    border-radius: 5px;
    position: relative;
}

.addclub {
    background-color: transparent;
    width: 170px;
    white-space: normal;
    font-family: "Roboto", sans-serif;
}

.edit-cnt .edit-add-club {
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    height: 100%;
    padding: 10% 15% 0;
    width: 100%;
    position: absolute;
    background-color: #fff;
}

.edit-add-club .action .btn {
    width: 49%;
}

.mess {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 1.1;
}

.addclub:active:focus {
    outline: none;
}

.addclub .icon_rounded-plus {
    display: block;
    margin: 0 auto 7px;
}

.edit-cnt > .action {
    text-align: center;
    top: 30%;
    position: relative;
}

.career textarea {
    width: 100%;
    border-radius: 5px;
    padding: 12px 20px;
}

/* Settings - security */

.partition.passwords1 {
    margin-bottom: 20px;
}

.pass_new_repeat1,
.pass_new_repeat2,
.pass_new_repeat3,
.password_repeat {
    margin-top: 24px;
}

.notice {
    font-size: 10px;
    margin-left: 50px;
}

.notice + .checkbox {
    margin-top: 5px;
}

.passwords2 label[for="multiauth"],
.passwords2 label[for="changepass"] {
    font-size: 18px;
    font-weight: 300;
}

.passwords2 label[for="multiauth"] .cr,
.passwords2 label[for="changepass"] .cr {
    left: -20px;
    top: 3px;
}

.passwords2 label small {
    display: block;
    font-size: 12px;
    margin-left: 27px;
    margin-top: 15px;
}

.passwords2 input:checked ~ span {
    color: #ed6383;
}

.passwords2 input:disabled ~ span,
.passwords2 input:disabled ~ small {
    color: #cecdce;
}

.passwords2 .row .col-md-6:last-child .checkbox ~ * {
    margin-left: 42px;
}

.passwords2 .action button,
.page_opening .action a:not(.btn-original) {
    min-width: 160px;
}

.passwords2 .action button {
    margin-top: 20px;
}

.modal.sms-check,
.modal.videoinstruction {
    text-align: center;
}

.modal-header {
    border-bottom: 0;
}

.modal.sms-check:before,
.modal.videoinstruction:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}

.modal.sms-check .modal-dialog,
.modal.videoinstruction .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal.sms-check .modal-body {
    padding: 20px 110px 70px;
    text-align: center;
}

.modal.sms-check h4,
.modal.videoinstruction h4 {
    font-size: 24px;
    font-weight: 300;
}

.modal.sms-check h4 small,
.modal.videoinstruction h4 small {
    display: block;
    margin: 20px 0 25px;
    font-size: 18px;
    color: #ababab;
    font-weight: 300;
}

.modal.sms-check input {
    width: 145px;
    margin: 0 auto;
    text-align: center;
    font-size: 24px;
}

.modal.sms-check .btn {
    width: 145px;
    background-color: #e64a70;
    box-shadow: 1px 1px 4px rgba(10, 10, 10, 0.2), -1px 2px 4px rgba(10, 10, 10, 0.2);
}

.modal.sms-check .action {
    margin-top: 25px;
}

.modal.sms-check .btn:hover,
.modal.sms-check .btn:focus {
    background-color: #fff;
}

.modal.sms-check a {
    color: #ed6383;
}

.modal.sms-check a:hover {
    text-decoration: underline;
}

.form-control-feedback,
.has-feedback label ~ .form-control-feedback {
    top: 21px;
}

.has-feedback label.hidden ~ .form-control-feedback {
    top: -3px;
}

.has-success .form-control,
.has-success .form-control:focus {
    color: #64c900;
    border-color: #ccc;
    box-shadow: none;
}

.has-error .form-control,
.has-error .form-control:focus {
    color: #db2022;
    border-color: #db2022;
    box-shadow: none;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #db2022;
}

form .help-block,
form label {
    font-size: 12px;
}

/* Settings - screen */

#table-screen thead > tr > th {
    text-align: center;
}

.table-alt tbody .record-edit {
    opacity: 1 !important;
}

.table-alt thead > tr > th {
    font-size: 14px;
}

.page_settings-screen .bs-table thead > tr > th:nth-child(3) {
    width: 200px;
}

.table-alt tfoot td:first-child a {
    padding: 5px 17px;
    display: block;
    cursor: pointer;
}

.table-alt tbody > tr > td.status,
.edit-set-screen tr td:first-child {
    width: 65px;
    max-width: 65px;
}

.page_settings-screen .align-right {
    margin-bottom: 10px;
}

.page_settings-screen .align-right button {
    width: 180px;
}

.bs-table > thead > tr > th.sorted,
.bs-table > tbody > tr:last-child > td.sorted,
.bootstrap-table .table-editable > thead > tr > th.sorted,
.bootstrap-table .table-editable > tbody > tr > td.sorted {
    border-left: 1px solid #98a7b5 !important;
    border-right: 1px solid #98a7b5 !important;
    font-weight: 700;
}

.bs-table > thead > tr > th.sorted,
.bootstrap-table .table-editable > thead > tr > th.sorted {
    border-top: 1px solid #98a7b5 !important;
    color: #5c5c5c !important;
}

.bs-table > tbody > tr:last-child > td.sorted,
.bootstrap-table .table-editable > tbody > tr:last-child > td.sorted {
    border-bottom: 1px solid #98a7b5;
}

.modal-form .icon_garbage.icon-delete {
    opacity: .3;
    cursor: not-allowed;
}

.edit-set-screen .form-group label {
    display: block;
    text-align: left;
    font-weight: 400;
}

.edit-set-screen .form {
    margin: 10px 0 10px;
}

.edit-set-screen .daterange {
    text-align: left;
    margin-bottom: 10px;
}

select:disabled + .btn-group {
    cursor: not-allowed;
}

.bootstrap-select.btn-group > .disabled {
    background-color: #f6f6f6;
    opacity: 1;
    cursor: not-allowed;
}

.edit-set-screen .action {
    text-align: left;
}

/* Settings - screen settings */

.page_settings-screen-settings .maczone {
    background: url(../img-redisign/mac.png) no-repeat;
    width: 205px;
    height: 170px;
    border: 0;
    margin: 20px auto;
    position: relative;
}

.maczone .dropzone {
    border: 0;
    position: relative;
    left: 8px;
    top: 7px;
    margin: 0;
    padding: 0;
    max-width: 190px;
    height: 110px;
    background-color: transparent;
}

.maczone .dropzone .dz-message {
    padding-top: 18px;
}

.dropzone .dz-preview .dz-remove {
    font-size: 0;
    position: absolute;
    right: 18px;
    z-index: 100;
    top: 10px;
}

.maczone .dropzone .dz-preview .dz-image {
    border-radius: 3px;
    height: 110px;
}

.maczone .dropzone .dz-preview {
    background-color: transparent;
}

/* Reports */

.page_reports .title,
.page_billing-in .title,
.page_billing-services .title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 7px;
}

.page_reports .title a,
.page_billing-in .title a,
.page_billing-services .title a {
    text-decoration: underline;
    color: #5c5c5c;
    font-weight: 300;
}

.page_billing-in .title a,
.page_billing-services .title a {
    text-decoration: none;
}

.panel-pink {
    background-color: #fffdfd;
    border-color: #f3bbc1;
}

.reports-trouble .panel-footer .counter-info {
    margin-top: 16px;
    text-align: right;
}

.sort .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: auto;
    display: inline-block;
}

.select-simple + .bootstrap-select .btn {
    background-color: transparent;
    color: #e64b71;
    border: 0;
}

.select-gray + .bootstrap-select .btn {
    background-color: #f6f6f6;
}

.select-pink + .bootstrap-select .btn {
    background-color: #e64b71;
    color: #fff;
}

.searchbox {
    margin-bottom: 20px;
}

.searchbox .input-group-btn {
    line-height: 0;
}

.searchbox input,
.searchbox .btn {
    height: 28px;
}

.searchbox input,
.searchbox input:focus {
    border-radius: 20px 0 0 20px;
    border-color: #ebebeb;
    border-right: 0;
    line-height: 15px;
}

.searchbox .btn,
.searchbox .btn:focus,
.searchbox .btn:hover {
    border-left: 0;
    border-color: #ebebeb;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0 20px 20px 0;
    padding-top: 6px;
}

.add-report {
    text-align: center;
    width: 100px;
    margin: 0 auto;
}

.panel-add {
    border-style: dashed;
}

.page_reports .panel .title {
    color: inherit;
}

.panel-triple .panel-body {
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.panel-triple .media {
    margin-top: 0;
}

table.no-border,
table.no-border tr,
table.no-border tr td,
table.no-border thead,
table.no-border thead tr th,
table.no-border tbody tr td {
    border: 0;
}

table.no-border tbody tr td {
    padding: 7px 9px;
}

.panel-simple table {
    width: 100%;
    margin-bottom: 15px;
}

.panel-simple table tr td:first-child,
.assignments table tr th:first-child,
.assignments table tr td:first-child {
    padding-left: 0;
}

.panel-simple table tr td:last-child,
.assignments table tr th:last-child,
.assignments table tr td:last-child {
    padding-right: 0;
}

.panel-simple table tr td:last-child {
    text-align: right;
}

.text-negative {
    color: #db2022
}

.text-positive {
    color: #00b102
}

.progress-thin {
    height: 6px;
}

.progress-titled .percentage {
    color: #ababab;
    display: inline-block;
    float: right;
}

.progress-titled .progress {
    margin-top: 5px;
}

.abon .progress-bar {
    background-color: #4a4a4a;
}

.page_reports .panel.adv .counters {
    text-align: center;
}

.page_reports .panel .counters {
    margin-bottom: 0;
    line-height: .8;
}

.page_reports .panel .subtitle {
    text-align: left;
    margin-bottom: 10px;
}

/* Reports miss */
.page_reports-miss .main-header .pull-right {
    margin-top: 10px;
}

.well-square {
    background-color: #ededed;
    margin: -26px -26px 24px;
    padding: 26px 26px 10px;
}

.dateinput input.form-control {
    width: 86px;
    padding: 4px;
}

.counterinput input.form-control {
    width: 50px;
    padding: 4px 2px 4px 4px;
}

.filters .form-inline,
.filters .action {
    margin-bottom: 20px;
}

.filters .action .btn:first-child {
    margin-right: 10px;
    font-family: Roboto, sans-serif;
}

.filters .radio,
.filters .checkbox {
    margin: 0 0 3px;
    line-height: 1.5;
    display: block;
}

.filters .checkbox:first-child {
    display: inline-block;
    margin-top: 5px;
}

.filters .radio label,
.filters .checkbox label {
    display: block;
}

.filters .radio label,
.filters .checkbox label,
.filters .form-group label {
    font-weight: 400;
    font-size: 12px;
}

.chart-line {
    margin-bottom: 40px;
    height: 500px;
}

.month-days {
    display: block;
    margin-top: 20px;
}

.records {
    margin-left: -26px;
    margin-right: -26px;
    position: relative;
}

.records .dimmer {
    position: absolute;
    /*display: none;*/
}

.records > .title,
.records > .custom-toolbar,
.fixed-table-pagination,
.fixed-table-toolbar {
    padding-left: 26px;
    padding-right: 26px;
}

.table-default tbody > tr > td,
.bootstrap-table .bs-table > tbody > tr > td {
    padding: 10px !important;
    border: 0;
    white-space: nowrap;
}

.table-default thead > tr > th:first-child,
.table-default tbody > tr > td:first-child,
.bootstrap-table .bs-table > thead > tr > th:first-child .th-inner,
.bootstrap-table .bs-table > tbody > tr > td:first-child {
    padding-left: 26px !important;
}

.table-default thead > tr > th:last-child,
.table-default tbody > tr > td:last-child,
.bootstrap-table .bs-table > thead > tr > th:last-child .th-inner,
.bootstrap-table .bs-table > tbody > tr > td:last-child {
    padding-right: 26px !important;
}

.table-responsive.bordered {
    border-radius: 4px;
    border: 1px solid #b8b8b8;
}

.table-responsive.bordered table {
    margin-bottom: 0;
}

.bootstrap-table {
    margin-top: 20px;
}

.records .fixed-table-container {
    border-radius: 0;
    border: 0;
}

.table-default thead,
.bs-table thead,
.fixed-table-header {
    background-color: #ededed;
    border: 0;
    border-radius: 0;
}

.table-default thead > tr > th {
    color: #8696a6;
}

.bs-table thead:first-child > tr:first-child > th {
    border: 0;
    border-top: 2px solid #e3e3e3;
    color: #8696a6;
    vertical-align: middle;
}

.table-default tbody tr:nth-child(odd),
.bs-table tbody tr:nth-child(odd) {
    background-color: #fcfcfc;
}

.table-default tbody tr:nth-child(even),
.bs-table > tbody > tr:nth-child(even) {
    background-color: #ededed;
}

.table-default > tbody > tr:hover,
.bs-table > tbody > tr:hover {
    background-color: #dadfe4;
}

.fixed-table-container thead th .sortable {
    /*color: #5c5c5c;*/
    /*background: none !important;*/
    position: relative;
}

.fixed-table-container thead th .sortable:after {
    /*border-top: 5px solid #8696a6;*/
    /*border-left: 4px solid transparent;*/
    /*border-right: 4px solid transparent;*/
    /*position: relative;*/
    /*right: -3px;*/
    /*top: 11px;*/
    /*content: "";*/
}

.fixed-table-body {
    /*overflow: visible;*/
    height: auto;
    position: relative;
}

.bs-table-edit .dropdown-menu {
    width: 260px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important;
    font-size: 12px;
    height: 200px;
}

.bs-table-edit .dropdown-menu ul {
    padding: 0;
}

.bs-table-edit .columns {
    margin: 0 20px;
}

.edit-table-helper .btn-link,
.bs-table-edit .keep-open .dropdown-toggle {
    color: #ababab;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    padding: 0;
    line-height: 40px;
}

.edit-table-helper .btn-link {
    margin-top: 10px;
}

.edit-table-helper > span {
    font-size: 24px;
    font-weight: 300;
}

.dropdown-menu .checkbox .cr,
.dropdown-menu .radio .cr {
    margin-right: 20px;
}

.fixed-table-body thead > tr:first-child th .th-inner {
    /*white-space: normal;*/
    background-position: 95% center;
}

.page_reports-miss .bs-table {
    width: 100% !important;
}

.fixed-table-pagination .pagination .page-first,
.fixed-table-pagination .pagination .page-pre,
.fixed-table-pagination .pagination .page-next,
.fixed-table-pagination .pagination .page-last {
    display: none;
}

.fixed-table-pagination .pagination a {
    border-color: transparent;
    color: #ed6383;
    font-weight: 700;
}

.fixed-table-pagination .pagination > .active > a,
.pagination > li > a:hover {
    color: #5c5c5c;
    border-color: transparent;
    background-color: transparent;
}

.main-content .pagination li a {
    color: #ed6383;
    border: 0;
    font-weight: 700;
}

.main-content .pagination > .active > a,
.main-content .pagination > .active > span,
.main-content .pagination > .active > a:hover,
.main-content .pagination > .active > span:hover,
.main-content .pagination > .active > a:focus,
.main-content .pagination > .active > span:focus {
    color: #5c5c5c;
    background-color: transparent;
}

.custom-toolbar .btn {
    margin-right: 5px;
}

.custom-toolbar .btn i,
.well-square .action .btn i,
.panel-side .action .btn i {
    margin-right: 10px;
}

.custom-toolbar .btn,
.well-square .btn,
.panel-rightheading .action .btn,
.page_staff .btn-default,
.page_settings-screen .btn-default,
.transfer .fileinput-button,
.resolutions .action .btn,
.resolutions .media-body .btn-link.text-gray {
    font-family: "Roboto", sans-serif;
}

.edit-table-helper .keep-open {
    display: inline-block !important;
    margin: 0 20px;
}

.edit-table-helper .keep-open button {
    color: #98a7b5;
    border: 0;
    font-weight: 300;
}

.edit-table-helper .action {
    display: inline-block;
    margin: 13px 10px 0 0;
}

.custom-toolbar .btn-link {
    color: #98a7b5;
    font-weight: 300;
    text-decoration: none;
}

.edit-table-helper .keep-open button:hover,
.edit-table-helper .btn-group.open .dropdown-toggle,
.edit-table-helper .keep-open button:focus {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: currentColor;
}

.bs-table-edit.modal {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 !important;
}

.bs-table-edit.modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
}

.bs-table-edit .modal-header,
.bs-table-edit .modal-body {
    padding: 10px 26px;
}

.bs-table-edit .modal-header {
    border: 0;
}

.page_reports-miss .modal-backdrop {
    background-color: #fff;
    filter: alpha(opacity=70);
    opacity: .7;
}


.bs-table-edit.modal .modal-content {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.edit-table-helper {
    z-index: 200;
}

.reorder {
    background-color: #d9d9d9;
    height: 16px;
    padding: 5px 6px;
    margin: 0 2px;
    cursor: move;
    display: none;
}

.icon_reorder-cols {
    width: 36px;
    height: 16px;
    background-color: #d9d9d9;
    padding: 5px 6px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}

.reorder>span,
.icon_reorder-cols>span {
    height: 1px;
    width: 100%;
    background-color: #b8b8b8;
    display: block;
    margin-bottom: 2px;
}

.ui-sortable-helper  {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.ui-sortable-helper .reorder {
    background-color: #e64b71;
}

.ui-sortable-placeholder {
    box-shadow: 4px 5px 4px #e64b71 inset;
    border-bottom: 1px solid #e64b71;
    border-top: 1px solid #e64b71;
    visibility: visible !important;
}

/* Daterangepicker */

.daterangepicker {
    padding: 67px 20px 90px;
    width: 745px;
    height: 425px;
}

.daterangepicker.single {
    width: auto;
    height: auto;
    padding: 10px;
}

.daterangepicker .calendar-date {
    border: 0;
    padding: 0;
}

.daterangepicker .ranges ul {
    width: 100%;
    min-width: 360px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.daterangepicker .ranges li {
    display: inline-block;
}

.daterangepicker .applyBtn,
.daterangepicker .cancelBtn,
.daterangepicker .ranges .range_inputs>div {
    position: absolute;
}

.daterangepicker .applyBtn {
    bottom: 20px;
    right: 26px;
    width: 140px;
}

.daterangepicker .cancelBtn {
    right: 178px;
    bottom: 20px;
    width: 140px;
}

.daterangepicker .ranges .range_inputs>div:nth-child(1) {
    left: 20px;
    top: 49px;
}

.daterangepicker .ranges .range_inputs>div:nth-child(1):after {
    content: "\002014";
    position: absolute;
    right: -13px;
    top: 26px;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
    left: 111px;
    top: 49px;
}

.daterangepicker .ranges .input-mini {
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 700;
    width: 90px;
}

.daterangepicker .ranges li {
    border: 1px solid #8696a6;
    border-radius: 0;
    color: #8696a6;
}

.daterangepicker .ranges li:first-child {
    border-radius: 5px 0 0 5px;
}

.daterangepicker .ranges li:last-child {
    border-radius: 0 5px 5px 0;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background-color: #8696a6;
    border: 1px solid #8696a6;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    color: #5c5c5c;
}

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

.daterangepicker.show-calendar .calendar.second {
    padding-right: 20px;
}

.daterangepicker .calendar td {
    background-color: #fafafa;
    width: 33px;
    height: 33px;
    font-size: 11px;
    vertical-align: middle;
    color: #333;
    border: 2px solid #fff;
    border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    border: 2px solid #fff;
}

.daterangepicker th.month {
    color: #e64b71;
    font-size: 24px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}

.daterangepicker.opensright:after,
.daterangepicker.opensright:before {
    display: none;
}

.calendar .glyphicon-arrow-left:before,
.calendar .glyphicon-arrow-right:before {
    color: #8696a6;
}

.help-text {
    font-size: 12px;
    color: #ababab;
    margin-bottom: 10px;
}

.daterangepicker .help-text {
    position: absolute;
    top: 160px;
    left: 28px;
    width: 174px;
}

/* Analytics */

.chart-panel {
    position: relative;
    padding-bottom: 60px;
}

.chart-panel .title {
    font-weight: 700;
}

.chart-panel .counter-digit {
    font-size: 38px;
}

.chart-panel .media-left {
    padding-right: 30px;
}

.panel.positive {
    border-color: #98cf91;
}

.panel.negative {
    border-color: #e79098;
}

.panel.danger {
    border-color: #d0011b;
}

.mini-chart {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
}

.mini-chart-red1 {
    background: url(../img-redisign/svg/red-1.svg) no-repeat center 0;
    background-size: cover;;
}

.mini-chart-red2 {
    background: url(../img-redisign/svg/red-2.svg) no-repeat center 0;
    background-size: cover;
}

.mini-chart-green1 {
    background: url(../img-redisign/svg/green-1.svg) no-repeat center 0;
    background-size: cover;
}

.mini-chart-green2 {
    background: url(../img-redisign/svg/green-2.svg) no-repeat center 0;
    background-size: cover;
}

.mini-chart-gray1 {
    background: url(../img-redisign/svg/gray-1.svg) no-repeat center 0;
    background-size: cover;
}

.mini-chart-gray2 {
    background: url(../img-redisign/svg/gray-2.svg) no-repeat center 0;
    background-size: cover;
}

.mini-chart-gray3 {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: "FlipH";
            filter: "FlipH";
    -ms-filter: "FlipH";
    background: url(../img-redisign/svg/gray-2.svg) no-repeat center 0;
    background-size: cover;
}

.mini-chart:before {
    content: "";
    height: 2px;
}

.mini-chart img {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: auto;
    max-height: 60px;
}

/* Analytics in */

.chart-legend {
    margin-bottom: 20px;
}

.chart-legend .media-left {
    padding-right: 20px;
}

.chart-legend .media-left,
.chart-legend .media-body {
    vertical-align: middle;
}

.chart-legend .counter-digit {
    font-size: 44px;
    line-height: 44px;
    color: #ED6383;
    font-weight: 700;
    white-space: nowrap;
}

.chart-panel .panel-body p,
.chart-legend .counter-info p {
    margin-bottom: 7px;
    font-size: 12px;
}

.chart-panel .panel-body p:last-child,
.chart-legend .counter-info p:last-child {
    margin-bottom: 0;
}

.chart-legend .form-inline {
    margin-top: 12px;
}

.chart-legend .form-inline .checkbox {
    margin-left: 10px;
}

.chart-legend label[for="last-month"] {
    color: #ED6383;
}

.chart-legend label[for="plan"] {
    color: #98A7B5;
}

.chart-line2 {
    margin-bottom: 50px;
    height: 500px;
}

.page_analytics-staff-in .text-pink .icon_arrow-prev_pink {
    vertical-align: top;
    margin-right: 5px;
}

.page_analytics-staff-in .src-period {
    margin-bottom: 20px;
}

.page_analytics-staff-in .back {
    margin-top: 40px;
    display: block;
}

.trainers-names {
    height: 100px;
    text-align: right;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}

.trainers-names a,
.trainer-name {
    display: inline-block;
    color: #98a7b5;
}

.trainer-name {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.trainers-names a.active {
    color: #e64b71;
}

.trainer .title {
    font-weight: 700;
    margin-bottom: 7px;
}

.trainer .conversion {
    margin-bottom: 20px;
}

.trainer .progress {
    margin-bottom: 0;
}

.trainer .progress-list {
    margin-bottom: 50px;
}

.trainer .progress-list > li > span {
    width: 32%;
}

.trainer .progress-list > li > .progress {
    width: 68%;
}

/* Analytics Staff */

.src-trainers {
    display: inline-block;
    vertical-align: middle;
    margin: 15px 0 50px;
}

.trainers-headers {
    width: 30%;
    float: left;
}

.trainers-body {
    width: 70%;
    margin-left: 30%;
    margin-top: -100px;
    padding-right: 10px;
}

.trainer-name {
    height: 60px;
    font-size: 12px;
    min-width: 120px;
}

.trainer-data {
    margin-top: 38px;
}

.trainer-data span {
    display: block;
    padding: 5px;
}

.leads-count,
.rp-count,
.prol-wait {
    color: #e64b71;
    font-weight: 700;
}

.trainers-headers .text-pink,
.out-count,
.prol-count {
    font-weight: 700;
}

.trainers-headers div div {
    padding: 5px;
    white-space: nowrap;
}

.trainers-headers > .leads,
.trainers-headers > .rp,
.trainer-data > .leads-data,
.trainer-data > .rp-data {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dashed #d0cfd0;
}

.trainers-headers .text-pink,
.leads-count,
.rp-count,
.prol-wait {
    margin-bottom: 20px;
}

.trainer-name a {
    color: #98a7b5;
}

.trainers-body .owl-controls .owl-prev,
.trainers-body .owl-controls .owl-next {
    position: absolute;
}

.page_analytics-staff .trainers-body .owl-controls .owl-prev,
.page_analytics-staff .trainers-body .owl-controls .owl-next {
    font-size: 0;
    width: 25px;
    height: 28px;
    background-color: #fff;
    border-radius: 5px;
}

.page_analytics-staff .trainers-body .owl-controls .owl-prev:hover,
.page_analytics-staff .trainers-body .owl-controls .owl-next:hover {
    background-color: #e64b71;
}

.trainers-body .owl-controls .owl-prev {
    left: -67px;
    top: 20px;
}

.trainers-body .owl-controls .owl-next {
    right: -30px;
    top: 20px;
}

.trainers-headers .icon_arrow-down {
    display: block;
    margin: 10px 0 3px;
}

.conv-in,
.conv-out,
.conv-diag,
.conv-count {
    margin-bottom: 22px;
}

.trainers-body .item:hover,
.trainers-body .item:hover .trainer-name a {
    cursor: pointer;
    color: #e64b71;
}

/* Billing Billing-details */

.page_billing form .title,
.page_billing-details form .title {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}

.page_billing form label,
.page_billing-details form label {
    font-weight: 400;
}

.page_billing form .form-group,
.page_billing-details form .form-group {
    margin-bottom: 25px;
}

.page_billing form .help,
.page_billing-details form .help {
    margin-bottom: 40px;
}

.page_billing .action,
.page_billing-details .action {
    margin: 10px 0;
}

.page_billing .action button,
.page_billing-details .action button {
    margin-right: 10px;
}

.page_billing .video,
.page_billing-details .video {
    margin-bottom: 20px;
    width: 100%;
}

.page_billing .video>div,
.page_billing-details .video>div {
    margin-bottom: 10px;
}

.page_billing-details .info {
    color: #ababab;
    margin-bottom: 10px;
}

.well-simple {
    background-color: #fff;
    box-shadow: none;
}

.page_billing-details .well-simple .title {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px;
}

.page_billing-details .well-simple .title i {
    vertical-align: middle;
}

.page_billing-details .btn-lg {
    width: 175px;
}

/* Billing-in Billing-services */

.modal .close {
    filter: alpha(opacity=70);
    opacity: .7;
}

.close:hover, .close:focus {
    filter: alpha(opacity=100);
    opacity: 1;
}

.page_billing-in .main-header .title,
.page_billing-services .main-header .title {
    font-size: 12px;
    margin-top: 7px;
}

.page_billing-in .main-header .title i,
.page_billing-services .main-header .title i {
    vertical-align: middle;
}
.modal.videoinstruction .modal-body {
    padding: 20px 40px 40px;
    text-align: center;
}

.page_billing-in .panel .media-body p,
.page_billing-services .panel .media-body p {
    margin: 5px 0;
}

.page-tabs {
    margin: 10px 0 20px;
}

.page_billing-in .nav-secondary,
.page_billing-services .nav-secondary {
    margin-bottom: 0;
}

.bootstrap-table .table-editable > tbody > tr > td {
    border-top: 1px solid #fff;
    white-space: normal;
}

.bootstrap-table .table-editable {
    padding: 0 !important;
}

#table-not-paid .fixed-table-container,
#table-services .fixed-table-container {
    border-radius: 5px;
    border: 1px solid #cdcccd;
}

#table-not-paid thead:first-child > tr:first-child > th,
#table-services thead:first-child > tr:first-child > th,
#table-trainer-active thead:first-child > tr:first-child > th {
    border-top: 0;
}

/* Billing Details */

/* Billing Bill (Error, Expire) */

/*.panel-side:hover .btn {*/
    /*background-color: inherit;*/
/*}*/

.panel-side {
    float: left;
}

.panel-side .panel-body,
.panel-side .panel-sidebar {
    display: inline-block;
}

.panel-side .panel-sidebar {
    padding: 30px 15px;
}

.panel-side .panel-body {
    padding: 0;
    font-size: 12px;
}

.panel-side .panel-section {
    padding: 15px 0 15px;
    margin-left: 35px;
    margin-right: 45px;
}

.panel-side .panel-section:first-child,
.panel-side .partition:first-child {
    padding-top: 30px;
}

.panel-side .panel-section:last-child,
.panel-side .partition:last-child {
    padding-bottom: 30px;
}

.panel-side .panel-section label {
    color: #ababab;
    font-weight: 400;
}

.panel-side .panel-sidebar {
    margin-bottom: 0;
    background-color: #e8e8e8;
    border-radius: 0 3px 3px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
        -ms-flex-flow: column wrap;
            flex-flow: column wrap;
}

.panel-side:hover {
    background-color: transparent;
}

.panel-side .media-left {
    vertical-align: middle;
}

.panel-side .title {
    color: #ed6383;
    font-weight: 700;
    font-size: 12px;
    margin-bottom: 10px;
    padding-left: 12px;
}

.panel-side h2 {
    font-size: 24px;
    font-weight: 300;
    margin-top: 0;
}

.panel-side .panel-sidebar .action {
    margin: 0 12px;
}

.panel-side .panel-sidebar .action .btn {
    padding: 6px 12px;
    font-size: 12px;
    margin-bottom: 19px;
}

.panel-side .panel-sidebar .action .btn:last-child {
    margin-bottom: 0;
}

.panel-side .monthly h2 {
    font-weight: 700;
}

.panel-side .monthly label {
    margin-bottom: 0;
}

.payment-methods {
    line-height: 1;
    text-align: right;
    padding-top: 10px;
}

.panel-simple .payment-methods label {
    margin-right: 10px;
}

ul.pink-dots {
    padding-left: 12px;
}

ul.pink-dots li {
    color: #ed6383;
    font-size: 14px;
    line-height: 1.1;
    margin-bottom: 1em;
}

ul.pink-dots li > span {
    color: #5c5c5c;
}

.panel-side ul.pink-dots {
    margin-bottom: 50px;
}

.panel-side ul.pink-dots li > span {
    font-size: 11px;
}

.panel-side .counter-digit {
    font-weight: 700;
    font-size: 44px;
}

.panel-side .counter-digit > span {
    font-weight: 400;
    color: #ed6383;
}

.panel-side .monthly .action {
    padding-left: 15px;
}

.panel-side .media-left i {
    margin-right: 12px;
}

.panel-error,
.panel-error:hover {
    border-color: #db2022;
}

.well-error {
    background-color: #ffe7ea;
    border-color: #ffe7ea;
    box-shadow: none;
    padding: 25px 40px 20px;
    line-height: 1.2;
}

.well-error .title {
    color: #db2022;
    font-size: 24px;
    margin-bottom: 10px;
}

.well-error .media-right {
    vertical-align: middle;
}

.panel-error .expired p:first-child {
    margin-bottom: 7px;
}


/* Management */

.title-big {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 15px;
}

.abonements,
.services,
.products {
    margin-bottom: 40px;
}

.abonements .bootstrap-table,
.services .bootstrap-table,
.products .bootstrap-table {
    margin-top: 0;
}

.abonements table .date-interval,
.services table .date-interval,
.products table .date-interval {
    display: block;
}

.abonements .nav-secondary,
.services .nav-secondary,
.products .nav-secondary {
    margin-bottom: 10px;
}

.add-abon {
    margin-top: 5px;
}

.table-editable {
    font-size: 12px;
}

.page_management .table-editable > tbody > tr > td:first-child,
.page_management-products .table-editable > tbody > tr > td:first-child,
.edit-mgm-abonements tr td:first-child,
.edit-mgm-products tr td:first-child {
    width: 175px;
}

.table-editable > tbody > tr > td:last-child {
    padding-right: 10px;
    width: 17px;
}

.table-editable .record-edit {
    cursor: pointer;
    margin: 0;
}

.table-editable > tbody > tr > td > .record-edit {
    opacity: 0;
}

.table-editable > tbody > tr:hover > td > .record-edit {
    opacity: 1;
}

.tooltip-inner {
    max-width: 200px;
    padding: 13px 15px;
    color: #5c5c5c;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 1px 0px 3px rgba(10, 10, 10, 0.2), -1px 2px 2px rgba(10, 10, 10, 0.2);
}

.tooltip.left .tooltip-arrow,
.help-block  + .tooltip .tooltip-arrow,
.question + .tooltip .tooltip-arrow {
    display: none;
}

.table-editable .form-edit {
    display: none;
}

.edit-wrapper .modal {
    position: absolute;
    left: 0;
    top: 41px;
    padding: 0 !important;
    overflow: hidden;
    min-height: 440px;
}

.edit-wrapper .modal-dialog {
    width: 100%;
    min-height: 440px;
    margin: 0;
}

.add-items .modal-dialog {
    width: auto;
    min-height: 440px;
    margin: 0;
}

.add-items {
    top: 40%;
    padding: 0 !important;
}

.add-items .modal-content {
    background-color: transparent;
}

.add-items table,
.add-set-screen .form {
    background-color: #fff;
    margin: 0 auto;
    max-width: 900px;
}

.add-items .form {
    padding-bottom: 20px;
}

.add-items .modal-content,
.edit-wrapper .modal-content {
    border-radius: 0;
    border: 0;
    box-shadow: none;
}

.add-items .modal-body,
.edit-wrapper .modal-body {
    padding: 0;
}

.add-items .modal-header,
.edit-wrapper .modal-header {
    border: 0;
}

.table-editable thead:first-child > tr:first-child > th {
    border-top: 0;
}

.edit-row table tr:first-child td:first-child {
    text-align: left;
}

.edit-row table td {
    border: 0;
    vertical-align: top;
    padding: 10px;
    text-align: left;
}

.edit-row table tr:first-child,
.edit-row table tr:last-child {
    background: transparent;
}

.edit-row {
    padding: 0 0 15px;
}

.edit-row table > thead {
    border-bottom: 1px solid #797979;
}

.edit-row table tr td:first-child {
    padding-left: 26px;
}

.edit-row table tr td:last-child {
    padding-right: 26px;
    text-align: right;
}

.edit-row table tr td:last-child label {
    text-align: left;
}

.edit-row .form-inline label {
    display: block;
    font-weight: 400;
}

.edit-row .msg {
    padding: 20px 0;
    font-size: 14px;
}

.edit-row .msg i {
    margin-right: 15px;
    vertical-align: middle;
}

.form-disabled {
    opacity: .5;
}

.edit-row .input-group-addon,
.waybill .input-group-addon {
    padding: 0;
}

.input-group .bootstrap-select .dropdown-toggle {
    height: 26px;
    border: 0;
}

#ab-name1,
#ab-name-add,
#ab-name2 {
    width: 171px;
}

#ab-name3 {
    width: 263px;
}

#ab-count1,
#ab-count2,
#ab-count-add,
#ab-clients3,
#ab-remain3 {
    width: 61px;
}

#ab-period1, #ab-period2, #ab-period-add,
#ab-froze1, #ab-froze2, #ab-froze-add {
    width: 38px;
    padding: 4px;
}

#ab-froze2 {
    width: 95px;
}

#ab-price1,
#ab-price-add,
#ab-price2,
#ab-price3,
#ab-price-card1,
#ab-price-card-add,
#ab-price-card2 {
    width: 75px;
}

#ab-desc1,
#ab-desc2,
#ab-desc-add,
#ab-desc3 {
    width: 100%;
    height: 95px;
}

label[for^="ab-desc"] {
    text-align: left;
}

.edit-mgm-abonements tbody tr:nth-child(odd),
.edit-mgm-abonements .bs-table tbody tr:nth-child(even),
.edit-row table > thead td {
    background-color: #fff;
}

.edit-mgm-abonements .action .btn,
.edit-mgm-products .action .btn,
.edit-mgm-services .action .btn,
.edit-set-screen .action .btn,
.page_settings-screen-settings .action .btn,
.abonements .action .btn-lg {
    width: 150px;
}

.edit-mgm-abonements .action .btn:first-child,
.action .btn-lg:first-child {
    margin-right: 10px;
}

.edit-mgm-abonements .form-control {
    font-weight: 700;
}

/* Management Sources */

.src-period > label {
    font-weight: 400;
    margin-right: 10px;
    vertical-align: middle;
}

.progress-list > li {
    margin-bottom: 14px;
}

.progress-list > li > span,
.progress-list > li > .progress {
    width: 50%;
}

.progress-list li > span {
    display: block;
}

.progress-gray .progress-bar {
    background-color: #8696a6;
}

.progress-list .progress {
    margin-top: 0;
}

.page_management-sources .title,
.page_analytics-sources .title {
    font-weight: 700;
    color: #5c5c5c;
    margin-bottom: 10px;
}

.conversion {
    font-size: 12px;
}

/* Management Src */

.page_management-src .fixed-table-toolbar {
    margin: 0 -26px;
}

.fixed-table-toolbar .searchbox {
    max-width: 220px;
    margin: 4px 20px 10px;
}

.records-total {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
}

/* Staff */

.main-header .employees {
    font-size: 14px;
}

.employees strong {
    text-transform: none;
}

.page_staff .panel-side .panel-sidebar,
.page_staff_edit .panel-side .panel-sidebar {
    padding: 0;
    background-color: #c7c7c7;
    border-radius: 4px;
}

.page_staff .panel-side,
.page_staff_edit .panel-side {
    width: 100%;
    box-shadow: 1px 3px 3px rgba(10, 10, 10, 0.2), -1px 0px 2px rgba(10, 10, 10, 0.2);
    border: 0;
}

.page_staff .user-photo img,
.page_staff_edit .user-photo img,
.client-details img {
    width: 88px;
    height: 88px;
}

.page_staff .panel-side .panel-section:first-child,
.page_staff_edit .panel-side .panel-section:first-child {
    padding-top: 18px;
    margin-right: 30px;
}

.page_staff .user-photo,
.client-details .user-photo {
    width: 88px;
}

.page_staff .panel-side-left .media {
    margin-bottom: 20px;
}

.page_staff .panel-side-left .media,
.page_staff_edit .panel-side-left .media,
.page_staff .panel-side-left .media-body,
.page_staff_edit .panel-side-left .media-body {
    overflow: visible;
}

.page_staff .icon_fb {
    border-radius: 3px;
    margin-top: 17px;
}

.page_staff .panel-section .form-group label,
.page_staff_edit .panel-section .form-group label {
    color: #5c5c5c;
    margin-bottom: 3px;
}

.page_staff .form-control-static,
.page_staff_edit .form-control-static {
    font-size: 14px;
    padding-top: 0;
}

.page_staff .panel-body .action {
    text-align: center;
    margin: 20px 0;
}

.page_staff .panel-section h2 {
    margin: 17px 0 10px;
}

#emp-status + .bootstrap-select {
    max-width: 137px;
}

.staff-btns {
    margin-bottom: 10px;
}

.panbar {
    background-color: transparent;
    border: 0;
    margin-bottom: 0;
}

.panbar .navbar-collapse {
    padding: 0;
    box-shadow: none;
}

.panbar  ul.navbar-nav {
    margin-bottom: 0;
}

.panbar .navbar-nav > li {
    width: 100%;
}

.panbar .navbar-nav > li > a {
    color: #5c5c5c;
    padding-left: 25px;
    padding-right: 25px;
    line-height: 1.2;
}

.panbar .navbar-nav > li.active > a {
    background-color: #8696a6;
    color: #fff;
}

.panbar .navbar-nav > li:first-child > a {
    padding-top: 20px;
    border-radius: 3px 3px 0 0;
}

.panbar .navbar-nav > li:last-child > a {
    padding-bottom: 20px;
    border-radius: 0 0 3px 3px
}

.navbar-toggle {
    background-color: #ddd;
}

.navbar-toggle .icon-bar {
    background-color: #eee;
}

/* Staff Edit */

.page_staff_edit .user-photo {
    width: 88px;
    height: 88px;
    position: relative;
    overflow: hidden;
}

.page_staff_edit .user-photo a {
    position: relative;
    bottom: 42px;
    text-align: center;
    width: 80px;
    color: #fff;
    padding: 2px 10px;
    display: block;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 50%;
    margin-left: -40px;
}

.staff-edit .media-right {
    padding-left: 20px;
}

.staff-edit .title {
    color: #5c5c5c;
    padding: 0;
    font-weight: 700;
}

.staff-edit [class$="-wrapper"],
.staff-workdata .form-inline {
    margin-bottom: 15px;
}

.phones-wrapper .form-group,
.social-wrapper .form-group,
.skypes-wrapper .form-group,
.emails-wrapper .form-group,
.achievs-wrapper .form-group,
.violats-wrapper .form-group {
    margin-bottom: 5px;
}

.staff-edit .social-chooser {
    bottom: -212px;
    left: 0;
}

.emails .input-group .form-control,
.skypes .input-group .form-control,
.achievs .input-group .form-control,
.violats .input-group .form-control,
.staff-private, #population_of_district  {
    border-radius: 4px;
}

.staff-edit .bootstrap-select {
    max-width: 140px;
}

.panel-side .partition {
    margin-left: 35px;
    margin-right: 45px;
    padding: 15px 0;
    margin-bottom: 10px;
}

.icon-addon + .input-group-addon {
    background-color: transparent;
    padding: 0;
    border: 0;
}

label[for="match-addr"] {
    padding-left: 0;
}

.staff-private .address .form-control,
.staff-private .registration .form-control,
.staff-lpwork .lpwork .row:last-child .form-control,
#exp {
    padding: 4px;
}

#exp {
    width: 45px;
}

.staff-workdata .form-inline .checkbox {
    margin-left: 15px;
}

.panel-side .staff-lpwork {
    border-bottom: 0;
}

.staff-lpwork .addother {
    display: block;
}

.lpwork:not(:last-of-type) {
    border-bottom: 1px dashed #E64B71;
    margin-bottom: 10px;
}

.staff-edit .action {
    margin: 20px 0 50px;
    text-align: center;
}

.staff-edit .action .btn {
    width: 40%;
}

/* Clients */

.letter {
    font-weight: 700;
    margin-bottom: 25px;
}

.clients .column {
    width: 25%;
}

.client {
    margin-bottom: 25px;
    line-height: 1.2;
}


.client-details .modal-body {
    padding: 15px 40px;
}

.client-details .close {
    margin-top: 15px;
}

.page_clients .modal h2 {
    margin: 10px 0;
}

.client-bd {
    display: block;
}

.client-details .media,
.client-details .media-body {
    overflow: visible;
}

.club-attached .bootstrap-select {
    margin-right: 15px;
}

.client-details .form-group label,
.club-attached {
    font-size: 12px;
}

.client-details .form-group label {
    margin-bottom: 3px;
    font-weight: 400;
}

.client-details .form-control-static {
    min-height: 20px;
}

.client-details .form-group p {
    padding: 0;
}

.first-info {
    margin-bottom: 40px;
}

#clubs + .bootstrap-select {
    width: auto;
    display: inline-block;
    max-width: 211px;
}

.client-details .partition {
    padding-bottom: 0;
}

.waybill .help-text {
    margin-top: 20px;
    margin-left: 10px;
}

.waybill .checkbox label {
    padding-left: 0;
    line-height: 1.5;
}
/* Page 404, 403 */

.page_404 {
    background-color: #4a4a4a;
}

.center-block h2 {
    font-family: 'Bebas Neue Book';
    font-size: 17px;
    color: #fff;
    margin: 0 0 46px;
    letter-spacing: .2em;
}

.center-block {
    width: 456px;
    height: 550px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -275px 0 0 -228px;
    text-align: center;
}

.block-white {
    padding: 45px;
    border-radius: 4px;
    background-color: #fff;
}

.center-block h3 {
    font-weight: 300;
    font-size: 24px;
    margin: 30px 0 20px;
}

.center-block p {
    font-size: 18px;
    margin: 20px 0 22px;
}

.center-block .action {
    margin-top: 67px;
}

.center-block .action a,
.center-block .action .btn,
.center-opening .form-control {
    width: 258px;
    margin: 0 auto;
}

/* Opening Login & Opening Reset */

.page_opening-login {
    background: url(../img-redisign/login-bg_backdrop.jpg) no-repeat center top;
    background-size: cover;
}

.page_opening-reset, .page_opening-reset-done {
    background: url(../img-redisign/reset-bg_backdrop.jpg) no-repeat center top;
    background-size: cover;
}

.center-opening .input-lg {
    font-size: 24px;
    padding: 10px 35px 10px 25px;
    transition: all 0.3s;
}

.login-remind .input-lg:focus {
    width: 360px;
}

.center-opening h3 {
    margin-top: 0;
}

.center-opening .help,
.page_opening-registration .help {
    font-size: 18px;
    margin-bottom: 28px;
}

.center-opening .action .btn:first-child {
    margin-bottom: 10px;
}

.center-opening .block-white {
    background-color: rgba(255,255,255,.9);
}

.center-opening .action {
    margin-top: 35px;
}

.icon-tooltip .form-group {
    position: relative;
}

.icon-tooltip .help-block {
    position: absolute;
    right: 70px;
    top: 15px;
    padding: 0;
    margin: 0;
    font-size: 0;
    display: block !important;
}

.login-remind .input-lg:focus + .help-block {
    right: 18px;
}

.icon-tooltip .has-success input,
.icon-tooltip .has-success input:focus {
    border-color: #64c900;
    color: #5c5c5c;
}

.page_opening-reset-done h3 {
    margin-top: 20px;
}

.page_opening-reset-done .block-white {
    padding-top: 80px;
}
.page_opening-reset-done .action {
    margin-top: 100px;
}

.login-remind .back {
    color: #8696a6;
}

/* Opening Registration */

.full-height {
    background-color: #fff;
}

.page_opening .sidebar {
    width: 255px;
    background-color: rgba(220, 220, 220, .8);
}

.page_opening .main-content {
    margin-left: 255px;
}

.sidebar .steps {
    padding-left: 0;
    margin: 40px 0 70px;
    list-style-position: inside;
}

.welcome {
    text-align: center;
    padding: 60px 60px 40px;
}

.steps li a {
    color: #5c5c5c;
    display: block;
    padding: 10px 20px 10px 39px;
}

.steps li.dis a {
    opacity: .5;
    cursor: not-allowed;
}

.steps li.active {
    color: #fff;
}

.steps li.active a {
    background-color: #e64b71;
    opacity: 1;
    color: #fff;
    transition: all 0.3s ease;
}

.steps li {
    font-weight: 700;
    position: relative;
}

.steps li i {
    position: absolute;
    top: calc(50% - 9px);
    left: 10px;
}

.steps li span {
    font-weight: 400;
}

.action-super {
    padding: 0 10px;
}

.action-super .btn {
    white-space: normal;
    padding: 25px;
    text-align: left;
    font-weight: 400;
    font-family: Roboto, sans-serif;
    margin-bottom: 20px;
}

.action-super .btn .title {
    font-weight: 700;
    color: #ed6383;
    font-size: 24px;
    line-height: 1.1;
    display: block;
    width: 60%;
    margin-bottom: 1em;
}

.btn-original:hover .title,
.btn-original:focus .title {
    color: #fff;
}

/* Page Opening Club (step1) */

.page_opening .partition h2 {
    margin-bottom: 10px;
}

.club-owner .addother {
    margin: 3px 10px 0;
    display: block;
}

.page_opening .partition {
    padding: 15px 0;
    margin-bottom: 10px;
}

.media-body .help-text {
    margin: 0
}

.page_opening-club1 .partition.programm-pass,
.page_opening-club2 .partition.club-addr,
.page_opening-club2 .partition.comment {
    border-bottom: 0;
}

.btn-next i {
    vertical-align: text-top;
    margin-left: 8px;
}

/* Page Opening (step2) */

.page_opening-club2 .partition.club-addr {
    padding-bottom: 0;
}
.outer {
    margin: -26px -26px 0;
}

.alert a {
    cursor: pointer;
}

.outer>.alert {
    position: relative;
    border-radius: 0;
}

.outer>.alert,
.outer>div {
    padding-left: 26px;
    padding-right: 26px;
}

.outer .alert .alert-link {
    font-weight: 400;
    position: relative;
}

.outer>.alert .alert-link:not(.collapsed):before {
    content: "";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    bottom: -6px;
    right: 70px;
    width: 24px;
    height: 9px;
    display: block;
}

.outer>.alert-warning .alert-link:before {
    border-top: 9px solid #fcf8e3;
}

.outer>.alert-danger .alert-link:before {
    border-top: 9px solid #ffd7dc;
}

.alert-danger .alert-link {
    color: #db2022;
}

.alert-warning .alert-link {
    color: #8a6d3b;
}

.page_opening-club2 .club-addr {
    margin-top: 30px;
}

.page_opening-club2 .alert a:after {
    display: none;
}

.page_opening-club2 .main-content .partition:not(.club-addr) .row {
    margin: 0 -15px;
}

.page_opening-club2 .main-content .partition:not(.club-addr) .row > [class^="col"] {
    padding: 0 15px;
}

.outer>.alert a .icon_comment_darkyellow,
.outer>.alert a .icon_comment_red {
    vertical-align: top;
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.outer>.alert {
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.outer>.alert-danger {
    background-color: #ffd7dc;
    border-top-color: #ffc5cd;
    color: #db2022;
}

.rejected.alert-danger {
    background-color: #ffe3e7;
    color: #db2022;
    border-top-color: transparent;
}

.comment-msg {
    padding-top: 20px;
    padding-bottom: 10px;
}

.comment-warning {
    background-color: #eee0c8;
    padding-left: 26px;
    padding-right: 26px;
}

.comment-danger {
    background-color: #ffc5cd;
}

.comment-msg .media-left {
    padding-left: 23px;
    padding-right: 39px;
}

.comment-msg .user-photo {
    width: 88px;
    text-align: center;
    font-size: 12px;
}

.comment-msg .title {
    font-weight: 700;
}

.comment-msg .user-photo img {
    width: 88px;
    height: 88px;
    margin-bottom: 7px;
}

.comment-msg .date {
    font-size: 12px;
    margin-bottom: 10px;
}

.comment-warning .tip {
    padding: 10px 0;
    border-top: 1px dashed #c2b2a1;
}

#population_of_district + .input-group-addon {
    border: 0;
    background-color: transparent;
}

#map-canvas {
    height: 326px;
}

.controls {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#pac-input {
    background-color: rgba(255,255,255,.9);
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 188px;
    border: 1px solid #e64b71;
    border-radius: 5px;
    font-size: 12px;
    transition: all 0.3s ease;
}

#pac-input::-webkit-input-placeholder {
    color: #e64b71;
}

#pac-input:-moz-placeholder {
    color: #e64b71;
}

#pac-input::-moz-placeholder {
    color: #e64b71;
}

#pac-input:-ms-input-placeholder {
    color: #e64b71;
}

#pac-input:focus {
    width: 400px;
}

#type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#type-selector label {
    font-size: 13px;
}

.page_success .main-content,
.page_reject .main-content {
    position: relative;
}

.page_success .center-block,
.page_reject .center-block {
    width: 600px;
    height: 300px;
    margin-top: -160px;
    margin-left: -300px;
}

.page_success p,
.page_reject p {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 300;
}

.page_success p.big-text,
.page_reject p.big-text {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.page_success p.small-text,
.page_reject p.small-text {
    font-size: 12px;
}

.page_success .action,
.page_reject .action {
    margin-top: 0
}

.page_success .action .btn,
.page_reject .action .btn {
    width: 190px;
}

/* Page Opening (step3) */

.open-three h2 {
    font-size: 18px;
    font-weight: 400;
}

.open-three h2 .icon_calendar {
    margin-right: 10px;
    vertical-align: text-bottom;
}

.open-three .form-inline {
    margin-bottom: 20px;
}

.open-three .form-inline label:first-child {
    display: block;
}

.open-three .dateinput.singledate {
    margin-right: 20px;
}

.has-success .help-block {
    color: #64c900;
}

/* Page Opening (step4) */

.page_opening-club4 .main-header i {
    margin-right: 13px;
    position: relative;
    top: 3px;
}

.page_opening-club4 .comment-warning .media-body {
    padding-top: 20px;
}

.page_opening-club4-filled .eight-weeks {
    margin-bottom: 30px;
}

.main-content .eight-weeks li {
    width: 24%;
    display: inline-block;
    padding: 10px 15px 15px;
    border: 1px solid transparent;
    margin-bottom: 0;
}

.main-content .eight-weeks li span {
    font-weight: 500;
    color: #98a7b5;
}

.main-content .eight-weeks li.active {
    border-radius: 5px 5px 0 0;
    border-top-color: #c9c9c9;
    border-left-color: #c9c9c9;
    border-right-color: #c9c9c9;
}

.main-content .eight-weeks li.grayed.active {
    padding-top: 33px;
}

.page_opening-club4-filled .eight-weeks li.active {
    border-top-color: #00b102;
    border-left-color: #00b102;
    border-right-color: #00b102;
}

.main-content .eight-weeks li i {
    display: block;
    margin: 0 25px 7px;
}

.main-content .eight-weeks li span {
    text-align: center;
}

.main-content .eight-weeks li.approved span,
.main-content .week-buttons li.approved span {
    color: #00b102;
}

.main-content .eight-weeks li.missed span,
.main-content .week-buttons li.missed span {
    color: #db2022;
}

.page_opening-club4-filled .week-buttons .active .btn {
    border-color: #00b102;
    color: #00b102;
}

.assignments-counts .outer {
    margin-left: -46px;
    margin-right: -46px;
    margin-top: 0;
}

.assignments-counts .outer>div {
    padding: 0;
}

.assignments-counts .outer .table-default tr>th:first-child,
.assignments-counts .outer .table-default tr>td:first-child {
    padding-left: 46px !important;
}

.assignments-counts .outer .table-default tr>th:last-child,
.assignments-counts .outer .table-default tr>td:last-child {
    padding-right: 46px !important;
}

.assignments-counts .table-default thead > tr > th {
    color: #5c5c5c;
    border: 0;
}

.assignments-counts .table-default th:not(:first-child),
.assignments-counts .table-default td:not(:first-child) {
    text-align: center;
}

.assignments-counts tfoot tr td {
    border: 0;
}

.page_opening-club4 .comment-status {
    margin-bottom: 30px;
}

.assignments {
    margin-bottom: 50px;
}

.assignments > h2,
.resolutions h2 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
}

.assignments > h2  small {
    font-size: 12px;
    color: #ababab;
    display: block;
    margin-top: 7px;
}

.assignments .panel {
    box-shadow: 1px 3px 3px rgba(10, 10, 10, 0.2), -1px 0px 2px rgba(10, 10, 10, 0.2);
}

.assignments .panel-body .title {
    font-size: 18px;
    color: inherit;
    margin-bottom: 15px;
}

.assignments .panel-heading,
.assignments .panel-body {
    padding-left: 45px;
    padding-right: 45px;
}

.doc-scan .row>div,
.furniture>div {
    margin-bottom: 15px;
}

.doc-scan .row>div>img {
    width: 188px;
    height: 109px;
}

.assignments-counts td.lastname input,
.assignments-counts td.firstname input,
.assignments-counts td.fathername input {
    min-width: 136px;
}

.assignments-counts.edit th.assigns,
.assignments-counts.edit td.assigns {
    padding-left: 36px;
}

.assignments-counts.edit td.assigns,
.assignments-counts.edit td.contacts {
    width: 55px;
}

.assignments-counts tfoot td.assigns,
.assignments-counts tfoot td.contacts {
    text-align: center;
}

.assignments-counts.edit tfoot tr:first-child td {
    padding-bottom: 20px;
}

.page_opening-club4-filled .assignments .action {
    text-align: center;
}

tr.today td,
tr.total td {
    font-weight: 700;
    color: #ababab;
}

.assignments .action {
    margin: 30px 0 15px;
}

.assignments .action .btn {
    padding-left: 35px;
    padding-right: 35px;
    margin-bottom: 10px;
}

.unblocked {
    padding-top: 50px;
    max-width: 600px;
    margin: 0 auto;
}

.unblocked p {
    margin: 20px 0 22px;
}

.unblocked p.big-text {
    margin-bottom: 25px;
}

.unblocked .action {
    padding-top: 20px;
}

.resolutions .badge {
    margin-right: 10px;
}

.resolutions .action .btn {
    padding: 0;
    font-weight: 400;
    font-size: 12px;
    text-align: right;
}

.resolutions .media {
    overflow: visible;
}

.resolutions .media-body .btn-link.text-gray {
    font-size: 12px;
    padding: 0;
    margin-bottom: 15px;
}

.rounded {
    border-radius: 4px;
    border: 1px solid #9b9b9b;
    padding: 4px 7px;
    position: relative;
}

.resolutions .media-left {
    padding-right: 15px;
}

.resolutions .partition.row {
    margin-left: -15px;
    margin-right: -15px;
}
.resolutions .partition.row > [class^="col"] {
    padding-left: 15px;
    padding-right: 15px;
}

.circle,
.submitted.circled:before {
    border-radius: 50%;
    position: absolute;
    display: block;
}

.resolutions .circle,
.submitted.circled:before {
    width: 10px;
    height: 10px;
}

.resolutions .circle {
    top: -4px;
    right: -4px;
}

.chat-message {
    margin-bottom: 15px;
}

.mini-chat .author {
    font-weight: 700;
}

.chat-message .date {
    color: #ababab;
}

.submitted.circled {
    position: relative;
}

.submitted.circled:before {
    content: "";
    background-color: #f5a623;
    left: -20px;
    top: 4px;
}

.resolutions .bg-negative,
.resolutions .bg-positive {
    color: #fff;
}

.resolutions .bg-negative {
    border-color: #db2022;
}

.resolutions .bg-positive {
    border-color: #0fa607;
}

.furniture {
    margin-bottom: 20px;
}

.furniture>div>img {
    width: 152px;
    height: 94px;
}

.furniture .dropzone {
    max-width: 152px;
    height: 94px;
    min-height: 94px;
}

.furniture .dz-preview.dz-image-preview {
    min-height: 92px;
}

.furniture .dropzone .dz-preview .dz-image {
    border-radius: 5px;
    height: 92px;
}

.furniture .dz-preview .dz-remove {
    right: 14px;
    top: auto;
    bottom: 11px;
}

.furniture .dz-message {
    margin: 10px 0;
}

.collapsible.collapsed {
    display: none;
}

/* Page Welcome */

.page_welcome {
    background-color: #fff;
}

.transfer {
    padding-top: 70px;
}

.transfer .text-center {
    padding-bottom: 50px;
}

.page_welcome h2 {
    font-family: "Roboto", sans-serif;
    font-size: 27px;
    font-weight: 400;
    letter-spacing: normal;
    color: inherit;
}

.page_welcome .uploads strong {
    display: block;
}

.transfer .uploads {
    margin-bottom: 40px;
    counter-reset: item;
}

.transfer .uploads p {
    position: relative;
}

.transfer .uploads p:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-size: 34px;
    color: #ed6383;
    font-weight: 300;
    display: block;
}

.transfer .action .help-text {
    font-size: 14px;
    margin-bottom: 30px;
}

.plupload_header {
    display: none;
}
.plupload_filelist_header,
li.plupload_droptext,
.plupload_filelist_footer {
    padding: 8px 12px 6px;
}
.plupload_file_name {
    padding: 0;
}
.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
    margin-left: 5px;
    margin-right: 5px;
}
.plupload_filelist_header {
    background-color: #dfdfdf;
    font-weight: 700;
    border-bottom: 1px solid #cdcdcd;
}
.plupload_total_file_size, .plupload_total_status {
    font-weight: 700;
}
.plupload_container {
    min-height: 263px;
}
.plupload_content, .plupload_scroll .plupload_filelist {
    overflow-y: auto; /* remove this for production */
}
.plupload_content {
    top: 0;
}
.plupload_buttons .plupload_button {
    padding: 5px 8px;
    font-size: 10px;
    border-radius: 0;
}
.plupload_buttons .plupload_add,
.plupload_buttons .plupload_add:hover {
    background: #50abc2;
    color: #fff;
    border-color: #50abc2;
}
.plupload_buttons .plupload_start,
.plupload_buttons .plupload_start:hover {
    background: #fff;
    color: #9d9794;
    border-color: #e1e1e1;
    text-decoration: none;
}
.plupload_filelist_footer {
    background: #dfdfdf;
    border-top: 1px solid #fff;
}
.plupload_droptext {
    display: list-item;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}
.plupload_scroll .plupload_filelist {
    height: 175px;
    background-color: #f5f5f5;
}
.transfer .action .btn {
    width: 200px;
}

/* Help */

.faq-section {
    margin: 15px 0 30px;
}

.faq-section .title {
    font-weight: 700;
    margin-bottom: 15px;
}

.faq-section ul {
    padding-left: 18px;
    margin-bottom: 20px;
}

.main-content ul.nav-pills,
.main-content ul.navbar-nav {
    padding-left: 0;
}

.main-content ul.nav-pills li,
.main-content ul.navbar-nav li {
    margin-bottom: 0;
}

.main-content ul li {
    color: #98a7b5;
    line-height: 14px;
    margin-bottom: 10px;
}

.main-content .dropdown-menu li {
    margin-bottom: 0;
}

.faq-section ul li {
    font-size: 18px;
}

.main-content ul li a {
    color: #98a7b5;
    font-size: 14px;
}

.main-content ul li:hover,
.main-content ul li a:hover {
    color: #e64b71;
}

.faq-section .more {
    padding-left: 18px;
}

/* Help In */

.page_help-in .well-square {
    margin-bottom: 0;
}

.sides {
    margin: 0 -26px -100px;
    overflow: hidden;
}

.side-first {
    float: left;
    background-color: #c7c7c7;
    width: 100%;
}

.page_help-in h1,
.page_help-in .side-second p,
.help-modal h1,
.help-modal p {
    font-family: Georgia;
}

.page_help-in h1,
.help-modal h1 {
    font-size: 38px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.side-second {
    padding: 0 25px 40px;
}

.page_help-in .side-second p,
.help-modal .side-second p {
    font-size: 21px;
}

.page_help-in .embed-responsive,
.help-modal .embed-responsive {
    margin-bottom: 20px;
}

/* Tutorial */

.tuts {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.tut {
    width: 14px;
    display: none;
    height: 14px;
    border-radius: 50%;
    box-shadow: 0px 2px 6px 2px rgba(0, 0, 0, 0.27);
    cursor: pointer;
    position: absolute;
    z-index: 995;
    background: #ff7d9e; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom,  #ff7d9e 0%,#ff5078 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7d9e', endColorstr='#ff5078',GradientType=0 ); /* IE6-9 */
}

.tut:hover,
.tut.active { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background: linear-gradient(to bottom,  rgba(235,235,235,0.94) 0%,rgba(235,235,235,1) 8%,rgba(236,236,236,1) 92%,rgba(236,236,236,0.94) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ebebeb', endColorstr='#f0ececec',GradientType=0 ); /* IE6-9 */
}

.page_dashboard .tut1 {
    right: -40px;
    top: 0;
}

.page_dashboard .tut2 {
    top: 110px;
    left: 0;
}

.page_dashboard .tut3 {
    right: -20px;
    top: -13px;
}

.page_dashboard .tut4 {
    right: 230px;
    top: 4px;
}

.page_dashboard .tut5 {
    left: -30px;
    top: 1px;
}

.page_dashboard .tut6,
.page_dashboard .tut7,
.page_dashboard .tut8,
.page_dashboard .tut9,
.page_dashboard .tut10 {
    right: 50px;
    top: 22px;
}

.updated span,
.event-links {
    position: relative;
}

.tut + .popover {
    width: 243px;
    padding: 6px 9px;
    z-index: 996;
}

.tut + .popover .popover-title {
    background-color: transparent;
    border: 0;
    color: #5c5c5c;
    padding-top: 15px;
    font-size: 12px;
    font-weight: 700;
}

.tut + .popover .popover-content {
    color: #ababab;
    font-size: 12px;
}

.popover-content .more {
    margin-top: 12px;
}

.popover-content .more a {
    color: #e64b71;
    font-size: 12px;
}

.modal-open .help-modal {
    overflow: hidden;
}

.help-modal .panbar .navbar-nav > li:first-child > a {
    border-radius: 0;
}

.help-modal .modal-content {
    border: 0;
}

.help-modal .modal-header {
    background-color: #ededed;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
}

.help-modal .modal-header div {
    margin-top: 5px;
}

.help-modal .modal-header a {
    font-size: 14px;
}

.help-modal .modal-header .close {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    color: #8696a6;
    text-shadow: none;
    opacity: 1;
    font-size: 14px;
    margin-top: 10px;
}

.help-modal .modal-body {
    padding: 0;
}

.help-modal .sides {
    margin: 0;
}

.help-modal .icon_cross_rounded {
    margin: 0 0 0 10px;
    top: 4px;
    position: relative;
}

.help-modal .inner {
    padding: 0 25px;
}

/* Checkbox & Radio */

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #c4c2c2;
    border-radius: .25em;
    width: 18px;
    height: 18px;
    float: left;
    margin-right: .5em;
    background-color: #fff;
}

.radio .cr {
    border-radius: 50%;
    padding: 2px;
}

.checkbox .cr {
    border-radius: 4px;
    width: 18px;
    height: 18px;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

input[type="radio"]:checked + .cr {
    border-color: #e64b71;
}

input[type="radio"]:checked + .cr>.cr-icon {
    width: 12px;
    height: 12px;
    background-color: #e64b71;
    border-radius: 50%;
    position: static;
    display: block;
}

.checkbox .cr .cr-icon {
    top: -3px;
    left: -1px;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}

/* custom scrollbars */

.side-second,
.scrollbar-sm,
.scrollbar-pink {
    overflow: auto;
}

.scrollbar-pink {
    height: auto !important;
}

.side-second {
    padding: 0 5px;
}

.scrollbar-sm {
    padding-right: 13px;
}

.vertical-track {
    width: 11px;
    background: #d8d8d8;
    border: 1px solid #dfdfdd;
    border-radius: 15px;
}

.help-modal .vertical-track {
    right: 5px;
}

.vertical-handle {
    width: 11px;
}

.help-modal .vertical-handle {
    left: -1px;
}

.vertical-handle .top {
    width: 11px;
    height: 11px;
    background-color: #9b9b9b;
    border-radius: 15px 15px 0 0;
}

.vertical-handle .bottom {
    width: 11px;
    height: 100%;
    position: absolute;
    bottom: 0;
    clip: rect(11px 11px 9999px 0);
    background-color: #9b9b9b;
    border-radius: 0 0 15px 15px;
}

.vertical-track-mini {
    width: 7px;
    background: #d8d8d8;
    border-radius: 3px;
    top: 2px;
    right: 6px;
}

.vertical-handle-mini {
    width: 7px;
}

.vertical-handle-mini .top {
    width: 7px;
    height: 7px;
    background-color: #4a4a4a;
    border-radius: 5px 5px 0 0;
}

.vertical-handle-mini .bottom {
    width: 7px;
    height: 100%;
    position: absolute;
    bottom: 0;
    background-color: #4a4a4a;
    border-radius: 5px;
}

.horizontal-track-pink {
    width: 100%;
    height: 12px;
    background: #e1e1e1;
    border: 0;
}

.horizontal-handle-pink {
    height: 12px;
}

.horizontal-handle-pink .left {
    width: 12px;
    height: 12px;
    background-color: #ed6383;
    border-radius: 10px  0 0 10px;
}

.horizontal-handle-pink .right {
    width: 100%;
    height: 12px;
    position: absolute;
    right: 0;
    top: 0;
    clip: rect(0 9999px 12px 12px);
    background-color: #ed6383;
    border-radius: 0 10px 10px 0;
}

/* Prevent Selection Text */

.icon_calendar_gray,
.checkbox > label,
.radio > label,
#bs-edit th,
.th-inner.sortable,
.daterangepicker .calendar th.prev,
.daterangepicker .calendar th.next,
.table-editable .record-edit {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.club_indicator{
    height:14px;
    width:14px;
    display: inline-block;
    margin-right:10px;
}
.rd-noprogram{
    outline:1px solid #B5B5B5;
    background-color: white;
}
.rd-m2day{
    background-color: red;
}
.rd-online{
    background-color: green;
}
.rd-offline{
    background-color: #B5B5B5;
}
.ico-phone{
    background-image: url(../img/gCons/phone.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width:14px;
    height:14px;
    margin-right:10px;
}
.ico-agent{
    background-image: url(../img/gCons/agent.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width:14px;
    height:14px;
    margin-right:10px;
}
td.right-border{
    border-right:2px solid #fcfcfc !important;
}
.rd-table sup{
    top:-1.6em;
    font-size:12px;
}
.rd-type{
    color:#666666;
}
.rd-table td span.r{
    color:red;
}
.rd-table td span.g{
    color:green;
}
.rd-diff-block{
    display:inline-block;
}
.rd-val{
    font-size:32px;
    display:inline-block;
}
.rd-diff-block>.diff{
    color:#666666;
}
.rd-table td{
    min-width:120px;
}
.rd-table .colored{
    color: #ff7fc6;
}
.main-header .no-sync{
    color:red;font-size:14px;
}
.rd-diff-block .desc{
    font-size:10px;
}
#main-header-date{
    display:inline;
}
.rd-cabinet-info{
    background-color:#EDF5F6;
    padding:10px 0 10px 15px;
}
.rd-cabinet-info-item{
    padding:10px 0 10px 40px;
    min-height:40px;
}
.no-padding-left{
    padding-left:0 !important;
}
.rd-cabinet-info-badge{
    background: url(../img/gCons/agent.png) left center no-repeat;
}
.rd-cabinet-info-phone{
    background: url(../img/gCons/phone.png) left center no-repeat;
}
.rd-cabinet-info-address{
    background: url(../img/gCons/addressbook.png) left center no-repeat;
}
.rd-cabinet-info-email{
    background: url(../img/gCons/email.png) left center no-repeat;
}
.rd-cabinet-info-skype{
    background: url(../img/gCons/chat-02.png) left center no-repeat;
}
.rd-cabinet-info>span{
    color:grey;
}
.media>span.grey{
    color:grey;
}
/*
clubs
*/
.club_status_wrapper{
    padding: 3px;
}
.club_online {
	border-radius: 50%;
	width: 12px;
	height: 12px; 	
        background-color: green;        
}

.club_offline {
	border-radius: 50%;
	width: 12px;
	height: 12px; 	
        background-color: silver;
}

.club_offline2 {
	border-radius: 50%;
	width: 12px;
	height: 12px; 	
        background-color: red;
}

.club_prepare {
	border-radius: 50%;
	width: 12px;
	height: 12px; 	
        background-color: transparent;
        border: solid 1px silver;
}

.pagination_clubs > a {    
    background-color: green;
    border:1px solid silver;
}

.payment_status_selector{
    border: silver 1px solid;   
    text-shadow:none;
    font-size: 11px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

#bills0_f{
    padding-right: 10px;
}

.tmpick-invoice{
    width: 270px;
}
.mp-container{

}
.mp-container table{
    border-collapse: collapse;
}
.mp-container table tr{
    border:1px solid white;
}

.mp-container table tr th{
    vertical-align: middle;
    text-align: center;
    background-color:#fff;
    border: 2px solid white;
}

.mp-container table tr td{
    width: 40px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    background-color: #eee;
    border: 2px solid white;
    padding: 10px;
    cursor: pointer;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mp-container table.mp-disabled tr td{
    opacity:0.5;
}
.mp-container table tr td:hover{
    background-color:lightgrey;
}
.mp-container table tr td.act{
    background-color:#e64b71;
}
.mp-container table tr td.act:hover{

}
.mp-left-arrow{
    float:left;
    padding:5px;
    background: url(/public/img-redisign/icons/arrow-prev-big_gray.png);
    background-position: center;
    background-repeat:no-repeat;
    width:20px;
    height:30px;
    cursor: pointer;
}
.mp-right-arrow{
    float:right;    padding:5px;
    background: url(/public/img-redisign/icons/arrow-next-big_gray.png);
    background-position: center;
    background-repeat:no-repeat;
    width:20px;
    height:30px;
    cursor: pointer;
}
.mp-right-arrow:hover, .mp-left-arrow:hover{
    background-color: #eee;
}
.mp-year{
    float:left;
font-size: 24px;
    width:204px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.mp-clear{
    color:grey;text-decoration: underline;
}
.mp-block-border{
    border:1px solid black;border-radius: 5px;padding:10px;
    -webkit-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 25px 1px rgba(0,0,0,0.75);
}
#rd-report-table td{

}
#reportrange{
    display: inline-block;
    width: 70%;
    margin-left:20px;
}