.input-group-addon{
    padding: 0;
}
.input-group-addon > span > a,
.input-group-addon > i,
.input-group-addon > a{
    padding: 6px 12px;
}
.input-group-addon > span[id],
.input-group-addon > span[class]{
    padding-left: 12px;
    padding-right: 12px;
}
.input-group-select .input-group-addon{
    padding-top: 0;
}
#logo img {
    position: absolute;
}
.avilable_merge_fields .list-group .list-group-item{
    display: inline-block;
}
.avilable_merge_fields .list-group .list-group-item a.pull-right{
    padding-left: 5px;
}
body.customers .panel_s .panel-body >div[class*="col-md-"]{
    z-index: 0;
}
body.customers .panel_s .panel-body >div[class*="col-md-"]:first-child:before, body.customers .panel_s .panel-body.proposal-content:before {
    content: '';
    background: url(https://crm.3tc.vn/assets/images/top-bg.svg) no-repeat -80px 0;
    position: absolute;
    left: 0;
    top: -20px;
    width: 390px;
    height: 169px;
    background-size: contain;
    max-width: 100%;
}
body.customers .panel_s .panel-body.proposal-content:before{
    top:0;
}
body.customers .panel_s .panel-body >div[class*="col-md-"]:first-child:after, body.customers .panel_s .panel-body.proposal-content:after {
    content: '';
    background: url(https://crm.3tc.vn/assets/images/bottom-bg.svg) no-repeat right -60px bottom 0;
    position: absolute;
    bottom: -20px;
    right: 0;
    width: 250px;
    height: 110px;
    background-size: contain;
    z-index: -2;
}
body.customers .panel_s .panel-body.proposal-content:after{
    bottom:0;
    z-index: 0;
}
body.customers .panel_s .panel-body.proposal-content .table-responsive,
body.customers .panel_s .panel-body.proposal-content .proposal-html-total-to-words,
body.customers .panel_s .panel-body.proposal-content .row
{
    position: relative;
    z-index: 1;
}
.table.items{
    background: rgba(255,255,255,0.9);

}
.table.items thead {
    background: rgba(65, 81, 100, 0.9);
}

@media (max-width: 767px) {
    .panel_s .panel-body {
        padding: 5px;
    }
    .viewestimate .panel-body, .viewinvoice .panel-body{
        padding: 0;
    }
    body.customers .panel_s .panel-body >div[class*="col-md-"]:after {
        bottom: 0;
    }
    .preview-sticky-header{
        position: initial!important;
    }
    .table.items {
        margin-top: 0;
    }
    .table-responsive + .row > .col-md-6.col-md-offset-6 > .table-responsive{
        background: rgba(255,255,255,0.9);
    }
    .col-md-6.col-md-offset-6 > .table.text-right{
        background: rgba(255,255,255,0.9);
    }
    div[class*="html-total-to-words"]{
        background: rgba(255,255,255,0.7);
    }
}
@media (max-width: 1199px) and (min-width: 768px) {
    .content{
        padding: 10px 15px 15px 15px;
    }
    .row{
        margin-left: -10px;
        margin-right: -10px;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        padding-left: 10px;
        padding-right: 10px;
    }
    .container{
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (max-width: 768px) {
    #content{
        padding: 5px;
    }
    .row{
        margin-left: -5px;
        margin-right: -5px;
    }
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
        padding-left: 5px;
        padding-right: 5px;
    }
    .container{
        padding-right: 5px;
        padding-left: 5px;
    }
}

.estimate-html-logo,
.invoice-html-logo,
.proposal-html-logo {
    text-align: right;
    padding-bottom: 20px;
}
.estimate-html-logo img,
.invoice-html-logo img,
.proposal-html-logo img{
    display: inline-block;
    height: 50px;
}
.btn.btn-default.action-button{
	background-color:#30c172!important;
	border-color:#30c172!important;
}
.table.items ul,
.table.items ol{
    list-style: initial;
    margin: initial;
    padding: initial;
    padding-left: 1.2em;
}
.table.items ol{
    list-style: decimal;
}
.table.items ul li{
    margin: initial;
    padding: initial;
}
.table.items ol li{
    margin: initial;
    padding: initial;
}
.table.items.items-preview br{
    clear: both;
}
.table.items.items-preview ol > br,
.table.items.items-preview ul > br{
    display: none!important;
}
.table.items.items-preview li + br{
    display: none!important;
}
.table.items.items-preview li br + br{
    display: none!important;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
    .s_table .table.items tbody>tr>td:not(:first-child) {
        padding-top: 5px;
        padding-bottom: 5px;
    }

}
@media only screen and (max-width: 760px){
    .user-data .arrow-right {
        margin-right: 0;
    }
    
    .user-data .arrow-left {
        margin-left: 0;
    }
    .hr-panel-heading{
        margin-left: 0;
        margin-right: 0;
    }
}

.checklist-checkbox label{
    vertical-align: top;
}
.checklist .checkbox.checklist-checkbox{
    height: auto;
    min-height: 25px;
}
.canCopy{
    position: relative;
}
.canCopy .mytooltip {
    font-family: sans-serif;
    font-size: .875rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.7;
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;
    opacity: 0;
    text-shadow: none;
    line-break: auto;
    position: absolute;
    right: 120%;
    z-index: 999;
    background-color: #000;
    color: #fff;
    padding: 5px;
    line-height: 1;
    border-radius: 5px;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}
.canCopy .mytooltip::before {
    border: solid;
    border-color: transparent #000;
    border-width: 8px 0px 8px 8px;
    content: "";
    top: 50%;
    right: -7px;
    position: absolute;
    transform: translateY(-50%);
}
.canCopy .mytooltip.show{
    opacity: 0.9;
}
@media (max-width: 768px)
{
    .content {
        padding: 0 5px;
        min-width: 320px;
    }
}