/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */


/*
 * style-X header fix
 */
html {
    background: 0 0 !important;
}

.smart-style-3 #header, .smart-style-3 .superbox-show {
    background: #f9f9f9;
    border-bottom: 1px solid #ccc;
}

.smart-style-3 .page-footer {
    background: #f9f9f9;
}

.smart-style-3 #header>:first-child {
    background: #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.smart-style-3 aside {
    border-right: 1px solid #ccc;
}

.smart-style-3 aside .minifyme {
    background: #0096c8;
    color: #fff;
}

.smart-style-3 aside .minifyme:hover {
    background: #73ae4e;
    color: #fff;
}

.smart-style-3 nav>ul>li.open {
    border-left: 4px solid #0096c8;
}

.smart-style-3 nav>ul>li>a>i {
    color: #0096c8;
}

.txt-color-kredit {
    color: #0096c8!important;
}

.smart-style-3 #hide-menu a>i, .smart-style-3 .btn-header>:first-child>a {
    background: 0 0;
    border: none!important;
    color: #0096c8!important;
    box-shadow: none!important;
}

.smart-style-3 #logo-group span#activity:active, .smart-style-3 #logo-group span#activity:hover, .smart-style-3 .btn-header>:first-child>a:active, .smart-style-3 .btn-header>:first-child>a:hover {
    color: #73ae4e!important;
    cursor: pointer!important;
    background-image: none;
    background: 0 0;
}

.smart-style-3 #logo-group span#activity, .smart-style-3 .btn-header>:first-child>a {
    text-shadow: none;
}

.smart-style-3 .dropdown-menu {
    border-radius: 0;
    border-bottom: 1px solid #ADADAD;
    background: #fff;
}

.smart-style-3 .dropdown-menu .divider {
    background-color: #ccc;
}

.smart-style-3 .dropdown-menu>.active>a, .smart-style-3 .dropdown-menu>.active>a:hover, .smart-style-3 .dropdown-menu>li>a:focus, .smart-style-3 .dropdown-menu>li>a:hover, .smart-style-3 .tt-suggestion.tt-is-under-cursor {
    background-color: #0096c8;
}

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

.btn-primary:hover {
    color: #fff;
    background-color: #73ae4e;
    border-color: #73ae4e;
}

.jarviswidget-color-darken>header {
    border-color: #0096c8!important;
    background: #0096c8;
    color: #fff;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #0096c8;
    border-color: #0096c8;
}

.tree li.parent_li>span:hover {
    background-color: #0096c8;
    border: 1px solid #0096c8;
    color: #fff;
}

.smart-timeline-icon {
    background: #0096c8;
}

.jarviswidget>div {
    border-width: 1px 1px 1px;
}

.smart-style-3 input:not([type]), .smart-style-3 input[type=color], .smart-style-3 input[type=email], .smart-style-3 input[type=number], .smart-style-3 input[type=password], .smart-style-3 input[type=tel], .smart-style-3 input[type=text], .smart-style-3 input[type=url], .smart-style-3 textarea {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.well.well-light {
    word-break: break-all;
    background: #f9f9f9;
}

.well.well-white {
    word-break: break-all;
    background: #ffffff;
}

.well.well-green {
    word-break: break-all;
    background: #b0ffa9;
}

.well.well-red {
    word-break: break-all;
    background: #ffb5b5;
}

@media (max-width: 979px) {
.smart-style-3 #project-context>:first-child, .smart-style-3 #project-selector, .smart-style-3 .btn-header.transparent a, .smart-style-3 .header-dropdown-list>li>.dropdown-toggle, .smart-style-3 .project-context>:first-child, .smart-style-3 .project-selector {
    color: #0096c8!important;
    text-shadow: none;
}
}

@media (max-width: 979px) {
.smart-style-3 #header {
    background: #fff;
}
}

/*
* END: style-X header fix
*/

/*
* Bootstrap #tr change color
*/
table.dataTable tr.DTTT_selected.odd, table.dataTable tr.DTTT_selected.odd td.sorting_1, table.dataTable tr.DTTT_selected.odd td.sorting_2, table.dataTable tr.DTTT_selected.odd td.sorting_3 {
    background-color: #f2f2f2;
}

table.dataTable tr.DTTT_selected.even, table.dataTable tr.DTTT_selected.even td.sorting_1, table.dataTable tr.DTTT_selected.even td.sorting_2, table.dataTable tr.DTTT_selected.even td.sorting_3 {
    background-color: #f2f2f2;
}


.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success,
.table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th,
.table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td,
.table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success {
    background-color: #cadfaa
}

.table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover {
    background-color: #d8e8c1
}

.table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning,
.table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th,
.table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td,
.table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning {
    background-color: #faf2cc
}

.table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover {
    background-color: #fcf8e3
}

.table>tbody>tr.vorlage>td, .table>tbody>tr.vorlage>th, .table>tbody>tr>td.vorlage,
.table>tbody>tr>th.vorlage, .table>tfoot>tr.vorlage>td, .table>tfoot>tr.vorlage>th,
.table>tfoot>tr>td.vorlage, .table>tfoot>tr>th.vorlage, .table>thead>tr.vorlage>td,
.table>thead>tr.vorlage>th, .table>thead>tr>td.vorlage, .table>thead>tr>th.vorlage {
    background-color: #cffcef
}

.table-hover>tbody>tr.vorlage:hover>td, .table-hover>tbody>tr.vorlage:hover>th, .table-hover>tbody>tr:hover>.vorlage, .table-hover>tbody>tr>td.vorlage:hover, .table-hover>tbody>tr>th.vorlage:hover {
    background-color: #aae2d9
}

.table>tbody>tr.pra>td, .table>tbody>tr.pra>th, .table>tbody>tr>td.pra,
.table>tbody>tr>th.pra, .table>tfoot>tr.pra>td, .table>tfoot>tr.pra>th,
.table>tfoot>tr>td.pra, .table>tfoot>tr>th.pra, .table>thead>tr.pra>td,
.table>thead>tr.pra>th, .table>thead>tr>td.pra, .table>thead>tr>th.pra {
    background-color: #fec99b
}

.table-hover>tbody>tr.pra:hover>td, .table-hover>tbody>tr.pra:hover>th, .table-hover>tbody>tr:hover>.pra, .table-hover>tbody>tr>td.pra:hover, .table-hover>tbody>tr>th.pra:hover {
    background-color: #ffbf86
}

.table>tbody>tr.mail>td, .table>tbody>tr.mail>th, .table>tbody>tr>td.mail,
.table>tbody>tr>th.mail, .table>tfoot>tr.mail>td, .table>tfoot>tr.mail>th,
.table>tfoot>tr>td.mail, .table>tfoot>tr>th.mail, .table>thead>tr.mail>td,
.table>thead>tr.mail>th, .table>thead>tr>td.mail, .table>thead>tr>th.mail {
    background-color: #fcdecf
}

.table-hover>tbody>tr.mail:hover>td, .table-hover>tbody>tr.mail:hover>th, .table-hover>tbody>tr:hover>.mail, .table-hover>tbody>tr>td.mail:hover, .table-hover>tbody>tr>th.mail:hover {
    background-color: #f5cab8
}

.table>tbody>tr.eigennutzer>td, .table>tbody>tr.eigennutzer>th, .table>tbody>tr>td.eigennutzer,
.table>tbody>tr>th.eigennutzer, .table>tfoot>tr.eigennutzer>td, .table>tfoot>tr.eigennutzer>th,
.table>tfoot>tr>td.eigennutzer, .table>tfoot>tr>th.eigennutzer, .table>thead>tr.eigennutzer>td,
.table>thead>tr.eigennutzer>th, .table>thead>tr>td.eigennutzer, .table>thead>tr>th.eigennutzer {
    background-color: #d7eef4
}

.table-hover>tbody>tr.eigennutzer:hover>td, .table-hover>tbody>tr.eigennutzer:hover>th, .table-hover>tbody>tr:hover>.eigennutzer, .table-hover>tbody>tr>td.eigennutzer:hover, .table-hover>tbody>tr>th.eigennutzer:hover {
    background-color: #b9e3ea
}
/*
 * END: Bootstrap #tr change color
 */

/*
* smartstyle details control #tr @customer_announcement
*/
.dataTable tbody .details-control-cs {
    /*vertical-align: middle;*/
    text-align: center;
    cursor: pointer
}

.dataTable tbody .details-control-cs:before {
    font-family: FontAwesome;
    content: "\f13a";
    font-size: 1.4em;
    color: #739e73
}

.dataTable tbody .shown_cs .details-control-cs:before {
    content: "\f139";
    color: #a90329
}

.dataTable tbody .shown_cs .details-control-cs:before {
    content: "\f139";
    color: #a90329
}

.dataTable tbody .shown_cs+tr>td {
    padding: 0 !important
}

.dataTable tbody .shown_cs+tr>td>table>tbody>tr:last-child {
    border-bottom: 1px solid #c2c2c2
}

.dataTable tbody .shown_cs+tr>td>table tbody tr {
    background-color: rgba(205, 209, 98, .05) !important
}

.dataTable tbody .shown_cs .table>tbody>tr>td {
    border: none !important
}
/*
 * END: smartstyle details control #tr @customer_announcement
 */

/*
* chart :: pie legend
*/
.pie-legend li span {
    width: 1em;
    height: 1em;
    display: inline-block;
    margin-right: 5px;
}
.pie-legend {
    list-style: none;
}
/*
 * END: chart :: pie legend
 */

/*
* tabs overview fix
*/
.nav-tabs>li.active>a {
    margin-top: 0px!important;
}
/*
 * END: tabs o overview
 */

/*
* modal leads
*/
.modal-dialog-leads {
    width: 98%;
}

.modal-dialog-dates {
    height: 200px;
}

.modal-content {
    position: relative;
    background-color: #fff;
    text-align: left;
    color:#686868;
    font-size: 14px;
    font-weight: normal;
    font-family: Lato, sans-serif;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    background-clip: padding-box;
    outline: 0
}

.custom-scroll::-webkit-scrollbar {
    -webkit-overflow-scrolling: touch;
    height: 10px;
    width: 10px
}

.custom-scroll::-webkit-scrollbar:hover {
    background-color: #E9E9E9;
    border: 1px solid #dbdbdb
}

.custom-scroll::-webkit-scrollbar-button:end:increment, .custom-scroll::-webkit-scrollbar-button:start:decrement {
    background: 0 0;
    display: block;
    height: 0
}

.custom-scroll::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent
}

.custom-scroll::-webkit-scrollbar-track-piece {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: transparent;
    border-radius: 0
}

.custom-scroll::-webkit-scrollbar-thumb {
    -moz-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
    background-clip: padding-box;
    background-color: rgba(0, 0, 0, .2);
    border: none;
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07)
}

.custom-scroll::-webkit-scrollbar-thumb:horizontal, .custom-scroll::-webkit-scrollbar-thumb:vertical {
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #bfbfbf;
    border-radius: 0
}

.custom-scroll::-webkit-scrollbar-thumb:active {
    -moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33);
    -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33);
    background-color: rgba(0, 0, 0, .44);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .33)
}

.custom-scroll::-webkit-scrollbar-thumb:hover {
    background-color: #959595
}

.terms-body {
    max-height: 600px;
    overflow: auto
}

.datepicker {
    z-index: 100000 !important;
    display: block;
}
/*
 * END: modal leads
 */


.social ul li {
    display:inline;
    list-style:none;
    /*float:left;*/
}
.social ul li img {
    display:block;
    padding: 0;
}

/*
* dropdown menu > submenu mobil
*/
.dropdown-menu-mobil {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
}

.dropdown-menu-mobil>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.dropdown-submenu:hover>.dropdown-menu-mobil {
    display: block;
}

.dropdown-submenu>.dropdown-menu-mobil {
    top: 100%;
    left: 0;
    margin-top: 0px;
    margin-left: 41px;
}
/*
 * END: dropdown menu > submenu mobil
 */

/*
* fix datatable != spaces
*/
table.dataTable-no-header {
    clear: both;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    max-width: none!important;
}
.dt-toolbar-no-header {
    display: none;
}

.dtcTD {
    text-align: center;
}
.dtcTDfree {
    background-color: lightgreen;
}
.dtcSPANfree {
    color: lightgreen;
}
.dtcTDoccupied {
    background-color: lightcoral;
}
.dtcSPANoccupied {
    color: lightcoral;
}
.dtcTDMarked {
    background-color: cornflowerblue;
    color: #ffffff;
}
/*
* END: fix datatable != spaces
*/

.DTTT.btn-group {
    float: right;
}


#dt_basic_0 > tbody tr > td,
#dt_basic_0 > thead tr > th,
#dt_basic > tbody tr > td,
#dt_basic > thead tr > th,
#dt_basic_2 > tbody tr > td,
#dt_basic_2 > thead tr > th,
#dt_basic_3 > tbody tr > td,
#dt_basic_3 > thead tr > th,
#dt_basic_4 > tbody tr > td,
#dt_basic_4 > thead tr > th,
#dt_basic_5 > tbody tr > td,
#dt_basic_5 > thead tr > th,
#dt_basic_7 > tbody tr > td,
#dt_basic_7 > thead tr > th,
#dt_basic_8 > tbody tr > td,
#dt_basic_8 > thead tr > th,
#dt_basic_9 > tbody tr > td,
#dt_basic_9 > thead tr > th {
    text-align: right;
}

#dt_basic > tbody tr > td:first-child,
#dt_basic_2 > tbody tr > td:first-child,
#dt_basic_3 > tbody tr > td:first-child,
#dt_basic_4 > tbody tr > td:first-child,
#dt_basic_5 > tbody tr > td:first-child,
#dt_basic_7 > tbody tr > td:first-child,
#dt_basic_8 > tbody tr > td:first-child,
#dt_basic_9 > tbody tr > td:first-child{
    text-align: left;
}

.left_goole_row {
    text-align: left !important;
}

.right_goole_row {
    text-align: right !important;
}

#dt_basic_sum, #dt_basic_sum_0, #dt_basic_sum_1, #dt_basic_sum_2, #dt_basic_sum_3,#dt_basic_sum_4,
#dt_basic_2_sum_1,
#dt_basic_3_sum_1, #dt_basic_3_sum_2, #dt_basic_3_sum_3, #dt_basic_3_sum_4,
#dt_basic_4_sum_1, #dt_basic_4_sum_2, #dt_basic_4_sum_3,
#dt_basic_7_sum_1, #dt_basic_7_sum_2, #dt_basic_7_sum_3, #dt_basic_7_sum_4,
#dt_basic_8_sum_1, #dt_basic_8_sum_2, #dt_basic_8_sum_3, #dt_basic_8_sum_4,
#dt_basic_9_sum_1, #dt_basic_9_sum_2, #dt_basic_9_sum_3, #dt_basic_9_sum_4 {
    text-align: right;
}

#dt_basic_sum, #dt_basic_p_1, #dt_basic_p_2, #dt_basic_p_3,#dt_basic_p_4,#dt_basic_p_5 {
    text-align: right;
}

.ui-jqgrid .ui-jqgrid-htable th div {
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui-jqgrid tr.ui-row-ltr td {
    /*padding: 10px 5px;*/
    font-size: 13px !important;
}

#jqgrid > tbody tr > td input{
    height: 25px;
    font-size: 13px;
}

#tov > tbody tr > td:first-child {
    width: 55%;
}

.dtcROWsaled td{
    background-color: #dff0d8 !important;
}

#domain-add {
    display : none;
}

#sparks .smart-form section {
    margin-bottom: 0;
}

.sb-open-right {
    width: 36px;
    height: 36px;
    border-radius: 100% 0 100% 100%;
    background-color: #3276b1;
    border-color: #3276b1;
    margin-bottom: 35px;
}

.btn-saled {
    background-color: rgba(92, 184, 92, 0.7);
    border-color: rgba(92, 184, 92, 0.7);
}

.btn-saled-disabled {
    background-color: #0096c8;
    border-color: #0096c8;
}

/*
 * dropdowns
 */
 .ddbg-button {
    background-color: #0096c8 !important;
    color: white !important;
    width: 100%;
}

.ddbg-button:hover{
    cursor: pointer;
    background-color: white !important;
    color: black !important;
    width: 100%;
}

.ddbg-warning {
    background-color: #faf3cd !important;
    width: 100%;
}

.ddbg-success {
    background-color: #cadfaa !important;
    width: 100%;
}

.ddbg-danger {
    background-color: #f2dfde !important;
    width: 100%;
}

.ddbg-danger:hover{
    cursor: pointer;
    background-color: white !important;
    color: black !important;
    width: 100%;
}

.ddbg-info {
    background-color: #d9edf7 !important;
    width: 100%;
}

.ddbg-info:hover{
    cursor: pointer;
    background-color: white !important;
    color: black !important;
    width: 100%;
}

.ddbg-orange {
    background-color: #e4ce68 !important;
    width: 100%;
}

.ddbg-yellow {
    background-color: #e4e368 !important;
    width: 100%;
}

.ddbg-darkblue {
    background-color: #94ceea !important;
    width: 100%;
}

.ddbg-darkblue:hover{
    cursor: pointer;
    background-color: white !important;
    color: black !important;
    width: 100%;
}

.ddbg-red {
    background-color: #f58d86 !important;
    width: 100%;
}

.ddbg-green {
    background-color: #7ddd8d !important;
    width: 100%;
}

.ddbg-green:hover{
    cursor: pointer;
    background-color: white !important;
    color: black !important;
    width: 100%;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    margin-left: -2px;
    margin-top: -1px;
}
/*
 * END: dropdowns
 */

/*
 * style elements
 */
.well-lead {
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.well-input {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 2px !important;
}

.well-lead-pad-0 {
    padding-left: 0;
    padding-right: 0;
}

#well-lead-sheet {
    height: 65px;
    padding-top: 7px;
}

#well-lead-sheet .fa-2x{
    font-size: 1.25em;
}

#well-lead-sheet div.active {
    border-bottom: 5px solid #0096c8;
}

#well-lead-sheet .div-lead-nav a {
    font-size: 16px;
    color: #ccc;
}

#well-lead-sheet .div-lead-nav a.active {
    color: #0096c8;
}

#well-lead-sheet .div-lead-nav i {
    margin-bottom: 9px;
    margin-top: 6px;
}

.table_td_10px td{
    padding-right: 10px;
}

.table-first-td tr:first-child td {
    border-top: 0;
}

#lead-sheet-div .nav-tabs>li.active>a {
    -webkit-box-shadow: 0 -5px 0 #0096c8;
    -moz-box-shadow: 0 -5px 0 #0096c8;
    box-shadow: 0 -5px 0 #0096c8;
}

#lead-sheet-div blockquote {
    border-left: 5px solid #0096c8;
    margin-bottom: 5px;
}

#lead-sheet-tab a.disable {
    color: #ccc;
    pointer-events: none;
    cursor: not-allowed;
}

.table-document-data {
    margin-bottom: 0;
}

.table>tbody>tr>td {
    padding: 5px;
}

#lead-sheet-tab-content .smart-timeline-list:after {
    left: 105px;
}

#lead-sheet-tab-content .smart-timeline-icon {
    left: 90px;
}

#lead-sheet-tab-content .smart-timeline-content {
    margin-left: 140px;
}

#lead-sheet-tab-content .smart-timeline-time>small {
    font-style: initial;
    letter-spacing: 0.1px;
}

#lead-sheet-tab-content .smart-timeline-time small.date {
    font-size: 95%;
}

#lead-sheet-tab-content .smart-timeline-time small.time{
    font-size: 90%;
    color: #ccc;
}

#lead-sheet-tab-content .smart-timeline-time {
    line-height: 15px;
}

#lead-sheet-tab-content a.btn {
    float: left;
    height: 31px;
    margin: 0px 0px 0px 0px;
    padding: 0 10px;
    font: 300 13px/29px 'Open Sans',Helvetica,Arial,sans-serif;
    cursor: pointer;
}

#lead-sheet-tab-content .btn-group {
    margin-left: -25px;
}

.bg-color-grey {
    background: #ddd;
}

.dz-default.dz-message {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}
.padding-left-10 {
    padding-left: 10px !important;
}
.padding-left-20 {
    padding-left: 20px !important;
}
.padding-right-5 {
    padding-right: 5px !important;
}
.padding-right-10 {
    padding-right: 10px !important;
}
.padding-right-20 {
    padding-right: 20px !important;
}

#lead-sheet-div .nav-tabs>li.active>a {
    background-color: #f9f9f9;
}
/*
 * END: style elements
 */


/*
 * datatables styles
 */
table.fixedHeader-floating{position:fixed !important;background-color:white}table.fixedHeader-floating.no-footer{border-bottom-width:0}table.fixedHeader-locked{position:absolute !important;background-color:white}@media print{table.fixedHeader-floating{display:none}}

table#dt_basic tr, td {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 5px solid #fff;
    background-color: #f9f9f9;
}


#dt_basic_wrapper .dt-toolbar-footer {
    margin-top: 10px;
    border-top: 0px;
}

.dt-toolbar-header {
    background: #fafafa;
    font-size: 11px;
    overflow: hidden;
    padding: 5px 10px;
    -webkit-box-shadow: inset 0 1px #fff;
    -moz-box-shadow: inset 0 1px #fff;
    -ms-box-shadow: inset 0 1px #fff;
    box-shadow: inset 0 1px #fff;
}

.dt-toolbar-header>:first-child, .dt-toolbar>:first-child {
    padding-left: 0!important;
}

.dt-toolbar-header>:last-child, .dt-toolbar>:last-child {
    padding-right: 0!important;
}

#dt_basic_wrapper .dt-toolbar-header {
    margin-bottom: 10px;
}

#wid-id-0 {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.projects-table>tbody>tr>td {
    padding: 7px 7px 3px!important;
}

#dt_basic table th input.form-control {
    height: 30px;
}

#dt_basic input.form-control {
    font-size: 12px;
    padding: 6px 8px;
}

div.dataTables_info {
    font-weight: 100;
    font-style: normal;
    color: #0496c8;
}

.status_incomplete {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 5px solid #fff !important;
    background-color: #fff !important;
    color: #ccc !important;
}

.status_complete {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-bottom: 5px solid #fff !important;
    background-color: #fff !important;
    color: #000 !important;
}
/*
 * END: datatables styles
 */


 .smart-form select.input-sm {
    width: 135px;
}

 /*
  * Charts
  */

 /*
 * END: Charts
 */   

 /*
  * new color status : nicht erreicht
  */
.table>tbody>tr.reached>td, .table>tbody>tr.reached>th, .table>tbody>tr>td.reached,
.table>tbody>tr>th.reached, .table>tfoot>tr.reached>td, .table>tfoot>tr.reached>th,
.table>tfoot>tr>td.reached, .table>tfoot>tr>th.reached, .table>thead>tr.reached>td,
.table>thead>tr.reached>th, .table>thead>tr>td.reached, .table>thead>tr>th.reached {
    background-color: #f2dede
}

.table-hover>tbody>tr.reached:hover>td, .table-hover>tbody>tr.reached:hover>th, .table-hover>tbody>tr:hover>.reached, .table-hover>tbody>tr>td.reached:hover, .table-hover>tbody>tr>th.reached:hover {
    background-color: #ebcccc
}
 /*
 * END: status
 */  

  /*
  * new color status : abgelehnt
  */
.table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger,
.table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th,
.table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td,
.table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger {
    background-color: #e4b0b0
}

.table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover {
    background-color: #d6a6a6
}
 /*
 * END: status
 */

 /*
  * new color status : orange
  */
.table>tbody>tr.orange>td, .table>tbody>tr.orange>th, .table>tbody>tr>td.orange,
.table>tbody>tr>th.orange, .table>tfoot>tr.orange>td, .table>tfoot>tr.orange>th,
.table>tfoot>tr>td.orange, .table>tfoot>tr>th.orange, .table>thead>tr.orange>td,
.table>thead>tr.orange>th, .table>thead>tr>td.orange, .table>thead>tr>th.orange {
    background-color: #e4ce68;
}

.table-hover>tbody>tr.orange:hover>td, .table-hover>tbody>tr.orange:hover>th, .table-hover>tbody>tr:hover>.orange, .table-hover>tbody>tr>td.orange:hover, .table-hover>tbody>tr>th.orange:hover {
    background-color: #e4ce689e;
}
 /*
 * END: status
 */  

  /*
  * new color status : yellow
  */
.table>tbody>tr.yellow>td, .table>tbody>tr.yellow>th, .table>tbody>tr>td.yellow,
.table>tbody>tr>th.yellow, .table>tfoot>tr.yellow>td, .table>tfoot>tr.yellow>th,
.table>tfoot>tr>td.yellow, .table>tfoot>tr>th.yellow, .table>thead>tr.yellow>td,
.table>thead>tr.yellow>th, .table>thead>tr>td.yellow, .table>thead>tr>th.yellow {
    background-color: #e4e368
}

.table-hover>tbody>tr.yellow:hover>td, .table-hover>tbody>tr.yellow:hover>th, .table-hover>tbody>tr:hover>.yellow, .table-hover>tbody>tr>td.yellow:hover, .table-hover>tbody>tr>th.yellow:hover {
    background-color: #e4e3689e
}
 /*
 * END: status
 */ 

/*
  * new color status : darkblue
  */
.table>tbody>tr.darkblue>td, .table>tbody>tr.darkblue>th, .table>tbody>tr>td.darkblue,
.table>tbody>tr>th.darkblue, .table>tfoot>tr.darkblue>td, .table>tfoot>tr.darkblue>th,
.table>tfoot>tr>td.darkblue, .table>tfoot>tr>th.darkblue, .table>thead>tr.darkblue>td,
.table>thead>tr.darkblue>th, .table>thead>tr>td.darkblue, .table>thead>tr>th.darkblue {
    background-color: #94ceeab5;
}

.table-hover>tbody>tr.darkblue:hover>td, .table-hover>tbody>tr.darkblue:hover>th, .table-hover>tbody>tr:hover>.darkblue, .table-hover>tbody>tr>td.darkblue:hover, .table-hover>tbody>tr>th.darkblue:hover {
    background-color: #94ceea;
}
 /*
 * END: status
 */ 

 /*
  * new color status : red
  */
.table>tbody>tr.red>td, .table>tbody>tr.red>th, .table>tbody>tr>td.red,
.table>tbody>tr>th.red, .table>tfoot>tr.red>td, .table>tfoot>tr.red>th,
.table>tfoot>tr>td.red, .table>tfoot>tr>th.red, .table>thead>tr.red>td,
.table>thead>tr.red>th, .table>thead>tr>td.red, .table>thead>tr>th.red {
    background-color: #f58d86;
}

.table-hover>tbody>tr.red:hover>td, .table-hover>tbody>tr.red:hover>th, .table-hover>tbody>tr:hover>.red, .table-hover>tbody>tr>td.red:hover, .table-hover>tbody>tr>th.red:hover {
    background-color: #f58d86bf;
}
 /*
 * END: status
 */ 

 /*
  * new color status : green
  */
.table>tbody>tr.green>td, .table>tbody>tr.green>th, .table>tbody>tr>td.green,
.table>tbody>tr>th.green, .table>tfoot>tr.green>td, .table>tfoot>tr.green>th,
.table>tfoot>tr>td.green, .table>tfoot>tr>th.green, .table>thead>tr.green>td,
.table>thead>tr.green>th, .table>thead>tr>td.green, .table>thead>tr>th.green {
    background-color: #7ddd8dbf;
}

.table-hover>tbody>tr.green:hover>td, .table-hover>tbody>tr.green:hover>th, .table-hover>tbody>tr:hover>.green, .table-hover>tbody>tr>td.green:hover, .table-hover>tbody>tr>th.green:hover {
    background-color: #7ddd8d;
}
 /*
 * END: status
 */

 /*
  * new color status : testing
  */
.table>tbody>tr.testing>td, .table>tbody>tr.testing>th, .table>tbody>tr>td.testing,
.table>tbody>tr>th.testing, .table>tfoot>tr.testing>td, .table>tfoot>tr.testing>th,
.table>tfoot>tr>td.testing, .table>tfoot>tr>th.testing, .table>thead>tr.testing>td,
.table>thead>tr.testing>th, .table>thead>tr>td.testing, .table>thead>tr>th.testing {
    background-color: #f9f9f9;
    color: #a9a9a957;
}

.table-hover>tbody>tr.testing:hover>td, .table-hover>tbody>tr.testing:hover>th, .table-hover>tbody>tr:hover>.testing, .table-hover>tbody>tr>td.testing:hover, .table-hover>tbody>tr>th.testing:hover {
    background-color: #f9f9f9;
    color: #a9a9a957;
}

a.testing {
    color: #a9a9a957;
}
 /*
 * END: status
 */ 

 .smart-style-3 .dropdown-menu>.active>a, .smart-style-3 .dropdown-menu>.active>a:hover, .smart-style-3 .dropdown-menu>li>a:focus, .smart-style-3 .dropdown-menu>li:hover, .smart-style-3 .tt-suggestion.tt-is-under-cursor {
    background-color: #0096c8 !important;
    width: 100%;
}

a.btn.btn-danger.btn-status-rejected {
    font-size: 11px;
    margin-top: 2px;
}

a.btn.btn-success.btn-status-rejected {
    font-size: 11px;
    margin-top: 2px;
}

a.btn.btn-info.btn-status-create {
    font-size: 11px;
    margin-top: 2px;
}

.dt-buttons {
    float: right !important;
    margin-right: 10px;
}

.dt-toolbar-buttons-left .dt-buttons {
    float: left !important;
}

table.dt_basic_well tr, td {
    border: 0;
    padding-bottom: 5px;
    background-color: unset;
}

/*
* Status Filter Buttons
*/
.inline-flex {
    display: inline-flex;
  }
  
  .w-full {
    width: 100%;
  }
  
  .items-center {
    align-items: center;
  }
  
  .justify-between {
    justify-content: space-between;
  }
  
  .border {
    border-width: 1px;
  }
  
  .border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity));
  }
  
  .bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }
  
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  
  .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  
  .font-medium {
    font-weight: 500;
  }
  
  .text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity));
  }
  
  .hover\:bg-gray-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  }

/*
 * Color invalid fields
 */
input.invalid, select.invalid {
    border: 2px dashed red !important;
    font-weight: 300;
}
.invalid-text {
    border: 2px dashed red !important;
    font-weight: 300;
    padding: 5px;
}

/*
 * Form disabled
 */
 div.form-disabled {
    pointer-events: none;
    opacity: 0.4 !important;
 }
 tr.row-disabled {
    pointer-events: none;
    opacity: 0.4 !important;
 }
 a.a-disabled {
    pointer-events: none;
    opacity: 0.4 !important;
 }


/*
 * Consors: Vertragsstati Farben Kreise
 */
 .dot-gray {
    height: 15px;
    width: 15px;
    background-color: #bbb; 
    border-radius: 50%;
    display: inline-block;
 }
 .dot-green {
    height: 15px;
    width: 15px;
    background-color: #5cb85c; 
    border-radius: 50%;
    display: inline-block;
 }
 .dot-yellow {
    height: 15px;
    width: 15px;
    background-color: #efee00; 
    border-radius: 50%;
    display: inline-block;
 }
 .dot-red {
    height: 15px;
    width: 15px;
    background-color: #d9534f; 
    border-radius: 50%;
    display: inline-block;
 }

/*
 * History Notes Bell
 */
 b.badge.bounceIn.animated {
    position: absolute;
    cursor: pointer;
    top: 5px !important;
    right: auto !important;
    background-color: #777 !important;
    display: inline-block;
    font-size: 10px;
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding: 2px 4px 3px;
    text-align: center;
    line-height: normal;
 }

 .ajax-dropdown {
    position: absolute;
    z-index: 905;
    top: 43px;
    right: 5px !important;
    left: auto;
    width: 344px;
    height: 415px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-box-shadow: 0 2px 4px rgba(30,30,100,.25);
    -moz-box-shadow: 0 2px 4px rgba(30,30,100,.25);
    box-shadow: 0 2px 4px rgba(30,30,100,.25);
    padding: 10px;
    background: #fff;
    border: 1px solid #b3b3b3;
 }

 .ajax-dropdown:after, .ajax-dropdown:before {
    border: none;
 }

 .notification-body {
    padding: 1px 2px 0 2px;
    margin: 0;
    list-style: none;
}

/*
 * Spalte für utm_source startet mit: dirPartner
 * medium enthält : offlineRef
 */

 .partner-select {
    background-color: #5bc0de !important;
    color: white !important;
 }