/*  # NEW NOAH Business Application Website
    # Company Owner : Forecasting and Planning Technologies Inc.
    # Created by : Alvin Benedicto
    # Date Created : June 02 2020
    # Date Modified : June 04 2020 11:40 PM || Before June 03 2020 05:06 PM
*/

._new .navigation.fixed {
    box-shadow: none;
}
._new .article-container {
    margin-top: 85px;
}
._new .custom-h2-title {
    font-family: 'Segoe UI', sans-serif;
    color: #111111;
    font-size: 30px;
    margin: 0;
    font-weight: normal;
    line-height: 1.24;
    position: relative;
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif;
    color: #203266;
    margin-top: 6px;
}
._new .custom-h2-title > div {
    margin-left: 272px;
    margin-top: 8px;
}
._new .art-read-more {
    color: #203266 !important;
    padding: 8px;
    width: 132px;
    text-indent: 34px;
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif;
    font-weight: normal;
    letter-spacing: 0;
}
._new .art-read-more:after {
    background-color: #203266;
    left: 8px;
}
._new .art-calendar-cont {
    background: linear-gradient(to bottom right, #ffb865, #f9a440);
    border: none;
    box-shadow: none;
    width: 58px;
    height: 60px;
    transition: .12s ease-out all;
    transition-delay: .12s;
    transform: scale(1);
}
._new._list-page .article-body-sub-cont:hover .art-calendar-cont {
    box-shadow: 0 6px 16px -6px rgba(0,0,0,.28);
    transform: scale(1.1);
}
._new .art-cal-day {
    color: #203266 !important;
    font-weight: bold !important;
    font-size: 16px !important;
    top: 0px !important;
    height: 50% !important;
    line-height: 42px;
    color: #ffffff !important;
    text-shadow: 0 2px 2px rgba(0,0,0,.20) !important;
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif !important;
    letter-spacing: 2px;
}
._new .art-cal-month {
    color: #203266 !important;
    font-weight: bold !important;
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif !important;
    letter-spacing: 2px !important;
    background: none !important;
    font-size: 16px !important;
    text-shadow: none !important;
    padding: 0 !important;
    height: 50% !important;
    color: #ffffff !important;
    text-shadow: 0 2px 2px rgba(0,0,0,.20) !important;
    line-height: 24px;
}
._new .article-body-cont.left {
    width: 68%;
    border-radius: 0;
    box-shadow: none;
    padding: 25px;
    border: 4px solid #d3d6e0;
    overflow-x: hidden;
}
._new .article-body-cont.left > h1:first-of-type {
    color: #203266;
    font-weight: normal;
    font-size: 44px;
    line-height: 54px;
    text-indent: 20px;
    font-family: 'Bebas Neue', 'Segoe UI', sans-serif;
    height: 50px;
    margin-bottom: 25px;
}
._new .article-body-cont.left > h1:first-of-type:before {
    content: '';
    position: absolute;
    background-color: #f9a440;
    width: 10px;
    height: 45px;
    top: 3px;
    left: 0;
}
._new .article-body-sub-cont p {
    margin-bottom: 18px;
}
._new h5.art-cal-year {
    background: #eef2ff !important;
    color: #203266 !important;
    font-weight: normal;
    border: none;
    letter-spacing: .4px;
    border-radius: 22px;
    position: relative;
    height: 26px;
    padding: 3px 12px;
    overflow: hidden;
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif;
    line-height: 20px;
    margin-top: 8px;
}
._new .article-body-sub-cont p + br {
    display: none;
}
._new .article-body-sub-cont {
    box-shadow: 0 6px 10px -8px rgba(0,0,0,.28);
    transition: .12s ease all;
}
._new._list-page .article-body-sub-cont:hover {
    box-shadow: 0 4px 16px -4px rgba(0,0,0,.18);
}
._new .article-body-sub-cont img.art-list-banner {
    transition: .082s ease-out transform;
}
._new._list-page .article-body-sub-cont:hover img.art-list-banner {
    transform: scale(1.04) translateY(-10px);
}
._new .navigation .navbar-default ul.navbar-nav li a {
    color: #203266;
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: .4px;
    text-transform: capitalize !important;
}
._new .navigation .navbar-default ul.navbar-nav li a {
    color: #203266;
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif;
    font-weight: normal;
    font-size: 1.24rem;
    letter-spacing: .4px;
    text-transform: capitalize !important;
}
._new .navigation .navbar-default ul.navbar-nav li a:hover {
    color: #203266;
}
._new .navigation .navbar-default ul.navbar-nav li a:before {
    background-color: #203266;
    height: 2px;
}
._new .article-body-sub-cont table .td2 {
    width: 8%;
}
._new .article-body-cont.right {
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif;
    padding: 24px 0;
}
._new .article-container.right h4 {
    color: #203266;
    font-family: 'Bebas Neue', 'Segoe UI', sans-serif;
    font-size: 34px;
    font-weight: normal;
    line-height: 30px;
}
._new .article-container h4 + h6 {
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif;
    color: #203266;
    margin-top: 6px;
    font-weight: normal;
    font-size: 15px;
    margin-bottom: 25px;
}
._new .article-container h4 + h6:before {
    background: #f9a440;
    height: 2px;
    bottom: -10px;
}
._new .article-container ul h6 {
    font-family: 'Keep Calm Med', 'Segoe UI', sans-serif;
    font-weight: normal;
    text-align: left;
    font-size: 15px;
    color: #333333;
    margin: 0;
    padding: 6px;
    padding-bottom: 2px;
    line-height: 20px;
    transition: .14s ease all;
}
._new .article-container ul li .rec-art-date {
    font-size: 12px;
    text-transform: uppercase;
    color: #555555;
    font-family: 'Segoe UI', sans-serif;
    line-height: 16px;
    padding-bottom: 4px;
    transition: .14s ease all;
}
._new .article-container ul li a:hover h6,
.rec-art-list li a:hover .rec-art-date {
    color: #203266;
    background-color: #eef2ff;
}
._new .article-container ul li .rec-art-date:before {
    background-color: #555555;
}
._new .article-container ul li {
    margin-bottom: 4px;
    padding-bottom: 0;
}
._new .article-body-sub-cont:last-of-type {
    margin-bottom: 0;
}
ul.main-ul {
    font-family: 'Segoe UI' !important;
    font-size: 1.2em !important;
    line-height: 24px !important;
    padding-left: 15px;
    padding-inline-start: 22px;
}
ul.sub-ul {
    margin-top: 4px;
}
ul.main-ul li {
    display: list-item;
    cursor: default;
    font-size: 16px;
}
ul.sub-ul li {
    display: block;
}
ul.sub-ul li:before {
    content: '✓';
    width: 22px;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    vertical-align: bottom;
    line-height: 34px;
}
.article-body-sub-cont h5.custom-main-lbl {
    font-family: 'Bebas Neue', 'Segoe UI' !important;
    font-size: 32px !important;
    line-height: 24px !important;
    color: #f9a440;
    display: block;
}
.p-col-wrapper {
    display: block;
    margin-left: -44px;
    margin-right: -44px;
    padding: 40px 0;
    padding-left: 44px;
    padding-right: 44px;
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px !important;
    line-height: 24px !important;
    height: auto;
    overflow: hidden;
    transition: .2s ease all;
}
.p-col-wrapper .p-col {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
}
.p-col-wrapper .p-col.p-context {
    display: inline-block;
    width: 70%;
    text-align: left;
}
.p-col-wrapper .p-col.p-img {
    display: inline-block;
    width: 30%;
    text-align: center;
}
.p-col-wrapper .p-col-right {
    margin-left: -4px;
}
.p-col-wrapper .p-col.p-img img {
    display: block;
    margin: 0 auto !important;
    width: initial !important;
    height: 110px;
}
h5.custom-sub-lbl {
    font-family: 'Bebas Neue', 'Segoe UI' !important;
    font-size: 26px !important;
    line-height: 24px !important;
    color: #203266;
    display: block;
    text-align: center;
    margin: 6px auto;
}
p.p-col.p-img.p-col-left img {
    margin-left: 13%;
}
._new .article-container .p-col-wrapper .p-col.p-context ul.sub-ul li:before {
    line-height: 17px;
    vertical-align: middle;
    font-size: 12px;
    margin-top: -2px;
    margin-left: -20px;
}
.p-col-wrapper .p-col.p-context.p-col-right {
    padding-left: 4%;
    width: 70%;
}
._new .article-body-sub-cont p {
    font-size: 16px !important;
}
.p-col.p-img.p-col-right {
    transform: translateX(15px);
}
.p-col.p-context.p-col-left {
    padding: 0 15px;
}
._new .p-col-wrapper .p-col.p-context ul.sub-ul li {
    padding-inline-start: 20px;
}
.p-col-wrapper .p-col.p-context ul li {
    text-align: left;
}
.p-col-wrapper .p-col.p-img img + h5.custom-sub-lbl,
.p-col-wrapper .p-col.p-img h5.custom-sub-lbl + img {
    margin-top: 15px;
}
.p-col-wrapper:nth-of-type(2n+2) {
    background-color: #eef2ff;
}
.p-col-wrapper ul.main-ul,
.p-col-wrapper ul.main-ul li {
    margin-bottom: 0 !important;
}
._new._full-article .article-body-sub-cont table {
    width: 98%;
}
._new._full-article .article-body-sub-cont {
    padding-top: 10px;
}
._new._full-article .art-read-more {
    text-transform: unset;
    width: initial;
    display: block;
}
#pcolWorkflow {
    height: 840px;
}
#pcolWorkflow._collapsed {
    height: 276px;
}
#pcolDocControl._collapsed {
    height: 276px;
}
#pcolCompReq._collapsed {
    height: 235px;
}
#pcolEmailCreator._collapsed {
    height: 235px;
}
#pcolNotifAlert._collapsed {
    height: 209px;
}
#pcolTaskPerf._collapsed {
    height: 344px;
}
#pcolTaskPerf {
    height: 854px;
}
.p-col-wrapper._expandable ul.main-ul > li._canHide {
    display: none;
}
li.expand-li {
    list-style: none;
    margin-top: 30px;
}
.btn-expand {
    width: auto;
    display: inline-block;
    padding: 4px 12px;
    color: #ffffff;
    font-weight: 500;
    font-family: 'Segoe UI', sans-serif;
    background-color: #f9a440;
    background: linear-gradient(to bottom, #ffb45c, #f9a440);
    height: 34px;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    border-bottom: 3px solid #dc8824;
    user-select: none;
    text-shadow: 0 1px 2px rgba(0,0,0,.16);
    letter-spacing: .4px;
}
.btn-expand:hover {
    border-bottom: none;
    transform: translateY(3px);
    background: linear-gradient(to top, #ffb45c, #f9a440);
    text-shadow: none;
}
.btn-expand._less {
    background: linear-gradient(to bottom, #4662b5, #2e468a);
    border-color: #16244e;
}
.btn-expand._less:hover {
    background: linear-gradient(to top, #2e468a, #4662b5);
}
._new .article-container h4 {
    line-height: 20px;
    font-size: 20px;
}
._new .article-body-sub-cont p {
    text-align: left;
}








@media screen and (min-width: 1300px) {
    ._new .article-container {
        min-width: 1200px;
    }
    ._new .article-body-cont.left {
        min-width: 850px;
    }
    ._new .article-body-cont.right {
        min-width: 320px;
    }
}



@media screen and (max-width: 767px) {
    ._new .article-body-cont.left {
        padding: 1%;
        border: none;
    }
    
    ._new._full-article .article-body-sub-cont {
        padding-top: 0;
    }
    
    ._new._full-article .article-body-sub-cont table {
        display: block;
        margin: 0 auto;
        width: 100%;
    }
    
    ._new._full-article .article-body-sub-cont table tbody, ._new._full-article .article-body-sub-cont table tr {
        display: block;
    }
    
    .article-body-sub-cont table .td3 {
        text-align: left;
    }
    
    ._new .custom-h2-title {
        font-size: 24px;
    }
}







._pad-btm-8 {
    padding-bottom: 8px !important;
}
._mgn-btm-18 {
    margin-bottom: 18px !important;
}