@charset "UTF-8";
/* CSS Document */

body {
    background-color: #fff;
    font-size: 13px;
    color: #000000;
    margin: 0;
    padding: 0;
    height: unset;
    position: relative;
}

body.ticket_form {
    background-image: none;
    padding: 50px;
}
 ol {
     list-style: decimal;
 }
 em {
     font-style: italic;
 }

/* .mce-menu {position:fixed !important} *//*commented because ticket 7754*/

#wrapper {
   /* background: #fff;*/
}


/* Header: */

.admin #header {
    background-color: #ffffff;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.50);
    z-index: 991;
}

/*#header {
    position: fixed;
    width: 100%;
}*/

/* Logo: */
#logo {
    padding: 6px 15px 10px 0px;
}
#logo img {
    height: 42px;
}

/* Burger: */

.hide-menu {
    color: #000;
}

/* Suche: */

#top_search input {
     color: #57B5DF;
}

#top_search input:active, #top_search input:focus, #top_search input:hover {
    border:0px;
    background-color: #57B5DF;
    color: #fff;
    -webkit-transition: background-color .2s ease-out .2s;
    transition: background-color .2s ease-out .2s;
}


/* Hammer-Icon: */
.fa-gavel::before, .fa-legal::before {
    color: #000;
}

/* Dashboard User: */
#side-menu li.dashboard_user {
    color:#000;
}

/* Chat-Icon: */
.fa-commenting-o::before {
    content: "\f086";
    top: 3px;
    position: relative;
}


.chat-list-opener a {
    padding: 10px 10px 5px 10px;
}

.chat-online-count {
    background: #57B5DF !important;
}


/* SideMenu: */
ul.metis-menu {
   /* background: #57b5df !important;*/
    padding-bottom: 14px;
}

#setup-menu li:first-child {
    border-bottom: 1px solid #fff;
}

side-menu.nav > li > a:focus, #side-menu.nav > li > a:hover {
    background: #ffff;
    color: #000;
}
.btn-whitespace {white-space: unset;}



.dt-buttons.btn-group .btn {
    color: #57B5DF;
}
.dt-buttons.btn-group .btn {
    color: #57B5DF;
}
.btn-default-dt-options {
    border: 1px solid #57B5DF !important;
}

/*Suche*/

.form-control::-moz-placeholder {
    color: #57B5DF;
}

div.dataTables_wrapper div.dataTables_filter .glyphicon {
    color: #57B5DF;
}

.dataTables_length select, .uneditable-input, input[type="color"], input[type="date"], input[type="datetime-local"], input[type="datetime"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select.form-control, textarea.form-control {
    border: 1px solid #57B5DF;
}


.input-group-addon {
    border: 1px solid #57B5DF;
}

.bootstrap-select .btn-default {
    border: 1px solid #57B5DF !important;
}

.bootstrap-select.btn-group .bs-placeholder .filter-option {
    color: #57B5DF;
}

/*Massen PDF Export*/

.input-group-addon {

    color: #57B5DF;

}

.form-control::-moz-placeholder {
    color: #57B5DF;
}

.form-control::-moz-placeholder {
    color: #57B5DF;
}

.bootstrap-select .btn-default {
    border: 1px solid #57B5DF !important;
    color: #000;
}

.bootstrap-select.btn-group .bs-placeholder .filter-option {
    color: #57B5DF;
}

div.dataTables_wrapper div.dataTables_length select {
    color: #57B5DF;
}

.dropzone .dz-message {
    color: #57B5DF;
}

/*Client Menü*/
.panel_s>.panel-heading{background-color:white;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#57B5DF;}

span.reddot{
        width: 10px;
    height: 10px;
    background-color: red;
    display: inline-block;
    border-radius: 50%;
    margin: 0 2px 0 2px;
        display: inline-block;
}

.fontawesomelist li {       display: inline-block;
    padding: 5px 5px;
    font-size: 20px;
    border: 1px solid #c0c0c0;
    margin: 3px;
    font-size: 16px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #ffffff;
}

.fontawesomelist li.active{
    background: #57b5df;
        color: #fff;
}
.dashboardtimer ul {    font-size: 18px;}
.dashboardtimer li {list-style: none;}
.circle-time {       border: 2px solid #c0c0c0;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    line-height: 59px;
    font-size: 14px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;}
ul li .timer-btn {
    font-size: 25px;
    border-radius: 50% !important;
    padding: 12px;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
    margin: 0 5px;
    width: 50px;
    height: 50px;
}
.current_timer {       font-size: 24px;
    margin: 5px 10px;
    display: inline-block;}
.started-timers-top .top-dropdown-btn , .start-timer{    margin: 0 10px;     padding: 0 0 0 4px;
    display: inline-block;
    border-radius: 50% !important;
    /* max-width: 50px; */
    min-width: 50px;
    height: 50px;
    font-size: 24px;
    line-height: 34px;
    text-align: center;}



.widget .nav-tabs>li {    height: 46px;}

.table.table-contacts>tbody>tr>td, .table.table-contacts>tbody>tr>th, .table.table-contacts>tfoot>tr>td, .table.table-contacts>tfoot>tr>th, .table.table-contacts>thead>tr>td, .table.table-contacts>thead>tr>th {    vertical-align: top;}
.table>tbody>tr>td .onoffswitch label{    margin: 0;}

body.project.project-milestones .project-menu-panel, body.project.project-milestones .project-toggler-opts {display: block;}

table.table.table-main-invoice-edit input[name="quantity"], table.estimate-items-table input[name="quantity"], table.table.table-main-invoice-edit .quantity input[type="number"]{    max-width: 50%;
    float: left;}
table.table.table-main-invoice-edit input.input-transparent.text-right, table.table.estimate-items-table input.input-transparent.text-right{    max-width: 50%;
    }

.app_dt_empty .mtop10 span {
         left: auto !important; 
    right: 60px !important;
    width: 200px;
    text-align: right;
}

.btn-group .btn.active {z-index: 1;}
.table-klicktipp_contact .checkbox input[type=checkbox]{
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.checklist {height: auto !important;}
.checklist .form-group label:before{display: none;}
#contact_manager .dataTables_wrapper {overflow: scroll;}
table.table-klicktipp_contact.dataTable thead tr>th, table.table-klicktipp_contact.dataTable tr>td {display: table-cell !important;}
.klicktipp_tag_syn_data {       min-width: 300px;
    margin: 5px;
    max-width: 35%; float: left;
    display: inline-block;}

.checklist_member_content{max-width: 400px; max-height: 400px;}
.checklist_member_content button{max-width: 250px;}

.rte-autocomplete{
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 99999;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.rte-autocomplete:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
}

.rte-autocomplete:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    top: -6px;
    left: 10px;
}

.rte-autocomplete > li.loading {
    background: url("https://www.ajaxload.info/cache/FF/FF/FF/00/00/00/1-0.gif") center no-repeat;
    height: 16px;
}

.rte-autocomplete > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.rte-autocomplete >li > a:hover, .rte-autocomplete > li > a:focus, .rte-autocomplete:hover > a, .rte-autocomplete:focus > a {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft;
}

.rte-autocomplete >.active > a, .rte-autocomplete > .active > a:hover, .rte-autocomplete > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, .nav-tabs>li>a:hover, .navbar-pills.nav-tabs>li>a:focus, .navbar-pills.nav-tabs>li>a:hover{
    padding-bottom: 12px;
}
.gambio_customer_group_table{width: 100%;
    max-width: 600px;}


/* hemant css */
.tab-content .media-body .text-muted{
    color: #777;
    text-align: justify;
    word-break: normal;
}
#checklist-items .checklist .checkbox textarea[name=checklist-description]{
    position: relative !important;
    left: 0px;
}
#checklist-items .checklist .checkbox label{
    vertical-align: top !important;

}
#checklist-items .checklist .checkbox .checklist_member_content>.form-group{
    margin: 15px 0px !important;
}
.notification-wrapper .notification-box .media-body {
    word-break: normal;
    text-align: justify;
}

.customer_profile li a img {  
    margin-right: 16px;
    display: block;
    float: left;
    vertical-align: middle;
    width: 18px;
    font-size: 17px;
    margin: 0;
}

.todo-dragger {z-index: 99;}

.iframe-body iframe{min-height: calc(100vh - 65px); width:calc(100vw - 315px); }
.notification-wrapper .notification-box .media-body {
    word-break: normal;
    text-align: justify;
}
.select-placeholder:after{
    display: none !important;
}
/*hemant*/
.subgrp_button button{
    margin: 1px;
}
.subgrp_button .subgrp_art .subgroups{
    display: inline-block;
    width: 100%;
    /*min-height: 0px !important;*/
}
#subgroup18 .panel-body {
    margin: 12px;
}

/*.article-attachment {
    border: 1px solid #f0f0f0;
    padding: 10px;
    border-radius: 3px;
    max-height: 195px;
    min-height: 195px;
    overflow: hidden;
}
.article-attachment .article-attachment-user {
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #f0f0f0;
}
.article-attachment img {
    width: 100%;
}*/


.article-attachment {
    border: 1px solid #f0f0f0;
    padding: 10px;
    border-radius: 3px;
    position:relative;
    margin-bottom:20px;
}
.article-attachment .article-attachment-user {
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #f0f0f0;
}
.article-attachment .cross_btn{
    position: absolute;
    right: -7px;
    top: -11px;
}
.article-attachment .cross_btn a{
    font-size: 18px;
}

div.each-chat-message span.message > a {
    color: #fff;
    text-decoration: underline;
}

.progress-bar {background-color: #f28d13; color: #333;}
#client-nav-menu li.sub_menu_item a.active{color:#008ece;}

.task-user a{    
    display: inline-block;
    width: 100%;}

.task-user:active, .task-user:hover{    border: none;}
.task-user:active img, .task-user:hover img{border: 1px dashed #03a9f4;
    padding: 2px;       height: 36px;
    width: 36px;}
.task-user .remove-task-user{top: 55px;
    left: 15px;} 

.status-error, .source-error, .assign-error{    position: absolute;
    bottom: -15px;}
/*.dataTables_wrapper {overflow: scroll;}*/

/*dev6@hem changes start*/
#chance-filter-column .chanceassigned .dropdown-toggle{
    border:none !important;
}
#chance-filter-column .won_lost .btn-success{
background-color: #84c529 !important;
}

#phase_state_wrapper ul.phase_state{
    display: inline-block;
    width: 100%;
}

/*dev@ai changes Start 05-07-2019*/
#phase_state_wrapper .phase_heading{
    text-align: center;
    border: 1px solid #03a9f4;
    /*border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;*/
    color: #03a9f4;
    height: 30px;
    overflow: hidden;
}
/*dev@ai changes End 05-07-2019*/

#phase_state_wrapper .phase_heading span.heading{
    line-height: 2;
}
#phase_state_wrapper ul>li.phase>div{
    margin:0;
}
#phase_state_wrapper ul > li{
    padding-left: 0;
    padding-right: 0;
    position: relative;
    float: left;
}
#phase_state_wrapper ul > li+li{
    margin-left: -1px;
        min-width: 12%;

}

#phase_state_wrapper ul > li.phase:not(:last-child)  div.phase_heading{
    border-right: 0;
}

#phase_state_wrapper ul > li+li.phase:not(:last-child)  div.phase_heading{
     border-left: 0;
}
#phase_state_wrapper ul > li.phase:not(:last-child)  div.phase_heading::before {
    content: '';
    position: absolute;
    left: 100%;
    top: -1px;
    /*border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 5px solid #03a9f4;*/
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 8px solid #03a9f4;
    z-index: 1;
}
#phase_state_wrapper ul > li.phase:not(:last-child)  div.phase_heading:not(.primary-bg)::after {
    content: '';
    position: absolute;
    left: calc(100% - 1px);
    /*top: 1px;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 5px solid #fff;*/
    top: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 7px solid #fff;
    z-index:2;
}


#phase_state_wrapper ul > li.phase:not(:last-child)  div.phase_heading.primary-bg::before {
    content: '';
    position: absolute;
    left: 100%;
    top: -1px;
    /*border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 5px solid #03a9f4;*/
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 8px solid #03a9f4;
}

#phase_state_wrapper ul > li:hover .phase_heading{
    background: #03a9f4;
    color: #fff!important;
    border: 1px solid #03a9f4;
}

#phase_state_wrapper ul > li.phase:not(:last-child):hover  div.phase_heading:not(.primary-bg)::after {

    border-left: 8px solid #03a9f4;
}

.won_lost .deal_won_lost {
    background-color: white;
}

.won_lost > .won {
    border: 1px solid #28a745;
    color: #28a745;
}
.won_lost > .lost {
    border: 1px solid #dc3545;
    color: #dc3545;
}

.won_lost > .won.active{
    background-color: #28a745;
    border: 1px solid #28a745;
    color: white;
}
.won_lost > .lost.active{
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: white;
}

#chance_activity form .connected_contact_checkbox{
    text-align: left;
    display: inline-block;
    margin-right:10px;
}
#chance_activity .chance_activity_type {
    display: inline-block;
    margin: 0 10px 10px;
}
#chance_activity .chance_activity_type img{display: inline-block;
    padding-right: 5px;}
.deal_badge.badge.badge-danger{
    border-radius: 4px;
    background: #dc3545;
} 

.deal_badge.badge.badge-success{
    border-radius: 4px;
    background: #28a745;
} 
.deal_won_lost_option_block{
    text-align: right;
}
.deal_won_lost_option_block > div {
    display: inline-block;
}

.chances_sidebar .sidebar_block > label{
    width: 40%;
    float: left;
} 
.chances_sidebar .sidebar_block > span{
    width: 60%;
    float: left;
    word-break: break-all;
} 

div.chances-kan-ban .chance_stagnierend{
    background: #F08080;
}

#add_chance_notes .panel_s{
    height: 270px;
    overflow-y: auto;
}
div.chance-filter-column-block {
   /* min-width: 210px;*/
   max-width: 100%;
}

.task-user {border:none;}
/* end */

#new_tag {z-index: 50000;}

/*dev3@hem changes start for plugin section*/
.plugin_section_dynamic .box{
     border-color: #e9ebef!important;
    text-align: center;
    background-color: #f0f0f0;
    margin: 10px auto;
    padding: 10px;
    max-width: 500px;
        min-height: 320px;
    max-height: 320px;
    /*width: 250px;
    display: inline-block;*/
}
.plugin_section_dynamic .plu_activate {
  border: 2px solid  #57B5DF !important;
  background-color: white !important;
  color: #57B5DF !important;
 }
 .plugin_section_dynamic .btn-active .plu_activate {
  border: 2px solid  #4CAF50 !important;
  background-color: #4CAF50 !important;
  color: #FFFFFF !important;
 }
 .plugin_section_dynamic .btn-deactive .plu_activate {
  border: 2px solid  #FF0000 !important;
  background-color: #FF0000 !important;
  color: #FFFFFF !important;
 }
.plugin_section_dynamic .bottombtn {
    margin: 0 auto;
    max-width: 170px;
    padding: 3px;
    font-size: 12px;
}
.plugin_section_dynamic .plu_deac{
  border: 2px solid #c0c0c0 ;
  background-color: #c0c0c0;
  color: #FFFFFF ;
  padding: 5px 7px;
  font-size: 13px;
  width: 100%;
      border-radius: 5px;
}
.plugin_section_dynamic .plugin-profile-image-thumb{
  width: 20px;
  display: inline-block;
}
.plugin_section_dynamic .round .plugin_name_heading{
    display: inline-block;
    font-size: 16px;
    margin: 0;
}
.plugin_section_dynamic .box #plugin-img{
  margin: 0 10px;
}
.plugin_section_dynamic .box .buttons{
      padding: 5px 0;
          width: 100%;
      max-width: 360px;
          margin: 0 auto; 
              display: inline-block;
}
.plugin_section_dynamic .box .description{
  padding: 15px;
 /* word-break: break-all;*/
      height: 140px;
}
.btn-plugin{
    padding: 0 5px;
    margin: 5px auto;
    
}
.search-box-for-tasks {
    width: 85%;
}
.plugin_section_dynamic .pl0{min-width: 340px;}

@media only screen and (max-width: 480px) {
    .plugin_section_dynamic .pl0{min-width: 100%;}
    .plugin_section_dynamic .plu_deac{
        padding: 5px 7px !important;
        font-size: 12px !important;
        max-width: 280px;
    }
    .plugin_section_dynamic .bottombtn {
    margin: 5px auto !important;
    
}
.plugin_section_dynamic .round .plugin_name_heading{
    margin: 5px;
}
}
@media only screen and (max-width: 768px) {
    .search-box-for-tasks {
        width: 100%;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
        .plugin_section_dynamic .box{
            padding: 40px;
        }
        .btn-plugin{
            margin: 5px 0;
        }
        .plugin_section_dynamic .plu_deac{
            max-width: 280px;
        }
        .search-box-for-tasks {
            width: 100%;
        }
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
    .plugin_section_dynamic .plu_deac{
        font-size: 11px;

    }
    .plugin_section_dynamic .box .description{
        padding: 10px 20px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*.plugin_section_dynamic .col-xs-12.pl0.pr0:nth-child(3n + 1){clear: both;}*/
}

/*dev3@hem changes end*/


.fas {    color: #008ece;
    padding: 0 5px;}

.nav-tabs>li>a.btn{
        border-color: #57b5df;    background-color: #57b5df;     color: #fff;
}

.nav-tabs>li>a.btn:hover{
    color: #fff;
}

.screen-options-btn-help {    position: absolute;
    background: #fff;
    color: #636363;
    padding: 5px 15px;
    display: inline-block;
    right:190px;     background: #eb5a46; color:#FFF;
    z-index: 98;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: pointer;
    -webkit-box-shadow: 0 1px 0 #ccc;
    box-shadow: 0 1px 0 #ccc;
    margin-top: -1px;


}

.screen-options-btn-help a {color: #fff;}

.btn-info.help-text  {color: #fff;  background-color: #eb5a46;}

.panel-body.chance-body {
    padding: 0;
}
.chance-body .chance-checkbox {
    padding-left: 40px;
    float: left;
}

.chance-body .chance-title {
    margin: 0;
    line-height: 30px;
    padding: 0 0 0 17px;
    font-weight: 500;
    font-size: 13px;
}

.chance-body .chance-description {
    position: relative;
    padding: 10px 10px 0 10px;
    width: 100%;
    display: block;
}

.chance-body .chance-dragger {
    width: 15px;
    height: 27px;
    position: absolute;
    z-index: 99;
}

.chance-body ul.chance li {
    margin : 0 5px;
}

#task_view_description ul {
    list-style-type: circle;
}

.klicktip-block{    border: 1px solid #c0c0c0;
    padding: 20px;
    /* max-width: 800px; */
    display: inline-grid;}
.klicktip-block img{    margin-bottom: 10px;}  


/* v2 */
.bootstrap-select .dropdown-toggle:focus {color: #000;}

.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active{
    color: #000 !important;
}

.single-ticket .tc-content img{
        max-width: 250px;
    max-height: 250px;
    height: auto;
}

.contract-right #summary{
        background: #fff;
        padding-left: 5px;
}

.contract-right .nav-tabs{padding-left: 5px;}

.announcement small.text-danger {
    color: #fc2d42;
}

/* customer */
/* .customers .submenu li a {
    font-size: 17px;
    color: white !important;
} */

.customers h1, .customers h3, .customers h4, .customers h4 small{color: #fff;} 
#survey_form h1, #survey_form h3, #survey_form h4, #survey_form h4 small{color: inherit;}
.chat-list-head h3{color: #000;}
.customers .panel-body h1, .customers .panel-body h3, .customers .panel-body h4, .customers .panel-body h4 small{color: #6a6c6f; }
.customers #summary{background: #fff;    padding: 10px;}
.customers .proposal-right ul.nav-tabs{padding: 0 10px;}



.gambio-error-check{
    color: #fc2d42;
}

.gambio_csv_errors li {
    color: #fc2d42;
}

.import_csv_block{
    margin-top: 30px;
}

.gambio_required_field{
    color: red;
}

.gambio_currency_block {
    width: 50px;
    margin: 0;
    display: inline-block;
}

.price_calculation_list {
    margin: 30px 0;
}

.table-i2s-connected-csv-products td img.product_image,
.table-i2s-products td img.product_image,
.dataTables_wrapper table td img.product_image{
    width: 100px;
    max-height: 100px;
    object-fit: cover;
    object-position: center;
}

#gambio_product_sync span.field.required{
    color: #fc2d42;
}

#gambio_product_sync span.field{
    width:10px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 5px;
}

#gambio_product_sync span.field  + span{
    display: inline-block;
}

.btn-field-sync-cancel {
    margin-bottom: 30px;
}

/* gambio breadcrumb css start */
ul.i2s_breadcrumb{
    display: inline-block;
    width: 100%
}
ul.i2s_breadcrumb li{
    display: block;
    float: left;
    position: relative;
}
ul.i2s_breadcrumb li > a{
    text-align: center;
    color: #03a9f4;
    height: 30px;
    border-width: 1px;
    border-style: solid;
    border-color: #03a9f4;
    display: block;
    line-height: 2.1;
}

ul.i2s_breadcrumb li.active > a{
    background: #03a9f4;
    color: #ffffff;
    border-color: #03a9f4;
}

ul.i2s_breadcrumb li a.disabled{
    color: #7b7b77;
    border-color: #7b7b77;
}
ul.i2s_breadcrumb li:not(:last-child) a:before {
    content: '';
    position: absolute;
    left: 100%;
    top: -1px;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 8px solid;
    z-index: 1;
}

ul.i2s_breadcrumb li:not(:last-child) a:after {
    content: '';
    position: absolute;
    left: calc(100% - 1px);
    top: 0px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 7px solid #fff;
    z-index: 2;
}

ul.i2s_breadcrumb li.active:not(:last-child) a:after {
    border-left: 7px solid #03a9f4;
}

ul.i2s_breadcrumb li+li a {
    border-left: 0;
}

ul.i2s_breadcrumb li:not(:last-child) a {
    border-right: 0;
}
.back_to_csv_list > a{
    margin-bottom: 15px;
}
ul.gambio_sync_errros_list{
    color: #fc2d42;
}
/* gambio breadcrumb css end */
/* gambio preview css start */
.product_prev_section .prdouct_prev_header {
    font-size: 24px;
}
.product_prev_section .product_info .product + .product{
    margin-top: 10px;
}
.product_prev_section .product_info .product label{
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 1px;
}
.product_prev_section .product_info .product span{
    font-size: 14px;
    letter-spacing: 1px;
}
.product_prev_section .product_info .product img{
    max-width: 200px;
    margin: 0 auto;
}
.product_info_table{
    width: 100%;
    overflow: auto;
}
/* #product_info{
    overflow: auto;
} */
#product_info{
    min-width: 100%;
}
#product_info th{
    font-weight:bold;
}
#product_info th{
    color: #7b7b77;
    background: #f6f8fa;
    vertical-align: middle;
    border-bottom: 1px solid;
    border-color: #e9ebef!important;
    font-size: 13px;
    padding-top: 9px;
    padding-bottom: 8px;
}
#product_info th,
#product_info td{
    /* border: 1px solid #000; */
    min-width: 200px;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;
}
#product_info img{
    max-width: 70px;
}

.import_products_block ul.nav-tabs li a.show_file_tab{
    margin: 0;
    padding-right: 5px;
}

.import_products_block ul.nav-tabs li a.show_file_tab + a{
    padding-left: 0;
    padding-right: 10px;
}

.import_products_block .delete_import_file{
    width: 15px;
    height: 15px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #bd0000;
    border-color: #bd0000;
    border-radius: 5px;
    font-size: 9px;
}
.import_products_block .delete_import_file >i{
    vertical-align: middle;
}
/* gambio preview css end */

/*dev@ai code*/
.new {
    margin-left: 6px;
}
/*dev@ai code end*/


.modal-header .modal-title {color: #ffffff !important;}
.modal-header {background: #57b5df;}
.bootstrap-select .btn-default:focus, .bootstrap-select .btn-default.focus, .bootstrap-select .btn-default:hover, .bootstrap-select .btn-default:active, .bootstrap-select .btn-default.active, .bootstrap-select .open > .dropdown-toggle.btn-default, .bootstrap-select .btn-default:active:hover, .bootstrap-select .btn-default.active:hover, .bootstrap-select .open > .dropdown-toggle.btn-default:hover, .bootstrap-select .btn-default:active:focus,.bootstrap-select .btn-default.active:focus,.bootstrap-select .open > .dropdown-toggle.btn-default:focus,.bootstrap-select .btn-default:active.focus,.bootstrap-select .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus,.bootstrap-select .btn-default:active,.bootstrap-select .btn-default.active,.bootstrap-select .open > .dropdown-toggle.btn-default{
    color: inherit !important;
}
.bootstrap-select .dropdown-toggle.btn-default {    padding: 4px 22px;}
.customers .panel-body h4 {    color: inherit;}
.customers .comment_data {    background: #fff;
    padding: 10px;
    border-radius: 4px;}
.contract-comment{
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
 textarea.form-control {
resize: vertical;
min-height: 35px;
}

.validate_hide small.text-danger{display: none;}
.btn-default {color: #fff;}
.filter-option-inner-inner { color: #2d2d2d;}
.btn-info.help-text{border-color: #eb5a46;}
body.web-to-lead{background: #fff;}
#wrapper {
overflow: auto;

}

.email_verification_message{
color: #57b5df;
}
.email_verification_message:hover{
color: #7b7b77;
}

/* added by Arbutus */
@media (min-width: 768px){
.modal-xl {
    width: 90%;
    max-width: 1200px;
}
}
.verfication-content {
        max-height: 75vh;
    padding: 10px 50px;
    overflow-y: scroll;
}
li.client_login_para_list {
    margin-top: 5px;
    margin-right: 10px;
    text-align: justify;
}

ol.client_login_para_orderd {
    margin: 5px 0px 5px 20px;
}

p.client_login_paragraph {
    margin-left: 20px;
}

#verficationModal {    z-index: 2000000000000000000000;}

/* cooment bez convert to customer tag is not display properly
span.tag {
    line-break: loose;
    word-break: break-all;
    white-space: initial;
    text-align: left;
    line-height: 19px;
    display: block;
}*/

.nav-tabs.profile-tabs>li>a.text-danger{
    border-bottom: 1px solid red;
    color: rgb(255, 0, 0);
}

.dataTable ul.dropdown-menu{
    max-height: 40vh;
    overflow-y: scroll;
   /* min-width: 230px;*/
    width: auto;
    /*min-height: 180px;*/ 
}

.lead-view p{    word-break: break-all;}

/*dev@ai changes Start */
.form-wrap.form-builder .frmb li.checkbox-field .fb-checkbox input[type="checkbox"]
{
    float: left;
    width: 15px !important;
    height: 15px !important;
}
.form-wrap.form-builder .frmb li.checkbox-field .form-elements .field-options
{
  display: none;
}
.form-wrap.form-builder .frmb li.checkbox-field .form-elements .name-wrap
{
  display: none !important ;
}
.web-to-lead .chk label
{
    z-index: 9999;

}
.form-wrap.form-builder .frmb li.checkbox-field .tooltip-element ,.form-wrap.form-builder .frmb li.checkbox-field .required-asterisk
{
    display: none !important;
}
.form-wrap.form-builder .frmb li.checkbox-field .prev-holder .tooltip-element
{
    display: inline-block !important;
}
/* dev@ai changes End */

.pleft0 {
    padding-left: 0px;
}


/*dev@ai changes Start 05-07-2019*/

.custom_btn
{
    margin-left: 10px;
    top: 10px;
    margin-top: -8px;
}

/*.text-danger
{
    float: left;
    width: auto;
    height: auto;
    margin-right: 0.9px;
}*/
.custom_name
{
    width: auto;

}
.custom_email
{
    text-align: left !important ;
}
/*dev@ai changes End 05-07-2019*/

@media (min-width: 769px) and (max-width: 957px){
    .nav.navbar-nav.navbar-right{
        margin-right: 0;
    }
    #top_search{
        width: 145px;
    }
    #top_search_button{display: none;}
}

#setup-menu-wrapper {    z-index: 99;}

.btn-bottom-toolbar {
    right: 0;
}

div#task_view_description {
    word-break: break-all;
}


/*in iOS paginationbutton is not display properly*/
.dataTables_length select{
height: 32px !important;
}
table.dataTable tbody tr td:focus {
outline: none !important;
}
/*in iOS paginationbutton is not display properly*/

/*--- css added by @shivam start (24-8-19) ---*/

audio:focus{
    outline: none;
    box-shadow: unset;
}
.nav-tabs>li.mright5>a:focus{
    color: #fff;
}
.fc-view-container .fc-view{
    overflow-y: hidden;
}

.dropdown-submenu.pull-left.customers-nav-item-languages .dropdown-menu.dropdown-menu-left{
    max-height: 400px;
    overflow-y: scroll;
}

/*--- css added by @shivam end ---*/

#billing_details .dropdown-menu.open ul{
    margin-bottom: 0 !important;
}

.btn-bottom-toolbar {
    z-index: 55;
}

.main.primary input[name="quantity"] { max-width: 100% !important; float: left; }
input.input-transparent.text-right{ max-width: 100% !important; }

/*dev@ai changes Start 28-01-2020 for clients attechment*/
.table-clientsFolderPreViewTable tbody{
        display: flex;
        flex-wrap: wrap;
    }
    .table-clientsFolderPreViewTable tbody tr{
        width: 33.33%;
        padding: 0 15px;
    }
    .table-clientsFolderPreViewTable tbody tr td{
        display: block;
        width: 100%;
    }
    .full_image_preview
    {
    display: none;
    position: fixed;
    width: 35%;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    }
    /* .preview-image:hover ~ .full_image_preview{
        display: block;
    } */
/*dev@ai changes End 28-01-2020 for clients attechment*/

.add_more_attachments {
    padding: 7.5px 10px
}
.description ul, .table-invoice-items td ul {
    list-style:inherit;
    padding-left: 40px;
}
.description ol, .table-invoice-items td ol {
    list-style:decimal;
    padding-left: 40px;
}
.menu-item-email-inbox .nav-second-level {
    word-break: break-all;
}
.text-small {
    font-size: 90%;
}


.fc-time-grid, .fc-time-grid-container {
    z-index: 3;
}

.deactive {
    position: relative;
}
.deactive:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0.6;
    z-index: 10;
}
/* TERMINAL START */
.terminal {
    font-size: 14px;
    border: 1px solid #999;
}
.terminal .terminal_heading {
    background-color: #ececec;
    padding: 5px;
    font-weight: 500;
}
.terminal .terminal_heading_info {
    font-weight: 400;
}
.terminal .terminal_body {
    background-color: #000;
    padding: 5px;
    color: #eee;
    height: 300px;
    overflow: auto;
}
.terminal_body p {
    margin: 0;
    padding: 0;
}
.terminal_body p:before {
    content: '>';
    margin-right: 6px;
    font-weight: bold;
}
.terminal_body p.cursor:after {
    content: '_';
    margin-left: 5px;
    font-weight: bold;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}
/* TERMINAL END */
.fc-time-grid, .fc-time-grid-container {
    z-index: 3;
}

/* edit by 26-05-2022 */
.pdf__attach {
    display: flex;
}
.pdf__attach ._email_title_2 {
    padding-right: 10px;
}
.pdf__attach .pdf-template-attachment {
    display: flex;
}
.pdf__attach .pdf-template-attachment .pdf-attachment-no-preview {
    padding-right: 5px;
}
.kbn_rc_count{
    float:right;
    padding-right: 30px;
}
.dropdown-submenu>.dropdown-menu.dropdown-menu-right {
    left: auto;
    right: 100%;
}
#item_checklist_templates_model .checklist{
    padding: 5px 15px 15px 5px;
}
#item_checklist_templates_model textarea[name=checklist-description] {
    top: 5px;
}
#task_single_timesheets div.dataTables_wrapper div.dataTables_paginate {
    text-align: center;
}

.row-fluid {
    margin-left: -15px;
    margin-right: -15px;
}
.row-fluid .col {
    padding-left: 15px;
    padding-right: 15px;
    display: inline-block;
    vertical-align: top;
}

.dropdown-menu>li>a.text-danger {
    color: #fc2d42;
}
.dropdown-menu>li>a.text-danger:hover {
    color: #843534;
}