/* ellipsis style */
.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    top: -37px;
}

.lds-ellipsis div {
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.ticket-email-btn {
    cursor: pointer;
    background: yellow;
    padding: 9px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    border-radius: 5px;
    z-index: 11111;
}

#global-ticket-modal .nicescroll-cursors {
    display: none !important;
}

#global-ticket-modal .nicescroll-rails {
    display: none !important;
}

ml-20 {
    margin-left: 20px;
}

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

.list-note-name{
    color: #B5B5B5;
    font-size: 10px;
    font-style: italic;
    display: block;
}

.note-item audio{
    max-width: 95%;
}

.lds-ellipsis div:nth-child(1) {
    left: 6px;
    animation: lds-ellipsis1 0.6s infinite;
}

.cfcal-wrapper {
    padding: 25px 25px;
}

.cfcal-wrapper b {
    margin-bottom: 7px;
}

.cfcal-wrapper .red-required {
    margin-left: 5px;
    color: red;
}

.btn.big-btn {
    font-size: 24px;
    padding: 12px 48px;
}

.cfcal-wrapper .small {
    font-size: 12px;
}

.cfcal-wrapper .req-red, .cfcal-wrapper .req-red .select2-choice {
    background: #ffc5c5;
}

.cfcal-wrapper .col-md-3 {
    margin: 7px 0px;
}

.tab-pane .cfcal-wrapper:nth-child(even) {
    background: #eee;
}

.cfcal-wrapper b {
    font-size: 16px;
    padding-bottom: 10px;
}

.cfcal_form img {
    max-width: 200px;
}

.bank_api_form_block {
    text-align: center;
}

.bank_api_form_block img {
    margin: auto;
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 0.6s infinite;
}

.ss {
    min-height: 60px;
}

.ss label,
.person-options label,
#po-table54 td[data-row="1"][data-column="1"],
#po-table54 td[data-row="2"][data-column="1"],
#po-table54 td[data-row="3"][data-column="1"],
#po-table55 td[data-row="1"] {
    font-style: italic;
}

.ss select:disabled {
    background: #eeeeee !important;
}

.ss input.disabled {
    background: #eeeeee !important;
}

.bank-name-select2 {
    text-align: left;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(19px, 0);
    }
}

/* ellipsis style ending */
.controller-opportunity.module-opportunity.action-view .modal:not(.bootbox-confirm) .modal-dialog {
    width: 90%;
}

._Mots_cles_Conversion table tfoot {
    display: table-header-group;
}

.form-membership-wrapper {
    padding: 20px;
    border-radius: 4px;
    background: deepskyblue;
    color: #fff;
}

#tab_2-2 .files-sharing {
    display: none;
}

#tab_2-2 .files-wrapper,
#tab_2-2 .files-container {
    padding-left: 0;
}

.owl-calousel-transform {
    overflow: hidden;
}

.owl-calousel-transform .owl-item {
    float: left;
}

.owl-calousel-transform .owl-prev,
.owl-calousel-transform .owl-next {
    position: absolute;
    top: 37%;
    cursor: pointer;
    user-select: none;
}

#special_opportunity_message_block > p {
    margin: 0 !important;
}

#special_opportunity_message_block {
    width: 100%;
    padding-right: 20px;
    background-color: #fff;
    border-bottom-left-radius: 4px;
    position: absolute;
    bottom: 5px;
    display: none;
}

body.controller-opportunity.module-opportunityPortal.action-index #special_opportunity_message_block {
    display: block;
}

.controller-opportunity.module-opportunityPortal.action-index:not(.page-sidebar-closed) #special_opportunity_message_block {
    width: calc(100% - 270px);
}

.file-desction-close {
    position: fixed;
    display: none;
    right: 10px;
}

.pdf_loading {
    display: none;
    min-height: 250px;
    padding-top: 250px;
    background: transparent url(/images/lg.curve-bars-loading-indicator.gif) no-repeat top center;
}

.loader-frame {
    background: transparent url(/images/lg.curve-bars-loading-indicator.gif) no-repeat center center;
}

@media (max-width: 992px) {
    #special_opportunity_message_block {
        position: relative;
        width: 100% !important;
    }

    .pdf_loading {
        display: block;
    }

    .file-desction-close {
        display: block;
    }

    .bootbox.bootbox-confirm .modal-dialog, .bootbox.bootbox-confirm .modal-dialog .modal-content {
        width: 100%;
        max-width: 100%;
        margin: 0 auto !important;
    }

    .file-desction, .file-desction-image {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        max-height: 100%;
        overflow: scroll;
        z-index: 9999;
    }

    .out .activity-container {
        padding: 0 !important;
    }

    .activity-type-border {
        position: relative !important;
        width: 100% !important;
    }

    .next-step-title {
        display: none;
    }

    .module-opportunityPortal .future-activities {
        padding-top: 0 !important;
        margin-top: 0 !important;
        border-top: 0;
    }

    .module-opportunityPortal .op-widget-container.tab-content {
        padding-left: 0;
        padding-right: 0;
    }

    .module-opportunityPortal .activity-item.out .activity-content,
    .module-opportunityPortal .activity-files-wrapper,
    .module-opportunityPortal .op-center {
        padding: 0 !important;
    }

    .module-opportunityPortal .current-step + .not-done-step {
        width: 100%;
    }

    .module-opportunityPortal h1.page-title {
        text-align: center;
    }

    .module-opportunityPortal .opportunity-body {
        margin: 0;
    }

    .module-opportunityPortal .alert-success {
        margin: 10px 0;
    }

    .module-opportunityPortal .upload-file {
        display: grid;
    }

    .module-opportunityPortal .upload-file img {
        height: auto;
    }

    .module-opportunityPortal .btn-default {
        position: relative;
        width: 100%;
    }

    .module-opportunityPortal .activity-date,
    .module-opportunityPortal .activity-body,
    .module-opportunityPortal .modal-dialog {
        margin: 0 !important;
    }

    .module-opportunityPortal .modal-footer .btn {
        width: 48%;
        max-width: 200px;
        float: left;
    }

    .module-opportunityPortal .modal-footer .btn + .btn {
        margin-left: 4% !important;
        float: right;
    }

    .module-opportunityPortal .op-widget-container.tab-content {
        padding: 0;
    }

    .module-opportunityPortal.action-preview .opportunity-body .op-widget {
        min-height: auto !important;
        margin-bottom: 0;
    }

    .module-opportunityPortal .modal-dialog {
        margin: auto !important;
        max-width: 100%;
    }

    .module-opportunityPortal .modal-content {
        max-height: 100% !important;
        overflow: auto;
    }

    .module-opportunityPortal .modal-dialog button.close {
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .module-opportunityPortal .generate-pdf-btn {
        width: auto !important;
    }

    .safe-hidden,
    .activity-file-down-link-special span {
        display: none;
    }
}

body.controller-opportunity.module-opportunityPortal.action-preview .grid-step-wrapper[data-id="121"]:before {
    border: 0 !important;
}

body.controller-opportunity.module-opportunityPortal.action-preview .grid-step-wrapper[data-id="170"] {
    margin-right: 0;
}

body.controller-opportunity.module-opportunityPortal.action-preview .grid-step-wrapper[data-id="170"]:after {
    border: 0 !important;
}

.pipeline-portal .steps-wrapper .grid-steps-wrapper {
    overflow: hidden;
}

body.controller-opportunity.module-opportunityPortal.action-preview .activity-file-up-link-private {
    display: flex;
    padding-left: 6px;
    padding-right: 6px;
}

body.controller-opportunity.module-opportunityPortal.action-preview .flex-col {
    white-space: initial;
    font-size: 13px !important;
    padding-left: 6px;
    padding-right: 6px;
}

@media (max-width: 1399px) {
    body.controller-opportunity.module-opportunityPortal.action-preview .activity-file-down-link-special.btn-lg {
        padding: 6px;
    }

    body.controller-opportunity.module-opportunityPortal.action-preview .text-left.flex-col {
        padding: 0 !important;
    }

    body.controller-opportunity.module-opportunityPortal.action-preview .flex-col,
    body.controller-opportunity.module-opportunityPortal.action-preview .activity-file-up-link-private {
        margin-right: 5px;
    }
}

.keyword {
    position: relative;
}

.field-delete-but {
    vertical-align: top;
    line-height: 9px;
    margin-right: 10px;
}

.op-forms-tabs > li {


}

.grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 1s;
    opacity: 0.7;
}

.custom-track {

}

.custom-track:disabled,
label[data-key="track"] {
    display: none;
}

.activity-file-up-link {
    font-size: 13px;
    /* line-height: 1.2; */
    /* min-height: 15px; */
    display: block;
    margin-top: 0px;
}

.op-forms-tabs > li a {
    height: 52px;
    overflow: hidden;
}

.person-form-new .checkbox-inline {
    padding-left: 0px
}

#add_timeheader_id {
    min-width: 140px;
}

#opportunity-custom-form25 textarea {
    min-height: 100px;
}

.keyword .links {
    position: absolute;
    right: 5px;
    top: 0;
}

.files-group-wrapper {
    border: 1px solid #f5f5f5;
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
    min-height: 34px;
}

.dsh-bottom-text {
    position: absolute;
    bottom: 20px;
    right: 38px;
}

.file-pre-wr {
    color: #fff;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    padding-top: 7px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.file-post-wr {
    font-size: 14px;
    padding-left: 30px;
    margin-left: 10px;
    vertical-align: middle;
    padding-top: 5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
}

.text-bold {
    font-weight: 700;
}

.unbreakable .redactor-editor {
    max-height: max-content !important;
}

.controller-opportunity.module-opportunity.action-index .filter-wrapper .select2-container-multi .select2-choices {
    min-height: 34px;
}

.controller-opportunity.module-opportunity.action-view .tooltip {
    max-width: 240px !important;
}

.controller-opportunity.module-opportunity.action-view .add-person-link {
    margin-left: -38px;
    position: absolute !important;
    top: 19px;
    right: 14px;
}

.controller-opportunity.module-opportunity .custom-form-wrapper .redactor-editor {
    min-height: 250px;
}

.controller-opportunity.module-opportunity .custom-form-wrapper .customkey-presentationdubesoinclient .redactor-editor {
    min-height: 450px;
}

#opportunity-custom-form25 .redactor-toolbar {
    display: none;
}

.step-loading-wrapper {
    text-align: center;

}

.step-loading {
    border: 4px solid #fff;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}


.keyword a {
    margin: 0 5px;
    text-decoration: none;
    color: #222222;
}

td input.custom-date {
    max-width: 100px;
}

td .custom-autresprets {
    max-width: 80px;
}

.best-position {
    position: relative;
}

.controller-calendar.module-jym.action-index #calendar {
    margin: 20px;
}

.best-position .badge {
    cursor: pointer;
}

.mega-menu-title {
    margin-left: 25px;
}

.controller-pages.module-custom_Cre10fiformationfr_ERP .redactor-editor {
    max-height: 240px;
}

.page-sidebar-closed .main-menu-wrapper {
    margin-top: 56px;
}

.module-opportunity .grid-step-wrapper.late_step {
    background: red !important;
}

.module-opportunity .grid-step-wrapper.late_step:before {
    border-top: 17px solid red;
    border-bottom: 17px solid red;
}

.module-opportunity .grid-step-wrapper.late_step:after {
    border-left: 17px solid red;
}

.controller-pipeline.module-opportunity.action-update .select2-choices {
    width: 100%;
}

.controller-admin.module-customfield .modal .portlet {
    border: 0;

}

.controller-admin.module-customfield .modal .portlet .portlet-title {
    display: none;
}

.best-position .badge {
    cursor: pointer;
}

.controller-company.module-company.action-createTemplate .redactor-editor,
.controller-company.module-company.action-updateTemplate .redactor-editor {
    min-height: 300px;
}

.update-staff-link {
    cursor: pointer;
}

button.ui-button-icon-only {
    width: auto;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: 10px;
    height: 15px;
}

#opportunity-grid .activity-item .activity-body {
    overflow: hidden;
    white-space: normal;
    font-size: 12px;
    line-height: 12px;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                          supported by Chrome and Opera */
}

.controller-company.module-company.action-createPdfTemplate .redactor-editor,
.controller-company.module-company.action-updatePdfTemplate .redactor-editor {
    min-height: 400px;
}

.fullwidth {
    width: 100%;
}


.controller-pipeline.module-opportunity.action-index .tools-switch,
.controller-opportunity.module-opportunity.action-graph .tools-switch {
    top: -64px;
    position: relative;
}

.editable-input input[type="text"] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.email-activity-title {

    cursor: pointer;
}

.email-activity-title span {
    text-decoration: underline;
}

.email-activity-title i.fa {
    font-size: 24px;
}

.op-widget.customfield-widget {
    overflow: hidden;
}

.bordered-wrapper {
    border: 1px solid #ddd;
}

.modal-footer {
    background: #eee;
}

/*.module-contact.action-update .Customer{
    border-bottom: medium solid #52e136;
    border-left: 0;
    padding: 0 !important;
}
.module-contact.action-update .Provider {
    border-bottom: medium solid #37b7f3;
    border-left: 0;
    padding: 0 !important;
}
.module-contact.action-update .Partner {
    border-bottom: medium solid #d12610;
    border-left: 0;
    padding: 0 !important;
}
.module-contact.action-update .Prospect {
    border-bottom: medium solid #ecbc29;
    border-left: 0;
    padding: 0 !important;
}*/

.best-position .bp-date {
    position: absolute;
    left: 26px;
    top: 1px;
    display: none;
}

#company-form .fileupload {
    min-width: 200px;
}

.best-position .badge:hover + div {
    display: block;
}

.edit-company-main-wrapper {
    height: 34px;
    width: 34px;
    border: 4px solid red;
    border-radius: 50%;
    position: absolute;
    top: -33px;
    left: 58px;
    background: #242527;
    z-index: 2222;
    text-align: center;
    color: #fff;
    vertical-align: middle;
    padding: 4px;
    display: none;
}

.edit-company-main-wrapper:hover {
    color: #fff;
}

.nonActivePlugin {
    background: #fff;
    color: #333;
}

.activePlugin {
    background: #f9f9f9;
    color: #000;
}

.updatePlugin {
    background: #A7301F;
    color: #fff;
}

.clear {
    clear: both;
}

.pager li > a, .pager li > span {
    border-radius: 0;
}

.tag {
    margin-right: 5px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

#UserTable td {
    vertical-align: middle;
}

.userMenu {
    float: right;
    padding-bottom: 10px;
    width: 100%;
    height: 80px;
}

.addAction, .addRole {
    display: none;
    background: #f5f5f5;
    padding: 10px;
    margin-left: -15px;
}

.actionItem {
    display: none;
}

.sumItem {
    padding: 10px;
}

.header-inner {
    clear: both;
}

.header {
    display: inline-block;

}

.top-app-menu {
    float: right;
    padding-bottom: 10px;
    width: 100%;
    height: 80px;
}

.top-left-menu {
    height: 39px;
    float: left;
    padding-top: 15px;
}

.top-right-menu {
    height: 39px;
    float: right;
}

.top-search-menu {
    width: 350px;
    padding-top: 5px;
}

.loading-app-mask {
    width: 100%;
    height: 100vh;
    position: fixed;
    display: none;
    background: rgba(0, 0, 0, 0.4);
    z-index: 11111;
    top: 0;
    margin-left: -20px;
}

.loading-app-content {
    position: relative;
    margin: 20% 33%;
    z-index: 1002;
    width: 20%;
}


/* here you can put your own css to customize and override the theme */
.grid-view .button-column {
    text-align: left;
}

.up-blue {
    color: #87ceeb !important;
}

.clear {
    clear: both;
}

.errorMessage:first-letter {
    text-transform: uppercase;
}

.controller-auth.module-user.action-register .whitelabel_logo {
    padding: 20px 0 0 0;
}

.controller-auth.module-user.action-register .content {
    padding-top: 1px;
}

.controller-auth.module-user.action-register .text-description {
    color: #888;
    font-size: 12px;
}


/* Login form  */
ul.nav.nav-list li {
    display: inline-block;
}

.register-form {
    display: block;
}

.h15 {
    height: 15px;
    clear: both;
}

.nameInput {
    width: 200px;
    float: left;
}

.sexInput {
    width: 90px;
    float: left;
    margin-right: 10px;
}

#export-grid {

}

.ms-container {
    width: auto;
}

.add-more {
    padding: 10px;
}

.remove a,
.add-more a {
    text-decoration: none;
    color: #000000;
}

.remove .icon-minus-sign,
.add-more .icon-plus-sign {

    font-size: 200%;
}

#rules ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.circle-stat .details {
    width: 30%;
}

.login {
    background-color: transparent !important;
}

.page-sidebar-menu .title {
    margin-left: 2px;
}

.btn-export {
    clear: both;
    float: right;
}

/*CALENDAR*/
.sources-wrapper {
    padding-left: 0 !important;
}

.add-source-btn {
    float: right;
    padding-bottom: 10px;
    width: 80%;
    height: 80px;
}

.add-source-wrapper {
    height: 39px;
    float: right;
}

#modalEvent {
    display: none;
    min-height: 300px !important;
    min-width: 400px !important;
}

#calendar {
    margin: 20px 0 0 0;
}

.calendar-list {
    list-style-type: none;
    padding: 20px 0;
}

div.table-element {
    display: table;
    width: 100%;
}

.sourceLI {
    margin: 10px 0;
}

/*    .colorpicker.dropdown-menu {
        padding: 5px;
        z-index: 22222;
    }*/
.form-inline {
    display: inline-block;
}

.sourceLink {
    position: relative;

}

.sourceLI {
    position: relative;
    cursor: pointer;
    background: #fff;
    padding: 11px 30px;
}

.calendar-vis {
    position: absolute !important;
    top: 6px;
    left: 3px;
    color: #999;
    margin: 5px;
    z-index: 5;
    display: none;
}

.calendar-visible {
    display: block;
}

.sourceLI .colorPicker {
    border: 0 !important;
    right: 10px;
    top: 10px;
}

.fc-button {
    background: #31b0d5 !important;
    border-color: #31b0d5;
    border-style: none solid;
    color: #fff;
    height: 40px !important;
    text-shadow: none !important;
    box-shadow: none !important;
    margin-left: 1px;
    padding: 10px 20px !important;
    outline: none;
    text-transform: capitalize;
}

.fc-button:hover, .fc-state-active {
    background: #428bca !important;
    border-color: #428bca;
    border-style: none solid;
    color: #fff;
    text-shadow: none !important;
    box-shadow: none !important;
    outline: none;

}

.fc-today-button.fc-button.fc-state-default {
    background: #31b0d5 !important;
    border-color: #31b0d5 !important;
    color: #fff;
}

.fc-today-button.fc-button.fc-state-default.fc-corner-right.fc-state-disabled {
    opacity: 1;
    background: #428bca !important;
    border-color: #428bca !important;;
    color: #fff;
}

.fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 1px;
}

.fc-state-default.fc-corner-left {
    border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px;
}

.fc-state-default.fc-corner-right {
    border-radius: 0 2px 2px 0;
    -webkit-border-radius: 0 2px 2px 0;
}

.fc-widget-header {
    border-color: #ebebeb !important;
    color: #a3a3a3 !important;
    font-weight: normal;
}

.fc-widget-header th {
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f6f6f6 !important;
}

.fc-left .fc-state-default, .fc-left .fc-state-default .fc-button-inner {
    background: #f2f2f2 !important;
    border-color: #f2f2f2;
    border-style: none solid;
    color: #c2c2c2;
}

.fc-center h2 {
    font-size: 20px !important;
    color: #404047;
    font-weight: normal;
    margin-top: 8px;
}


.fileupload-new.thumbnail {
    width: 200px;
    height: 150px;
}

.fileupload-preview.fileupload-exists.thumbnail {
    max-width: 200px;
    max-height: 150px;
    line-height: 10px;
}

.top-menu-wrapper {
    float: right;
    padding-bottom: 10px;
    width: 100%;
    height: 80px;
}

.ms-container {
    background: transparent !important;
}

.switchWeb {
    background-image: url('../plugins/jquery-multi-select/img/switch.png');
    height: 21px;
    width: 21px;
    position: absolute;
    top: 109px;
    left: 49%;
    cursor: pointer;
    z-index: 2;
}

.ms-container {
    width: auto;
}

.pager {
    text-align: center !important;
}

.portlet > .portlet-title > .caption > i {
    font-size: 14px !important;
}

.filters td input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    background-color: white;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#Person_tabs .fa-power-off {
    cursor: pointer;
}

.top-search {
    margin-top: 5px;
    display: inline;
    width: 500px;
    position: relative;
}

.top-search input {
    height: 30px;
}

.search-cat {
    width: 130px;
    height: 36px;
    -moz-appearance: none;
    border-radius: 20px;
}

.top-search-wrapper {
    display: inline-block;
    padding-top: 8px;
}

.top-search .select2-container {
}

.top-search .form-control.select2-container.select2-dropdown-open {
    border-radius: 0 2px 2px 0 !important;
}

.top-search .search-text {
    border-radius: 20px 0px 0px 20px !important;
    border: 0 !important;
}

.top-search .select2-container-multi.select2-dropdown-open .select2-choices {
    border-radius: 0 2px 2px 0 !important;

}

.select2-choices {
    max-height: 30px;
}

.dContainer .content, .addDefaultItem .content {
    display: table;

}

#domainZones .checker {
    position: relative;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: middle;
}

.domain-name {
    vertical-align: middle;
    padding: 10px;
}

.domain-name-check {
    background: url("../img/loading-spinner-grey.gif") no-repeat center center;
    line-height: 30px;
    min-width: 40px;
    padding: 10px;
}

.table-domains {
    margin: 20px;
}

#domainZones label {
    margin-right: 8px;
}

.whitelabel_logo {
    width: 360px;
    margin: 0 auto;
    text-align: center;
    background: rgba(255, 255, 255, 0.92);
    border-radius: 15px 15px 0 0;
    padding: 20px 0;
}

.login .content {
    background: rgba(255, 255, 255, 0.92);
    border-radius: 0 0 15px 15px !important;
}

.login .content .form-actions {
    background-color: transparent;
}

.login .form-actions {
    border: 0 !important;
    border-radius: 0 !important;
}

.whitelabel_logo img {
    max-width: 90%;
}

@media (max-width: 480px) {
    .whitelabel_logo {
        width: 280px;
    }

    .whitelabel_logo img {
        max-width: 90%;
    }
}

.sortable {
    position: relative;
}

.handler {
    background: #f5f5f5;
    padding: 10px;
    width: 100px;
    float: left;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

#wtranslator-footerSlideText .item.edit {
    color: #f3aef2;
}

#wtranslator-footerSlideContainer {
    max-height: calc(100vh - 100px);
    /*overflow-y: scroll;*/
}

.select2-selection__clear {
    position: relative;
}

.controller-opportunity.module-opportunity.action-index .change-pagesize-wrapper li[data-val="100"] {
    display: none;
}

#wtranslator-footerSlideContent #one-true {
    overflow-y: scroll !important;
    max-height: calc(100vh - 200px);
}

.convertBut[href='#'] {
    opacity: 0.4;
}

#wtranslator-footerSlideContent #one-true .col {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

#person-form .select2-container-multi .select2-choices, #company-form .select2-container-multi .select2-choices {
    display: inline-table;
}

#tags-grid .button-column.disabled {
    opacity: 0.5;
}

#company-form #s2id_SesCompany_tagss .select2-input, #person-form #s2id_Person_tagss .select2-input {
    min-width: 310px !important;
    width: 310px !important;
}

#s2id_tags_filter .select2-choices {
    border-radius: 0px 4px 4px 0px !important;
    border-left: 0;
}

.contact-tag {
    margin-right: 3px;
}

.contact-top-button {
    float: left;
    margin-right: 10px
}

table.dataTable thead .sorting_asc {
    background: url('../img/sort_asc.png') no-repeat center right;
    cursor: pointer;
}

table.dataTable thead .sorting_desc {
    background: url('../img/sort_desc.png') no-repeat center right;
    cursor: pointer;
}

table.dataTable thead .sorting {
    background: url('../img/sort_both.png') no-repeat center right;
    cursor: pointer;

}

.controller-opportunity.module-opportunity table[id^=po-table] td {
    vertical-align: middle;
    text-align: center;
}

.controller-opportunity.module-opportunity table[id^=po-table] td .input-group {
    display: inline-table;
}

.heading2 a.sort-link {
    color: #222222;

}

.heading2 {
    background: #fefefe;
}

.heading th:hover {
    background-color: #eee !important;
    border: #ddd 1px solid;

}

.heading th:hover a {
    color: #000;
}

.heading th:hover a:hover {
    color: #000;
}

.heading a.sort-link:hover, a.sort-link:active, a.sort-link:link, a.sort-link:visited {
    color: #222222;
    text-decoration: none !important;
}

.grid-view-loading {


}

.icon-btn {
    background: #fff !important;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(227, 227, 227, 1) !important;
    -moz-box-shadow: 1px 1px 1px 0px rgba(227, 227, 227, 1) !important;
    box-shadow: 1px 1px 1px 0px rgba(227, 227, 227, 1) !important;
    display: inline-block;
}

.icon-btn:hover, .icon-btn:link, .icon-btn:active, .icon-btn:focus, .icon-btn:visited {
    text-decoration: none;
}

.table-hover tr:hover td {
    background-color: #eee !important;
}


@media (min-width: 992px) {
    .page-sidebar {
        width: 240px;
    }
}

@media (min-width: 992px) {
    .page-content {
        margin-left: 240px !important;
    }
}


.calendar-vis {

}

.calendar-loading {
    margin: 20% 37%;
}

.calendar-loading-mask {
    margin: 0 !important;
}

.not_uni {
    margin-left: 20px !important;
    margin-top: 10px !important;
}

.itemTest {
    display: none;
}

.custom-item-delete {
    color: #ccc;
    margin-left: 10px;
    margin-top: -4px;
}

.custom_item, .itemTest {
    background: #f5f5f5;
    padding: 10px;
    width: 100%;
    margin-bottom: 5px;

}

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

.lesson-item.active {
    background-color: red !important;
    color: #fff !important;
}

.lesson-item {
    cursor: pointer;
    text-transform: capitalize;
}

.custom-item-input {
    width: 85%;
    float: left;
}

input[type='radio']:not([class*='not_uni']) {
    margin-left: -5px !important;
}

.custom-radio-text {
    margin-top: 10px;
}

.ss .radio {
    min-height: 38px !important;
}

@media (min-width: 992px) {
    .page-sidebar-fixed .footer {
        margin-left: 235px !important;
    }
}

.btn-mywidth {
    min-width: 100px;
}

.btn-mywidth:first-child {
    float: left;
}

#modalEvent .modal-header {
    text-align: center;
}

.actions-container {
    text-align: right;
    padding: 0 15px;
}

.pm0 {
    padding: 0 !important;
    margin: 0 !important;
}

#start_date, #end_date {
    cursor: pointer !important;
}

.event-cat {
    height: 100%;
    width: 5px;
    position: absolute;
    left: 0px;
    margin-right: 10px;
    display: inline-block
}

.my-fc-title {
    padding-right: 34px;
    margin-bottom: 3px;
}

/*.my-fc-title:after{
    content: '';
    display: table;
    clear: both;
}*/
.fc-time, .cal-name {
    margin-left: 10px;
}

.event-logo {
    height: 33px;
    width: 29px;
    /*        border-radius: 50%;*/

    background-size: cover !important;
    background-position: center center;
    float: left;
    padding: 3px;
    margin: 5px 10px 5px 10px;
}

.event-repeat-icon {
    clear: both;
    font-size: 10px;
    padding: 2px 4px;
    margin: 4px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px;
    color: #ffffff;
    border: 1px solid #ffffff;
    background: none;
}

.jym-cal-right.closed .calendar-color-picker {
    display: none;
}

/*.jym-panel-close-but{
     height: 30px;
    width: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin: 20px auto;
    text-align: center;
    vertical-align: middle;
    padding-top: 4px;
    color: #fff;
    cursor: pointer;
}*/
.jym-cal-right.closed .calendar-list {
    margin-top: 50px;
}

.fc-event .fc-content {
    height: 100%;
}

.cal-color-picker {
    height: 20px;
    width: 20px;
}

.sourceLI {
    position: relative;
}

.colorPicker {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 3;
    border: 1px solid #333;

}

.fc-event .fc-bg {
    background: transparent;
}

.person-link {
    line-height: 30px;
}

#companies-grid .summary {
    display: none;
}

.dataTable > thead > tr > th {
    min-width: 100px;
}

.dataTable > thead > tr > th#iconheader_id {
    min-width: auto;
}

.select2-choices {
    display: table;
    width: 100%;
}

.project-title {
    display: inline;
}

.entry-left {
    float: left;
    width: 69%;
}

.entry-right-top {
    margin-bottom: 20px;
}

.entry-right-wrapper {
    width: 29%;
    float: right;
}

.entry-right-top, .entry-right-bottom {
    overflow-x: hidden;
    overflow-y: auto;
}

.entry-right-bottom {
    margin-bottom: 20px;
}

.entry-left {
    margin-right: 2%;
}

#ReturnToProject {
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -165px;
}

.add-comment-input {
    margin: 10px 0;
}

.comment-item {
    background: transparent;
    padding: 10px;
    margin: 20px 0;
    min-height: 80px;
    position: relative;
}

.comment-time {
    font-size: 10px;
}

.comment-content {
    width: 100%;
    padding-left: 100px;
}

.comment-user {
    padding: 5px;
    text-align: center;
    width: 100px;
    height: 50px;
    position: absolute;
}

.comment-user-name {
    font-size: 10px;
    color: #333;
    margin-top: 10px;
}

.comment-text {
    border: 1px solid #f5f5f5;
    padding: 5px;
    margin: 10px 0;
}

.commment-remove-btn {
}

.dropzone {
    border: 1px dashed #ccc;
    min-height: 175px;
}

.dz-default.dz-message {
    line-height: 175px;
    text-align: center;
}

.dz-default.dz-message span {
    background: RGBA(148, 148, 148, 0.6);
    padding: 10px;
    color: #fff;
    border-radius: 4px;
}

.time-input {
    padding-left: 5px !important;
}

.task-item, .task-item.entry-item {
    background: #fafafa;
    padding: 5px;
    margin: 3px 0;
    min-height: 39px;
    position: relative;
}

.task-create-time {
    font-size: 10px;
    margin-top: 10px;
}

.task-content {
    width: 100%;
    padding-left: 100px;
}

.task-user {
    padding: 5px;
    text-align: center;
    width: 50px;
    height: 50px;
    position: absolute;
}

.task-user-name {
    font-size: 10px;
    color: #333;
    margin-top: 10px;
}

.task-text {
    border: 1px solid #f5f5f5;
    padding: 5px;
    margin: 10px 0;
}

.task-remove-btn {
    position: absolute;
    right: 10px;
    top: 1px;
}

.task-edit-btn {
    position: absolute;
    right: 36px;
    top: 1px;
}

.task-important-btn {
    margin: 0 10px;
}

.task-active-btn {
}


.task-time {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 0px 6px;
    border-radius: 3px;
    margin: 2px;
}

.task-header {
    position: relative;
    color: #aaa;
}

.task-name {
    font-size: 14px;
}

.task-desc {
    font-size: 10px;
    color: #ccc;
}

.task-active-btn.is-active {
    color: #880;
}

.task-important-btn.is-important {
    color: #880;
}

.task-note {
    font-size: 12px;
    color: #333;
}

.best-position .l40 {
    left: 40px !important;
    background: #e02222 !important
}

.label-success-my {
    background-color: #3cc051 !important;
}

.is-complete {
    opacity: 0.6;
}

.is-complete .task-name {
    text-decoration: line-through;
}

.checklist-checked-info {
    color: #aaa;
    font-size: 11px;
}

.opt-item .custom-item-delete {
    margin-top: 9px;
    display: inline-block;
}

.opt-item.area-item {
    background: #f5f5f5;
    padding: 10px;
    margin: 20px 0;
    width: 55%;
}

.opt-item.area-item .col-md-1 {
    line-height: 70px;
}

.opt-item.area-item .col-md-1 a i {
    font-size: 28px;
}

.total-complete {
    height: 20px;
    width: 100%;
}

.total-bg {
    background: #ff0000;
    height: 18px;
    text-align: right;
    color: #fff;
    overflow: hidden;
}

.total-complete {
    margin-top: 20px;
}

.checklist {
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 5px 20px;
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.checklist-item {
    margin-bottom: 10px;
}

.checklist-edit-btn:hover {
    text-decoration: none;
}

.checklist-delete-btn:hover {
    text-decoration: none;
}

.person-icon {
    width: 20px;
    height: 20px;
    color: white;
    background-color: red;
    padding: 1px;
    margin-right: 5px;
    border-radius: 50%;
    position: absolute;
    left: 24px;
    top: 0;
    text-align: center;
}

.user-item-text {
    margin-left: 10px;
}

.over-denided {
    opacity: 0.5;
}

.dash-company-logo {
    width: 100%;
    height: 150px;
    background-size: 100%;
    background-repeat: no-repeat;
}

.dash-company-content {
    border: 2px solid #ccc;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    background: #fff;
    margin-right: 20px;
    min-height: 260px;
}

.current-area {
    background: #66ee66;
}

.lists-item-header {
    margin-bottom: 10px;
}

.lists-item-header #btnGroupVerticalDrop6 {
    cursor: pointer;
    display: inline-block;
    margin-left: 3px;
}

.front {
    background: #eee;
}

.checklist-item.option-done .checklist-content {
    text-decoration: line-through;
}

.project-sharing .SumoSelect {
    width: 100%;
}

.project-sharing .SumoSelect .SlectBox {
    width: 100%;
}

.add-external-btn {
    border-radius: 2px;
}

#ProProject_exstafff {
    margin-top: 10px;
}

.staff-title {
    color: #fff;
    margin-top: 21px;
    margin-bottom: 1px;
    display: block;
    position: relative;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    background: #428bca;
}


.datepicker-dropdown {
    z-index: 1111 !important;
}


.jstree-clicked {
    color: blue !important;

}

.jstree-contextmenu {
    z-index: 111111111;
}

.entry-date {
    min-height: 20px;
}


/* TOP SEARCH */
.top-search-wrapper .select2-container-multi .select2-choices .select2-search-field input {
    color: #7e818a !important;
    background-color: #4d4f55 !important;
    border-color: #1d1d1f !important;
    margin: 0px 5px;
}

.top-search-wrapper #s2id_autogen1 .select2-choices {
    min-height: 30px;
    height: 30px !important;
}

.top-search-wrapper #s2id_autogen1 .select2-choices .select2-search-field {
    min-height: 30px;
    height: 30px !important;
}

.top-search-wrapper .form-control.select2-container .select2-choices {
    border: 0 !important;
    -webkit-border-top-right-radius: 5px important;
    -webkit-border-bottom-right-radius: 5px !important;
    -moz-border-radius-topright: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.top-search-wrapper .select2-container {
    background-color: transparent !important;
}

.top-search-wrapper .input-group-addon {
    border-color: #4D4F55 !important;
    background: #4D4F55 !important;
    border-left: 1px solid #7e818a !important;
    height: 30px;
}

.top-search-wrapper .form-control.select2-container .select2-choices {
    /*    border-radius: 0px !important;
        border-radius: 50% 0px 0px 50% !important*/
}

.top-search-wrapper .search-cat option, select.search-cat {
    padding-top: 3px;
    color: #7e818a !important;
}

.top-search-wrapper .search-text {
    background: #4D4F55 !important;
}

.top-search-drop {
    background-color: #4D4F55 !important;
    color: #fff !important;
    border: 0 !important;
}

.top-search-drop .select2-no-results, .top-search-drop .select2-results .select2-searching, .top-search-drop .select2-results .select2-selection-limit,
.top-search-drop .select2-results .select2-result {
    background-color: #4D4F55 !important;
    color: #fff !important;
}


.remove-role-icon {
    position: absolute;
    right: -23px;
    top: 7px;
}

.avatar-wrapper {
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.entry-staff-list .avatar-wrapper .person-icon {
    width: 15px;
    height: 15px;
    font-size: 10px;
    padding: 0px;
    left: 18px;
    top: -2px;
}

.grid-content-wrapper {
    margin-top: 39px;
}

.portlet .my-grid-btn {
    margin-top: 8px;
    margin-bottom: 0px !important;
}

.entry-item-wrapper {
    min-height: 70px;
    margin: -10px;
    padding: 10px
}

.staff-list-wrapper {
    width: 225px;
}

.project-manager-wrapper .staff-list-wrapper {
    max-height: 103px !important;
}

.staff-list {
    width: 210px !important;
}

.project-manager-wrapper .staff-list,
.project-staff-wrapper .staff-list {
    min-height: 100px;
}

.sidebar-toggler {
    height: 36px;
    padding-top: 6px;
    margin-top: 0px;
    position: absolute;
    z-index: 2222;
    right: 0;
    background: #f5f5f5;
}

.main-menu-wrapper {
    margin-top: 95px;
    max-height: 100%;
    height: calc(100vh - 200px);
}

.main-menu-scroll {
    max-height: 100%;
}

.page-sidebar-closed .main-menu-wrapper,
.page-sidebar-closed .main-menu-scroll,
.page-sidebar-closed .slimScrollDiv {
    overflow: visible !important;
}

.page-sidebar-closed .sidebar-toggler {
    height: 36px;
    padding-top: 6px;
    margin-top: 0px;
    position: absolute;
}

.page-sidebar-closed .page-sidebar-menu .toggler-item:hover {
    width: 40px !important;
}

.page-sidebar-closed .invoice-module-menu .sub-menu {
    overflow-y: auto;
}

.page-sidebar-closed .invoice-module-menu ul.sub-menu > li > a {
    padding: 1px 0px;
}


.page-content {
    padding: 0px 20px 20px 20px;
}

.membership-item-option {
    margin-bottom: 20px;
}

@media (max-width: 991px) {
    .dropdown.user .username {
        display: none !important;
    }
}

.row1:after {
    content: '';
    clear: both;
    position: relative;
    display: table;
}

.project-admin-menu {
    position: absolute;
    top: -60px;
    right: 20px;
}

.project-admin-menu .btn {
    border-radius: 0;
}

.dropdown-menu > li > a .new-badge {
    position: relative;
    display: inline-block;
    margin: -3px 0px 0px 10px;
}

.grid-avatar-wrapper {
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: -3px;
    margin-right: 5px;
}

.grid-avatar-index1 {
    margin-left: -25px;
}

.grid-avatar, .grid-avatar-wrapper img, .grid-avatar-wrapper i {
    border-radius: 50%;
    display: inline-block;
}

.opp-list-person-name {
    margin-top: 0px;
}

.grid-avatar {
    height: 70px;
    width: 70px;
    padding: 2px;
    border: 1px solid #DDDDDD;
}

.grid-wrapper td {
    /*    vertical-align: middle;*/
    font-size: 14px;
}

#project-grid .slimScrollDiv, .right-comments .slimScrollDiv {
    height: auto !important;
}

.grid-avatar-wrapper img, .grid-avatar-wrapper i, .entry-staff-list img {
    width: 30px;
    height: 30px;
    padding: 2px;
    border: 1px solid #DDDDDD;
    margin-bottom: 4px;
    text-align: center;
    line-height: 23px;
}

.footer .footer-inner {
    color: #999ba2 !important;
}

.page-content {
    border-radius: 0 0 0 4px !important;
    background-color: #fff;
}

.page-sidebar-fixed .footer {
    margin-left: 0px !important;
    z-index: 1;
    position: relative;
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #35363a !important;
}

.project-sharing {
    background: #f5f5f5;
    padding: 20px;
    position: relative;
    margin: -10px 0 0 0;
}

.project-sharing.opened {
    width: 250px;
    height: 100%;
    position: relative;
    min-height: 689px;
    max-height: 100%;
}

.project-sharing.closed {
    width: 50px;
}

.project-sharing.closed .staff-title {
    text-align: center;
}

.project-sharing.closed .user-item-text, .project-sharing.closed .user-staff-edit-btn,
.project-sharing.closed h3, .project-sharing.closed .SumoSelect,
.project-sharing.closed .add-external-btn, .project-sharing.closed .external-user-manage,
.project-sharing.closed .staff-title .staff-title-text, .project-sharing.closed .add-manager-btn,
.project-sharing.closed .add-staff-btn {
    display: none !important;
}

.external-user-manage {
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0 !important;
}

.project-sharing.closed .staff-item, .project-sharing.closed .staff-list, .project-sharing.closed .staff-title, .project-sharing.closed #btnGroupVerticalProject {
    width: 40px !important;
}

.project-sharing.closed .staff-list-wrapper, .project-sharing.closed .staff-title, .project-sharing.closed #btnGroupVerticalProject {
    margin-left: -15px;

}

.project-sharing.closed #btnGroupVerticalProject span.project-actions-text {
    display: none;
}

.project-actions-icon {
    float: right;
}

.project-sharing.closed .project-actions-icon {
    float: none;
    display: block;
    margin-left: 3px;
}

.project-sharing.closed .dropdown-menu {
    left: -132px;
}

.project-sharing.closed .person-icon {
    width: 15px;
    height: 15px;
    font-size: 10px;
    padding: 0px;
}

.project-sharing.closed .staff-list-wrapper {
    width: 56px;
}

.project-sidebar-toggler:before {
    margin: 0px 2px 3px 5px;
    display: inline-block;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    font-weight: 300;
    text-shadow: none;
}

.project-sharing.opened .project-sidebar-toggler:before {
    content: "\f105";
}

.project-sharing.closed .project-sidebar-toggler:before {
    content: "\f104";
}

.project-sharing.closed .project-sidebar-toggler {
    margin-bottom: 15px;
}

.project-owner-wrapper .staff-title {
    margin-top: 0;
}

.project-owner-wrapper {
    margin-bottom: 20px;
}

.project-sidebar-toggler {
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0;
    border: 0;
    margin-left: -20px;
    width: 17px;
    height: 36px;
    margin-right: -1px;
    background-color: #FcFcFc;
    border: 1px solid #ddd;
    border-left: 0;
    margin-top: -11px;
    position: absolute;
    z-index: 2;
    top: 30px;
    padding-top: 6px;

}

.project-sharing.closed .project-sidebar-toggler {
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
    margin: 0;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #FcFcFc;
    border: 1px solid #ddd;
    border-right: 0;
    position: absolute;
    z-index: 2;
    top: 27px;
    left: -17px
}

.page-bar {
    height: 36px;
    background-color: #f5f5f5;
}

.today-date {
    color: #fff !important;
    background-color: #ecbc29 !important;
}

.past-date {
    color: #fff !important;
    background-color: #f3565d !important;
}

.future-date {

}

.entry-active-btn, .entry-active-btn:hover {
    color: #449d44 !important;
}


.active-staff {
    padding: 1px;
    border: 2px dashed #449d44 !important;
}

.not-active-staff {
    padding: 1px;
    border: 2px dashed #fff;
}

.collapse-horizontal {
    margin-bottom: 2px;
    background-image: url(../img/portlet-collapse-icon.png);
    width: 14px;
}

.collapse-horizontal.ch-hidden {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.collapse-horizontal.ch-shown {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.entry-left, .entry-right-wrapper {
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.page-sidebar {
    position: fixed;
    z-index: 2222;
}

.expand-btn {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 40px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
}

.entry-right-buttons {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 1;
}

.task-label {
    margin: 0 10px;
}

.modal-body .add-comment-form {
    margin: -15px;
    border: 1px solid #f5f5f5
}

.redactor-editor {
    max-height: 80px;
}

.modal-content .customkey-commentaires .redactor-editor {
    max-height: unset !important;
    min-height: 150px !important;
}

.task-label {
    padding: 2px 7px 2px 6px;
}

.entry-project-name {
    font-size: 12px;
    color: #aaa;
}

.task-title-h4 {
    margin-top: 25px;
    margin-bottom: 10px;
}

#tasks-range {
    position: relative;
    margin-top: 11px;
    margin-bottom: 20px;
    height: 38px;
    line-height: 26px;
    width: 100%;

}

.applyBtn {
    display: block;
}

.range_inputs .applyBtn, .range_inputs .cancelBtn {
    float: right;
    margin-left: 10px;
}

.daterangepicker.dropdown-menu.show-calendar {
    min-width: 712px;

}

.daterangepicker.opensleft:before,
.daterangepicker.opensleft:after {
    display: none;
    border: 0;
}

.show-calendar .ranges {
    min-width: 160px;
}

.range-item, .range-item-custom {
    cursor: pointer;
    padding: 5px 10px;
    width: 100%;
    margin: 10px 0;
    background: #f5f5f5;
    border-radius: 4px;
}

.range-item.active, .range-item-custom.active {
    background: #428bca;
    color: #fff;
}

.right-filter {
    width: 26%;
    position: relative;
    z-index: 2;
}

.task-list-wrapper {
    margin-bottom: 20px;
    padding: 10px;
}

.task-list-wrapper.odd {
    background: #eee;
}

.task-list-wrapper.odd .task-item {
    background: #eee;
}

.task-list-wrapper.even {

}

.filter-weekend {
    margin-top: 20px;
}

.tasks-left {
    float: left;
    width: 72%;
    margin-right: 2%;
}

.tasks-left .portlet-body {
    position: relative;
}

.task-item.entry-item .task-handler {
    float: left;
    margin-top: 8px;
    margin-right: 10px;
    color: #ccc;
}

.task-item.entry-item .task-isdone {
    float: left;
    margin-top: 8px;
}

.task-item.entry-item .task-user {
    position: relative;
    float: left;
    margin-top: 4px;
    height: 29px;
}

.task-item.entry-item .task-name {
    float: left;
    margin-right: 20px;
}

.task-item.entry-item .task-header {
    float: left;
    width: 360px;
    margin-top: 6px;
}

.task-item.entry-item .hover-active {
    display: none;
    position: absolute;
    top: 16px;
    right: 23px;
}

.task-item.entry-item .task-isactive {
    position: relative;
    float: right;
    padding-top: 11px;
}

.tasks-left, .right-filter {
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.tast-but {
    margin-right: 10px;
}

.tast-but:hover {
    text-decoration: none;
}

.avatar-wrapper .leader-avatar {
    width: 50px;
    height: 50px;
}

.entry-complete-wrapper .controls {
    margin-top: 4px;
}

.modal-open .datepicker {
    z-index: 12055 !important;
}

.modal-open .bootstrap-timepicker-widget {
    z-index: 12055 !important;
}

.leader-wrapper {
    display: inline-block;
}

.project-owner-wrapper .staff-item {
    cursor: initial;
}

.project-sharing .select2-container {
    width: 100%;
}

.sumo-search {
    padding: 10px;
}

.project-sharing .SumoSelect, .manager-select, .staff-select {
    display: none;
}

.add-manager-btn, .add-staff-btn {
    border-radius: 0 0 4px 4px;
}

.exstaff-list-wrapper {

}

.exstaff-list-wrapper .select2-container {
    visibility: hidden;
    height: 1px !important;
    margin-top: -20px;
}

.exstaff-select {
    visibility: hidden;

}

.select2-drop.select2-drop-above.select2-drop-active {
    border: 1px solid #999999 !important;
    border-bottom: 0 !important;
}

#btnGroupVerticalProject {
    width: 100%;
    border-radius: 0;
    background: #428bca;

    text-align: left;
}

.project-top-button {
    width: 100%;
    margin-bottom: 20px;
}

.project-top-button ul {
    width: 100%;
    border-radius: 0;
}

.isImportantEntry {
    position: absolute;
    height: 41px;
    right: 25px;
    top: -1px;
    width: 20px;
}

.entry-item.task-item .isImportantEntry {
    right: 84px;
}

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

.entry-item {
    background: #fff;
    margin: 0 0 5px 0;
    cursor: move;
    padding: 7px 5px;
    position: relative;
    border-left: 10px solid #fff;
    border-radius: 2px;
    white-space: normal;
    min-height: 40px;
    list-style: none;
    min-height: 58px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.entry-desc {
    font-size: 11px;
    color: #999;
    cursor: pointer;
    margin-bottom: 5px;
    min-height: 10px;
}

.entry-desc p {
    line-height: 14px !important;
}

.redactor-editor p, .redactor-editor ul, .redactor-editor ol, .redactor-editor table, .redactor-editor dl, .redactor-editor blockquote, .redactor-editor pre {
    line-height: 14px;
}

#entry-form .redactor-editor {
    max-height: 150px;
    height: auto;
}

.entry-controls {
    color: #dadada;
    position: relative;
    float: right;
    font-size: 15px;
    cursor: pointer;
    margin-bottom: -15px;

}

.entry-controls ul {
    list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

.entry-content-wrapper {
    float: left;
    width: 184px;
}

.entry-name {
    font-size: 12px;
    cursor: pointer;
    padding-right: 0px;
    min-height: 10px;
}

.entry-name-min {
    min-height: 60px;
}

.entry-desc-min {
    min-height: 70px;
}

.entry-date {
    padding: 3px 10px;
    color: #27861f;
    background-color: #b9ecc6;
    display: inline-block;
    border-radius: 3px;
    margin: 9px 0 6px;
    font-size: 11px;
}

.entry-alerts {
    list-style: none;
    padding: 0;
}

.entry-linked-users {
    text-align: right;
}

.entry-linked-users li {
    display: inline-block;
    margin-left: 5px;
    cursor: pointer;
    position: relative;
}

.entry-linked-users li img {
    width: 25px;
    height: 25px;
    border: 1px solid #ebe9e9;
    border-radius: 5px;
}

.entry-cover img {
    max-width: 100%;
}

.flip-icon {
    cursor: pointer;
    display: inline-block;
}

.important-icon {
    color: red !important;
    font-size: 17px !important;
}


.panel .panel-body.profile {
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.panel .panel-body {
    padding: 15px;
    position: relative;
}

.panel .panel-body {
    float: left;
    width: 100%;
}

.profile {
    width: 100%;
    float: left;
    padding: 15px 10px;
    position: relative;
    background: #35363a;
}

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

.profile .profile-data .profile-data-name {
    width: 100%;
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    height: 18px;
    overflow: hidden;
}

.profile .profile-data .profile-data-title {
    width: 100%;
    float: left;
    font-size: 11px;
    font-weight: 400;
    color: #999;
}

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

.grid-avatar {
    display: inline-block;
    vertical-align: bottom;
}

.contact-info small {
    font-weight: 700;
}

.contact-info {
    float: left;
    width: 100%;
    text-align: justify;
}

.coupon-error {
    min-height: 18px;
    text-align: center;
}

.contact-info p {
    margin-bottom: 5px;
}

.product-block .bottom-panel {
    text-overflow: ellipsis;
    overflow: hidden;
}

.product-block {
    display: flex;
}

.flex {
    display: flex;
}

.bottom-panel-shop {
    background: #f5f5f5;
}

.product-bottom-block + .bottom-panel-shop {
    padding-bottom: 230px !important;
}

.panel-default-shop {
    background: #f5f5f5;
    position: relative;
}

.price-shop {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    display: block;
}

.shop-item-title {
    display: block;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    min-height: 65px;
}

.product-bottom-block {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0 15px;
    z-index: 2;
}

.shop-cart-btn {
    margin-top: 20px;
    margin-bottom: 30px;
    width: 100%;
}

.product-bottom-block .form-inline,
.product-bottom-block .coupon {
    width: 100%;
}

.profile .profile-controls a.profile-control-right {
    right: 15px;
    top: 53px;
    text-align: center;
}

.profile .profile-controls a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #FFF;
    border: 2px solid #FFF;
    line-height: 25px;
    position: absolute;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.bottom-panel {
    background: #f1f1f1;
    min-height: 200px;
    max-height: 200px;

}

.contact-top {
    margin-bottom: 0px;
    float: left;
}

.contact-top .tools {
    display: inline-block;
    margin-right: 10px;
}

.profile .profile-controls a.profile-control-left {
    left: 15px;
    top: 53px;
    text-align: center;
}

.person-item {
    min-height: 390px;
}

.panel-default {
    border: 0;
}

.panel {
    float: left;
    width: 100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    border-top: 2px solid #E5E5E5;
    position: relative;
    box-shadow: 0px 1px 1px 0px rgba(222, 222, 222, 1);
}

.tools-switch {

}

.tools-switch a {
    padding: 8px 6px 2px 7px;
    border: 1px solid #eee;
}

.active-view {
    border: 1px solid #ccc !important;
}

.tools-switch a i.fa {
    font-size: 21px;
    color: #35363A;
}

#person-list .fa-upload, #company-list .fa-upload {
    color: #fff;
}

#person-list .grid-avatar, #company-list .grid-avatar {
    border: 2px solid #fff;
}

.Provider-group-bg {
    background: #37b7f3;
}

.Customer-group-bg {
    background: #52e136;
}

.Partner-group-bg {
    background: #d12610;
}

.Prospect-group-bg {
    background: #ecbc29;
}


.group-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.portlet-body-grid .contact-tag {
    display: inline-block;
    margin-bottom: 4px;
}

.hidden-tags {
    display: none;
    position: absolute;
    z-index: 3;
    left: 0px;
    padding: 12px;
    background-color: rgb(245, 245, 245);
    border: 2px solid #fff;
    border-top: 0;
    border-radius: 5px;
    /*    border: 0px;*/
    box-shadow: 0px 1px 1px 0px rgba(222, 222, 222, 1);
    width: 100%;
    vertical-align: initial;
    margin: -2px;
    width: 100%;
    padding: 0px;
    box-sizing: initial;
}

.bordered .hidden-tags {
    border: 2px solid yellow;
    border-top: 0;
}

.hidden-tags .buf {
    padding: 12px;
}

.panel {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.items:after {
    content: "";
    display: table;
    clear: both;
}

.tags-content {
    max-height: 90px;
    overflow: hidden;
    margin-top: 8px;
}

#po-table75 tr td * {
    font-size: 13px;
}

#po-table74 tr td * {
    font-size: 13px;
}

#po-table75 tr td .bootstrap-switch {
    min-width: 88px;
}

#tab_form-24 #po-table74 tr td,
#tab_form-24 #po-table75 tr td {
    padding: 8px 4px;
}

#tab_form-24 #po-table74 .custom-column-2,
#tab_form-24 #po-table74 .custom-column-5,
#tab_form-24 #po-table75 .custom-column-2,
#tab_form-24 #po-table75 .custom-column-5 {
    width: 8%;
    min-width: 105px;
}

#tab_form-24 #po-table74 .custom-column-2 input,
#tab_form-24 #po-table74 .custom-column-5 input,
#tab_form-24 #po-table75 .custom-column-2 input,
#tab_form-24 #po-table75 .custom-column-5 input {
    text-align: right !important;
}

#tab_form-24 #po-table74 .custom-column-4,
#tab_form-24 #po-table75 .custom-column-4 {
    width: 6%;
    min-width: 77px;
}

#tab_form-24 #po-table74 .custom-column-3,
#tab_form-24 #po-table75 .custom-column-3 {
    width: 5%;
    min-width: 68px;
}

#tab_form-24 #po-table74 .custom-column-6,
#tab_form-24 #po-table74 .custom-column-7,
#tab_form-24 #po-table75 .custom-column-6,
#tab_form-24 #po-table75 .custom-column-7 {
    width: 8%;
    min-width: 105px;
}

#tab_form-24 #po-table74 .custom-column-8 {
    min-width: 105px;
}

#tab_form-24 #po-table75 .custom-column-8 {
    min-width: 90px;
}

#tab_form-24 #po-table75 .custom-column-9 {
    min-width: 85px;
}

#tab_form-24 #po-table74 .custom-column-9 div div,
#tab_form-24 #po-table75 .custom-column-10 div div {
    min-width: 60px !important;
}

#tab_form-24 #po-table74 .custom-column-10,
#tab_form-24 #po-table75 .custom-column-11 {
    width: 5%;
    min-width: 75px;
}

#tab_form-24 #po-table74 .custom-column-11,
#tab_form-24 #po-table75 .custom-column-12 {
    min-width: 88px;
    width: 13%;
}


#tab_form-24 .custom-grid-wrapper {
    overflow-x: auto;
}

@media (max-width: 1400px) {

    #tab_form-24 #po-table74 .custom-column-2,
    #tab_form-24 #po-table74 .custom-column-5,
    #tab_form-24 #po-table75 .custom-column-2,
    #tab_form-24 #po-table75 .custom-column-5 {
        width: 90px;
        min-width: 90px;
    }

    #tab_form-24 #po-table74 .custom-column-3,
    #tab_form-24 #po-table75 .custom-column-3 {
        width: 66px;
        min-width: 66px;
    }

    #tab_form-24 #po-table74 .custom-column-4,
    #tab_form-24 #po-table75 .custom-column-4 {
        width: 77px;
        min-width: 77px;
    }

    #tab_form-24 #po-table74 .custom-column-6,
    #tab_form-24 #po-table74 .custom-column-7,
    #tab_form-24 #po-table75 .custom-column-6,
    #tab_form-24 #po-table75 .custom-column-7 {
        width: 97px;
        min-width: 97px;
    }
    #tab_form-24 #po-table74 .custom-column-10,
    #tab_form-24 #po-table75 .custom-column-11 {
        width: 77px;
        min-width: 77px;
    }

    [id^="po-table"] tr td * {
        font-size: 12px !important;
    }

    .custom-form-wrapper tr td .bootstrap-switch {
        min-width: 78px;
    }


    .bottom-panel {
        background: #f5f5f5;
        min-height: 220px;
        max-height: 220px;

    }

    .person-item {
        min-height: 410px;
    }

}

@media (max-width: 1320px) {
    .op-center .op-header-toolbar {
        /*position: absolute;*/
        /*right: 21px;*/
    }

    .op-center .op-widget-header {
        height: auto;
    }

    .op-center .op-widget-header .op-widget-tabs {
        margin-bottom: 0;

    }
}

@media (max-width: 1200px) {
    .bottom-panel {
        background: #f5f5f5;
        min-height: 160px;
        max-height: 160px;

    }

    .person-item {
        width: 33%;
        min-height: 350px;
    }

}

.header .navbar-brand {
    min-height: 43px;
    padding: 0;
    margin: 0 25px 0 0;
}

.header-inner {
    width: 100%;
}

@media (max-width: 980px) {
    .top-search, #header_notification_bar, #header_inbox_bar, #header_task_bar {
        display: none;
    }

    .person-item {
        width: 100%;
    }

    .header .navbar-brand {
        display: inline-block;
        width: 95px;
        height: 45px;
    }
}

@media (max-width: 480px) {
    .header .navbar-nav {
        clear: none;
    }

    .portlet > .portlet-title > .tools {
        display: none;
    }
}

@media (max-width: 800px) {
    .multypleColumns {
        display: none !important;
    }

}

.person-item .address-content {
    max-height: 39px;
    overflow: hidden;
}

.person-item .panel, .group-item .panel {

    border: 2px solid #dadada;
    padding: 10px;
}

.person-item .panel.bordered, .group-item .panel.bordered {
    border: 2px solid #428bca;
}

.info-module-stage {
    background-color: #f5f5f5;
    padding: 6px 20px;
    margin-top: 20px;
    height: 200px;
    overflow: hidden
}


.top-search .select2-container-multi .select2-choices {
    background: transparent !important;
}

.person-avatar {
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
}

.person-form-new .form-group .col-md-offset-3,
.person-form-new .col-md-6 .col-md-offset-3,
.person-form-new .checkbox-list,
.person-form-new .input-large,
.person-form-create .form-group .col-md-offset-3,
.person-form-create .col-md-6 .col-md-offset-3,
.person-form-create .checkbox-list,
.person-form-create .input-large {
    margin-left: 0 !important;
    width: 100% !important;
}

#company_type_section .btn {
    /*opacity:1;   */
}

#company_type_section .company-selected {
    /*opacity: 1;*/
}


#company_type_section .btn {
    background: #ddd;
    border: 0;
    color: #222;
}

#company_type_section .company-selected {
    position: relative;
    z-index: 9;
    color: #fff;
}


#company_type_section .btn-info.company-selected {
    box-shadow: 2px 0 3px 0 #999 !important;
    background-color: #31b0d5 !important;
}

#company_type_section .company-selected.btn-warning {
    background-color: #ec971f !important;
    box-shadow: 4px 0 5px -1px #999, -4px 0 5px -1px #999 !important;
}

#company_type_section .company-selected.btn-success {
    background-color: #449d44;
    box-shadow: -2px 0 3px 0 #999 !important;
}

#company_type_section .btn .radio {
    min-height: 24px !important;
    padding-top: 2px !important;
}

#company_type_section .btn .radio span {
    background-position: 0 -280px;
}

#company_type_section .btn .radio span.checked {
    background-position: -72px -280px;
}

.edit-image-link {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 5px;
    display: none;
    height: 20px;
    line-height: 10px !important;
}

.edit-image-link a {
    color: #fff;
}

.person-form-new #person-form .thumbnail,
.person-form-new #company-form .thumbnail {
    padding: 0px;
    margin-bottom: 0px;
    background-color: #fff;
    border: 0 !important;
    border-radius: 0px;

}

.person-form-new #person-form .fileupload, #avatar-form .fileupload,
.person-form-new #company-form .fileupload {
    margin-bottom: 0px;
}

.person-form-new #person-form .fileupload div:nth-child(3),
.person-form-new #company-form .fileupload div:nth-child(3),
.profile-change-avatar-tools {
    position: absolute;
    margin-top: -43px;
    text-align: center;
    width: 100%;
    display: none;
}

.person-form-new #person-form .fileupload .thumbnail > img,
.person-form-new #company-form .fileupload .thumbnail > img {
    width: 100%;
}

.person-form-new #person-form .fileupload .fileupload-preview,
.person-form-new #company-form .fileupload .fileupload-preview {
    line-height: 297px !important;
}

.person-item .profile-data-title {
    line-height: 16px;
    height: 20px;
}

.active-room {
    background: #89c4f4;
    color: #fff;
}

.edit-message {
    display: none;
}

.message-item img {
    max-width: 100%;
}

.chats li.out.message-item .message {
    background: #fff;
}

.inbox .inbox-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.inbox .inbox-nav li a {
    color: #000;
    display: block;
    font-size: 12px;
    line-height: 23px;
    text-align: center;
    border-left: none;
    text-align: left !important;
    padding: 8px 14px;

}

.inbox .inbox-nav li.active a, .inbox .inbox-nav li.active:hover a {
    color: #fff;
    border-left: none;
    background: #31343A !important;
    text-decoration: none;
}

.inbox .inbox-nav li.compose-btn a {
    color: #fff;
    text-shadow: none;
    text-align: center;
    margin-bottom: 18px;
    background: #35aa47;
    font-size: 12px;
}

.inbox .inbox-nav li.compose-btn a:hover {
    background-color: #1d943b !important;
}

.inbox ul.inbox-nav li {
    position: relative !important;
    border: 1px solid #CFDFEE;
    border-bottom: none;
    border-collapse: collapse;
}

.inbox ul.inbox-nav li:last-child {
    border-bottom: 1px solid #CFDFEE;
}

.inbox .table th {
    background: #eef4f7;
    border-bottom: solid 5px #fff;
}

.inbox .pagination-control {
    text-align: right;
}

#yum-message-grid .multypleColumns {

}

#yum-message-grid table tbody tr td:not(.checkbox-column) {
    cursor: pointer;
}

#yum-message-form .redactor-editor {
    min-height: 200px;
    max-height: 280px;
}

.inbox-view-info {
    color: #666;
    padding: 5px 0;
    margin-bottom: 10px;
    border-top: solid 1px #eee;
    border-bottom: solid 1px #eee;
}

.inbox .inbox-header h1 {
    margin: 0;
    color: #666;
    margin-bottom: 10px;
    font-size: 28px;
}

.inbox-view-header h1 {
    color: #666;
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 0 !important;
}

.inbox-view {
    color: #666;
    padding: 15px 0 0;
}

.inbox .inbox-header {
    overflow: hidden;
    margin-top: 5px;
}

.inbox-view-header {
    margin-bottom: 20px;
}

.inbox-view-header h1 a {
    top: -2px;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    padding: 2px 7px;
    line-height: 16px;
    position: relative;
    background: #b0bcc4;
    display: inline-block;
    border-radius: 4px;
}

.inbox-info-btn {
    margin-top: 17px;
    text-align: right;
}

.mail-folder-tools {
    position: absolute;
    right: -50px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    top: 0;
    display: none;
}

.inbox-nav .custom-folder a:hover .mail-folder-tool {
    display: block !important;
}

.menu-item-edit {
    display: inline-block !important;
    padding: 4px !important;
}

.menu-item-delete {
    display: inline-block !important;
    padding: 4px !important;
}

#yum-message-grid .multypleColumns {
    right: 22px;
    position: absolute;
    margin-top: -35px;
}

.inbox-nav-icon {
    max-width: 23px;
}

.inbox-nav-title {
    text-align: center;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin-left: -23px;
    padding-left: 2px;
}

.mail-toolbar {
    width: 100%;
    height: 40px;
    background: #31343A;
    margin-top: 10px;
    margin-bottom: -20px;
    color: #fff;
    height: 40px;
    padding: 2px;
    padding-left: 6px;

}

.mail-toolbat-but {
    height: 100%;
    padding: 10px 15px;
    float: left;
    cursor: pointer;
}

:not(.disabled).mail-toolbat-but:hover {
    background: #575C63;
}

.mail-toolbat-but i {
    line-height: 17px;
    font-size: 16px
}

.grid-view-loading {
    background-position: right center;
}

#yum-message-grid .dataTables_paginate:first-child {
    position: absolute;
    top: 0px;
    right: 15px;
}

@media (max-width: 800px) {
    #yum-message-grid .dataTables_paginate:first-child {
        display: none !important;
    }

}

.compose .inbox-content {
    position: relative;
}

.compose .mail-toolbar {
    margin-top: 0px;
    overflow: visible;
    padding-left: 2px;
    margin-bottom: 0px;
}

.view .mail-toolbar, .mail-view .mail-toolbar {
    margin-top: 0px;
    margin-bottom: 0px;
}

.view .reply .mail-toolbar, .mail-view .reply .mail-toolbar {

    margin-bottom: 40px;
}

.view .reply .redactor-editor, .mail-view .reply .redactor-editor {
    border: 0;
}

.fileinput-button {
    position: relative;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 1px;
    direction: ltr;
    cursor: pointer;
    height: 40px;
    width: 40px;
}

.view .grid-avatar, .mail-view .grid-avatar {
    height: 40px;
    width: 40px;
}

.mail-options {
    border-bottom: 1px solid #ccc;
    min-height: 40px;
    width: 100%;
    padding: 4px 13px;
    color: #333;
}

.mail-options span.colored {
    color: #4FB1E2;
}

.compose .mail-toolbar .mail-toolbat-but.active {
    position: relative;
    background: #575C63;
}

.compose .mail-toolbar .mail-toolbat-but.active:after {
    content: '';
    display: inline-block;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid #575C63;
    position: absolute;
    top: 38px;
    right: 17px;
    z-index: 2222;
}

#yum-message-form .redactor-box {
    position: initial;
}

#yum-message-form .redactor-toolbar {
    /*    position:absolute !important;
        top:40px !important;*/
    /*    width:100% !important;*/
}

.mail-control, .mail-label {
    line-height: 40px;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding-left: 20px;
}

.mail-control {
    width: auto;
    width: 100%;
    margin-left: -100px;
    background: transparent;
    padding-left: 120px;
}

.mail-label {
    line-height: 42px;
    margin-right: -3px;
    float: left;
    width: 100px;
}

.mail-control:active, .mail-control:focus, .mail-control:hover {
    outline: 0px !important;
    -webkit-appearance: none;
}

.compose .select2-container-multi .select2-choices {
    border: 0 !important;
}

.select2-drop.mail-users-drop,
.select2-drop.mail-users-cc-drop,
.select2-drop.mail-users-bcc-drop {
    width: 300px !important;
    left: auto;
    border: 1px solid #DAD6D7;
}

.mail-users-drop.mail-users-drop:before,
.mail-users-cc-drop:before,
.mail-users-bcc-drop:before {
    content: '';
    display: inline-block;
    background-image: url('../img/angle.png');

    position: absolute;
    width: 13px;
    height: 7px;
    top: -7px;
    left: 12px;
    z-index: 2222;
}

#s2id_YumMessage_to_users, #s2id_YumMessage_to_users_cc, #s2id_YumMessage_to_users_bcc {
    line-height: 30px;
}

#s2id_YumMessage_to_users .select2-choices .select2-search-choice,
#s2id_YumMessage_to_users_cc .select2-choices .select2-search-choice,
#s2id_YumMessage_to_users_bcc .select2-choices .select2-search-choice {
    margin: 10px 0 3px 5px;
}

.compose .redactor-editor {
    border: 0;
}

.compose .inbox-content {
    border: 1px solid #ccc;
    overflow: hidden;
    margin-top: 10px;
}

.view .inbox-content, .mail-view .inbox-content {
    border: 1px solid #ccc;
    overflow: hidden;
}

.mail-view .inbox-content {
    margin-top: 10px;
}

.view .inbox-content {
    margin-top: 40px;
}

.send-mess-but, .send-mess-but:active, .send-mess-but:hover {
    -webkit-appearance: none;
    outline: 0px !important;
    background: none;
    border: 0;
}

.send-mess-link {
    width: 100%;
    text-align: center;
    margin: 30px 0;
}

.reply .inbox-content {
    border: 0;
    position: relative;
}

.attachment-preview {
    height: 200px;
    width: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
}

.mail-content {
    padding: 0px 60px 20px;
}

.attachment-toolbar {
    height: 47px;
    width: 100%;
    background: #f5f5f5;
    padding-top: 6px;
}

.send-mess-but,
.update-open-ai
{
    width: 100%;
    background: #38B2E6;
    display: inline-block;
    padding: 10px;
    color: #fff;
    text-align: center;
}

.update-open-ai{
    background: #449d44;
}

.send-mess-but:hover, .send-mess-but:active, .send-mess-but:link {
    background: #38B2E6;
    color: #fff;
    text-decoration: none;
}

.nopadding-row, .nopadding-row .nopadding {
    padding: 0px;
}

.update-open-ai:hover{
    background: #2d7a2d;
    color: #fff;
    text-decoration: none;
}

.check-all-but {
    width: 45px;
}

.star-active {
    color: #ecbc29;
}

#selectedmailsheader_id, #yum-message-grid_c1header_id, #td.star-active, #td.star-inactive {
    width: 20px;
    min-width: 20px;
}

.mail-toolbat-but.disabled {
    opacity: 0.5;
    cursor: initial;
}

#s2id_YumMessage_to_users .select2-choices .grid-avatar-wrapper {
}

#s2id_YumMessage_to_users .select2-choices .grid-avatar-wrapper img,
#s2id_YumMessage_to_users_cc .select2-choices .grid-avatar-wrapper img,
#s2id_YumMessage_to_users_bcc .select2-choices .grid-avatar-wrapper img {
    width: 20px;
    height: 20px;
    padding: 1px;
    border: 1px solid #DDDDDD;
    margin-bottom: 4px;
    text-align: center;
    margin-top: 2px;
    margin-right: 5px;
}

#s2id_YumMessage_to_users .select2-choices .select2-search-choice,
#s2id_YumMessage_to_users_cc .select2-choices .select2-search-choice,
#s2id_YumMessage_to_users_bcc .select2-choices .select2-search-choice {
    padding: 0px 5px 0px 18px;
}

.inbox-menu-badge {
    position: absolute;
    right: 10px;
    border-radius: 4px !important;
    margin-top: 2px;
}

.message-bulk-read {
    padding: 9px 15px 8px;
}

.message-bulk-read:hover {
    background: #5bc0de !important;
    border: 1px solid #46b8da !important;
}

#yum-message-grid table {
    margin-top: 2px;
}

.mail-toolbat-filter .input-icon i {
    color: #333;
    margin: 8px 2px 4px 10px;
}

.inbox-nav li.active .inbox-menu-badge {
    background: #4D4F55;
    color: #fff;
}

.inbox-nav li .inbox-menu-badge {
    background: #eee;
    color: #898B8E;
}

.top-mail-photo {
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    float: left;
    margin-right: 6px;
}

.daterangepicker .input-mini {
    width: 100% !important;
}

.column-invisible {
    display: none !important;
}

#yum-message-grid .heading th:hover {
    background-color: #eee !important;
    border-right: 0;
    border-left: 0;
}

#yum-message-grid .checkbox-column #uniform-selectedmailsheader_id_all {
    display: block;
}

.dreaft-log {
    width: 190px;
    color: #fff;
    float: left;
}

.line-visible {
    display: block;
}

.line-invisible {
    display: none;
}

.cc-but, .bcc-but {
    display: inline-block;
    position: relative;
    padding: 2px 5px;
    border-radius: 2px;
    background: #ccc;
    cursor: pointer;
}

.custom-form-wrapper .error {
    color: red;
}

.cc-but {
    margin-left: -76px;
}

.bcc-but {
    margin-left: 6px;
}

.op-label {
    float: left;
    margin-right: 26px;
    padding: 3px 10px;
    background-color: #458AC5;
    color: #fff;
    border-radius: 3px;
    width: 111px;
    text-align: center;
}

.op-label label .required, .op-label label {
    color: #fff !important;
}

#pipeline-form .custom-item-input {
    width: 100%;
    margin-right: -56px;
}

.list-handle {
    /*    float:left;*/
}

.opportunity-owner-pic img {
    width: 65px;
    height: 65px;
    padding: 2px;
    border: 1px solid #568EBF;
    margin-bottom: 0px;
}

.grid-avatar-index1 img {
    background: #fff;
}

.opportunity-staff-pic img,
.opportunity-staff-pic i.fa {
    width: 40px;
    height: 40px;
    margin-right: 4px;

}

.update-staff-link {
    color: transparent !important;

}

.opportunity-staff-pic i.fa {
    background: #cecece;
    color: #fff;
    font-size: 20px;
    padding-top: 7px;
    /*    border:0;*/
}

.opp-list-type {
    color: #999;
    font-size: 12px;
}

#opportunity-grid #ownerheader_id {
    width: 80px;
    min-width: 80px;
}

#opportunity-grid table td, #opportunity-grid table th {
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
}

#opportunity-grid table th .dragtable-drag-handle {
    /*    float:left;*/


}

.controller-opportunity.module-opportunity.action-view .pipeline {
    background: transparent;
}

#notes-view .empty {
    padding-left: 10px;
    margin-top: 10px;
    display: block;
}

.grid-progress {
    text-align: right;
    margin-bottom: -24px;
    margin-left: -8px;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    bottom: 24px;
}

.op-drid-pipe {
    font-weight: 600;
    font-size: 12px;
    color: #aaa;
}

.op-grid-step {
    font-weight: 600;
}

.relative-td {
    position: relative;
}

.grid-steps-wrapper {
    padding: 0 30px;
    display: none;
    position: relative;
}

.grid-step-wrapper {
    padding: 8px;
    background: #428bca;
    color: #fff;
    float: left;
    margin-right: 30px;
    position: relative;
    height: 34px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.grid-step-wrapper.done-step {
    background: #449d44;
}


.grid-step-wrapper.current-step {
    background: #428bca;
}

.grid-step-wrapper.not-done-step {
    background: #999;
}


.grid-step-wrapper:before,
th :first-child.grid-step-wrapper:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: -16px;
    border-left: 17px solid transparent;
    /* border-top: 17px solid #428bca; */
    /* border-bottom: 17px solid #428bca; */
    height: 34px;
    /* background: #428bca; */
}

.grid-step-wrapper.done-step:before {
    border-top: 17px solid #449d44;
    border-bottom: 17px solid #449d44;
}

.grid-step-wrapper.not-done-step:before {
    border-top: 17px solid #999;
    border-bottom: 17px solid #999;
}

.grid-step-wrapper.current-step:before {
    border-top: 17px solid #428bca;
    border-bottom: 17px solid #428bca;
}


.grid-step-wrapper:after,
th :first-child.grid-step-wrapper:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: -16px;
    border-left: 17px solid #428bca;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
}

.grid-step-wrapper.done-step:after {
    border-left: 17px solid #449d44;
}

.grid-step-wrapper.current-step:after {
    border-left: 17px solid #428bca;
}

.grid-step-wrapper.not-done-step:after {
    border-left: 17px solid #999
}


:first-child.grid-step-wrapper:before,
th:first-child .grid-step-wrapper:before,
th:last-child .grid-step-wrapper:after {
    content: '';
    border: 0;
}

:last-child.grid-step-wrapper:after {
    content: '';
    border: 0 !important;
}

th :first-child.grid-step-wrapper:before {

}


#table-source-form td, #table-source-form th {
    vertical-align: middle;
    text-align: center;
}

.source-color .cp-container {
    text-align: center;
}

.source-color .cp-container .colorPicker {
    position: initial;
    border: 0;
    display: inline-block;
}

#source-grid .multypleColumns, #default-source-grid .multypleColumns {
    margin-top: -71px;
}

#source-form .fileinput-button {
    position: relative;
    display: inline-block;
    padding: 6px 10px 7px 10px;
    border: 1px solid #ddd;
}

#source-form .fileinput-button input {
    cursor: pointer;
    height: 35px;
    width: 164px;
}

.source-example .example {
    padding: 5px;
    background-color: #ff0000;
    color: #fff;
    border-radius: 2px;
    min-height: 31px;
    display: inline-block;
    min-width: 140px;
}

.small-source-icon {
    height: 20px;
    width: 20px;
}

#table-type-form td, #table-type-form th,
#table-mode-form td, #table-mode-form th {
    vertical-align: middle;
    text-align: center;
}

.type-color .cp-container,
.mode-color .cp-container {
    text-align: center;
}

.type-color .cp-container .colorPicker,
.mode-color .cp-container .colorPicker {
    position: initial;
    border: 0;
    display: inline-block;
}

#type-grid .multypleColumns, #default-type-grid .multypleColumns,
#mode-grid .multypleColumns, #default-mode-grid .multypleColumns {
    margin-top: -71px;
}

#type-form .fileinput-button,
#mode-form .fileinput-button {
    position: relative;
    display: inline-block;
    padding: 6px 10px 7px 10px;
    border: 1px solid #ddd;
}

#type-form .fileinput-button input,
#mode-form .fileinput-button input {
    cursor: pointer;
    height: 35px;
    width: 164px;
}

.type-example .example,
.mode-example .example {
    padding: 5px;
    background-color: #ff0000;
    color: #fff;
    border-radius: 2px;
    min-height: 31px;
    display: inline-block;
    min-width: 140px;
}

.small-type-icon {
    height: 20px;
    width: 20px;
}

.owncomment {
    background: #89c4f4 !important;
}

.not-owncomment {
    background: #89c4f4 !important;
}

.chats li.in .message {
    border: 0 !important;
}

.chats li.in .message .arrow {
    border-right: 8px solid #89c4f4;
}

.comment-top {
    color: #888;
    margin-left: 11px;
    display: inline-block;
    font-size: 10px;
}

.chats li.in .message {
    min-height: 60px;
}

ul.replies {
    display: block;
}

.comment-sublist-link, .comment-reply-link {
    margin-left: 10px;
    margin-right: 3px;
}

.comment-sublist-link:focus,
.comment-sublist-link:hover,
.comment-sublist-link:active,
.comment-sublist-link:link,
.comment-reply-link:focus,
.comment-reply-link:hover,
.comment-reply-link:active,
.comment-reply-link:link {
    text-decoration: none;

}

.op-h4 {
    font-weight: 600 !important;
}

.op-option-text {
    color: #888;
    font-size: 16px;
    /*padding-left: 2px;*/
    /*margin-left: 5px;*/
}

.op-option-text .label {
    padding: 5px 10px;
}

.steps-wrapper {
    border: 2px solid #428bca;
    padding: 4px 8px;
    display: inline-block;
    width: 100%;
}

.steps-wrapper .grid-steps-wrapper {
    padding: 0;
}

.steps-wrapper :last-child.grid-step-wrapper {
    margin-right: 5px;

}

.steps-wrapper :last-child.grid-step-wrapper:after {
    content: '';
    border: 0;
}

.steps-wrapper .grid-steps-wrapper {
    float: left;
}

.step-swich {
    padding: 8px;
    background: #428bca;
    color: #fff;
    float: right;
    position: relative;
    height: 34px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    cursor: pointer;
}

.opportunity-body {
    margin-top: 10px;
}

.op-widget {
    border: 1px solid #ccc;
    margin-bottom: 30px;
    overflow: hidden;
}

.opportunity-comments-count,
.opportunity-files-count {
    position: initial !important;
}

.project-admin-menu {
    display: none;
}

#penn {
    display: none;
    position: absolute;
    margin-left: 10px;
    cursor: pointer;
}

.steps-wrapper.pipeline-view {
    border: 0;
}

.op-widget-header {
    display: block;
    height: 38px;
    background: #428bca;
    line-height: 38px;
    color: #fff;
    padding: 0px 12px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300 !important;
}

.op-widget-header_center {
    display: flex;
    justify-content: space-between;
}

.customfield-widget .op-widget-header {
    height: auto;
    line-height: 20px;
    padding: 10px;
}

.opp-staff-widget {
    /*position: absolute;*/
    /*top: 2px;*/
    /*right: 16px;*/
}

@media screen and (max-width: 1000px) {
    .op-option-container-staff {
        text-align: center;
    }
}

.op-option-container-staff .grid-avatar-wrapper {
    margin-right: 4px;
}

.op-update-staff-link i {
    color: deepskyblue;
}

.opp-nav-button {
    padding: 10px 20px;
    border: 1px solid #ccc;
    display: inline-block;
    text-decoration: none !important;
}

.opp-nav-button:hover {
    background: #428bca;
    border-color: transparent;
    color: #fff;
    text-decoration: none !important;
}

.opp-nav-button.shared {
    background: #7e66f9;
    color: #fff;
}

.opp-nav-button.shared:hover {
    background: #428bca;
}

.prev-opp-button {
    margin-right: 10px;
}

.opp-staff-widget .opportunity-staff-pic img,
.opp-staff-widget .opportunity-staff-pic i.fa {
    width: 30px;
    height: 30px;
    padding-top: 3px;
}

.op-header-toolbar {
    display: none;

}

.op-widget-item {
    padding: 0 12px;
    line-height: 20px;
    min-height: 44px;
    /*    border-bottom: 1px solid #ccc;*/
    overflow: hidden;
    position: relative;
    box-shadow: inset 0px 1px 0px #ccc;
}

.notes-widget .op-widget-item {
    box-shadow: inset 0px -1px 0px #ccc;
}


.op-widget-item:last-child {
    border-bottom: 0;
}

.switch-item .activity-container {
    background: #f5f5f5;

}

/*.switch-item.in .activity-container{
    border-radius: 0 20px 20px 0;
}
.switch-item.in .activity-content{
    border-radius: 0 20px 20px 0;
}
.switch-item.in activity-type-border{
    border-radius: 20px 0 0 20px;
}

.switch-item.out .activity-container{
    border-radius: 20px 0 0 20px;
}

.switch-item.out .activity-content{
    border-radius: 20px 0 0 20px;
}
.switch-item.out activity-type-border{
    border-radius: 20px 0 0 20px;
}*/
.past-activities .switch-item .activity-item-icon-wrapper {
    border: 2px solid #ccc !important;
}

.op-header-toolbar {
    float: right;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background: #fff;
    margin-top: 6px;
    text-align: center;
    cursor: pointer;
}

.op-header-toolbar i {
    display: block;
    color: #428bca;
    margin-top: 4px;
}

.op-header-toolbar i.fa-chevron-right,
.op-header-toolbar i.fa-chevron-left {
    line-height: 19px;
    text-align: center;
    margin-left: 2px;
}

.controller-opportunity.module-opportunity.action-view .portlet-body .form-body {
    border: 0;
}

.op-widget-tabs {
    list-style-type: none;
    padding-left: 0;
    /*float: left;*/
}

.op-widget-tabs li.op-widget-tab {
    display: inline-block;
    margin-right: 14px;
    position: relative;
}

.op-task-item {
    cursor: pointer;
}

.op-widget-tab a {
    color: #fff;
}

.op-widget-tab a:hover,
.op-widget-tab a:link,
.op-widget-tab a:active {
    text-decoration: none;
}

.btn-op-widget {
    border-radius: 0;
    width: 100%;
}


.admin_header_menu {
    width: 180px;
    max-width: 180px;
    z-index: 1054;
}

.activity-buffer {
    width: 55%;
    min-height: 100px;
}

.in .activity-buffer {
    float: left;
}

.out .activity-buffer {
    float: right;
}

.activity-content {
    padding: 10px;
}

.activity-type-border {
    width: 50px;
    height: 100%;
    position: absolute;
    text-align: center;
    color: #fff;
}

.in .activity-type-border {
    left: 0;
}

.out .activity-type-border {
    right: 0;
}

.activity-container {

    position: relative;
    float: left;
    position: relative;
    padding: 0;
}

.in .activity-container {
    padding-left: 50px;
    float: right;


}

.out .activity-container {
    padding-right: 50px;
    float: left;
    text-align: right;
}

.activity-content {
    border: 1px solid #ccc;
}

.activity-item.in .activity-content {
    border-left: 0px !important;
}

.activity-item.out .activity-content {
    border-right: 0px !important;
}

.company-fax-text,
.company-phone-text {
    white-space: nowrap;
}


.op-center .op-widget-container {
    padding: 30px 10px;
}

.activity-date {
    position: relative;
    top: 50%;
    margin-top: -27px;
}

.modal-form-footer {
    margin: 20px -15px 0;
    padding-bottom: 0px;
    text-align: left;
}

.activity-title {
    margin-top: 0px;
    margin-bottom: 0px;
}

.act-desc-text, .note_author_name {
    font-weight: bold;
    color: #428bca;
}

.note_author {
    line-height: 10px;
}


.activity-desc, .note_author {
    font-size: 10px;
    color: #000;
}

.activity-body {
    font-size: 16px;
    margin-top: 10px;
}

.in .activity-container:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: -17px;
    margin-top: -17px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
}

.out .activity-container:after {
    content: ' ';
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: -17px;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
}

.activity-tools {
    position: absolute;
    top: 10px;
}

.in .activity-tools {
    right: 10px;
}

.out .activity-tools {
    left: 10px;
}

.in .activity-content {
    padding-right: 36px;
    overflow: hidden;
}

.out .activity-content {
    padding-left: 36px;
    overflow: hidden;
}

.activity-edit-but, .activity-delete-but {
    text-align: center;
    margin-top: 5px;
    color: #777;
    cursor: pointer;
}

.change-months-btn {
    color: #fff;
    cursor: pointer;
    display: inline-block;
    line-height: 24px;
    font-size: 22px;
    width: 50px;
    background: #449d44;
    padding: 11px 0px;
    text-align: center;
    border-radius: 10px;
    height: 47px;
}

.change-months-btn .fa {
    font-size: 20px;
}

.hidden-description {
    display: none;
    min-width: calc(100% + 28px);
    background: #f5f5f5;
    margin: 0px -14px 0px;
    padding: 12px;
}

.note-item {
    height: auto !important;
    margin-right: -14px;
    cursor: pointer;

}

#notes-view {
    max-height: 224px;
    background: #f3565d;
    color: #fff;
}

.note_content {
    margin-top: 15px;
    line-height: 15px;
    color: #000;
    padding: 5px;
}

.controller-dashboard.module-dashboard .custom-td-content * {
    display: inline-block;
}

.message {
    position: relative
}

.op-widget-tab.active:after {
    content: '';
    display: inline-block;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -6px;
    z-index: 2222;
}

.comments-widget {
    min-height: 500px;
    max-height: 630px;
}

.last-comments.chats {
    /*max-height: 418px;*/
    height: 418px;
    display: block;
}

.opportunity-body .files-wrapper {
    padding-left: 0 !important;
}

.opportunity-body .files-sharing {
    display: none;
}

.mail-toolbat-filter {
    position: absolute;
    margin-right: 220px;
    width: auto;
    height: 40px;
    right: 0;
    top: 61px;
    padding: 10px;
    color: #000;
    text-align: right;
}

.calendar-reset {
    display: none;
    float: none;
    height: 36px;
    margin-top: -3px;
    margin-right: 2px;
    color: #fff;
}

#reportrange {
    background: #fff;
    cursor: pointer;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-right: 100px;
}

#reportrange span {
    color: #000;
}

.files-wrapper .multypleColumns {
    width: 200px;
    right: 0px;
    position: absolute;
}

.inbox-nav li a:hover, .inbox-nav li a:link, .inbox-nav li a:active {
    text-decoration: none;
}

.reply-head-line {
    height: 40px;
    width: 100%;
    background: #f5f5f5;
    margin-bottom: -10px;
}

.reply-mark {
    height: 40px;
    background: #575C63;
    width: 76px;
    position: absolute;
    right: 16px;
    color: #fff;
    padding: 12px;
}

.pipeline {
    margin-top: 20px
}

.pipeline-select-wrapper {
    margin-top: 5px;
}

.steps-wrapper {
    border: 2px solid #428bca;
}

.op-widget-header {
    /*overflow: hidden;*/
}

.dugbet-wrapper, .duedate-wrapper, .status-wrapper {
    text-align: left;
    display: inline-block;
}

.status-wrapper {
    text-align: center;
}

.controller-opportunity.module-opportunity.action-index .deleteBut[href='#'] {
    display: none;
}


@media (min-width: 1280px) {
    .centered-column {
        text-align: center;
    }

    .righted-column {
        text-align: right;
    }

    .steps-wrapper .grid-steps-wrapper {
        display: flex !important;
        flex: auto !important;
    }
}

@media (max-width: 1280px) {
    .top-news span {
        font-size: 13px;
    }

}

@media (max-width: 1200px) {
    .xs-mb-10 {
        margin-bottom: 10px !important;
    }

    .grid-step-wrapper:before,
    .grid-step-wrapper:after,
    .activity-container:after,
    .activity-container:before {
        content: '';
        border: 0 !important;
    }

    .steps-wrapper .grid-steps-wrapper {
        float: none;
    }


}

.op-option-text i {
    font-size: 16px
}

.done-step {

}

.current-step {

}

.not-done-step {

}

.next-step-but, .prev-step-but {
    padding: 8px;
    background: #428bca;
    color: #fff;
    float: right;
    position: relative;
    height: 34px;
    display: inline-block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    width: 7%;
    margin-top: 5px;
    font-size: 14px;
}

.next-step-but {
    float: right;
    margin-left: 1%;
}

.prev-step-but {
    float: left;
    margin-right: 1%;
}

.step-column-wrapper {
    position: relative;
    margin: 0 26px;

    overflow: hidden;
}

.address-pretab {
    width: 12.8%;
    float: left;
}

.add-activity-but {
    margin: 0;
    padding: 15px;
    background: #f1f1f1;
    cursor: pointer;
    text-align: center;
}

.opportunity-item {
    border: 1px solid #ddd;
    margin: 10px 0;
    border-radius: 4px;
    margin-left: 15px;
    position: relative;
    background: #fff;
}

.opportunity-item .activity-tools {
    right: 10px;
    top: 50%;
    margin-top: -10px;
}

.task-inline-item {
    border-top: 1px solid #ddd;
    float: none;
    display: block;
}

.step-column {
    float: left;
    font-size: 12px;
    margin: 10px 14px;
    position: relative;
}

.steps-wrapper2 {
    width: 84%;
    float: left;
    overflow: hidden;
    position: relative;
}

.centered-column {
    padding: 10px;
}

.op-budget-inline {
    color: #428bca;
    margin-top: 7px !important;
    margin-left: 32px;
    font-size: 32px;
}

.hidden-tasks {
    display: none;
}

.op-inline-but {
    display: inline-block;
}

.types-body {

}

.nav-tabs .dropdown-menu {
    margin-top: 2px;
}

.relative {
    position: relative
}

.icon-select-wrapper {
    display: inline-block;
    min-width: 260px;
    margin-left: 2px;
}

.icon-description {
    color: #888;
    font-size: 12px;
}

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

.pipeline {
    background: #f5f5f5;
    padding: 20px 0 0 0;
}

.op-label-cp {
    float: none;
    margin-bottom: 20px;
}

.slimScrollUs {
    max-height: 145px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

.field_hint {
    display: none;
}

.stats-overview.stat-block {
    width: 176px;
}

.pt-20 {
    padding-top: 20px;
}

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

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

#pipeline-grid .multypleColumns {

}

.fileupload-tools {
    display: none;
}

.comments-widget {
    min-height: 500px;
    max-height: 630px;
}

.last-comments.chats {
    /*max-height: 418px;*/
    height: 418px;
    display: block;
    margin-top: 0px;
}

.add-comment-but, .add-reply-but {
    width: 100%;
    margin-top: -35px;
    border-radius: 0 0 4px 4px;
}

.activity-item1 {
    padding: 8px 20px 10px;
    background: #f5f5f5;
    margin: 10px 0;
}

.activity-item1 .time {
    text-align: right;
}

.activity-item1 .label-icon {
    padding: 4px 5px 4px 5px;
    margin-right: 20px;
}

.jstree-clicked {
    color: yellow !important;
}

.jstree-default .jstree-wholerow-clicked, .jstree-wholerow .jstree-wholerow-clicked, .jstree-wholerow-hovered {
    background: none;
    border: 0;
    background-color: transparent;
    box-shadow: none;
}

.jstree-default .jstree-wholerow-hovered {
    background: transparent;
}

.dropzone {
    min-height: 40px;
}

.dz-default.dz-message {
    line-height: 120px;
    text-align: center;
}

.jstree-ocl {
    display: none !important;
}

#files-grid td, th {
    vertical-align: middle;
}

.checkbox-column {
    max-width: 36px;
}

.button-column {
    min-width: 49px !important;
    width: 49px !important;
}

#typeheader_id {
    max-width: 50px;
}

#files-grid table {
    font-size: 10px;
}

.files-type-icon {
    height: 37px;
    margin-top: 0px;
}

#files-grid .table > thead > tr > th, #files-grid .table > tbody > tr > th, #files-grid .table > tfoot > tr > th, #files-grid .table > thead > tr > td, #files-grid .table > tbody > tr > td, #files-grid .table > tfoot > tr > td {
    padding: 5px;
}

.root-node-link, .root-node-link:link, .root-node-link:hover, .root-node-link:visited {
    color: #fff;
    text-decoration: none;
}

.files-tree {
    margin-left: 20px;
}

.multypleColumns {
    width: 200px;
    right: 16px;
    position: absolute;
    margin-top: -45px;
}

.grid-content-wrapper {
    position: relative;
}

.root-node-link .fa-folder:before, .jstree-clicked .fa-folder:before {
    margin-left: 2px;
    content: "\f07c";
}

.modal-body img {
    max-width: 100%;
}

.grid-content-wrapper {
    margin-top: 12px;
}

.files-wrapper {
    padding-left: 200px;
    width: 100%;
}

.files-sharing.opened {
    width: 200px;
    background: #333;
    color: #fff;
    padding: 20px;
    float: left;
    margin-left: -200px;
    min-height: 286px;
}

.controller-dashboard.module-dashboard.action-index .files-wrapper .multypleColumns,
.controller-dashboard.module-dashboard.action-index .files-wrapper .multypleColumns .SlectBox {
    width: 150px;
}

.controller-dashboard.module-dashboard.action-index .files-wrapper .change-pagesize-wrapper {
    right: 160px;
}

.controller-calendar.module-calendar.action-index .bootstrap-switch .bootstrap-switch-handle-on,
.controller-calendar.module-calendar.action-index .bootstrap-switch .bootstrap-switch .bootstrap-switch-handle-off,
.controller-calendar.module-calendar.action-index .bootstrap-switch .bootstrap-switch .bootstrap-switch-label {
    line-height: 24px !important;
}

.controller-calendar.module-calendar.action-index .bootstrap-switch .bootstrap-switch-handle-on,
.controller-calendar.module-calendar.action-index .bootstrap-switch .bootstrap-switch-handle-off,
.controller-calendar.module-calendar.action-index .bootstrap-switch .bootstrap-switch-label {
    line-height: 24px;
}

.event-desc {

}

.files-container {
    width: 100%;
    padding: 0 0 0 20px;
    float: left;
}

.module-contact .files-container,
.module-project .files-container,
.module-opportunity .files-container,
.module-custom_Cre10fiformationfr_ERP .files-container {
    padding: 0;
}

.controller-project.module-project.action-ViewEntry #entry-form .btn-cencel {
    display: none;
}

.controller-project.module-project.action-ViewEntry #entry-form .inline-entry-edit-footer {
    margin: 20px -10px -10px;
    padding-bottom: 15px;
}

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

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

.pipeline-tools {
    margin-top: -9px !important;
}

.entry-form-footer {
    margin: 20px -15px 0;
    padding-bottom: 0px;
    text-align: left;
}

#entry-form .datepicker:before, #entry-form .datepicker:after {
    display: none;
}

.staff-item {
    padding: 5px;
    margin: 0px 0;
    background-color: #fff;
    border-radius: 2px;
    position: relative;
    cursor: move;
}

.user-staff-edit-btn {
    color: #888;
    position: absolute;
    right: 7px;
    top: 11px;
    background-color: #fff;
    cursor: pointer;
}


.lists-item {
    width: 260px;
    height: 99%;
    margin-right: 10px;
    position: relative;
    height: 650px;
    list-style-type: none;
    display: inline-block;
}

.lists-item .front, .lists-item .back {
    border: 1px solid #e4e4e4;
    border-radius: 5px;
}

.lists-item .back {
    background: #f5f5f5;
    color: #333;
}

.lists-item-header {
    min-height: 20px;
    width: 100%;
    padding: 5px;
    border-radius: 2px 2px 0 0;
}

.entry-list {
    padding: 0 10px 10px;
    overflow-y: auto;
    max-height: 525px;
}

.project-numbers {
    padding: 3px 0 3px 0;
    font-weight: initial;
    font-size: 11px;
    cursor: pointer;
}

.back .project-numbers {
    color: #7e7e7e;
}

.back .list-name {
    color: #7e7e7e;
}


.entry-items-list {
    min-height: 300px;
}

.lists-container {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    min-height: 675px;
    float: none;
    /*    margin-right: 260px;*/
}

.list-name, .list-visibility {
    width: 86%;
    overflow: hidden;
}

.list-visibility {
    cursor: pointer;
}

.lists-item-footer {
    position: absolute;
    bottom: 0;
    height: 50px;
    width: 100%;
}

.list-item {
    padding-bottom: 50px;
}

.list-add-entry {
    line-height: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.5);
    color: #333;
    text-align: center;
    cursor: pointer;
}

.entry-name {
    color: #333;

}

.staff-select {
    width: 100% !important;
}

.small-avatar {
    border-radius: 50%;
    margin-right: 3px;
    height: 30px;
    width: 30px;
}

.over {
    border: 1px #006505 dashed;
}

.staff-list-wrapper {
    max-height: 190px !important;
    overflow: hidden;

}

.project-right {
    float: right;
}

.project-view-portlet {
    position: relative;
    min-height: 689px;
    padding: 10px 0px 0px 10px !important;
}

#UserTable .multypleColumns {
    right: 0;
}

.user-status-msg {

}

.portlet > .portlet-title {
    height: 37px;
}

.change-pass-wrapper {
    width: 360px;
    margin: 0 auto;
    padding: 20px;
    background: rgba(255, 255, 255, 0.92);
}

.footer {
    display: none;
}

.main-loading {
    width: calc(100% + 10px);
    position: absolute;
    z-index: 10;
    height: calc(100vh + 60px);
    text-align: center;
    background: #f5f5f5;
    color: #777;
    top: -50px;
    left: -4px;
}

.main-loading-h3 {
    top: 300px;
    margin-top: -20px;
    position: relative;
}

.main-loading-icon {
    font-size: 1em !important;
    font-weight: 800 !important;
}

.ui-resizable-s {
    bottom: 0;
}

.ui-resizable-e {
    right: 0;
}

.modal-content {
    overflow: hidden;
    position: relative;
}

.dropzone:hover {
    background: rgba(0, 0, 0, 0.1)
}

.dz-drag-hover {
    background: rgba(0, 0, 0, 0.1) !important;
}

.btn-black, .btn-black:hover {
    background: black;
    color: #fff;
}

.btn-status-width {
    width: 100px;
}

.btn-status-info, .btn-status-info:hover {
    background: #31b0d5;
    color: #fff;
}

.progress-status-info {

}

.btn-status-warning, .btn-status-warning:hover {
    background: #ec971f;
    color: #fff;
}

.btn-status-danger, .btn-status-danger:hover {
    background: #c9302c;
    color: #fff;
}

.btn-status-success, .btn-status-success:hover {
    background: #449d44;
    color: #fff;
}

.btn-status-warning .op-state-icon i {
    color: #ec971f;
}

.btn-status-danger .op-state-icon i {
    color: #c9302c;
}

.btn-status-success .op-state-icon i {
    color: #449d44;
}

.btn-black .op-state-icon i {
    color: #000;
}


.person-form-create .fileupload-new,
#company-form .fileupload-new {
    width: 174px;
    display: block;
}

.person-form-create .fileupload-exists .fileupload-new,
#company-form .fileupload-exists .fileupload-new,
.person-form-create .fileupload-new .fileupload-exists,
#company-form .fileupload-new .fileupload-exists {
    display: none;
}

.company-logo-wrapper img {
    max-width: 100%;
}

.company-info-wrapper, .company-logo-wrapper {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.company-info-wrapper {
    background: #f5f5f5;
    padding: 0 20px 20px;
}

.grid-wrapper table .heading th {
    vertical-align: middle;
}

.company-logo-wrapper {

}

.default-grid-avatar {
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-clip: content-box !important;
    height: 68px;
    width: 68px;

}

.step-column-wrapper .default-grid-avatar {
    float: left;
    margin-right: 3px;
}

.step-column-wrapper .opportunity-person-name {
    line-height: 27px;
}


.errorMessage {
    color: red;
}

.has-error .form-control {
    border-color: #d9534f !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

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

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

.selected-company-view h3 {
    text-transform: capitalize;
    margin-top: 0px;
    margin-bottom: 20px;
}

.list-nav {
    margin-top: 80px;
}

.op-option-text .btn {
    margin-left: 10px;
}

.op-option-text .btn:first-child {
    margin-left: 0px;
}

.activity-item-icon {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    transform: rotate(45deg);
}

.activity-item-icon-wrapper {
    height: 62px;
    width: 62px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -31px;
    margin-top: -31px;
    text-align: center;
    line-height: 62px;
    background: #fff;
}

.in .activity-item-icon-wrapper {
    border-radius: 50% 50%;
    border-width: 2px;
    border-style: solid;
    border-left-color: #fff !important;
    border-top-color: #fff !important;
    transform: rotate(-45deg);
}

.future-activities .first-item .activity-item-icon-wrapper:before {
    content: ' ';
    position: absolute;
    top: 6px;
    left: 84%;
    margin-left: -2px;
    margin-top: -2px;
    border-radius: 50%;
    background: #000;
    height: 6px;
    width: 6px;
}

.past-activities .last-item .activity-item-icon-wrapper:after {
    content: ' ';
    position: absolute;
    top: 50px;
    left: 13%;
    margin-left: -2px;
    margin-top: -2px;
    border-radius: 50%;
    background: #000;
    height: 6px;
    width: 6px;
}

.future-activities > .activity-item:last-child .vertical-line {
    height: 40px;
}

.out .activity-item-icon-wrapper {
    border-radius: 50% 50%;
    border-width: 2px;
    border-style: solid;
    border-right-color: #fff !important;
    border-bottom-color: #fff !important;
    transform: rotate(-45deg);
    margin-left: -29px;
}

.vertical-line {
    height: calc(100% - 30px);
    width: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0px;
    margin-top: 31px;
    text-align: center;
    line-height: 58px;
    z-index: 0;

}

.last-item .vertical-line {
    display: none;
}

.activity-item {
    position: relative;
    padding: 0;
}

.activity-item-icon i {
    font-size: 17px;
}

.opportunity-bulk-wrapper {

}

.op-task-item-border {
    height: 100%;
    width: 3px;
    margin-left: -12px;
    display: inline-block;
    float: left;
    position: absolute;
}

.op-task-item-body {
    margin-top: 10px;
}

.op-staff-item {
    line-height: 44px;
    height: 44px;
}

op-task-item-body {
    display: inline-block;
    line-height: 100%;
    float: left;
    line-height: 46px;
    text-align: center;
    padding-left: 15px;
}

.op-state-icon {
    background: #fff;
    display: block;
    width: 33px;
    border-radius: 4px;
    margin: -5px 19px -25px -11px;
    height: 30px;
    padding-top: 6px;
}

.op-state-text {
    display: block;
    margin-left: 29px;
    overflow: hidden;
    text-align: center;
}

.status-wrapper .op-option-text .btn-status-width {
    width: 100px;
}

.btn-status-width {
    /*cursor: auto;*/
}

.pipeline-add-wpapper {
    padding-right: 0;
    text-align: right;
}

.lost-btn,
.won-btn,
.canceled-btn,
.reopen-btn {
    cursor: pointer;
}

.pt-10 {
    /*padding-top: 10px;*/
}

.late .op-option-text {
    padding: 5px 10px;
    background: #ec971f;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
}

.done-step .step-hidden-text {
    display: none;
}

.done-step:hover .step-hidden-text {
    display: inline-block;
}

.future-activities {
    padding-top: 10px;
    border-top: 4px dotted #61B15C;
    margin-top: 20px;
}

.activity-edit-but, .activity-delete-but {
    display: none;
}

.activity-container:hover .activity-edit-but, .activity-container:hover .activity-delete-but {
    display: block;
}

.past-activities .checker {
    display: none;
}

.past-activities {
    position: relative;
    border-top: 4px dotted #4697CE;
    margin-top: 20px;
}

.past-activities-title {
    position: absolute;
    background: #fff;
    color: #4697CE;
    font-size: 15px;
    padding: 0 7px 0 0;
    top: -14px;
}

.more-past-button {
    border-top: 4px dotted #4697CE;
    margin-top: 40px;
    text-align: center;
}

.more-past-activities-btn,
.more-private-past-activities-btn {
    position: relative;
    padding: 4px 10px;
    background: #4697CE;
    color: #fff;
    display: block;
    width: 122px;
    margin: -15px auto;
    border-radius: 27px;
    text-decoration: none;
}

.more-past-activities-btn:hover,
.more-past-activities-btn:active,
.more-past-activities-btn:link,
.more-private-past-activities-btn:hover,
.more-private-past-activities-btn:active,
.more-private-past-activities-btn:link {
    text-decoration: none;
    color: #fff;
}

.empty-future {
    text-align: center;
    color: #888;
    font-size: 16px;
}

.activity-author.activity-desc {
    float: left;
}

.activity-staff.activity-desc {
    float: right;
}

.activity-container:hover .checker {
    display: inline-block;
}

.pl-0 {
    padding-left: 0;
}

.next-step-title {
    /*position: absolute;*/
    /*margin-top: -10px;*/
    background: #fff;
    color: #61B15C;
    font-size: 15px;
    padding: 0 7px 0 0;
}

.more-activities-btn,
.more-private-activities-btn {
    position: relative;
    padding: 4px 10px;
    background: #61B15C;
    color: #fff;
    display: block;
    width: 122px;
    margin: -36px auto 20px;
    border-radius: 27px;
    text-align: center;
    text-decoration: none;
}

.more-activities-btn:hover,
.more-activities-btn:active,
.more-activities-btn:link,
.more-private-activities-btn:hover,
.more-private-activities-btn:active,
.more-private-activities-btn:link {
    text-decoration: none;
    color: #fff;
}

.activity-desc-wrapper {
    margin-top: 30px;
}

.activity-person {
    font-size: 16px;
}


@media (min-width: 1600px) {
    .activity-item .col-lg-5 {
        width: 44%;
    }
}

.no-comments-message {
    margin-top: 13px;
}

#keyword-grid,
#website-group-grid {
}

#keyword-grid .multypleColumns,
#website-group-grid .multypleColumns {
    right: 0;
}

#opportunity-grid .multypleColumns {
    position: absolute;
    margin-top: -45px;
}

.modal .task-comments .comments-widget .last-comments {
    overflow-y: scroll;
    padding: 0;
}

.modal .task-comments {
    padding: 0 0 0 10px;
}

#modalObj .task-comments {
    padding: 0 0 0 0px;
}

#modalObj .no-comments-message {
    padding: 0 0 0 10px;
}

#modalObj .add-comment-form {
    margin: 0px;
}

#modalObj .add-comment-form h5 {
    margin-left: 10px;
}

.modal .files-sharing,
.module-project .files-sharing,
.module-custom_Cre10fiformationfr_ERP .files-sharing {
    display: none;
}

.modal .files-wrapper,
.module-project .files-wrapper,
.module-custom_Cre10fiformationfr_ERP .files-wrapper {
    padding-left: 0;
}

.task-inline-item .activity-content {
    border: 0;
}

.step-column .ver-line {
    position: absolute;
    left: 50%;
    margin-left: -1px;
    height: calc(100% - 20px);
    width: 1px;
    border-left: 1px solid #ccc;
    top: -10px;
}

.steps-wrapper2 .grid-step-wrapper {
    height: 56px;
}

.steps-wrapper2 .grid-step-wrapper:after, .pipeline-steps th :first-child.grid-step-wrapper:after {
    content: ' ';
    position: absolute;
    top: 0;
    right: -18px;
    border-left: 18px solid #428bca;
    border-top: 28px solid transparent;
    border-bottom: 28px solid transparent;
}

.steps-wrapper2 .grid-step-wrapper:before, .pipeline-steps th :first-child.grid-step-wrapper:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: -18px;
    border-left: 18px solid transparent;
    border-top: 28px solid #428bca;
    border-bottom: 28px solid #428bca;
}

.pipeline-steps :first-child.grid-step-wrapper:before {
    content: '';
    border: 0;
    background: #000;
    display: block;
}

.prev-step-but, .next-step-but {
    height: 68px;
    line-height: 54px;
    background: #888;
}

.deal-sum {
    font-size: 16px;
}

.step-column .grid-avatar {
    height: 30px;
    width: 30px;
}

.inline-op-header {
    margin: -10px -10px 0px;
    padding: 10px 10px 3px;
}

.hidden-tasks {
    min-height: 0px !important;
    max-height: 500px !important;
}

.hidden-tasks-wrapper {
    min-height: 0px;
    max-height: 280px;
}

.opportunity-company, .opportunity-name {
    text-transform: capitalize;
}

.opportunity-company, .opportunity-person-name {
    font-size: 16px;
    margin-bottom: 3px;
}

.op-option-cal-text {
    margin-left: 8px;

}

.drop-down-opportunity-task a i {
    -webkit-transition: .4s ease-out;
    -webkit-transition-delay: 0.5s;
    -o-transition: .4s ease-out;
    -o-transition-delay: 0.5s;
    -moz-transition: .4s ease-out;
    -moz-transition-delay: 0.5s;
    transition: .4s ease-out;
    transition-delay: 0.5s;
}

td.activity-content {
    min-width: 230px;
}

.due-date-input {
    max-width: 130px;
}

td.type-color {
    max-width: 200px;
}

.form #activityType-form .form-actions {
    margin: -14px;
}


/* ------MYGRID MODULE------- */
.multypleColumns select {
    display: none;
}

.summary {
    display: none;
}

.dragtable-drag-handle {
    width: 10px;
    height: 10px;
    display: inline;
    margin-right: 3px;
    color: #ccc;
}

.dragtable-drag-handle i {

}

.checkbox-column .checker {
    display: inline;
}


.dragtable-drag-handle .fa-reorder {
    font-size: 14px;
}

.table tr.heading th {
    position: relative;
    white-space: nowrap;
}

.checkbox-column .dragtable-drag-handle {
    display: none;
}

.grid-wrapper {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 !important;
}

.files-grid-wrapper .grid-wrapper {
    margin-top: 34px !important;
}

.grid-wrapper-scroll {
}

#calCategory-grid {
    margin-top: 34px;
}

#calCategory-grid .multypleColumns {
    right: 0;
}

.role-wrapper {
    padding: 10px 10px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 4px;
    cursor: pointer;
    width: 34px;
    text-align: center;
}

.portlet-title-group {
    cursor: pointer;
}

.user-group-delete {
    color: #888;
    cursor: pointer;
    margin-left: 10px;
}

.group-user-wrapper {
    padding-right: 30px;
    position: relative;
    display: inline-block;
}

.group-user-wrapper .user-group-delete {
    display: none;
    position: absolute;
    right: 9px;
    top: 6px;
}

.group-user-wrapper:hover .user-group-delete {
    display: block;
}

.user-group-admin {
    cursor: pointer;
}

.user-group-admin.not-admin {
    color: #428bca;
    opacity: 0;
}

.user-group-admin.is-admin {
    color: #428bca;
    opacity: 1;
}

.group-user-wrapper:hover .user-group-admin.not-admin {
    opacity: 0.4;
}

.next-role {
    display: none;
}

.current-role-wrapper {
    display: inline-block;
}

th.roles-header {
    min-width: 270px !important;
}

.grid-wrapper table thead th,
.grid-wrapper table tbody td {
    /*    vertical-align: middle;*/
}

td .role-wrapper {
    margin-bottom: 10px;
}

.customfield-widget .op-custom-head {
    font-size: 16px;
    padding: 10px 10px 0;
}

.customfield-widget .op-custom-content {
    font-size: 14px;
    padding: 10px;
}

.dropdown-menu-list {
    height: 250px;
}

.footer {
    overflow: visible;
    position: relative;
    background: #242527;
}

.op-header-lead h1, .op-header-lead h2 {
    text-transform: capitalize;
}

.cronInput {
    max-width: 100px;
}

.cronBut {
    margin-right: 5px;
    padding: 8px 0px;
}

.fa.fa-flashimage {
    -webkit-transform-origin: 50% 48.9%;
    -moz-transform-origin: 50% 48.9%;
    -ms-transform-origin: 50% 48.9%;
    -o-transform-origin: 50% 48.9%;
    transform-origin: 50% 48.9%;
    color: #ddd;
}

.cron-timer-wrapper {
    width: 20%;
}

.cronBut .btn {
    padding: 5px 8px;
}

.cronBut.disabled {
    opacity: 0.5;
    cursor: default;
}

.cronBut.disabled:hover {
    cursor: default;
}

.cronBut.disabled .btn {
    cursor: default;
}

.opportunity-body .op-widget-tab .badge {
    position: absolute;
    top: 13px;
    right: -20px;
    font-weight: 300;
    padding: 1px 4px 0px 4px;
    height: 14px;
}

.company-menu-item {
    background: #242426;
    border-bottom: 0 !important;
}

.company-menu-item a {
}

.company-menu-item:hover > a {
    background: #242426 !important;
}

.header .navbar-nav #header_notification_bar .dropdown-menu {
    margin-top: 0px;
    border-radius: 0px !important;
    border: 1px solid #47B5AF;
    border-top: 0;
}

.header .navbar-nav .language .dropdown-menu {
    margin-top: 0px;
    border-radius: 0px !important;
    border: 1px solid #ccc;
    border-top: 0;
}

.header .navbar-nav .user .dropdown-menu {
    margin-top: 0px;
    border-radius: 0px !important;
    border: 1px solid #ccc;
    border-top: 0;
}

.dropdown-menu.extended li#header_notification_bar p {
    background: #47B5AF;
    border-radius: 0 !important;
    color: #fff;
}

.header .nav > li#header_notification_bar > .dropdown-menu:after,
.header .nav > li#header_notification_bar > .dropdown-menu:before {
    border-bottom: 7px solid #47B5AF !important;
}

#header_inbox_bar .header .nav > li > .dropdown-menu:after,
#header_inbox_bar .header .nav > li > .dropdown-menu:before {
    border-bottom: 7px solid #89c4f4 !important;

}

.header .nav > li#header_inbox_bar > .dropdown-menu:after,
.header .nav > li#header_inbox_bar > .dropdown-menu:before {
    border-bottom: 7px solid #89c4f4 !important;
}

.header .nav #header_inbox_bar .dropdown-menu {
    margin-top: 0px;
    border-radius: 0px !important;
    border: 1px solid #89c4f4;
    border-top: 0;
}


.header .nav #header_notification_bar .dropdown-menu.extended li p {
    background: #47B5AF;
    border-radius: 0 !important;
    color: #fff;
}

.header .nav #header_inbox_bar .dropdown-menu.extended li p {
    background: #89c4f4;
    border-radius: 0 !important;
    color: #fff;
}

.header .nav > li#header_task_bar > .dropdown-menu:after,
.header .nav > li#header_task_bar > .dropdown-menu:before {
    border-bottom: 7px solid #ecbc29 !important;
}

.header .nav #header_task_bar .dropdown-menu {
    margin-top: 0px;
    border-radius: 0px !important;
    border: 1px solid #ecbc29;
    border-top: 0;
}

.header .nav #header_task_bar .dropdown-menu.extended li p {
    background: #ecbc29;
    border-radius: 0 !important;
    color: #fff;
}

.navbar-brand-left {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    z-index: 1001;
    top: -45px;
    background: #242527;
    height: 140px;
    background-size: 90%;
    background-position: center center;
    background-repeat: no-repeat;
}

.navbar-brand-left img {
    display: inline-block;
}

.header.navbar-fixed-top {
    z-index: 999 !important;
}

.page-sidebar-menu > li:first-child {
    margin-top: 85px;
}

.left-logo-wrapper {
    height: 108px;
    width: 108px;
    margin: 0 auto;
    border: 4px #fff solid;
    margin-top: 16px;
    border-radius: 50%;
}

.left-logo-wrapper-image {
    background-size: 86%;
    background-position: center center;
    background-repeat: no-repeat;
    background-clip: content-box !important;
    border-radius: 50%;
    height: 100px;
    width: 100px;
    padding: 2px;
}

.left-dashmenu-wrapper {
    position: absolute;
    top: 85px;
    z-index: 2222;
    left: 240px;
    min-width: 264px;
    background: #35363A;
    padding-top: 0;
    display: none;
}

.page-sidebar-closed .left-dashmenu-wrapper {
    top: 0px;
    z-index: 1;
    left: 40px;
    background: #35363A;
    padding-top: 0
}

.page-sidebar-closed .navbar-brand-left {
    display: none;
}

.left-dashmenu {

}

.left-dashmenu-wrapper a {
    color: #eee;
    text-decoration: none !important;
}

.dashmenu-header {
    padding: 11px;
    width: 100%;
    color: #eee;
    background: #242426;
    text-align: center;
}

.left-dashmenu-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 10px;
}

.left-dashmenu-wrapper ul li {
}

.left-dashmenu-wrapper ul li a.mya {
    color: #eee;
    display: block;
    padding: 12px;
}

.left-dashmenu-wrapper ul li a:hover {
    background: #414247 !important;
}

ul.page-sidebar-menu > li {
    border-bottom: 0 !important;
}

.redactor-toolbar, .redactor-dropdown {
    z-index: 10 !important;
}

#s2id_Keyword_website_id .select2-choice {
    height: 31px;
}

.change-pagesize-wrapper {
    right: 213px;
    top: 0;
    position: absolute !important;
}

.change-pagesize-wrapper .sumo-search {
    display: none;
}

#stats-grid {
    margin-top: 50px;
}

#stats-grid .multypleColumns {
    right: 37px;
}

#stats-grid .grid-wrapper,
#UserTable .grid-wrapper {
    overflow: visible;
    overflow-x: visible;
}

.tooltip {
    text-transform: capitalize;
}

.tooltip .tooltip-inner a {
    color: #fff;
}

.fa-question-circle.tooltips {
    cursor: pointer;
}

.tooltip[role="tooltip"] {
    z-index: 2223;
}

.tooltip .tooltip-compact {
    overflow-y: auto;
    max-height: 200px;
    padding-right: 8px;
    text-align: left;
}

.tooltip .tooltip-compact::-webkit-scrollbar {
    border-radius: 4px;
    background-color: rgb(255 255 255);
    -webkit-box-shadow: 0 0 1px rgb(255 255 255);
    -webkit-appearance: none;
    width: 8px;
}

.tooltip .tooltip-compact::-webkit-scrollbar-thumb {
    background: #9a9b9d;
    border-radius: 3px;
}

#mycompany-grid {

}

#mycompany-grid .left-logo-wrapper {
    border: 4px #ccc solid;
}

/*.select2-search-choice{
    overflow: visible;
}*/
.newBut .btn {
    padding: 4px 8px;
}

.newBut {
    margin-right: 5px;
}

.newBut .btn, .cronBut .btn {
    width: 32px;
    height: 30px;
}

.entryBut .btn {
    width: 27px;
    height: 25px;
    padding: 1px 0;
    background: #fff;
}

.entryBut .btn.btn-status-danger {
    border: 1px solid #c9302c;
    color: #c9302c;
    background: #fff;
}

.entryBut .btn.btn-status-danger:hover {
    color: #fff;
    background: #c9302c;
}

.person_type_list,
.person-type-border {
    border-left: medium solid;
}

.module-contact.action-update .person-type-border,
.module-contact.action-create .person-type-border,
.modal .person-type-border {
    border-bottom: medium solid;
    border-left: 0;
    padding: 0 !important;
}

input.ml-10[type='radio']:not([class*='not_uni']) {
    margin-left: 10px !important;
}

body.modal-open {
    overflow: hidden;
}

.entryBut .btn-status-success {
    border: 1px solid #449d44;
    color: #449d44;
    background: #fff;
}

.entryBut .btn-status-success:hover {
    color: #fff;
    background: #449d44;
}

.entryBut .btn-status-info {
    border: 1px solid #31b0d5;
    color: #31b0d5;
    background: #fff;
}

.entryBut .btn-status-info:hover {
    color: #fff;
    background: #31b0d5;
}

.entryBut .btn-status-warning {
    border: 1px solid #ec971f;
    color: #ec971f;
    background: #fff;
}

.entryBut .btn-status-warning:hover {
    color: #fff;
    background: #ec971f;
}

.entryBut {
    margin: 5px 0;
    display: block;

}

.person_type_list,
.person-type-border {
    border-left: medium solid;
}

.module-contact.action-update .person-type-border,
.module-contact.action-create .person-type-border {
    border-bottom: medium solid;
    border-left: 0;
    padding: 0 !important;
}

.button-column {
    text-align: center !important;
}

.staff-list {
    background: #fff;
}

.dsh-column {
    width: 20%;
    margin-left: 1%;
    /*    border:2px dashed #ccc;*/
    outline: 2px dashed #f5f5f5;
    box-shadow: 0 0 0 2px #ccc;
    float: left;
    min-height: 300px;
    transition: all 0.5s;
}

.dsh-column.overs {
    outline-color: #333;
    box-shadow: 0 0 0 2px #f5f5f5;
}

.dsh-modules {
    width: 200px;
    position: fixed;
    background: #ccc;
    height: 100%;
    top: 81px;
    left: 240px;
    padding: 20px;
    text-align: center;
    color: #333;
}

.page-sidebar-closed .dsh-modules {
    left: 40px;
}

.full-wrapper {
    position: relative;
}

.add-google-auth {
    margin: 20px 0;
}

.dashboard-small-module {
    min-height: 160px;
    width: 160px;
    border-radius: 4px;
    background: rgba(255, 0, 0, 0.4);
    color: #fff;
    margin-bottom: 20px;
    padding: 10px;
    text-align: left;
    position: relative;
    float: left;
    min-height: 220px;
    margin-right: 25px;
    cursor: pointer;
}

.dsh-module-table {
    overflow: hidden;
    font-size: 10px;
    background: #fff;
    padding: 5px;
}

.dsh-table {
    font-size: 10px;
}

.dsh-module-table .dsh-table > thead > tr > td, .dsh-module-table .dsh-table > tbody > tr > td {
    padding: 2px;
}

.dashboard-small-module .module-btn {
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 3px 5px;
    float: left;
    margin-right: 5px;
    color: #fff !important;
}

.full-module-item-wrapper {
    background: #fff;
    max-width: 98%;
    max-width: calc(100% - 20px);
    overflow: hidden;
    margin: 0px 10px 0px 10px;
    padding: 0px;
    position: absolute;
    border: 1px solid #ccc;
    box-shadow: 0px 4px 5px 1px #ddd;
}

.full-module-item-wrapper * {
    /*    text-transform: capitalize;*/
}

.dsh-top-panel {
    position: absolute;
    z-index: 2;
    top: -61px;
    width: 100%;
}

.news-note {
    position: relative;
}

.pinned-news {
    position: absolute;
    right: 15px;
    top: 15px;
}

.dsh-top-panel-but {
    height: 100%;
    padding: 10px 15px;
    float: left;
    cursor: pointer;
    line-height: 16px;
    font-size: 16px;
    color: #888;
}

:not(.disabled).dsh-top-panel-but:hover {
    background: #575C63;
    color: #fff;
}

.dsh-helper {
    zindex: 99999;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
}

.page-sidebar-closed .sub-menu {
    z-index: 999;
}

.small-module a.btn {
    margin: 10px;
    width: 210px;
}

#modall .modal-dialog {
    width: 434px;
}

#modall .modal-content {
    padding-bottom: 20px;
}

.fa-yellow {
    color: #ecbc29;
}

.modal-dialog {
    margin: 50px auto !important;
}

.dsh-module-loading {
    background-color: rgba(0, 0, 0, 0.3);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
    display: none;
}

.dsh-module-loading .progress-bar {
    width: 100%;
}

.dsh-widget-header {
    width: 100%;
    background: #F7F7f7;
    padding: 1px 10px;
}

.dsh-module-delete-but,
.dsh-module-edit-but,
.dsh-module-resize-but {
    text-align: right;
    color: #bbb;
    cursor: pointer;
    display: inline-block;
    margin-left: 10px;
}

.dsh-own-users-select {
    padding: 10px 10px 10px 10px;
    float: right;
    width: 200px;
}

.dsh-historic-wrapper {
    width: 40px;
    float: right;
    padding: 1px;
    margin-right: 28px;
}

.dsh-historic-wrapper2 {
    padding: 0;
    display: inline-block;
    width: auto;
}

.dsh-module-loading-progress {
    height: 31px;
}

.dsh-module-datepicker-input .btn-default1 {
    padding: 0;
    display: block;
    color: #bbb;
}

.dsh-all-module-datepicker-input .btn {
    color: #888
}

#dashboard-container {
    position: relative;
    height: auto;
    overflow: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.dsh-modal-select-modules {
    max-height: 99%;
    margin-left: 10px;
}

.dsh-module-text {
    padding: 1px 20px;
    background: #fff;
    text-align: center;
}

.dsh-date-title {
    text-align: center;
    position: relative;
    z-index: 2;
}

.dsh-date-title.special {
    padding: 18px;
    margin-right: -10px;
}

.dashboard-small-module .small-module-ico {
    margin: 10px 0;

}

.dashboard-small-module .module-header {
    border-bottom: 1px #ccc solid;
}

.dashboard-small-module .module-header i.fa {
    font-size: 26px
}

.dashboard-small-module .small-module-title {
    text-align: center;
    margin-top: 10px;
}

.dashboard-small-module .small-module-title span {
    font-size: 20px;
}

.dashboard-small-module .module-edit-wrapper {
    position: absolute;
    right: 10px;
    top: 10px;
}

.switch-web-wrapper {
    position: relative;
}

.switch-web-wrapper .switchWeb {
    left: 47%;
}

#dashboard-form .form-actions {
    margin: -10px -15px -35px;
}

#dashboard-form .form-actions .status-switch {
    float: right;
}

.dsh-module-datepicker {
    width: 100%;
}

.google-charts-wprapper {
    padding: 20px;
}

.dsh-module-title {
    width: 100%;
    padding-right: 68px;
}

.dsh-module-controls {
    position: absolute;
    top: 6px;
    right: 12px;
    z-index: 4;
}

.dsh-module-title-h6 {
    margin-top: 8px;
    margin-bottom: 8px;
    text-transform: capitalize;
}

.dsh-widget-header {
    cursor: move;
}

.daterangepicker.dropdown-menu {
    z-index: 13000009000;
}

.dsh-exc {
    padding: 20px;
    text-align: center;
    font-size: 20px;
    color: #ccc;
}

.historic-module-but {
    width: auto;
}

.calculated-nums {
    display: inline-block;
    position: relative;
    z-index: 5;
    margin: 10px 10px 0 0;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #F6F6F6;
    padding: 10px 15px;
    box-shadow: 0px 2px 3px 1px #eee;
    text-transform: capitalize;
    white-space: nowrap;
    width: 120px;
}

.owl-stage {
    margin: 20px auto;
}

.calculated-nums .left-border {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 100%;
    border-radius: 4px 0px 0px 4px;
}

.num-current-data {
    font-size: 1.3rem;
    font-weight: bold;

}

.num-proc-data {
    font-size: 12px;
    font-weight: normal;
}

.num-proc-data.up {
    color: #0B9C19;
}

.num-proc-data.down {
    color: #e02222;
}

.google-wrapper {
    position: absolute;
    height: 80%;
    top: -15px;
    width: 100%;
    padding-bottom: 10px;
}

.owl-prev, .owl-next {
    position: absolute;
    top: 46px;
    background: #fff;
    padding: 3px 6px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.owl-prev:hover,
.owl-next:hover {
    background: #F6F6F6;
}

.owl-prev {
    left: 6px;
}

.owl-next {
    right: 6px;
}

.owl-nav {
    height: 18px;
}

.google-charts-numbers {
    text-align: center;
    padding: 0 50px;
}

.select-dashboard .select2-choice {
    background-color: #eee;
    border-color: #eee !important;
}

.select-dashboard .select2-choice .select2-arrow {
    background-color: #eee;
    border-color: #eee;
}

.select-dashboard.select2-dropdown-open .select2-choice {
    border-color: #999999 !important;
}

.state-transparent {
    opacity: 0.5;
}

.calendar-dropdown-color {
    margin-left: -110px;
    border-color: #ccc;
    border-radius: 0 !important;
}

.calendar-dropdown-color.colorpicker:before,
.calendar-dropdown-color.colorpicker:after {
    content: '';
    display: none;
}

.label.custom-tag {
    margin: 5px;
    display: block;
    text-transform: capitalize;
    padding: 4px;
}

.label.custom-switch {
    min-width: 37px;
    width: 37px;
    display: block;
    text-transform: capitalize;
    padding: 4px;
}

.wrappered-form-actions {
    margin: 14px -14px -14px !important;
    padding: 15px 10px !important;

}

#project-grid .slimScrollUs,
#project-grid .avatar-grid-wrapper {
    white-space: nowrap;
    max-height: 145px;
    overflow: hidden;
    position: relative;
}

.dropdown-menu.only-tools {
    left: -126px;
}

.files-wrapper .grid-view .grid-wrapper {

}

.opportunity-body .op-widget .op-widget-container,
.opportunity-body .op-widget {
    overflow: inherit;
}

.op-widget-container.tab-content {
    padding: 20px;
}

@media screen and (max-width: 767px) {
    .op-widget-container.tab-content {
        padding: 4px;
    }
}

.popover.editable-container.editable-popup {
    z-index: 2222;
}

#proLabel-grid .colorPicker {
    top: 0;
}

.header .navbar-brand {
    text-align: center;
    /*        display: table-cell;
            vertical-align: middle;*/
    line-height: 42px;
}

.navbar-brand img {
    display: inline-block;
    /*        vertical-align: middle;*/
}

.ava {
    display: inline-block;
    height: 29px;
    width: 29px;
    line-height: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
    border-radius: 50%;
    margin-top: -5px;
    margin-bottom: -5px;
    margin-right: 5px;

}

.dropdown-menu li a {
    padding-right: 10px;
}

.header .navbar-nav > li.dropdown .dropdown-toggle {
    padding: 14px 12px 10px 12px;
    margin: 0 2px;
}


li.mega-menu-dropdown {
    position: static;
}

.mega-menu-submenu {
    list-style: none;
    padding-left: 20px;
    padding-right: 20px;
}

.mega-menu-submenu li {
    padding-right: 10px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
    left: auto;
    width: auto;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
    box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
}

li.mega-menu-dropdown.mega-menu-full .dropdown-menu, .footer div.mega-menu-dropdown.mega-menu-full .dropdown-menu {
    min-width: 200px;
    right: 20px;
    /*        left: 12%;*/
    left: 235px;
    max-width: 90% !important;
    width: auto !important;
}

li.mega-menu-dropdown.mega-menu-full .dropdown-menu:before, .footer div.mega-menu-dropdown.mega-menu-full .dropdown-menu:before {
    border: 0 !important;
}

li.mega-menu-dropdown.mega-menu-full .dropdown-menu:after, .footer div.mega-menu-dropdown.mega-menu-full .dropdown-menu:after {
    border: 0 !important;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
    box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
    background: #55616f;
}

#statistics .dsh-historic-wrapper {
    float: right;
    padding: 1px;
    margin-right: 4px;
    position: absolute;
    right: 0;
    top: -19px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
    padding: 0;
    margin: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
    font-family: "Open Sans", sans-serif;
    padding: 15px;
    margin: 0;
}

.icon-btn {
    padding: 12px 5px 0px 5px;
}

.page-content .page-breadcrumb.breadcrumb > li > i {
    color: #666;
}

.page-content .page-breadcrumb.breadcrumb > li > a, .page-content .page-breadcrumb.breadcrumb > li > i, .page-content .page-breadcrumb.breadcrumb > li > span {
    font-size: 14px;
}

.breadcrumb {
    background-color: transparent;
}

.dropdown-menu.notification li > a > .label-icon {
    padding: 4px 4px 4px 5px;
}

.project-avatar-wrapper {
    height: 30px;
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.project-avatar-wrapper .default-grid-avatar,
.project-avatar-wrapper .grid-avatar {
    height: 25px;
    width: 25px;
    text-align: center;

}

#project-grid .avatar-grid-wrapper .companyLogo.grid-avatar {
    vertical-align: middle;
    line-height: 70px;
}

#project-grid .avatar-grid-wrapper .companyLogo.grid-avatar i {
    font-size: 36px;
}

.select-staff-wrap-dropdown li:first-child {
    font-weight: 600;
}

.bootstrap-switch-id-ProProject_accessProProject_id {
    z-index: 2;
}

.top-search .select2-container-multi .select2-choices {
    min-height: 30px !important;
}

.company-menu-item-new {
    margin-top: 10px !important;
}

.custom-buttons .dropdown-menu,
.tags-filter .dropdown-menu {
    top: 20px;
}

.tags-filter button.custom-buttons {
    color: #fff;
}

.filter-wrapper {
    display: inline-block;
    vertical-align: middle;
}

#tags_filter,
.customField-multiple-select {
    min-width: 200px;
    max-width: 800px;
}

.personPhoto {
    display: table-cell;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    border: 2px solid #DDDDDD;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    line-height: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}

.personPhoto i {
    font-size: 50px;
    line-height: normal;
}

.dropdown-menu li {
    margin-bottom: 3px;
}

/*.Customer{
    border-left: medium solid #52e136;
}
.Provider{
    border-left: medium solid #37b7f3;
}
.Partner{
    border-left: medium solid #d12610;
}
.Prospect{
    border-left: medium solid #ecbc29;
}*/
.person_type_list {
    float: left;
    height: 80px;
    width: 5px;
}

.chats li img.avatar {
    margin-top: 8px;
    margin-left: 6px;
}

.comment-reply-tools a {
    font-size: 10px;
    color: #888 !important;
}

.last-comments .message {
    color: #fff;
    padding-left: 10px !important;
}

.room-user-wrapper {
    position: relative;
    background: #fff;
    display: inline;
}

.entry-right-wrapper {
    position: relative;
    z-index: 2;
}

.entry-portlet-body {
    display: block;
}

.entry-right-top {
    display: none;
}

.entry-right-top .portlet-body {
    display: block;
    background: #f5f5f5;
}

.controller-project.module-project .last-comments, .add-comment-form {
    padding: 0px;
}

.controller-opportunity.module-opportunity.action-index .tools-switch {
    top: -64px;
    position: relative;
}


.controller-project.module-project .add-comment-form {
    background: #fff;
    z-index: 1;
    position: relative;

    top: -1px;
}

.controller-project.module-project .datepicker:before,
.controller-project.module-project .datepicker:after {
    display: none;
}

.inline-entry-edit-footer {
    margin: 20px -15px 0;
    padding-bottom: 0px;
    text-align: left;
}

.activity-body p a,
.activity-body > a {
    text-decoration: underline;
}

.entry-complete-wrapper {
    text-align: right
}

.select-tags {
    width: 100%;
    border: 1px solid #ccc;
}

.select-tags .select2-search-field {
    height: 28px;
}

.filters .select-tags .select2-choices {
    min-height: 30px;
}

.tags_filter {
    min-width: 200px;
    max-width: 800px;
}

.tags-top-wrapper {
    float: left;
    max-width: 70%;
    min-width: 300px;
}

#company-form .customfield-row {
    padding: 15px;
}

#company-form .customfield-row .form-group {
    margin: 0;
}

.profile-dateformat-select {
    padding-left: 28px;
}

.controller-opportunity.module-opportunity .op-header-lead h2,
.controller-opportunity.module-opportunity .op-header-lead h3 {
    margin-top: 0px;
    line-height: 60px;
}

.controller-opportunity.module-opportunity .op-header-lead h3 .grid-avatar {
    vertical-align: middle;
}

.controller-opportunity.module-opportunity .op-header-lead .grid-avatar i {
    color: #888;
}

.dash-select-wrapper {
    margin-top: 1px;
    display: inline-block;
    float: left;
    min-width: 100px;
    margin-right: 10px;
}

.form-inline.editableform {
    white-space: nowrap;
}

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

.form-module-wrapper {
    margin: 10px;
    padding: 20px;
    border-radius: 4px;
    background: aqua;
}

.form-membership-title,
.form-module-title {
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
}

.form-module-info {
    position: absolute;
    right: 30px;
    top: 14px;
}

.form-module-info i {
    border: 1px solid;
    border-radius: 50%;
    padding: 2px 5px;
    width: 20px;
    height: 20px;
    color: #35363a;
    cursor: pointer
}

.form-module-wrapper .status-switch {
    text-align: center;
}

.form-module-wrapper.project-module,
.form-module-wrapper.project-module i {
    color: #fff;
    background: darkcyan;
}

.form-module-wrapper.seo-module,
.form-module-wrapper.seo-module i {
    color: #fff;
    background: coral;
}

.form-module-wrapper.contact-module,
.form-module-wrapper.contact-module i {
    color: #fff;
    background: limegreen;
}


.form-module-wrapper.project-module .bootstrap-switch,
.form-module-wrapper.project-module .bootstrap-switch.bootstrap-switch-focused {
    border-color: darkcyan;
}

.form-module-wrapper.opportunity-module .bootstrap-switch,
.form-module-wrapper.opportunity-module .bootstrap-switch.bootstrap-switch-focused {
    border-color: aqua;
}

.form-module-wrapper.seo-module .bootstrap-switch,
.form-module-wrapper.seo-module .bootstrap-switch.bootstrap-switch-focused {
    border-color: coral;
}

.form-module-wrapper.contact-module .bootstrap-switch,
.form-module-wrapper.contact-module .bootstrap-switch.bootstrap-switch-focused {
    border-color: limegreen;
}

.form-module-quotas {
    text-align: center;
    margin-bottom: 30px;
}

.form-membership-wrapper .form-membership-title i,
.form-module-wrapper .form-module-title i {
    display: block;
    font-size: 41px;
    line-height: 40px;
    color: #fff;
}

#company-form .fileupload-new.thumbnail {
    width: 200px;
    height: 150px;
}

#company-form .fileupload-preview.fileupload-exists.thumbnail {
    max-width: 200px;
    max-height: 150px;
    line-height: 10px;
}

#company-form .form-actions {
    /*    margin: 20px -10px -10px !important;*/
}

.person-form-new #company-form .form-actions {
    margin: 0px !important;
}

.membership-item-wrapper {
    padding: 10px 20px 80px;
    border-radius: 4px;
    color: #fff;
    margin-right: 2%;
    min-height: 434px;
    position: relative;
    max-width: 357px;
    width: 30%;
    min-height: 505px;
    display: table-cell;
}

.table-wrapper {
    display: table;
    width: 100%;
}

.membership-item-wrapper.type-role {
    background: #428bca;
    margin-bottom: 28px;
}

.membership-item-wrapper.type-user {
    background: burlywood;
}

.membership-user-count-input {
    text-align: right;
    background: #aaa;
    border: 0;
    width: 103px;
    padding: 8px 10px;
    font-size: 37px;
    line-height: 30px;
}

.membership-h3 {
    text-align: center;
}

.membership-item-desc {
    font-size: 12px;
}

#website-grid td .grid-scroll-wrapper span {
    display: block;
}

.companyLogo {
    height: 80px;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    border: 2px solid #DDDDDD;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    line-height: 20px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}

#companies-grid .companyLogo i,
.opportunity-header .companyLogo i {
    font-size: 50px;
    line-height: normal;
}

.company-url-text {
    font-size: 16px;
    line-height: 32px;
}

.company-url-text i.fa-map-marker {
    font-size: 0.9em;
    olor: #4F5055;
}

.btn-membersheep-submit {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
    padding: 12px;
}

.membership-item-desc {
    text-align: center;
}

#memberships-form .bootstrap-switch-label {
    font-size: 12px !important;
}

#memberships-form .buttons {
    padding: 20px;
}

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

.controller-memberships.module-memberships .portlet-body.form {
    overflow: hidden;
}

.colorpicker-default .btn-default {
    padding-left: 17px;
}

.small-membership-wrapper {
    background: #428bca;
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    max-width: 280px;
    text-align: center;
}

.small-membership-title {
    font-size: 16px;
    font-weight: 700;
}

.small-membership-description {
    font-size: 12px;
}

.small-membership-price {
    font-size: 20px;
}

.membership-item-price {
    text-align: center;
    margin-bottom: 5px;
}

.membership-item-price .mem-price {
    font-size: 43px;
    font-weight: 700;
}

.membership-item-period {
    text-align: center;
    margin-bottom: 20px;
    margin: 0 -20px 20px -20px;
    background: #888;
}

.membership-item-period .mem-period {
    font-size: 22px;
}

.role-type-options {
    width: 300px;
    margin: 0 auto;
    width: 144px;
    margin: 0 auto;
}

.membership-user-count {
    font-size: 40px;
}

.btn-show-paid {
    margin: 20px 10px;
}

#yujy-modal .modal-body {
    overflow: auto;
    position: relative;
    height: inherit;
    max-height: 80vh;
}

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

.fl {
    float: left;
}

.avatar-grid-wrapper {
    white-space: nowrap;
}

.fileupload .thumbnail > img {
    display: block !important;
}

#invoice-grid .payment-but[href="#"] {
    opacity: 0.5;
}

.event-addded {
    margin-left: 10px;
    font-size: 10px;
    margin-top: 10px;
}

.navbar-brand img {
    max-height: 42px !important;
    margin: 0;
}

.module-contact.action-index .multypleColumns {
    right: 130px;
    margin-top: -48px;
}

.module-contact.controller-person.action-update .multypleColumns {
    right: 17px;
}

.module-contact.controller-person.action-update .files-grid-wrapper .multypleColumns {
    right: 0px;
}

.module-contact.controller-countries .multypleColumns {
    right: 0px;
    margin-top: -88px;
}

.controller-tags.module-contact .multypleColumns {
    right: 18px;
}

.tools-switch {
    margin-top: 11px;
    margin-left: 0;
    float: right;
    text-align: right
}

.person-img, .person-data {
    text-align: center;
    margin-bottom: 10px;
}

#opportunity-custom-form35 .select2-container {
    display: block;
}

.main-loader {
    border: 4px solid #fff; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 35px;
    height: 35px;
    animation: spin 2s linear infinite;
    margin-right: 10px;
    margin-top: -5px;
    display: inline-block;
    vertical-align: middle;
}

.top-rating {
    position: absolute;
    left: 24px;
    top: 10px;
}

table .relative .top-rating {
    left: 54px;
    top: 2px;
}

.top-rating i.fa {
    font-size: 20px;
    color: gold;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.module-contact .files-sharing.opened {
    display: none;
}

.module-contact .files-wrapper {
    padding: 0;
}

.dropzone {
    min-height: 150px;
}

.my-fc-title {
    font-size: 13px;
    margin-left: 7px;
}

.controller-calendar.module-jym .page-bar,
.controller-calendar.module-calendar .page-bar {
    margin-bottom: 0px;
}

.controller-calendar.module-calendar .page-content {
    padding: 0px 20px 0px 20px;
}

.jym-cal-left {
    margin-right: 55px;
    float: left;
}

.jym-cal-right {
    float: right;
    width: 55px;
    margin-left: -55px;
    background: #428bca;
}

.jym-cal-left.closed {
    margin-right: 250px;
    float: left;
}

.jym-cal-right.opened {
    width: 250px;
    margin-left: -250px;
}

.jym-cal-right h3 {
    text-align: center;

}

.jym-cal-right.opened .sourceImg {
    margin-right: 5px;
}

.jym-cal-right.opened .tooltip {
    /*display: none !important;*/
}

.jym-cal-right.closed h3 {
    display: none;
}

.jym-cal-right.closed .sourceLink {
    display: none;
}

.jym-parts-wrapper {
    background: #428bca;
}

.jym-cal-right .sourceLI {
    background: rgba(255, 255, 255, 0.2);
}

.jym-cal-right {
    color: #fff;
    position: relative;
}

.jym-cal-right .sourceImg img {
    border-radius: 50%;
    border: 2px solid transparent;
    padding: 2px;
    height: 32px;
    width: 32px;
}

.jym-cal-right .sidebar-toggler:before {
    color: #333;
}

.jym-cal-right .sidebar-toggler {
    margin-top: 0px;
    left: 0;
    top: 22px;
    border-radius: 0px 4px 4px 0px;
    z-index: 2;
}

.jym-cal-right.closed .sidebar-toggler:before {
    content: "\f104";
    margin: 0px 2px 3px 10px;
}


.jym-cal-right .calendar-vis {
    position: absolute !important;
    color: #999;
    margin: 5px;
    z-index: 5;
    border-radius: 50%;
    background: #fff;
    height: 16px;
    width: 16px;
    text-align: center;
    line-height: 15px;
    top: 25px;
    left: 44px;

}

.jym-cal-right.closed .calendar-vis {
    left: 3px;
    top: 3px;
}

.jym-cal-right .calendar-vis i {
    font-size: 12px;
    color: #428bca
}

.calendar-visible + .sourceImg img {
    border: 2px solid #fff;

}

.jym-cal-right i {
    color: #fff;
}

.jym-cal-right.closed .sourceLI {

    padding: 8px 13px;


}

.jym-cal-right.opened .fa-angle-double-left:before {
    content: "\f101";
}

.jym-cal-right.closed .fa-angle-double-left:before {
    content: "\f100";
}

/*.jym-cal-left.closed{
    width:85%;
}
.jym-cal-right.opened{
    width:15%;
}
.jym-cal-left.opened{
    width:95%;
}
.jym-cal-right.closed{
    width:5%;
}*/
#company-form .company-logo-img {
    width: 100%;
    /* margin-bottom: 50px; */
    padding: 30px;

}

.table-type-dashboard {
    padding-top: 30px;
}

.controller-calendar.module-calendar.action-index .jym-cal-right .sidebar-toggler {
    margin-top: 0px;
    left: 0;
    top: 20px;
    height: 40px;
    border-radius: 0px 4px 4px 0px;
    z-index: 2;
}

.controller-calendar.module-calendar.action-index #calendar {
    margin: 20px 10px 0px 5px;
}

@media (min-width: 992px) {
    #company-form .col-md-2 {
        /*        width: 21.666667%;*/
    }
}

.period-item-wrapper {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}

.period-item {
    margin-top: 10px;
}

.rowhidden {
    display: none;
}

.module-jym #event-form .modal-footer {
    margin: 0;
}

.fc-event.working-time {
    color: #000;
    border-color: transparent !important;

}

.fc-working-time {
    width: 100%;
    color: #000 !important;
    /*    border:0 !important;*/
    border-color: #f5f5f5 !important;
    border-radius: 0;

}

.my-fc-wtitle {
    white-space: nowrap;
}

.fc-nonbusiness {
    /*    background: rgba(144, 144, 144,0.5) !important;*/
    background: rgba(200, 200, 200, 0.2) !important;
    opacity: 1;
}

h3.jym-title {
    margin-top: 28px;
}

.mode-switch-btn {
    position: absolute;
    right: 0px;
    top: -29px;
}

.float-right {
    float: right;
}

.white-form {
    background: #fff;
}

.company-create-form {
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 5px;
}

.company-create-form .float-right .btn {
    margin-right: 18px;
}

.company-create-form .form-actions {
    background-color: #eee;
}

.company-create-form {
    margin-bottom: 30px;
}

.person-form-new {
    background: #fff;
}

.person-form-new .form-actions {
    background: #eee;
}

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

.event-lnk {
    padding: 10px;
}

.select-people {
    width: 100%;
}

.page-bar .tools {
    float: right;
    height: 100%;
    padding-top: 8px;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #fff;
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: #fff;
}

.table tr.heading > th {
    background-color: #fff !important;
}

.table tr.filters > td {
    background-color: #f5f5f5 !important;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-bottom: 1px solid #ddd;
    border-style: inset;
}

.table-bordered > thead > tr > th:hover, .table-bordered > tbody > tr > th:hover, .table-bordered > tfoot > tr > th:hover {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th:first-child,
.table-bordered > tbody > tr > th:first-child,
.table-bordered > tfoot > tr > th:first-child {
    border: 1px solid #ddd;
}

.table-bordered > thead > tr > th:last-child,
.table-bordered > tbody > tr > th:last-child,
.table-bordered > tfoot > tr > th:last-child,
.table-bordered > thead > tr > td:last-child,
.table-bordered > tbody > tr > td:last-child,
.table-bordered > tfoot > tr > td:last-child {
    border-right: 1px solid #ddd;
}

.answer-item-check {
    text-align: right;
    vertical-align: middle;
    padding-top: 9px;
}

.answer-item-form {
    position: absolute;
    right: 25px;
    top: 8px;
}

.answer-item {
    position: relative;
}

.controller-default.module-custom_Cre10fiformationfr_ERP .lesson-item {
    position: relative;
    background-color: rgba(49, 176, 213, 0.4);
    margin-bottom: 10px;
    padding: 10px;
}

.controller-default.module-custom_Cre10fiformationfr_ERP .question-item {
    position: relative;
    background-color: rgba(49, 176, 213, 0.4);
    margin-bottom: 10px;
}

.question-item-form {
    position: absolute;
    right: 25px;
}

.lesson-add-btn {
    width: 100%;
}

.calc-result {
    float: right;
}

.calc-result h2 {
    margin-top: 0px;
}

.notify-item .isreaded {
    color: #bbb !important;
}

.notify-item .isreaded .label-success {
    background-color: #ccc;
}

.opp-nav-wrapper {
    position: absolute;
    top: -5px;
    right: 15px;
}

.show-history-btn {
    padding: 0px 6px;
    color: #888;
    margin-left: 2px;
}

.custom-select-items label {
    font-weight: 700;
    text-align: center;
}

@media (max-width: 1024px) {

    .op-center {
        width: 100% !important;
    }

    .op-widget-header {
        height: auto;
    }

    .opp-nav-wrapper {
        position: relative;
        top: -0px;
        right: 0px;
        margin-bottom: 15px;
    }

    .full-module-item-wrapper {
        width: 98% !important;
        position: initial;
        margin-bottom: 20px;
    }

    .dsh-bottom-text {
        position: relative;
        bottom: 0px;
        right: 0px;
    }

    .full-module-item #s2id_zip {
        margin-bottom: 20px;
    }

    .dsh-top-panel {
        width: 98%;
        width: calc(100% - 20px);

    }

    .dsh-top-panel .dsh-historic-wrapper {
        margin-right: 0;
        padding: 0;
    }

    .dsh-top-panel .dsh-top-panel-but {
        display: none;
    }

    .dsh-all-module-datepicker-input .btn {
        padding: 6px 5px;
    }

    .dsh-module-controls {
        position: relative;
        top: -22px;
        right: 8px;
        z-index: 4;
        float: right;
        margin-bottom: -22px;

    }

    .dsh-module-resize-but, .dsh-module-delete-but {
        display: none;
    }

    .dsh-expand.dsh-module-resize-but {
        display: block;
    }

    .dashboard-container {
        overflow-y: scroll;
    }

    html {
        overflow-y: scroll !important;
    }

    .full-module-item {
        position: relative;
    }

    .entry-right-buttons {
        display: block !important;
    }

    .files-wrapper {
        padding-left: 0px;
        width: 100%;
    }

    .files-sharing.opened {
        width: 100%;
        background: #333;
        color: #fff;
        padding: 20px;
        float: none;
        margin-left: 0px;
        min-height: 217px;
    }

    .files-container {
        float: none;
        padding: 0;
    }

    .full-module-item-wrapper {
        height: auto !important;
        left: 0 !important;
        top: 0 !important;
    }

    .project-filter-select .select2-choices {
        max-width: 100%;
    }

    .page-sidebar.navbar-collapse.in {
        border-top: 0 !important;
        position: absolute;
        overflow: hidden !important;
        overflow-y: auto !important;
        display: block !important;
        width: 281px;
        padding: 15px;
        z-index: 1111;
    }

    .news-note img {
        max-width: 100%;
    }

    .news-note iframe {
        max-width: 100%;
    }

    .full-module-item .right-filter {
        width: 100%;
    }

    .tasks-left {
        float: none;
        width: 100%;
        margin-right: 0%;
    }

    .full-module-item .filter-btn {
        display: none;
    }

    .task-item, .task-item.entry-item {
        overflow: hidden;
    }

    .full-module-item .entry-item.task-item .isImportantEntry {
        right: 25px;
    }

    .full-module-item .entry-item.task-item .task-active-btn {
        display: none;
    }
}

.opp-person-title-wrapper {
    display: inline-block;
}

.op-header-toolbar2 {
    display: none;
}

.top-news a {
    overflow: hidden;
}

#tab_form-23 {

}

#field219_wrapper_block, #locataire_heberge_wrapper_block {
    width: 100% !important;
    background: #e6edf7;
    padding: 40px 30px 40px 30px;
    border-radius: 20px;
    margin: 20px 40px;
    width: calc(100% - 80px) !important;
}

#locataire_heberge_wrapper_block {
    padding-bottom: 20px;
}

#tab_form-23 .field-219 {
    width: 100% !important;
}

#tab_form-23 .ss {
    min-height: auto;
    margin: 0px !important;
}

#tab_form-23 .customkey-etesvousproprietaire {
    margin-bottom: 15px !important;
}

.customkey-proprietaire {
    max-width: 66% !important;
}

.customkey-estimation_recente {
    max-width: 34% !important;
}

#proprietaire_additional_fields .customkey-estimation_recente .controls {
    margin-left: 0 !important;
}

#residence_wrapper {
    padding: 30px;
    margin: 20px 0px;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}


#residence_wrapper:after {
    clear: both;
    width: 1px;
    content: " ";
    display: block;
}

#tab_form-23 .controls .table {
    margin-top: 0;
}

#tab_form-23 .controls > label {
    float: left;
    font-style: normal;
    font-weight: 600;
    color: #446399;
    margin-right: 20px;
}

#tab_form-23 .controls > span {
    display: none;
}

#tab_form-23 .controls > .make-switch {
    float: left;
}

#tab_form-23 .field-254 .table {

}

#tab_form-23 .field-254 .table td {
    text-align: left;
    font-weight: 600;
    font-size: 16px;
}

#tab_form-23 .field-254 .table td[data-column="4"] {
    max-width: 200px;
}

#tab_form-23 .field-254 .table td[data-column="5"] {
    max-width: 160px;
}

#tab_form-23 .customkey-appartament .table td[data-column="7"],
#tab_form-23 .customkey-appartament .table td[data-column="8"],
#tab_form-23 .customkey-appartament .table td[data-column="9"] {
    max-width: 220px;
}

#tab_form-23 .field-254 .table td[data-column="7"] {
    max-width: 110px;
}

#tab_form-23 .field-254 .table td[data-column="8"] {
    min-width: 120px;
}

#tab_form-23 .field-254 .table td[data-column="10"] {
    min-width: 180px;
}

#tab_form-23 .table td {
    text-align: left;
    color: #446399;
    padding: 8px 10px;
}

#tab_form-23 .form-control {
    border: 0px;
    border-bottom: 1px solid #99afd4;
    border-radius: 0px;
}

#tab_form-23 .field-254 .check-mmbank-btn {
    border-radius: 8px;
    background: #639cff;
    border: 1px solid #639cff;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 45px;
}

#tab_form-23 .field-254 .add-row-btn {
    border-radius: 8px;
    background: #446399;
    border: 1px solid #446399;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 45px;
}

#tab_form-23 .field-254 .delete-row-btn {
    border-radius: 8px;
    background: #fff;
    border: 1px solid #ff622c;
    color: #ff622c;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 45px;
}

#opportunity-custom-form23 .table td select,
#opportunity-custom-form23 .table td input {
    font-size: 14px;
    color: #446399;
    font-weight: 400;
}

#proprietaire_additional_fields .controls {
    -webkit-box-shadow: 0px 2px 8px 3px rgba(34, 60, 80, 0.1);
    -moz-box-shadow: 0px 2px 8px 3px rgba(34, 60, 80, 0.1);
    box-shadow: 0px 2px 8px 3px rgba(34, 60, 80, 0.1);
    margin: 20px 25px !important;
    padding: 25px 40px 10px 40px;
}

#proprietaire_additional_fields .btn {
    display: none;
}

#proprietaire_additional_fields tr:last-child td:last-child {
    display: none;
}

#tab_form-23 .form-control .select2-choice {
    border: 0px;
}

#tab_form-23 .select2-arrow {
    border-left: 0 !important;
}

#tab_form-23 tr td:first-child {
    padding-left: 0;
}

#proprietaire_additional_fields .controls > label {
    float: none;
    margin-bottom: 15px;
}


#tab_form-23 .checkbox.checbox-switch {
    color: #446399;
    padding-left: 0;
    line-height: 1.5;
}

#tab_form-23 .checkbox.checbox-switch label,
#tab_form-23 .checkbox-inline.checbox-switch {
    display: inline-block;
    position: relative;
    padding-left: 0;
    font-size: 16px;
    font-style: normal;
}

#tab_form-23 .checkbox.checbox-switch label input,
#tab_form-23 .checkbox-inline.checbox-switch input {
    display: none;
}

#tab_form-23 .checkbox.checbox-switch label span,
#tab_form-23 .checkbox-inline.checbox-switch span {
    width: 35px;
    border-radius: 20px;
    height: 18px;
    border: 1px solid #dbdbdb;
    background-color: rgb(255, 255, 255);
    border-color: rgb(223, 223, 223);
    box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
    margin-left: 6px;
}

#tab_form-23 .checkbox.checbox-switch label span:before,
#tab_form-23 .checkbox-inline.checbox-switch span:before {
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgb(255, 255, 255);
    content: " ";
    top: -2px;
    position: relative;
    left: 0;
    transition: all 0.3s ease;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

#tab_form-23 .checkbox.checbox-switch label em {
    font-weight: 600;
    font-style: normal;
}

#tab_form-23 .checkbox.checbox-switch label em.yes {
    font-weight: 400;
}

#tab_form-23 .checkbox.checbox-switch label > input:checked + em {
    font-weight: 400;
}

#tab_form-23 .checkbox.checbox-switch label > input:checked + em + span + em {
    font-weight: 600;
}

#tab_form-23 .checkbox.checbox-switch label > input:checked + em + span:before,
#tab_form-23 .checkbox-inline.checbox-switch > input:checked + em + span:before {
    left: 17px;
}


/* Switch Default */
#tab_form-23 .checkbox.checbox-switch label > input:checked + em + span,
#tab_form-23 .checkbox-inline.checbox-switch > input:checked + em + span {
    background-color: rgb(180, 182, 183);
    border-color: rgb(180, 182, 183);
    box-shadow: rgb(180, 182, 183) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

#tab_form-23 .checkbox.checbox-switch label > input:checked:disabled + em + span,
#tab_form-23 .checkbox-inline.checbox-switch > input:checked:disabled + em + span {
    background-color: rgb(220, 220, 220);
    border-color: rgb(220, 220, 220);
    box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

#tab_form-23 .checkbox.checbox-switch label > input:disabled + em + span,
#tab_form-23 .checkbox-inline.checbox-switch > input:disabled + em + span {
    background-color: rgb(232, 235, 238);
    border-color: rgb(255, 255, 255);
}

#tab_form-23 .checkbox.checbox-switch label > input:disabled + em + span:before,
#tab_form-23 .checkbox-inline.checbox-switch > input:disabled + em + span:before {
    background-color: rgb(248, 249, 250);
    border-color: rgb(243, 243, 243);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}

@media (max-width: 992px) {

    .op-widget-tabs li.op-widget-tab {
        font-size: 12px;
    }

    .op-widget-tabs li.op-widget-tab {
        margin-right: 6px;
    }

    #po-table57 td[data-column="8"] {
        min-width: 200px;
    }

    #po-table98 td:not(:first-child) {
        min-width: 250px;
    }

    td input.custom-date {
        max-width: 150px;
    }

    .forms-list-wrapper .op-forms-tabs li a {
        padding: 10px 4px;
    }

    .navbar-brand-left {
        display: none;
    }

    .main-menu-wrapper {
        margin-top: 0px;
    }

    .expand-btn.filter-btn {

    }

    .custom-grid-wrapper {
        overflow: scroll;
    }

    .op-forms-tabs li a {
        font-size: 10px;
    }

    .op-forms-tabs li a .fa-bars {
        display: none;
    }

    .dugbet-wrapper, .duedate-wrapper, .status-wrapper,
    .op-header-options .op-h4, .op-header-options .op-option-text,
    .opp-person-title, .opp-person-title-wrapper, .op-header-lead h1 {
        text-align: center;
        width: 100%;
        display: block;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    table[id^='po-table'] td {
        min-width: 110px;
    }

    [id^="po-table"] tr td select {
        padding: 0px;
    }

    .page-content .portlet-body .op-header-options .col-md-3 {
        width: 50%;
        float: left;
        height: 110px;
    }

    .grid-step-wrapper {
        display: none;
    }

    .last-done-step,
    .current-step,
    .current-step + .not-done-step,
    .step-swich {
        display: block;
        float: left;
        width: 40%;
        margin-right: 0;
        margin-bottom: 0 !important;
    }

    .last-done-step {
        width: 10%;
    }

    .step-swich {
        margin-left: 1%;
        background: #999;
        width: 9%;
        float: right;
        text-indent: -9999px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 14px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
    }

    .step-swich:before {
        content: ">>";
        text-indent: 0px;
        position: absolute;
        z-index: 2;
        height: 22px;
        width: 100%;
        top: 10px;
        left: 0;
        text-align: center;
        content: "\f054"; /* this is your text. You can also use UTF-8 character codes as I do here */
        font-family: FontAwesome;
        left: 0px;
    }

    .op-header-toolbar2 {
        float: right;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        background: #fff;
        margin-top: 6px;
        text-align: center;
        cursor: pointer;
        display: block;
    }

    .op-header-toolbar2 i {
        display: block;
        color: #428bca;
        margin-top: 4px;
    }

    .staff-container,
    .opp-customfield-wrapper {
        /*display: none;*/
    }

    .op-header-toolbar {
        display: none !important;

    }

    .customfield-widget .op-widget-header {
        height: auto;
        line-height: 39px;
        padding: 0px 10px 0px 10px;
    }
}

@media (max-width: 500px) {
    .page-content .portlet-body .op-header-options .col-md-3 {
        width: 100%;
        float: none;
        height: auto;
    }
}

@media (max-width: 1600px) {
    .op-widget-header {
        line-height: 38px;
        padding: 0px 15px;
        font-size: 13px;
    }
}

@media (max-width: 1600px) {
    .icon-select-wrapper {
        min-width: 160px;
    }

    .controller-activitytype.module-opportunity.action-index #CrmActivityTypes_type_name,
    .controller-sources.module-opportunity.action-index #CrmSources_source_name {
        max-width: 200px;
    }

    .controller-opportunity.module-opportunity.action-view .status-wrapper .op-option-text .btn-status-width:not(.reopen-btn):not(.canceled-btn-new) {
        width: 37px;
    }

    .status-wrapper .op-option-text .btn-status-width.reopen-btn,
    .status-wrapper .op-option-text .btn-status-width.canceled-btn-new {
        width: 90px;
    }

    #UserTable {
        overflow-x: auto;
    }
}

.roles-header,
.roles-wrapper {
    margin-left: 18px;
    margin-top: 10px;
    white-space: nowrap;
}

.controller-user.module-user.action-invite .roles-header,
.controller-user.module-user.action-invite .roles-wrapper {
    margin-left: 0px;
    margin-top: 3px;

}

.controller-user.module-user.action-invite .col-md-8.controls {
    white-space: nowrap;
}

.controller-dashboard.module-dashboard.action-index .page-bar .tools {
    display: none;
}

.full-module-item-wrapper .content-wrapper {
    height: calc(100% - 31px);
    padding: 20px;
    min-height: 450px;
}

.full-module-item .charts-block.empty {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 40px);
    right: 20px;
    left: 20px;
}

.full-module-item-wrapper .fullModule {
    height: 100%;
}

.align-center {
    text-align: center;

}

.deletePhoto {
    display: none;
}

.page-sidebar-closed .page-sidebar-menu > li:hover:nth-child(n+8) > .sub-menu {
    top: auto;
    border-radius: 4px 4px 0 0;
    bottom: 32px;
}

.page-sidebar-closed .page-sidebar-menu > li:nth-child(n+8) > ul.sub-menu::before {
    content: '';
    border-left: 1px dotted #fff;
    position: absolute;
    height: 100%;
    height: calc(100% - 16px);
    left: 25px;
    top: 16px;

}

.controller-dashboard.module-dashboard.action-index .numbers-overdue .num-proc-data.up {
    color: #e02222;
}

.controller-dashboard.module-dashboard.action-index .numbers-overdue .num-proc-data.down {
    color: #0B9C19;
}

.dataTables_paginate .page.active a {
    background: #428bca;
    color: #fff;
}

.dropdown-menu {
    z-index: 998;
}

.SumoSelect > .optWrapper.open {
    top: 35px;
    visibility: visible;
    opacity: 1;
    z-index: 998;
}

.jstree-default .jstree-anchor {
    line-height: 28px !important;
    width: 100%;
    height: 26px;
    z-index: 20;

}

.jstree-wholerow {
    height: 28px;
    z-index: 1111111;
}

.notify-comment img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.notify-comment .comment-top {
    margin-top: 10px;
    color: #fff;
}

.notify-comment p {
    margin-bottom: 0;
}

.notify-comment .notify-click-to-opp {
    text-decoration: underline;
    font-size: 11px;
    display: block;
    margin-top: 5px;
}

.assure-btns-wrapper{
    padding: 25px;
}

.multi-impact-simulate-alerts-wrapper{
    margin-top: 20px;
}

@media (max-width: 600px) {
    .fc-toolbar .fc-left {
        float: none;
        margin: 0px auto;
        display: inline-block;
    }

    .fc-toolbar .fc-right {
        float: none;
        margin: 10px auto;
        display: inline-block;
    }

    .fc-toolbar .fc-center {
        display: block;
        text-align: center;
    }

    .fc-toolbar .fc-center h2 {
        text-align: center;
        width: 100%;
    }

    .controller-calendar.module-calendar.action-index
    .controller-calendar.module-calendar.action-index input[type="color"],
    .controller-calendar.module-calendar.action-index input[type="date"],
    .controller-calendar.module-calendar.action-index input[type="datetime"],
    .controller-calendar.module-calendar.action-index input[type="datetime-local"],
    .controller-calendar.module-calendar.action-index input[type="email"],
    .controller-calendar.module-calendar.action-index input[type="month"],
    .controller-calendar.module-calendar.action-index input[type="number"],
    .controller-calendar.module-calendar.action-index input[type="password"],
    .controller-calendar.module-calendar.action-index input[type="search"],
    .controller-calendar.module-calendar.action-index input[type="tel"],
    .controller-calendar.module-calendar.action-index input[type="text"],
    .controller-calendar.module-calendar.action-index input[type="time"],
    .controller-calendar.module-calendar.action-index input[type="url"],
    .controller-calendar.module-calendar.action-index input[type="week"],
    .controller-calendar.module-calendar.action-index select:focus,
    .controller-calendar.module-calendar.action-index select,
    .controller-calendar.module-calendar.action-index textarea {
        font-size: 16px !important;
    }

    .controller-calendar.module-calendar.action-index .new-person-form {
        height: auto !important;
    }

    .controller-calendar.module-calendar.action-index .modal .col-md-6 {
        margin-bottom: 10px;
    }

    .controller-calendar.module-calendar.action-index .modal .col-md-5 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .controller-calendar.module-calendar.action-index .modal .btn-mywidth {
        min-width: auto;
    }

}

@media (max-width: 374px) {
    #header_news_bar {
        display: none;
    }
}

html:not(.pdf-print)::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 8px;
}

html:not(.pdf-print)::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(255, 255, 255, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .8);
}

.person-select-input.select2-container.select2-allowclear .select2-choice abbr {
    right: 42px !important;
}

.top-news span {
    white-space: normal;
}

.files-sharing-new.opened {
    width: 100%;
    background: #333;
    color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    float: none;
    margin-bottom: 20px;
    margin-left: 0px;
    min-height: 217px;
}

.activity-group .line input {
    margin-top: 0px !important;
    line-height: 1;
    outline: 0px;
    height: 14px;
}

.activity-group .line {
    /* margin: 0px 15px; */
    padding: 1px 0px;
}

.activity-group .line.with-border {
    border-top: 1px dotted #c3c0c0;
    padding: 10px 0px 0px 0px;
    margin-top: 10px;
    /* margin-bottom: 10px; */
}

.activity-body .regenerate-form {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 99;
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    padding-top: 40px;
    padding: 30px 30px 0px 30px;
}

.activity-body .regenerate-form .btn {
    margin-top: 10px;
    font-size: 18px;
}

.block-pre-loader {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(255, 255, 255, 0.9);
    z-index: 99;
    text-align: center;
    font-size: 20px;
    border: 1px solid #ddd;
    padding-top: 40px;
    padding: 30px 30px 0px 30px;
}

.loading .block-pre-loader {
    display: block;
}

.block-pre-loader .progress {
    max-width: 280px;
    margin: 0px auto;
}

#pre-step4-modal-warning .modal-content {
    overflow-y: auto;
}

.activity_files_description {
    border-radius: 25px;
    padding: 10px 40px 10px 10px;
    text-align: left;
    margin-bottom: 20px;
    background: #449d44;
    font-size: 14px;
    color: #fff;
    text-align: justify;
}

.activity_files_description h1 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 52px;
    font-weight: 600 !important;
}

.activity_files_description .col-xs-3, .activity_files_description .col-xs-9 {
    padding: 0px;
}

.customkey-dossierenvoyeagrid .text-error {
    text-transform: uppercase;
    text-align: center;
    color: red;
    font-size: 20px;
    margin-top: -10px;
}

.modal_refuse {
    max-width: 410px;
}

.modal_refuse p {
    font-size: 16px;
}

.modal_refuse a {
    margin-right: 10px;
    display: inline-block;
    text-align: center;
}

.activity-container.col-lg-12 .activity-group {
    /* display: inline-block; */
    /* width: 33.3%; */
    /* vertical-align: top; */
}

.is_file_activity.activity-item .activity-item-icon-wrapper {
    display: none;
}

.is_file_activity.activity-item .vertical-line {
    display: none;
}

.activity-container.col-lg-12 .activity-files-wrapper {
    text-align: left;
}

.activity-item.is_file_activity {
    margin: 20px 0px;
    background: #fff;
}

.cfcal_form_body {
    padding: 15px 20px;
}

.simulation_log_item {
    font-size: 15px;
    padding: 2px 0px;
    line-height: 1.35;
    margin-bottom: 10px;
    border-bottom: 1px dashed #aaa;
    padding-bottom: 16px;
    color: #0d638f;
}

.simulation_log_item .row {
    margin-left: -5px;
    margin-right: -5px;
}

.simulation_log_item .col-xs-6, .simulation_log_item .col-xs-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.cfcal_form_body .simulation_log_item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.simulation_log_item .green {
    color: #449d44;
}

.simulation_log_item .small {
    font-size: 12px;
}

.simulation_log_item .gray {
    color: #999;
}

.simulation_log_item .sim-big {
    font-size: 17px;
    line-height: 1.5;
}

.simulation_log_item .red, .information-api .red {
    color: #c9302c;
}

.simulation_log_item .btn {
    margin-top: 3px;
}

.simulation_log_item .col-xs-56 {
    width: 56%;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    min-height: 1px;
}

.simulation_log_item .col-xs-22 {
    width: 22%;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    min-height: 1px;
}

.controller-opportunity.module-opportunity.action-view .modal form .scroll-wrapper {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 450px;
    max-height: calc(100vh - 272px);
    margin-right: -15px;
    padding-right: 15px;
}

.cfcal_form, .scoring_bank_wrapper {
    /*border: 2px solid #e1e1e1;*/
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3);
    background: #ffffff;
    margin: 30px 15px 15px 15px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
}


.information-api {
    font-size: 14px;
}

.cfcal_form_title {
    background: #428bca;
    color: #fff;
    font-size: 18px;
    padding: 10px 25px;
}

.cfcal_form table, .scoring_bank_wrapper table {
    border: 0px !important;
}

.cfcal_form .table td, .scoring_bank_wrapper table td {
    text-transform: uppercase;
    vertical-align: middle;
    border-top: 0px;
    /* border-right: 1px solid #ddd; */
}

.cfcal_form .table td:last-child,
.scoring_bank_wrapper .table td:last-child {
    border-right: 0px;
}

.scoring_bank_wrapper .table td,
.cfcal_form .table td {
    /* border-top: 1px solid #ddd; */
    text-align: center;
    padding-top: 2px;
}

.scoring_bank_wrapper .table tr:first-child td,
.cfcal_form .table tr:first-child td {
    border-top: 0;
}

.scoring_bank_wrapper .form-body,
.cfcal_form .form-body {
    padding-left: 30px;
    padding-right: 30px;
}

.scoring_bank_wrapper .result-storage,
.scoring_bank_wrapper .result-duration,
.scoring_bank_wrapper .btn-advice,
.scoring_bank_wrapper .result-block {
    display: none;
}

.scoring_bank_wrapper .result-block [type="button"] {
    width: 100%;
}

.cfcal-group-block {
    max-width: 100%;
}

.cfcal-activity-group-caption {
    padding: 8px 15px;
    color: #fff;
    font-size: 14px;
}

.scoring_bank_wrapper .form-actions {
    padding-left: 20px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    display: none;
}

#modalEvent .customfields-wrapper {
    display: none;
}

.ss .field-description {
    margin-top: 10px;
    margin-bottom: 0;
}

.op-header-options .op-h4 {
    font-size: 14px;
}

.lds-dual-ring {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #000000;
    position: absolute;
    opacity: 0.4;
    z-index: 10;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 100px;
    height: 100px;
    margin: 0;
    border-radius: 50%;
    border: 10px solid;
    border-color: #ffffff transparent #ffffff transparent;
    animation: lds-dual-ring 1.2s linear infinite;
    top: calc(50% - 50px);
    position: relative;
    left: calc(50% - 50px);
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.bank-input-wrapper .irs-single {
    font-size: 16px !important;
    padding-bottom: 0 !important;
}

.op-header-options .op-h4 {
    font-size: 14px;
}

.no-bank-products,
.large-error-block .btn-refuse {
    cursor: pointer;
    text-decoration: underline;
    font-weight: 700;
    color: red;
    font-size: 18px;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .no-bank-products {
        margin-right: 15vw;
    }
}

.btn-scorring,
.result-block .generate-pdf,
.result-block .client-mail,
.result-block .btn-debug-product {
    min-width: 120px;
    width: 100%;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.result-block .client-mail {
    transition: background-color ease .2s;
    background-color: #1e9e87;
    border-color: transparent;
}

.result-block .client-mail:hover {
    background-color: #1c806f;
}

.irs-handle.single {
    cursor: pointer;
}

.js-scorring-tab_hidded,
.js-banks-list-panel_hidded {
    display: none !important;
}

.banks-new-montant__input {
    width: 100%;
    max-width: 200px;
    white-space: nowrap;
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, .1), inset -1px -1px 2px 0 rgba(200, 200, 200, .2);
    background-color: rgba(220, 240, 255, .1);
    font-weight: 600;
    color: #3c3c3c;
}

.banks-new-montant__input.warning {
    border-width: 2px;
    border-color: #ff6050;
    background-color: rgba(255, 96, 80, .05);
}

.banks-new-montant__label,
.banks-new-mandat__label {
    padding-left: 2px;
    color: #32505A;
    font-weight: 600;
}

.d-none-ERR {
    margin-left: 24px;
    display: inline-block;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .d-none-ERR {
        margin-left: 8px;
    }

    .d-none-ERR label {
        font-size: 11px;
    }
}

.bank-scorring-logo {
    box-shadow: 0 0 5px 0 rgba(0, 50, 100, .2);
    max-width: 180px;
    width: 100%;
}

.banks-new-mandat__block {
    position: relative;
    display: flex;
    align-items: center;
}

.banks-new-mandat__loader {
    margin-left: 8px;
    flex: 0 0 auto;
    display: block;
    border-top: 3px solid #969696;
    border-right: 3px solid #969696;
    border-left: 3px solid #969696;
    border-bottom: 3px solid transparent;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    bottom: 0;
    right: 0;
    animation: opportunity-bank-mandat-loader 1s ease infinite forwards;
}

.banks-new-mandat__loader.hide,
.banks-new-mandat-rate.hide {
    display: none;
}

@media screen and (min-width: 1440px) {
    .bank-scorring-result-block .tooltip {
        display: none !important;
    }
}

.bank-scorring-cfcal-alert {
    border-radius: 4px;
    padding: 8px 12px;
    background-color: #ff6050;
    display: flex;
}

.bank-scorring-cfcal-alert .sign {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #ffffff;
    color: #ff6050;
    font-size: 16px;
    line-height: 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.bank-scorring-cfcal-alert .text {
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
}

.banks-new-mandat__warning-message {
    position: absolute;
    z-index: 2;
    text-align: center;
    min-width: 200px;
    max-width: 200px;
    top: 36px;
    left: 0;
    border-radius: 4px;
    padding: 0 4px;
    color: #ffffff;
    font-size: 12px;
    line-height: 18px;
}

.banks-new-mandat__warning-message.warning {
    background-color: #ff6050;
}

.banks-new-mandat__warning-message.success {
    background-color: #5cb85c;
}

.banks-new-mandat__warning-message.hide {
    display: none;
}

.opp-forms-list-wrapper {
    /*box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);*/
    border: 1px solid #eeeeee;
    border-radius: 10px;
}

.custom-person-wrapperlemprunteur .select2-search-choice-close {
    display: none !important;
}

.op-forms-tabs_new {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    z-index: 1;
    border-bottom: 1px solid #eeeeee;
    position: relative;
}

.customkey-informationsbancaires table {
    /* max-width: 600px; */
}

.customkey-informationsbancaires table tr td:first-child {
    /* width: 200px; */
    /* text-align: right !important; */
    /* background: #5bc0de; */
    border-bottom: 0px;
    font-size: 16px;
    padding-bottom: 0px;
}

.group-check-link_34 {
    margin: 6px;
    border-color: transparent;
}

.opp-forms-tab_new {
    position: relative;
    z-index: 3;
    /*max-width: 1297px;*/
}

.opp-forms-tab_new:first-child,
.opp-forms-tab_new:first-child .opp-forms-tab-link_new {
    border-top-left-radius: 8px !important;
}


.opp-forms-tab_new:last-child,
.opp-forms-tab_new:last-child .opp-forms-tab-link_new {
    border-top-right-radius: 8px !important;
}

.opp-forms-tab-link_new {
    border-radius: 0 !important;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    position: relative !important;
    z-index: 4;
    color: #1E1E1E;
    background-color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-top: none !important;
    border-left: none !important;
    border-bottom: none !important;
    margin: 0 !important;
    height: 46px !important;
}

.opp-forms-tab-link_new:not(:last-child),
.opp-forms-tab-link_new:not(.active) {
    border-right: 1px solid #eeeeee;
}

.opp-forms-tab_new.active .opp-forms-tab-link_new {
    cursor: default;
    border-right: none !important;
    color: #ffffff !important;
    background-color: #428bca !important;
    z-index: 10;
}

.opp-forms-tab_new.active .opp-forms-tab-link_new.has-errors {
    background-color: #bf1c56 !important;
    z-index: 12;
}

.opp-forms-tab_new.active.has-parent-errors {
    z-index: 12;
}

.opp-forms-tab-link_new i {
    margin-right: 4px;
}

@keyframes opportunity-bank-mandat-loader {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

.table-overflowed {
    max-width: 100%;
    display: block;
    overflow-x: auto;
}

.dsh-widget-content .owl-carousel.owl-loaded,
.dsh-widget-content .owl-stage-outer {
    overflow: hidden !important;
}

.rdv-green {
    background: #5cb85c;
    color: #fff;
}

.no-padding {
    padding: 0 !important;
}

._Appoinments td.no-padding .tooltips {
    padding: 8px;
}

.controller-calendar.module-calendar.modal-open .modal-dialog {
    width: 960px;
    max-width: 100%;
}

.pdf-wrapper {
    margin-top: 50px;
    margin-bottom: 20px;
}

.activity-pdf-item {
    background: #f9f9f9;
    border: 2px dotted #aaa;
    padding: 27px;
    max-width: 95%;
}

.activity-pdf-item .btn-activity-upload-pdf {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #c4c4c4;
    color: #fff;
    width: 100%;
    font-size: 13px;
    display: block;
    text-align: center;
    margin-top: 17px;
    padding: 8px 10px 11px 10px;
}

.activity-pdf-caption {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-top: -4px;
}

.activity-pdf-form-actions.form-actions-new {
    margin-left: -38px;
    margin-bottom: -31px;
    margin-top: 20px;
    padding: 25px;
}

.is_file_activity[data-file-type="4"].out .activity-container {
    padding-right: 0px;
    border-right: 1px solid #ccc;
}

.is_file_activity[data-file-type="4"].out .activity-container .activity_files_description {
    margin-right: 25px;
}

.add-comment-input .redactor-toolbar {
    max-height: 60px;
}

.activity-group-caption {
    color: #fff;
    text-transform: uppercase;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-align: center;
}

.activity-file-up-link, .activity-file-up-new-link, .run-bancaires-analyse, .download-file-group, .activity-dropzone-link {
    border-radius: 10px;
    background: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 50px;
    padding: 6px 10px;
    color: #000;
    font-size: 14px;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 2px 5px 0px rgb(34 60 80 / 20%);
    /* font-weight: 600; */
    /* flex-direction: column; */
    justify-content: start;
    text-align: left;
    font-weight: 600;
    transition: 0.1s;
}

.download-file-group {
    font-size: 16px;
}

.download-file-group i {
    margin-right: 8px;
    font-size: 20px;
}

.activity-file-up-new-link, .run-bancaires-analyse, .download-file-group {
    background: #5bc0de;
    color: #fff;
}

.activity-file-up-new-link:hover, .run-bancaires-analyse:hover, .download-file-group:hover {
    background: #2a6496;
    color: #fff;
    text-decoration: none;
}

.activity-file-up-link:hover, .activity-dropzone-link:hover {
    background: #f7f7f7;
    text-decoration: none;
    color: #000;
}

.activity-file-up-link span, .activity-dropzone-link span {
    display: block;
    color: #aaa;
    font-style: italic;
    font-weight: 400;
    font-size: 10px;
}

.activity-dropzone-link span.dz-upload{
    height: 5px;
    background: green;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.row-eq-height .activity_file_group {
    /* flex-basis: 33.33333333%; */
    border-right: 3px solid #ddd;
}

.row-eq-height .activity_file_group:nth-of-type(3n) {
    border-right: 0px;
}

.activity-group .row {
    margin: 0px;
}

.activity-group .col-xs-10, .activity-group .col-xs-1, .activity-group .col-xs-12 {
    padding: 0px;
}

.uploaded .activity-file-up-link, .uploaded .activity-dropzone-link {
    background: #449d44;
    color: #fff;
    font-weight: 400;
}

.uploaded_error .activity-file-up-link, .uploaded_error .activity-dropzone-link  {
    background: #c9302c;
    color: #fff;
    font-weight: 400;
}

.is_file_activity .line {
    margin-top: 5px;
}

.activity-line-icon-holder, .activity-line-text-holder {
    display: block;
}

.activity-line-icon-holder {
    width: 28px;
    float: left;
    margin-top: 3px;
    min-width: 28px;
    /* text-align: center; */
}

.module-opportunityPortal .activity-line-icon-holder {
    margin-left: 5px;
}

.module-opportunityPortal .activity-line-text-holder {
    padding-left: 5px;
    line-height: 24px;
}

.activity-line-icon-holder i {
    font-size: 20px;
}

.activity-disabled {
    /* background-color: #d9d9d9; */
    cursor: auto;
    opacity: 0.4;
}

.activity-file-button, .uploaded .activity-file-button, .uploaded_error .activity-file-button {
    height: 100%;
    width: calc(100% - 2px);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 2px 5px 0px rgb(34 60 80 / 20%);
    background: #fff;
    margin: 0px 2px;
    /* font-size: 21px; */
}

.activity-file-button:hover {
    background: #f7f7f7;
    text-decoration: none;
}

.activity-file-button i {
    font-size: 20px;
    color: #000;
}

.activity-file-button {
    background: #f7f7f7;
}

.activity-file-button.budget-insight-reload {
    background: #449d44;
}

.activity-file-button.budget-insight-reload:hover {
    background: #44ae44;
}

.activity-file-button.budget-insight-reload i {
    color: #fff;
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.flex-row > [class*='col-'] {
    display: flex;
    flex-direction: column;
    padding-bottom: 50px;
}

.analyse-pdf-button {
    position: absolute;
    bottom: 0;
    right: 10px;
    width: 200px;
}

.year_select > button > i.fa {
    display: none;
}

.year_select > button.selected > i.fa {
    display: inline;
}

.field-repeatable_table > label, .field-table > label {
    font-weight: 700;
    margin-top: 10px;
}

.field-label > label {
    display: block !important;
}

.field-label.text-center > label {
    text-align: center;
}

.activity-caption-container {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
    border-radius: 10px;
    padding: 14px 20px 16px 20px;
    -webkit-box-shadow: 0px 4px 8px 0px rgb(34 60 80 / 20%);
    -moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 2px 5px 0px rgb(34 60 80 / 20%);
}

.group-logo-wrapper {
    float: left;
    margin-top: 5px;
}

.module-opportunityPortal .group-logo-wrapper .fa {
    font-size: 40px;
}

.group-logo-wrapper .fa {
    font-size: 24px;
}

.activity-group-label {
    color: #fff;
    text-transform: uppercase;
    display: block;
    font-size: 20px;
    text-align: center;
}

.module-opportunityPortal .activity-group-label {
    font-size: 28px;
    font-weight: 700;
}

.module-opportunityPortal .group-logo-wrapper {
    margin-top: 0px;
}

.activity-file-up-link-private {
    width: 100%;
    text-align: left;
    white-space: normal;
    align-items: center;
    font-size: 16px;
    border-radius: 10px;
    font-weight: 100;
    padding-top: 12px;
    padding-bottom: 12px;
}

.uploaded .activity-file-up-link-private, .uploaded .private-activity-file-preview {
    background: #5fc966;
    color: #fff;
}

.uploaded .private-activity-file-preview i {
    color: #fff;
}

.uploaded_error .activity-file-up-link-private {
    background: #c9302c;
    color: #fff;
}

.activity-reload-btn {
    float: left;
    margin-right: 10px;
    margin-left: 0;
}

.out .activity-reload-btn {
    float: right;
    margin-left: 10px;
    margin-right: 0;
}

#total-part-immo {
    background: #449d44;
    color: #fff;
}

#total-part-conso {
    background: #31b0d5;
    color: #fff;
}

.generate-docs-button-wrapper {
    width: 100%;
    text-align: center;
    height: 180px;
    vertical-align: middle;
    margin-left: 150px;
}

.generate-docs-btn {
    display: inline-block;
    vertical-align: middle;
    /* width: 18%; */
    margin-left: 10px;
    /*font-size: 17px;*/
    /* margin-top: 20px; */
    /* padding: 8px 12px; */
    /* margin-bottom: 10px; */
}

.profile.bg-green {
    background: #0ec858;
}

.profile.bg-green .profile-data-name {
    font-size: 21px;
    height: auto;
    min-height: 64px;
}

.profile.bg-green .profile-data-name a {
    color: #fff;
    border-bottom: 0px;
}

.profile.bg-green .profile-image {
    margin-top: 20px;
}

.profile.bg-green .profile-image i {
    font-size: 64px;
    color: #fff;
}

.bank_api_form_block {
    text-align: center;
}

.bank_api_form_block img {
    margin: auto;
}

.cfcal_form img {
    max-width: 200px;
    width: 100%;
}

.repeatable-cross {
    color: #f3565d;
}

#opportunity-custom-form23 select.form-control.disabled,
#opportunity-custom-form21 select.form-control.disabled,
#opportunity-custom-form20 select.form-control.disabled,
.select2-container.select2-container-disabled .select2-choice,
.form-control.disabled {
    background-color: #eee !important;
    background-image: none !important;
    color: #232323 !important;
    font-weight: normal !important;
    font-size: 14px !important;
    font-style: normal !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select2-container.select2-container-disabled .select2-choice {
    border: 1px solid #e5e5e5 !important;
}

.checkbox.checbox-switch.disabled label em {
    display: none;
}

#opportunity-custom-form23 input[type="checkbox"][disabled] {
    position: relative;
    width: 1.5em;
    height: 1.5em;
    color: #363839;
    border: 1px solid #bdc1c6;
    border-radius: 4px;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 20px;
    min-height: 20px;
    font-size: 14px;
    font-weight: 400;
    margin-left: 0;
    background: #eeeeee !important;
}

#opportunity-custom-form23 input[type="checkbox"][disabled]:checked,
#opportunity-custom-form23 input[type="checkbox"][disabled]:checked::before {
    color: #232323 !important;
}

#opportunity-custom-form23 input[type="checkbox"][disabled]:checked::before {
    border-color: #232323 !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

.synthese-textarea-table th {
    background: #eee!important;
}

.synthese-textarea-table th,
.synthese-textarea-table td{
    padding: 8px!important;
}

.cfcal-accept-icon{
    color: #449d44;
}

.cfcal-refuse-icon{
    color: red;
}

.cfcal-files-table td{
    padding: 5px 8px;
    border-right: 1px solid #fff;
    text-align: center;
}

.cfcal-files-table td:first-child{
    text-align: left;
}

.cfcal-files-table tr td:last-child{
    border-right: 0px;
}

.customkey-renseignementprofessionnels5ae473e32ae67-2,
.customkey-renseignementprofessionnels-2{
    margin-top: 0!important;;
}

#tab_form-70 .col-md-6{
    width: 25%!important;
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #767d75;
    border-color: #767d75;
}
body .bcw{
    background-color: white !important;
}

body .bcf{
    background-color: #FFE1A2 !important;
}
body .bcg{
    background-color: green !important;
}
.gain-sur{
    font-size: 16px;
}
.prequali-holder{
    padding: 5px 25px 20px 25px;
}

.activity-dropzone-link.dz-started .activity-line-text-holder{
    display: none;
}

.activity-dropzone-link.dz-started .dz-success-mark,
.activity-dropzone-link.dz-started .dz-error-mark,
.activity-dropzone-link.dz-started .dz-remove
{
    display: none;
}

.activity-dropzone-link.dz-started .dz-preview{
    padding: 5px;
}

.activity-dropzone-link.dz-started img{
    max-width: 100%;
}

.simulation-accord-hint{
    background: #449d44;
    float: left;
    padding: 6px 15px 8px 15px;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: -15px;
}

.btn-plan-de-financement-status{
    display: none;
}