/* Making sure comments under tasks wont  overflow outside the container. */
.task-comment {
    /* Prevents text from overflowing the container */
    overflow-wrap: break-word;
    word-break: break-word; /* For older browsers */
}

.processPilot img {
    max-width: 100%;
    height: auto;
}

/*email template css*/
@media screen {
    @font-face {
        font-family: 'Source Sans Pro';
        font-style: normal;
        font-weight: 400;
        src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/ODelI1aHBYDBqgeIAH2zlBM0YzuT7MdOe03otPbuUS0.woff) format('woff');
    }

    @font-face {
        font-family: 'Source Sans Pro';
        font-style: normal;
        font-weight: 700;
        src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(https://fonts.gstatic.com/s/sourcesanspro/v10/toadOcfmlt9b38dHJxOBGFkQc6VGVFSmCnC_l7QZG60.woff) format('woff');
    }
}

body,
table,
td,
a {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

img {
    -ms-interpolation-mode: bicubic;
}

a[x-apple-data-detectors] {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    text-decoration: none !important;
}

div[style*="margin: 16px 0;"] {
    margin: 0 !important;
}


table {
    border-collapse: collapse !important;
}


.table-1 {
    max-width: 600px;
}

.table-1 td {
    padding: 36px 24px 40px;
    text-align: center;
}

.table-1 h1 {
    margin: 0;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 48px;
}

.table-2 {
    max-width: 600px;
}

.table-2 td {
    padding: 36px 24px 0;
    border-top: 3px solid #d4dadf;
    background-color: #ffffff;
}

.table-2 h1 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 48px;
}

.table-3 {
    max-width: 600px;
}

.table-2 td {
    background-color: #ffffff;
}

.td-1 {
    padding: 24px;
    font-size: 16px;
    line-height: 24px;
    background-color: #ffffff;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 0px;
}

.table-gray {
    width: 100%;
}

.table-gray tr {
    height: 24px;
}

.table-gray .td-1 {
    background-color: #f1f3f7;
    width: 30%;
    border: solid 1px #e7e9ec;
    padding-top: 5px;
    padding-bottom: 5px;
}

.table-gray .td-2 {
    background-color: #f1f3f7;
    width: 70%;
    border: solid 1px #e7e9ec;
}


.signature {
    padding: 24px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    border-bottom: 3px solid #d4dadf;
    background-color: #ffffff;
}


.footer td {
    padding: 12px 24px;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.td-button {
    padding: 12px;
    background-color: #ffffff;
    text-align: center;
}

.p-24 {
    padding: 24px;
}

#kb-attachments-container {
    padding-left: 20px;
    padding-bottom: 1px;
}

.mt-n9 {
    margin-top: -9px !important;
}

.pl-19_5 {
    padding-left: 19.5px !important;
}