/*
|-------------------------------------------------------------------------------
| APP CSS v 1.0
|-------------------------------------------------------------------------------
|
| Project: Investors Talk
| Author:  Serkan Camur
| Company: Goldbach Interactive Austria
|
|-------------------------------------------------------------------------------
|
*/

.disabled-visible {
    color: rgba(98, 98, 98, 1)!important;
}

/* max-height - the only parameter in this file that needs to be edited.
 * Change it to suit your needs. The rest is recommended to leave as is.
 */
.clusterize-scroll{
  max-height: 200px;
  overflow: auto;
}

/* By default extra tag .clusterize-keep-parity added to keep parity of rows.
 * Useful when used :nth-child(even/odd)
 */
.clusterize-extra-row.clusterize-keep-parity{
  display: none;
}

/* During initialization clusterize adds tabindex to force the browser to keep focus
 * on the scrolling list, see issue #11
 * Outline removes default browser's borders for focused elements.
 */
.clusterize-content{
    outline: 0;
}

/* centering message that appears when no data provided
 */
.clusterize-no-data td{
  text-align: center;
}

/*
|-------------------------------------------------------------------------------
| GENEREAL
|-------------------------------------------------------------------------------
*/
body {

}



@media (min-width: 1824px) {
    .menu-pin .container-fluid.container-fixed-lg {
        width: 1450px;
    }
}

.profile-dropdown-toggle {
    background: transparent;
    border: none;
}

.profile-dropdown:before {
    position: absolute;
    top: -7px;
    right: 15px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: '';
}
.profile-dropdown:after {
    position: absolute;
    top: -6px;
    right: 16px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

.profile-dropdown li>a {
    opacity: .5;
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
    padding-left: 17px;
    padding-right: 37px;
    min-width: 138px;
}

.profile-dropdown {
    background: #fff;
    padding: 0;
}
.profile-dropdown li:last-child>a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 19px;
}
.profile-dropdown li>a>i {
    margin-right: 5px;
}
.profile-dropdown li:last-child {
    margin-top: 11px;
    padding: 0;
}

.v-align-middle { vertical-align: middle!important; }

.muted { color: #BEBEBE; }


.tooltip-inner {
    min-width: 130px;
}


.link-colorless {
    color: rgb(98, 98, 98);
}

.semi-bold {
  font-weight: 400!important;
}

.page-container {

}

.container-fluid {
  /*
  padding-left: 0;
  padding-right: 0;
  */
}


.progress.progress-with-label {
    overflow: visible!important;
    position: relative;
}
.progress.progress-with-label .progress-bar-label {
  position: absolute;
  top: -18px;
  right: 1px;
  font-size: 12px;
  display: block;
}

.progress-container {
width: 300px; margin:0 auto;text-align:center;padding:40px 0 0 0;
}

/* LINKS IN TABLES */
a.btn-link {
    color: #1C83CA!important;
}

a.btn-link-dark {
    color: #5e5e5e!important;
}

a.btn-link-dark:hover {
    color: #1C83CA!important;
}

.tooltip.top .tooltip-arrow {
    margin-top: 10px!important;
}

.has-more-primary {
    color: #1C83CA!important;
}

/*
|-------------------------------------------------------------------------------
| HEADER
|-------------------------------------------------------------------------------
*/
.header .bubble {}
.header .bubble em {
  display: block;
  position: absolute;
  top: 0;
  font-family: Arial;
  left: 0;
  width: 100%;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  font-style: inherit;
}

/*
.notification-item .content {
    display: block;
    font-size: 12px;
    padding: 0 10px 0 0;
    line-height: 1.4;
    margin-bottom: 10px;
    color: rgb(129, 117, 117);
}

.notification-panel .notification-body .notification-item .heading {
    border-bottom: 0;
}

.notification-item .notification-item-inner {
    border-bottom: 1px solid #e6e6e6;
}

.notification-panel .notification-body .notification-item {
    margin-left: 0;
    padding-left: 25px;
}


.notification-panel .notification-body .notification-item.unread,
.notification-panel .notification-body .notification-item.unread .heading {
    background: yellow;
}
*/

@media only screen and (min-width: 980px) {
    .notification-panel {
      width: 520px;
    }
}


/*
|-------------------------------------------------------------------------------
| ALERTS
|-------------------------------------------------------------------------------
*/
.alert.alert-info .alert-heading {
  color: #476376 !important;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 16px!important;
  line-height: 16px;
  padding-top: 6px;
}

.alert.alert-danger .alert-heading {
    color: #933432!important;
    font-size: 16px!important;
}


.alert .alert-icon {
    display: block;
    float: left;
    min-height: 50px;
    width: 40px;
    margin-right: 15px;
    text-align: center;
    line-height: 45px;
    font-size: 32px;
    color: rgb(71, 99, 118);
}


.alert p {
    padding-top: 4px;
}
/*
|-------------------------------------------------------------------------------
| PAGE: USER-VIEW (USER PROFILE)
|-------------------------------------------------------------------------------
*/
.panel-user-profile {}

.xpanel-cover {}

.xpanel-heading {

    padding: 20px!important;
}

.xpanel-heading p {
    margin: 0;
}

.xpanel-details {
background: #f2f4f6!important;
    margin: 0;
    padding: 20px;
    color: rgb(139, 145, 160);
}

.xpanel-details p {
    margin: 0;
}

.xpanel-details p i {
    width: 25px;
    font-size: 14px;
}

/*
|-------------------------------------------------------------------------------
| MATCHING RESULTS IN VIEW
|-------------------------------------------------------------------------------
*/
#project-matching-content {}

#project-matching-content .ko-reason { color: #F55753; }
#project-matching-content .ko-reason i { font-size: 20px; }


#project-matching-content .progress { margin-bottom: 0; }


/*
tr.below-relevance-threshold td {
    opacity: 0.6;
}
tr.no-relevance td {
    opacity: 0.3;
}
*/

tr.relevance-treshold-divider td,
.table.table-striped tbody tr.relevance-treshold-divider:nth-child(2n+1) td,
.table.table-striped tbody tr.relevance-treshold-divider td {
    padding: 3px 0 8px 0!important;
    background: #f55753!important;
    color: #fff;
}

.table.table-hover tbody tr.relevance-treshold-divider:hover td,
.table.table-striped tbody tr.relevance-treshold-divider:nth-child(2n+1) td,
.table.table-striped tbody tr.relevance-treshold-divider td {
    background: #f55753!important;
}

.table td a,
.table td b {
    vertical-align: baseline!important;
}

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


/*
|-------------------------------------------------------------------------------
| PAGE: USER-LOGIN
|-------------------------------------------------------------------------------
*/
.user-login {
    overflow: hidden;
    background: url('../img/background_1.jpg') no-repeat center center fixed;


    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}



/*
|-------------------------------------------------------------------------------
| BREADCRUMB
|-------------------------------------------------------------------------------
*/
.breadcrumb li {
  font-weight: 600;
  font-size: 11px;
  font-weight: normal;
  color: #7b7d82;
}

.breadcrumb a {
  margin-left: 0px;
}

/*
|-------------------------------------------------------------------------------
| LIST GROUP ITEMS
|-------------------------------------------------------------------------------
*/
.list-group-item {}
.list-group-item.list-group-sm { padding: 6px 15px; }


/*
|-------------------------------------------------------------------------------
| SLIDERS
|-------------------------------------------------------------------------------
*/
.aux-slider {
    padding: 15px 0;
}

.aux-slider .aux-slider-value  {
    text-align: right;
    padding: 5px 0;

}

.text-error { color: #f55753!important; }
.text-success { color: #58BB0A!important; }

/*
|-------------------------------------------------------------------------------
| TABLES
|-------------------------------------------------------------------------------
*/
.table-aux {}
.table-aux tbody tr td { padding: 15px 10px; }

/** BUTTONS **/
.table tbody tr td .btn-group .btn {
    margin-left: 0;
    margin-right: 0;
}


.table tbody tr.highlight td {
    /*background: #fef6dd;*/
      -webkit-animation: highlight 1s; /* Safari 4+ */
      -moz-animation:    highlight 1s; /* Fx 5+ */
      -o-animation:      highlight 1s; /* Opera 12+ */
      animation:         highlight 1s; /* IE 10+ */
}

@-webkit-keyframes highlight {
  0% { background-color: inherit; }
  50% { background-color: #fef6dd; }
  100% { background-color: inherit; }
}
@-moz-keyframes highlight {
  0% { background-color: inherit; }
  50% { background-color: #fef6dd; }
  100% { background-color: inherit; }
}
@-o-keyframes highlight {
  0% { background-color: inherit; }
  50% { background-color: #fef6dd; }
  100% { background-color: inherit; }
}
@keyframes highlight {
  0% { background-color: inherit; }
  50% { background-color: #fef6dd; }
  100% { background-color: inherit; }
}


/*
|-------------------------------------------------------------------------------
| FORM ELEMENTS
|-------------------------------------------------------------------------------
*/
.table .checkbox label:before {
  top: 50%;
  left: 50%;
  margin-top: -9px;
}

.table .checkbox label::after {
  left: 13.5px;
  top: -9.2px;
}


fieldset.aux {}
fieldset.aux legend {
    font-size: 16px;
    font-weight: 600;

    margin-bottom: 20px;
    padding: 0 5px 10px 5px;
}

fieldset.aux legend .fa {
}


/* FORM GROUP DEFAULTS */
.form-group-default {
    border: 1px solid rgba(0, 0, 0, 0.2);
}


/*** SELECT2 OVERWRITES **/
.select2-drop-mask,
.select2-drop { z-index: 10001!important; }

.has-error .select2-default {
    background-color: rgba(245, 87, 83, 0.1)!important;
}

.form-group-default.form-group-default-select2 .select2-container .select2-choice {
    font-weight: normal;
}

.select2-choices {  }
.select2-container-multi .select2-choices .select2-search-choice {
    font-family: 'Segoe UI', Arial, sans-serif;
    padding: 8px 15px 8px 30px;
    /*font-weight: 600;*/
    border-radius: 3px;
    /*background-color: #48b0f7;*/
    font-size: 12px;
    /*font-weight: 600;*/
    font-weight: normal;
    /*color: #fff;*/
}
.select2-container-multi .select2-search-choice-close {
    font-family: 'Segoe UI', Arial, sans-serif;
    left: 10px;
    top: 9px;
 }

.select2-container-multi .select2-search-choice-close:before {
    /*color: #fff;*/
}

.form-group.form-group-default textarea {
    width: 100%;
    min-height: 100px;
    border: 0;
    resize: verticaly;
}

.form-group.form-group-default.focused textarea {
    background-color: #f0f0f0;

}

.no-permission-edit
{
    background: rgba(253, 255, 161, 0.3);
    padding: 0px 10px;
    text-align: center;
}

/* TYPEAHEAD */
/*
.dropdown-menu {
    border-radius: 0;
    width: 100%;
}
*/

.typeahead-container { overflow: visible; }


span.required:after {
  color: #f55753;
  content: "*";
  font-family: arial;
  font-size: 20px;
  position: absolute;
  top: 9px;
}



/*== FORM GROUP LISTS / STRIPED GROUPS == */
.form-group-zebra-list {}
.form-group-zebra-list .form-group.row { margin-left: 0; margin-right: 0; }
.form-group-zebra-list .form-group { margin-bottom: 0; padding: 8px 0; /*border-bottom: 1px solid rgb(237, 237, 237);*/ }
.form-group-zebra-list .form-group label { margin-bottom: 0}
.form-group-zebra-list .form-group:nth-child(2n) {
    background: rgb(242, 244, 246);
}

.m-b-0 { margin-bottom: 0!important; }
.m-t-10 { margin-top: 10px!important; }

/*
|-------------------------------------------------------------------------------
| LABELS
|-------------------------------------------------------------------------------
*/
.label.label-lg {
    padding: 8px 10px;
    font-size: 12px;
}

.label-success {
    background-color: #10CF71;
}

.label-deleted {

    color: #626262;
    background-color: #FAFAFA;

}

/* PROJECT LABELS */

.label-project-status {
    display: block;
    height: 100%;
    color: #fff;
    background: #626C75;
}

@media(max-width: 1366px) {
    .label-project-status {
        white-space: revert;
        max-width: 100px;
    }
}

.label-project-status.label-legend {
    font-size: 10px!important;
    margin-bottom: 2px;
    text-transform:uppercase;
    font-weight:normal;
}

.label-1 { background: #4A4F54; }
.label-2 { background: #F8D053;  }
.label-3 { background: #6D5CAE; }
.label-4 { background: #CAA225; }
.label-5 { background: #10CFBD; }
.label-6 { background: #0A7C71; }
.label-7 { background: #12BE4F; }

/*
.label-b    { background: #064394; }
.label-mh   { background: #06941e; }
.label-h    { background: #e3d600; }
.label-g    { background: #e37000; }
.label-gpe  { background: #ad5a08; }
*/

.badge.badge-lg {
    font-size: 14px;
    padding: 15px;
}

/*
|-------------------------------------------------------------------------------
| QUICKVIEW - EDIT
|-------------------------------------------------------------------------------
*/
.quickview-edit {
    width: 640px;
    right: -640px;
}

.quickview-edit.builder:before {
    display: none;
}

.quickview-edit-inner {
    position: relative;
}
.quickview-edit-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}


.quickview-edit.builder .nav-tabs > li > a {
    min-width: 150px;
}

/** for scrollable **/
.quickview-edit form  {
    position: relative;
    padding-right: 0px;
    height: 100%;
    overflow: hidden;
    overflow-x: hidden !important;
}

.quickview-edit .scrollable {
    padding-top: 27px;
    height: calc(100% - 47px);
    overflow-x: hidden !important;
}


.legend-dropdown {
    background-color: #fff;
    border-radius: 0;
    padding: 10px;
}


.quickview-edit.builder a {
    width: auto;
}


/*
|-------------------------------------------------------------------------------
| CUSTOM NAV TABS
|-------------------------------------------------------------------------------
*/
.nav-tabs-simple-aux > li:after {
    position: absolute;
    left: 0;
    bottom: -1px;
}

.nav-tabs-simple-aux:after {
    bottom: 0;
}

.nav-tabs-linetriangle-second-level {

}

.nav-tabs-simple-aux .badge { padding-bottom: 3px; }

/*
|-------------------------------------------------------------------------------
| USER ASSIGNMENT MASK
|-------------------------------------------------------------------------------
*/
.object-assignment-mask {
    background-color: #fff;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    margin-bottom: 20px;
}

.object-assignment-mask-header {
    /*background-color: rgba(200, 200, 200, 0.1);*/
    padding: 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.object-assignment-mask.has-error .object-assignment-mask-header {
    background-color: rgba(245, 87, 83, 0.1);
}

.object-assignment-mask-header label {
    font-family: 'Montserrat';
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
}

/** modal **/
#objectAssignmentModal {}
#objectAssignmentModal .modal-loader {
    text-align: center;
    margin: 40px 0;
}

#objectAssignmentModal .modal-loader p { margin: 10px 0 0 0; }

#objectAssignmentModal .modal-body {
}
#objectAssignmentModal .modal-body-inner {
    border-top: 1px solid #eee;
    padding: 10px 0;
}

#objectAssignmentModal .modal-lg {
    width: 80%!important;
}

/** table **/
.object-assignment-mask .table {
    margin-top: 0;
    margin-bottom: 0;
}
.object-assignment-mask .table thead tr th {
  text-transform: uppercase;
  font-weight: 600;
  font-family: 'Montserrat';
  font-size: 13px;
  padding-top: 6px;
  padding-bottom: 6px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(230, 230, 230, 0.7);
  color: rgba(44, 44, 44, 0.55);
  background: rgb(247, 246, 249);
}

.object-assignment-mask .table tbody tr td {
    border: 1px solid rgba(230, 230, 230, 0.7);
    padding: 0px 10px;
    font-size: 14px;
}
.object-assignment-mask .table tbody tr td * {
    text-overflow: initial!important;
}

.object-assignment-mask .table tbody tr td:first-child {
    border-left: 0;
}
.object-assignment-mask .table tbody tr td:last-child {
    border-right: 0;
}

.object-assignment-mask-scroller-container {}
.object-assignment-mask-scroller-container td {
    padding: 0!important;
}

.object-assignment-mask-scroller {
    position: relative;
}

.external-scroll_x,
.external-scroll_y {
    border: solid 1px #9999fc;
    cursor: pointer;
    display: none;
    position: absolute;
}

.external-scroll_x.scroll-scrollx_visible {
    display: block;
    height: 10px;
    left: 2%;
    top: 6px;
    width: 96%;
}

.external-scroll_y.scroll-scrolly_visible {
    display: block;
    height: 200px;
    left: 610px;
    top: 0;
    width: 10px;
}

.external-scroll_x div,
.external-scroll_y div
{
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
}

.external-scroll_x .scroll-bar,
.external-scroll_y .scroll-bar {
    background: #9999fc;
    z-index: 12;
}

.external-scroll_x .scroll-bar {
    width: 100px;
}
.external-scroll_y .scroll-bar {
    height: 100px;
}

/* datatables overwrite */
.dataTables_paginate,
.dataTables_info {
    clear: none!important;
    width: 50%!important;
    float: left!important;
    display: block!important;
}

.dataTables_paginate {
    float: right!important;
}

.table-search {
    margin: 20px 0;
}

/*
|-------------------------------------------------------------------------------
| ASSIGNMENT MASK
|-------------------------------------------------------------------------------
*/
#pickerModal {}

#pickerModal .modal-header {}
#pickerModal .modal-header .modal-header-inner {
  border-bottom: 1px solid rgb(224, 224, 224);
  padding-bottom: 10px;
}

#pickerModal .modal-header .modal-header-inner p {
    margin-bottom: 0;
}

#pickerModal .modal-header .close {
    margin-top: 10px!important;
}

#pickerModal .modal-header .fs-14 {
  font-size: 33px !important;
}

#pickerModal .modal-body-inner {
    padding-top: 15px;
}

#pickerModal .modal-footer {
    background: rgb(244, 244, 244);
    border: 1px solid #F2F2F2;
    padding: 25px !important;
}

#pickerModal .modal-footer .modal-footer-inner {
    margin: 0 auto;
    text-align: center;
    width: 280px;
}


/*
|-------------------------------------------------------------------------------
| STRUCTURE FILTER CSS OVERWRITES
|-------------------------------------------------------------------------------
*/
.gb-filter-container {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    min-width: 400px;
    width: auto;
    display: inline-block;
    position: relative;
   /* margin-left: 41px;*/ /* icon margin added */

    float: left;
}

.modal .gb-filter-container {
  min-width: 600px;
}

.gb-filter-icon {
    position: absolute;
    display: block;
    top: 0;
    left: -41px;
    height: 100%;
    background: rgb(244, 244, 244);
    width: 40px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-right: 0;
    margin-top: -1px;
    padding-bottom: 39px;
    line-height: 36px;
    border-radius: 1px;
}

.gb-filter-actions {
    float: left;
    margin-left: 10px;
    margin-top:3px;
}


.gb-filter-container .gb-filter-header {
    padding: 6px 10px;
    background: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-weight: 500;
    font-size: 16px;
}

.gb-filter-body {
    padding: 5px;
    position: relative;
}

.gb-filter-chips-container {
    float: left;
}

.gb-filter-chip {
    background: #48b0f7;
    background-color: #dae4f6;
    display: block;
    float: left;
    color: #444;
    border-radius: 3px;
    font-size: 12px;
    padding: 4px 6px;
    margin-right: 2px;
    margin-top: 2px;
}
.gb-filter-chip .gb-filter-chip-label {}
.gb-filter-chip .gb-filter-chip-label .gb-filter-name {
    display: inline-block;
}
.gb-filter-chip .gb-filter-chip-label .gb-filter-value {
    display: inline-block;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 4px;
}
.gb-filter-chip .gb-filter-chip-remove {
    display: inline-block;
    margin-left: 5px;
    font-weight: bold;
    font-size: 14px;
}

.gb-filter-input {
    float: left;
    display: block;
    border: 0;
    margin-left: 10px;
    line-height: 27px;
    min-width: 240px;
}

.modal .gb-filter-input {
    min-width: 500px;
}


.gb-filter-selection-panel {
    display: none;
    position: absolute;
    background: #fff;
    top: 100%;
    left: 0;
    z-index: 999;
    width: 100%;


    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);


    background-color: #fff;
    border: 1px solid rgb(208, 208, 208);
    border-top: 0;
    margin-top:1px;
    max-height: 325px;
    min-width: 170px;
    max-width: 400px;
    overflow: hidden;
    overflow-y: auto;
    position: absolute;
    text-align: left;
    z-index: 99;
}

.gb-filter-body.focused .gb-filter-selection-panel {
    display: block;
}

.gb-filter-selection-panel .gb-filter-selection-filter {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    cursor: default;
}

.gb-filter-selection-panel .gb-filter-selection-filter:hover {
    background: rgb(247, 247, 247);
}

.gb-filter-selection-panel .gb-filter-selection-filter:last-child {
    border-bottom: 0;
}

.gb-filter-selection-panel .gb-filter-selection-filter .gb-filter-selection-filter-label {
    font-weight: 500;

}
.gb-filter-selection-panel .gb-filter-selection-filter .gb-filter-selection-filter-content {
    display: none;
    padding: 10px 6px;
    border-top: 1px solid rgb(226, 226, 226);
    margin-top: 10px;
}

.gb-filter-selection-filter-content .checkbox label {
    white-space: pre-line;
    word-break: break-word;
}

.gb-filter-selection-panel .gb-filter-selection-filter.open .gb-filter-selection-filter-content {
    display: block;
}

.gb-filter-selection-panel .gb-filter-selection-filter.open .gb-filter-selection-filter-content .gb-filter-selection-filter-content-buttons {
    margin-top: 6px;
}
.deadline{
    color:#fff;
    padding:5px 10px;
}
.deadline-grey {
    background-color: #D5D5D5;
}
.deadline-blue {
    background-color: #48B0F7;

}
.deadline-orange {
    background-color: #F69D19;

}
.deadline-red {
    background-color: #F54E17;

}
.user-agreement-no_agreement, .user-agreement-has_agreement, .user-agreement-no_agreement_needed
{
    padding: 15px 10px;
    border-left:5px solid;
}
.user-agreement-no_agreement
{
    border-left-color:#ff0000;
}
.user-agreement-has_agreement
{
    border-left-color:#006600;
}
.user-agreement-no_agreement_needed
{
    border-left-color:#ccc;
}
.table-borders{
  border-top:1px solid rgba(230, 230, 230, 0.7);
  border-bottom:1px solid rgba(230, 230, 230, 0.7);
}
.datepicker { z-index: 1100!important; }

#dropzone {
    /*background: #ccc;*/
    text-align: center;
    border:1px dotted #000;
}
#dropzone.in {

    /*line-height: 200px;*/
    font-size: larger;
}
#dropzone.hover {
    /*background: #ccc;*/
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}
.stats-panel
{
  border-top:3px solid !important;
}
.stats-panel-slow
{
  border-top-color:#F55753  !important;
}
.stats-panel-fast
{
  border-top-color:#10CFBD  !important;
}
.stats-panel-intermediate
{
  border-top-color:#10CFBD  !important;
}
.sortColumn.isUsed{
  color:#ff0000;
}
.sortColumn.isUsed{
  color:#990000;
}


/* FLIP */
.flip-card {
 /*perspective: 400px;*/
    position: relative;
}
.flip-card .front::after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f01e";
    position:absolute;
    top:10px;
    right:10px;
    width:10px;
    height:10px;
    z-index: 10;
}

.flip-card .back {
    background: #f2f4f6!important;
}

.flip-card .back .back-inner-container {
    height: 100%;
}

.flip-card .back .back-inner-body {
    padding: 20px;
}
.dropdown-backdrop{
  display:none !important;
}
.table.table-hover tbody tr.wihtoutHover:hover td {
  background: none !important;
}
.downloadrate_bad
{
  color:rgb(202, 3, 26) !important;

}
.downloadrate_intermediate
{
  color:rgb(3, 136, 202) !important;

}
.downloadrate_good
{
  color:rgb(3, 202, 179) !important;

}

.label-test_pending {
  background-color:#F69D19;
  color:#fff;
}
.label-test_awaiting_aproval {
  background-color:#efd93c;
  color:#fff;
}

.label-real_awaiting_aproval {
  background-color:#e00b0b;
  color:#fff;
}
.label-real_approved {
  background-color:#10CFBD;
  color:#fff;
}
.label-done {
  background-color:#00b906;
  color:#fff;
}




.statistics-headline {
  background-color: #effbfc; color: #898989; font-size: 18px; padding: 5px;
}

.statistics-subline {
  background-color: #effbfc; color: #898989; font-size: 18px; padding: 5px; margin-top: 20px; text-decoration: underline;
}

.statistics-bottom-labels-sounding {
  margin-left: 40px;margin-top: -80px;text-align: center;margin-right: 25px;
}

.statistics-bottom-labels {
  margin-left: 50px;margin-top: -80px;text-align: center;margin-right: 25px;
}

.statistics-top-labels {
  position: absolute; top: 30px; left: 50px;text-align: center;right: 25px;
}

.statistics-sigma {
  font-size: 20px; top: 3px; position: relative; font-weight: normal;
}

.label-square {
    display: inline-block;
    width: 18px;
    height: 12px;
    border: 2px solid #71767c;
    margin-right: 4px;
}


.invite-status-group {
    display: block;
    white-space: nowrap;
}

.invite-status-group .invite-status {
    white-space: nowrap;
    border-radius: 25px;
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    margin-right: 3px;
    box-sizing: border-box;
    padding-top: 6px;
}

.invite-status-group .invite-status:after {
    content: " ";
    color: #e6e6e6;
    border-top: 2px solid #e6e6e6;
    width: 8px;
    display: inline-block;
    position: absolute;
    top: 11.5px;
    right: -8px;
}
.invite-status-group .invite-status:last-child:after {
    content: "";
    display: none;
}

.envelop-default {
    position: relative;
}

.ansprechpartner_badge {
    color: #f55753;
    text-shadow: 0px 0px 1px #000;
}

.cc_badge {
    color: #ff9999;
    text-shadow: 0px 0px 1px #000;
}

.markedInFE {
    border-left: 2px solid #3a8fc8;
}

.sp_container {

    margin-top: 10px;
    margin-bottom: 25px;
}

.sp_title {
    border-bottom: 3px solid #e5e5e5;
    text-transform: uppercase;
    padding: 8px 15px;
    background-color:  white;
    color: #3b4752;
    font-size: 12px;
    font-weight: 600;
}

.aux {
    margin-top: 50px;
}
.filter_group {
    margin-bottom: 10px;
}
.filter_group .filter_group_inner {
    border-radius: 2px;
    border: 1px solid lightgray;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 10px;
}
.filter_group .filter_group_operator {
    padding: 0px 5px;
}
.filter_group_operator .filter_group_block_2 label {
    width: 50%;
}
.filter_group:last-child .filter_group_operator {
    display: none;
}

.filter_group_content input, .filter_group_content select {
    padding: 5px;
}

.filter_operator, .filter_operator option {
    text-align: center;
}

.filter_group .filter_values .filter_value , .filter_group .filter_operators .filter_operator{

}
.filter_operator .btn {
    margin-left: 0px !important;
}

.filter_group .filter_rule {
    border-bottom: 1px solid lightgray;
    padding: 30px 0px;
}

.filter_group .filter_rule:last-child {
    border-width: 0px;
    padding: 30px 0px 0px 0px;
}

.filter_group .filter_rule:first-child {
    padding: 0px 0px 30px 0px;
}


.filter_group_block_1 {
    width: 30%;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 8px;
}
.filter_group_block_2 {
    width: 30%;
    display: inline-block;

}
.filter_group_block_3 {
    width: 30%;
    display: inline-block;
    box-sizing: border-box;
    padding-left: 8px;
}
.filter_group_block_4 {
    width: 9%;
    display: inline-block;
}
.filter_group .filter_values input[type=text]{
    width: 100%;
}
.filter_group .filter_operator .btn-group{
    width: 100%;
}

.filter_rule_condition {

    width: 100%;
    position: relative;
    height: 1px;
}

.filter_rule_condition .filter_group_block_2 {
    position: absolute;
    top: 14px;
}
.filter_rule_condition .filter_group_block_2 label {
    width: 50%;
}
.filter_group .filter_rule:last-child .filter_rule_condition {
    display: none;
}

.filter_rule_delete .btn-group {
    width: 100%;
}

.filter_rule_delete .btn-group .btn {
    width: 50%;
}

.group_title {
    font-weight: bold;
    display: block;
    text-align: left;
    padding-bottom: 5px;
    position: relative;
}

.preview_userlists th, .preview_userlists td {
    padding: 1px !important;
    vertical-align: middle !important;
    font-size: smaller !important;
}
.preview_userlists th {
    border-width: 0px !important;
}
.preview_userlists .action_preview {
    text-align: right;
}
.preview_userlists .action_preview a {
    margin: 1px 0px !important;
}
.filter_container {
    margin-top: 0px !important;
}
.filter_display {
    position: relative;
}
.filter_display .btn-group {
    position: absolute;
    top: -10px;
    right: 0px;
}

.filter_display .list_title {
    float: left;
}

.filter_group .close_group {
    position: absolute;
    right: 4px;
    top: -3px;
    cursor: pointer;
    transition-duration: 0.3s;
}

.filter_group .close_group:hover {
    transform: scale(1.5);
    transition-duration: 0.3s;
}

.filter_rule .its-error{
    display: none;
    padding: 3px 0px;
}

.error .its-error {
    display: block !important;
}

.filter_rule .choice-loading {
    display: none;
    position: absolute;
    right: -13px;
    top: 7px;
}
.filter_choice_outter {
    position: relative;
}

.no-border-right {
    border-right: 0px !important;
}




/*
|-------------------------------------------------------------------------------
| MISC
|-------------------------------------------------------------------------------
*/
.enquiry-list-title {
    font-weight: bold;
    /* display: inline-block; */
    
}

.enquiry-list-description {
    font-size: 13px!important;
    margin-top: 10px;
    opacity: 0.75;
    padding: 10px 0;
    padding-bottom: 0;
    border-top: 1px dashed #ddd;

    width: 100%;
    max-height: 90px;
    overflow-y: hidden;
    position: relative;
    margin-bottom: 15px;

    /*max-width: 720px;*/
}

.enquiry-list-description img {
    max-width: 100%;
    height: auto;
}


.enquiry-list-description:hover {
    max-height: unset;
}

.enquiry-list-description * {
    font-size: 13px!important;
    line-height: 18px!important;
}

.hide-on-mobile {
    /* display: none;

    @media(min-width: 768px) {
        display: block;
    } */
}

.max-height-660 { max-height: 660px; }
@media (max-width: 480px) { .max-height-660 { max-height: 420px; } }
@media (max-width: 1024px) { .max-height-660 { max-height: 600px; } }


.investorstalk-quicklinks {
    background: #fff;
    padding: 15px 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);

    position: fixed;
    left: 0;
    right: 0;
    top: 60px;
    z-index: 999;
}

@media (max-width: 480px) {
    .investorstalk-quicklinks {
        top: 48px;
        overflow-x: auto;
    }

    .investorstalk-quicklinks > div {
        text-align: center;
        width: max-content;
        padding-right: 25px;
    }
}

.investorstalk-quicklinks a {
    color: #3b4751;
}



@media(max-width: 991px) {
    .page-container .page-content-wrapper .content {
        padding-top: 111px
    }
}



@media (max-width: 480px) {
    .page-container .page-content-wrapper .content {
        padding-top: 98px
    }
}






@media (max-width: 767px) {
    .jumbotron, .container-fluid {
        padding-left: 20px; 
        padding-right: 20px;
    }
}


.css-min-width-320 { min-width: 320px; }
@media (max-width: 767px) {
    .css-min-width-320 { min-width: 120px; }
}



/* == JUMP LINKS ==*/
.communication-tool-jumplinks {
    font-family: 'Montserrat';
    font-size: 12px;
    letter-spacing: 0.02em;
    border: 1px solid rgba(0, 0, 0, 0.07);
    background: #fff;
    margin-bottom: 30px;
    display: none;
}

@media (max-width: 767px) {
    .communication-tool-jumplinks { display: block; }
}

.communication-tool-jumplinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.communication-tool-jumplinks ul li {
    margin: 0;
    padding: 0;
}
.communication-tool-jumplinks ul li a {
    display: block;
    padding: 10px 20px;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    color: #3b4751;
    position: relative;
    font-weight: 600;
}

.communication-tool-jumplinks ul li a i {
    position: absolute;
    right: 20px;
    top: 16px;
    opacity: 0.4;
}

.communication-tool-jumplinks ul li:last-child a {
    border-bottom: 0;
}



/*== COCKPIT TABLE OPTIMIZATIONS ==*/
.userSearchPortlet_thead_contact { width: 60%; }
.userSearchPortlet_thead_ansprechpartner { width: 20%; }
.userSearchPortlet_thead_actions { width: 20%; }

@media (max-width: 480px) {
    .userSearchPortlet_thead_contact { width: 80%; }
    .userSearchPortlet_thead_ansprechpartner { width: 0%; }
    .userSearchPortlet_thead_actions { width: 20%; }
}

.projectSearchPortlet__status { width: 15% }
.projectSearchPortlet__project { width: 50% }
.projectSearchPortlet__pv { width: 15% }
.projectSearchPortlet__actions { width: 20% }

@media (max-width: 480px) {
    .projectSearchPortlet__status { width: 10% }
    .projectSearchPortlet__project { width: 75% }
    .projectSearchPortlet__pv { width: 0% }
    .projectSearchPortlet__actions { width: 15% }
}

.communicationToolPortlet__thead__id { width: 5%; } 
.communicationToolPortlet__thead__av { width: 60%; }  
.communicationToolPortlet__thead__task_to { width: 20%; } 
.communicationToolPortlet__thead__actions { width: 15%; } 

@media (max-width: 480px) {
    .communicationToolPortlet__thead__id { width: 5%; } 
    .communicationToolPortlet__thead__av { width: 30%; }  
    .communicationToolPortlet__thead__task_to { width: 0%; } 
    .communicationToolPortlet__thead__actions { width: 35%; } 
}

/*== QUICKVIEW OPTIMIZATIONS ==*/
.quickview-wrapper  {}

@media (max-width: 480px) {
    .quickview-wrapper  {
        width: 100%;
        right: -100%;
    }

    .quickview-wrapper > .p-l-30 { padding-left: 15px !important; }
    .quickview-wrapper > .p-r-30 { padding-right: 15px !important; }
}

.quickview-wrapper .tab-pane {}

@media (max-width: 480px) {
    .quickview-wrapper .tab-pane > .p-r-50 { padding-right: 20px !important; }
    .builder-close { font-size: 24px; top: 15px !important; }
}


.scrollTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
}

.modal {}

@media (max-width: 991px) {
    .modal .modal-dialog {
        width: 100% !important;
        margin: 0;
    }

    .modal .gb-filter-container {
        min-width: 200px;
    }

    .modal .gb-filter-input { min-width: 200px; }
    #pickerModal .modal-header .close {
        margin-top: -5px;
    }
}
.modal .modal-content {}