.ui-datepicker {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    /*border-radius: 2px;*/
    /*border: 1px solid #e0e1e3;*/
    display: none;
    padding: 10px;
    width: 238px;
    margin: 13px auto 13px auto;
    text-align: center;
    position: relative;
}

.ui-datepicker.ui-datepicker-inline {
    border: none;
    padding: 0;
    border-radius: 0;
}

.ui-datepicker-header {
    z-index: 1;
    position: relative;
}

.ui-datepicker-prev, .datepicker-month-prev, .datepicker-quartile-prev {
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    left: 13px;
    top: 10px;
    cursor: default;
}

.ui-datepicker-inline .ui-datepicker-prev, .ui-datepicker-inline .datepicker-month-prev, .ui-datepicker-inline .datepicker-quartile-prev {
    left: -17px;
    top: 0;
    z-index: 10;
}

.ui-datepicker-prev .ui-icon, .datepicker-month-prev .ui-icon, .datepicker-quartile-prev .ui-icon {
    text-indent: 100px;
    overflow: hidden;
    margin: 0;
}

.ui-datepicker-next, .datepicker-month-next, .datepicker-quartile-next {
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    right: 13px;
    top: 10px;
    cursor: default;
}

.ui-datepicker-inline .ui-datepicker-next, .ui-datepicker-inline .datepicker-month-next, .ui-datepicker-inline .datepicker-quartile-next {
    right: -17px;
    top: 0;
}

.ui-datepicker-next .ui-icon, .datepicker-month-next .ui-icon, .datepicker-quartile-next .ui-icon {
    text-indent: 100px;
    overflow: hidden;
    margin: 0;
}

.ui-datepicker-title, .datepicker-month-title, .datepicker-quartile-title {
    font-size: 13px;
    color: #777;
    margin: 0 0 14px 0;
    font-weight: 400;
}

.ui-datepicker-calendar {
    z-index: 1;
    width: 100%;
    border-spacing: inherit;
    border-spacing: 0px;
}

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
    line-height: 24px;
    height: 24px;
    text-align: center;
    padding: 0;
    color: #777;
    font-size: 14px;
}

.ui-datepicker-calendar th {
    text-transform: lowercase;
}

.ui-datepicker-calendar .ui-state-default {
    display: block;
    text-decoration: none;
    color: #777;
}

.ui-datepicker-calendar .ui-state-disabled {
    color: #aaa;
}

.ui-datepicker-calendar .ui-state-disabled .ui-state-default {
    opacity: 0.3;
}

.ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-state-active {
    background: #e0e0e0;
    color: #777;
}

.ui-datepicker-week-end {
    padding-left: 1px;
    color: #777 !important;
}

.ui-datepicker-other-month {
    color: #777;
}

.ui-datepicker-today {
    color: #777;
}

.datepicker-week table {
    overflow: hidden;
}

.datepicker-week .ui-state-active {
    position: relative;
}

.datepicker-week .ui-state-active:before {
    background: #e0e0e0;
    content: '';
    left: -200px;
    right: -200px;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
}

.datepicker-week .ui-datepicker-calendar .ui-state-default {
    z-index: 1;
    position: relative;
}

.datepicker-week .ui-datepicker-calendar .ui-state-active {
    z-index: 0;
}

.datepicker-week tr:hover td {
    background: #e0e0e0;
}

.datepicker-buttons {
    width: 100%;
    text-align: center;
    margin: 0;
    border-collapse: separate;
    display: table;
}

.datepicker-buttons .datepicker-btn {
    font-size: 11px;
    line-height: 30px;
    margin: 0;
    display: table-cell;
    text-align: center;
    width: 33%;
    padding: 0px 0 0px 0;
    cursor: default;
}

.datepicker-buttons .datepicker-btn:hover {
    color: #777;
    background: #e0e0e0;
}

.datepicker-month-next .ui-icon, .datepicker-quartile-next .ui-icon, .icon-arrow-right-active, .arrow-right-active, .icon-arrow-right-big, #form-events .icon-arrow-right, .arrow-right-big, .arrow-left, .ui-datepicker-prev .ui-icon, .datepicker-month-prev .ui-icon, .datepicker-quartile-prev .ui-icon, .arrow-left-active, .icon-close-cross, .icon-close-cross-small, .icon-help, .icon-help-small, .constr-menu .icon-help, .icon-settings-small, .icon-help-circle, .icon-files-tick, .icon-plus-small, .constr-menu .glyphicon-plus, .icon-minus-small, .constr-menu .glyphicon-minus, .icon-search-small, .select2-container--5visions .select2-search--dropdown:before, .search-block .icon-search-button:before, .search-block-label .icon-search, .icon-download-small, .icon-calendar-small, .icon-quartile, .icon-preview, .icon-pages, .constr-main .icon-copy, .icon-copy, .icon-download, .icon-filter, .icon-history, .icon-move, .icon-share, .icon-statistics, .icon-upload, .icon-tab-views-seen, .icon-tab-views-unseen, .icon-tab-views-unknown, .icon-delete {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

.icon-arrow-right, .arrow-right, .ui-datepicker-next .ui-icon, .datepicker-month-next .ui-icon, .datepicker-quartile-next .ui-icon {
    width: 5px;
    height: 8px;
    background-image: url(../images/icons2/ui/arrow_right.png);
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .icon-arrow-right, .arrow-right, .ui-datepicker-next .ui-icon, .datepicker-month-next .ui-icon, .datepicker-quartile-next .ui-icon {
        background-image: url(../images/icons2/ui/arrow_right@2x.png);
        -moz-background-size: 5px, 8px;
        -o-background-size: 5px, 8px;
        -webkit-background-size: 5px, 8px;
        background-size: 5px, 8px;
    }
}

.arrow-left, .ui-datepicker-prev .ui-icon, .datepicker-month-prev .ui-icon, .datepicker-quartile-prev .ui-icon {
    width: 5px;
    height: 8px;
    background-image: url(../images/icons2/ui/arrow_left.png);
}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .arrow-left, .ui-datepicker-prev .ui-icon, .datepicker-month-prev .ui-icon, .datepicker-quartile-prev .ui-icon {
        background-image: url(../images/icons2/ui/arrow_left@2x.png);
        -moz-background-size: 5px, 8px;
        -o-background-size: 5px, 8px;
        -webkit-background-size: 5px, 8px;
        background-size: 5px, 8px;
    }
}

.ui-datepicker-prev, .datepicker-month-prev, .datepicker-quartile-prev {
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    left: 13px;
    top: 10px;
    cursor: default;
}

.ui-datepicker-inline .ui-datepicker-prev, .ui-datepicker-inline .datepicker-month-prev, .ui-datepicker-inline .datepicker-quartile-prev {
    left: -3px;
    top: -4px;
    border: 1px solid #f4f4f4;
}

.data-datepicker-week .ui-datepicker-inline .ui-datepicker-prev {
    left: -14px;
}

.data-datepicker-week .ui-datepicker-inline .ui-datepicker-next {
    right: -14px;
}

.ui-datepicker-prev .ui-icon, .datepicker-month-prev .ui-icon, .datepicker-quartile-prev .ui-icon {
    text-indent: 100px;
    overflow: hidden;
    margin: 0px 0px 0 0px;
}

.ui-datepicker-next, .datepicker-month-next, .datepicker-quartile-next {
    position: absolute;
    text-align: center;
    width: 20px;
    height: 20px;
    right: 13px;
    top: 10px;
    cursor: default;
    z-index: 10;
}

.ui-datepicker-inline .ui-datepicker-next, .ui-datepicker-inline .datepicker-month-next, .ui-datepicker-inline .datepicker-quartile-next {
    right: -3px;
    top: -4px;
    border: 1px solid #f4f4f4;
}

.ui-datepicker-next .ui-icon, .datepicker-month-next .ui-icon, .datepicker-quartile-next .ui-icon {
    text-indent: 100px;
    overflow: hidden;
    margin: 0;
    display: inline-block;
    margin: 0px 0px 0 0px;
    line-height: 20px;
}

.ui-datepicker-title, .datepicker-month-title, .datepicker-quartile-title {
    color: #777;
    margin: 0px -13px 14px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    position: relative;
}

.datepicker-week table {
    overflow: hidden;
}

.datepicker-week .ui-state-active {
    position: relative;
}

.datepicker-week .ui-state-active:before {
    background: #e0e0e0;
    content: '';
    left: -200px;
    right: -200px;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: -1;
}

.datepicker-week .ui-datepicker-calendar .ui-state-default {
    z-index: 1;
    position: relative;
}

.datepicker-week .ui-datepicker-calendar .ui-state-active {
    z-index: 0;
}

.datepicker-week tr:hover td {
    background: #e0e0e0;
}

.datepicker-buttons {
    width: 100%;
    text-align: center;
    margin: 0;
    border-collapse: separate;
    display: table;
}

.datepicker-buttons .datepicker-btn {
    cursor: default;
    font-size: 12px;
    line-height: 30px;
    /*background: #000000;*/
    color: #777;
    display: table-cell;
    text-align: center;
    width: 33%;
    cursor: default;
}

.datepicker-buttons .datepicker-btn:hover {
    text-decoration: none;
    color: #777;
    background: #e0e0e0;
}

.datepicker-menu {
    -moz-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.2);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #f4f4f4;
    min-width: 284px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10999;
    font-family: Helvetica-Neue, "HelveticaNeue", Helvetica, Arial, sans-serif;
}

.datepicker-menu .tail {
    position: absolute;
    top: -7px;
    left: 50%;
    margin: 0 -7px 0 -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent transparent transparent;
}

.datepicker-menu .tail:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 50%;
    margin: 0 -7px 0 -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #f4f4f4 transparent;
}

.datepicker-tabs {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate;
}

.datepicker-tab {
    font-size: 12px;
    line-height: 30px;
    /*background: #000000;*/
    color: #777;
    display: table-cell;
    text-align: center;
    width: 33%;
    cursor: default;
}

.datepicker-tab.active {
    background: #e0e0e0;
}

.datepicker-tab:hover {
    background: #e0e0e0;
}

.datepicker-tab-content {
    display: none;
}

.datepicker-tab-content.active {
    display: block;
}

.datepicker-list {
    position: relative;
    padding: 5px 0 4px 0;
}

.datepicker-list.datepicker-list--years {
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 6px;
    text-align: center;
}

.datepicker-list.datepicker-list--years .datepicker-item {
    padding: 7px 10px 7px 10px;
    text-align: center;
}

.datepicker-item {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    color: #4a4a4a;
    letter-spacing: 0.7px;
    padding: 7px 10px 7px 16px;
    cursor: default;
}

.datepicker-item:hover {
    background: #e0e0e0;
    position: relative;
}

.datepicker-item.active {
    background: #e0e0e0;
    color: #777;
    position: relative;
}

.datepicker-periods {
    position: relative;
}

.datepicker-periods.datepicker-periods--nomobile {
    position: relative;
    min-width: 250px;
}

.datepicker-periods.datepicker-periods--nomobile .datepicker-period-t1 {
    display: block !important;
}

.datepicker-periods.datepicker-periods--nomobile .ui-datepicker-group {
    display: inline-block;
    vertical-align: top;
    min-width: 238px;
}

.datepicker-periods.datepicker-periods--nomobile .ui-datepicker-group + .ui-datepicker-group {
    margin-left: 10px;
}

.datepicker-periods.datepicker-periods--nomobile .ui-datepicker.ui-datepicker-inline {
    width: 94% !important;
}

.datepicker-periods.datepicker-periods--nomobile .ui-state-active {
    background: #e0e0e0;
}

.datepicker-periods .dp-highlight {
    background: #e0e0e0;
}

.datepicker-periods .dp-highlight a {
    color: #777;
}

.datepicker-periods-inner {
    position: relative;
}

.datepicker-period {
    padding: 10px 0;
    text-align: center;
}

.datepicker-period-title {
    color: #777;
    margin: 0 0 7px 6px;
    font-size: 14px;
}

.datepicker-period-inputs {
    margin: 0 0 0 0;
}

.datepicker-period-inputs .btn, .datepicker-period-inputs .sp-container button, .sp-container .datepicker-period-inputs button, .datepicker-period-inputs .sp-cancel, .datepicker-period-inputs .search-block .icon-search-button, .search-block .datepicker-period-inputs .icon-search-button {
    font-size: 10px;
    padding: 5px 10px;
    vertical-align: top;
    margin: 0 0 0 10px;
    min-width: 52px;
    line-height: 18px;
    color: #777;
    border: 0px;
    background: #e0e0e0;
    cursor: pointer;
}

.datepicker-period-inputs .btn:active, .datepicker-period-inputs .sp-container button:active, .sp-container .datepicker-period-inputs button:active, .datepicker-period-inputs .sp-cancel:active, .datepicker-period-inputs .search-block .icon-search-button:active, .search-block .datepicker-period-inputs .icon-search-button:active {
    padding: 6px 10px 4px 10px;
}

.datepicker-period-input {
    line-height: 18px;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #777;
    padding: 5px 5px;
    width: 80px;
    background: none;
    font-family: Helvetica-Neue, "HelveticaNeue", Helvetica, Arial, sans-serif;
}

.datepicker-period-input:hover,
.datepicker-period-input:focus {
    border-color: #777777;
}

.datepicker-period-input + .datepicker-period-input {
    margin-left: 10px;
}

.datepicker-period-t1, .datepicker-period-t2 {
    margin: 10px 0 0 0;
    display: none;
}

.datepicker-month, .datepicker-quartile {
    text-align: center;
    width: 238px;
    margin: 13px auto 13px auto;
    position: relative;
}

.datepicker-month-header {
    z-index: 1;
}

.datepicker-month-prev {
    left: -14px;
    top: -4px;
    border: 1px solid #e0e0e0;
}

.datepicker-month-next {
    right: -14px;
    top: -4px;
    border: 1px solid #e0e0e0;
}

.datepicker-month-table {
    width: 96%;
    margin: 0 auto;
}

.datepicker-month-table td {
    text-align: center;
    width: 33.3%;
}

.datepicker-month-table td .datepicker-month-label {
    font-size: 14px;
    line-height: 24px;
    display: block;
    height: 24px;
    cursor: default;
    color: #777;
    vertical-align: middle;
    border: 1px solid transparent;
}

.datepicker-month-table td .datepicker-month-label:hover {
    background: #e0e0e0;
}

.datepicker-value {
    cursor: pointer;
    border-bottom: 1px dashed;
    padding: 0 0 2px 0;
}