@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700;1,900&display=swap');
body {
    margin: 0;
    padding: 0;
}
a:hover, a:active, a:focus{
    text-decoration: none;
}
h1{
    font-size: 32px;
    font-weight: 800;
    color: #283135;
}
h3{
    font-size: 22px;
    font-weight: 600;
    color: #283135;
}
h4{
    font-size: 18px;
    font-weight: 600;
    color: #283135;
}

button, a, .link{
    cursor:pointer;
}

.print-only{
    display:none !important;
}

.padd_00{
    padding: 0;
}

.no-margin{
    margin: 0;
}

canvas {
    border: 1px solid;
}

/* body {
    background-color: #6DC4F4;
}h1 { 
     color:white;
 
} */

/*.unifiled-message-center thead tr{*/
/*    display: flex;*/
/*    justify-content: space-around;*/
/*    width: 100%;*/
/*}*/
/*.unifiled-message-center thead{*/
/*    display: block;*/
/*    width: 100%;*/
/*    padding: 0 15px;*/
/*}*/
.opacity-layer{
    position: relative;
}

.opacity-layer:after {
    background: #ffffffbf;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    top: 0;
}

.umc-volume-phone{
 border: 0px solid;
    border-radius: 50%;
    font-size: 12px;
    background: #46ac96;
    color: #fff;
    margin: -5px 5px;
    width: 22px;
    /*float: left;*/
    cursor: pointer;
    padding: 5px 7px;
    /*top: 20px;*/
    position: relative;
    left: 10px;
}
.unread-msg{
    font-weight: bold;
}

.umcemailcontainer {
  /*width: 80%;*/
    max-height: 1000px;
    overflow: scroll;
}
.umcemailcontainer .accordion {
    /*border-radius: 20px;*/
    border: 1px solid #ccc;
    margin-bottom: 5px;
}
.umc-contact-name{
    font-size: 20px;
}

.umc-fire-icon{
    width: 22px;
    vertical-align: text-bottom;
    padding: 2px;
}
.inArrow{
    /*position: absolute;
    top: 50px;*/
    margin-top: 9px;
    margin-left: -12px;
    background-color: #fff;
    width: 12px;
}

.umcemailcontainer .accordion-content.is-open-content{
    border: 1px solid #bbbbbb;
    border-top: 0px;
    padding: 50px 10px;
    margin-top: -25px;
    display: block;
    max-height: 100%;
    margin-bottom: 10px;
}

button.accordion {
  width: 100%;
  /*background-color: whitesmoke;*/
  border: 1px solid;
  /* border-radius: 11px;*/
  outline: none;
  text-align: left;
  padding: 15px 20px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
  /*transition: background-color 0.2s linear;*/
  background-color: #32a692;
  
}

button.accordion:after {
  font-family: FontAwesome;
  content: "\f150";
  font-family: "fontawesome";
  font-size: 14px;
  float: right;
}

button.accordion.is-open:after {
  content: "\f151";
}

/*button.accordion:hover,
button.accordion.is-open {
  background-color: #32a692;
}*/

.accordion-content {
  background-color: white;
  border-left: 1px solid whitesmoke;
  border-right: 1px solid whitesmoke;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{
    background-color: transparent;
}
.navbar{margin-bottom: 0;}

.navbar-brand > img {
    display: block;
    max-width: 220px;
    max-height: 40px;
}

#header .navbar-inverse {
    background-color:#283135;
    border-color: #283135;
    border-radius: 0;
    border-bottom: 4px solid #8a9194;
}

.sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #fff; /* Adjust as needed */
        z-index: 1000; /* Ensures it stays above other content */
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Optional shadow for design */
    }

.header-menu li ul.dropdown-menu {
    position: absolute !important;
    width: 212px !important;
    right: 0 !important;
}
#header .mega-dropdown .mega-dropdown-menu ul li:last-child::before{
    content: none;
}
#header .mega-dropdown .mega-dropdown-menu ul li:last-child{
    /* float: right;*/
}
#header .mega-dropdown .mega-dropdown-menu ul li:last-child img{
    margin-top: -8px;
}
#header .mega-dropdown .mega-dropdown-menu ul{
    list-style: none;
    padding: 0;
    width: 100%;
    /*float: right;*/
}
#header .mega-dropdown .mega-dropdown-menu .sub-menu{
    margin-left: 37.33333333%;
    float: right;
}


#header .dropdown-toggle:before{
    content: "\f0d8";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: absolute;
    color: #8a9194;
    bottom: -5px;
    font-size: 26px;
    left: 50%;
    transform: translate(-50%,0);
    display: none;
}
#header .mega-dropdown .mega-dropdown-menu ul li{
    margin-top: 0!important;
    display: inline-block;
    padding: 10px 15px;
}
#header .mega-dropdown .mega-dropdown-menu {
    padding: 0;
    width: 100%;
    left: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #8a9194;
    border-radius: 0;
}
#header .mega-dropdown {
    position: static !important;
}
#header .site_name .navbar-brand{height: auto;padding: 15px; /*width: 200px;*/  max-width: 200px; height: 75px; max-height: 75px;}
#header .navbar-inverse .header-menu {float: right;}
#header .navbar-inverse .header-menu li a{font-size: 16px; color: #fff; padding: 23px 15px;}
#header .dropdown-menu.mega-dropdown-menu li a{padding: 0px;}
#header .navbar-inverse .header-menu .dropdown-menu > li > a {font-size: 16px; color: #000; padding: 3px 20px;}
#header .navbar-inverse .header-menu li{
    position: relative;
    margin-top: 10px;
}
/*#header .navbar-inverse .header-menu li:last-child a{
  font-size: 14px;
  display: flex;
}*/
#header .navbar-inverse .header-menu li:last-child img{
    margin-right: 8px;
}
#header .navbar-inverse .header-menu li:last-child:before{
    /*content: "\f107";*/
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    top: 17px;
    font-size: 26px;
    right: -10px;
    color: #a89194;}

.action-buttons span{
    display: block;
}
.action-buttons a{
    border:0px solid;
    border-radius: 50%;
    color: #fff;
    padding: 4px 13px;
    font-size: 28px;
}

/*actionsplans*/
.actionsplans .col-md-6{
    padding: 0;
}
.actionsplans .table > tbody > tr:first-child > td {
    border: none;
}
.actionsplans img{
    float: right;
    margin-top: -5px;
}
.actionsplans h4{
    padding: 0 10px;
    margin-bottom: 20px;
}
a.button_plus{
    float: right;
    border:0px;
    border-radius: 50%;
    padding: 6px 10px;
    color: #fff;
}
.actionsplans span, .actionsplans div{
    font-size: 16px;
    display: block;
    /* border-bottom: 1px solid #e8e8ea; */
    padding: 12px;
}
.actionsplans .white-box-item{
    margin: 0px;
    margin-bottom: 10px;
    padding: 15px 10px;
}
.actionsplans .plans-list-item {
    clear: both;
}
.actionsplans .name-link {
    word-wrap: anywhere;
    display: inline-block;
}
/*actionpalns end*/
.opportunityList-modal.modal-dialog {
    width: 75%
}
.checkBox-opp {
    width:auto;
}

.table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active{
    background-color: transparent;
}
.table.accounts-sec{
    margin-bottom: 0;
}
.accounts-table-sec .accounts-sec thead{
    background-color: #e6e7e9;
}
.accounts-table-sec .accounts-sec thead th{
    color: #515256;
}
.accounts-table-sec .accounts-sec tbody:first-child{
    border-top: 0px;
}
.accounts-table-sec .accounts-sec tbody{
    background-color: #fff;
    border-radius: 5px;
    border-top: 1px solid #ddd;
}
.accounts-table-sec .accounts-sec tbody tr td{
    vertical-align: middle;
    color: #909193;
}
.accounts-table-sec .accounts-sec tbody tr td:first-child{
    font-size: 14px;
    /*color: #cda90b;*/
    cursor: pointer;
    position: relative;
    padding-left: 20px;
}
.accounts-table-sec .accounts-sec tbody tr td:first-child:before{
    /*content: "\f067";*/
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*color: #cda90b;*/
    position: absolute;
    left: 8px;
}
.pad-left tbody tr td {
    border: 0px!important;
}

/*.table-responsive .pad-left{padding-left: 25px; background-color: #fff; }*/
.accounts-table-sec .accounts-sec tbody tr td.active:first-child:before{
    /*content: "\f068";*/
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*color: #cda90b;*/
    position: absolute;
    left: 8px;
}
.accounts-table-sec .accounts-sec tbody tr td > button{
    border:1px solid;
    border-radius: 4px;
    padding: 6px 20px;
    /*background-color:#cda90b;*/
    color: #fff;
}
.accounts-table-sec .hide-sec, .accounts-table-sec .hide-sec-1{
    display: none;
    padding: 25px 15px 0;
    background: #fff;
}
.accounts-table-sec .hide-sec .action-items{
    margin: 15px;
    box-shadow: 1px 0px 10px 7px rgba(0,0,0,.1);
}
.accounts-table-sec .hide-sec .action-items table tr td{
    padding-top: 10px!important;
}
/*accounts-sec-end*/

/* payment-startup */
.payment-startup .row {
    padding: 10px;
}

.clientprofile-editor{
    padding: 30px 15px;
}
.clientprofile-editor .head {
    border-bottom: 1px solid #d9dadc;
    padding:10px;
}
.clientprofile-editor .head h3{
    margin: 0;
}
.clientprofile-editor .head  .dropdown-toggle{
    color: #42ae96;
    margin-top: 15px;
    cursor: pointer;
}
.clientprofile-editor .head .lead-source .form-group{
    margin: 0;
}
.clientprofile-editor .head .lead-source select{
    width: 130px;
    padding: 6px;
    margin-top: 9px;
}
.clientprofile-editor .head .right-btn{
    margin-top: 15px;
}
a.save_btn {
    color: #fff;
    border: 0px solid;
    background: #c01c27;
    padding: 8px 20px;
    border-radius: 4px;
    float: right;
    margin-top: -8px;
}

.links a{
    color: #3eb097;
    padding-right: 10px;
}
.clientprofile-editor .accordion-sec {
    margin-top: 15px;
}
.clientprofile-editor .accordion-sec .accordion:nth-child(3){
    border-radius: 0 0 10px 10px;
}
.clientprofile-editor .accordion-sec .accordion.active{
    border-radius: 0;
}
.clientprofile-editor .accordion-sec .accordion:nth-child(1){
    border-radius: 10px 10px 0 0;
}
.clientprofile-editor .accordion-sec .accordion {
    background-color: #899194;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    margin-top: 3px;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}


.clientprofile-editor .accordion-sec .accordion:after {
    content: '\002B';
    color: #fff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}


/*actionsplans*/
.actionsplans.row .col-md-6{
    padding: 12px;
}
.actionsplans img{
    float: right;
    margin-top: 5px;
    width: 24px;
    margin-right: 2px;
}
.actionsplans h4{
    padding: 0 10px;
    margin-bottom: 20px;
}

a.button_plus{
    float: right;
    border:0px;
    border-radius: 50%;
    padding: 0px;
    color: #fff;
}
.plantimeline label {display: block;}
.plantimeline label.inlineBlock {display: inline-block;}
.plantimeline .button_box {
    display: flex;
    justify-content: end;
    margin-top: 20px;
}
.plantimeline a.button_plus{
    padding: 5px 9px;
}

.plantimeline .webhook-option
{
    display: flex;
    margin-bottom: 10px;
}
.plantimeline .webhook-option .btn-grp{
    text-align: right;
    display: block;
}
.plantimeline .webhook-option .btn-grp img{
    margin-left: 10px;
    cursor: pointer;
}
.plantimeline .border-box.row .col-md-2 img {
    width: 20px;
    cursor: pointer;
}
.plantimeline .webhook-option label.switch {
    text-align: unset;
    width: 46px;
    min-width: auto;
    padding: 0;
    margin-right: 10px;
    margin-top: 5px;
}
.plantimeline .webhook-option span.switch-label{
    line-height: 29px;
}
.plantimeline .border-box.row {
    width: 100%;
    border: 1px solid #ccc;
    padding: 10px;
    max-height: 160px;
    overflow: scroll;
}
.plantimeline .border-box.row .row{
    border-bottom: 1px solid #ccc;
}
.plantimeline .border-box.row .col-md-2{
    text-align: right;
    /*margin-top: 7px;*/
}
.plantimeline .border-box.row .padd_10 {
    margin: 6px 0;
    overflow: hidden;
}
.plantimeline .webhook-option label {
    text-align: right;
    width: 110px;
    min-width: 110px;
    padding-right: 10px;
    line-height: 30px;
}
.actionsplans span{
    font-size: 16px;
    display: block;
    border-bottom: 1px solid#e8e8ea;
    padding: 12px 0;
}
.actionsplans .white-box-item{
    margin: 0px;
    margin-bottom: 10px;
    padding: 15px 10px;
}
/*actionpalns ecd*/

.clientprofile-editor{
    padding: 30px 15px;
}
.clientprofile-editor .head {
    border-bottom: 1px solid #d9dadc;
    padding:10px;
}
.clientprofile-editor .head h3{
    margin: 0;
}
.clientprofile-editor .head  .dropdown-toggle{
    color: #42ae96;
    margin-top: 15px;
    cursor: pointer;
}
.clientprofile-editor .head .lead-source .form-group{
    margin: 0;
}
.clientprofile-editor .head .lead-source select{
    width: 130px;
    padding: 6px;
    margin-top: 9px;
}
.clientprofile-editor .head .right-btn{
    margin-top: 15px;
}
a.save_btn {
    color: #fff;
    border: 0px solid;
    background: #c01c27;
    padding: 8px 10px;
    border-radius: 4px;
    float: right;
    margin-top: -8px;
    text-align: center;
}

.links a{
    color: #3eb097;
    padding-right: 10px;
}
.clientprofile-editor .accordion-sec {
    margin-top: 15px;
}
.clientprofile-editor .accordion-sec .accordion:nth-child(3){
    border-radius: 0 0 10px 10px;
}
.clientprofile-editor .accordion-sec .accordion.active{
    border-radius: 0;
}
.clientprofile-editor .accordion-sec .accordion:nth-child(1){
    border-radius: 10px 10px 0 0;
}
.clientprofile-editor .accordion-sec .accordion {
    background-color: #899194;
    color: #1e1c1c;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    margin-top: 3px;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}
.lead-routing .panel {
    margin-bottom: 0px;
}
.lead-routing .accordion-sec .accordion {
    background-color: #89919452;
    color: #fff;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border: 1px solid #899194;
    z-index: 999;
    position: relative;
}
.lead-routing .accordion-sec .panel_bdr.panel_bdr_close {
    opacity:0;
    transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
    position: absolute;
}
.lead-routing .accordion-sec .panel_bdr.panel_bdr_open {
    opacity: 1;
    min-height: 200px;
    height: 100%;
    border: 1px solid #899194;
    position: relative;
    padding: 20px;
    transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
}

.lead-routing .accordion-sec #mapping-panel {
    padding-bottom: 20px;
    min-height: auto;
}

.lead-routing .accordion-sec #mapping-panel .prev-btn span#sbmt-btn {
    margin-left: 20px;
    margin-top: 30px;
}

.lead-routing .accordion-sec #mapping-panel input{
    width: 50%;
}

.lead-routing .accordion-sec #mapping-panel .react-tagsinput-input{
    width: 100%;
}

.lead-routing .accordion-sec #mapping-panel .selection-list {
    margin-bottom: 8px;
    padding-right: 10px;
    padding-top: 10px;
}

.lead-routing .accordion-sec #mapping-panel .selection-list .react-tagsinput-tag {
    background-color: #8991943b;
    border-radius: 2px;
    border: 1px solid #89919452;
    color: #000000b3;
}
.react-tagsinput-remove {
    color: #000000b3;
}

.lead-routing .accordion-sec #mapping-panel .selection-list .react-tagsinput.react-tagsinput--focused {
    border: 1px solid #89919452;
}

.react-tagsinput-remove:hover{
    color: #000000b3;
    outline: none;
}

.lead-routing .accordion-sec #mapping-panel .react-tagsinput span{
    padding-left: 0px;
}
.lead-routing .accordion-sec #mapping-panel .react-tagsinput span .react-tagsinput-tag
{
    padding-left: 3px;
}

.lead-routing .accordion-sec #mapping-panel .react-tags__selected .react-tags__selected-tag-name{
    padding-left: 0px;
}

.lead-routing .accordion-sec #mapping-panel span, .lead-routing .accordion-sec #mapping-panel .prev-btn span {
    float: left;
    padding-left: 20px;
}
.lead-routing .accordion-sec #mapping-panel #mandate-fld{
    font-size: 20px;
    padding-left: 10px;
    color: red;
}

.lead-routing .accordion-sec #mapping-panel .selection-list select{
    width: 50%;
}

.lead-routing .accordion-sec #towho-panel p{
    padding-left: 40px;
}

.lead-routing .accordion span{
    display: inline-block;
    color: #000;
}

.lead-routing .panel_bdr input {
    display: inline-block;
    width: auto;
    height: auto;
}
.lead-routing .panel_bdr span {
    padding-left: 10px;
}

/* .lead-routing  .next-btn {
  bottom: 10px;
  right: 20px;
  position: absolute;
  text-align: right;
  width: auto;
} */
.pre-notes{
    width: 800px;
}

.lead-routing .accordion-sec .panel_bdr.panel_bdr_open .next-btn #logicNext{float: right;margin-top: 105px;}

#mapping-panel .prev-btn #logicPrev { margin-top: 30px;}

#logic-panel .prev-btn{margin-top:45px;}

#logic-panel .next-btn{margin-top: 45px;}

.lead-routing .panel_bdr .next-btn span
{
    position: relative;
    padding-right: 15px;
    font-weight: 700;
    font-size: 13px;
    top: 0;
    cursor: pointer;
}
.lead-routing .panel_bdr .next-btn span::before {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    right: 0;
    position: absolute;
    font-size: 12px;
    top: 2px;
}


/* .lead-routing .panel_bdr .prev-btn
{
  bottom: 10px;
  left: 20px;
  position: absolute;
  text-align: left;
  width: auto;
} */

.lead-routing .panel_bdr .prev-btn span
{
    position: relative;
    padding-left: 15px;
    font-weight: 700;
    font-size: 13px;
    top: 0;
    cursor: pointer;
}

.lead-routing .panel_bdr .prev-btn span::before {
    content: "\f053";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    left: 0;
    position: absolute;
    font-size: 12px;
    top: -1px;
}

/* .lead-routing  .sbmt-btn {
  bottom: 10px;
  right: 20px;
  position: absolute;
  text-align: right;
  width: auto;
} */

.lead-routing .lead-apply-switch {
    display: inline;
    line-height: 18px;
}
.lead-routing .sbmt-btn{
    justify-content: end;
}
.lead-routing .sbmt-btn button {
    margin: 20px 10px 0 10px;
    float: right;
}


.css-props .panel {
    margin-bottom: 0px;
    border : none;
}
.css-props .accordion-sec .accordion {
    background-color: #89919452;
    color: #fff;
    cursor: pointer;
/*    padding: 0px;*/
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border: 1px solid #899194;
    z-index: 999;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 1px 1px 10px #808080;
    background-color: #7d7f7c;
}
.css-props .accordion-sec .panel_bdr.panel_bdr_close {
    opacity:0;
    transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
    position: absolute;
}
.css-props .accordion-sec .panel_bdr.panel_bdr_open {
    opacity: 1;
    min-height: 200px;
    height: 100%;
    border: 1px solid #899194;
    position: relative;
    padding: 20px;
    transition: .1s ease-in-out;
    -moz-transition: .1s ease-in-out;
    -webkit-transition: .1s ease-in-out;
}

.css-props .accordion-sec #mapping-panel {
    padding-bottom: 20px;
    min-height: auto;
}

.css-props .accordion-sec #mapping-panel .prev-btn span#sbmt-btn {
    margin-left: 20px;
    margin-top: 30px;
}

.css-props .accordion-sec #mapping-panel input{
    width: 50%;
}

.css-props .accordion-sec #mapping-panel .react-tagsinput-input{
    width: 100%;
}

.css-props .accordion-sec #mapping-panel .selection-list {
    margin-bottom: 8px;
    padding-right: 10px;
    padding-top: 10px;
}

.css-props .accordion-sec #mapping-panel .selection-list .react-tagsinput-tag {
    background-color: #8991943b;
    border-radius: 2px;
    border: 1px solid #89919452;
    color: #000000b3;
}
.react-tagsinput-remove {
    color: #000000b3;
}

.css-props .accordion-sec #mapping-panel .selection-list .react-tagsinput.react-tagsinput--focused {
    border: 1px solid #89919452;
}

.react-tagsinput-remove:hover{
    color: #000000b3;
    outline: none;
}

.css-props .accordion-sec #mapping-panel .react-tagsinput span{
    padding-left: 0px;
}
.css-props .accordion-sec #mapping-panel .react-tagsinput span .react-tagsinput-tag
{
    padding-left: 3px;
}

.css-props .accordion-sec #mapping-panel .react-tags__selected .react-tags__selected-tag-name{
    padding-left: 0px;
}

.css-props .accordion-sec #mapping-panel span, .css-props .accordion-sec #mapping-panel .prev-btn span {
    float: left;
    padding-left: 20px;
}
.css-props .accordion-sec #mapping-panel #mandate-fld{
    font-size: 20px;
    padding-left: 10px;
    color: red;
}

.css-props .accordion-sec #mapping-panel .selection-list select{
    width: 50%;
}

.css-props .accordion-sec #towho-panel p{
    padding-left: 40px;
}

.css-props .accordion span{
    display: inline-block;
    color: #fff;
}

.css-props .panel_bdr input {
    display: inline-block;
    width: auto;
    height: auto;
}
.css-props .panel_bdr span {
    padding-left: 10px;
}


.css-props .panel_card {
    min-height: 260px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.css-props .panel_card_small {
    color: #000;
    font-size: 16px;
    font-weight : 600;
    line-height : 50px;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}


.clientprofile-editor .accordion-sec .accordion:after {
    color: #fff;
    font-weight: bold;
    margin-left: 5px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(-50%,-50%);
}

.clientprofile-editor .accordion-sec .active:after {
    content: "\2212";
}
.clientprofile-editor .accordion-sec .panel .panel_bdr{
    padding: 10px 15px;
    border: 1px solid #899194;
    background-color: white;
}
.clientprofile-editor .accordion-sec .panel {
    background-color: white;
    transition: max-height 0.2s ease-out;
    margin: 0;
    border: none;
    display: none;
    border-radius: 0;
}
.lead-routing .next-btn #mappingNext {
    float: right;
}

.clientprofile-editor .accordion-sec .form-group #mobile, .clientprofile-editor .accordion-sec .form-group .phone-field {
    width: 82%;
    float: left;
}
.clientprofile-editor .accordion-sec form .form-group {
    margin-bottom: 7px;
}
.clientprofile-editor .accordion-sec .form-group .fa.fa-volume-control-phone, .click-to-call {
    border: 0px solid;
    border-radius: 50%;
    font-size: 12px;
    background: #46ac96;
    color: #fff;
    margin: -5px 5px;
    width: 22px;
    float: left;
    cursor: pointer;
    padding: 5px 7px;
    top: 20px;
    position: relative;
    left: 0px;
}

.client-modal .au_block .icon-block{
    width: 25%;
    float: left;
    text-align: center;
}
.client-modal .au_block .icon-block img{
    width: 16px;
}
.client-modal .au_block a.button_plus{
    float:none;
}
.client-modal .click-to-call {
    float: right;
    position: relative;
}
.clientprofile-editor .accordion-sec .form-group select {
    /* padding: 6px 12px; */
    width: 100%;
    color: #999;
}
.clientprofile-editor .accordion-sec .upcmng-action a.button_plus{
    float: none;
}
.clientprofile-editor .accordion-sec .upcmng-action  .panel_bdr{
    float: left;
    width: 100%;
    padding: 0px;
}
.clientprofile-editor .accordion-sec .upcmng-action .action-plan-name span > i{
    color: #41ae8f;
    font-size: 22px;
    margin-left: 10px;
}
.clientprofile-editor .accordion-sec .upcmng-action .action-plan-name p > i{
    color: #41ae8f;
    font-size: 20px;
}
.clientprofile-editor .accordion-sec .upcmng-action .action-plan-name span{
    width: 76%;
    float: left;
    text-align: left;
    padding: 2px 10px;
    /* border-top: 1px solid#e8e8e8;*/
}
.clientprofile-editor .accordion-sec .upcmng-action .action-plan-name span.timestamp{
    color: #a3a4a6;
    font-size: 12px;
    width: 100%;
    padding: 0px;
}
.clientprofile-editor .accordion-sec .upcmng-action .action-plan-name {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.clientprofile-editor .accordion-sec .upcmng-action .action-plan-name p{
    margin: 0;
    width: 100%;
    float: left;
    padding: 6px;
    border-top: 1px solid #bbbbbb;
}
.clientprofile-editor .contain {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #2e3235;
}

/* Hide the browser's default radio button */
.clientprofile-editor .contain input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.clientprofile-editor .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    border:1px solid;
    border-radius: 50%;
}


/* When the radio button is checked, add a blue background */
/*.contain input:checked ~ .checkmark {
    background-color: #2196F3;
}*/

/* Create the indicator (the dot/circle - hidden when not checked) */
.clientprofile-editor .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.clientprofile-editor .contain input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.clientprofile-editor .contain .checkmark:after {
    top: 2px;
    left: 2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #4d5759;
}


.clientprofile-editor .eidtor-bg-color{
    background-color: #edeef0;
    padding: 5px 5px;
    /*  border-radius: 8px;*/
}
.clientprofile-editor .tabs-sec .tab-content h3{
    margin: 5px 0 !important;
    display: table;
    width: 115px;
    text-align: center;
}
.clientprofile-editor .nav-tabs > li{
    width: 100%!important;
}
.clientprofile-editor .nav-tabs > li.active > a{
    color: #000;
    border-radius: 10px 10px 0 0;
    border:1px solid#a7abae!important;
    border-bottom: none!important;
}
.clientprofile-editor .editor-footer-block {
    z-index: 1;
}
.clientprofile-editor .nav-tabs{
    padding: 0 10px;
    border:0;
    display: inline-flex;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
.clientprofile-editor .rbc-header {
    overflow: unset;
}
.clientprofile-editor .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 0px solid;
    border-radius: 0;
    background: #fff;
    color: #a7abae;
    text-align: center;
    font-size: 16px;
}
.clientprofile-editor .nav-tabs > li.active > a, .clientprofile-editor .nav-tabs > li.active > a:focus, .clientprofile-editor .nav-tabs > li.active > a:hover{
    border:none;
}
.clientprofile-editor .tabs-sec .tab-content{
    padding: 15px;
    margin-top: 0px;
    border: 1px solid #a7abae;
    overflow: visible;
}
.clientprofile-editor .editor-footer-block label {
    display: block;
}
.clientprofile-editor .editor-footer-block, .clientprofile-editor .editor-footer-iocns{
    margin-top: 15px;
}
.clientprofile-editor .editor-footer-block .form-group {
    display: inline-block;
    float: none;
    text-align: left;
}
.clientprofile-editor .editor-footer-block .form-group input{
    width: 60%;
    display: inline-block;
}
.clientprofile-editor .editor-footer-iocns{
    text-align: left;
}
.clientprofile-editor .editor-footer-iocns a{
    color: #42ae96;
    font-size: 15px;
    margin-left: 5px;
}
.clientprofile-editor .editor-footer-block .form-group.check-box label:first-child {
    margin-right: 10px;
}

.clientprofile-editor .editor-footer-block .form-group.check-box .switch {
    position: relative;
    top: 4px;
    margin-right: 20px;
}

.clientprofile-editor .bg-white {
    float: right;
    padding: 5px 10px 5px 0;
    margin-right: 25px;
}
.clientprofile-editor .editor-footer-iocns a > i{
    font-size: 26px;
}

/*.clientprofile-editor end*/



#footer{
    background-color: #4b5457;
    color: #fff;
    padding: 20px;
}
#footer p.name{
    color: #fff;
    margin: 0;
    font-size: 16px;
}

#footer .footer-logo{
    margin-bottom: 10px;
    max-width: 300px;
    max-height: 100px;
}
#footer span {
    display: block;
}
#footer .client-details, .client-img{display: inline-block;margin-right: 10px;}

#footer .client-details span {
    margin-bottom: 5px;
}
#footer .client-details span >i {
   margin-left: 10px;
   position: relative;
   font-size: 20px;
}
#footer .client-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 125px;
    max-height: 125px;
}
.client-details .name i:nth-of-type(1){
    margin-right: 10px;
}
#footer .client-details .client-edit span:nth-of-type(2){
    display: flex;
}
#footer .client-details .client-edit span:nth-of-type(2) span{
    display: flex;
}
#footer .client-details .form-control{
    width: auto;
}
.rights {
    clear: both;
    padding-top: 5px;
    display: block;
}
.rights p{
    font-size: 14px;
    font-weight: 300;
    color: #b0b8bb;
}

/*-----------Body Content CSS------------*/
#body-background{background-color: #edeef0;padding: 20px 0;}
.white-box-item {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);
}

.grey-box-item {
    background:#fafafafa;
}
#body-background .white-box-item h3{padding: 10px;}
.angle-arrow:after{content: "\203A";margin: 0 5px;font-size: 30px;vertical-align: sub;}
#body-background .white-box-item .graphs{text-align:center;padding: 10px 25px 25px 25px;}
.graph-bottom {border-top: 1px solid #cecece; display: flow-root; }
.graphs img{ margin: 0, auto; display: inline!important; }
.graph-bottom h5 a{ float: right;padding: 15px;text-decoration: none; text-transform: uppercase;}
.graph-bottom h5{display: contents;}

#body-background .action-items table{ width: 100%; }
#body-background .action-items table thead{font-size: 16px;}
#body-background .action-items table thead tr td{padding:10px 10px 10px 10px;}
#body-background .action-items table tr{border-bottom: 1px solid #cecece;}
#body-background .action-items table tbody tr td{color: #5f6368;padding: 10px;}
#body-background .action-items table tbody tr span{color:#000000; font-size: 14px;}
#body-background .action-items table tbody tr td:nth-child(1) { font-size: 12px; }
#body-background .action-items table tbody tr td i{margin-right: 5px; font-size: 22px;vertical-align: middle;}
#body-background .action-items .last-row tr{ border-bottom: none; }
#body-background .action-items tr.actions { float: left; }
#body-background .action-items tr.list { float: right; }
#body-background .action-items .last-row tr td a { text-decoration: none;text-transform: uppercase;}



.accounts-table-sec .table-responsive{
    margin-bottom: 20px;
}
.account-title{
    margin: 0;
    display: inline-block;
}
.paln_label {
    text-align: center;
}
#footer-login-chain{
    z-index:999;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    background: #efefef;
    border-top: 1px solid black;
    text-align: center;
    color: #000;
}

#footer-login-chain span {
    display: inline-block;
}
.newLeads{
    background-color: red;
}

.missedClient{
    background-color: yellow;
}

.contactToday{
    background-color: green;
}

.hasPending{
    background-color: #cccccc;
}

.noPending{
    background-color:#000;
}

.colorIcon{
    display: inline-block;
    height: 10px;
    width: 10px;
    border-radius: 5px;
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
}
.pipeline-scroll .colorIconBig{
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 15px;
    margin-left: 0px;
    vertical-align: middle;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    right: 0px;
}
.priority .colorIconBig{
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 15px;
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
}
.full-padding{
    padding: 15px;
}
.five-padding{
    padding: 5px;
}
.filterSelect {
    width: 50px;
}
.chosenSelect {
    display: none;
}

table.accounts-sec section .container.client-sec {
    width: 96%;
}
.client-sec .table-responsive{
    overflow: auto;
    min-height: 70vh;
    max-height: 150vh;
}
.sub-contractor-table .table-responsive{
    min-height: 20vh;
}

.sub-contractor-table .table {
    margin-bottom:0;
}

.client-sec .table-responsive thead tr td{
    position: sticky;
    top: 0;
    background-color: #fff;
}
.plan-field{
    padding: 0 15px;
}
.plan-field > input {
    width: 100%;
    border: 1px solid #ddd;
    height: 35px;
    padding: 10px;
    border-radius: 5px;
}
.tplts-name {
    width: 87%;
    float: left;
}
.tplts-img {
    width: 13%;
    float: left;
}
.clear {
    clear: both;
}
.btn.btn-blue {
    background: rgb(65, 174, 143);
    color: #fff;
}
.paln_label{
    margin-top: 8px;
}
.add-label{padding-left:15px;}
.add-sub input{width: 90%; height: 35px; border: 1px solid #ddd; padding: 10px; border-radius: 5px;}
.model-width .modal-dialog{width: 90%;}
.full-display{display: block;}

.astrix {
    position: relative;
    color: #d02626;
    font-size: 15px;
    padding: 5px;
}
.align-right{
    text-align: right!important;
}
.opportunity-modal.modal-dialog{width: 40%;}
.opportunityList-modal .table-responsive {margin-top: 0;overflow: auto;
    height: 80vh;}
.opportunityList-modal .table tr th , .opportunityList-modal .table tr td {
    white-space: nowrap;
}
.opportunityList-modal .table thead tr th
{
    position: sticky;
    top: 0;
    background-color: #fff;
}
.opportunity-modal.modal-dialog{margin:0 auto}

.opportunityList-modal .table > tbody > tr > td{
    border: 1px solid #ddd;
}

.editor-footer-block .form-group.close-date-field,
.editor-footer-block .form-group.likelihood-field,
.editor-footer-block .form-group.deal-size-filed {
    width: 20%;
    float: left;
    padding: 0 10px;
}
.editor-footer-block .form-group.appt-set-field,
.editor-footer-block .form-group.qupted-field,
.editor-footer-block .form-group.closed-field,
.editor-footer-block .form-group.paid-field {
    width: 10%;
    float: left;
}
.editor-footer-block .form-group.appt-set-field .switch,
.editor-footer-block .form-group.qupted-field .switch,
.editor-footer-block .form-group.closed-field .switch,
.editor-footer-block .form-group.paid-field .switch {
    margin-top: 6px;
    display: block;
}

.editor-footer-block .form-group.close-date-field input,
.editor-footer-block .form-group.likelihood-field input,
.editor-footer-block .form-group.deal-size-filed input{
    width: 80%;
}

.addon-mailbox .mailbox-top p{
    width: 100%;
    display: flex;
}

.addon-mailbox .mailbox-top p span{
    width: 20%;
    padding-right: 10px;
    align-items: center;
    display: flex;
    padding-left: 10px;
}

/* Parser-monitor */
.parser-monitor .btn {
    margin-top: -2px;
    line-height: normal;
    padding: 0 10px;
    height: 32px;
}
.parser-monitor span{
    padding: 0;
    border: none;
    display: inline-block;
}

.parser-monitor .white-box-item {
    padding: 20px;
}

.parser-monitor .table-parser {
    margin-top: 15px;
}

.timeline-heading span.time-status >img {
    display: block;
    margin-left: auto;
}
.timeline-heading span.time-status >span {
    text-align: right;
    display: block;
}

.edit-contact-row td:first-child {
    display: flex;
}

.edit-contact-row td:first-child button {
    margin-left:5px;
}

.button-box{margin-top: 20px;}
.export-button{margin-left: 10px; margin-bottom: 5px;}

.button_plus_icon{
    padding: 0px!important;
    border: none!important;;
    font-size: 14px!important;;
}

.dashboard-pipeline {
    width: 100%; }

.dashboard-pipeline thead th {
    border-bottom: 2px solid #000000 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    background-color: transparent;
    color: inherit !important;
    font-size: 14px;
    text-align: left;
    position: relative;
    max-width: 320px;
    min-width: 250px;
    border-top: 2px solid #000000 !important;
    padding: 10px 20px 10px 0 !important;
    vertical-align: top !important;
}

.dashboard-pipeline thead th i {
    position: absolute;
    font-size: 35px;
    text-align: center;
    top: 1.05em;
    color: #66B032; }

.dashboard-pipeline tbody td {
    text-align: left;
    border-bottom: 1px solid #ddd;
    border-top: none !important; }

.dashboard-pipeline tbody td .client-name {
    min-height: 25px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer; }

.dashboard-pipeline .pipeline-scroll tbody tr:hover {
    background-color: #eee;
    padding: 8px;
    font-weight: bold;
}
.dashboard-pipeline tbody td .client-name span.comp_name {
    font-size: 10px;
}
.dashboard-pipeline tbody td .client-name:hover span.comp_name{
    font-weight: normal;
}

.dashboard-pipeline .pipeline-scroll .table tr {
    border: 2px solid;
}
.pipeline-data {
    border: 1px solid #ccc;
    padding:4px 5px 2px 10px;
    position: relative;
    margin-bottom: 2px;
}

.table-responsive.dashboard-pipeline {
    overflow: auto;
    white-space: nowrap;
    z-index: 0;
    position: relative;
}

.client-modal .profile-head {
    position: relative;
    padding: 0 20px 0 20px;
    display: flex;
}

.client-modal .profile-head .phone-sms label{
    position: relative;
    margin-bottom: 1px;
}
.client-modal .profile-head .phone-sms label div{
    display: inline-block;
}
.client-modal .zip-code.form-group {
    width: 30%;
    float: left;
}
.client-modal .client-modal-row {
    background-color: #edeef0;
    padding: 5px 20px;
    border: 1px solid #808080;
    border-radius: 5px 5px 0 0;
}
.client-modal .client-modal-row .au_block,
.client-modal .client-modal-row .opp_block {
    padding-top: 0;
}
.client-modal .client-model-close{
    top: 5px;
}
.client-profile-padd {
    padding:37px
}
.client-modal .right-submit-option .btn-fixed{
    position: absolute;
    bottom: 0;
    right: 0;
}
.client-modal .form-group.error{
    border: 1px solid red;
}
.client-modal #second-sec, .client-modal #third-sec{
    clear: both;
}
.client-modal-info .action-plan-name p {
    position: relative;
    border-bottom: 1px solid #7b7b7b;
    margin: 5px 0;
}
.client-modal-info .action-plan-name .fa.fa-times.link {
    position: relative;
    color: #000;
}
.client-modal-info .action-plan-name p i {
    color: green;
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 18px;

}
.client-modal-info .action-plan-name span {
    display: inline-block;
}

.client-modal-info .action-plan-name span.timestamp {
    color: #c4c3c3;
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
}
.client-modal-info .modal-content .action-plan-name {
    height: 220px;
    overflow: scroll;
    padding-left: 15px;
    border-left: 1px solid #ccc;
}
.client-modal-info .modal-header{
    border-color: #000;
}
.client-modal-info .accordion-sec input, .client-modal-info .accordion-sec select {
    width: 175px;
    display: inline-block;
}

.client-modal-info .accordion-sec label {
    width: 90px;
    margin: 0;
}
.client-modal-info .modal-footer{
    padding-bottom: 0;
}
.client-modal-info .form-group.check-box label {
    width: 75px;
}

.client-modal-info label.switch {
    width: 40px !important;
    margin-right: 10px;
    margin-left: 5px;
}

.client-modal-info  #likelihood {
    width: 25%;
    line-height: 20px;
    border: 1px solid #ccc;
    padding: 3px;
    text-align: center;
    border-radius: 4px;
}
.client-modal-info #upcmng-actions {
    margin-bottom: 0;
}
.client-modal-info .modal-content .panel_bdr{
    width: 100%;
}
.client-modal-info .clientprofile-editor.modal-body {

    float: right;
    border-bottom: 1px solid;

}

.block-modal{
    width: 100%; 
    height: 100%;  
}

.white-box-item .row.sort-sec {
    position: absolute;
    border: 0px solid;
    background: #fff;
    padding: 10px;
    z-index: 9999;
    width: 200px;
    box-shadow: 1px 1px 10px #808080;
    right: 0px;
    top: 100%;
    margin-top: 10px;
    text-align: left;
    transition: all 0.4s ease-out;
    display: none;
}


.white-box-item .row.sort-sec.active {
    display: block;
}

.white-box-item .row.sort-sec .row {
    margin-bottom: 10px;
}
.white-box-item .row.sort-sec span {
    font-size: 15px;
    margin-left: 5px;
}

.white-box-item .row.sort-sec .col-md-3 {
    text-align: center;
}
.white-box-item .header-filter {
    text-align: right;
    cursor: pointer;
}
.white-box-item .header-filter .priority {
    display: inline-block;
}

.white-box-item .header-filter img {
    display: inline-block;
    margin: 0 15px;
}
.white-box-item .header-filter  .fa.fa-ellipsis-v{
    font-size: 30px;
    position: relative;
    top: 10px;
}
.sale-cycle-circle {
    position: absolute;
    margin: auto;
    top: 110px;
    left: 75px;
}

.sale-cycle-arrow {
    position: absolute;
    margin: auto;
    top: 110px;
    left: 155px;
}

.stage-name, .stage-name-deal {
    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    height: auto;
    vertical-align: top;
    min-height: auto;
}

.dashboard-pipeline .table > thead:first-child > tr:first-child > th:first-child{
    padding-left: 45px !important;
    min-width: 285px;
}
.dashboard-pipeline th:last-child{
    padding-right: 0px !important;
    min-width: 200px;
}

.dashboard-pipeline .table > thead:first-child > tr:first-child > th{
    padding: 16px 0 !important;
}

.stage-name-deal{
    min-height:auto;
}

.stage-name-deal span{
    padding-left: 5px;
}

.stage-deal-size {
    display: inline-block;
    font-size: 18px;
}

.stage-deal-size, #span-1 , #span-2 {
    color: #808080c9;
}

.client-name span span {
    float: left;
}

.dashboard-pipeline .head-arrow:last-child:before{
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    background-image: url('../images/right-arrow.png');
    width: 29px;
    height: 90px;
}

.dashboard-pipeline .head-arrow img {
    position: absolute;
    top: -2px;
    left: -1px;
}

.dashboard-pipeline .table {
    width: 90%;
}

.dashboard-pipeline .head-arrow {
    border-top: 2px solid #626262;
    border-bottom: 2px solid #626262;
    height: 90px;
    padding-top: 15px;
    padding-left: 20px;
    margin-bottom: 8px;
    -webkit-box-shadow: 0px 18px 5px 0px #7773735e;
    -moz-box-shadow: 0px 18px 5px 0px #7773735e;
    box-shadow: 0px 5px 0px 0px #7773735e;
    display: inline-block;
    position: relative;
    width: 220px;
}

.dashboard-pipeline .head-arrow p {
    padding-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pipeline-scroll.drag-drop  {
    min-width: 100px;
    min-height: 100px;
    margin-right: 3px;

}

.dashboard-pipeline .table thead tr {
    box-shadow: -8px 5px 8px gray;
}

.dashboard-pipeline .head-arrow:last-child::before {
    right: -26px;
}
.dashboard-pipeline .head-arrow:first-child::after {
    left: -4px;
}

.pipeline-clients {
    position: relative;
    bottom: 15px;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px; }

::-webkit-scrollbar-track {
    background: #F5F5F5;
    border: 2px solid white; }

::-webkit-scrollbar-thumb {
    background: #CCCCCC; }

.dashboard-pipeline td{
    padding: 10px 0px;
}

.pipeline-scroll {
    display: inline-block;
    width: 220px;
    position: relative;
    vertical-align: top;
    overflow:auto;
}

.pipeline-data .descripton-wrap{
    position: relative;
    width: 95%;
    display: inline-block;
    word-break: break-all;
    white-space: normal;
}
.descripton-wrap .sub-text{
    font-size: 12px;
    color: #808080;
    padding-left: 2px;
}

.pipeline-data .contact-name{
    width: 150px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
}

.pipeline-data .company-name{
    width: 95%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: #808080;
}

.pipeline-data .opp-name
{
    width: 95%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 5px;
    font-size: 13px;
    color: #008000bd;
}

.pipeline-data .deal_size{
    padding-left: 0px;
}

.dashboard-pipeline td:first-child .pipeline-scroll{
    margin-left: 0px;
    width: 86%;
}

.dashboard-pipeline td:last-child .pipeline-scroll{
    width: 125%;
}

.sales-drop-box{
    position: absolute;
    z-index: 999999;
    width: 80%;
    height:100%;
}

/* Timeline */
.timeline,
.timeline-horizontal {
    list-style: none;
    padding: 20px;
    position: relative;
}
.timeline:before {
    top: 40px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #000;
    left: 50%;
    margin-left: -1.5px;
}
.timeline .timeline-item {
    margin-bottom: 20px;
    position: relative;
}
.timeline .timeline-item:before,
.timeline .timeline-item:after {
    content: "";
    display: table;
}
.timeline .timeline-item:after {
    clear: both;
}
.timeline .timeline-item .timeline-badge {
    color: #fff;
    width: 54px;
    height: 54px;
    line-height: 52px;
    font-size: 22px;
    text-align: center;
    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -25px;
    background-color: #7c7c7c;
    border: 3px solid #ffffff;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}
.timeline .timeline-item .timeline-badge i,
.timeline .timeline-item .timeline-badge .fa,
.timeline .timeline-item .timeline-badge .glyphicon {
    top: 2px;
    left: 0px;
}
.timeline .timeline-item .timeline-badge.primary {
    background-color: #1f9eba;
}
.timeline .timeline-item .timeline-badge.info {
    background-color: #5bc0de;
}
.timeline .timeline-item .timeline-badge.success {
    background-color: #59ba1f;
}
.timeline .timeline-item .timeline-badge.warning {
    background-color: #d1bd10;
}
.timeline .timeline-item .timeline-badge.danger {
    background-color: #ba1f1f;
}
.timeline .timeline-item .timeline-panel {
    position: relative;
    width: 46%;
    float: left;
    right: 16px;
    border: 1px solid #c0c0c0;
    background: #ffffff;
    border-radius: 2px;
    padding: 20px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline .timeline-item .timeline-panel:before {
    position: absolute;
    top: 26px;
    right: -16px;
    display: inline-block;
    border-top: 16px solid transparent;
    border-left: 16px solid #c0c0c0;
    border-right: 0 solid #c0c0c0;
    border-bottom: 16px solid transparent;
    content: " ";
}
.timeline .timeline-item .timeline-panel .timeline-title {
    margin-top: 0;
    color: inherit;
}
.timeline .timeline-item .timeline-panel .timeline-body > p,
.timeline .timeline-item .timeline-panel .timeline-body > ul {
    margin-bottom: 0;
}
.timeline .timeline-item .timeline-panel .timeline-body > p + p {
    margin-top: 5px;
}
.timeline .timeline-item:last-child:nth-child(even) {
    float: right;
}
.timeline .timeline-item:nth-child(even) .timeline-panel {
    float: right;
    left: 16px;
}
.timeline .timeline-item:nth-child(even) .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}
.timeline-horizontal {
    list-style: none;
    position: relative;
    padding: 20px 0px 20px 0px;
    display: inline-block;
}
.timeline-horizontal:before {
    height: 3px;
    top: auto;
    bottom: 26px;
    left: 56px;
    right: 0;
    width: 100%;
    margin-bottom: 20px;
}
.timeline-horizontal .timeline-item {
    display: table-cell;
    height: 200px;
    /*width: 20%;*/
    min-width: 120px;
    float: none !important;
    padding-left: 0px;
    padding-right: 20px;
    margin: 0 auto;
    vertical-align: bottom;
}
.timeline-horizontal .timeline-item .timeline-panel {
    top: auto;
    bottom: 64px;
    display: inline-block;
    float: none !important;
    left: 0 !important;
    right: 0 !important;
    min-width: 100px;
    margin-bottom: 20px;
    padding: 4px 10px;
    width: 130px;
    word-wrap: break-word;
}
.timeline-horizontal .timeline-item .timeline-panel:before {
    top: auto;
    bottom: -16px;
    left: 28px !important;
    right: auto;
    border-right: 16px solid transparent !important;
    border-top: 16px solid #c0c0c0 !important;
    border-bottom: 0 solid #c0c0c0 !important;
    border-left: 16px solid transparent !important;
}
.timeline-horizontal .timeline-item:before,
.timeline-horizontal .timeline-item:after {
    display: none;
}
.timeline-horizontal .timeline-item .timeline-badge {
    top: auto;
    bottom: 0px;
    left: 43px;
}
.tab-dots {
    float: right;
    cursor: pointer;
}

.proposal-invoice.tab-dots{
    position: relative;
    top: 6px;
    left: 5px;
}

.arrow-invoice {
    position: relative;
}

.arrow-invoice .fa {
    position: absolute;
    top: 1px;
    left: -20px;
}

.tab-sorting-panel{
    position: absolute;
    background: #fff;
    z-index: 999999;
    border: 1px solid gray;
    padding: 10px;
    width: 175px;
    margin-left: 35%;
    margin-top: -17px;
}

.invoice-tab{
    position: absolute;
    background: #fff;
    z-index: 999999;
    border: 1px solid gray;
    padding: 10px;
    width: 175px;
    top: 5px;
    right: 0px;
}

.historytimeline .item .details.history-box.timeline-pad{
    margin-left: 75px;
}

.history-box {
    border: 2px solid;
    border-radius: 10px 10px 0 0;
    padding-top: 0px!important;
}

.historytimeline .item .details > div span.timeline-item-expand.history-title {
    display: block;
    background-color: #32a692;
    color: #fff;
    padding: 8px 15px;
    border-radius: 8px 8px 0 0;
    font-weight: bold;
    margin-right: 0;
}

.history-box .history-footer {
    border-top: 1px solid;
    display: block;
    background: #eeeeee;
    text-align: right;
    min-height: 20px;
}
.history-box .history-footer img {
    width: 28px;
    margin-right: 10px;
    padding: 5px 0;
}

.history-box .timeline-item-details {
    overflow: scroll;
    white-space: pre-wrap;
    display: block;
    max-width: 100%;
}
.history-box .timeline-item-details iframe {
    position: unset!important;
}
/*Notification css*/
.setting-button a{
    background-color: transparent;}

/*Notification css*/

/*setting-page-start*/
.head {
    border-bottom: 1px solid #d9dadc;
    padding: 10px;
}
.eidtor-bg-color {
    background-color: #edeef0;
    padding: 15px;
    /* border-radius: 8px;*/
}
.settings-page .head h3 {
    margin: 0;
}
.settings-page .clientTether-detail span.setting-head{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    display: block;
    color: #000;
}
.settings-page .clientTether-detail span{color:#a7abae;}

.settings-page .tabs-sec ul li{
    width: 100%;
    float: none;
    background-color: #e2e4e7;
    border-bottom: 1px solid #edeef0;
}
.settings-page .tabs-sec ul.nav-pills {
    border-bottom: 0px solid;
    margin-top: 10px;
}
.settings-page .tabs-sec ul li a{
    margin-right: 0;
    border:none;
    border-radius: 3px 0 0 3px;
    font-size: 16px;
    color: #283135;
}
.settings-page .tabs-sec .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus{
    background-color: #fff;
    color: #000;
}
.settings-page .tabs-sec ul li a:hover{
    margin-right: 0;
    border:none;
    border-radius: 6px 0 0 6px;
    background-color: #e2e4e7;
}
.settings-page .row.border {
    border-bottom: 1px solid #ccc;
}
.settings-page .tab-content h3{
    margin-top: 0;
}
.settings-page .tab-content .fade.tab-pane{
    padding: 15px;
}
.settings-page .tab-content form {border-bottom: 1px solid #ccc;margin-bottom: 15px;}
.settings-page .tab-content form .form-group{
    width: 33.3334%;
    float: left;
    padding: 0 15px 0 0;
    margin-bottom: 8px;
}
.settings-page .tab-content .save_btn{
    margin-top: 15px;
}
.settings-page .tab-content form select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
}
.settings-page .color-square {
    padding: 4px 13px;
    margin-right: 10px;
    border-radius: 50%;
    border: 2px solid #ccc;
}

.settings-page .tab-pane td span{
    display: flex;
}


.settings-page .tab-pane table.financialtab td span{
    display: inline;
}

/*For block html*/
.settings-page .tab-pane .block-html td span{
    display: unset;
}

.settings-page .tab-pane .block-html table{
    margin-top: unset;
    border: unset;
}


#left-tabs-example-pane-email-smtp .row {
    padding-bottom: 10px;
    padding-left: 10px;
}

.hostedpage-modal .col-sm-3 label {
    padding-right: 5px;
}


.simple-lead-form {
    width: 816px !important;
    height: auto;
    margin: 20px auto;
    box-shadow: 1px 1px 15px 2px #d0d0d0;
    border: none;
    padding: 15px;
}

.simple-lead-form .col-sm-4.col-xs-4 {
    text-align: right;
    padding-right: 10px;
}

/* Lead-Sources-css=========== */

#left-tabs-example-pane-Lead-Sources .leadsource-page .key span{
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#left-tabs-example-pane-Lead-Sources .leadsource-page .key a{
    vertical-align: top;
}

.chk-box-proposal .call-type{
    border: 1px solid #ccc;
    margin-bottom: 5px !important;
}

.menu-color .color-square {
    padding: 4px 13px;
    margin-right: 10px;
    border-radius: 50%;
    border: 2px solid #ccc;
}
.color-square.color-square-active {
    box-shadow: 1px 5px 8px #666;
}
.file-choose {
    width: 60%;
    float: left;
    padding: 10px 0;

}
.file-choose-logo {
    width: 60%;
    float: left;
}
.select-color{
    width: 35%;
    float: left;
}
.file-choose span{
    font-size: 12px;
    color: #91989a;
}
.select-color p, .file-choose p{
    font-weight: 600;
    margin-bottom: 0;
}
.settings-page .button_plus{
    float: none;
}
.settings-page .tab-pane td {
    font-size: 15px;
}
.settings-page .tab-pane table{margin-top: 20px;}
.settings-page .tab-pane .fa{
    font-size: 18px;
    color: #41ae8f;
}

.settings-page .tab-pane #announcement-tab td {
    width: auto;
    font-size: 15px;
}

.notification-settings .table-responsive, #announcement-tab .table-responsive, .parser-tab .table-responsive, #sales-cycle-tab-example .table-responsive, #left-tabs-example-pane-Users .table-responsive, #left-tabs-example-pane-hostedpage .table-responsive{
    margin-top:0px;
}

.settings-page .disabled-field{
    border: none;
    background: transparent;
    cursor: auto;
}
.cancel-icon i.fontello:before {
    content: '\f00d';
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.eject-icon .active-icon:before{
    content: '\f052';
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.forward-icon .active-icon:before{
    content: '\f04e';
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.backward-icon .active-icon:before{
    content: '\f04a';
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sortable{border: 2px solid skyblue;}
.sortable .active-icon{padding: 0 20px 0 20px; outline: none;
    background: #79B0EC;
    color: white;
    border-color: #79B0EC;}

.panel-bg-color{
    text-align: center;
    border: 0px solid;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    background-color: #999999;
    box-shadow: 1px 1px 6px 0px #ccc;
    color: #fff;
    font-size: 16px;
    width: 100%;}
.action-plan-sec .panel-header{
    padding: 0 15px;
}
.action-plan-sec .panel-body{
    border: 0px solid;
    margin: 0 15px;
    box-shadow: 1px 1px 6px 0px #ccc;
}
.action-plan-sec .marg_15{
    margin-bottom: 15px;
}
.call-type{
    margin:0!important;
}
.vertical-type{
    vertical-align: top;
    margin-left: 6px;
    margin-right: 6px
}

.operation-settings .col-md-4{
    padding: 0 10px;
}
.box-shadow {
    border: 0px solid;
    box-shadow: 1px 1px 6px 0px #ccc;
    padding: 15px;
    margin-bottom: 15px;
}
.phone-menu-options .row:not(:first-child){
    padding: 10px 0;
}
.btn.btn-red {
    background: #c01c27;
    color: #fff;
    margin-right: 15px;
}
.padd_15{padding: 0 15px;}
.padd_top_15{padding:15px 0;}
.lead-source-btn:hover{background-color:transparent;}
.add-new-lead{padding: 0 20px;}
.pad_color_heading{padding: 8px 0;}
.margin_10{margin: 10px auto;}
.new-conversion{padding: 10px 0; text-align: center;}
.pull-none.active, .pull-none.inactive{padding: 0px 10px; }
/*setting-page-end*/

.client-modal{
    width: 86%;
}

.virtual-schedule-modal{
    width: 55%;
}

.actionplan-form{display: block;}
.actionplan-message{display: none;}

.actionplan-form .text-right{text-align: right;}
.actionplan-form .plan-input{padding: 0 20px;}

.actionplan-message h2{color: rgb(65, 174, 143);}

.plantimeline .nav > li > a:hover{background-color: transparent;}
.plantimeline .nav-pills > li.active > a{background-color: transparent;}
.plantimeline .nav-pills > li.active > a{color:  #428bca;}
.action-button a.button_plus{ float: left;padding: 0;margin-top: -6px;}
.action-button span{padding: 0px 0 0 15px; display: table; border: none;color: rgb(65, 174, 143);}
.action-button a > span{color: #fff;}
.action-button .button_add_new{margin-bottom: 20px;}

.action-button a.button_plus{ float: left;}
.action-button span{/*padding: 6px 40px;*/ border: none;color: rgb(65, 174, 143);}
.action-button a > span{color: #fff;}
.action-button .button_add_new{margin-bottom: 20px;}
.plantimeline .button_box{text-align: right;}
.plantimeline .button_box button {
    margin-right: 15px;
    margin-top: 15px;
}
.plantimeline .button_box a{float: right;margin: 5px 10px 0 0;color: #999;}
.plantimeline .button_box a{float: right;margin: 5px 10px 0 0;color: #999;margin-left: 15px;}
.plantimeline #action_type{display: block;}
.immediate span{display: inline-block; border: none; padding: 0;}
.immediate .call-type{margin-top: 2px!important;}
.close_btn{position: absolute;right: 5px;z-index: 9;top: 2px;}
.close_btn span{padding:0;border: none;}
.plantimeline .tabs-sec .panel.active{background-color: #fff;}
.plantimeline .tabs-sec .panel{background-color: #e2e4e7;border-bottom: 3px solid #edeef0;box-shadow: none;margin: 0; padding: 10px;}
.plantimeline .tabs-sec .panel .time-line-sidebar{margin: 0;padding: 0px; display: inline-block; width: 100%;}
.plantimeline .tabs-sec .panel span time{font-size: 12px; color: #999;}
.plantimeline .tabs-sec .panel .time-line-sidebar span { width: 100%;}
.plantimeline .tabs-sec .panel .time-line-sidebar{position: relative;}
.plantimeline .tabs-sec .panel .time-line-sidebar .time-status {position: absolute;right: 0;width: auto;top: -5px;}
.plantimeline .tabs-sec .panel span i{margin-left: 10px; font-size: 20px;}
.plantimeline .tabs-sec .panel span i.fa-volume-control-phone{transform: rotate(-30deg);}
.footer-btn-sec  .attach-btn i{font-size: 28px;color: rgb(65, 174, 143);}
.footer-btn-sec  .attach-btn{display: inline-block;}
.footer-btn-sec button{margin-right: 15px; margin: 10px 10px 10px 0;}
.footer-btn-sec a{color: rgb(65, 174, 143); margin-top: 16px;}

/*Notification css*/
.setting-button a{background-color: transparent;}
/*Notification css*/

/*enterprise css*/
.pad_20{padding: 20px 0;}
/*enterprise css*/

.historytimeline {
    margin-left: 20px;
}

.historytimeline .item {
    display: flex;
    max-width: 1000px;
    margin: 0px 40px;
    cursor: pointer;
}

.historytimeline .timelineDate{
    font-size: 14px;
    background-color: #32a692;
    color: #fff;
    font-weight: normal;
    padding: 7px 12px;
    border-radius: 6px;
    margin-bottom: 10px !important;
}
.historytimeline .item .image {
    padding: 20px 8px;
    border-right: 2px solid #000;
    position: relative;
}
.historytimeline  .item .image > div {
    position: relative;
    text-align: center;
    font-size: 0.8em;
}
.historytimeline .item .image > div::after {
    content: '';
    width: 100%;
    height: 0;
    border-bottom: 1px solid #232b50;
    position: absolute;
    top: 2.75em;
    left: 2.5em;
    z-index: -1;
}
.historytimeline .item .image img {
    /*border-radius: 50%;*/
    height: 25px;
    position: absolute;
    left: -4px;
    z-index: 99;
    background-color: #fff;
    top: -12px;
}
.historytimeline .item .image span {
    display: block;
    clear: both;
    padding: 0.25em 0;
}
.historytimeline .item .details {
    /* position: relative; */
    flex-grow: 1;
    margin-left: 50px;
    margin-bottom: 10px;
    padding-top: 8px;
}
/* .historytimeline .item .details > div {
  border-radius: 0.5em;
  padding: 5px 10px;
  margin-top:5px;
  display: table;
} */

.historytimeline .item .details .timeline-item-expand .glyphicon{
    float: right;
}
.historytimeline .item .details .timeline-item-details{
    white-space: pre-wrap;
    padding: 10px;
}
.historytimeline .item .details > div span.timeline-item-expand.note-text-stopped{
    color: #ff0000!important;
}
.historytimeline .item .details > div span.timeline-item-expand.date-warning{
    color: goldenrod !important;
}
.historytimeline .item .details > div span.timeline-item-expand {
    color: #000;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0.5em 0;
    letter-spacing: 0.1em;
    margin-right: 5px;
    cursor: pointer;
}
.historytimeline .item .details > div span.no-sms {
    color: #e1c424;
}
.historytimeline .item .details > div p {
    margin: 0;
    padding: 0;
    line-height: 150%;
}
/* .historytimeline .item .details::before {
  content: '';
  width: 0;
  height: 100%;
  border-left: 1px solid #232b50;
  position: absolute;
  top: 0;
  left: -4.35em;
  z-index: -1;
} */

.marg-left{
    padding-right: 10px;
}
.pad20Top{
    padding-top:20px;
}
.pad10Top{
    padding-top:10px;
}
.marg10Top{
    margin-top:10px;
}

.pad20Bottom{
    padding-bottom:20px;
}
.pad10Bottom{
    padding-bottom:10px;
}
/*client*/
.client-modal .clientprofile-editor .temp_padd .col-md-1{
    margin: 25px 0;
}
.sms-selct, .email-selct{padding-bottom: 10px;}
.email-cc{margin-top: 8px;}
.send-mail{margin-left: 10px;}
.client-sec .table-responsive{z-index: 1;
    position: relative;}
.table-striped.action-plan-table.table td a img {margin-bottom: 10px;}
/*client*/
.plantimeline .head label{margin-right: 8px;}

.spcl-feild{margin-bottom: 10px; margin-top: 40px; cursor:pointer;}

.srch-close-btn{margin-bottom: 15px;}

.import-page .import-success {
    display: none;
}
.import-page .margin_10{margin:10px 0px;}

/*.edit-tmplte .add-label input{width: 80%; display: inline-block; margin-left: 15px;}*/



/*start manage new css*/

.modal-body{
    padding: 0px;
}

.plantimeline .tabs-sec .panel span.stepIndex {
    float: left;
    color: #999;
    font-size: 11px;
    clear: both;
}

.acc-action-col .dropdown-menu {
    right:0;
    left: unset;
}

.deleteButtonClass {
    color: #fff !important;
    background-color: #DC143C;
}

.reactivateButtonClass {
    color: #fff !important;
    background-color: #3fdc11;
}

img.delete {
    width: 27px;
    padding: 2px;
}

.constant-btn button{
    padding: 0px 2px;
    margin-top: 2px;
}
.constant-data{
    padding-left: 15px;
}

.constant-data label.clear{
    width: 90%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 26px;
    margin-bottom: 0;
    padding-left: 13px;
}
.constant-data label.clear input{
    position: absolute;
    left: -4px;
    top: 2px;
}
.edit-constant p.lead-source-btn {
    margin: 0;
}
.text-d-block .form-control {
    width: 70% !important;
    display: inline-block;
}
td.align-tight {
    text-align: right !important;
}

#flip{
    width: 5%;
    float: right;
    padding: 5px;
    text-align: center;
    position: absolute;
    right: 0;
    background-color: #8a9194;
    border-radius: 10%;

}
#panel{
    position: absolute;
    width: 30%;
    z-index: 999;
    right: 0;
    top: 125px;
    padding: 50px;
    display: none;
    text-align: center;
    background-color: #fff;
    border: solid 2px #c3c3c3;
    border-radius: 3% 0% 0% 3%;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
}

.clone-modal .modal-dialog {
    width: 600px;
    /*margin: 0 auto;*/
}
.clone-modal.sample-page-model .modal-dialog {
    width: 375px;
}
.clone-modal.sample-page-model .clone-footer a{margin: 0px 5px;}

.clone-select-plan{display: inline-block; width: 80%;}
.clone-footer{padding: 15px;}


.marg_rit{margin-right: 15px;}
.marg_left{margin-left: 15px;}
.marg_rit5{margin-right: 5px;}

.client-lead{display: inline-block; width: 220px;}

.client-modal .au_block, .client-modal .opp_block, .client-modal .tmc-block, .client-modal .info-first, .client-modal .info-second, .client-modal .info-third, .client-modal .close-block  {padding-right: 10px;
    padding-top: 10px;}

.client-modal .au_block .button_plus img {
    width: 19px;
}

/* .client-modal .opp_block .form-group {
  padding: 0 10px;
} */

.client-modal .opp_block .button_plus {
    width: 25px;
    margin-top: 29px;
}

.client-modal .opp_block .fa-calculator {
    font-size: 18px;
    color: gray;
    position: relative;
    top: 6px;
}

.client-modal .opp_block .button_plus img {
    width: 100%;
}

.client-modal #right-side-panel #arrow-2, .client-modal #right-side-panel #arrow-1.gray-arrow {
    color: #00000057;
    font-size: 15px;
    cursor: pointer;
}

.client-modal .second-sec , .client-modal .third-sec {
    border-top: 1px solid #aaa;
    clear: both;
}

.client-modal #right-side-panel #arrow-1, .client-modal #right-side-panel #arrow-2.black-arrow {
    color:#000000;
    font-size: 15px;
    cursor: pointer;
}

.client-modal #second-sec, .client-modal #third-sec
{
    display: none;
}

.pencil_icon{padding: 11px!important;}
.delete{width: 20px; margin-left: 3px;}
.radio_btn{vertical-align: bottom;}
.client-sms{color: #42ae96!important;}
.padd_10{padding: 0 10px;}
.padd_full_10{padding: 10px;}
.padd_top_15{padding:15px 0;}
.padd_host_10{padding: 10px 10px;}
.middle-panel {
    display: flex;
    min-height: calc(100vh - 260px);
    margin-top: 80px;
}
.drop-highlight {
  background-color: #ffc107; /* Set your desired highlight background color */
  border: 2px dashed #000; /* Add a dashed border to indicate the drop zone */
}
.center-panel {
    background-color: #edeef0;
    padding: 20px 0;
    float: left;
    width: 100%;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}

.center-panel-short{
    width: 82%;
}

.side-panel-container{
    display: none;
}

.side-panel-container .right-side-inner{
    padding: 10px;
}

.right-side-panel {
    background-color: #edeef0;
    float: right;
    width: 40px;
    border-left: 1px solid #ccc;
    -webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
    padding: 0 2px;
}

.right-side-panel-open {
    width: 18%;
}

.right-side-panel .side-panel-icon-container .teal-not {
    width: 25px;
    height: 25px;
    border: 1px solid
    teal;
    border-radius: 50%;
    margin: 5px;
}

.right-side-panel .side-panel-icon-container .red-not {
    padding: 2px;
    background:
            red;
    border-radius: 50%;
    right: 0px;
    width: 25px;
    height: 25px;
    text-align: center;
}

.right-side-panel .side-panel-icon-container .red-not > span {
    color: #fff;
    font-size: 14px;
}

.right-side-panel .side-panel-icon-container .yellow-not {
    padding: 2px;
    background:yellow;
    border-radius: 50%;
    right: 0px;
    width: 25px;
    height: 25px;
    text-align: center;
}


.side-panel-icon-container{
    /* width: 100%;*/
    /*clear: both;*/
    /*height: 50px;*/
    float: left;
}

.content-notification {
    border-bottom: 1px
    gray solid;
}

.content-notification h4 {
    display: inline-block;
    margin-right: 10px;
}

.content-notification span > span {
    margin-right: 10px;
    font-size: 15px;
}

.content-notification span > span:first-child {
    color: teal;
}
.notification-scroll{
    overflow: auto;
}
.notification-rollup h4{
    display: inline-block;
    margin: 0;
}

.notification-rollup span {
    padding-left: 8px;
}

.notification-rollup .force-collapse .row {
    border-bottom: 1px solid
    #ccc;
    padding: 6px 0px;
}

.notification-rollup .glyphicon-remove-circle:hover {
    color:red;
}

.notification-rollup .glyphicon {
    cursor: pointer;
}

.side-panel-icon, .close-side-panel, .panel-resize-increase, .panel-resize-decrease {
    padding: 5px;
    /*border-radius: 18px;*/
    margin: 6px 2px;
    display: block;
    font-size: 14px;
    cursor: pointer;
}

.right-side-panel{z-index: 999; right: 0; display: flex;}

.right-btn{
    float: right;
}

.countNotification, .yellowFlag {
    margin-right: 25px;
    text-align: center;
}

#header .navbar-inverse .header-menu li.countNotification > a {
    padding: 2px;
    background: red;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    min-width: 25px;
    font-size: 14px;
}

#header .navbar-inverse .header-menu li.yellowFlag > a {
    padding: 2px;
    position: absolute;
    right: 0px;
    min-width: 25px;
    font-size: 17px;
    color: yellow;
}

.calendar-container{
    height: 800px;
    padding:10px;
}
#uncontrolled-caledar
{
    margin-top: 40px;
}
#uncontrolled-caledar .rbc-calendar
{
    height: 500px;
}

.tabs-sec .tab-content {
    max-height: 585px;
    overflow-y: scroll;
    position: relative;
    z-index: 0;
}
.tabs-sec {
    background: none;
    border: none;
    box-shadow: none;
}

.tabs-sec .tab-content {
    max-height: 585px;
    overflow: scroll;
}
.tabs-sec .tab-content {
    background: white;
}

.form-group.ever-visible {
    border: 1px solid #ccc;
    padding: 5px 0;
    border-radius: 4px;
    /*clear: both;*/
}
.form-group.ever-visible label {
    color: #999;
    font-size: 11px;
    margin-left: 12px;
    font-weight: normal;
    margin-bottom: 0;
    opacity: 0.6;
}
.form-group.ever-visible .form-control {
    border: none;
    box-shadow: none;
    background: transparent;
    padding: 0 12px;
    height: auto;
}

.client-modal .right-submit-option .bg-white {
    display: block;
    text-align: center;
}


.settings-page{padding: 10px;}
.user_box{width: 100%;}

#call-center button.accordion{
    font-size:13px;
    background-color: #899194;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: none;
    margin-top: 3px;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 10px 10px 0 0;
}
#call-center .accordion-sec .panel{
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 10px 0;
}

.account_sec label{display: block; padding: 5px; margin: 0px;}
.account_sec select{width: 100%;}

.fade.in.modal{padding: 0;}
.client-modal .cell-phone{ width: 70%; float: left; }
/*.client-modal .cell-phone label{display: block;}
.client-modal .cell-phone .form-control{height: 34px!important; margin-bottom: 7px;}*/
.client-modal .check-box{clear: both;}
.client-modal .modal-header{padding:0;}
.client-modal .clientprofile-editor .left-panel{width: 27%; float: left;}
.client-modal .clientprofile-editor .right-panel{width: 73%; float: left;position: initial;}
.client-modal .custom-select.form-group.chs-template {width: 65%;float: left;margin-right: 10px;margin-left: 10px;}
.client-modal .custom-select.form-group.ever-visible {width: 65%;float: left;margin-right: 10px;}
.client-modal .marg_rit_35{width: 105px;}
.client-modal .dropdown_opt{text-align: center;}
.client-modal .modal-dialog{margin: 0 auto;}
.client-modal .subaccount-name{font-size: 11px;color: #000;font-weight: 600;margin-top: 6px;display: block;}
.client-modal .client-name{min-height: 20px;  font-size: 18px;  font-weight: 600;}
.client-modal .smsOk label, .client-modal .smsOk label.contain{ font-weight: normal; font-size: 12px; margin-left: 10px; }
#closeModel{margin-left: 20%;}
#new label{margin-top: 5px; margin-bottom: 0;}

.client-modal #clientinfo, .client-modal #upcmng, .client-modal #attachments {
    position: relative;
}

#call-center .btn.btn-red{
    margin-right: 0px;
}
#body-background{overflow: hidden;}
.plan-button a{color: rgb(65, 174, 143);}

#call-center .btn.btn-red{
    margin-right: 0px;
}

#uncontrolled-caledar ul.nav-tabs{
    display: inline-flex;
    width: 100%;
    overflow-x: auto;
}
#uncontrolled-caledar ul.nav-tabs li
{
    overflow: unset;
    height: 71px;
    max-width: 100%;
    width: 100%!important;
    text-align: center;
}

#uncontrolled-caledar ul.nav-tabs li a{
    height: 70px;
    overflow: hidden;
    padding: 6px;
    font-size: 12px;
    word-wrap: break-word;
}

#full-calender-page #uncontrolled-caledar ul.nav-tabs li a{
    overflow: hidden;
    padding: 6px;
    font-size: 14px;
    word-wrap: break-word;
}
#full-calender-page #uncontrolled-caledar .tab-content{
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
}
#uncontrolled-caledar ul.nav-tabs li.active a
{
    height:72px;
}
.plan-button .dlt-btn{float: right;}

.dashboard-page .white-box-item select{width: 30%;display: inline-block;margin-left: 10px;}
.dashboard-page .form-control.spd-range {margin-top: 34px;width: 95%;}
#left-tabs-example-pane-logCodeSetting .lead-source-btn {
    width: 80%;
    text-align: left;
}
.leadsource-page .edit-sec{position: absolute;top: -4px;width: 100%; left: 30px;}
.leadsource-page .edit-sec .lead_save{position: absolute;right: 4px;padding: 2px 8px;margin-top: 4px;}

.leadsource-page .edit-sec .lead_input{display: inline-block;}
.leadsource-page button > .lead-source-btn{position: relative;}
.leadsource-page .lead-source-btn{display: inline-block; border: none !important; background-color: transparent;margin: 0; margin-left: 8px;}
.leadsource-page .cancel_btn{color: rgb(65, 174, 143);}
.leadsource-page.row {border-bottom: 1px solid #ccc; padding: 8px 0;}
.panel-body .lead_name{border-bottom: 1px solid #ccc; padding: 10px 0px;}
.leadsource-page img{cursor: pointer;}
.leadsource-page .key span{display: inline-block;}
.lead_button{margin-bottom: 10px;}
.user-table .table-responsive tbody tr td {width: auto;vertical-align: middle;}
.user-table td{width: auto!important;}
.user-table table{border: 1px solid #ccc;}
.user-table table thead tr{box-shadow: 0px 1px 6px #808080;}
.timeline-item-details {display: table;max-width: 295px; white-space: pre-wrap;}
.new-tab-history i{font-size: 35px; padding-top: 10px;}
.new-tab-history{border-top: 1px solid #ccc; margin-top: 10px; }
.new-conversion .d-block label{display: block;float: left;}
.user-table td{width: auto!important; font-weight: bold;}
.new-tab-history a{color: #42ae96;}
.new-tab-history li, .new-tab-history li li {display: block;}
.new-conversion .d-block label{display: block;float: left;}
.new-tab-history li{list-style-type: none;}
.history-detail .historytimeline{padding-top: 1px;}
.history-detail .timelineDate{margin:10px;}

.plantimeline .react-datepicker-time__header, .clientprofile-editor .react-datepicker-time__header{font-size: 14px;}
.plantimeline .react-datepicker-popper, .clientprofile-editor .react-datepicker-popper{ min-width: 350px}
/*end manage new css*/

/*task page */
.task-page .task-title{margin-top: 0px;}
.task-page .add-task{margin-bottom: 10px; border-radius: 20px; }
.task-detail hr{margin-top: 0px; margin-bottom: 10px;}
.task-detail span{float: right; display: block;}
.task-sec label{display: inline-block; margin:10px 0px 0px;}
.taskclose{float: right;}
#add {background-color:#e7e7e7;}
#add:focus{background-color:#fff;}
/*task page end*/

/* color picker CSS start */
/* Common stuff */
.picker-wrapper,
.slide-wrapper {
    position: relative;
    float: left;
}
.picker-indicator,
.slide-indicator {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.picker,
.slide {
    cursor: crosshair;
    float: left;
}

/* Event Tab */

.event-tab .col-md-5, .event-tab .col-md-6, .event-tab .col-md-2, .event-tab .col-md-4, .event-tab .col-md-12
{
    padding: 0 10px;
}

/* User modal */

.user-modal-setting .form-group
{padding: 2px;}

/* Log Tab */
.log-setting .form-group
{
    padding: 10px;
    margin-bottom: 0;
}

.log-setting .log-code-sec .form-group {
    padding: 0 10px;
    margin-bottom: 0;
}

/* Enterprise Setting */
.ent-setting .full-padding label{
    float: right;
    padding-right: 10px;
}
/* feature plan */

.feature_plan_modal .modal-header
{
    text-align: center;
}

.feature_plan_modal .modal-title label{
    float: left;
}
.check-box.ftr_pln
{
    display: inline-block;
    float: right;
    right: 25px;
    position: relative;
}

.ftr-plan input {
    display: inline-block;
    width: auto;
    margin: 0 15px 0 0;
    height: 14px;
    font-size: 110%;
    cursor: pointer;
}

.ftr-plan .padd-plan {
    padding-left: 27px;
}
.ftr-plan input[type=checkbox]
{
    /* Double-sized Checkboxes */
    -ms-transform: scale(1.5); /* IE */
    -moz-transform: scale(1.5); /* FF */
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -o-transform: scale(1.5); /* Opera */
    transform: scale(1.5);
    padding: 10px;
}

.taxed-checkbox-bg{
    background-color: orange;
}

.quote-type-bg{
    background: yellow !important;
}

.full-padding.cw-static-report .d-flex {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.full-padding.cw-static-report .d-flex th,
.full-padding.cw-static-report .d-flex td 
 {
    width: 100%;
    border: 0px !important;
}
/* Default skin */

#header-color-picker,#lower-limit-color-picker{
    position: absolute;
    left: 160px;
    z-index: 99999;
    width: 260px;
    display: none;
}
#footer-color-picker,#upper-limit-color-picker{
    position: absolute;
    left: 160px;
    z-index: 99999;
    width: 260px;
    display: none;
}

.cp-default {
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 0 5px #000;
    border-radius: 15px;
    float: left;

}

.cp-default .picker {
    width: 200px;
    height: 200px;
}
.cp-default .slide {
    width: 30px;
    height: 200px;
}
.cp-default .slide-wrapper {
    margin-left: 10px;
}
.cp-default .picker-indicator {
    width: 5px;
    height: 5px;
    border: 2px solid darkblue;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    background-color: white;
}
.cp-default .slide-indicator {
    width: 100%;
    height: 10px;
    left: -4px;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
    border: 4px solid lightblue;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: white;
}

/* Small skin */

.cp-small {
    padding: 5px;
    background-color: white;
    float: left;
    border-radius: 5px;
}
.cp-small .picker {
    width: 100px;
    height: 100px;
}
.cp-small .slide {
    width: 15px;
    height: 100px;
}
.cp-small .slide-wrapper {
    margin-left: 5px;
}
.cp-small .picker-indicator {
    width: 1px;
    height: 1px;
    border: 1px solid black;
    background-color: white;
}
.cp-small .slide-indicator {
    width: 100%;
    height: 2px;
    left: 0px;
    background-color: black;
}

/* Fancy skin */

.cp-fancy {
    padding: 10px;
    /*    background-color: #C5F7EA; */
    background: -webkit-linear-gradient(top, #aaa 0%, #222 100%);
    float: left;
    border: 1px solid #999;
    box-shadow: inset 0 0 10px white;
}
.cp-fancy .picker {
    width: 200px;
    height: 200px;
}
.cp-fancy .slide {
    width: 30px;
    height: 200px;
}
.cp-fancy .slide-wrapper {
    margin-left: 10px;
}
.cp-fancy .picker-indicator {
    width: 24px;
    height: 24px;
    background-image: url(http://cdn1.iconfinder.com/data/icons/fugue/bonus/icons-24/target.png);
}
.cp-fancy .slide-indicator {
    width: 30px;
    height: 31px;
    left: 30px;
    background-image: url(http://cdn1.iconfinder.com/data/icons/bluecoral/Left.png);
}

/* Normal skin */

.cp-normal {
    padding: 10px;
    background-color: white;
    float: left;
    border: 4px solid #d6d6d6;
    box-shadow: inset 0 0 10px white;
}
.cp-normal .picker {
    width: 200px;
    height: 200px;
}
.cp-normal .slide {
    width: 30px;
    height: 200px;
}
.cp-normal .slide-wrapper {
    margin-left: 10px;
}
.cp-normal .picker-indicator {
    width: 5px;
    height: 5px;
    border: 1px solid gray;
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    background-color: white;
    pointer-events: none;
}
.cp-normal .slide-indicator {
    width: 100%;
    height: 10px;
    left: -4px;
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);
    border: 4px solid gray;
    background-color: white;
    pointer-events: none;
}

.deal-size-filed {
    padding-right:10px;
}
.deal-size-filed label,
.likelihood-field label,
.close-date-field label{
    font-size: 12px;
}
.likelihood-input {
    display: flex;
}
.Proposals {
    display: flex;
    align-items: center;
}
.proposal-icon {
    display: flex;
    align-items: center;
}
.include-text .font8{
   writing-mode: vertical-rl; 
   margin: 0;
}

.likelihood-field #likelihood {
    width: 75%;
    display: inline-block;
    margin-right: 5px;
}

.color-feild{position: absolute;top: -8px;margin-top: 10px;left: 50px;width: 100px;}
#preview-header-color,#preview-lower-limit-color{width: 35px; height: 35px; border: 2px solid #ccc;}
#preview-footer-color,#preview-upper-limit-color{width: 35px; height: 35px; border: 2px solid #ccc;}


/* color picker CSS end */

#call-center .btn.btn-red{
    margin-right: 0px;
}


#full-calender-page #uncontrolled-caledar ul.nav-tabs li a{
    overflow: hidden;
    padding: 6px;
    font-size: 14px;
    word-wrap: break-word;
}
#full-calender-page #uncontrolled-caledar .tab-content{
    padding: 10px;
    border: 1px solid #ccc;
    border-top: none;
}
#uncontrolled-caledar ul.nav-tabs li.active a
{
    height:72px;
}

.call-center-setting .row div.row{
    padding-left: 20px;
}

.no-padding.signature {
    min-height: 350px;
    overflow: auto;
}

#uncontrolled-calendar .tab-pane{
    height: 500px;
}

#header .dropdown-menu {
    left: unset;
    border-top:4px solid #888888;
    z-index:99999;
}

.success-notification{
    background-color: green;
    text-align: center;
    color: #fff;
}

table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
.payment-plans .table > thead > tr > th{
    vertical-align: middle;
    text-align: center;
}
.payment-plans .table > thead > tr > th:first-child {
    text-align: left;
}

.browsers-logo.text-center img {
    width: 50px;
}
.dropdown-header {
    background: #ccc;
    font-size: 13px;
    font-weight: 800;
}
#uncontrolled-tab-example .tab-content{
    min-height: 500px;
    max-height: 2000px;
    z-index: 99;
}
.clientprofile-editor .nav > li > a {
    padding: 10px;
    font-size: 14px;
}

.gu-mirror {
    position: fixed !important;
    margin: 0 !important;
    z-index: 9999 !important;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.gu-hide {
    display: none !important;
}
.gu-unselectable {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.gu-transit {
    opacity: 0.2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    filter: alpha(opacity=20);
}

@media (max-width: 1050px) {
    .header-menu li ul.dropdown-menu {
        left: 0 !important;
        display: none;
        background-color: #fff !important;
    }
    #header .navbar-inverse .header-menu li a {
        padding: 10px;
    }
    #header .navbar-inverse .header-menu li{
        display: table;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-toggle{margin: 20px 0; }

    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
    .navbar-nav > li, #header .menu {
        float: none!important;
    }
    .navbar-collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        -webkit-overflow-scrolling: touch;
        border-top: 1px solid transparent;
        border-top-color: transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    }
    /*
      .client-lead{
        width: 100%;
      } */

    #header .header-menu{
        width: 100%;
        padding: 0;
        margin:0;
        float: left;
    }
    /*.site_name{float: left;}*/
    .site_name .navbar-brand{padding: 15px;}
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #fff;}
    .dropdown-menu{
        position: relative;}
    #header .mega-dropdown .mega-dropdown-menu ul li{
        display: block;
        text-align: left;}
    #header .mega-dropdown .mega-dropdown-menu .sub-menu{
        margin-left: 0;}
    #header .mega-dropdown .mega-dropdown-menu ul li:last-child{
        float: left;}
    #header .mega-dropdown .mega-dropdown-menu .sub-menu::before{
        top: -22px;
        left: 55px;}
    #header .navbar-inverse .header-menu li:not(:last-child) {
        margin-top: 0px;}

    .site_name.navbar-header .navbar-toggle {
        margin-right: 15px;
    }
    #header .navbar-inverse .header-menu li:not(:last-child) {
        margin-top: 0px;
    }
    #header .navbar-nav .open .dropdown-menu {
        display: block;
    }
    #header .navbar-inverse .header-menu li a {
        padding: 10px;
    }
}

@media (max-width: 991px) {
    .simple-lead-form {width:auto !important;
        margin: 0 15px;}
    .client-modal .au_block .icon-block {
        width: 30px;
        float:right;
    }
    #left-tabs-example-pane-Proposal .prop-btn {
        float: none !important;
    }

    #left-tabs-example-pane-Proposal .prop-btn .col-md-12 {
        text-align: center;
    }

    #btn-additional {
        padding-top: 10px;
    }

    .email-tmplt .padd_10 {
        padding: 0px;
    }

    #left-tabs-example-pane-Lead-Sources .leadsource-page .key {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #left-tabs-example-pane-Proposal .qt-nmbr {
        margin: 0 auto;
        float: none;
    }

    .dashboard-page h3 {
        font-size: 17px;
    }

    .clientprofile-editor #uncontrolled-tab-example-pane-4 .pad20Top {
        padding-top: 0;
    }

    .clientprofile-editor #uncontrolled-tab-example-pane-4 .col-md-12.col-sm-12 .col-md-6:first-child {
        margin-bottom: 0;
    }

    .client-sec .table-responsive {
        height: 300px;
        overflow: scroll;
    }

    .action-plan-sec .panel-body .col-sm-12 {
        padding-bottom: 10px;
    }

    .button-box {
        margin-top: 0px;
    }

    .dashboard-page .form-control.dashboard-select {
        margin-left: 0;
    }

    .dashboard-page .form-control.spd-range {
        margin-top: 0px;
        width: 100%;
    }

    .accordian-header-acc {
        cursor: pointer;
        position: relative;
        display: table;
    }

    .accordian-header-acc::before {
        content: "\25bc";
        right: -15px;
        position: absolute;
    }

    .accordian-header-acc.active::before {
        content: "\25b2";
        right: -15px;
        position: absolute;
    }

    .accordian-header-list.active {
        display: block;
        opacity: 1;
        transition: all 0.4s ease-out;
    }

    .accordian-header-list {
        opacity: 0;
        display: none;
    }

    .report-page.container .padd_10.col-md-3 {
        padding: 0 0 10px;
    }

    .client-modal .custom-select.form-group.chs-template {
        margin-left: 0px;
    }

    .ent-setting .full-padding label {
        float: none;
        padding: 0px;
    }
    .plantimeline .tabs-sec .panel .time-line-sidebar .time-status {
        position: relative;
        top: 0;
    }

    /*  .clientprofile-editor{
        width: 95%;
      }*/
    .clientprofile-editor .head .right-btn {
        padding: 0;
    }

    #myNavbar {
        padding: 0;
    }
}

.drag-drop > p {
    padding: 8px;
    background: #eee;
    border: 1px solid black;
    margin: 2px;
    cursor: pointer;
}

.container.full-width-container{
    width: 98%
}

.client-model-close{
    position: absolute;
    right: 18px;
    top: 10px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

/* .opp_block .client-model-top-menu{
  padding: 0 10px;
  clear: both;
} */

.no-padding{
    padding: 0px!important
}

.right-options .client-model-top-menu.condition-block {
    padding: 0;
}
.client-model-top-menu.condition-block.row, .client-model-top-menu.addition-block.row { margin-top: 24px;}
.right-options .client-model-top-menu.condition-block .form-group {
    margin-bottom: 15px;
}
.right-options .client-model-top-menu .dropdown.btn-group {
    width: 100%;
    display: flex;
}
.client-model-top-menu .dropdown.btn-group button:first-child {
    width: 100%;
    margin: 0;
}
.right-options .client-model-top-menu.condition-block .form-group button{
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    padding: 6px;
}

.right-options .client-model-top-menu.condition-block .tmc-btn {
    padding-right: 10px;
}

.client-modal .arrow-main {
    position: absolute;
    top: 10px;
    width: auto;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid;
    border-radius: 5px;
    height: 22px;
    padding: 0 5px;
}

.right-options .client-model-top-menu  .no-margin {
    margin: 0 0 0 auto;
}

.right-options .client-model-top-menu .btn {
    margin: 0 0 0 auto;
    height: 35px;
}

.opp_block .label-head {
    font-size: 10px;
    min-height: 28px;
    display: block;
}
.opp_block .form-group {
    margin-bottom: 10px;
}
.right-options .label-head {
    width: 80px;
}

.right-options .marg_rit , .right-options .marg_rit5{
    margin-right: 15px;
    display: inline-block;
    width: 25%;
}

.right-options input {
    width: 65%;
    display: inline-block;
}

.client-modal-info .opp-name{
    color: #008000bd;
}

.pie-charts h3{
    height: 80px;
}

.report-page{
    width: 98%;
}

.report-page .white-box-item h3{
    margin-top:0;
}

.lead-source-graph{
    max-height: 335px;
    overflow: scroll;
}

.lead-source-graph .recharts-legend-wrapper {
    top: 230px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.marketing-cp-report .recharts-legend-wrapper, .marketing-week-cp-report .recharts-legend-wrapper{
    right: -25px !important;
}

.panel_bdr.panel_bdr_open{
    min-width: 100%
}

.panel_bdr_extra_close{
    margin-left: -15px;
    border-left: none!important;
    overflow: hidden;
    min-width: 14px;
    z-index: 98;
    padding: 0 0 !important;
    -webkit-transition: min-width 1s;
    -moz-transition: min-width 1s;
    -o-transition: min-width 1s;
    transition: min-width 1s;
}

.panel_bdr_extra_open{
    min-width: auto;
    overflow-x: hidden;
    max-height: 750px;
    overflow-y: auto;
    padding: 0 0 !important;
    z-index: 100;
    box-shadow: inset 1px 0 2px 0 #ccc;
    -webkit-transition: min-width 1s;
    -moz-transition: min-width 1s;
    -o-transition: min-width 1s;
    transition: min-width 1s;
}

.client-expand-panel-icon{
    float: right;
    margin-top: -10px;
    margin-right: -10px;
    width: 20px;
    height: 20px;
    background-color: #000000;
    transform: rotate(45deg);
    cursor: pointer;
}

.panel_bdr_extra_close form{
    display: none;
}

.panel_bdr_extra_open form{
    padding: 10px;
    display: block;
}

.quote-line{
    padding: 10px 0px !important;
    cursor: pointer;
    margin: 10px 0;
    margin: 5px;
    background-color: #ffffff;
}

.quote-line.highlight {
    border: 1px solid #80808059;
}

.drag-drop.highlight {
    border: 1px solid #80808059;
}

.client-modal .panel_bdr_extra_open .select-option {height: 24px !important;padding: 4px 10px !important;}
.client-modal .panel-multiple-maids-quote .panel_bdr{ width:100%; }
.client-modal .panel-multiple-maids-quote .panel_bdr .action-plan-name {
    margin-bottom: 10px;
    border-bottom: none;
    padding-bottom: 0px;
}

.client-modal .panel-multiple-maids-quote .panel_bdr .action-plan-name p span {
    float: none;
    width: auto;
    padding: 0 4px;
}
@media(max-width: 767px) {
    .reset-chart {margin-bottom: 15px;}


    #left-tabs-example-pane-ActionSetting .button-box {
        text-align: center;
    }
    #left-tabs-example-pane-ActionSetting .panel-header{
        margin-top: 10px;
    }
    .client-sec.full-width-container .fiter-type
    {
        padding: 0 40px;
        margin-bottom: 15px;
    }
    .lead-routing .accordion-sec #mapping-panel #mandate-fld {
        margin-top: -2px;
    }

    .lead-routing .accordion-sec #mapping-panel .row select {
        margin-bottom: 10px;
    }

    .lead-routing .accordion-sec #mapping-panel span.slider {
        margin: 0;
    }

    .lead-routing .accordion-sec #mapping-panel span {
        padding-left: 0;
        margin-bottom: 10px;
        margin-top: 7px;
    }

    .lead-routing .accordion-sec #mapping-panel .info-icon img {
        padding-left: 5px;
    }

    .chng-contacts select {
        width: 100%;
    }

    #body-background .white-box-item #left-tabs-example-pane-email-smtp h3 {
        padding: 10px;
    }
}
.client-modal .panel-multiple-maids-quote .panel_bdr .action-plan-name .sub-quote{
    padding-left: 15px;
    margin-top: 10px;
}

.clientprofile-editor #multiple-maids-quote {
    display: block;
}

.delete-custom {
    float: right;
    cursor: pointer;
    margin-right: 10px;
}

.incoming-list-item{
    animation: background-incoming 10s forwards;
    -webkit-animation: background-incoming 10s forwards;
    -moz-animation: background-incoming 10s forwards;
}

@media(max-width: 320px){
    .lead-routing .accordion-sec #mapping-panel .react-tagsinput-input {
        width: 100%;
    }
}
@-webkit-keyframes background-incoming {
    99.9% {
        background: #7CFC00;
    }
    100% {
        background: #ffffff;
    }
}

@-moz-keyframes background-incoming {
    99.9% {
        background:#7CFC00;
    }
    100% {
        background:#ffffff;
    }
}
@keyframes background-incoming {
    99.9% {
        background:#7CFC00;
    }
    100% {
        background:#ffffff;
    }
}

.outbound-list-item{
    animation: background-outbound 10s forwards;
    -webkit-animation: background-outbound 10s forwards;
    -moz-animation: background-outbound 10s forwards;
}

@-webkit-keyframes background-outbound {
    99.9% {
        background:#7CFC00;
    }
    100% {
        background:#ffffff;
    }
}
@-moz-keyframes background-outbound {
    99.9% {
        background:#7CFC00;
    }
    100% {
        background:#ffffff;
    }
}
@keyframes background-outbound {
    99.9% {
        background:#7CFC00;
    }
    100% {
        background:#ffffff;
    }
}

.timeline-heading{
    cursor: pointer;
}

.list-o-numbers{
    border: 1px solid #ccc;
    width: 250px;
    padding: 5px 15px;
    height: 300px;
    overflow: auto;
}

.list-o-numbers .number-list-item{
    padding: 5px 10px;
    font-size: 16px;
    cursor: pointer;
}

.list-o-numbers .number-list-item:hover{
    background-color: #ccc;
}

.royalty-report{
    padding: 15px;
}
.royalty-report h5 {
    display: inline-block;
    font-size: 16px;
    margin: 2px;
}

.royalty-report .heading-rows.row {
    padding: 5px 20px;
    font-size: 16px;
    border: 1px solid darkcyan;
    margin: 2px 5px;
}

.royalty-report .table-header.row {
    padding: 4px 15px;
    font-size: 15px;
    border: 1px solid #ccc;
    background-color: #000;
    color: #fff;
}

.royalty-report .table-row.row {
    padding: 4px 15px;
    font-size: 15px;
    border: 1px solid #ccc;
}

.pm-label {
    float: left;
    width: 100%;
    text-align: left;
    padding: 10px 0 0;
}

.readonly_values {
    font-size: 16px;
    width: 100%;
    border: 1px solid #ccc;
    float: left;
    text-align: left;
    padding: 4px 9px;
}

.pm_name_item {
    float: left;
    text-align: left;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.proposal-product span {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
    padding: 5px 25px;
    cursor: pointer;
}
.proposal-product .proposal-delete
{
    float: right;
}
.modal-history-small{
    width: 245px;
}

.specificDate.panel {
    background: #b6d7a8 !important;
    font-weight: bold;
}

#more_info ul {
    margin: 10px; /* To remove default bottom margin */
    padding: 5px; /* To remove default left padding */
}

#more_info .tooltip-inner{
    max-width: 400px;
    text-align: left;
}
.sms-history-section{
    display:flex;
}
.sms_history{
    border: 1px solid rgb(204, 204, 204);
    padding: 10px;
    min-height:500px;
}
.sms_history_left {
    width: 55%;
    clear: both;
    float: left;
    text-align: left;
    padding-top:10px;
}
.sms_history_right {
    width: 55%;
    clear: both;
    float: right;
    text-align: left;
    padding-top:10px;
}
.sms_history_msg {
    padding: 10px;
    border-radius: 15px;
    border: 1px solid #ccc;

}
.sms_history_left .sms_history_msg {
    background-color: #c9daf8;
}
.sms_history_right  .sms_history_msg {
    background-color: #f3f3f3;
}
.sms_history_datetime{

}

.error-border{
    border: 2px solid red !important;
}

a.img-icon > img{
    width: 20px;
    padding: 0px !important;
    min-width: 20px;
}

.not_allowed_sms{
    opacity: 0.3;
}

.not_allowed_sms img{
    width: 100%;
    height: 100%;
}

.hightlighedOption{
    background : rgb(230, 239, 240);
    fontStyle : italic;
}

.btn-green{
    background-color: rgb(65, 174, 143);
    border: 1px solid rgb(65, 174, 143);
    color: #ffffff;
}

.action-plan-table td{
    font-weight: normal;
}

.btnrow .btn{
    padding: 5px 8px;
    margin: 0px 5px 10px;
}

.toprow .pagination {
    margin: 0px;
}

.toprow img {
    padding: 0 10px;
    cursor: pointer;
    display: inline-block;
}

.contact_count{
    text-align: center;
    margin-bottom:0px;
}

.btn_mnge {
    text-align: right;
}
.copy-data:hover{
    color:#46ac96;
    cursor: pointer;
}
.copy-data:hover:before{
    content: "copy to clipboard";
    position: absolute;
    bottom: -25px;
    z-index: 99;
    background-color: #808080;
    color: #fff;
    padding: 0px 8px;
    border-radius: 2px;
    min-width: 135px;
    height: 25px;
    font-weight: normal;
}

.copy-data:hover::after {
    content: '\f0d8';
    font-family: FontAwesome;
    position: absolute;
    bottom: -15px;
    left: 10px;
    color: #808080;
    font-size: 20px;
    z-index: 99;
    min-height: 33px;
}
.static-panel .copy-data:hover:before{
    bottom: -40px;
}
.lead-source-tab .copy-data:hover:before{
    left: 10px;
}
.client-modal .panel_bdr_extra_open .select-option {height: 24px !important;padding: 4px 10px !important;}
.client-modal .panel-multiple-maids-quote .panel_bdr{ width:100%; }
.client-modal .panel-multiple-maids-quote .panel_bdr .action-plan-name {
    margin-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 6px;
}

#sales-cycle-tab-example .nav-tabs{
    border-bottom:none !important;
    position: relative;
    z-index: 0;
}

#sales-cycle-tab-example .nav-tabs li{
    width: 20%;
    float: left;
    background: #ffffff;
    border-bottom:none !important;
}
#sales-cycle-tab-example .nav-tabs li a{
    color: #000000;
    border-radius: 10px 10px 0 0;
    border: 1px solid #a7abae !important;
    text-align: center;
    font-size: 16px;
}
#sales-cycle-tab-example .nav-tabs li.active a{
    border-bottom:none !important;
}
#sales-cycle-tab-example .tab-content{
    border: 1px solid #a7abae !important;
    min-height:400px;
    border-top:none !important;
}

.cycle-closed-bold{
    font-weight: bold;
}

.inactiveMixin {
    content: "";
    position: absolute;
    display: block;
}
.beforeAnimation {
    -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
}
.afterAnimation {
    box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
}
.toggleWrapper {
    width: 35px;
}
.toggleWrapper input.mobileToggle {
    opacity: 0;
    position: absolute;
}
.toggleWrapper input.mobileToggle + label {
    position: relative;
    display: inline-block;
    user-select: none;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    -webkit-tap-highlight-color: transparent;
    height: 20px;
    width: 35px;
    border: 1px solid #c3d5b4;
    border-radius: 53px;
    background: #c3d5b4;
    cursor: pointer;
}
.toggleWrapper input.mobileToggle + label:before {
    content: "";
    position: absolute;
    display: block;
    -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1);
    height: 20px;
    width: 35px;
    top: 0;
    left: 0;
    border-radius: 30px;
}
.toggleWrapper input.mobileToggle + label:after {
    content: "";
    position: absolute;
    display: block;
    box-shadow: 0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 0px 0 hsla(0, 0%, 0%, 0.04), 0 4px 9px hsla(0, 0%, 0%, 0.13), 0 3px 3px hsla(0, 0%, 0%, 0.05);
    -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1);
    background: white;
    height: 17px;
    width: 17px;
    top: 1px;
    left: 0px;
    border-radius: 60px;
}
.toggleWrapper input.mobileToggle:checked + label:before {
    background: #46ac96;
    -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
    transition: width 0.2s cubic-bezier(0, 0, 0, 0.1);
}
.phone_cell_blocked .toggleWrapper input.mobileToggle:checked + label::before{
    background: red;
}
.toggleWrapper input.mobileToggle:checked + label:after {
    left: 17px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 20px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #c3d5b4;
    -webkit-transition: .4s;
    transition: .4s;
}
.switchLayoutUpdate .slider:before { left: -5px; }
.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 0px;
    bottom: 0px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border: 2px solid #c3d5b4;
}

input:checked + .slider {
    background-color: #46ac96;
}

input:focus + .slider {
    box-shadow: 0 0 1px #46ac96;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    border: 2px solid #46ac96;
}

/* Rounded sliders */
.slider.round {
    border-radius: 20px;
}

.slider.round:before {
    border-radius: 50%;
}

.block-calendar .rbc-event:hover{
    background-color:#82c544;
}

.block-calendar .rbc-selected, .block-calendar .rbc-selected:hover{
    background-color:#0e710c;
}

.block-calendar .block-unavailable, .block-calendar .block-unavailable:hover, .block-calendar .block-unavailable.rbc-selected{
    background-color:#FF1D13;
}
.right-side-panel .notification-rollup span.grey-text-large{
    padding: 0;
    color:#909193;
    font-size: 13px;
}

.right-side-panel .notification-rollup span.grey-text{
    padding: 0;
    color:#909193;
    font-size: 11px;
}
.right-side-panel .notification-rollup .para-text, .right-side-panel .notification-rollup .para-text a{
    font-size: 13px;
    margin:0px;
    line-height: 15px;
    word-wrap: anywhere;
}

.email-open-count{
    position: absolute;
    z-index: 999999;
    width: 17px;
    top: -12px;
    color: #43AE96;
    font-size: smaller;
}

.clientprofile-editor #uncontrolled-calendar ul.nav-tabs li a {
    /*white-space: nowrap;*/
    overflow: hidden;
}
.notification-rollup .tab-sorting-panel {
    position: absolute;
    background: #fff;
    z-index: 999999;
    border: 1px solid gray;
    padding: 3px;
    width: 55px;
    margin-left: 0;
    margin-top: 0;
    right: 40px;
}

.notification-rollup .colorIconBig {
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 10px;
    margin: 5px 13px;
    padding-left: 8px;
    cursor: pointer;
}

.notification-rollup .colorIconSelected {
    border: 3px solid black;
    height: 18px;
    width: 18px;
    display: block;
    border-radius: 10px;
    margin: 5px 13px;
    padding-left: 8px;
    cursor: pointer;
}
.loader-background{
    position: absolute;
    height: 100%;
    min-height: 500px;
    border: 1px solid #000;
    z-index: 999999999;
    background: #000;
    width: 100%;
    opacity: 0.5;
}

.loader-background img{
    display: inline;
    width: 100px;
    margin-top: 35%;
    margin-left: 45%;
}

.loader-background-custom {
    position: absolute;
    height: 100%;
    border: 1px solid #000;
    z-index: 999999999;
    background: #000;
    opacity: 0.5;
    min-width: 1154px;
}

.loader-background-custom img{
    display: inline;
    width: 100px;
    margin-top: 35%;
    margin-left: 45%;
}

.col-md-1-5, .col-sm-1-5 {
    width: 4.16%;
}

.dropable-hover{
    border: 1px solid #ccc;
    -moz-box-shadow:    inset 0 0 10px #ccc;
    -webkit-box-shadow: inset 0 0 10px #ccc;
    box-shadow: inset 0 0 10px Yellow;
}

.highlight-dropzone{
    z-index: 99999;
}

.col-md-2-5, .col-sm-2-5 {
    width: 14.58%;
}

/* proposal css */
.proposal-tabs {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,.1);

}

.proposal-tabs .tab-content{
    min-height: auto;
    overflow: auto;
    max-height: 100%;
}

.proposal-tabs .nav-tabs {
    text-align: center;
}
.proposal-tabs label.title {
    font-size: 16px;
    height: 30px;
    font-weight: bold;
}

.proposal-tabs h3 {

    text-align: center;
    border-bottom: 1px solid #ccc;
    font-weight: 500;

}
.proposal-tabs .nav-tabs {
    border-bottom: 1px solid #aaa;
}
.proposal-tabs .nav-tabs > li {
    float: none;
    display: inline-block;
}

.proposal-tabs .nav-tabs > li > a{
    border-left: 1px solid #a7abae;
    background: #fff;
    display: inline-block;
    position: relative;
    z-index: 0;
    padding: 8px 20px;
    text-align: center;
    list-style: none;
    line-height: 26px;
    font-size: 16px;
    white-space: normal;
    color: #ccc;
    border-radius: 0;
    border-bottom: 1px solid #a7abae;
    margin:0;
}

.proposal-tabs .nav-tabs > li.active > a{
    background: #FFF;
    color: black;
    z-index: 2;
    border-radius: 10px 10px 0 0;
    border: 1px solid #a7abae;
    border-bottom-color: rgb(167, 171, 174);
    border-bottom-color: #fff;
}

.proposal-tabs .form-group label {
    font-size: 16px;
    font-weight: 400;
    width: 200px;
}

.proposal-tabs .form-group input[type="date"].form-control{
    line-height: 20px;
}

.proposal-tabs .form-group textarea {
    border: 1px solid #ccc;
    height: 200px;
    width: 90%;

}

.proposal-tabs .form-group select {
    padding: 2px;
    margin: 2px;
    background: url(https://ct.clienttether.com/ct25/images/select_down.PNG) right 0px center no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 50%;
    border: 1px solid #ccc;
}

.proposal-tabs .form-group.jb-date div:nth-child(2) {
    display: inline-block;
    width: 50%;
}

.proposal-tabs .form-group select:focus ,
.proposal-tabs .form-group select:active {
    outline: none;
}

.proposal-tabs .contact-filter .form-group select, .proposal-tabs .contact-filter .form-group input {
    width: 90%;
}

.proposal-tabs .form-group .noteRow {
    max-height: 205px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid black;
    width: 90%;
}

.proposal-tabs .form-group .noteRow .noteRow-sub {
    border-bottom-width: 2px;
    border-bottom-color: #d2d2d2;
    border-bottom-style: solid;
    z-index: 10000;
    position: relative;
    padding: 5px;
}

.proposal-tabs .btn {
    margin: 0 15px;
}

.proposal-tabs canvas.signature-pad {
    border-bottom: 1px solid black;
    background-color: rgb(239, 239, 239);
    width: 100%;
    height: 100%;
}

.proposal-tabs .cn-anchr {
    text-decoration: none;
    padding: 10px;
    cursor: pointer;
    color: gray;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 15px;
}

.proposal-tabs .paymnt-prop{
    display: block;
    border-bottom: 1px solid;
    font-size: 16px;
    padding-bottom: 5px;
}
.proposal-tabs table th, .proposal-tabs table td {
    padding:10px;
}

.proposal-tabs .add-new-green{
    color: rgb(65, 174, 143);
    display: block;
    width: 100%;
    text-align: right;
    padding: 10px;
    font-size: 16px;
}

.proposal-tabs .row-open-icons {
    text-align: left;
    padding: 10px;
}
.proposal-tabs .row-open-icons i{
    font-size:18px
}

.modal-60w{
    width: 60%;
}
.proposal-tabs .bid-line-total td{
    padding: 1px;
    text-align: right;
}

.proposal-tabs .bid-line-total input.form-control{
    display: inline-block;
    height:24px;
    text-align: left;
    padding: 4px 8px;
    width: 65%;
}

.proposal-tabs .heading {
    font-size: 15px;
    font-weight: bold;
}
.prop-setting .inc-tax{
    display: inline-block;
    font-size: 12px;
    padding-left: 10px;
    line-height: 20px;
}

.prop-setting .inc-tax input {
    display: inline-block;
    height: auto;
    width: auto;
    margin-right: 8px;
}
/*
Room Cal */
.room-cal {
    margin-left: 10px;
    display: inline-block;
    width: 80%;
}

.room-cal .rm-img {
    text-align: center;
}

.room-cal .rm-img label{
}

.room-cal .rm-img input {
    display: inline-block;
    width: auto;
}

.room-cal .rm-img img {
    display: block;
    margin: 0 auto;
}

.room-cal .room-mid {
    display: inline-block;
    width: 12%;
    margin: 0 5px 0 5px;
}

.room-mid span {
    font-size: 20px;
    font-weight: 700;
}

.room-last.row input {
    width: 85px;
    display: inline-block;
    margin-left: 20px;
    margin-top: 10px;
}
.room-last.row label {
    width: 80px;
    font-size: 16px;
}

.room-last.row span {
    padding-top: 10px;
    display: block;
}

.room-last.row {
    padding-left: 20px;
}

.row.row-item{
    padding: 5px 0px;
    border-bottom: 1px solid #ccc;
}

.row.row-item .col-item{
    padding:0 5px 0 0;
}

.row.row-item .col-item .form-control{
    padding: 4px;
    font-size: 12px;
    height: 30px;
    position: relative;
}

.side-padding{
    padding: 0 15px;
}

.proposal-tabs .form-control{
    padding: 6px;
}
.proposal-tabs .quote-main-head {
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #000;
    color: #fff;
    margin-bottom: 10px;
    -webkit-print-color-adjust: exact;
}

.proposal-tabs .quote-sub-head {
    padding: 8px 12px;
    border-radius: 8px;
    background-color: #ddd;
    border: 1px solid #000;
    -webkit-print-color-adjust: exact;
}

.proposal-tabs .quote-grandtotal{
    background: #ddd;
    padding: 15px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #000;
    margin-bottom: 10px;
    -webkit-print-color-adjust: exact;
}

.proposal-tabs  .itemize{
    margin: 5px auto;
    display: block;
    width: 25px;
}

.proposal-tabs .drag-handle{
    border: 1px solid #ccc;
    width: 15px;
    text-align: center;
    margin: auto;
    line-height: 31px;
    display: block;
}

.proposal-tabs .line-total-labels{
    width: 37%;
    padding-left:12px;
}

.proposal-tabs .line-total-fields{
    width: 35%;
    text-align: right;
}

.proposal-tabs .bidtype-total-labels{
    text-align: right;
    padding-top: 8px;
}
.proposal-tabs .bidtype-total-values{
    margin-left: 10px;
    width: 27%;
}

.proposal-tabs .bidtype-total-values input {
    text-align: right;
}
.proposal-tabs .grand-total-row{
    padding-top: 5px;
}

.proposal-tabs .grand-total-labels{
    padding-right: 20px;
    text-align: right;
    padding-top: 6px;
    margin-right: -9px;
}

.proposal-tabs .line-total-fields .form-control{
    text-align: right;
}

.bid-type-row, .item-category-row, .line-item-row{
    height: 40px;
    vertical-align: middle;
}

.bid-type-row .col, .item-category-row .col, .line-item-row .col{
    line-height: 19px;
    font-size: 15px;
    cursor: pointer;
}

.bid-type-row .edit-popup, .item-category-row .edit-popup, .line-item-row .edit-popup, .opportunity-edit .edit-popup{
    display: none;
    border: 1px solid #ccc;
    padding: 7px 5px;
    border-radius: 8px;
    margin-left: 15px;
    height: 35px;
    vertical-align: middle;
}

.bid-type-row .edit-popup img, .item-category-row .edit-popup img, .line-item-row .edit-popup img, .opportunity-edit .edit-popup img{
    width: 20px;
    margin-top:-5px;
}

.bid-type-row:hover .edit-popup, .item-category-row:hover .edit-popup, .line-item-row:hover .edit-popup, .opportunity-edit:hover .edit-popup {
    display: initial;
    vertical-align: middle;
}

.proposal-quote-header-section {
    word-wrap: inherit; /*By Jayant before anywhere*/
    padding-right: 20px;
}
.side-filter-selected {
    border: 3px solid black;
    border-radius: 10px;
    padding: 0px 4px !important;
    cursor: pointer;
}

.pipeline-summary.white-box-item.sales span  {
    padding: 10px;
}

.pipeline-summary.white-box-item.sales .switch {
    margin: 0;
    position: relative;
    top: 4px;
}

.pipeline-summary.white-box-item.sales .switch span {
    padding: 0;
}

.lead-source .graphs .recharts-wrapper svg{
    overflow: visible;
}
.long-proposal-page{
    break-after:page;
}

.pad_10{
    padding: 10px;
}

.pad_right_10{
    padding-right: 10px;
}
.sun-editor .se-wrapper .se-wrapper-inner{
    min-height: 250px!important;
}

.disc_mapped .sun-editor .se-wrapper .se-wrapper-inner{
    min-height: initial!important;
}

.event-tab .sun-editor .se-wrapper .se-wrapper-inner{
    min-height: 50px!important;
}

.react-datepicker-popper{
    z-index: 999;
}

.cw-static-report {
    overflow: auto;
}

.cw-static-report > table th, .cw-static-report > table td
{
    border: 1px solid #ccc;
    padding: 2px;
    text-align: center;
}
.cw-static-report > table tr{
    height: 20px;
}

.cw-static-report > table tr.all_row{
    background-color: #fdfcdc;
}

.client-modal .right-submit-option {padding-top: 10px;}
.client-modal .opp_block .switch {
    width: 35px;
}

.client-modal .opp_block .opprtunity-label{display: block;}
.client-modal .opp_block .button_plus { width: 25px; margin-top: 8px;}
.clientmodal-tranbtn{margin-top: 14px;}
.client-modal .opp_block .button_add_new {float: left;}
.client-modal .opp_block .opportunity-calendar {float: right;}
.client-modal .opp_block .client-model-top-menu{clear: both;}
.client-modal .tmc-btn-pd{padding-left: 20px;}

/*Add / Edit Line Item table css*/
.calculation-full-feild .row-item .Chk-feild,
.calculation-full-feild .row-item .col-item-checkbox{
    padding-left: 10px;
}

.toggle-div{
     margin-bottom:4px;
     padding:9px;
     cursor: pointer;
     float: left;
}



/*start media query*/
@media(max-width: 1350px){
    .clientprofile-editor .accordion-sec .upcmng-action .action-plan-name span {
        width: 65%;}
}

@media(min-width: 1330px){
    .right-side-panel {width: 45px;}
    .right-side-panel-open {width: 18%;}
    .right-side-panel-open-big {width: 500px;}
}

@media(max-width: 1272px){
    .clientprofile-editor .accordion-sec .form-group #mobile, .clientprofile-editor .accordion-sec .form-group .phone-field {
        width: 78%;
    }
    .client-modal .profile-head .au_block .form-group.col-md-3 label{
        font-size: 13px;
    }
}

@media(max-width: 1227px){
    .plantimeline .tabs-sec .panel span i{
        position: absolute;
        right: 0px;
        top: -20px;
    }
    .plantimeline .tabs-sec .panel .timeline-heading span {
        text-align: left;
        float: none;
        position: relative;
        display: block;
    }
    .plantimeline .tabs-sec .panel p{
        display: block;
    }
    .plantimeline .head .col-md-4:nth-child(1) input{
        margin-top: 25px;
    }
}

@media(max-width: 1140px){
    .client-modal .profile-head .custom-select.form-group{
        width: 100%;
    }
    .custom-select.form-group {
        width: 63%;}
    .client-modal .panel_bdr.panel_bdr_open .custom-select.form-group, .client-modal .panel_bdr.panel_bdr_open .zip-code.form-group{width: 100%!important;}
    .plantimeline .webhook-option .btn-grp img {
        margin-left: 4px;
        width: 18px;
    }
}


@media(max-width: 1199px){
    .client-modal .click-to-call{
        top: 0;
    }
    .client-modal .profile-head .phone-sms label div {
        display: block;
    }
    .client-modal .profile-head .au_block .form-group.col-md-3 label {
        font-size: 12px;
    }
    .editor-footer-block .form-group, .editor-footer-iocns a{
        display:block;}
    .immediate span{
        margin-right: 0;
        margin-left: 6px;
    }
    .editor-footer-block .form-group.appt-set-field,
    .editor-footer-block .form-group.qupted-field,
    .editor-footer-block .form-group.closed-field,
    .editor-footer-block .form-group.paid-field {
        width: 12%;
    }
    .editor-footer-block .form-group.likelihood-field, .editor-footer-block .form-group.deal-size-filed {
        width: 16%;
    }
    .right-options .client-model-top-menu .btn{
        padding: 5px;
    }
}
@media(max-width: 1110px){
    .client-modal a.save_btn{display: block;width: 100%;margin-top: 10px;}
    .editor-footer-block .form-group.appt-set-field,
    .editor-footer-block .form-group.qupted-field,
    .editor-footer-block .form-group.closed-field,
    .editor-footer-block .form-group.paid-field {
        width: 25%;
    }
    .editor-footer-block .form-group.close-date-field, .editor-footer-block .form-group.likelihood-field, .editor-footer-block .form-group.deal-size-filed {
        width: 25%;
    }
    .editor-footer-block .form-group.close-date-field{
        clear: both;
    }
}

@media (max-width: 1030px){
    .right-options .client-model-top-menu {
        padding: 0 5px;
    }
}

@media (max-width: 1400px){
    #header .navbar-inverse .header-menu li a {
        font-size: 14px;
        padding: 23px 10px;
    }
    #header .mega-dropdown .mega-dropdown-menu ul{
        width: 100%;
    }
    #header .mega-dropdown .mega-dropdown-menu ul{
        width: 100%;
    }
}


@media (max-width: 1080px){
    .likelihood-field #likelihood {
        width: 72%;
    }
    .right-options .client-model-top-menu .btn{
        font-size: 12px;
    }
    .client-modal .profile-head .au_block .form-group.col-md-3 label {
        font-size: 10px;
        z-index: 9;
    }
    .clientprofile-editor .accordion-sec .upcmng-action .action-plan-name span {
        width: 100%;
        font-size: 14px;
        padding: 0;
    }
    #upcmng-actions .panel_bdr .action-plan-name i.fa{
        padding-top:0!important;
        margin-right: 5px;
    }
    #upcmng-actions .panel_bdr .action-plan-name p{
        padding-top: 10px!important;
        padding-bottom: 10px!important;
    }
}

@media(max-width:1000px){
    .right-options .client-model-top-menu .btn {
        padding: 2px;
    }
}

@media (max-width: 991px){
    .plantimeline .border-box.row .col-md-2,
    .plantimeline .webhook-option .btn-grp{
        padding: 0 4px;
    }
    .opp_block .label-head {
        font-size: 12px;
        min-height: auto;
        width: 100%;
    }
    .client-modal .profile-head{
        display: block;
    }
    .client-modal .right-submit-option .btn-fixed {
        position: relative;
    }
    .client-modal .au_block, .client-modal .opp_block, .client-modal .tmc-block, .client-modal .info-first, .client-modal .info-second, .client-modal .info-third, .client-modal .close-block {
        padding-right: 0;
    }
    .likelihood-field #likelihood {
        width: 93%;
    }
    .client-modal .profile-head .phone-sms label div {
        display: inline-block;
    }
    .client-modal .profile-head .au_block .form-group.col-md-3 label.switch{
        top: 2px;
    }
    .client-modal .right-submit-option{
        position: relative;
    }
    .client-modal .right-submit-option .bg-white{
        text-align: left;
    }
    .client-profile-padd {
        padding:0;
    }
    #left-tabs-example-pane-Proposal .prop-btn{float:none !important;}
    #left-tabs-example-pane-Proposal .prop-btn .col-md-12{text-align: center;}
    #btn-additional {padding-top: 10px;}
    .email-tmplt .padd_10 {padding: 0px;}
    #left-tabs-example-pane-Lead-Sources .leadsource-page .key {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #left-tabs-example-pane-Proposal .qt-nmbr{margin: 0 auto;
        float: none;}
    .dashboard-page h3{font-size: 17px;}
    .clientprofile-editor #uncontrolled-tab-example-pane-4 .pad20Top {
        padding-top: 0;
    }
    .clientprofile-editor #uncontrolled-tab-example-pane-4 .col-md-12.col-sm-12 .col-md-6:first-child {
        margin-bottom: 0;
    }
    .client-sec .table-responsive{
        height: 300px;
        overflow: scroll;
    }
    .action-plan-sec .panel-body .col-sm-12 {
        padding-bottom: 10px;
    }
    .button-box {
        margin-top: 0px;
    }
    .dashboard-page .form-control.dashboard-select {
        margin-left: 0;
    }
    .dashboard-page .form-control.spd-range {
        margin-top: 0px;
        width: 100%;
    }
    .accordian-header-acc{
        cursor: pointer;
        position: relative;
        display: table;
    }
    .accordian-header-acc::before {
        content: "\25bc";
        right: -15px;
        position: absolute;
    }
    .accordian-header-acc.active::before {
        content: "\25b2";
        right: -15px;
        position: absolute;
    }
    .accordian-header-list.active {
        display: block;
        opacity: 1;
        transition: all 0.4s ease-out;
    }
    .accordian-header-list {
        opacity: 0;
        display: none;
    }
    .report-page.container .padd_10.col-md-3 {
        padding: 0 0 10px;
    }
    .client-modal .custom-select.form-group.chs-template {
        margin-left: 0px;
    }
    .ent-setting .full-padding label{
        float: none;
        padding: 0px;
    }

    .plantimeline .tabs-sec .panel .time-line-sidebar .time-status{position: relative; top: 0;}
    /*  .clientprofile-editor{
        width: 95%;
      }*/
    .clientprofile-editor .head .right-btn{
        padding: 0;
    }
    #myNavbar{
        padding: 0;
    }
    .process-page .container{
        width: 95%;
    }
    .process-page .actionsplans span{
        padding: 12px 0;
    }

    .leadsource-page .key{margin-top: 15px;}

    .user-table tr:nth-child(1) td:nth-child(1), .user-table tr:nth-child(1) td:nth-child(4){display: block;}
    .user-table tr:nth-child(1) td:last-child{display: block;}

    .user-table td{width: 120px!important;}
    .new-conversion .padd_10{padding: 0;}
    .new-conversion .enter-conversion{margin: 10px 0;width: 200px;}
    .clientprofile-editor .nav-tabs > li > a{font-size: 14px;padding: 10px 20px;}
}

@media(max-width:910px){
    .editor-footer-block .form-group.appt-set-field,
    .editor-footer-block .form-group.qupted-field,
    .editor-footer-block .form-group.closed-field,
    .editor-footer-block .form-group.paid-field {
        width: 33.33%;
    }
    .editor-footer-block .form-group.close-date-field, .editor-footer-block .form-group.likelihood-field, .editor-footer-block .form-group.deal-size-filed {
        width: 33.33%;
    }
    .editor-footer-block .form-group.close-date-field{
        clear: unset;
    }
    .editor-footer-block .form-group.likelihood-field,
    .editor-footer-block .form-group.paid-field{
        clear: both;
    }
}

@media(min-width: 768px) and (max-width: 830px){
    .process-page .actionsplans span{
        font-size: 14px;
    }
    .process-page .actionsplans img{
        margin-top: -2px;
        width: 24px;
    }
    .client-modal{ width: 94%;}
    .custom-select.form-group {width: 100%;float: none;margin-right: 0px;}
    .zip-code.form-group {width: 100%;float: none;}
}

.proposal-drag .drag-handle{
    border: 1px solid #ccc;
    width: 8px;
    text-align: center;
    margin: auto;
    line-height: 26px;
    display: block;
}

@media(min-width: 768px) and (max-width: 991px) {
    .client-modal #clientinfo span {
        width: 100%;
        float: left;
        margin: 0;
    }
}

.proposal-tabs .field-size-1{
    width: 11%;
    padding-right: 4px;
}
.proposal-tabs .field-size-2{
    width: 15%;
    padding-right: 4px;
}
.proposal-tabs .field-size-3{
    width: 19%;
    padding-right: 4px;
}
.proposal-tabs .field-size-4{
    width: 23%;
    padding-right: 4px;
}
.proposal-tabs .field-size-5{
    width: 27%;
    padding-right: 4px;
}
.bid-type-row, .item-category-row, .line-item-row {
    height: 40px;
    vertical-align: middle;
}

.proposal-tabs .deposit-label{
    width: 7.7%;
    padding: 3px
}

.proposal-tabs .discount-type-section{
    width: 20%;
}

@media(max-width: 767px){
    .sms_history {
        min-height: auto;
     }
    .plantimeline .webhook-option .btn-grp{
        padding: 0 10px;
    }
    .client-modal .right-submit-option {padding-top: 0px;}
    .client-modal .au_block, .client-modal .opp_block, .client-modal .tmc-block, .client-modal .info-first, .client-modal .info-second, .client-modal .info-third, .client-modal .close-block{
        padding-right: 0;
    }
    .client-modal .profile-head .au_block .form-group.col-md-3 label {
        font-size: 12px;
    }
    .client-modal .right-options {clear: both;}
    .chng-contacts select{width: 100%;}
    #body-background .white-box-item #left-tabs-example-pane-email-smtp h3 {
        padding: 10px;
    }
    #left-tabs-example-pane-Enteprise .ent_btn{text-align: center;}
    #left-tabs-example-pane-Proposal hr{margin-bottom: 0;}
    #body-background .white-box-item #left-tabs-example-pane-Proposal h3 {
        padding: 0;
        margin: 0;
        font-size: 20px;
    }
    .chk-box-proposal.row .col-md-4 {
        margin-top: 10px;
    }
    .chk-box-proposal.row{
        margin: 0px;
    }
    .leadsource-page .lead-source-btn{
        word-wrap: anywhere;
    }
    .leadsource-page .col-xs-8 {
        padding-left: 10px;
    }
    #upcmng-actions .panel_bdr .action-plan-name span{
        width: 62%;
        font-size: 12px;
    }
    #announcement-tab .table-responsive, .parser-tab .table-responsive, #sales-cycle-tab-example .table-responsive, #left-tabs-example-pane-Users .table-responsive, #left-tabs-example-pane-hostedpage .table-responsive {
        margin-top:20px;
    }
    .action-plan-sec .panel-body .col-sm-12 {
        padding-bottom: 0px;
    }

    .clientprofile-editor .editor-footer-block .form-group input[type="date"]{
        width: 100%;
    }
    .client-model-top-menu{
        float: none;
    }
    .client-modal .padd_10{
        padding: 0;
    }
    .ent-setting .ent-rate{
        margin: 0 auto;
        display: block;
        float: none;
    }
    .client-modal .clientprofile-editor .temp_padd .padd_10, .client-modal .clientprofile-editor .temp_padd .pad20Top{
        padding: 0;
    }
    .client-modal .clientprofile-editor .temp_padd .col-md-1{
        margin: 0;
    }
    .plantimeline .tabs-sec .panel .time-line-sidebar .time-status{float: none;}
    .plantimeline .padd_15 {padding: 0; }
    .sub_mrg .padd_15 {margin: 15px 0;}
    .plantimeline .col-md-10 .col-md-3{margin-bottom: 10px;}
    .client-modal.modal-dialog .col-md-9 {
        padding: 0 !important;
    }
    .clientprofile-editor .nav-tabs{
        display: inline-flex;
        width: 100%;
        overflow-x: auto;
    }
    .clientprofile-editor .nav-tabs > li {
        width: 100%;
    }
    .clientprofile-editor .tabs-sec{
        margin-top: 15px;
    }
    .editor-footer-block, .editor-footer-iocns{
        clear: both;}
    .clientprofile-editor .editor-footer-iocns {
        text-align: left;}
    .immediate span{
        width: auto;
        margin-right: 6px;
    }
    .client-modal a.save_btn{display: inline-block;width: 130px;margin-left: 15px; float: none;}

    .immediate .col-md-3{
        padding: 0;
        margin-bottom: 10px;
    }
    .footer-btn-sec a{
        float: left!important;
        margin-bottom: 10px;
        width: 100%;
    }
    .plantimeline .head .col-md-4{
        padding: 0;
        margin-bottom: 10px;
    }
    .plantimeline .head{
        border: none;
    }
    .plantimeline .eidtor-bg-color{
        clear: both;
    }
    .plantimeline .button_box{
        margin-bottom: 15px;
        float: left;
    }
    .plantimeline .button_box a{
        float: none!important;
        text-align: left;
    }
    .email-selct .padd_15{padding: 0px;}
    .spcl-feild{margin-top: 0px!important; text-align: left;}
    .email-selct .tmp-feild{margin-top: 10px;}
    .edit-tmplte .add-label{clear: both; padding-left: 0px}
    .txt-tmplte .add-label{clear: both; padding-left: 0px}
    .edit-tmplte .add-sub input, .txt-tmplte .add-sub input{width: 100%;}
    .client-modal .modal-dialog{width: 90%!important;}
    #flip{width: 8%!important;}

    .right-side-panel{position: absolute; width: 100%; border-bottom: 2px solid #ccc;}
    .side-panel-icon {display: inline-block;}
    .center-panel, .center-panel-short{  width: 100%;}
    #body-background {padding: 58px 0 20px 0;}
    .table-responsive { margin-top: 0px;}
    .client-sec .btn_mnge .pull-right{float: left!important;}
    .model-width .modal-dialog {width: 94%;}

    .client-modal .clientprofile-editor .left-panel{width: 100%;}
    .client-modal .clientprofile-editor .right-panel{width: 100%;}
    .client-modal .dropdown_opt{text-align: left; padding: 10px 0px;}
    .plan-button .dlt-btn{float: left;}

    .settings-page .tab-content form .form-group {width: 100%;}
    .operation-settings .col-md-4 {padding: 0px;margin-top: 10px;}
    .clientprofile-editor .accordion-sec form .form-group.cell-phone.ever-visible {
        display: grid;
    }
    .lead-routing .lead-apply-switch {
        display: inline;
        line-height: 9px;
    }
    .lead-routing .accordion-sec #mapping-panel #mandate-fld {
        margin-top: -2px;
    }
}

.proposal-quote-header-section {
    word-wrap: anywhere; /*By Jayant before anywhere*/
    padding-right: 20px;
}

.side-filter-selected{
    border: 3px solid black;
    border-radius: 10px;
    padding: 0px 4px!important;
    cursor: pointer;
}

.select-upload-type {
    border: 1px solid #ccc;
    position: absolute;
    bottom: 50px;
    background-color: #fff;
    z-index: 999;
    width: 250px;
    box-shadow: 1px 1px 10px #aea9a9;
}

.select-client-files
{
    border: 1px solid #ccc;
    position: absolute;
    bottom: 50px;
    background-color: #fff;
    z-index: 999;
    width: 400px;
    box-shadow: 1px 1px 10px #aea9a9;
    padding: 10px;
}

.list-hight {
    min-height: 200px;
    max-height: 400px;
    overflow-y: scroll;
}
.list-hight div.col-md-3 {
    text-align: right;
}

.select-client-files .client-span {
    display: block;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
    font-size: 18px
}

.select-client-files input[type="checkbox"]
{
    display: inline-block;
    width: auto;
    height: auto;
}

.select-client-files td span{
    display: inline-block;
    margin-left: 5px;
}
.restrict-box
{
    border: 1px solid #ccc;
    position: absolute;
    bottom: 50px;
    background-color: #fff;
    z-index: 999;
    width: 300px;
    box-shadow: 1px 1px 10px #aea9a9;
    padding: 15px;
}

.restrict-box span{
    display: block;
    padding-bottom: 0px;
    font-size: 12px;
    float: left;
    width: 100%;
}

.restrict-box span > span:first-child {
    width: 5%;
    float: left;
}

.restrict-box span > span:last-child {
    width: 88%;
    float: left;
}

.attachment-warning {
    float: right;
    color: rgb(62, 176, 151);
    font-size: 22px;
    position: relative;
    cursor: pointer;
}

.pipeline-summary.white-box-item.sales span {
    padding: 10px;
}

.profile-pic-icon.d-flex {
    display: flex;
    justify-content: flex-end;
}
.profile-pic-preview img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
}
.calendar-profile-icon{
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin-right: 10px;
}
.calendar-profile-name{
    font-weight: normal;
}
.calendar-profile-alphabet-icon{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    margin-right: 10px;
}
.custom-calendar-page .rbc-time-view .rbc-allday-cell{
    display: block;
}

@media(max-width: 625px){
    .tab-dots{
        position: relative;
        top: -15px;
        right: -15px;
    }
    .plantimeline .webhook-option {
        display: block;
        float: left;
    }
    .plantimeline .webhook-option .empty{
        display: none;
    }
    .plantimeline .webhook-option label {
        text-align: left;
    }
    .plantimeline .border-box.row{
        padding: 10px 0 0;
    }
    .plantimeline .border-box.row .col-md-2, .plantimeline .webhook-option .btn-grp {
        padding: 0;
    }
}

@media(max-width: 499px){
    .settings-page .color-square{
        margin-right: 0;
    }

    #left-tabs-example-pane-Parser h4 span {
        display: block;
        width: 100%;
        margin: 10px 0;
    }
    #sales-cycle-tab-example ul.nav-tabs{
        display: inline-flex;
        width: 100%;
        overflow-x: auto;
        border-bottom: 1px solid #ccc !important;
    }
    #sales-cycle-tab-example ul.nav-tabs li{
        width: 100%;
    }
    #sales-cycle-tab-example .nav-tabs li a{
        padding: 8px 20px;
    }
    .client-modal .custom-select.form-group.chs-template {
        margin-left: 0px;
        float: none;
        width: 100%;
    }
    .feature_plan_modal .modal-title label{
        float: none;
    }
    .clientprofile-editor .accordion-sec .form-group .phone-field {
        width: 74%;}
    .clientprofile-editor .editor-footer-block .form-group {display: block;}
    #panel{width: auto!important;}
    #flip{width: 12%!important;}
    .dashboard-page .white-box-item select{width: 50%;display: block;margin-left: 0px;}
    .dashboard-page .pipeline-summary select {margin-left: 10px;}
    .client-modal .cell-phone {width: 75%;}
    .tab-dots {position: absolute;right: 2px;top: 15px;}
    .check-box.ftr_pln {
        display: block;
        float: none;
        right: 0;
        position: relative;}
    .editor-footer-block .form-group.close-date-field, .editor-footer-block .form-group.likelihood-field, .editor-footer-block .form-group.deal-size-filed, .editor-footer-block .form-group.appt-set-field, .editor-footer-block .form-group.qupted-field, .editor-footer-block .form-group.closed-field, .editor-footer-block .form-group.paid-field{
        width: 100%;
        padding: 0;
        clear: unset;
    }
}

@media(max-width: 850px){
    #header-color-picker, #footer-color-picker,#upper-limit-color-picker,#lower-limit-color-picker {position: relative;left: 0;z-index: 99999;display: none;top: 40px;}
}

/*end media query*/


@media(max-width: 900px){
    .sms_history_row{
        flex-flow: column;
    }

    .sms_history{
        width: 100%;
    }
}


@media(max-width: 1272px)
{
    .btnrow, .btn_mnge, .toprow {
        text-align: center;
    }
    .contact_count{
        margin-bottom: 0px;
    }

    .toprow img{
        padding: 10px;
        width: 48%;
        max-width: 45px;
        min-width: 34px;
    }
}

.sun-editor-editable.signature img {
    width: auto !important;
    max-width: inherit;
}

.tooltip {
    word-wrap: anywhere;
}

#log-code-tab-example .tab-content{
    border: 1px solid #ddd;
    border-top: none;
}

.proposal-drag {
    background-color: #ffffff;
    top: auto !important;
    left: auto !important;
}

.email_template_sun .sun-editor .se-toolbar {
    top: auto !important;
    width: auto !important;
}

.email_template_sun .sun-editor .se-toolbar.se-toolbar-sticky {
    position: relative !important;
    top: 0 !important;
}

.email_template_sun .sun-editor .se-toolbar {
    top: auto !important;
    width: auto !important;
}

.email_template_sun .sun-editor .se-toolbar.se-toolbar-sticky {
    position: relative !important;
    top: 0 !important;
}
@media only screen and (max-width:1140px){
    .client-modal .right-option-pd {padding-left: 0px;}
}
@media only screen and (min-width:991px){
    #header .dropdown:hover > .dropdown-menu {
        display: block;
        transition: all 1.3s ease-out;
    }

    #header .dropdown:hover > .dropdown-toggle:before{
        display: block;
    }
}
@media only screen and (max-width:992px){
    .clientmodal-tranbtn{margin-top: 0px;}
    .client-modal .right-option-pd {padding-left:0px;}
}
@media only screen and (max-width:768px){
    .opprtunity-label{display: block;}
    .client-modal .opp_block .button_plus { margin-top: 6px;}
    .no-margin {margin: 0px 0px 15px 0px;}
    .opp_block .client-model-top-menu {padding: 0px 0px;}
    .client-modal { width: 95%;}
    .client-modal .opp_block .form-group { padding: 0 0px;}
    .client-modal .button_add_new,.client-modal .opportunity-calendar{padding: 0px 10px;}
    .client-modal .au_block, .client-modal .opp_block, .client-modal .tmc-block {padding-right: 0px;}
    .client-modal .right-option-pd{padding-left: 0px;}
    .right-options input {width: 95%;}
    .right-options .marg_rit,.right-options .marg_rit5{ width: 100%;}
    .opportunity-modal.modal-dialog {width: 80%;}
    .virtual-schedule-modal {width: 80%;}
}
@media only screen and (max-width:320px) {
    .right-options .client-model-top-menu {
        padding: 0;
        width: 100%;
    }

    .right-options .client-model-top-menu .btn-group-info {
        width: 100%;
    }

    .right-options .client-model-top-menu .btn-group-info button {
        width: 90%;
    }

    #split-button-basic-option {
        width: 10%;
    }

    .right-options .client-model-top-menu .btn-blue {
        width: 100%;
    }

    .right-options .client-model-top-menu .form-group {
        width: 100%;
    }
}

@media(max-width:575px){
    .lead-routing .sbmt-btn{
        width: 100%;
        justify-content: start;
    }
    .lead-routing .accordion-sec .panel_bdr.panel_bdr_open .next-btn #logicNext {
        margin-top: 80px;
    }
}
@media (max-width:420px){
    .lead-routing .sbmt-btn {
        display: block;
    }
    .lead-routing .sbmt-btn button {
        margin: 20px 3px 0 3px;
        width: 100%;
    }
}

.ct-sign-page .sigCanvas {
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 50%;
    /* float: left; */
    margin-top: 20px;
}

.ct-sign-box
{
    width: 8in;
    min-height: auto;
    /*min-height: 400px;
    height: 9in;*/
    page-break-after: always;
    margin: 30px auto;
    background-color: rgb(255, 255, 255);
    border: 1px solid #ccc;
    padding: 15px;
}


.opportunity-modal .astrix {
    color: red;
    font-size: 16px;
    padding-left: 5px;
    top: 2px;
    position: relative;
}

.calculate-area .richtext{
    display: inline-block;
    position: relative;
    width: 90%;
}

.richtext > input{
    background: transparent none repeat scroll 0% 0%;
    position: absolute;
    z-index: 100;
    margin: 0px;
    border: 0px none;
    padding: 0px;
}

.richtext > input, .richtext > p {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    min-width: 180px;
}

.richtext > p {
    display: inline-block;
    border: 1px solid transparent;
    z-index: 1;
    position: absolute;
    overflow: hidden;
    height: 25px;
    background: #fff;
    padding: 6px 3px;
    margin: 0px;
    color: #fff;
}

.richtext {
    color: #282828;
    background: #fff;
    outline: 0;
    height: 30px;
    border: 1px solid #BABABA;
    overflow: hidden;
    margin: 2px 0;
    vertical-align: top;
}

.unmatched {
    background: red;
    color: transparent;
}

#item_total_retail_formula , #item_total_sub_rate_formula{
    padding: 5px 4px 6px;
    font-size: 12px;
    height: 30px;
}
.selected_paren {
    background: #00ffff !important;
}
.calculation-full{height: 55px;overflow: hidden;padding: 0;margin: 5px 15px 0px 15px;}

.user-modal-setting .form-group{
    margin-bottom:0px;
}

.margin_bottom_20{
    margin-bottom: 20px !important
}
.dashboard-pipeline .pipeline-inactive-arrow {
    border-top: 2px solid #626262;
    border-bottom: 2px solid #626262;
    height: 90px;
    padding-top: 15px;
    padding-left: 20px;
    margin-bottom: 8px;
    -webkit-box-shadow: 0px 18px 5px 0px #7773735e;
    -moz-box-shadow: 0px 18px 5px 0px #7773735e;
    box-shadow: 0px 5px 0px 0px #7773735e;
    display: inline-block;
    position: relative;
    width: 220px;
    border-right: 2px solid #626262;
    border-left: 2px solid #626262;
    margin-right: 10px;
}

.dashboard-pipeline .pipeline-inactive-arrow p {
    padding-left: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prop_phase_sec{
    display: inline-block;
    width: 100% !important;
}

.disabled{
    background-color: #80808038;
}

.right-align-label{
    text-align: right;
    padding-right: 10px;
    padding-top: 6px;
}
.btns-filter {
    margin-bottom: 20px;
    text-align: center
}

.payload-box pre{
    border: none!important;
}

.payload-box ._1Lxpd {
    font-size: 1.2rem!important;
}

.system_notifcation{
    font-weight: bolder;
    padding: 8px 18px 8px 25px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #EED3D7;
    background-repeat: no-repeat;
    background-position: 3px 7px;
    color: #B94A48;
    background-color: #F2DEDE;
    border-color: #EED3D7;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtRJREFUeNqkVc1u00AQHq+dOD+0poIQfkIjalW0SEGqRMuRnHos3DjwAH0ArlyQeANOOSMeAA5VjyBxKBQhgSpVUKKQNGloFdw4cWw2jtfMOna6JOUArDTazXi/b3dm55socPqQhFka++aHBsI8GsopRJERNFlY88FCEk9Yiwf8RhgRyaHFQpPHCDmZG5oX2ui2yilkcTT1AcDsbYC1NMAyOi7zTX2Agx7A9luAl88BauiiQ/cJaZQfIpAlngDcvZZMrl8vFPK5+XktrWlx3/ehZ5r9+t6e+WVnp1pxnNIjgBe4/6dAysQc8dsmHwPcW9C0h3fW1hans1ltwJhy0GxK7XZbUlMp5Ww2eyan6+ft/f2FAqXGK4CvQk5HueFz7D6GOZtIrK+srupdx1GRBBqNBtzc2AiMr7nPplRdKhb1q6q6zjFhrklEFOUutoQ50xcX86ZlqaZpQrfbBdu2R6/G19zX6XSgh6RX5ubyHCM8nqSID6ICrGiZjGYYxojEsiw4PDwMSL5VKsC8Yf4VRYFzMzMaxwjlJSlCyAQ9l0CW44PBADzXhe7xMdi9HtTrdYjFYkDQL0cn4Xdq2/EAE+InCnvADTf2eah4Sx9vExQjkqXT6aAERICMewd/UAp/IeYANM2joxt+q5VI+ieq2i0Wg3l6DNzHwTERPgo1ko7XBXj3vdlsT2F+UuhIhYkp7u7CarkcrFOCtR3H5JiwbAIeImjT/YQKKBtGjRFCU5IUgFRe7fF4cCNVIPMYo3VKqxwjyNAXNepuopyqnld602qVsfRpEkkz+GFL1wPj6ySXBpJtWVa5xlhpcyhBNwpZHmtX8AGgfIExo0ZpzkWVTBGiXCSEaHh62/PoR0p/vHaczxXGnj4bSo+G78lELU80h1uogBwWLf5YlsPmgDEd4M236xjm+8nm4IuE/9u+/PH2JXZfbwz4zw1WbO+SQPpXfwG/BBgAhCNZiSb/pOQAAAAASUVORK5CYII=);
}

.no_twilio_phone_notification{
    padding: 8px 18px 8px 25px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #FBEED5;
    background-repeat: no-repeat;
    background-position: 3px 7px;
    background-color: #FCF8E3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABJlBMVEXr6eb/2oD/wi7/xjr/0mP/ykf/tQD/vBj/3o7/uQ//vyL/twebhgD/4pzX1K3z8e349vK6tHCilCWbiQymn0jGworr6dXQza3HxcKkn1vWvV/5uRfk4dXZ1bD18+/52YebiAmyr5S9mhCzrWq5t6ufjRH54aLs0oS+qD751XqPhAybhwXsujG3sm+Zk0PTwG6Shg+PhhObhwOPgQL4zV2nlyrf27uLfgCPhRHu7OmLgAafkyiWkD3l49ibiAfTs0C+lgCniwD4sgDJxqOilzDWowWFfAH08uebig6qpFHBvH/aw26FfQTQzsvy8OyEfz20r3jAvaKbhgG9q0nc2LbZxXanoUu/u5WSggCtp1anpJKdmFz/zlX/1nGJiYmuq5Dx7+sAAADoPUZSAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfdBgUBGhh4aah5AAAAlklEQVQY02NgoBIIE8EUcwn1FkIXM1Tj5dDUQhPU502Mi7XXQxGz5uVIjGOJUUUW81HnYEyMi2HVcUOICQZzMMYmxrEyMylJwgUt5BljWRLjmJm4pI1hYp5SQLGYxDgmLnZOVxuooClIDKgXKMbN5ggV1ACLJcaBxNgcoiGCBiZwdWxOETBDrTyEFey0jYJ4eHjMGWgEAIpRFRCUt08qAAAAAElFTkSuQmCC);
}

.system_notifcation div, .no_twilio_phone_notification div{
    display: inline-block;
    width: 85%;
}
.system_notifcation .glyphicon, .no_twilio_phone_notification .glyphicon{
    cursor: pointer;
    display: block;
    float: right;
}

.system_warning{
    font-weight: bolder;
    padding: 8px 18px 8px 25px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #FBEED5;
    background-repeat: no-repeat;
    background-position: 3px 7px;
    color: #C09853;
    background-color: #FCF8E3;
    border-color: #FBEED5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABJlBMVEXr6eb/2oD/wi7/xjr/0mP/ykf/tQD/vBj/3o7/uQ//vyL/twebhgD/4pzX1K3z8e349vK6tHCilCWbiQymn0jGworr6dXQza3HxcKkn1vWvV/5uRfk4dXZ1bD18+/52YebiAmyr5S9mhCzrWq5t6ufjRH54aLs0oS+qD751XqPhAybhwXsujG3sm+Zk0PTwG6Shg+PhhObhwOPgQL4zV2nlyrf27uLfgCPhRHu7OmLgAafkyiWkD3l49ibiAfTs0C+lgCniwD4sgDJxqOilzDWowWFfAH08uebig6qpFHBvH/aw26FfQTQzsvy8OyEfz20r3jAvaKbhgG9q0nc2LbZxXanoUu/u5WSggCtp1anpJKdmFz/zlX/1nGJiYmuq5Dx7+sAAADoPUZSAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfdBgUBGhh4aah5AAAAlklEQVQY02NgoBIIE8EUcwn1FkIXM1Tj5dDUQhPU502Mi7XXQxGz5uVIjGOJUUUW81HnYEyMi2HVcUOICQZzMMYmxrEyMylJwgUt5BljWRLjmJm4pI1hYp5SQLGYxDgmLnZOVxuooClIDKgXKMbN5ggV1ACLJcaBxNgcoiGCBiZwdWxOETBDrTyEFey0jYJ4eHjMGWgEAIpRFRCUt08qAAAAAElFTkSuQmCC);
}

.proposal-quote-view .quote-sub-head .bidtype-total-row{
    border-bottom:1px solid #aaa;
    padding:5px 0;
    line-height: 25px;
}

.proposal-quote-view .quote-sub-head .bidtype-total-last-row{
    padding:5px 0;
    line-height: 25px;
}

.proposal-quote-view .bidtype-total-row {
    border-bottom: 1px solid #aaa;
    font-size: 14px;
    line-height: 30px;
}

.proposal-quote-view .bidtype-paymentschedule-row{
    font-size: 14px;
    line-height: 30px;
}

.proposal-quote-view .bidtype-total-last-row {
    padding-top: 10px;
    line-height: 30px;
}

.proposal-tabs .invoice-view .quote-main-head, .proposal-tabs .invoice-view .quote-sub-head{
    padding: 2px 10px;
    margin-bottom: 3px;
}

.proposal-tabs .invoice-view .heading{
    font-size: 13px;
    font-weight: bold;
}

.proposal-tabs .invoice-view hr{
    margin: 5px 0px;
}

.expiry-month {
    width: 70px;
    height: 100%;
    display: inline-block;
    margin-right: 10px;
}

.expiry-year {
    width: 70px;
    height: 100%;
    display: inline-block;
    margin-left: 10px;
}

.card-number {
    width: 180px;
    height: 40px;
    margin: 2px;
}

.card-cvv {
    width: 50px;
    height: 40px;
    margin: 2px;
}

.image-dropdown{
    display: inline-block;
    border: 1px solid #eee;
}
.image-dropdown span.selected-image{
    padding: 5px;
}
.image-dropdown img {
    height: 32px !important;
    width: 50px;
}
.image-dropdown .dropdown-menu{
    min-width: auto;
}
.image-dropdown .dropdown-menu > li > a{
    padding: 3px 10px;
}

.image-dropdown .dropdown .btn{
    margin: 0px;
    padding: 6px;
    border-radius: 0px;
}

.error-msg{
    color: red !important;
}

.warning-msg{
    color: orange !important;
}

.work_order_thumbnails {
    /* width: 120px;
    height: 120px; */
    width: 25%;
    padding: 2px;
    border: 1px solid #ccc;
    margin: 2px;
    word-wrap: anywhere;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background: #A9AFBA;
    border-radius: 9px;
    color: #fff;
}

.work_order_thumbnails span{
    display: block;
    margin-top: 33%;
}
.action_plan_status_label{
    width: 40px;
    display: inline-block;
    padding-left: 5px;
}

.addon_custom_price{
    width: 60px;
    display: inline-block;
    margin-left: 5px;
}

#premium-tab span {
    display: inline;
}
.padding_left_20{
    padding-left: 20px;
}
.tab-sorting-panel p {
    margin: 10px 0 0 0;
}

#section-to-print .no-break-row, .term_n_cond p{
    page-break-inside: avoid;
}

.p1-quote-content-section{
    margin: 0;
    background-color: #ffffff;
}

.p1-quote-body-content, .p1-room-interior-section{
    display: flex;
    flex-wrap: wrap;
}

.p1-quote-navbar{
    margin-top: 57px !important;
}
.p1-quote-navbar ul li a{
    color: #4D4D4D;
    font-weight: bold;
    font-size: 20px;
    padding: 30px;
}
.p1-quote-navbar li:hover{
    background-color: #F2F2F2;

}

.p1-quote-box{
    background-color: #b1cce3;
    border-radius: 10px;
    float: right;
    margin-top: 20px;
    padding: 13px;
}

.p1-quote-pain1 {
    position: relative;
    width: 100%;
    display: inline-block;
}

.p1-quote-fotter{
    text-align: left;
    padding-left: 20px;
    padding-top: 60px;
    bottom: 30px;
    position: absolute;
    width: 172px;
}
.p1-quote-pnav{
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}
.p1-quote-maindiv {
    width: 100%;
    position: relative;
    display: inline-block;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;
}
.p1-quote-authorization {
    width: 48%;
    display: inline-block;
    position: relative;
    float: left;
    margin-right: 4%;
}
.p1-quote-completed {
    width: 48%;
    display: inline-block;
    position: relative;
}
.p1-quote-completed .sigCanvas, .p1-quote-authorization .sigCanvas {
    width: 100%;
    min-height: 200px;
    border: 0px;
    border-radius: 10px;
    background-color: #fff;
}

.p1-quote-authorization .sigCanvas img, .p1-quote-completed .sigCanvas img{
    margin: 15px;
}

button.p1-quote-whitebtn {
    background: #fff;
    padding: 20px 18px;
    border: 0px;
    border-radius: 5px;
    color: #000;
    margin-right: 15px;
    margin-top: 15px;
    font-size: 12px;
}
button.p1-quote-Bluebtn {
    background: #70A6D5;
    padding: 20px 13px;
    border: 0px;
    border-radius: 5px;
    color: #000;
    margin-top: 15px;
    font-size: 12px;
}
table td.p1-quote-lastrow {
    width: 100%;
}
td.p1-quote-lastrow span {
    float: right;
    font-weight: 700;
}
.p1-quote-text {
    width: 100%;
    font-weight: 700;
    padding: 5px 5px;
}
.p1-quote-text span {
    float: right;
    font-weight: 700;
}

.p1-quote-rigth-top{
    border-bottom: 2px solid #ccc;
    padding-bottom: 5px;
    padding-top: 20px;
    height: 172px;
}

.p1-quote-right-section-body{
    border-bottom: 2px solid #ccc;
    padding-bottom: 25px;
}

.p1-quote-section-head{
    color: #999999;
}

/* P1 Quote Style */

.p1-quote-body-left{
    width: 20%;
    background-color: #ffffff;
    /* box-shadow: 10px 0px 5px -2px #888888;
     -webkit-box-shadow: 10px 0px 5px -2px #888888;*/
    border-right: 2px solid #cccccc;
}

.p1-section-box{
    margin: 25px 0 0 0;
}
.p1-bidtype-box{
    margin-bottom: -10px;
    box-shadow: none;
}
.p1-quote-logo{
    height: 172px;
}
.p1-quote-logo img{
    padding: 15px 10px;
    width: 100%;
    max-height: 185px;
}
.p1-quote-logo-ot-block{
    width: 20%;
    display: inline-block;
}
.p1-quote-name-block{
    width: 53%;
    padding-left: 6%;
    vertical-align: top;
    color: #888888;
    display: inline-block;
}

.p1-quote-name-block h4{
    color: #888888;
}
.p1-quote-estimator-block{
    width: 23%;
    display: inline-block;
    word-wrap: anywhere;
    vertical-align: top;
}
.p1-quote-client-block{
    width: 23%;
    display: inline-block;
    vertical-align: top;
    word-wrap: anywhere;
}

.p1-quote-name-ot-block{
    width: 33%;
    padding-left: 30px;
}

.p1-quote-section-list a{
    padding: 25px;
    color: #888888;
    display: block;
    font-size: 16px;
}

#section-to-print .p1-quote-section-list a
{
    padding: 22px;
    font-size: 14px;
}


.p1-quote-section-list a:hover, .p1-quote-section-list a.active{
    background-color: #eeeeee;
}

.p1-quote-body-right{
    width: 80%;
    min-height: 700px;
    background-color: #efefef;
}

.p1-quote-body-right-other-tab{
    width: 100%;
    background-color: #efefef;
}
.p1-quote-full-right-section{
    padding-left:6%;
}

#section-to-print .p1-quote-full-right-section{
    padding-left:2%;
    padding-right:2%;
}

.add-new-sectiongreen{
    color:  #41AE8F;
    border: 1px solid #41AE8F;
    background: none;
    margin: 0!important;
    font-size: 26px;
    font-weight: bolder;
    padding: 0px 10px;
    line-height: 32px;
}

#sectiongreen-button-basic-option {
    background-color: #41AE8F;
}

.add-new-sectiongreen:hover {
    color: #41AE8F;
    border: 1px solid  #41AE8F;
}

.proposal_note_type_line_item {
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

#section-to-print .proposal_note_type_line_item {
    font-size: 11px;
}
#section-to-print .p1-quote-section-head {
    font-size: 15px;
}

div.react-tags__selected-customTag {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 6px 6px 0;
    padding: 6px 8px;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
    background: #F1F1F1;
    font-size: inherit;
    line-height: inherit;
}

div.react-tags__selected-customTag .actions{
    color: #AAA;
    margin-left: 8px;
    cursor: pointer;
}

.addons-title-image{
    width: 100px;
    max-width: 150px;
    max-height: 50px;
}

.announcement-modal {
    width: 65%;
}
/**
 * Main wrapper
 */
.select-search {
    position: relative;
    font-family: 'Nunito Sans', sans-serif;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.select-search *,
.select-search *::after,
.select-search *::before {
    box-sizing: inherit;
}

/**
 * Value wrapper
 */
.select-search__value {
    position: relative;
    z-index: 1;
}

.select-search__value::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 9px);
    right: 19px;
    width: 11px;
    height: 11px;
}

/**
 * Input
 */
.select-search__input {
    display: block;
    height: 32px;
    width: 100%;
    padding: 0 40px 0 16px;
    background: #fff;
    border: 1px solid transparent;
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, 0.15);
    border-radius: 3px;
    outline: none;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    text-align: left;
    text-overflow: ellipsis;
    line-height: 36px;
    -webkit-appearance: none;
}

.select-search__input::-webkit-search-decoration,
.select-search__input::-webkit-search-cancel-button,
.select-search__input::-webkit-search-results-button,
.select-search__input::-webkit-search-results-decoration {
    -webkit-appearance:none;
}

.select-search__input:not([readonly]):focus {
    cursor: initial;
}

/**
 * Options wrapper
 */
.select-search__select {
    background: #fff;
    box-shadow: 0 .0625rem .125rem rgba(0, 0, 0, 0.15);
}

/**
 * Options
 */
.select-search .select-search__options {
    list-style: none!important;
    padding: 0px;
}

/**
 * Option row
 */
.select-search__row:not(:first-child) {
    border-top: 1px solid #eee;
}

/**
 * Option
 */
.select-search__option,
.select-search__not-found {
    display: block;
    width: 100%;
    padding: 10px;
    background: #fff;
    border: none;
    outline: none;
    font-family: 'Noto Sans', sans-serif;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.select-search--multiple .select-search__option {
    height: 48px;
}

.select-search__option.is-selected {
    background: #CCCCCC;
    color: #fff;
}

.select-search__option.is-highlighted,
.select-search__option:not(.is-selected):hover {
    background: rgba(47, 204, 139, 0.1);
}

.select-search__option.is-highlighted.is-selected,
.select-search__option.is-selected:hover {
    background: #CCCCCC;;
    color: #fff;
}

/**
 * Group
 */
.select-search__group-header {
    font-size: 10px;
    text-transform: uppercase;
    background: #eee;
    padding: 8px 16px;
}

/**
 * States
 */
.select-search.is-disabled {
    opacity: 0.5;
}

.select-search.is-loading .select-search__value::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cpath fill='%232F2D37' d='M25,5A20.14,20.14,0,0,1,45,22.88a2.51,2.51,0,0,0,2.49,2.26h0A2.52,2.52,0,0,0,50,22.33a25.14,25.14,0,0,0-50,0,2.52,2.52,0,0,0,2.5,2.81h0A2.51,2.51,0,0,0,5,22.88,20.14,20.14,0,0,1,25,5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
    background-size: 11px;
}

.select-search:not(.is-disabled) .select-search__input {
    cursor: pointer;
}

/**
 * Modifiers
 */
.select-search--multiple {
    border-radius: 3px;
    overflow: hidden;
}

.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value::after {
    transform: rotate(45deg);
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    pointer-events: none;
}

.select-search--multiple .select-search__input {
    cursor: initial;
}

.select-search--multiple .select-search__input {
    border-radius: 3px 3px 0 0;
}

.select-search--multiple:not(.select-search--search) .select-search__input {
    cursor: default;
}

.select-search:not(.select-search--multiple) .select-search__input:hover {
    border-color: #CCCCCC;
}
.select-search:not(.select-search--multiple) .select-search__select {
    position: absolute;
    z-index: 9999;
    top: 35px;
    right: 0;
    left: 0;
    border-radius: 3px;
    overflow: auto;
    max-height: 360px;
}

.select-search--multiple .select-search__select {
    position: relative;
    overflow: auto;
    max-height: 260px;
    border-top: 1px solid #eee;
    border-radius: 0 0 3px 3px;
}

.select-search__not-found {
    height: auto;
    padding: 16px;
    text-align: center;
    color: #888;
}

div.react-tags__selected-customTag {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 6px 6px 0;
    padding: 6px 8px;
    border: 1px solid #D1D1D1;
    border-radius: 2px;
    background: #F1F1F1;
    font-size: inherit;
    line-height: inherit;
}

div.react-tags__selected-customTag .actions{
    color: #AAA;
    margin-left: 8px;
    cursor: pointer;
}

.inline-block{
    display: inline-block;
}
div.show_notes{
    padding: 10px;
    background-color: rgb(238, 238, 238);
    overflow-wrap: anywhere;
    width: 90%;
    min-height: 150px;
}

.inactive-icon{
    cursor:pointer;
    color: #cccccc;
    border: 1px solid #cccccc;
    padding: 5px 3px;
}

.active-icon{
    cursor: pointer;
    color: #64bca8;
    border: 1px solid #64bca8;
    padding: 5px 3px;
}

.select-line-item {
    position: absolute;
    top: 31px;
    z-index: 9;
    background: #fff;
    width: 75%;
    left: 10px;
    overflow: hidden;
    height: 24px;
}

.select-search.has-focus {
    z-index: 9999;
}

.vertical-heading{
    font-size: 11px;
    transform: rotate(-90deg);
    width: 46px;
    font-weight: normal;
    text-align: center;
    padding: 10px;
}

.row-chng-order{
    padding: 6px 0;
}

.p1-notes-status{
    width: auto!important;
    margin-left: 35%!important;
}

.p1-room-section-calculation{
    padding: 7px 0;
}

.p1-room-section-calculation-right{
    border-left: 1px solid #ccc;
}
.p1-color-heading{
    width: 110px;
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}
.p1-room-length{
    margin-top: -14px;
}

.p1-room-cal-length{
    width: 36px;
    display: inline;
    margin: 0px 5px;
}

.p1-room-color{
    width: 100px;
    display: inline;
    margin: 0px 5px;
}

.p1-hide-room{
    width: 15px;
    display: inline;
    margin-left: 12px !important
}

.p1-hr{
    margin: 5px 0;
}

.display_flex{
    display: flex;
}
.display_inline{
    display: inline;
}

.invisible{
    visibility: hidden;
}

.width90{
    width: 90%;
}

.width85{
    width: 85%;
}

.p1-quote-col{
    width: 11.6666%;
}

.padTopLeft10{
    padding-top: 10px;
    padding-left: 10px;
}
.padRight20{
    padding-right: 20px;
}
.text-right {
    text-align: right;
}
.inline-block {
    display: inline-block;
}

.no-border-radius{
    border-radius:0px !important
}

.px-60{
    padding: 0 40px;
}
.platerra-header h5,.platerra-footer h5{
    text-transform: uppercase;
}
.platerra-header address, .email{
    word-wrap: anywhere;
}
.table-border,.table-border td, .table-border th {
    border: 1px solid #000;
}
.platerra-body .table-border,.table-border td, .table-border th{
    border: 1px solid #a0a0a0;
}

.platerra-body .table-border .table-active{
    background-color: #eeeeee;
}
.border-right{border-right: 1px solid #000 !important;}

.quote-grandtotal .total-block{
    display: inline;
    width: 22%;
    float: right;
    text-align: right;
    padding-right: 5px;

}

@media(min-width: 768px) and (max-width: 1181px) {
    .client-modal .cell-phone {
        width: 100%;
        position: relative;
    }

    .client-modal .form-group.control-phone {
        position: relative;
    }

    .clientprofile-editor .accordion-sec .form-group .fa.fa-volume-control-phone, .click-to-call {
        position: absolute;
        right: 4px;
        top: 20px;
        left: auto;
    }
}
@media (max-width: 1393px){
    .p1-color-heading{
        width: 27%;
        text-align: center;
        font-weight: normal;
        font-size: 12px;
    }
    .p1-room-length{
        margin-top: -2px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .p1-room-cal-length{
        width: 6%;
        display: inline;
        margin: 0px 2px;
        margin-bottom: 5px;
    }

    .p1-room-color{
        width: 27%;
        display: inline;
        margin: 0px 2px;
        margin-bottom: 5px;
    }

    .p1-hide-room{
        width: 15px;
        display: inline;
        margin-left: 5px !important
    }

    .vertical-heading{
        font-size: 10px;
        width: 7%;
        text-align: center;
        padding: 5px;
    }

    .proposal_note_type_line_item.row .p1-quote-col {
        font-size: 11px;
    }

    .proposal-tabs .form-control {
        padding: 2px;
    }
}

@media(max-width: 991px){
    .px-60 {
        padding: 0 15px;
    }

    .p1-room-interior-section{
        display: block;
    }
    .include-text .font8{
       writing-mode: unset; 
       margin: 0;
    }
}

@media(max-width:420px){
    .include-text .font8{
       writing-mode: vertical-rl; 
    }
}

.event-tab .chosen-container-single .chosen-single,
.advance-filter-row .chosen-container-single .chosen-single{
    height: 35px;
    background:none;
    box-shadow:none;
    padding-top: 4px;
}

.event-tab .chosen-container-single .chosen-single div,
.advance-filter-row .chosen-container-single .chosen-single div{
    top: 4px;
}


.ellipsis_content{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    max-width: 200px;
}

.edit-contact-row{
    border: 2px solid #CCC;
}

.edit-contact-row td input, .edit-contact-row td select {
    margin-left: -8px;
    text-align: left;
    min-width: 140px;
}

/* star rank options rank start */
img.rank-0 {
    filter: invert(69%) sepia(8%) saturate(2732%) hue-rotate(116deg) brightness(87%) contrast(80%);
}

img.rank-1, img.rank-2,img.rank-3, img.rank-4 {
    filter: invert(100%) sepia(54%) saturate(2113%) hue-rotate(164deg) brightness(97%) contrast(87%);
}

img.rank-5, img.rank-6, img.rank-7, img.rank-8, img.rank-9 {
    filter: invert(55%) sepia(83%) saturate(464%) hue-rotate(149deg) brightness(86%) contrast(88%);
}

img.rank-10{
    filter: invert(38%) sepia(63%) saturate(7071%) hue-rotate(186deg) brightness(88%) contrast(94%);
}

img.warning-info{
    background-color: yellow;border-radius: 15px;
}
/* star rank options rank end */

.token-list .chosen-select{
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
}

.token-list .chosen-container-single .chosen-single{
    background: none;
    line-height: 32px;
    height: 32px;
}

.token-list .chosen-container-single .chosen-single div b{
    background-position-y: 5px;
}

.setting-sections{
    display: flex;
}

.add-proposal-icon{
    border: 0px !important;
    background: 0px !important;
    padding: 0px !important;
    display: inline-block !important;
    width: auto !important;
    vertical-align: bottom;
}

.add-proposal-icon::before{
    position: absolute;
}

.setting-sections {
    display: flex;
}
.notifyjs-corner .notifyjs-wrapper, .notifyjs-corner .notifyjs-container{
    max-width:500px;
}
[data-notify-text]{
    word-break: break-all;
    white-space: pre-line;
}

/* Keep Print in last */
@media print
{
    body {
        -webkit-print-color-adjust: exact !important;
    }
    .no-print, .no-print *
    {
        display: none !important;
    }

    .print-only{
        display:block !important;
    }

    .proposal-tabs{
        background: #ffffff;
        border-radius: 0px;
        box-shadow: none;
    }

    .proposal-tabs .quote-main-head {
        background-color: #999999!important;
        -webkit-print-color-adjust: exact;
    }

    .proposal-tabs .quote-sub-head {
        background-color: #dddddd!important;
        border: 1px solid #000000!important;
        border-color: #000000!important;
        -webkit-print-color-adjust: exact;
    }

    .proposal-tabs .quote-grandtotal{
        background-color: #dddddd!important;
        border: 1px solid #000000!important;
        border-color: #000000!important;
        -webkit-print-color-adjust: exact;
    }

    .p1-quote-body-right{
        width: 100%;
    }
}

.unifiled-message-center{
    width: 100%;
}

.umcTable tr td{
    font-size: 13px;
    vertical-align: middle !important;
}

.umcTable tr td .company_name {
    /*margin-left: 55px;*/
    color: #aaaaaa;
}
.worksheet-file-label{
    cursor: pointer;
    display: block;
    position: absolute;
    opacity: 0.9;
    top: 0;
}
.worksheet-file-selector{
    position: absolute;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.email-link-template-list div.open ul.dropdown-menu{
    bottom: 100% !important;
    top: auto !important;
    max-height: 400px;
    overflow: scroll;
}
.email-link-template-list div.dropdown .caret{
    transform: rotate(180deg);
}

.btn.btn-gray {
    background: gray;
    color: #fff;
    margin-right: 5%;
}
.constant-reload {
    cursor: pointer;
    height: 29px;
    font-size: 32px;
    margin-right: 10px;
}
.manual-text-count {
    position: absolute;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    margin-top: 12px;
    display: inline-block;
    width: 20px;
    top: -6px;
    font-weight: bold;
    height: 20px;
    background: red;
    z-index: 99;
    font-size: 12px;
    padding-top: 3px;
}

/* CSS for New Meetings Schedular*/        
.colorInput1,
.colorInput2 {
width: 30px;
height: 20px;
border: 1px solid black;
background-color: black;
text-align: center;
cursor: pointer;
padding: 10px;
}
.colorInput1{
    background-color: #C62222;
}
.timepicker {
    border: 1px solid;
}
/* .ui-timepicker li.ui-menu-item{
    margin-left: -38px;
} */
.colorInput1:hover,
.colorInput2:hover {
box-shadow: 0 0 5px 0px #000;
}


/* CSS for New Custom fields*/        
.colorInput3,
.colorInput4,
.colorInput5,
.colorInput6,
.colorInput7,
.colorInput8 {
width: 30px;
height: 20px;
border: 1px solid black;
background-color: black;
text-align: center;
cursor: pointer;
padding: 10px;
}
.colorInput5{
    background-color: #e5e5e5;
}
.colorInput3{
    background-color: #C62222;
}
.timepicker {
    border: 1px solid;
}
/* .ui-timepicker li.ui-menu-item{
    margin-left: -38px;
} */
.colorInput3:hover,
.colorInput4:hover,
.colorInput5:hover,
.colorInput6:hover,
.colorInput7:hover,
.colorInput8:hover {
box-shadow: 0 0 5px 0px #000;
}

/* CSS for New Custom fields*/        


.bootstrap-datetimepicker-widget {
    position: relative;
    z-index:9999 !important;
}
#datepicker .ui-datepicker-inline { width: 100%; border: none; }
#datepicker .ui-datepicker-inline td.ui-state-disabled span { background-color: transparent;text-align: center;border: none;}
#datepicker .ui-datepicker-inline td a {     text-align: center;
    border-radius: 50px;
    border: none; }
#datepicker .ui-datepicker-inline a.ui-state-active { background-color: #00ffff; }
#datepicker .ui-datepicker-inline thead { border-bottom: 1px solid #ccc; }
#datepicker .ui-datepicker-inline .ui-datepicker-header {     background: transparent;
    border: none;}
#accordion.ui-accordion .ui-accordion-header{
    padding: 10px;
    font-weight: bold;
}
#datepicker .ui-state-highlight { background-color: transparent;}    
#accordion{ width: 95%; margin: 0px auto; margin-bottom: 20px; }
#accordion .ui-state-active { 
    background-color: #ccc;
    border: none;
    color: #000;
}
ul.dayTimeSelected {
    padding-left: 0px;
}
li.dayTimeSelected {
    list-style: none;
    background: #eee;
    padding: 10px;
    border-radius: 25px;
    width: auto;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px #ccccca;
}
.displayColorPicker {
    display: block !important;
    visibility: visible !important;
    z-index: 9999 !important;
}
.nonedisplayColorPicker {
    display: none;
    visibility: visible;
}
.oppPro-table {
    background-color: #edeef0 !important;
    text-align: center;
}
.merge-clients-pop.col-sm-6.col-xs-6 .row {
    padding-bottom: 5px;
}

/* calendar css */
.header-color-picker.cp-default .slide-wrapper{
    margin-left: 0px;
}
.nav-custom-styles li{
    background-color: #fff !important;
    padding: 5px;
    padding-left: 20px;
}
#full-calender-page select{
    background-color: #fff;
    border: 1px solid;
    border-radius: 5px;
    padding-left: 10px;
    padding-top: 5px;
}
.custom-calendar-page{
    padding: 0px !important;
}
.custom-calendar-page .eidtor-bg-color{
    padding: 0px !important;
}
.custom-calendar-page #left-tabs-example{
    background-color: #fff;
}
.custom-calendar-page .rbc-off-range-bg{
    background-color: #fff;
}
.custom-calendar-page .rbc-date-cell{
    text-align: center;
    padding-top: 10px;
}
.custom-calendar-page .white-box-item{
    box-shadow:none;
}
.custom-calendar-page .picker-wrapper{
 width: 80% !important;
}
.custom-calendar-page .slide-wrapper{
    width: 15% !important;
}
/* new css */
.custom-calendar-page{
    font-family: 'Roboto', sans-serif;
}
#body-background.center-panel{
    background-color: #eee;
    /*padding: 20px;*/
}
.calendar-heading{
    font-size: 24px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}
.custom-calendar-page .nav-custom-styles li,
.custom-calendar-page .rbc-date-cell,
.custom-calendar-page .rbc-toolbar .rbc-toolbar-label,
.custom-calendar-page .rbc-toolbar button{
    font-family: 'Roboto', sans-serif;
}
.settings-page.custom-calendar-page .tabs-sec ul li {
    background-color: #fff;
    border-bottom: unset;
    margin-bottom: 4px;
}
.custom-calendar-page :is(.rbc-ellipsis, .rbc-event-label, .rbc-row-segment .rbc-event-content, .rbc-show-more ){
    font-family: 'Roboto', sans-serif;
}
.custom-calendar-page .rbc-row-segment .rbc-event-content{
    opacity: 1;
    font-size: 10px;
    font-weight: 500;
}
.custom-calendar-page .rbc-header{
    font-size: 13px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    border-bottom: none !important;
    padding: 10px 5px;
}
.custom-calendar-page #full-calender-page .rbc-btn-group select {
    border: 1px solid #ccc;
    padding: .375rem 1rem;
    font-family: 'Roboto', sans-serif;
}
.rbc-time-view .rbc-row{
    min-height: 45px;
}
.rbc-time-view .rbc-time-content {
    border: 1px solid #DDD;
}  

.custom-calendar-page .rbc-time-header-content{
    min-width: 200px;
}
.custom-calendar-page .rbc-event-container,  .custom-calendar-page .rbc-time-view-resources .rbc-day-slot {
    min-width: 199px;
}
.oppPro-table {
    background-color: #edeef0 !important;
    text-align: center;
}

.custom-calendar-page .rbc-time-header-content{
    min-width: 200px;
}
.custom-calendar-page .rbc-event-container,  .custom-calendar-page .rbc-time-view-resources .rbc-day-slot{
    min-width: 199px;
}
.custom-calendar-page .rbc-event-content { cursor:pointer !important; font-size:9px; font-weight: normal; line-height:inherit; }
.custom-calendar-page .rbc-event { border-radius:5px !important; cursor:initial !important; }
.custom-calendar-page .rbc-event .rbc-event-label { display:none !important; }

.move-to-acc{ padding: 5px 1px 0px 2px ; margin: 3px 0px 0px 0px; }
.contactReminder{
    background-color: #888;
}

.contactReminderColorIcon{
    display: inline-block;
    height: 10px;
    width: 10px;
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
}

.actionsplans span.action_plan_draft_tag{
    color: #43ae96;
    font-size: 11px;
    border: none;
    padding: 2px 5px;
    display: inherit;
    text-transform: lowercase;
    font-weight: bolder;
}

#up-attachments .dropdown.btn-group{
    width:100%;
}

#up-attachments .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#up-attachments .dropdown.btn-group .add-proposal-icon {
    width: 100% !important;
    text-align: left;
}
.proposal-quote-view .grand-total-char {
    font-weight: bold;
}
.ctgpt-out-message{
    float: right;
    background-color: #eeeeff;
    border: 2px solid #cccccc;
    border-radius: 10px;
    padding: 10px;
    margin: 5px 0;
    white-space: pre-wrap;
}
.ctgpt-in-message {
    float: left;
    background-color: #eeeeee;
    border: 2px solid #cccccc;
    padding: 10px;
    margin: 5px 0;
    border-radius: 10px;
    white-space: pre-wrap;
}
.p_emoji{
    position: absolute;
    z-index: 99999;
    margin-top: 22px;
}
.p_emoji_screen {
    margin: 23px 0px 0px -143px !important;
}
.feature_plan_modal.trigger_model_page .modal-dialog {
    width: 65% !important;
}

.red-bell-text-count {
    position: absolute;
    border-radius: 12px;
    width: 20px;
    background-color: #F84B0C;
    text-align: center;
    color: white;
    margin: 0px 0px 0px 16px;
}
.attachment_loading_backshadow{
     width: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
     height: 100%;
     background: #ccc;
     z-index: 99999;
     opacity: 0.5;
}
.loading_image_attachment{
    margin: 20% auto;
    width: 100px;
}
.pad-bottom-15{
    padding-bottom: 15px;
}

.text-elipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Task Right side panel */
.padd_26{
    padding-left: 26px;
}

.task-right-side-panel-card {
    display: inline-block;
    font-size: 13px;
}

.task-right-side-panel-card, #span-1 , #span-2 {
    color: #808080c9;
}

.task-center {
    text-align: center;
}

.Resizer {
    background: #000;
    opacity: 0.2;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
  }
   
  .Resizer:hover {
    -webkit-transition: all 2s ease;
    transition: all 2s ease;
  }
   
  .Resizer.horizontal {
    height: 11px;
    margin: -5px 0;
    border-top: 5px solid rgba(255, 255, 255, 0);
    border-bottom: 5px solid rgba(255, 255, 255, 0);
    cursor: row-resize;
    width: 100%;
  }
   
  .Resizer.horizontal:hover {
    border-top: 5px solid rgba(0, 0, 0, 0.5);
    border-bottom: 5px solid rgba(0, 0, 0, 0.5);
  }
   
  .Resizer.vertical {
    width: 11px;
    margin: 0 -5px;
    border-left: 5px solid rgba(255, 255, 255, 0);
    border-right: 5px solid rgba(255, 255, 255, 0);
    cursor: col-resize;
  }
   
  .Resizer.vertical:hover {
    border-left: 5px solid rgba(0, 0, 0, 0.5);
    border-right: 5px solid rgba(0, 0, 0, 0.5);
  }
  .Resizer.disabled {
    cursor: not-allowed;
  }
  .Resizer.disabled:hover {
    border-color: transparent;
  }
  
  .Pane1{
    min-width: 400px !important;
    max-width: 884px !important;
  }

/* START Css for clear icon on contact search input field  */
.clearable{
  background: url(../images/icon-cancel-white.svg) no-repeat right -35px center;
  background-size: 45px;
  padding:4px;
  transition: background 0.4s;
  background-color: #fff;
}
.clearable.x{
  background-position: right -8px center;
  padding-right: 30px;
}
.clearable.onX{
  cursor:pointer;
}

/* END Css for clear icon on contact search input field */
  .mass_sms_exceed_warning {
      background-color: rgb(242, 222, 222);
      border: 1px solid rgba(255, 0, 0, 0.86);
      color: rgba(255, 0, 0, 0.86);
      border-radius: 10px;
      padding: 5px;
      font-size: 10px;
      font-stretch: ultra-expanded;
      text-align: center;
  }
  div[id^="uncontrolled-tab-example-pane-"] > div {
      max-height: none !important;
  }
  .txt-green{
    color:green;
  }

  .txt-red{
    color:red;
  }
  .tabs-sec>div>ul{
    overflow-y: auto;
    height: 800px;
    max-height: none !important;
  }
  .custom-calendar-email{
    display: flex;
  }
.custom-calendar-email  div.react-datepicker__time{
    height: 250px;
}

.dynamic_control{
    padding-left: 12px;
    padding-right: 12px;
}

.proposal_css_modal_heading{
    padding-right: 12px;
    padding-left: 12px;
    text-overflow: ellipsis;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action_plan_tabs .nav-tabs li.active {
  border-bottom: 1px solid transparent !important;
  background-color: #fff;
}

.action_plan_tabs .nav-tabs li {
  border-bottom: 1px solid #ccc !important;
  margin-left: -1px;
}

.action_plan_tabs .nav-tabs li > a {
  color: #555;
  background-color: #fff;
  border-bottom-color: transparent;
  cursor: default;
}

.action_plan_tabs .nav-tabs li :hover {
  color: #555;
  border-bottom-color: transparent;
  cursor: default;
}
.action_plan_tabs .nav-tabs li.active :hover {
  color: #555;
  border-color: #ccc !important;
  border-bottom-color: transparent !important;
  cursor: default;
}
.action_plan_tabs .nav-tabs li > a:hover {
  color: #555;
  background-color: #fff;
  border-color: transparent;
  cursor: default;
}

.domino-effect {
  background-color: #43ae96;
  -webkit-mask: url(../images/DominoEffect.svg) no-repeat center;
  mask: url(../images/DominoEffect.svg) no-repeat center;
  width:16px;
  height:18px;
  float:left;
  margin-right:5px;
}

.domino-effect-popup {
background-color: #43ae96;
  -webkit-mask: url(../images/DominoEffect.svg) no-repeat center;
  mask: url(../images/DominoEffect.svg) no-repeat center;
  width:16px;
  height:18px;
  float:left;
  margin-left: 25px;
}


.domino-effect-popup-grey {
background-color: #ccc;
  -webkit-mask: url(../images/DominoEffect.svg) no-repeat center;
  mask: url(../images/DominoEffect.svg) no-repeat center;
  width:16px;
  height:18px;
  float:left;
  margin-left: 25px;
}

.dropdown-action {
    position: relative;
}
.dropdown-action .dropdown-button {
    display: inline-flex;
    align-items: center;
    color: white;
    width:60px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid black;
    background: rgb(67 174 150);
    height: 33px;
  }
  .dropdown-action .icon-left {
    margin-right: 5px; /* Space between the icons */
    width: 28px;
    padding-left: 5px;
    font-size: 20px;
}
.dropdown-action .icon-right {
    font-size: 28px;
    width: 20px;
}
.dropdown-action .vertical-line {
    height: 100%;
    border-left: 1px solid black;
}
.dropdown-action .dropdown-menu {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin-top: 5px;
    padding: 5px;
    list-style: none;
}

.dropdown-action .dropdown-menu li {
    padding: 5px 10px;
    cursor: pointer;
}

.dropdown-action .dropdown-menu li:hover {
    background-color: #ede9e9;
}
.select-upload-type-options span:hover{
    background-color: #ede9e9;
}
.dropdown-action .dropdown-menu .selected{
    background-color: #ede9e9;
}
.fa-paperclip{
    padding-top: 6px;
}

/* CSS For New Proposal View*/
.col-md-8-5 {
    width: 70%;
    padding-left: 5px;
}

/* enable absolute positioning */
.inner-addon { 
    position: relative; 
}

/* style icon */
.inner-addon .fa-custom-dollar-sign {
  position: absolute;
  padding: 10px;
  pointer-events: none;
  background-color: #ccc;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

/* align icon */
.left-addon input  { padding-left:  30px !important; }
input[name="area_name"] {
  margin-left: 10px;
}
.quote-line .select-search {
    margin-right: 10px;
}

.sameHeightcontentResponsive{
    display: flex;
}
.customDragHandle {
    margin-top: 10px;
}
.sameHeightcontentResponsive .col:nth-child(1), .customDragHandle {
    background-color: #ccc;
    width: 0.7%;    
    margin-right: 10px;
}

.customDragHandle span.drag-handle{
    width:100%
}

.sameHeightcontentResponsive span.drag-handle{
    width:100%
}
.proposal_title_image {
    text-align: center;
    align-content: last baseline;
    display: grid;
}
.proposal_title_image svg {
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 10px;
}
.proposal-tabs .nav-tabs > li > a {
    border: none !important;
    background-color: transparent !important;
    color: grey;
}
li.active  span.proposal_title_image svg {
    border: 3px solid #41ae8f;
}
.custom-checkbox-width {
    width: 10%;
}
.bid-row-actions{
    height:0px;
    float:right;
}
.lineItemContainerTablet { display: none;}
.fixed-header {
    position: fixed;
    top: 80px;
}

.visible-title {
    visibility: visible;
}
.gray-border-left { border-left:5px solid gray }
.bid-row-actions-tab-view { display: none; }
.bid-row-actions-desktop-view { display: block; }
.room-cal-special-case { margin-top: -15px; }
.room-cal-special-case input { margin-left: 15px; vertical-align: middle; }

.selection-list .service-postal-code .react-tagsinput span .react-tagsinput-tag{
    background-color: #8991943b;
    border-radius: 2px;
    border: 1px solid #89919452;
    color: #000000b3;
}
.selection-list .service-postal-code .react-tagsinput span .react-tagsinput-input {
    width: 100%;
}


/* Chrome, Safari, Edge, Opera */
.branchIDcls input::-webkit-outer-spin-button,
.branchIDcls input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.branchIDcls input[type=number] {
    -moz-appearance: textfield;
}
.proposal-tabs .add-proposal-icon.btn {
    margin: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Quotation Page*/
.quotation-heading { 
    /* border-bottom: 1px solid #ccc; 
    margin-bottom: 20px; */
}
.quotation-section{ 
    border-right: 1px solid #ccc; 
    padding: 10px;
    background-color: #fff;
   
    min-height: 330px;
    max-height: 330px;
    overflow: auto;
}
.quotation-section .pull-right { text-align: right; }
.border-bottom-gray {
    border: 1px solid #ccc;
    padding: 5px;
}
.padding-total-quote {
    padding: 5px;
}
.padding-total-quote-right {
    text-align: right;
} 

.quotation-section-container{
    margin-bottom: 10px;
    border-bottom: 1px solid gray;
    background: #fff ;
}

.quotation-heder h3{
    text-align: left !important;
}

.quatation-line-item{
    padding-left: 10px;
}

@media only screen and (max-width: 991px) {
    .quotation-section {
        margin-top: 10px;
        border-left: none;
        border: 2px solid #ccc;       
        /* border-radius: 10px;   */
    }
    .quotation-section .col-sm-6 { width: 50%; float: left; }
    .labor-material-combo .col-lg-6 {
        width: 100% !important;
    }
}
/* Quotation Page*/
.labor-material-combo .col-lg-6 {
    width: 49%;
    margin-right: 1%;
    margin-top: 15px;
}

.labor-material-combo .vertical-type {
    margin-left: 0px !important;
}

#ctranscribe-tabs .tab-content {
    min-height: 20px!important;
    max-height: 2000px!important;
    z-index: 99;
}
#ctranscribe-tabs  .nav-tabs > li{
    width: auto!important;
}