.select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: 0;
}

.select2-form-container .select2 .select2-selection--single {
    height: 34px;
}

.sr-box-subtitle {
    font-size: 16px;
    /*font-weight: bold;*/
    color: #5F5F6C;

    font-family: inherit;
    font-style: inherit;
    font-stretch: inherit;
    line-height: inherit;
    letter-spacing: inherit;
}

.fo-span2 {
    width: 20%;
}

.fo-flexrow {
    display: flex;
}
.fo-flexrow > * {
    flex: 1;
}

.fo-flex {
    display: flex;
}

.fo-flex-field-container .col-sm-10 {
    display: flex;
}

.fo-justify-content-center {
    justify-content: center;
}

.fo-justify-content-flex-end {
    justify-content: flex-end;
}

.sr-box-border-right {
    border-right: 2px solid #d6d6d6;
}

.fo-info-sign {
    font-size: 16px;
    color: #B0B8BF;
    font-weight: bold;
}

.fo-success {
    color: #56C82D;
}

@media screen and (min-width: 768px) {
    .add-filter-dialog:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}

.add-filter-dialog {
    text-align: center;
}
.add-filter-dialog .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 500px;
}

.add-filter-dialog .modal-body .container {
    padding: 0 50px;
}

.add-filter-dialog .select2 {
    width: 100%;
}

.full-width, .select.full-width {
    width: 100%;
}

.full-width-container .select2 {
    width: 100%;
}

.filter-input-number {
    width: 100px;
}

.float-right {
    float: right;
}

.fill-remaining-width-container {
    overflow: hidden;
    padding-right:10px;
}

.label-enc {
    font-size: 13px;
    color: #707070;
    font-weight: 400;
}

.label-enc-small {
    font-size: 10px;
    font-weight: 500;
}

.list-group-flush .list-group-item:first-child {
    border-top: 0;
    border-top-style: initial;
    border-top-color: initial;
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.table-dark-striped tbody tr:nth-of-type(odd) {
    background-color: #F5F5F5;
}

.table-dark-striped tbody tr:nth-of-type(even) {
    background-color: #F0F0F0;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

hr.mt-35 { border-width: 1px 0 0; clear: both; margin: 35px 0 20px; height: 0; }

hr.mt-40 { border-width: 1px 0 0; clear: both; margin: 40px 0 20px; height: 0; }

hr.mt-50 { border-width: 1px 0 0; clear: both; margin: 50px 0 20px; height: 0; }

.width-60 {
    width: 60%;
}

.width-20 {
    width: 20%;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mt-40 {
    margin-top: 40px;
}

.mr-5 {
    margin-right: 5px;
}

.fo-avatar-container {
    display: inline-block;
    margin: 10px;
    text-align: left;
    opacity: .99;
    overflow: hidden;
    position: relative;
    border-radius: 3px;
    height: 200px;
}

.modal-content .fo-avatar-container:hover {
    cursor: pointer;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

.fo-avatar {
    border-radius: 50%;
    width: 175px;
    display: block;
    max-width: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    object-fit: fill;
    height: 100%;
}

.fo-avatar-details {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 15px 10px;
    border-radius: 50%;
    cursor: pointer;
    background: linear-gradient(to bottom, rgba(0,0,0,0)  60%, rgba(0, 0, 0, .3) 50%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #fff;
}

.fo-avatar-details i {
    font-size: 25px;
    opacity: .8;
}

.fo-avatar-details p {
    font-size: 20px;
    margin-bottom: 4px;
}

.fo-avatar-container:hover .fo-avatar-details,
.fo-avatar-container-upload-file .fo-avatar-details {
    opacity: 1;
    transition: 0.5s;
}
.fo-avatar-container-upload-file .fo-avatar-details {
    background: linear-gradient(to bottom, rgba(0,0,0,0)  50%, rgba(0, 0, 0, .3) 50%);
}

.fo-uppercase {
    text-transform: uppercase;
}

.no-margin {
    margin: 0;
}

.fo-section-title {
    color: #5F5F6C;
}

.see-more-icon {
    font-size: 10px;
}

.timeline-container {
    width: 80%;
    position: relative;
    overflow: hidden;
}

.timeline-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 8px;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #CCD1D9;
    z-index: 1
}

.timeline-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    clear: both;
}

.timeline-marker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #F5F7FA;
    background: #D6D6D6;
    z-index: 9999
}

.timeline-content {
    width: 95%;
    padding: 0 15px;
}

.timeline-description {
    padding-left: 10px;
}

.timeline-content h3 {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 500
}

.timeline-content span {
    font-size: 15px;
    color: #a4a4a4;
}

.timeline-content p {
    font-size: 14px;
    line-height: 1.5em;
    word-spacing: 1px;
    color: #888;
}

.fo-transperant {
    background: transparent;
}

.fo-bold {
    font-weight: bold;
}

.button-grey {
    color: #637381;
}

.fo-daterange {
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    min-width: 200px;
}

/* REMOVE SECOND CALENDAR */

.daterangepicker .drp-calendar.right {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
}

.daterangepicker .drp-calendar.right tbody {
    display: none !important;
}

.daterangepicker .drp-calendar.right thead > tr:nth-child(2) {
    display: none !important;
}

.daterangepicker .drp-calendar.right th.month {
    display: none !important;
}

.daterangepicker .drp-calendar.right .calendar-table {
    background: transparent !important;
}

/*.daterangepicker .daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar {*/
/*    float: none !important;*/
/*}*/

.daterangepicker .drp-calendar.right .daterangepicker_input {
    position: absolute !important;
}

.daterangepicker .calendar-table tr td:not(.off) {
    border: 1px solid #E1E5EA;
}

.daterangepicker .calendar-table tr th,
.daterangepicker .calendar-table tr td.off {
    border: 0;
}
.daterangepicker .calendar-table tr td.in-range,
.daterangepicker .calendar-table tr td.start-date {
    background-color: #41B1EE;
    color: #fff;
}

.daterangepicker .calendar-table tr:nth-child(2) th {
    color: #999;
    font-weight: 400;
}

.past-date, .today-date {
    background-color: #fff;
    border-color: transparent;
    color: #999;
}

.future-date {
    background: #F5F6F8;
}

td.off.available {
    visibility: hidden;
    /*display: none;*/
}

/* REMOVE SECOND CALENDAR */

/* ------------------------- */

.clickable {
    cursor: pointer !important;
}
.clickable-hover:hover {
    background-color: #f0f0f0;
}

.fo-hiddenfile {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.container {
    max-width: 100%;
}

.add-filter-dialog .select2.select2-container .select2-selection--single{
    height: 34px;
}
.SegmentBuilderTab .select2-container .select2-results > .select2-results__options {
    max-height: 400px;
}

.fo-setting-subtext {
    color: #ACACAC;
}

.fo-hidden-label-container .control-label {
    display: none;
}

.dropdown-menu > li.clickable  .glyphicon {
    margin-right: 5px;
}

.dropdown-menu > li.clickable  > a {
    padding: 0;
    color: #403f4c;
}

.fo-full-width-input-container input {
    width: 100%;
}

.fo-align-items-center {
    align-items: center;
}

.fo-one-line-text {
    white-space: nowrap;
}

.fo-ellipsis-text {
    overflow: hidden;
    text-overflow: ellipsis;
}
.font-awesome {
    font-family: FontAwesome;
}

.has-inner-icon .form-control {
    padding-right: 34px;
}
.has-inner-icon .form-control.input-sm,
.has-inner-icon.form-group-sm .form-control {
    padding-right: 30px;
}
.has-inner-icon .form-control.input-lg,
.has-inner-icon.form-group-lg .form-control {
    padding-right: 46px;
}

.has-inner-icon-left .inner-icon {
    left: 0;
}
.inner-icon {
    line-height: 34px !important;
}
.input-sm + .inner-icon,
.form-horizontal .form-group-sm .inner-icon {
    width: 30px;
    height: 30px;
    line-height: 30px !important;
}
.input-lg + .inner-icon,
.form-horizontal .form-group-lg .inner-icon {
    width: 46px;
    height: 46px;
    line-height: 46px !important;
}
.has-inner-icon label.sr-only ~ .inner-icon,
.has-inner-icon label.sr-only ~ div .inner-icon {
    top: 0;
}
@media (min-width: 768px) {
    .form-inline .inline-feedback {
        position: relative;
        display: inline-block;
    }
    .form-inline .has-inner-icon .inner-icon {
        top: 0;
    }
}
.form-horizontal .has-inner-icon-left .inner-icon {
    left: 15px;
}

.fo-search-icon {
    position: absolute;
    top: 9px;
    left: 14px;
    color: #777;
}
.fo-search-box-container {
    position: relative;
}
.text-align-center {
    text-align: center;
}
.fo-button-form {
    width: 100px;
}
.fo-menu-popup-container {
    position: relative;
    top: 20px;
    height: 0;
}

.ui-timepicker-container {
    z-index: 1200 !important;
}

.timepicker.form-control[readonly], .datepicker-input.form-control[readonly] {
    background-color: #fff;
}

.fo-setting-checkbox {
    display: flex;
    align-items: center;
}
.fo-setting-checkbox, .fo-setting-checkbox span, .fo-setting-checkbox label, .fo-setting-checkbox input{
    cursor: pointer !important;
}

.fo-setting-checkbox label {
    font-weight: normal;
}

.fo-setting-checkbox input {
    margin-top: 0;
    margin-right: 2.5px;
}

.fo-dropdown-field-container .select2 {
    min-width: 200px;
}

.list-group-item[data-filter-index], .list-group-item.fo-list-flex-item {
    min-height: 50px;
    display: flex;
    justify-content: space-between;
}
.list-group-item[data-filter-index] {
    align-items: flex-start;
}

.list-group-item[data-filter-index] .button-filter-container {
    display: flex;
}

.modal-image-container .fo-avatar { border: 2px solid white; cursor: pointer; }
.modal-image-container .fo-avatar:hover,
.modal-image-container .fo-avatar.selected { border: 2px solid black; }

.fo-table-form-container .form-group {
    margin-bottom: 15px;
}

.store-select-dropdown.select2-container.select2-container--open {
    padding-right: 30px;
}
.store-select-dropdown .select2-results__options {
    word-break: break-all;
}
.fo-normal-whitespace {
    white-space: normal;
}

.top-buffer {
    margin-top: 10px;
}

.fo-no-spaceline {
    font-size: 0;
}

.fo-no-spaceline span {
    font-size: 14px;
}

.filter-type-container .input-group.date {
    padding-top: 2px;
}

.fo-break-word {
    word-break: break-word;
}

.fo-timezone-label {
    color: #FF2E6C;
}

.ecnr-inline-block {
    display: inline-block;
}

.ml-5 {
    margin-left: 10px;
}